fix(bubble): add missing tooltip when using static bubble chart

plouc · Aug 11, 2017 · 9faae31 · 9faae31
1 parent 80c45c2
commit 9faae31
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 43 deletions.
diff --git a/src/components/charts/bubble/BubblePlaceholders.js b/src/components/charts/bubble/BubblePlaceholders.js
@@ -123,22 +123,28 @@ export default class BubblePlaceholders extends Component {
         }
 
         if (!animate) {
-            return React.createElement(
-                wrapperTag,
-                wrapperProps,
-                React.createElement(
-                    containerTag,
-                    containerProps,
-                    children(
-                        nodes.map(node => {
-                            return {
-                                key: node.data.key,
-                                data: node,
-                                style: _.pick(node, ['r', 'x', 'y', 'color']),
-                            }
-                        })
-                    )
-                )
+            return (
+                <Container isInteractive={isInteractive}>
+                    {({ showTooltip, hideTooltip }) =>
+                        React.createElement(
+                            wrapperTag,
+                            wrapperProps,
+                            React.createElement(
+                                containerTag,
+                                containerProps,
+                                children(
+                                    nodes.map(node => {
+                                        return {
+                                            key: node.data.key,
+                                            data: node,
+                                            style: _.pick(node, ['r', 'x', 'y', 'color']),
+                                        }
+                                    }),
+                                    { showTooltip, hideTooltip }
+                                )
+                            )
+                        )}
+                </Container>
             )
         }
 

diff --git a/src/hocs/withColors.js b/src/hocs/withColors.js
@@ -10,7 +10,7 @@ import withPropsOnChange from 'recompose/withPropsOnChange'
 import { getColorsGenerator } from '../lib/colorUtils'
 
 /**
- * This HOC takes watch colors related props change
+ * This HOC watch colors related props change
  * and returns the corresponding color generator function.
  * Using it prevent from having a new ref each time
  * we pass through the component, useful for shallow comparison.

diff --git a/src/lib/decoratorsFromReactChildren.js b/src/lib/decoratorsFromReactChildren.js