fix(bar): pass renderWrapper prop to container

plouc · May 22, 2021 · a258e0b · a258e0b
1 parent cec89ff
commit a258e0b
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 7 deletions.
diff --git a/packages/bar/index.d.ts b/packages/bar/index.d.ts
@@ -134,6 +134,8 @@ declare module '@nivo/bar' {
         legends: ({ dataFrom: 'indexes' | 'keys' } & LegendProps)[]
 
         markers: CartesianMarkerProps[]
+
+        renderWrapper: boolean
     }>
 
     export type BarLayerType = 'grid' | 'axes' | 'bars' | 'markers' | 'legends'

diff --git a/packages/bar/src/Bar.js b/packages/bar/src/Bar.js
@@ -112,6 +112,7 @@ const Bar = props => {
         motionStiffness,
         motionDamping,
 
+        renderWrapper,
         role,
     } = props
     const generateBars = groupMode === 'grouped' ? generateGroupedBars : generateStackedBars
@@ -163,11 +164,7 @@ const Bar = props => {
 
     return (
         <LegacyContainer
-            isInteractive={isInteractive}
-            theme={theme}
-            animate={animate}
-            motionStiffness={motionStiffness}
-            motionDamping={motionDamping}
+            {...{ animate, isInteractive, motionStiffness, motionDamping, renderWrapper, theme }}
         >
             {({ showTooltip, hideTooltip }) => {
                 const commonProps = {

diff --git a/packages/bar/src/BarCanvas.js b/packages/bar/src/BarCanvas.js
@@ -262,10 +262,18 @@ class BarCanvas extends Component {
     }
 
     render() {
-        const { outerWidth, outerHeight, pixelRatio, isInteractive, theme, canvasRef } = this.props
+        const {
+            outerWidth,
+            outerHeight,
+            pixelRatio,
+            isInteractive,
+            renderWrapper,
+            theme,
+            canvasRef,
+        } = this.props
 
         return (
-            <LegacyContainer isInteractive={isInteractive} theme={theme} animate={false}>
+            <LegacyContainer {...{ isInteractive, renderWrapper, theme }} animate={false}>
                 {({ showTooltip, hideTooltip }) => (
                     <canvas
                         ref={surface => {

diff --git a/packages/bar/src/props.js b/packages/bar/src/props.js
@@ -94,6 +94,7 @@ export const BarPropTypes = {
         })
     ).isRequired,
 
+    renderWrapper: PropTypes.bool,
     pixelRatio: PropTypes.number.isRequired,
 }