victory-core 35.11.2 → 36.1.0

package/lib/victory-util/add-events.js

@@ -70,347 +70,344 @@ var defaultComponents = [{
 }];
 
 var _default = function _default(WrappedComponent, options) {
-  return (
-    /*#__PURE__*/
-    function (_WrappedComponent) {
-      _inherits(addEvents, _WrappedComponent);
+  return /*#__PURE__*/function (_WrappedComponent) {
+    _inherits(addEvents, _WrappedComponent);
 
-      function addEvents(props) {
-        var _this;
+    function addEvents(props) {
+      var _this;
 
-        _classCallCheck(this, addEvents);
+      _classCallCheck(this, addEvents);
 
-        _this = _possibleConstructorReturn(this, (addEvents.__proto__ || Object.getPrototypeOf(addEvents)).call(this, props));
-        var getScopedEvents = Events.getScopedEvents.bind(_assertThisInitialized(_this));
-        var boundGetEvents = Events.getEvents.bind(_assertThisInitialized(_this));
-        _this.state = {};
+      _this = _possibleConstructorReturn(this, (addEvents.__proto__ || Object.getPrototypeOf(addEvents)).call(this, props));
+      var getScopedEvents = Events.getScopedEvents.bind(_assertThisInitialized(_this));
+      var boundGetEvents = Events.getEvents.bind(_assertThisInitialized(_this));
+      _this.state = {};
 
-        _this.getEvents = function (p, target, eventKey) {
-          return boundGetEvents(p, target, eventKey, getScopedEvents);
-        };
+      _this.getEvents = function (p, target, eventKey) {
+        return boundGetEvents(p, target, eventKey, getScopedEvents);
+      };
 
-        _this.getEventState = Events.getEventState.bind(_assertThisInitialized(_this));
+      _this.getEventState = Events.getEventState.bind(_assertThisInitialized(_this));
 
-        var calculatedValues = _this.getCalculatedValues(props);
+      var calculatedValues = _this.getCalculatedValues(props);
 
-        _this.cacheValues(calculatedValues);
+      _this.cacheValues(calculatedValues);
 
-        _this.externalMutations = _this.getExternalMutations(props);
-        _this.calculatedState = _this.getStateChanges(props);
-        _this.globalEvents = {};
-        _this.prevGlobalEventKeys = [];
-        _this.boundGlobalEvents = {};
-        return _this;
-      }
+      _this.externalMutations = _this.getExternalMutations(props);
+      _this.calculatedState = _this.getStateChanges(props);
+      _this.globalEvents = {};
+      _this.prevGlobalEventKeys = [];
+      _this.boundGlobalEvents = {};
+      return _this;
+    }
 
-      _createClass(addEvents, [{
-        key: "shouldComponentUpdate",
-        value: function shouldComponentUpdate(nextProps) {
-          var externalMutations = this.getExternalMutations(nextProps);
-          var animating = this.props.animating || this.props.animate;
-          var newMutation = !(0, _reactFastCompare.default)(externalMutations, this.externalMutations);
-
-          if (animating || newMutation) {
-            this.cacheValues(this.getCalculatedValues(nextProps));
-            this.externalMutations = externalMutations;
-            this.applyExternalMutations(nextProps, externalMutations);
-            return true;
-          }
+    _createClass(addEvents, [{
+      key: "shouldComponentUpdate",
+      value: function shouldComponentUpdate(nextProps) {
+        var externalMutations = this.getExternalMutations(nextProps);
+        var animating = this.props.animating || this.props.animate;
+        var newMutation = !(0, _reactFastCompare.default)(externalMutations, this.externalMutations);
 
-          var calculatedState = this.getStateChanges(nextProps);
-
-          if (!(0, _reactFastCompare.default)(this.calculatedState, calculatedState)) {
-            this.cacheValues(this.getCalculatedValues(nextProps));
-            return true;
-          }
+        if (animating || newMutation) {
+          this.cacheValues(this.getCalculatedValues(nextProps));
+          this.externalMutations = externalMutations;
+          this.applyExternalMutations(nextProps, externalMutations);
+          return true;
+        }
 
-          if (!(0, _reactFastCompare.default)(this.props, nextProps)) {
-            this.cacheValues(this.getCalculatedValues(nextProps));
-            return true;
-          }
+        var calculatedState = this.getStateChanges(nextProps);
 
-          return false;
-        }
-      }, {
-        key: "componentDidMount",
-        value: function componentDidMount() {
-          var _this2 = this;
-
-          var globalEventKeys = (0, _keys2.default)(this.globalEvents);
-          globalEventKeys.forEach(function (key) {
-            return _this2.addGlobalListener(key);
-          });
-          this.prevGlobalEventKeys = globalEventKeys;
+        if (!(0, _reactFastCompare.default)(this.calculatedState, calculatedState)) {
+          this.cacheValues(this.getCalculatedValues(nextProps));
+          return true;
         }
-      }, {
-        key: "componentDidUpdate",
-        value: function componentDidUpdate(prevProps) {
-          var _this3 = this;
-
-          var calculatedState = this.getStateChanges(prevProps);
-          this.calculatedState = calculatedState;
-          var globalEventKeys = (0, _keys2.default)(this.globalEvents);
-          var removedGlobalEventKeys = (0, _difference2.default)(this.prevGlobalEventKeys, globalEventKeys);
-          removedGlobalEventKeys.forEach(function (key) {
-            return _this3.removeGlobalListener(key);
-          });
-          var addedGlobalEventKeys = (0, _difference2.default)(globalEventKeys, this.prevGlobalEventKeys);
-          addedGlobalEventKeys.forEach(function (key) {
-            return _this3.addGlobalListener(key);
-          });
-          this.prevGlobalEventKeys = globalEventKeys;
-        }
-      }, {
-        key: "componentWillUnmount",
-        value: function componentWillUnmount() {
-          var _this4 = this;
 
-          this.prevGlobalEventKeys.forEach(function (key) {
-            return _this4.removeGlobalListener(key);
-          });
-        }
-      }, {
-        key: "addGlobalListener",
-        value: function addGlobalListener(key) {
-          var _this5 = this;
-
-          var boundListener = function (event) {
-            var listener = _this5.globalEvents[key];
-            return listener && listener(Events.emulateReactEvent(event));
-          };
-
-          this.boundGlobalEvents[key] = boundListener;
-          window.addEventListener(Events.getGlobalEventNameFromKey(key), boundListener);
+        if (!(0, _reactFastCompare.default)(this.props, nextProps)) {
+          this.cacheValues(this.getCalculatedValues(nextProps));
+          return true;
         }
-      }, {
-        key: "removeGlobalListener",
-        value: function removeGlobalListener(key) {
-          window.removeEventListener(Events.getGlobalEventNameFromKey(key), this.boundGlobalEvents[key]);
-        } // compile all state changes from own and parent state. Order doesn't matter, as any state
-        // state change should trigger a re-render
-
-      }, {
-        key: "getStateChanges",
-        value: function getStateChanges(props) {
-          var _this6 = this;
-
-          if (!this.hasEvents) {
-            return {};
-          }
 
-          var getState = function (key, type) {
-            var result = (0, _defaults2.default)({}, _this6.getEventState(key, type), _this6.getSharedEventState(key, type));
-            return (0, _isEmpty2.default)(result) ? undefined : result;
-          };
-
-          options = options || {};
-          var components = options.components || defaultComponents;
-          var stateChanges = components.map(function (component) {
-            if (!props.standalone && component.name === "parent") {
-              // don't check for changes on parent props for non-standalone components
-              return undefined;
-            } else {
-              return component.index !== undefined ? getState(component.index, component.name) : _this6.dataKeys.map(function (key) {
-                return getState(key, component.name);
-              }).filter(Boolean);
-            }
-          }).filter(Boolean);
-          return stateChanges;
-        }
-      }, {
-        key: "applyExternalMutations",
-        value: function applyExternalMutations(props, externalMutations) {
-          if (!(0, _isEmpty2.default)(externalMutations)) {
-            var callbacks = props.externalEventMutations.reduce(function (memo, mutation) {
-              memo = (0, _isFunction2.default)(mutation.callback) ? memo.concat(mutation.callback) : memo;
-              return memo;
-            }, []);
-            var compiledCallbacks = callbacks.length ? function () {
-              callbacks.forEach(function (c) {
-                return c();
-              });
-            } : undefined;
-            this.setState(externalMutations, compiledCallbacks);
-          }
-        }
-      }, {
-        key: "getCalculatedValues",
-        value: function getCalculatedValues(props) {
-          var sharedEvents = props.sharedEvents;
-          var components = WrappedComponent.expectedComponents;
-          var componentEvents = Events.getComponentEvents(props, components);
-          var getSharedEventState = sharedEvents && (0, _isFunction2.default)(sharedEvents.getEventState) ? sharedEvents.getEventState : function () {
-            return undefined;
-          };
-          var baseProps = this.getBaseProps(props, getSharedEventState);
-          var dataKeys = (0, _keys2.default)(baseProps).filter(function (key) {
-            return key !== "parent";
-          });
-          var hasEvents = props.events || props.sharedEvents || componentEvents;
-          var events = this.getAllEvents(props);
-          return {
-            componentEvents: componentEvents,
-            getSharedEventState: getSharedEventState,
-            baseProps: baseProps,
-            dataKeys: dataKeys,
-            hasEvents: hasEvents,
-            events: events
-          };
-        }
-      }, {
-        key: "getExternalMutations",
-        value: function getExternalMutations(props) {
-          var sharedEvents = props.sharedEvents,
-              externalEventMutations = props.externalEventMutations;
-          return (0, _isEmpty2.default)(externalEventMutations) || sharedEvents ? undefined : Events.getExternalMutations(externalEventMutations, this.baseProps, this.state);
-        }
-      }, {
-        key: "cacheValues",
-        value: function cacheValues(obj) {
-          var _this7 = this;
+        return false;
+      }
+    }, {
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        var _this2 = this;
+
+        var globalEventKeys = (0, _keys2.default)(this.globalEvents);
+        globalEventKeys.forEach(function (key) {
+          return _this2.addGlobalListener(key);
+        });
+        this.prevGlobalEventKeys = globalEventKeys;
+      }
+    }, {
+      key: "componentDidUpdate",
+      value: function componentDidUpdate(prevProps) {
+        var _this3 = this;
+
+        var calculatedState = this.getStateChanges(prevProps);
+        this.calculatedState = calculatedState;
+        var globalEventKeys = (0, _keys2.default)(this.globalEvents);
+        var removedGlobalEventKeys = (0, _difference2.default)(this.prevGlobalEventKeys, globalEventKeys);
+        removedGlobalEventKeys.forEach(function (key) {
+          return _this3.removeGlobalListener(key);
+        });
+        var addedGlobalEventKeys = (0, _difference2.default)(globalEventKeys, this.prevGlobalEventKeys);
+        addedGlobalEventKeys.forEach(function (key) {
+          return _this3.addGlobalListener(key);
+        });
+        this.prevGlobalEventKeys = globalEventKeys;
+      }
+    }, {
+      key: "componentWillUnmount",
+      value: function componentWillUnmount() {
+        var _this4 = this;
+
+        this.prevGlobalEventKeys.forEach(function (key) {
+          return _this4.removeGlobalListener(key);
+        });
+      }
+    }, {
+      key: "addGlobalListener",
+      value: function addGlobalListener(key) {
+        var _this5 = this;
+
+        var boundListener = function (event) {
+          var listener = _this5.globalEvents[key];
+          return listener && listener(Events.emulateReactEvent(event));
+        };
 
-          (0, _keys2.default)(obj).forEach(function (key) {
-            _this7[key] = obj[key];
-          });
-        }
-      }, {
-        key: "getBaseProps",
-        value: function getBaseProps(props, getSharedEventState) {
-          getSharedEventState = getSharedEventState || this.getSharedEventState;
-          var sharedParentState = getSharedEventState("parent", "parent");
-          var parentState = this.getEventState("parent", "parent");
-          var baseParentProps = (0, _defaults2.default)({}, parentState, sharedParentState);
-          var parentPropsList = baseParentProps.parentControlledProps;
-          var parentProps = parentPropsList ? (0, _pick2.default)(baseParentProps, parentPropsList) : {};
-          var modifiedProps = (0, _defaults2.default)({}, parentProps, props);
-          return (0, _isFunction2.default)(WrappedComponent.getBaseProps) ? WrappedComponent.getBaseProps(modifiedProps) : {};
+        this.boundGlobalEvents[key] = boundListener;
+        window.addEventListener(Events.getGlobalEventNameFromKey(key), boundListener);
+      }
+    }, {
+      key: "removeGlobalListener",
+      value: function removeGlobalListener(key) {
+        window.removeEventListener(Events.getGlobalEventNameFromKey(key), this.boundGlobalEvents[key]);
+      } // compile all state changes from own and parent state. Order doesn't matter, as any state
+      // state change should trigger a re-render
+
+    }, {
+      key: "getStateChanges",
+      value: function getStateChanges(props) {
+        var _this6 = this;
+
+        if (!this.hasEvents) {
+          return {};
         }
-      }, {
-        key: "getAllEvents",
-        value: function getAllEvents(props) {
-          if (Array.isArray(this.componentEvents)) {
-            var _componentEvents;
 
-            return Array.isArray(props.events) ? (_componentEvents = this.componentEvents).concat.apply(_componentEvents, _toConsumableArray(props.events)) : this.componentEvents;
-          }
+        var getState = function (key, type) {
+          var result = (0, _defaults2.default)({}, _this6.getEventState(key, type), _this6.getSharedEventState(key, type));
+          return (0, _isEmpty2.default)(result) ? undefined : result;
+        };
 
-          return props.events;
-        }
-      }, {
-        key: "getComponentProps",
-        value: function getComponentProps(component, type, index) {
-          var name = this.props.name || WrappedComponent.role;
-          var key = this.dataKeys && this.dataKeys[index] || index;
-          var id = "".concat(name, "-").concat(type, "-").concat(key);
-          var baseProps = this.baseProps[key] && this.baseProps[key][type] || this.baseProps[key];
-
-          if (!baseProps && !this.hasEvents) {
+        options = options || {};
+        var components = options.components || defaultComponents;
+        var stateChanges = components.map(function (component) {
+          if (!props.standalone && component.name === "parent") {
+            // don't check for changes on parent props for non-standalone components
             return undefined;
+          } else {
+            return component.index !== undefined ? getState(component.index, component.name) : _this6.dataKeys.map(function (key) {
+              return getState(key, component.name);
+            }).filter(Boolean);
           }
-
-          if (this.hasEvents) {
-            var baseEvents = this.getEvents(this.props, type, key);
-            var componentProps = (0, _defaults2.default)({
-              index: index,
-              key: id
-            }, this.getEventState(key, type), this.getSharedEventState(key, type), component.props, baseProps, {
-              id: id
-            });
-            var events = (0, _defaults2.default)({}, Events.getPartialEvents(baseEvents, key, componentProps), componentProps.events);
-            return (0, _assign2.default)({}, componentProps, {
-              events: events
+        }).filter(Boolean);
+        return stateChanges;
+      }
+    }, {
+      key: "applyExternalMutations",
+      value: function applyExternalMutations(props, externalMutations) {
+        if (!(0, _isEmpty2.default)(externalMutations)) {
+          var callbacks = props.externalEventMutations.reduce(function (memo, mutation) {
+            memo = (0, _isFunction2.default)(mutation.callback) ? memo.concat(mutation.callback) : memo;
+            return memo;
+          }, []);
+          var compiledCallbacks = callbacks.length ? function () {
+            callbacks.forEach(function (c) {
+              return c();
             });
-          }
+          } : undefined;
+          this.setState(externalMutations, compiledCallbacks);
+        }
+      }
+    }, {
+      key: "getCalculatedValues",
+      value: function getCalculatedValues(props) {
+        var sharedEvents = props.sharedEvents;
+        var components = WrappedComponent.expectedComponents;
+        var componentEvents = Events.getComponentEvents(props, components);
+        var getSharedEventState = sharedEvents && (0, _isFunction2.default)(sharedEvents.getEventState) ? sharedEvents.getEventState : function () {
+          return undefined;
+        };
+        var baseProps = this.getBaseProps(props, getSharedEventState);
+        var dataKeys = (0, _keys2.default)(baseProps).filter(function (key) {
+          return key !== "parent";
+        });
+        var hasEvents = props.events || props.sharedEvents || componentEvents;
+        var events = this.getAllEvents(props);
+        return {
+          componentEvents: componentEvents,
+          getSharedEventState: getSharedEventState,
+          baseProps: baseProps,
+          dataKeys: dataKeys,
+          hasEvents: hasEvents,
+          events: events
+        };
+      }
+    }, {
+      key: "getExternalMutations",
+      value: function getExternalMutations(props) {
+        var sharedEvents = props.sharedEvents,
+            externalEventMutations = props.externalEventMutations;
+        return (0, _isEmpty2.default)(externalEventMutations) || sharedEvents ? undefined : Events.getExternalMutations(externalEventMutations, this.baseProps, this.state);
+      }
+    }, {
+      key: "cacheValues",
+      value: function cacheValues(obj) {
+        var _this7 = this;
+
+        (0, _keys2.default)(obj).forEach(function (key) {
+          _this7[key] = obj[key];
+        });
+      }
+    }, {
+      key: "getBaseProps",
+      value: function getBaseProps(props, getSharedEventState) {
+        getSharedEventState = getSharedEventState || this.getSharedEventState;
+        var sharedParentState = getSharedEventState("parent", "parent");
+        var parentState = this.getEventState("parent", "parent");
+        var baseParentProps = (0, _defaults2.default)({}, parentState, sharedParentState);
+        var parentPropsList = baseParentProps.parentControlledProps;
+        var parentProps = parentPropsList ? (0, _pick2.default)(baseParentProps, parentPropsList) : {};
+        var modifiedProps = (0, _defaults2.default)({}, parentProps, props);
+        return (0, _isFunction2.default)(WrappedComponent.getBaseProps) ? WrappedComponent.getBaseProps(modifiedProps) : {};
+      }
+    }, {
+      key: "getAllEvents",
+      value: function getAllEvents(props) {
+        if (Array.isArray(this.componentEvents)) {
+          var _componentEvents;
+
+          return Array.isArray(props.events) ? (_componentEvents = this.componentEvents).concat.apply(_componentEvents, _toConsumableArray(props.events)) : this.componentEvents;
+        }
 
-          return (0, _defaults2.default)({
+        return props.events;
+      }
+    }, {
+      key: "getComponentProps",
+      value: function getComponentProps(component, type, index) {
+        var name = this.props.name || WrappedComponent.role;
+        var key = this.dataKeys && this.dataKeys[index] || index;
+        var id = "".concat(name, "-").concat(type, "-").concat(key);
+        var baseProps = this.baseProps[key] && this.baseProps[key][type] || this.baseProps[key];
+
+        if (!baseProps && !this.hasEvents) {
+          return undefined;
+        }
+
+        if (this.hasEvents) {
+          var baseEvents = this.getEvents(this.props, type, key);
+          var componentProps = (0, _defaults2.default)({
             index: index,
             key: id
-          }, component.props, baseProps, {
+          }, this.getEventState(key, type), this.getSharedEventState(key, type), component.props, baseProps, {
             id: id
           });
+          var events = (0, _defaults2.default)({}, Events.getPartialEvents(baseEvents, key, componentProps), componentProps.events);
+          return (0, _assign2.default)({}, componentProps, {
+            events: events
+          });
         }
-      }, {
-        key: "renderContainer",
-        value: function renderContainer(component, children) {
-          var isContainer = component.type && component.type.role === "container";
-          var parentProps = isContainer ? this.getComponentProps(component, "parent", "parent") : {};
-
-          if (parentProps.events) {
-            this.globalEvents = Events.getGlobalEvents(parentProps.events);
-            parentProps.events = Events.omitGlobalEvents(parentProps.events);
-          }
 
-          return _react.default.cloneElement(component, parentProps, children);
+        return (0, _defaults2.default)({
+          index: index,
+          key: id
+        }, component.props, baseProps, {
+          id: id
+        });
+      }
+    }, {
+      key: "renderContainer",
+      value: function renderContainer(component, children) {
+        var isContainer = component.type && component.type.role === "container";
+        var parentProps = isContainer ? this.getComponentProps(component, "parent", "parent") : {};
+
+        if (parentProps.events) {
+          this.globalEvents = Events.getGlobalEvents(parentProps.events);
+          parentProps.events = Events.omitGlobalEvents(parentProps.events);
         }
-      }, {
-        key: "animateComponent",
-        value: function animateComponent(props, defaultAnimationWhitelist) {
-          var animationWhitelist = props.animate && props.animate.animationWhitelist ? props.animate.animationWhitelist : defaultAnimationWhitelist;
-          return _react.default.createElement(_victoryTransition.default, {
-            animate: props.animate,
-            animationWhitelist: animationWhitelist
-          }, _react.default.createElement(this.constructor, props));
-        } // Used by `VictoryLine` and `VictoryArea`
-
-      }, {
-        key: "renderContinuousData",
-        value: function renderContinuousData(props) {
-          var _this8 = this;
-
-          var dataComponent = props.dataComponent,
-              labelComponent = props.labelComponent,
-              groupComponent = props.groupComponent;
-          var dataKeys = (0, _without2.default)(this.dataKeys, "all");
-          var labelComponents = dataKeys.reduce(function (memo, key) {
-            var labelProps = _this8.getComponentProps(labelComponent, "labels", key);
-
-            if (labelProps && labelProps.text !== undefined && labelProps.text !== null) {
-              memo = memo.concat(_react.default.cloneElement(labelComponent, labelProps));
-            }
 
-            return memo;
-          }, []);
-          var dataProps = this.getComponentProps(dataComponent, "data", "all");
-          var children = [_react.default.cloneElement(dataComponent, dataProps)].concat(_toConsumableArray(labelComponents));
-          return this.renderContainer(groupComponent, children);
-        }
-      }, {
-        key: "renderData",
-        value: function renderData(props) {
-          var _this9 = this;
-
-          var shouldRenderDatum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : datumHasXandY;
-          var dataComponent = props.dataComponent,
-              labelComponent = props.labelComponent,
-              groupComponent = props.groupComponent;
-          var dataComponents = this.dataKeys.reduce(function (validDataComponents, _dataKey, index) {
-            var dataProps = _this9.getComponentProps(dataComponent, "data", index);
-
-            if (shouldRenderDatum(dataProps.datum)) {
-              validDataComponents.push(_react.default.cloneElement(dataComponent, dataProps));
-            }
-
-            return validDataComponents;
-          }, []);
-          var labelComponents = this.dataKeys.map(function (_dataKey, index) {
-            var labelProps = _this9.getComponentProps(labelComponent, "labels", index);
+        return _react.default.cloneElement(component, parentProps, children);
+      }
+    }, {
+      key: "animateComponent",
+      value: function animateComponent(props, defaultAnimationWhitelist) {
+        var animationWhitelist = props.animate && props.animate.animationWhitelist ? props.animate.animationWhitelist : defaultAnimationWhitelist;
+        return _react.default.createElement(_victoryTransition.default, {
+          animate: props.animate,
+          animationWhitelist: animationWhitelist
+        }, _react.default.createElement(this.constructor, props));
+      } // Used by `VictoryLine` and `VictoryArea`
+
+    }, {
+      key: "renderContinuousData",
+      value: function renderContinuousData(props) {
+        var _this8 = this;
+
+        var dataComponent = props.dataComponent,
+            labelComponent = props.labelComponent,
+            groupComponent = props.groupComponent;
+        var dataKeys = (0, _without2.default)(this.dataKeys, "all");
+        var labelComponents = dataKeys.reduce(function (memo, key) {
+          var labelProps = _this8.getComponentProps(labelComponent, "labels", key);
+
+          if (labelProps && labelProps.text !== undefined && labelProps.text !== null) {
+            memo = memo.concat(_react.default.cloneElement(labelComponent, labelProps));
+          }
 
-            if (labelProps.text !== undefined && labelProps.text !== null) {
-              return _react.default.cloneElement(labelComponent, labelProps);
-            }
+          return memo;
+        }, []);
+        var dataProps = this.getComponentProps(dataComponent, "data", "all");
+        var children = [_react.default.cloneElement(dataComponent, dataProps)].concat(_toConsumableArray(labelComponents));
+        return this.renderContainer(groupComponent, children);
+      }
+    }, {
+      key: "renderData",
+      value: function renderData(props) {
+        var _this9 = this;
+
+        var shouldRenderDatum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : datumHasXandY;
+        var dataComponent = props.dataComponent,
+            labelComponent = props.labelComponent,
+            groupComponent = props.groupComponent;
+        var dataComponents = this.dataKeys.reduce(function (validDataComponents, _dataKey, index) {
+          var dataProps = _this9.getComponentProps(dataComponent, "data", index);
+
+          if (shouldRenderDatum(dataProps.datum)) {
+            validDataComponents.push(_react.default.cloneElement(dataComponent, dataProps));
+          }
 
-            return undefined;
-          }).filter(Boolean);
+          return validDataComponents;
+        }, []);
+        var labelComponents = this.dataKeys.map(function (_dataKey, index) {
+          var labelProps = _this9.getComponentProps(labelComponent, "labels", index);
+
+          if (labelProps.text !== undefined && labelProps.text !== null) {
+            return _react.default.cloneElement(labelComponent, labelProps);
+          }
 
-          var children = _toConsumableArray(dataComponents).concat(_toConsumableArray(labelComponents));
+          return undefined;
+        }).filter(Boolean);
 
-          return this.renderContainer(groupComponent, children);
-        }
-      }]);
+        var children = _toConsumableArray(dataComponents).concat(_toConsumableArray(labelComponents));
+
+        return this.renderContainer(groupComponent, children);
+      }
+    }]);
 
-      return addEvents;
-    }(WrappedComponent)
-  );
+    return addEvents;
+  }(WrappedComponent);
 };
 
 exports.default = _default;