victory-group 35.11.2 → 36.1.0

package/dist/victory-group.js

@@ -53,20 +53,20 @@ var fallbackProps = {
 function getCalculatedProps(props, childComponents) {
   var role = "group";
   props = victory_core__WEBPACK_IMPORTED_MODULE_2__.modifyProps(props, fallbackProps, role);
-  var style = victory_core__WEBPACK_IMPORTED_MODULE_3__.default.getStyle(props.theme, props.style, role);
+  var style = victory_core__WEBPACK_IMPORTED_MODULE_3__.getStyle(props.theme, props.style, role);
   var _props = props,
       offset = _props.offset,
       colorScale = _props.colorScale,
       color = _props.color,
       polar = _props.polar,
       horizontal = _props.horizontal;
-  var categories = props.categories || victory_core__WEBPACK_IMPORTED_MODULE_3__.default.getCategories(props, childComponents);
-  var datasets = props.datasets || victory_core__WEBPACK_IMPORTED_MODULE_3__.default.getDataFromChildren(props);
+  var categories = props.categories || victory_core__WEBPACK_IMPORTED_MODULE_3__.getCategories(props, childComponents);
+  var datasets = props.datasets || victory_core__WEBPACK_IMPORTED_MODULE_3__.getDataFromChildren(props);
   var domain = {
-    x: victory_core__WEBPACK_IMPORTED_MODULE_3__.default.getDomain(lodash_assign__WEBPACK_IMPORTED_MODULE_0___default()({}, props, {
+    x: victory_core__WEBPACK_IMPORTED_MODULE_3__.getDomain(lodash_assign__WEBPACK_IMPORTED_MODULE_0___default()({}, props, {
       categories: categories
     }), "x", childComponents),
-    y: victory_core__WEBPACK_IMPORTED_MODULE_3__.default.getDomain(lodash_assign__WEBPACK_IMPORTED_MODULE_0___default()({}, props, {
+    y: victory_core__WEBPACK_IMPORTED_MODULE_3__.getDomain(lodash_assign__WEBPACK_IMPORTED_MODULE_0___default()({}, props, {
       categories: categories
     }), "y", childComponents)
   };
@@ -75,8 +75,8 @@ function getCalculatedProps(props, childComponents) {
     y: victory_core__WEBPACK_IMPORTED_MODULE_2__.getRange(props, "y")
   };
   var baseScale = {
-    x: victory_core__WEBPACK_IMPORTED_MODULE_4__.getScaleFromProps(props, "x") || victory_core__WEBPACK_IMPORTED_MODULE_3__.default.getScale(props, "x"),
-    y: victory_core__WEBPACK_IMPORTED_MODULE_4__.getScaleFromProps(props, "y") || victory_core__WEBPACK_IMPORTED_MODULE_3__.default.getScale(props, "y")
+    x: victory_core__WEBPACK_IMPORTED_MODULE_4__.getScaleFromProps(props, "x") || victory_core__WEBPACK_IMPORTED_MODULE_3__.getScale(props, "x"),
+    y: victory_core__WEBPACK_IMPORTED_MODULE_4__.getScaleFromProps(props, "y") || victory_core__WEBPACK_IMPORTED_MODULE_3__.getScale(props, "y")
   };
   var scale = {
     x: baseScale.x.domain(domain.x).range(props.horizontal ? range.y : range.x),
@@ -211,7 +211,7 @@ function getChildren(props, childComponents, calculatedProps) {
   return childComponents.map(function (child, index) {
     var role = child.type && child.type.role;
     var xOffset = polar ? getPolarX0(props, calculatedProps, index, role) : getX0(props, calculatedProps, index, role);
-    var style = role === "voronoi" || role === "tooltip" || role === "label" ? child.props.style : victory_core__WEBPACK_IMPORTED_MODULE_3__.default.getChildStyle(child, index, calculatedProps);
+    var style = role === "voronoi" || role === "tooltip" || role === "label" ? child.props.style : victory_core__WEBPACK_IMPORTED_MODULE_3__.getChildStyle(child, index, calculatedProps);
     var labels = props.labels ? getLabels(props, datasets, index) : child.props.labels;
     var name = child.props.name || "".concat(parentName, "-").concat(role, "-").concat(index);
     return react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(child, lodash_assign__WEBPACK_IMPORTED_MODULE_0___default()({
@@ -238,7 +238,7 @@ function getChildren(props, childComponents, calculatedProps) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (/* binding */ VictoryGroup)
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isEmpty */ "../../../node_modules/lodash/isEmpty.js");
 /* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isEmpty__WEBPACK_IMPORTED_MODULE_0__);
@@ -250,13 +250,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/wrapper.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/common-props.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-theme/victory-theme.js");
-/* harmony import */ var victory_shared_events__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! victory-shared-events */ "../../victory-shared-events/es/victory-shared-events.js");
-/* harmony import */ var _helper_methods__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./helper-methods */ "./helper-methods.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/hooks.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/wrapper.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/common-props.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-theme/victory-theme.js");
+/* harmony import */ var victory_shared_events__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! victory-shared-events */ "../../victory-shared-events/es/victory-shared-events.js");
+/* harmony import */ var _helper_methods__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./helper-methods */ "./helper-methods.js");
 /* harmony import */ var react_fast_compare__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-fast-compare */ "../../../node_modules/react-fast-compare/index.js");
 /* harmony import */ var react_fast_compare__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_fast_compare__WEBPACK_IMPORTED_MODULE_5__);
 
@@ -267,18 +268,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 
 
 
@@ -292,76 +281,46 @@ var fallbackProps = {
   offset: 0
 };
 
-var VictoryGroup =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits(VictoryGroup, _React$Component);
-
-  function VictoryGroup(props) {
-    var _this;
-
-    _classCallCheck(this, VictoryGroup);
-
-    _this = _possibleConstructorReturn(this, (VictoryGroup.__proto__ || Object.getPrototypeOf(VictoryGroup)).call(this, props));
-
-    if (props.animate) {
-      _this.state = {
-        nodesShouldLoad: false,
-        nodesDoneLoad: false,
-        animating: true
-      };
-      _this.setAnimationState = victory_core__WEBPACK_IMPORTED_MODULE_6__.default.setAnimationState.bind(_assertThisInitialized(_this));
-    }
-
-    return _this;
-  }
-
-  _createClass(VictoryGroup, [{
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps) {
-      if (this.props.animate) {
-        if (!react_fast_compare__WEBPACK_IMPORTED_MODULE_5___default()(this.props, nextProps)) {
-          this.setAnimationState(this.props, nextProps);
-          return false;
-        }
-      }
-
-      return true;
-    }
-  }, {
-    key: "getNewChildren",
-    value: function getNewChildren(props, childComponents, calculatedProps) {
-      var children = (0,_helper_methods__WEBPACK_IMPORTED_MODULE_7__.getChildren)(props, childComponents, calculatedProps);
-      var getAnimationProps = victory_core__WEBPACK_IMPORTED_MODULE_6__.default.getAnimationProps.bind(this);
-      return children.map(function (child, index) {
-        var childProps = lodash_assign__WEBPACK_IMPORTED_MODULE_2___default()({
-          animate: getAnimationProps(props, child, index)
-        }, child.props);
-
-        return react__WEBPACK_IMPORTED_MODULE_4___default().cloneElement(child, childProps);
-      });
-    }
-  }, {
-    key: "renderContainer",
-    value: function renderContainer(containerComponent, props) {
-      var containerProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, containerComponent.props, props);
-
-      return react__WEBPACK_IMPORTED_MODULE_4___default().cloneElement(containerComponent, containerProps);
-    }
-  }, {
-    key: "getContainerProps",
-    value: function getContainerProps(props, calculatedProps) {
-      var width = props.width,
-          height = props.height,
-          standalone = props.standalone,
-          theme = props.theme,
-          polar = props.polar,
-          horizontal = props.horizontal,
-          name = props.name;
-      var domain = calculatedProps.domain,
-          scale = calculatedProps.scale,
-          style = calculatedProps.style,
-          origin = calculatedProps.origin;
+var VictoryGroup = function (initialProps) {
+  // eslint-disable-next-line no-use-before-define
+  var role = VictoryGroupMemo.role;
+
+  var _useAnimationState = (0,victory_core__WEBPACK_IMPORTED_MODULE_6__.useAnimationState)(),
+      getAnimationProps = _useAnimationState.getAnimationProps,
+      setAnimationState = _useAnimationState.setAnimationState,
+      getProps = _useAnimationState.getProps;
+
+  var props = getProps(initialProps);
+  var modifiedProps = victory_core__WEBPACK_IMPORTED_MODULE_7__.modifyProps(props, fallbackProps, role);
+  var eventKey = modifiedProps.eventKey,
+      containerComponent = modifiedProps.containerComponent,
+      standalone = modifiedProps.standalone,
+      groupComponent = modifiedProps.groupComponent,
+      externalEventMutations = modifiedProps.externalEventMutations,
+      width = modifiedProps.width,
+      height = modifiedProps.height,
+      theme = modifiedProps.theme,
+      polar = modifiedProps.polar,
+      horizontal = modifiedProps.horizontal,
+      name = modifiedProps.name;
+  var childComponents = react__WEBPACK_IMPORTED_MODULE_4___default().Children.toArray(modifiedProps.children);
+  var calculatedProps = (0,_helper_methods__WEBPACK_IMPORTED_MODULE_8__.getCalculatedProps)(modifiedProps, childComponents);
+  var domain = calculatedProps.domain,
+      scale = calculatedProps.scale,
+      style = calculatedProps.style,
+      origin = calculatedProps.origin;
+  var newChildren = react__WEBPACK_IMPORTED_MODULE_4___default().useMemo(function () {
+    var children = (0,_helper_methods__WEBPACK_IMPORTED_MODULE_8__.getChildren)(props, childComponents, calculatedProps);
+    return children.map(function (child, index) {
+      var childProps = lodash_assign__WEBPACK_IMPORTED_MODULE_2___default()({
+        animate: getAnimationProps(props, child, index, "victory-group")
+      }, child.props);
+
+      return react__WEBPACK_IMPORTED_MODULE_4___default().cloneElement(child, childProps);
+    });
+  }, [props, childComponents, calculatedProps, getAnimationProps]);
+  var containerProps = react__WEBPACK_IMPORTED_MODULE_4___default().useMemo(function () {
+    if (standalone) {
       return {
         domain: domain,
         scale: scale,
@@ -376,90 +335,66 @@ function (_React$Component) {
         name: name
       };
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var role = this.constructor.role;
-      var props = this.state && this.state.nodesWillExit ? this.state.oldProps || this.props : this.props;
-      var modifiedProps = victory_core__WEBPACK_IMPORTED_MODULE_8__.modifyProps(props, fallbackProps, role);
-      var eventKey = modifiedProps.eventKey,
-          containerComponent = modifiedProps.containerComponent,
-          standalone = modifiedProps.standalone,
-          groupComponent = modifiedProps.groupComponent,
-          externalEventMutations = modifiedProps.externalEventMutations;
-      var childComponents = react__WEBPACK_IMPORTED_MODULE_4___default().Children.toArray(modifiedProps.children);
-      var calculatedProps = (0,_helper_methods__WEBPACK_IMPORTED_MODULE_7__.getCalculatedProps)(modifiedProps, childComponents);
-      var newChildren = this.getNewChildren(modifiedProps, childComponents, calculatedProps);
-      var containerProps = standalone ? this.getContainerProps(modifiedProps, calculatedProps) : {};
-      var container = standalone ? this.renderContainer(containerComponent, containerProps) : groupComponent;
-      var events = victory_core__WEBPACK_IMPORTED_MODULE_6__.default.getAllEvents(props);
-
-      if (!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_0___default()(events)) {
-        return react__WEBPACK_IMPORTED_MODULE_4___default().createElement(victory_shared_events__WEBPACK_IMPORTED_MODULE_9__.default, {
-          container: container,
-          eventKey: eventKey,
-          events: events,
-          externalEventMutations: externalEventMutations
-        }, newChildren);
-      }
 
-      return react__WEBPACK_IMPORTED_MODULE_4___default().cloneElement(container, container.props, newChildren);
+    return {};
+  }, [standalone, domain, scale, width, height, theme, style, horizontal, polar, origin, name]);
+  var container = react__WEBPACK_IMPORTED_MODULE_4___default().useMemo(function () {
+    if (standalone) {
+      var defaultContainerProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, containerComponent.props, containerProps);
+
+      return react__WEBPACK_IMPORTED_MODULE_4___default().cloneElement(containerComponent, defaultContainerProps);
     }
-  }]);
 
-  return VictoryGroup;
-}((react__WEBPACK_IMPORTED_MODULE_4___default().Component));
+    return groupComponent;
+  }, [groupComponent, standalone, containerComponent, containerProps]);
+  var events = react__WEBPACK_IMPORTED_MODULE_4___default().useMemo(function () {
+    return victory_core__WEBPACK_IMPORTED_MODULE_9__.getAllEvents(props);
+  }, [props]);
+  var previousProps = (0,victory_core__WEBPACK_IMPORTED_MODULE_6__.usePreviousProps)(initialProps);
+  react__WEBPACK_IMPORTED_MODULE_4___default().useEffect(function () {
+    // This is called before dismount to keep state in sync
+    return function () {
+      if (initialProps.animate) {
+        setAnimationState(previousProps, props);
+      }
+    };
+  }, [setAnimationState, previousProps, initialProps, props]);
 
-Object.defineProperty(VictoryGroup, "displayName", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: "VictoryGroup"
-});
-Object.defineProperty(VictoryGroup, "role", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: "group"
-});
-Object.defineProperty(VictoryGroup, "propTypes", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: _objectSpread({}, victory_core__WEBPACK_IMPORTED_MODULE_10__.baseProps, victory_core__WEBPACK_IMPORTED_MODULE_10__.dataProps, {
-    children: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_3___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_3___default().node)), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().node)]),
-    color: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)]),
-    colorScale: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_3___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_3___default().string)), prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(["grayscale", "qualitative", "heatmap", "warm", "cool", "red", "green", "blue"])]),
-    horizontal: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),
-    offset: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number)
-  })
-});
-Object.defineProperty(VictoryGroup, "defaultProps", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: {
-    containerComponent: react__WEBPACK_IMPORTED_MODULE_4___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_11__.default, null),
-    groupComponent: react__WEBPACK_IMPORTED_MODULE_4___default().createElement("g", null),
-    samples: 50,
-    sortOrder: "ascending",
-    standalone: true,
-    theme: victory_core__WEBPACK_IMPORTED_MODULE_12__.default.grayscale
+  if (!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_0___default()(events)) {
+    return react__WEBPACK_IMPORTED_MODULE_4___default().createElement(victory_shared_events__WEBPACK_IMPORTED_MODULE_10__.default, {
+      container: container,
+      eventKey: eventKey,
+      events: events,
+      externalEventMutations: externalEventMutations
+    }, newChildren);
   }
+
+  return react__WEBPACK_IMPORTED_MODULE_4___default().cloneElement(container, container.props, newChildren);
+};
+
+VictoryGroup.propTypes = _objectSpread({}, victory_core__WEBPACK_IMPORTED_MODULE_11__.baseProps, victory_core__WEBPACK_IMPORTED_MODULE_11__.dataProps, {
+  children: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_3___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_3___default().node)), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().node)]),
+  color: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)]),
+  colorScale: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_3___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_3___default().string)), prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(["grayscale", "qualitative", "heatmap", "warm", "cool", "red", "green", "blue"])]),
+  horizontal: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),
+  offset: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number)
 });
