From edd3990c0846353c001853531948477ea7837500 Mon Sep 17 00:00:00 2001
From: Benjamin TD <benjamin.tdm@gmail.com>
Date: Wed, 27 Oct 2021 18:10:04 +0200
Subject: [PATCH] fix(swarmplot): use the borderWidth property - fixes #1813

---
 packages/swarmplot/src/SwarmPlot.tsx        |  3 ++-
 packages/swarmplot/tests/Swarmplot.test.tsx | 17 +++++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/packages/swarmplot/src/SwarmPlot.tsx b/packages/swarmplot/src/SwarmPlot.tsx
index 003439e051..0694551333 100644
--- a/packages/swarmplot/src/SwarmPlot.tsx
+++ b/packages/swarmplot/src/SwarmPlot.tsx
@@ -36,6 +36,7 @@ const InnerSwarmPlot = <RawDatum,>({
     colors = defaultProps.colors as OrdinalColorScaleConfig<Omit<ComputedDatum<RawDatum>, 'color'>>,
     colorBy = defaultProps.colorBy,
     borderColor = defaultProps.borderColor as InheritedColorConfig<ComputedDatum<RawDatum>>,
+    borderWidth = defaultProps.borderWidth,
     layout = defaultProps.layout,
     spacing = defaultProps.spacing,
     gap = defaultProps.gap,
@@ -141,7 +142,7 @@ const InnerSwarmPlot = <RawDatum,>({
             <Circles<RawDatum>
                 key="circles"
                 nodes={nodes}
-                borderWidth={0}
+                borderWidth={borderWidth}
                 borderColor={borderColor}
                 isInteractive={isInteractive}
                 tooltip={tooltip}
diff --git a/packages/swarmplot/tests/Swarmplot.test.tsx b/packages/swarmplot/tests/Swarmplot.test.tsx
index 0275a09f0a..5293a40c74 100644
--- a/packages/swarmplot/tests/Swarmplot.test.tsx
+++ b/packages/swarmplot/tests/Swarmplot.test.tsx
@@ -137,5 +137,22 @@ describe('SwarmPlot', () => {
             expect(onMouseMove).not.toHaveBeenCalled()
             expect(onMouseLeave).not.toHaveBeenCalled()
         })
+
+        it('should support the borderWidth property', () => {
+            const wrapper = mount(
+                <SwarmPlot
+                    width={400}
+                    height={400}
+                    groupBy="group"
+                    groups={groups}
+                    data={sampleData}
+                    borderWidth={4}
+                />
+            )
+
+            expect(wrapper.find('circle').at(0).getDOMNode().getAttribute('stroke-width')).toEqual(
+                '4'
+            )
+        })
     })
 })