victory-core 36.1.0 → 36.3.0

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

@@ -70,344 +70,347 @@ 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);
+      _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;
+          }
 
-        if (animating || newMutation) {
-          this.cacheValues(this.getCalculatedValues(nextProps));
-          this.externalMutations = externalMutations;
-          this.applyExternalMutations(nextProps, externalMutations);
-          return true;
-        }
+          var calculatedState = this.getStateChanges(nextProps);
 
-        var calculatedState = this.getStateChanges(nextProps);
+          if (!(0, _reactFastCompare.default)(this.calculatedState, calculatedState)) {
+            this.cacheValues(this.getCalculatedValues(nextProps));
+            return true;
+          }
 
-        if (!(0, _reactFastCompare.default)(this.calculatedState, calculatedState)) {
-          this.cacheValues(this.getCalculatedValues(nextProps));
-          return true;
-        }
+          if (!(0, _reactFastCompare.default)(this.props, nextProps)) {
+            this.cacheValues(this.getCalculatedValues(nextProps));
+            return true;
+          }
 
-        if (!(0, _reactFastCompare.default)(this.props, nextProps)) {
-          this.cacheValues(this.getCalculatedValues(nextProps));
-          return true;
+          return false;
         }
-
-        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));
-        };
-
-        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: "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;
 
-        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;
-        };
+          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);
+        }
+      }, {
+        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 {};
+          }
 
-        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);
+          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);
           }
-        }).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;
+      }, {
+        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 Array.isArray(props.events) ? (_componentEvents = this.componentEvents).concat.apply(_componentEvents, _toConsumableArray(props.events)) : this.componentEvents;
+          (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 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;
+            return Array.isArray(props.events) ? (_componentEvents = this.componentEvents).concat.apply(_componentEvents, _toConsumableArray(props.events)) : this.componentEvents;
+          }
+
+          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)({
+          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
+            });
+          }
+
+          return (0, _defaults2.default)({
             index: index,
             key: id
-          }, this.getEventState(key, type), this.getSharedEventState(key, type), component.props, baseProps, {
+          }, component.props, baseProps, {
             id: id
           });
-          var events = (0, _defaults2.default)({}, Events.getPartialEvents(baseEvents, key, componentProps), componentProps.events);
-          return (0, _assign2.default)({}, componentProps, {
-            events: events
-          });
         }
-
-        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);
-        }
-
-        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));
+      }, {
+        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 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 _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));
+            }
 
-          return validDataComponents;
-        }, []);
-        var labelComponents = this.dataKeys.map(function (_dataKey, index) {
-          var labelProps = _this9.getComponentProps(labelComponent, "labels", index);
+            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);
 
-          if (labelProps.text !== undefined && labelProps.text !== null) {
-            return _react.default.cloneElement(labelComponent, labelProps);
-          }
+            if (labelProps.text !== undefined && labelProps.text !== null) {
+              return _react.default.cloneElement(labelComponent, labelProps);
+            }
 
-          return undefined;
-        }).filter(Boolean);
+            return undefined;
+          }).filter(Boolean);
 
-        var children = _toConsumableArray(dataComponents).concat(_toConsumableArray(labelComponents));
+          var children = _toConsumableArray(dataComponents).concat(_toConsumableArray(labelComponents));
 
-        return this.renderContainer(groupComponent, children);
-      }
-    }]);
+          return this.renderContainer(groupComponent, children);
+        }
+      }]);
 
-    return addEvents;
-  }(WrappedComponent);
+      return addEvents;
+    }(WrappedComponent)
+  );
 };
 
 exports.default = _default;