-Object.defineProperty(VictoryGroup, "expectedComponents", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: ["groupComponent", "containerComponent", "labelComponent"]
-});
-Object.defineProperty(VictoryGroup, "getChildren", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: _helper_methods__WEBPACK_IMPORTED_MODULE_7__.getChildren
-});
+VictoryGroup.defaultProps = {
+  containerComponent: react__WEBPACK_IMPORTED_MODULE_4___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_12__.default, null),
+  groupComponent: react__WEBPACK_IMPORTED_MODULE_4___default().createElement("g", null),
+  samples: 50,
+  sortOrder: "ascending",
+  standalone: true,
+  theme: victory_core__WEBPACK_IMPORTED_MODULE_13__.default.grayscale
+}; // We need to attatch the static properties to the memoized version, or else
+// VictoryChart will not be able to get this component's role type
 
+var VictoryGroupMemo = react__WEBPACK_IMPORTED_MODULE_4___default().memo(VictoryGroup, (react_fast_compare__WEBPACK_IMPORTED_MODULE_5___default()));
+VictoryGroupMemo.displayName = "VictoryGroup";
+VictoryGroupMemo.role = "group";
+VictoryGroupMemo.expectedComponents = ["groupComponent", "containerComponent", "labelComponent"];
+VictoryGroupMemo.getChildren = _helper_methods__WEBPACK_IMPORTED_MODULE_8__.getChildren;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (VictoryGroupMemo);
 
 /***/ }),
 
@@ -13666,9 +13601,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 
 
 
-var VictoryContainer =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryContainer = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryContainer, _React$Component);
 
   function VictoryContainer(props) {
@@ -13985,9 +13918,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 
 
-var Portal =
-/*#__PURE__*/
-function (_React$Component) {
+var Portal = /*#__PURE__*/function (_React$Component) {
   _inherits(Portal, _React$Component);
 
   function Portal(props) {
@@ -17209,6 +17140,166 @@ function isHorizontal(props) {
 
 /***/ }),
 
+/***/ "../../victory-core/es/victory-util/hooks.js":
+/*!***************************************************!*\
+  !*** ../../victory-core/es/victory-util/hooks.js ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "usePreviousProps": () => (/* binding */ usePreviousProps),
+/* harmony export */   "useAnimationState": () => (/* binding */ useAnimationState)
+/* harmony export */ });
+/* harmony import */ var lodash_some__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/some */ "../../../node_modules/lodash/some.js");
+/* harmony import */ var lodash_some__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_some__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/defaults */ "../../../node_modules/lodash/defaults.js");
+/* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_defaults__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _collection__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./collection */ "../../victory-core/es/victory-util/collection.js");
+/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./transitions */ "../../victory-core/es/victory-util/transitions.js");
+
+
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+var usePreviousProps = function (props) {
+  var ref = react__WEBPACK_IMPORTED_MODULE_2___default().useRef();
+  react__WEBPACK_IMPORTED_MODULE_2___default().useEffect(function () {
+    ref.current = props;
+  });
+  return ref.current || {};
+};
+var INITIAL_STATE = {
+  nodesShouldLoad: false,
+  nodesDoneLoad: false,
+  animating: true
+};
+var useAnimationState = function () {
+  var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INITIAL_STATE;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_2___default().useState(initialState),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      state = _React$useState2[0],
+      _setState = _React$useState2[1]; // This allows us to use a state object and maintain the same API as this.setState
+
+
+  var setState = react__WEBPACK_IMPORTED_MODULE_2___default().useCallback(function (newState) {
+    _setState(function (oldState) {
+      return _objectSpread({}, oldState, newState);
+    });
+  }, [_setState]); // This is a copy of Wrapper.getAnimationProps
+
+  var getAnimationProps = react__WEBPACK_IMPORTED_MODULE_2___default().useCallback(function (props, child, index) {
+    if (!props.animate) {
+      return child.props.animate;
+    }
+
+    var getFilteredState = function () {
+      var childrenTransitions = state && state.childrenTransitions;
+      childrenTransitions = _collection__WEBPACK_IMPORTED_MODULE_3__.isArrayOfArrays(childrenTransitions) ? childrenTransitions[index] : childrenTransitions;
+      return lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({
+        childrenTransitions: childrenTransitions
+      }, state);
+    };
+
+    var getTransitions = props.animate && props.animate.getTransitions;
+    var filteredState = getFilteredState();
+    var parentState = props.animate && props.animate.parentState || filteredState;
+
+    if (!getTransitions) {
+      var getTransitionProps = _transitions__WEBPACK_IMPORTED_MODULE_4__.getTransitionPropsFactory(props, filteredState, function (newState) {
+        return setState(newState);
+      });
+
+      getTransitions = function (childComponent) {
+        return getTransitionProps(childComponent, index);
+      };
+    }
+
+    return lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({
+      getTransitions: getTransitions,
+      parentState: parentState
+    }, props.animate, child.props.animate);
+  }, [state, setState]); // This is a copy of Wrapper.setAnimationState
+
+  var setAnimationState = react__WEBPACK_IMPORTED_MODULE_2___default().useCallback(function (props, nextProps) {
+    if (!props.animate) {
+      return;
+    }
+
+    if (props.animate.parentState) {
+      var nodesWillExit = props.animate.parentState.nodesWillExit;
+      var oldProps = nodesWillExit ? props : null;
+
+      var newState = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({
+        oldProps: oldProps,
+        nextProps: nextProps
+      }, props.animate.parentState);
+
+      setState(newState);
+    } else {
+      var oldChildren = react__WEBPACK_IMPORTED_MODULE_2___default().Children.toArray(props.children);
+      var nextChildren = react__WEBPACK_IMPORTED_MODULE_2___default().Children.toArray(nextProps.children);
+
+      var isContinuous = function (child) {
+        var check = function (c) {
+          return c.type && c.type.continuous;
+        };
+
+        return Array.isArray(child) ? lodash_some__WEBPACK_IMPORTED_MODULE_0___default()(child, check) : check(child);
+      };
+
+      var continuous = !props.polar && lodash_some__WEBPACK_IMPORTED_MODULE_0___default()(oldChildren, function (child) {
+        return isContinuous(child) || child.props.children && isContinuous(child.props.children);
+      });
+
+      var _Transitions$getIniti = _transitions__WEBPACK_IMPORTED_MODULE_4__.getInitialTransitionState(oldChildren, nextChildren),
+          _nodesWillExit = _Transitions$getIniti.nodesWillExit,
+          nodesWillEnter = _Transitions$getIniti.nodesWillEnter,
+          childrenTransitions = _Transitions$getIniti.childrenTransitions,
+          nodesShouldEnter = _Transitions$getIniti.nodesShouldEnter;
+
+      setState({
+        nodesWillExit: _nodesWillExit,
+        nodesWillEnter: nodesWillEnter,
+        nodesShouldEnter: nodesShouldEnter,
+        childrenTransitions: _collection__WEBPACK_IMPORTED_MODULE_3__.isArrayOfArrays(childrenTransitions) ? childrenTransitions[0] : childrenTransitions,
+        oldProps: _nodesWillExit ? props : null,
+        nextProps: nextProps,
+        continuous: continuous
+      });
+    }
+  }, [setState]);
+  var getProps = react__WEBPACK_IMPORTED_MODULE_2___default().useCallback(function (initialProps) {
+    return state && state.nodesWillExit ? state.oldProps || initialProps : initialProps;
+  }, [state]);
+  return {
+    state: state,
+    setState: setState,
+    getAnimationProps: getAnimationProps,
+    setAnimationState: setAnimationState,
+    getProps: getProps
+  };
+};
+
+/***/ }),
+
 /***/ "../../victory-core/es/victory-util/immutable.js":
 /*!*******************************************************!*\
   !*** ../../victory-core/es/victory-util/immutable.js ***!
@@ -17857,9 +17948,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 
 
-var Timer =
-/*#__PURE__*/
-function () {
+var Timer = /*#__PURE__*/function () {
   function Timer() {
     _classCallCheck(this, Timer);
 
@@ -18379,7 +18468,23 @@ function getTransitionPropsFactory(props, state, setState) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   "addBinsToParentPropsIfHistogram": () => (/* binding */ addBinsToParentPropsIfHistogram),
+/* harmony export */   "getDataFromChildren": () => (/* binding */ getDataFromChildren),
+/* harmony export */   "getData": () => (/* binding */ getData),
+/* harmony export */   "getWidth": () => (/* binding */ getWidth),
+/* harmony export */   "getDefaultDomainPadding": () => (/* binding */ getDefaultDomainPadding),
+/* harmony export */   "getDomainFromChildren": () => (/* binding */ getDomainFromChildren),
+/* harmony export */   "getDomain": () => (/* binding */ getDomain),
+/* harmony export */   "getScale": () => (/* binding */ getScale),
+/* harmony export */   "getAllEvents": () => (/* binding */ getAllEvents),
+/* harmony export */   "getColor": () => (/* binding */ getColor),
+/* harmony export */   "getStyle": () => (/* binding */ getStyle),
+/* harmony export */   "getChildStyle": () => (/* binding */ getChildStyle),
+/* harmony export */   "getStringsFromCategories": () => (/* binding */ getStringsFromCategories),
+/* harmony export */   "getStringsFromData": () => (/* binding */ getStringsFromData),
+/* harmony export */   "getCategoryAndAxisStringsFromChildren": () => (/* binding */ getCategoryAndAxisStringsFromChildren),
+/* harmony export */   "getStringsFromChildren": () => (/* binding */ getStringsFromChildren),
+/* harmony export */   "getCategories": () => (/* binding */ getCategories)
 /* harmony export */ });
 /* harmony import */ var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isPlainObject */ "../../../node_modules/lodash/isPlainObject.js");
 /* harmony import */ var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0__);
@@ -18389,33 +18494,27 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lodash_uniqBy__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_uniqBy__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var lodash_groupBy__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/groupBy */ "../../../node_modules/lodash/groupBy.js");
 /* harmony import */ var lodash_groupBy__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_groupBy__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var lodash_some__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/some */ "../../../node_modules/lodash/some.js");
-/* harmony import */ var lodash_some__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_some__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var lodash_uniq__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/uniq */ "../../../node_modules/lodash/uniq.js");
-/* harmony import */ var lodash_uniq__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_uniq__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/isFunction */ "../../../node_modules/lodash/isFunction.js");
-/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash/flatten */ "../../../node_modules/lodash/flatten.js");
-/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash_flatten__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash/defaults */ "../../../node_modules/lodash/defaults.js");
-/* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash_defaults__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! lodash/assign */ "../../../node_modules/lodash/assign.js");
-/* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(lodash_assign__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var _axis__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./axis */ "../../victory-core/es/victory-util/axis.js");
-/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./style */ "../../victory-core/es/victory-util/style.js");
-/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./transitions */ "../../victory-core/es/victory-util/transitions.js");
-/* harmony import */ var _data__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./data */ "../../victory-core/es/victory-util/data.js");
-/* harmony import */ var _domain__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./domain */ "../../victory-core/es/victory-util/domain.js");
-/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./events */ "../../victory-core/es/victory-util/events.js");
-/* harmony import */ var _collection__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./collection */ "../../victory-core/es/victory-util/collection.js");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./helpers */ "../../victory-core/es/victory-util/helpers.js");
-/* harmony import */ var _scale__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./scale */ "../../victory-core/es/victory-util/scale.js");
-/* harmony import */ var _log__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./log */ "../../victory-core/es/victory-util/log.js");
-
-
-
+/* harmony import */ var lodash_uniq__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/uniq */ "../../../node_modules/lodash/uniq.js");
+/* harmony import */ var lodash_uniq__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_uniq__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! lodash/isFunction */ "../../../node_modules/lodash/isFunction.js");
+/* harmony import */ var lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash_isFunction__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! lodash/flatten */ "../../../node_modules/lodash/flatten.js");
+/* harmony import */ var lodash_flatten__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lodash_flatten__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash/defaults */ "../../../node_modules/lodash/defaults.js");
+/* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash_defaults__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! lodash/assign */ "../../../node_modules/lodash/assign.js");
+/* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(lodash_assign__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _axis__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./axis */ "../../victory-core/es/victory-util/axis.js");
+/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./style */ "../../victory-core/es/victory-util/style.js");
+/* harmony import */ var _data__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./data */ "../../victory-core/es/victory-util/data.js");
+/* harmony import */ var _domain__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./domain */ "../../victory-core/es/victory-util/domain.js");
+/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./events */ "../../victory-core/es/victory-util/events.js");
+/* harmony import */ var _collection__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./collection */ "../../victory-core/es/victory-util/collection.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./helpers */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var _scale__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./scale */ "../../victory-core/es/victory-util/scale.js");
+/* harmony import */ var _log__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./log */ "../../victory-core/es/victory-util/log.js");
 
 
 
@@ -18424,9 +18523,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
 
@@ -18436,7 +18533,9 @@ function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
 
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 
 
@@ -18447,500 +18546,418 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr
 
 
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
-  getData: function (props, childComponents) {
-    if (props.data) {
-      return _data__WEBPACK_IMPORTED_MODULE_11__.getData(props);
-    }
-
-    childComponents = childComponents || react__WEBPACK_IMPORTED_MODULE_10___default().Children.toArray(props.children);
-    return this.getDataFromChildren(childComponents);
-  },
-  getDefaultDomainPadding: function (props, axis, childComponents) {
-    if (props.polar || axis !== "x") {
-      return undefined;
-    }
-
-    var groupComponent = childComponents.filter(function (child) {
-      return child.type && child.type.role && child.type.role === "group";
-    });
 
-    if (groupComponent.length < 1) {
-      return undefined;
-    }
+function addBinsToParentPropsIfHistogram(_ref) {
+  var children = _ref.children,
+      props = _ref.props,
+      childComponents = _ref.childComponents,
+      parentProps = _ref.parentProps;
+  var someChildrenAreHistograms = children.some(function (child) {
+    return child.type && child.type.role === "histogram";
+  });
+  var allChildrenAreHistograms = someChildrenAreHistograms && children.length && children.every(function (child) {
+    return child.type && child.type.role === "histogram";
+  });
 
-    var _groupComponent$0$pro = groupComponent[0].props,
-        offset = _groupComponent$0$pro.offset,
-        children = _groupComponent$0$pro.children;
+  if (someChildrenAreHistograms && !allChildrenAreHistograms) {
+    _log__WEBPACK_IMPORTED_MODULE_10__.warn("VictoryHistogram only supports being stacked with other VictoryHistogram components. Check to make sure that you are only passing VictoryHistogram components to VictoryStack");
+  } // if we are stacking histograms, we need to generate explicit bins
+  // or else each histogram may end up having different bins
 
-    if (!offset) {
-      return undefined;
-    }
 
-    var firstChild = Array.isArray(children) && children[0];
+  if (!allChildrenAreHistograms) {
+    return parentProps;
+  }
 
-    if (!firstChild) {
-      return undefined;
-    }
+  var childBins = props.bins || childComponents[0].props.bins; // if we have explicit bins then we don't need to calculate them
 
-    var barWidth = firstChild.props.barWidth;
-    var dataLength = firstChild.props.data && firstChild.props.data.length || 1;
+  if (!Array.isArray(childBins)) {
+    var combinedData = children.reduce(function (memo, child) {
+      var xAccessor = _helpers__WEBPACK_IMPORTED_MODULE_11__.createAccessor(child.props.x || "x");
+      return memo.concat(child.props.data.map(function (datum) {
+        return {
+          x: xAccessor(datum)
+        };
+      }));
+    }, []); // use the same function to generate bins as VictoryHistogram but with
+    // the combined data from above, then get explicit bins from that
 
-    if (firstChild && firstChild.type.role === "stack") {
-      var nestedChild = firstChild.props.children && firstChild.props.children[0];
+    var getFormattedHistogramData = children[0].type.getFormattedData;
+    childBins = getFormattedHistogramData({
+      data: combinedData,
+      bins: childBins
+    }).reduce(function (memo, _ref2, index) {
+      var x0 = _ref2.x0,
+          x1 = _ref2.x1;
+      return index === 0 ? memo.concat([x0, x1]) : memo.concat(x1);
+    }, []);
+  }
 
-      if (!nestedChild) {
-        return undefined;
-      }
+  return _objectSpread({}, parentProps, {
+    bins: childBins
+  });
+}
+function getDataFromChildren(props, childComponents) {
+  var polar = props.polar,
+      startAngle = props.startAngle,
+      endAngle = props.endAngle,
+      categories = props.categories,
+      minDomain = props.minDomain,
+      maxDomain = props.maxDomain;
+  var parentProps = {
+    polar: polar,
+    startAngle: startAngle,
+    endAngle: endAngle,
+    categories: categories,
+    minDomain: minDomain,
+    maxDomain: maxDomain
+  };
+  var stack = 0;
+  var children = childComponents ? childComponents.slice(0) : react__WEBPACK_IMPORTED_MODULE_9___default().Children.toArray(props.children);
+  parentProps = addBinsToParentPropsIfHistogram({
+    children: children,
+    props: props,
+    childComponents: childComponents,
+    parentProps: parentProps
+  });
 
-      barWidth = nestedChild.props.barWidth;
-      dataLength = firstChild.props.children.length;
-    }
+  var iteratee = function (child, childName, parent) {
+    var childProps = lodash_assign__WEBPACK_IMPORTED_MODULE_8___default()({}, child.props, parentProps);
 
-    var width = barWidth || this.getWidth(props, children.length, dataLength);
-    return {
-      x: width * children.length / 2 + (offset - width * ((children.length - 1) / 2))
-    };
-  },
-  getDomain: function (props, axis, childComponents) {
-    childComponents = childComponents || react__WEBPACK_IMPORTED_MODULE_10___default().Children.toArray(props.children);
-    var propsDomain = _domain__WEBPACK_IMPORTED_MODULE_12__.getDomainFromProps(props, axis);
-    var domainPadding = this.getDefaultDomainPadding(props, axis, childComponents);
-    var domain;
+    var childData;
 
-    if (propsDomain) {
-      domain = propsDomain;
+    if (!_data__WEBPACK_IMPORTED_MODULE_12__.isDataComponent(child)) {
+      return null;
+    } else if (child.type && lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___default()(child.type.getData)) {
+      child = parent ? react__WEBPACK_IMPORTED_MODULE_9___default().cloneElement(child, parent.props) : child;
+      childData = child.type.getData(childProps);
     } else {
-      var minDomain = _domain__WEBPACK_IMPORTED_MODULE_12__.getMinFromProps(props, axis);
-      var maxDomain = _domain__WEBPACK_IMPORTED_MODULE_12__.getMaxFromProps(props, axis);
-      var dataset = (props.data || props.y) && _data__WEBPACK_IMPORTED_MODULE_11__.getData(props);
-      var dataDomain = dataset ? _domain__WEBPACK_IMPORTED_MODULE_12__.getDomainFromData(props, axis, dataset) : [];
-      var childDomain = this.getDomainFromChildren(props, axis, childComponents);
-      var min = minDomain || _collection__WEBPACK_IMPORTED_MODULE_13__.getMinValue(_toConsumableArray(dataDomain).concat(_toConsumableArray(childDomain)));
-      var max = maxDomain || _collection__WEBPACK_IMPORTED_MODULE_13__.getMaxValue(_toConsumableArray(dataDomain).concat(_toConsumableArray(childDomain)));
-      domain = _domain__WEBPACK_IMPORTED_MODULE_12__.getDomainFromMinMax(min, max);
-    }
-
-    return _domain__WEBPACK_IMPORTED_MODULE_12__.formatDomain(domain, lodash_assign__WEBPACK_IMPORTED_MODULE_9___default()({
-      domainPadding: domainPadding
-    }, props), axis);
-  },
-  getScale: function (props, axis, childComponents) {
-    if (props.data) {
-      return _scale__WEBPACK_IMPORTED_MODULE_14__.getBaseScale(props, axis);
+      childData = _data__WEBPACK_IMPORTED_MODULE_12__.getData(childProps);
     }
 
-    var children = childComponents ? childComponents.slice(0) : react__WEBPACK_IMPORTED_MODULE_10___default().Children.toArray(props.children);
-
-    var iteratee = function (child) {
-      var sharedProps = lodash_assign__WEBPACK_IMPORTED_MODULE_9___default()({}, child.props, {
-        horizontal: props.horizontal
-      });
-
-      return _scale__WEBPACK_IMPORTED_MODULE_14__.getScaleType(sharedProps, axis);
-    };
+    stack += 1;
+    return childData.map(function (datum, index) {
+      return lodash_assign__WEBPACK_IMPORTED_MODULE_8___default()({
+        _stack: stack,
+        _group: index
+      }, datum);
+    });
+  };
 
-    var childScale = lodash_uniq__WEBPACK_IMPORTED_MODULE_5___default()(_helpers__WEBPACK_IMPORTED_MODULE_15__.reduceChildren(children, iteratee, props)); // default to linear scale if more than one uniq scale type is given by children
+  var stacked = children.filter(function (c) {
+    return c.type && c.type.role === "stack";
+  }).length;
 
+  var combine = function (memo, val) {
+    return memo.concat(lodash_uniqBy__WEBPACK_IMPORTED_MODULE_2___default()(val, "_group"));
+  };
 
-    return childScale.length > 1 ? _scale__WEBPACK_IMPORTED_MODULE_14__.getScaleFromName("linear") : _scale__WEBPACK_IMPORTED_MODULE_14__.getScaleFromName(childScale[0]);
-  },
-  setAnimationState: function (props, nextProps) {
-    if (!props.animate) {
-      return;
-    }
+  var datasets = _helpers__WEBPACK_IMPORTED_MODULE_11__.reduceChildren(children, iteratee, props, [], combine);
+  var group = stacked ? "_group" : "_stack";
+  return lodash_values__WEBPACK_IMPORTED_MODULE_1___default()(lodash_groupBy__WEBPACK_IMPORTED_MODULE_3___default()(datasets, group));
+}
+function getData(props, childComponents) {
+  if (props.data) {
+    return _data__WEBPACK_IMPORTED_MODULE_12__.getData(props);
+  }
 
-    if (props.animate.parentState) {
-      var nodesWillExit = props.animate.parentState.nodesWillExit;
-      var oldProps = nodesWillExit ? props : null;
-      this.setState(lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({
-        oldProps: oldProps,
-        nextProps: nextProps
-      }, props.animate.parentState));
-    } else {
-      var oldChildren = react__WEBPACK_IMPORTED_MODULE_10___default().Children.toArray(props.children);
-      var nextChildren = react__WEBPACK_IMPORTED_MODULE_10___default().Children.toArray(nextProps.children);
+  childComponents = childComponents || react__WEBPACK_IMPORTED_MODULE_9___default().Children.toArray(props.children);
+  return getDataFromChildren(childComponents);
+}
+function getWidth(props, groupLength, seriesLength) {
+  var datasets = props.datasets,
+      horizontal = props.horizontal;
+  var range = horizontal ? _helpers__WEBPACK_IMPORTED_MODULE_11__.getRange(props, "y") : _helpers__WEBPACK_IMPORTED_MODULE_11__.getRange(props, "x");
+  var extent = Math.abs(range[1] - range[0]);
+  seriesLength = seriesLength !== undefined ? seriesLength : Array.isArray(datasets[0]) && datasets[0].length || 1;
+  groupLength = groupLength || datasets.length;
+  var bars = groupLength * seriesLength;
+  var barRatio = 0.5;
+  return Math.round(barRatio * extent / bars);
+}
+function getDefaultDomainPadding(props, axis, childComponents) {
+  if (props.polar || axis !== "x") {
+    return undefined;
+  }
 
-      var isContinuous = function (child) {
-        var check = function (c) {
-          return c.type && c.type.continuous;
-        };
+  var groupComponent = childComponents.filter(function (child) {
+    return child.type && child.type.role && child.type.role === "group";
+  });
 
-        return Array.isArray(child) ? lodash_some__WEBPACK_IMPORTED_MODULE_4___default()(child, check) : check(child);
-      };
+  if (groupComponent.length < 1) {
+    return undefined;
+  }
 
-      var continuous = !props.polar && lodash_some__WEBPACK_IMPORTED_MODULE_4___default()(oldChildren, function (child) {
-        return isContinuous(child) || child.props.children && isContinuous(child.props.children);
-      });
+  var _groupComponent$0$pro = groupComponent[0].props,
+      offset = _groupComponent$0$pro.offset,
+      children = _groupComponent$0$pro.children;
 
-      var _Transitions$getIniti = _transitions__WEBPACK_IMPORTED_MODULE_16__.getInitialTransitionState(oldChildren, nextChildren),
-          _nodesWillExit = _Transitions$getIniti.nodesWillExit,
-          nodesWillEnter = _Transitions$getIniti.nodesWillEnter,
-          childrenTransitions = _Transitions$getIniti.childrenTransitions,
-          nodesShouldEnter = _Transitions$getIniti.nodesShouldEnter;
+  if (!offset) {
+    return undefined;
+  }
 
-      this.setState({
-        nodesWillExit: _nodesWillExit,
-        nodesWillEnter: nodesWillEnter,
-        nodesShouldEnter: nodesShouldEnter,
-        childrenTransitions: _collection__WEBPACK_IMPORTED_MODULE_13__.isArrayOfArrays(childrenTransitions) ? childrenTransitions[0] : childrenTransitions,
-        oldProps: _nodesWillExit ? props : null,
-        nextProps: nextProps,
-        continuous: continuous
-      });
-    }
-  },
-  getAllEvents: function (props) {
-    var components = ["groupComponent", "containerComponent", "labelComponent"];
-    this.componentEvents = _events__WEBPACK_IMPORTED_MODULE_17__.getComponentEvents(props, components);
-    var events = props.events;
+  var firstChild = Array.isArray(children) && children[0];
 
-    if (Array.isArray(this.componentEvents)) {
-      var _componentEvents;
+  if (!firstChild) {
+    return undefined;
+  }
 
-      events = Array.isArray(props.events) ? (_componentEvents = this.componentEvents).concat.apply(_componentEvents, _toConsumableArray(props.events)) : this.componentEvents;
-    }
+  var barWidth = firstChild.props.barWidth;
+  var dataLength = firstChild.props.data && firstChild.props.data.length || 1;
 
-    return events || [];
-  },
-  getAnimationProps: function (props, child, index) {
-    var _this = this;
+  if (firstChild && firstChild.type.role === "stack") {
+    var nestedChild = firstChild.props.children && firstChild.props.children[0];
 
-    if (!props.animate) {
-      return child.props.animate;
+    if (!nestedChild) {
+      return undefined;
     }
 
-    var getFilteredState = function () {
-      var childrenTransitions = _this.state && _this.state.childrenTransitions;
-      childrenTransitions = _collection__WEBPACK_IMPORTED_MODULE_13__.isArrayOfArrays(childrenTransitions) ? childrenTransitions[index] : childrenTransitions;
-      return lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({
-        childrenTransitions: childrenTransitions
-      }, _this.state);
-    };
+    barWidth = nestedChild.props.barWidth;
+    dataLength = firstChild.props.children.length;
+  }
 
-    var getTransitions = props.animate && props.animate.getTransitions;
-    var state = getFilteredState();
-    var parentState = props.animate && props.animate.parentState || state;
+  var width = barWidth || getWidth(props, children.length, dataLength);
+  return {
+    x: width * children.length / 2 + (offset - width * ((children.length - 1) / 2))
+  };
+}
+function getDomainFromChildren(props, axis, childComponents) {
+  // eslint-disable-line max-statements, complexity, max-len
+  var children = childComponents ? childComponents.slice(0) : react__WEBPACK_IMPORTED_MODULE_9___default().Children.toArray(props.children);
+  var parentData = props.data ? _data__WEBPACK_IMPORTED_MODULE_12__.getData(props, axis) : undefined;
+  var polar = props.polar,
+      startAngle = props.startAngle,
+      endAngle = props.endAngle,
+      categories = props.categories,
+      minDomain = props.minDomain,
+      maxDomain = props.maxDomain,
+      horizontal = props.horizontal;
+  var baseParentProps = {
+    horizontal: horizontal,
+    polar: polar,
+    startAngle: startAngle,
+    endAngle: endAngle,
+    minDomain: minDomain,
+    maxDomain: maxDomain,
+    categories: categories
+  };
+  var parentProps = parentData ? lodash_assign__WEBPACK_IMPORTED_MODULE_8___default()(baseParentProps, {
+    data: parentData
+  }) : baseParentProps;
 
-    if (!getTransitions) {
-      var getTransitionProps = _transitions__WEBPACK_IMPORTED_MODULE_16__.getTransitionPropsFactory(props, state, function (newState) {
-        return _this.setState(newState);
-      });
+  var iteratee = function (child) {
+    var sharedProps = lodash_assign__WEBPACK_IMPORTED_MODULE_8___default()({}, child.props, parentProps);
 
-      getTransitions = function (childComponent) {
-        return getTransitionProps(childComponent, index);
-      };
+    if (!_domain__WEBPACK_IMPORTED_MODULE_13__.isDomainComponent(child)) {
+      return null;
+    } else if (child.type && lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___default()(child.type.getDomain)) {
+      return child.props && child.type.getDomain(sharedProps, axis);
+    } else {
+      return _domain__WEBPACK_IMPORTED_MODULE_13__.getDomain(sharedProps, axis);
     }
+  };
 
-    return lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({
-      getTransitions: getTransitions,
-      parentState: parentState
-    }, props.animate, child.props.animate);
-  },
-  getDomainFromChildren: function (props, axis, childComponents) {
-    // eslint-disable-line max-statements, complexity, max-len
-    var children = childComponents ? childComponents.slice(0) : react__WEBPACK_IMPORTED_MODULE_10___default().Children.toArray(props.children);
-    var parentData = props.data ? _data__WEBPACK_IMPORTED_MODULE_11__.getData(props, axis) : undefined;
-    var polar = props.polar,
-        startAngle = props.startAngle,
-        endAngle = props.endAngle,
-        categories = props.categories,
-        minDomain = props.minDomain,
-        maxDomain = props.maxDomain,
-        horizontal = props.horizontal;
-    var baseParentProps = {
-      horizontal: horizontal,
-      polar: polar,
-      startAngle: startAngle,
-      endAngle: endAngle,
-      minDomain: minDomain,
-      maxDomain: maxDomain,
-      categories: categories
-    };
-    var parentProps = parentData ? lodash_assign__WEBPACK_IMPORTED_MODULE_9___default()(baseParentProps, {
-      data: parentData
-    }) : baseParentProps;
-
-    var iteratee = function (child) {
-      var sharedProps = lodash_assign__WEBPACK_IMPORTED_MODULE_9___default()({}, child.props, parentProps);
-
-      if (!_domain__WEBPACK_IMPORTED_MODULE_12__.isDomainComponent(child)) {
-        return null;
-      } else if (child.type && lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default()(child.type.getDomain)) {
-        return child.props && child.type.getDomain(sharedProps, axis);
-      } else {
-        return _domain__WEBPACK_IMPORTED_MODULE_12__.getDomain(sharedProps, axis);
-      }
-    };
-
-    var childDomains = _helpers__WEBPACK_IMPORTED_MODULE_15__.reduceChildren(children, iteratee, props);
-    var min = childDomains.length === 0 ? 0 : _collection__WEBPACK_IMPORTED_MODULE_13__.getMinValue(childDomains);
-    var max = childDomains.length === 0 ? 1 : _collection__WEBPACK_IMPORTED_MODULE_13__.getMaxValue(childDomains);
-    return [min, max];
-  },
-  addBinsToParentPropsIfHistogram: function (_ref) {
-    var children = _ref.children,
-        props = _ref.props,
-        childComponents = _ref.childComponents,
-        parentProps = _ref.parentProps;
-    var someChildrenAreHistograms = children.some(function (child) {
-      return child.type && child.type.role === "histogram";
-    });
-    var allChildrenAreHistograms = someChildrenAreHistograms && children.length && children.every(function (child) {
-      return child.type && child.type.role === "histogram";
-    });
-
-    if (someChildrenAreHistograms && !allChildrenAreHistograms) {
-      _log__WEBPACK_IMPORTED_MODULE_18__.warn("VictoryHistogram only supports being stacked with other VictoryHistogram components. Check to make sure that you are only passing VictoryHistogram components to VictoryStack");
-    } // if we are stacking histograms, we need to generate explicit bins
-    // or else each histogram may end up having different bins
-
+  var childDomains = _helpers__WEBPACK_IMPORTED_MODULE_11__.reduceChildren(children, iteratee, props);
+  var min = childDomains.length === 0 ? 0 : _collection__WEBPACK_IMPORTED_MODULE_14__.getMinValue(childDomains);
+  var max = childDomains.length === 0 ? 1 : _collection__WEBPACK_IMPORTED_MODULE_14__.getMaxValue(childDomains);
+  return [min, max];
+}
+function getDomain(props, axis, childComponents) {
+  childComponents = childComponents || react__WEBPACK_IMPORTED_MODULE_9___default().Children.toArray(props.children);
+  var propsDomain = _domain__WEBPACK_IMPORTED_MODULE_13__.getDomainFromProps(props, axis);
+  var domainPadding = getDefaultDomainPadding(props, axis, childComponents);
+  var domain;
 
-    if (!allChildrenAreHistograms) {
-      return parentProps;
-    }
+  if (propsDomain) {
+    domain = propsDomain;
+  } else {
+    var minDomain = _domain__WEBPACK_IMPORTED_MODULE_13__.getMinFromProps(props, axis);
+    var maxDomain = _domain__WEBPACK_IMPORTED_MODULE_13__.getMaxFromProps(props, axis);
+    var dataset = (props.data || props.y) && _data__WEBPACK_IMPORTED_MODULE_12__.getData(props);
+    var dataDomain = dataset ? _domain__WEBPACK_IMPORTED_MODULE_13__.getDomainFromData(props, axis, dataset) : [];
+    var childDomain = getDomainFromChildren(props, axis, childComponents);
+    var min = minDomain || _collection__WEBPACK_IMPORTED_MODULE_14__.getMinValue(_toConsumableArray(dataDomain).concat(_toConsumableArray(childDomain)));
+    var max = maxDomain || _collection__WEBPACK_IMPORTED_MODULE_14__.getMaxValue(_toConsumableArray(dataDomain).concat(_toConsumableArray(childDomain)));
+    domain = _domain__WEBPACK_IMPORTED_MODULE_13__.getDomainFromMinMax(min, max);
+  }
 
-    var childBins = props.bins || childComponents[0].props.bins; // if we have explicit bins then we don't need to calculate them
+  return _domain__WEBPACK_IMPORTED_MODULE_13__.formatDomain(domain, lodash_assign__WEBPACK_IMPORTED_MODULE_8___default()({
+    domainPadding: domainPadding
+  }, props), axis);
+}
+function getScale(props, axis, childComponents) {
+  if (props.data) {
+    return _scale__WEBPACK_IMPORTED_MODULE_15__.getBaseScale(props, axis);
+  }
 
-    if (!Array.isArray(childBins)) {
-      var combinedData = children.reduce(function (memo, child) {
-        var xAccessor = _helpers__WEBPACK_IMPORTED_MODULE_15__.createAccessor(child.props.x || "x");
-        return memo.concat(child.props.data.map(function (datum) {
-          return {
-            x: xAccessor(datum)
-          };
-        }));
-      }, []); // use the same function to generate bins as VictoryHistogram but with
-      // the combined data from above, then get explicit bins from that
-
-      var getFormattedHistogramData = children[0].type.getFormattedData;
-      childBins = getFormattedHistogramData({
-        data: combinedData,
-        bins: childBins
-      }).reduce(function (memo, _ref2, index) {
-        var x0 = _ref2.x0,
-            x1 = _ref2.x1;
-        return index === 0 ? memo.concat([x0, x1]) : memo.concat(x1);
-      }, []);
-    }
+  var children = childComponents ? childComponents.slice(0) : react__WEBPACK_IMPORTED_MODULE_9___default().Children.toArray(props.children);
 
-    return _objectSpread({}, parentProps, {
-      bins: childBins
-    });
-  },
-  getDataFromChildren: function (props, childComponents) {
-    var polar = props.polar,
-        startAngle = props.startAngle,
-        endAngle = props.endAngle,
-        categories = props.categories,
-        minDomain = props.minDomain,
-        maxDomain = props.maxDomain;
-    var parentProps = {
-      polar: polar,
-      startAngle: startAngle,
-      endAngle: endAngle,
-      categories: categories,
-      minDomain: minDomain,
-      maxDomain: maxDomain
-    };
-    var stack = 0;
-    var children = childComponents ? childComponents.slice(0) : react__WEBPACK_IMPORTED_MODULE_10___default().Children.toArray(props.children);
-    parentProps = this.addBinsToParentPropsIfHistogram({
-      children: children,
-      props: props,
-      childComponents: childComponents,
-      parentProps: parentProps
+  var iteratee = function (child) {
+    var sharedProps = lodash_assign__WEBPACK_IMPORTED_MODULE_8___default()({}, child.props, {
+      horizontal: props.horizontal
     });
 
-    var iteratee = function (child, childName, parent) {
-      var childProps = lodash_assign__WEBPACK_IMPORTED_MODULE_9___default()({}, child.props, parentProps);
-
-      var childData;
-
-      if (!_data__WEBPACK_IMPORTED_MODULE_11__.isDataComponent(child)) {
-        return null;
-      } else if (child.type && lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default()(child.type.getData)) {
-        child = parent ? react__WEBPACK_IMPORTED_MODULE_10___default().cloneElement(child, parent.props) : child;
-        childData = child.type.getData(childProps);
-      } else {
-        childData = _data__WEBPACK_IMPORTED_MODULE_11__.getData(childProps);
-      }
-
-      stack += 1;
-      return childData.map(function (datum, index) {
-        return lodash_assign__WEBPACK_IMPORTED_MODULE_9___default()({
-          _stack: stack,
-          _group: index
-        }, datum);
-      });
-    };
+    return _scale__WEBPACK_IMPORTED_MODULE_15__.getScaleType(sharedProps, axis);
+  };
 
-    var stacked = children.filter(function (c) {
-      return c.type && c.type.role === "stack";
-    }).length;
+  var childScale = lodash_uniq__WEBPACK_IMPORTED_MODULE_4___default()(_helpers__WEBPACK_IMPORTED_MODULE_11__.reduceChildren(children, iteratee, props)); // default to linear scale if more than one uniq scale type is given by children
 
-    var combine = function (memo, val) {
-      return memo.concat(lodash_uniqBy__WEBPACK_IMPORTED_MODULE_2___default()(val, "_group"));
-    };
 
-    var datasets = _helpers__WEBPACK_IMPORTED_MODULE_15__.reduceChildren(children, iteratee, props, [], combine);
-    var group = stacked ? "_group" : "_stack";
-    return lodash_values__WEBPACK_IMPORTED_MODULE_1___default()(lodash_groupBy__WEBPACK_IMPORTED_MODULE_3___default()(datasets, group));
-  },
-  getColor: function (calculatedProps, child, index) {
-    // check for styles first
-    var style = calculatedProps.style;
-    var colorScale = calculatedProps.colorScale,
-        color = calculatedProps.color;
-
-    if (style && style.data && style.data.fill) {
-      return style.data.fill;
-    }
+  return childScale.length > 1 ? _scale__WEBPACK_IMPORTED_MODULE_15__.getScaleFromName("linear") : _scale__WEBPACK_IMPORTED_MODULE_15__.getScaleFromName(childScale[0]);
+}
+function getAllEvents(props) {
+  var components = ["groupComponent", "containerComponent", "labelComponent"];
+  var componentEvents = _events__WEBPACK_IMPORTED_MODULE_16__.getComponentEvents(props, components);
+  var events = props.events;
 
-    colorScale = child.props && child.props.colorScale ? child.props.colorScale : colorScale;
-    color = child.props && child.props.color ? child.props.color : color;
+  if (Array.isArray(componentEvents)) {
+    events = Array.isArray(props.events) ? componentEvents.concat.apply(componentEvents, _toConsumableArray(props.events)) : componentEvents;
+  }
 
-    if (!colorScale && !color) {
-      return undefined;
-    }
+  return events || [];
+}
+function getColor(calculatedProps, child, index) {
+  // check for styles first
+  var style = calculatedProps.style;
+  var colorScale = calculatedProps.colorScale,
+      color = calculatedProps.color;
 
-    var colors = Array.isArray(colorScale) ? colorScale : _style__WEBPACK_IMPORTED_MODULE_19__.getColorScale(colorScale);
-    return color || colors[index % colors.length];
-  },
-  getWidth: function (props, groupLength, seriesLength) {
-    var datasets = props.datasets,
-        horizontal = props.horizontal;
-    var range = horizontal ? _helpers__WEBPACK_IMPORTED_MODULE_15__.getRange(props, "y") : _helpers__WEBPACK_IMPORTED_MODULE_15__.getRange(props, "x");
-    var extent = Math.abs(range[1] - range[0]);
-    seriesLength = seriesLength !== undefined ? seriesLength : Array.isArray(datasets[0]) && datasets[0].length || 1;
-    groupLength = groupLength || datasets.length;
-    var bars = groupLength * seriesLength;
-    var barRatio = 0.5;
-    return Math.round(barRatio * extent / bars);
-  },
-  getStyle: function (theme, style, role) {
-    var defaultStyle = theme && theme[role] && theme[role].style ? theme[role].style : {};
-    return _helpers__WEBPACK_IMPORTED_MODULE_15__.getStyles(style, defaultStyle);
-  },
-  getChildStyle: function (child, index, calculatedProps) {
-    var style = calculatedProps.style,
-        role = calculatedProps.role;
-    var childStyle = child.props.style || {};
+  if (style && style.data && style.data.fill) {
+    return style.data.fill;
+  }
 
-    if (Array.isArray(childStyle)) {
-      return childStyle;
-    }
+  colorScale = child.props && child.props.colorScale ? child.props.colorScale : colorScale;
+  color = child.props && child.props.color ? child.props.color : color;
 
-    var childRole = child.type && child.type.role;
-    var defaultFill = childRole === "stack" ? undefined : this.getColor(calculatedProps, child, index);
-    var defaultColor = childRole === "line" ? {
-      fill: "none",
-      stroke: defaultFill
-    } : {
-      fill: defaultFill
-    };
-    var dataWidth = role === "stack" ? {} : {
-      width: this.getWidth(calculatedProps)
-    };
+  if (!colorScale && !color) {
+    return undefined;
+  }
 
-    var dataStyle = lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({}, childStyle.data, lodash_assign__WEBPACK_IMPORTED_MODULE_9___default()({}, dataWidth, style.data, defaultColor));
+  var colors = Array.isArray(colorScale) ? colorScale : _style__WEBPACK_IMPORTED_MODULE_17__.getColorScale(colorScale);
+  return color || colors[index % colors.length];
+}
+function getStyle(theme, style, role) {
+  var defaultStyle = theme && theme[role] && theme[role].style ? theme[role].style : {};
+  return _helpers__WEBPACK_IMPORTED_MODULE_11__.getStyles(style, defaultStyle);
+}
+function getChildStyle(child, index, calculatedProps) {
+  var style = calculatedProps.style,
+      role = calculatedProps.role;
+  var childStyle = child.props.style || {};
 
-    var labelsStyle = lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({}, childStyle.labels, style.labels);
+  if (Array.isArray(childStyle)) {
+    return childStyle;
+  }
 
-    return {
-      parent: style.parent,
-      data: dataStyle,
-      labels: labelsStyle
-    };
-  },
-  getStringsFromCategories: function (childComponents, axis) {
-    var iteratee = function (child) {
-      var childProps = child.props || {};
+  var childRole = child.type && child.type.role;
+  var defaultFill = childRole === "stack" ? undefined : getColor(calculatedProps, child, index);
+  var defaultColor = childRole === "line" ? {
+    fill: "none",
+    stroke: defaultFill
+  } : {
+    fill: defaultFill
+  };
+  var dataWidth = role === "stack" ? {} : {
+    width: getWidth(calculatedProps)
+  };
 
-      if (!_domain__WEBPACK_IMPORTED_MODULE_12__.isDomainComponent(child) || !childProps.categories) {
-        return null;
-      } else {
-        var categories = childProps.categories && !Array.isArray(childProps.categories) ? childProps.categories[axis] : childProps.props.categories;
-        var categoryStrings = categories && categories.filter(function (val) {
-          return typeof val === "string";
-        });
-        return categoryStrings ? _collection__WEBPACK_IMPORTED_MODULE_13__.removeUndefined(categoryStrings) : [];
-      }
-    };
+  var dataStyle = lodash_defaults__WEBPACK_IMPORTED_MODULE_7___default()({}, childStyle.data, lodash_assign__WEBPACK_IMPORTED_MODULE_8___default()({}, dataWidth, style.data, defaultColor));
 
-    return _helpers__WEBPACK_IMPORTED_MODULE_15__.reduceChildren(childComponents.slice(0), iteratee);
-  },
-  getStringsFromData: function (childComponents) {
-    var iteratee = function (child) {
-      var childProps = child.props || {};
-      var data;
+  var labelsStyle = lodash_defaults__WEBPACK_IMPORTED_MODULE_7___default()({}, childStyle.labels, style.labels);
 
-      if (!_data__WEBPACK_IMPORTED_MODULE_11__.isDataComponent(child)) {
-        return null;
-      } else if (child.type && lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default()(child.type.getData)) {
-        data = child.type.getData(childProps);
-      } else {
-        data = _data__WEBPACK_IMPORTED_MODULE_11__.getData(childProps);
-      }
+  return {
+    parent: style.parent,
+    data: dataStyle,
+    labels: labelsStyle
+  };
+}
+function getStringsFromCategories(childComponents, axis) {
+  var iteratee = function (child) {
+    var childProps = child.props || {};
 
-      return data.map(function (d) {
-        return {
-          x: d.xName,
-          y: d.yName
-        };
+    if (!_domain__WEBPACK_IMPORTED_MODULE_13__.isDomainComponent(child) || !childProps.categories) {
+      return null;
+    } else {
+      var categories = childProps.categories && !Array.isArray(childProps.categories) ? childProps.categories[axis] : childProps.props.categories;
+      var categoryStrings = categories && categories.filter(function (val) {
+        return typeof val === "string";
       });
-    };
+      return categoryStrings ? _collection__WEBPACK_IMPORTED_MODULE_14__.removeUndefined(categoryStrings) : [];
+    }
+  };
 
-    var initialMemo = {
-      x: [],
-      y: []
-    };
+  return _helpers__WEBPACK_IMPORTED_MODULE_11__.reduceChildren(childComponents.slice(0), iteratee);
+}
+function getStringsFromData(childComponents) {
+  var iteratee = function (child) {
+    var childProps = child.props || {};
+    var data;
 
-    var combine = function (memo, datum) {
-      var x = Array.isArray(datum) ? datum.map(function (d) {
-        return d.x;
-      }).filter(Boolean) : datum.x;
-      var y = Array.isArray(datum) ? datum.map(function (d) {
-        return d.y;
-      }).filter(Boolean) : datum.y;
+    if (!_data__WEBPACK_IMPORTED_MODULE_12__.isDataComponent(child)) {
+      return null;
+    } else if (child.type && lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___default()(child.type.getData)) {
+      data = child.type.getData(childProps);
+    } else {
+      data = _data__WEBPACK_IMPORTED_MODULE_12__.getData(childProps);
+    }
+
+    return data.map(function (d) {
       return {
-        x: x !== undefined ? memo.x.concat(x) : memo.x,
-        y: y !== undefined ? memo.y.concat(y) : memo.y
+        x: d.xName,
+        y: d.yName
       };
-    };
+    });
+  };
 
-    return _helpers__WEBPACK_IMPORTED_MODULE_15__.reduceChildren(childComponents.slice(0), iteratee, {}, initialMemo, combine);
-  },
-  getCategoryAndAxisStringsFromChildren: function (props, axis, childComponents) {
-    var categories = lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0___default()(props.categories) ? props.categories[axis] : props.categories;
-    var axisComponent = _axis__WEBPACK_IMPORTED_MODULE_20__.getAxisComponent(childComponents, axis);
-    var axisStrings = axisComponent ? _data__WEBPACK_IMPORTED_MODULE_11__.getStringsFromAxes(axisComponent.props, axis) : [];
-    var categoryStrings = categories || this.getStringsFromCategories(childComponents, axis);
-    return lodash_uniq__WEBPACK_IMPORTED_MODULE_5___default()(lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(_toConsumableArray(categoryStrings).concat(_toConsumableArray(axisStrings))));
-  },
-  getStringsFromChildren: function (props, childComponents) {
-    childComponents = childComponents || react__WEBPACK_IMPORTED_MODULE_10___default().Children.toArray(props.children);
-    var xStrings = this.getCategoryAndAxisStringsFromChildren(props, "x", childComponents);
-    var yStrings = this.getCategoryAndAxisStringsFromChildren(props, "y", childComponents);
-    var dataStrings = this.getStringsFromData(childComponents);
-    return {
-      x: lodash_uniq__WEBPACK_IMPORTED_MODULE_5___default()(lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(_toConsumableArray(xStrings).concat(_toConsumableArray(dataStrings.x)))),
-      y: lodash_uniq__WEBPACK_IMPORTED_MODULE_5___default()(lodash_flatten__WEBPACK_IMPORTED_MODULE_7___default()(_toConsumableArray(yStrings).concat(_toConsumableArray(dataStrings.y))))
-    };
-  },
-  getCategories: function (props, childComponents, allStrings) {
-    var xPropCategories = props.categories && !Array.isArray(props.categories) ? props.categories.x : props.categories;
-    var yPropCategories = props.categories && !Array.isArray(props.categories) ? props.categories.y : props.categories;
-    var fallbackRequired = !xPropCategories || !yPropCategories;
-    var fallbackProps = fallbackRequired ? allStrings || this.getStringsFromChildren(props, childComponents) : {};
-    var xCategories = xPropCategories || fallbackProps.x;
-    var yCategories = yPropCategories || fallbackProps.y;
+  var initialMemo = {
+    x: [],
+    y: []
+  };
+
+  var combine = function (memo, datum) {
+    var x = Array.isArray(datum) ? datum.map(function (d) {
+      return d.x;
+    }).filter(Boolean) : datum.x;
+    var y = Array.isArray(datum) ? datum.map(function (d) {
+      return d.y;
+    }).filter(Boolean) : datum.y;
     return {
-      x: xCategories.length > 0 ? xCategories : undefined,
-      y: yCategories.length > 0 ? yCategories : undefined
+      x: x !== undefined ? memo.x.concat(x) : memo.x,
+      y: y !== undefined ? memo.y.concat(y) : memo.y
     };
-  }
-});
+  };
+
+  return _helpers__WEBPACK_IMPORTED_MODULE_11__.reduceChildren(childComponents.slice(0), iteratee, {}, initialMemo, combine);
+}
+function getCategoryAndAxisStringsFromChildren(props, axis, childComponents) {
+  var categories = lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0___default()(props.categories) ? props.categories[axis] : props.categories;
+  var axisComponent = _axis__WEBPACK_IMPORTED_MODULE_18__.getAxisComponent(childComponents, axis);
+  var axisStrings = axisComponent ? _data__WEBPACK_IMPORTED_MODULE_12__.getStringsFromAxes(axisComponent.props, axis) : [];
+  var categoryStrings = categories || getStringsFromCategories(childComponents, axis);
+  return lodash_uniq__WEBPACK_IMPORTED_MODULE_4___default()(lodash_flatten__WEBPACK_IMPORTED_MODULE_6___default()(_toConsumableArray(categoryStrings).concat(_toConsumableArray(axisStrings))));
+}
+function getStringsFromChildren(props, childComponents) {
+  childComponents = childComponents || react__WEBPACK_IMPORTED_MODULE_9___default().Children.toArray(props.children);
+  var xStrings = getCategoryAndAxisStringsFromChildren(props, "x", childComponents);
+  var yStrings = getCategoryAndAxisStringsFromChildren(props, "y", childComponents);
+  var dataStrings = getStringsFromData(childComponents);
+  return {
+    x: lodash_uniq__WEBPACK_IMPORTED_MODULE_4___default()(lodash_flatten__WEBPACK_IMPORTED_MODULE_6___default()(_toConsumableArray(xStrings).concat(_toConsumableArray(dataStrings.x)))),
+    y: lodash_uniq__WEBPACK_IMPORTED_MODULE_4___default()(lodash_flatten__WEBPACK_IMPORTED_MODULE_6___default()(_toConsumableArray(yStrings).concat(_toConsumableArray(dataStrings.y))))
+  };
+}
+function getCategories(props, childComponents, allStrings) {
+  var xPropCategories = props.categories && !Array.isArray(props.categories) ? props.categories.x : props.categories;
+  var yPropCategories = props.categories && !Array.isArray(props.categories) ? props.categories.y : props.categories;
+  var fallbackRequired = !xPropCategories || !yPropCategories;
+  var fallbackProps = fallbackRequired ? allStrings || getStringsFromChildren(props, childComponents) : {};
+  var xCategories = xPropCategories || fallbackProps.x;
+  var yCategories = yPropCategories || fallbackProps.y;
+  return {
+    x: xCategories.length > 0 ? xCategories : undefined,
+    y: yCategories.length > 0 ? yCategories : undefined
+  };
+}
 
 /***/ }),
 
@@ -19023,9 +19040,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 
 
-var VictorySharedEvents =
-/*#__PURE__*/
-function (_React$Component) {
+var VictorySharedEvents = /*#__PURE__*/function (_React$Component) {
   _inherits(VictorySharedEvents, _React$Component);
 
   function VictorySharedEvents(props) {