victory 36.0.1 → 36.1.0

package/dist/victory.js

@@ -12164,6 +12164,37 @@ function baseAssignValue(object, key, value) {
 module.exports = baseAssignValue;
 
 
+/***/ }),
+
+/***/ "../../../node_modules/lodash/_baseClone.js":
+/*!**************************************************!*\
+  !*** ../../../node_modules/lodash/_baseClone.js ***!
+  \**************************************************/
+/***/ ((module) => {
+
+/**
+ * This method returns the first argument it receives.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Util
+ * @param {*} value Any value.
+ * @returns {*} Returns `value`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ *
+ * console.log(_.identity(object) === object);
+ * // => true
+ */
+function identity(value) {
+  return value;
+}
+
+module.exports = identity;
+
+
 /***/ }),
 
 /***/ "../../../node_modules/lodash/_baseDelay.js":
@@ -13285,6 +13316,47 @@ function baseSet(object, path, value, customizer) {
 module.exports = baseSet;
 
 
+/***/ }),
+
+/***/ "../../../node_modules/lodash/_baseSlice.js":
+/*!**************************************************!*\
+  !*** ../../../node_modules/lodash/_baseSlice.js ***!
+  \**************************************************/
+/***/ ((module) => {
+
+/**
+ * The base implementation of `_.slice` without an iteratee call guard.
+ *
+ * @private
+ * @param {Array} array The array to slice.
+ * @param {number} [start=0] The start position.
+ * @param {number} [end=array.length] The end position.
+ * @returns {Array} Returns the slice of `array`.
+ */
+function baseSlice(array, start, end) {
+  var index = -1,
+      length = array.length;
+
+  if (start < 0) {
+    start = -start > length ? 0 : (length + start);
+  }
+  end = end > length ? length : end;
+  if (end < 0) {
+    end += length;
+  }
+  length = start > end ? 0 : ((end - start) >>> 0);
+  start >>>= 0;
+
+  var result = Array(length);
+  while (++index < length) {
+    result[index] = array[index + start];
+  }
+  return result;
+}
+
+module.exports = baseSlice;
+
+
 /***/ }),
 
 /***/ "../../../node_modules/lodash/_baseSortBy.js":
@@ -13600,6 +13672,36 @@ function baseUniq(array, iteratee, comparator) {
 module.exports = baseUniq;
 
 
+/***/ }),
+
+/***/ "../../../node_modules/lodash/_baseUnset.js":
+/*!**************************************************!*\
+  !*** ../../../node_modules/lodash/_baseUnset.js ***!
+  \**************************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var castPath = __webpack_require__(/*! ./_castPath */ "../../../node_modules/lodash/_castPath.js"),
+    last = __webpack_require__(/*! ./last */ "../../../node_modules/lodash/last.js"),
+    parent = __webpack_require__(/*! ./_parent */ "../../../node_modules/lodash/_parent.js"),
+    toKey = __webpack_require__(/*! ./_toKey */ "../../../node_modules/lodash/_toKey.js");
+
+/**
+ * The base implementation of `_.unset`.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {Array|string} path The property path to unset.
+ * @returns {boolean} Returns `true` if the property is deleted, else `false`.
+ */
+function baseUnset(object, path) {
+  path = castPath(path, object);
+  object = parent(object, path);
+  return object == null || delete object[toKey(last(path))];
+}
+
+module.exports = baseUnset;
+
+
 /***/ }),
 
 /***/ "../../../node_modules/lodash/_baseValues.js":
@@ -14245,6 +14347,32 @@ function createToPairs(keysFunc) {
 module.exports = createToPairs;
 
 
+/***/ }),
+
+/***/ "../../../node_modules/lodash/_customOmitClone.js":
+/*!********************************************************!*\
+  !*** ../../../node_modules/lodash/_customOmitClone.js ***!
+  \********************************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var isPlainObject = __webpack_require__(/*! ./isPlainObject */ "../../../node_modules/lodash/isPlainObject.js");
+
+/**
+ * Used by `_.omit` to customize its `_.cloneDeep` use to only clone plain
+ * objects.
+ *
+ * @private
+ * @param {*} value The value to inspect.
+ * @param {string} key The key of the property to inspect.
+ * @returns {*} Returns the uncloned value or `undefined` to defer cloning to `_.cloneDeep`.
+ */
+function customOmitClone(value) {
+  return isPlainObject(value) ? undefined : value;
+}
+
+module.exports = customOmitClone;
+
+
 /***/ }),
 
 /***/ "../../../node_modules/lodash/_defineProperty.js":
@@ -15380,6 +15508,32 @@ function overRest(func, start, transform) {
 module.exports = overRest;
 
 
+/***/ }),
+
+/***/ "../../../node_modules/lodash/_parent.js":
+/*!***********************************************!*\
+  !*** ../../../node_modules/lodash/_parent.js ***!
+  \***********************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var baseGet = __webpack_require__(/*! ./_baseGet */ "../../../node_modules/lodash/_baseGet.js"),
+    baseSlice = __webpack_require__(/*! ./_baseSlice */ "../../../node_modules/lodash/_baseSlice.js");
+
+/**
+ * Gets the parent value at `path` of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Array} path The path to get the parent value of.
+ * @returns {*} Returns the parent value.
+ */
+function parent(object, path) {
+  return path.length < 2 ? object : baseGet(object, baseSlice(path, 0, -1));
+}
+
+module.exports = parent;
+
+
 /***/ }),
 
 /***/ "../../../node_modules/lodash/_root.js":
@@ -17717,6 +17871,73 @@ var now = function() {
 module.exports = now;
 
 
+/***/ }),
+
+/***/ "../../../node_modules/lodash/omit.js":
+/*!********************************************!*\
+  !*** ../../../node_modules/lodash/omit.js ***!
+  \********************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var arrayMap = __webpack_require__(/*! ./_arrayMap */ "../../../node_modules/lodash/_arrayMap.js"),
+    baseClone = __webpack_require__(/*! ./_baseClone */ "../../../node_modules/lodash/_baseClone.js"),
+    baseUnset = __webpack_require__(/*! ./_baseUnset */ "../../../node_modules/lodash/_baseUnset.js"),
+    castPath = __webpack_require__(/*! ./_castPath */ "../../../node_modules/lodash/_castPath.js"),
+    copyObject = __webpack_require__(/*! ./_copyObject */ "../../../node_modules/lodash/_copyObject.js"),
+    customOmitClone = __webpack_require__(/*! ./_customOmitClone */ "../../../node_modules/lodash/_customOmitClone.js"),
+    flatRest = __webpack_require__(/*! ./_flatRest */ "../../../node_modules/lodash/_flatRest.js"),
+    getAllKeysIn = __webpack_require__(/*! ./_getAllKeysIn */ "../../../node_modules/lodash/_getAllKeysIn.js");
+
+/** Used to compose bitmasks for cloning. */
+var CLONE_DEEP_FLAG = 1,
+    CLONE_FLAT_FLAG = 2,
+    CLONE_SYMBOLS_FLAG = 4;
+
+/**
+ * The opposite of `_.pick`; this method creates an object composed of the
+ * own and inherited enumerable property paths of `object` that are not omitted.
+ *
+ * **Note:** This method is considerably slower than `_.pick`.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Object
+ * @param {Object} object The source object.
+ * @param {...(string|string[])} [paths] The property paths to omit.
+ * @returns {Object} Returns the new object.
+ * @example
+ *
+ * var object = { 'a': 1, 'b': '2', 'c': 3 };
+ *
+ * _.omit(object, ['a', 'c']);
+ * // => { 'b': '2' }
+ */
+var omit = flatRest(function(object, paths) {
+  var result = {};
+  if (object == null) {
+    return result;
+  }
+  var isDeep = false;
+  paths = arrayMap(paths, function(path) {
+    path = castPath(path, object);
+    isDeep || (isDeep = path.length > 1);
+    return path;
+  });
+  copyObject(object, getAllKeysIn(object), result);
+  if (isDeep) {
+    result = baseClone(result, CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG, customOmitClone);
+  }
+  var length = paths.length;
+  while (length--) {
+    baseUnset(result, paths[length]);
+  }
+  return result;
+});
+
+module.exports = omit;
+
+
 /***/ }),
 
 /***/ "../../../node_modules/lodash/omitBy.js":
@@ -20227,9 +20448,7 @@ var options = {
   }]
 };
 
-var VictoryArea =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryArea = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryArea, _React$Component);
 
   function VictoryArea() {
@@ -21073,9 +21292,7 @@ var options = {
   }]
 };
 
-var VictoryAxis =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryAxis = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryAxis, _React$Component);
 
   function VictoryAxis() {
@@ -21364,56 +21581,29 @@ Object.defineProperty(VictoryAxis, "expectedComponents", {
 
 /***/ }),
 
-/***/ "../../victory-bar/es/bar.js":
-/*!***********************************!*\
-  !*** ../../victory-bar/es/bar.js ***!
-  \***********************************/
+/***/ "../../victory-bar/es/bar-helper-methods.js":
+/*!**************************************************!*\
+  !*** ../../victory-bar/es/bar-helper-methods.js ***!
+  \**************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   "getBarWidth": () => (/* binding */ getBarWidth),
+/* harmony export */   "getCornerRadius": () => (/* binding */ getCornerRadius),
+/* harmony export */   "getStyle": () => (/* binding */ getStyle)
 /* harmony export */ });
-/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isNil */ "../../../node_modules/lodash/isNil.js");
-/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isNil__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/isPlainObject */ "../../../node_modules/lodash/isPlainObject.js");
-/* harmony import */ var lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1__);
+/* 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__);
+/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/isNil */ "../../../node_modules/lodash/isNil.js");
+/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_isNil__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/assign */ "../../../node_modules/lodash/assign.js");
 /* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_assign__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/common-props.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/path.js");
-/* harmony import */ var _path_helper_methods__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./path-helper-methods */ "../../victory-bar/es/path-helper-methods.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; }
-
-
-
-
-
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
 
-var getBarPath = function (props, width, cornerRadius) {
-  if (props.getPath) {
-    return (0,_path_helper_methods__WEBPACK_IMPORTED_MODULE_5__.getCustomBarPath)(props, width);
-  }
 
-  return props.horizontal ? (0,_path_helper_methods__WEBPACK_IMPORTED_MODULE_5__.getHorizontalBarPath)(props, width, cornerRadius) : (0,_path_helper_methods__WEBPACK_IMPORTED_MODULE_5__.getVerticalBarPath)(props, width, cornerRadius);
-};
 
-var getPolarBarPath = function (props, cornerRadius) {
-  // TODO Radial bars
-  return (0,_path_helper_methods__WEBPACK_IMPORTED_MODULE_5__.getVerticalPolarBarPath)(props, cornerRadius);
-};
 
 var getBarWidth = function (barWidth, props) {
   var scale = props.scale,
@@ -21422,7 +21612,7 @@ var getBarWidth = function (barWidth, props) {
       style = props.style;
 
   if (barWidth) {
-    return victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateProp(barWidth, props);
+    return victory_core__WEBPACK_IMPORTED_MODULE_3__.evaluateProp(barWidth, props);
   } else if (style.width) {
     return style.width;
   }
@@ -21444,10 +21634,10 @@ var getCornerRadiusFromObject = function (cornerRadius, props) {
   };
 
   var updateCornerRadius = function (corner, fallback) {
-    if (!lodash_isNil__WEBPACK_IMPORTED_MODULE_0___default()(cornerRadius[corner])) {
-      realCornerRadius[corner] = victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateProp(cornerRadius[corner], props);
-    } else if (!lodash_isNil__WEBPACK_IMPORTED_MODULE_0___default()(cornerRadius[fallback])) {
-      realCornerRadius[corner] = victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateProp(cornerRadius[fallback], props);
+    if (!lodash_isNil__WEBPACK_IMPORTED_MODULE_1___default()(cornerRadius[corner])) {
+      realCornerRadius[corner] = victory_core__WEBPACK_IMPORTED_MODULE_3__.evaluateProp(cornerRadius[corner], props);
+    } else if (!lodash_isNil__WEBPACK_IMPORTED_MODULE_1___default()(cornerRadius[fallback])) {
+      realCornerRadius[corner] = victory_core__WEBPACK_IMPORTED_MODULE_3__.evaluateProp(cornerRadius[fallback], props);
     }
   };
 
@@ -21470,15 +21660,14 @@ var getCornerRadius = function (cornerRadius, props) {
     return realCornerRadius;
   }
 
-  if (lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_1___default()(cornerRadius)) {
+  if (lodash_isPlainObject__WEBPACK_IMPORTED_MODULE_0___default()(cornerRadius)) {
     return getCornerRadiusFromObject(cornerRadius, props);
   } else {
-    realCornerRadius.topLeft = victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateProp(cornerRadius, props);
-    realCornerRadius.topRight = victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateProp(cornerRadius, props);
+    realCornerRadius.topLeft = victory_core__WEBPACK_IMPORTED_MODULE_3__.evaluateProp(cornerRadius, props);
+    realCornerRadius.topRight = victory_core__WEBPACK_IMPORTED_MODULE_3__.evaluateProp(cornerRadius, props);
     return realCornerRadius;
   }
 };
-
 var getStyle = function () {
   var style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var props = arguments.length > 1 ? arguments[1] : undefined;
@@ -21492,9 +21681,45 @@ var getStyle = function () {
     fill: "black",
     stroke: stroke
   };
-  return victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateStyle(lodash_assign__WEBPACK_IMPORTED_MODULE_2___default()(baseStyle, style), props);
+  return victory_core__WEBPACK_IMPORTED_MODULE_3__.evaluateStyle(lodash_assign__WEBPACK_IMPORTED_MODULE_2___default()(baseStyle, style), props);
 };
 
+/***/ }),
+
+/***/ "../../victory-bar/es/bar.js":
+/*!***********************************!*\
+  !*** ../../victory-bar/es/bar.js ***!
+  \***********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/assign */ "../../../node_modules/lodash/assign.js");
+/* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_assign__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__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 victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/common-props.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/path.js");
+/* harmony import */ var _bar_helper_methods__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bar-helper-methods */ "../../victory-bar/es/bar-helper-methods.js");
+/* harmony import */ var _path_helper_methods__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./path-helper-methods */ "../../victory-bar/es/path-helper-methods.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; }
+
+
+
+
+
+
+
 var evaluateProps = function (props) {
   /**
    * Potential evaluated props of following must be evaluated in this order:
@@ -21508,19 +21733,19 @@ var evaluateProps = function (props) {
    * `id`
    * `tabIndex`
    */
-  var style = getStyle(props.style, props);
-  var barWidth = getBarWidth(props.barWidth, lodash_assign__WEBPACK_IMPORTED_MODULE_2___default()({}, props, {
+  var style = (0,_bar_helper_methods__WEBPACK_IMPORTED_MODULE_3__.getStyle)(props.style, props);
+  var barWidth = (0,_bar_helper_methods__WEBPACK_IMPORTED_MODULE_3__.getBarWidth)(props.barWidth, lodash_assign__WEBPACK_IMPORTED_MODULE_0___default()({}, props, {
     style: style
   }));
-  var cornerRadius = getCornerRadius(props.cornerRadius, lodash_assign__WEBPACK_IMPORTED_MODULE_2___default()({}, props, {
+  var cornerRadius = (0,_bar_helper_methods__WEBPACK_IMPORTED_MODULE_3__.getCornerRadius)(props.cornerRadius, lodash_assign__WEBPACK_IMPORTED_MODULE_0___default()({}, props, {
     style: style,
     barWidth: barWidth
   }));
-  var ariaLabel = victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateProp(props.ariaLabel, props);
-  var desc = victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateProp(props.desc, props);
-  var id = victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateProp(props.id, props);
-  var tabIndex = victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateProp(props.tabIndex, props);
-  return lodash_assign__WEBPACK_IMPORTED_MODULE_2___default()({}, props, {
+  var ariaLabel = victory_core__WEBPACK_IMPORTED_MODULE_4__.evaluateProp(props.ariaLabel, props);
+  var desc = victory_core__WEBPACK_IMPORTED_MODULE_4__.evaluateProp(props.desc, props);
+  var id = victory_core__WEBPACK_IMPORTED_MODULE_4__.evaluateProp(props.id, props);
+  var tabIndex = victory_core__WEBPACK_IMPORTED_MODULE_4__.evaluateProp(props.tabIndex, props);
+  return lodash_assign__WEBPACK_IMPORTED_MODULE_0___default()({}, props, {
     ariaLabel: ariaLabel,
     style: style,
     barWidth: barWidth,
@@ -21539,9 +21764,9 @@ var Bar = function (props) {
       style = _props.style,
       barWidth = _props.barWidth,
       cornerRadius = _props.cornerRadius;
-  var path = polar ? getPolarBarPath(props, cornerRadius) : getBarPath(props, barWidth, cornerRadius);
+  var path = polar ? (0,_path_helper_methods__WEBPACK_IMPORTED_MODULE_5__.getPolarBarPath)(props, cornerRadius) : (0,_path_helper_methods__WEBPACK_IMPORTED_MODULE_5__.getBarPath)(props, barWidth, cornerRadius);
   var defaultTransform = polar && origin ? "translate(".concat(origin.x, ", ").concat(origin.y, ")") : undefined;
-  return react__WEBPACK_IMPORTED_MODULE_3___default().cloneElement(props.pathComponent, _objectSpread({}, props.events, {
+  return react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(props.pathComponent, _objectSpread({}, props.events, {
     "aria-label": props.ariaLabel,
     style: style,
     d: path,
@@ -21556,30 +21781,30 @@ var Bar = function (props) {
   }));
 };
 
-Bar.propTypes = _objectSpread({}, victory_core__WEBPACK_IMPORTED_MODULE_7__.primitiveProps, {
-  alignment: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOf(["start", "middle", "end"]),
-  barRatio: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),
-  barWidth: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func)]),
-  cornerRadius: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func), prop_types__WEBPACK_IMPORTED_MODULE_4___default().shape({
-    top: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func)]),
-    topLeft: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func)]),
-    topRight: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func)]),
-    bottom: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func)]),
-    bottomLeft: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func)]),
-    bottomRight: prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_4___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func)])
+Bar.propTypes = _objectSpread({}, victory_core__WEBPACK_IMPORTED_MODULE_6__.primitiveProps, {
+  alignment: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(["start", "middle", "end"]),
+  barRatio: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  barWidth: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
+  cornerRadius: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func), prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
+    top: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
+    topLeft: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
+    topRight: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
+    bottom: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
+    bottomLeft: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
+    bottomRight: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)])
   })]),
-  datum: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().object),
-  getPath: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().func),
-  horizontal: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().bool),
-  pathComponent: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().element),
-  width: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),
-  x: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),
-  y: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number),
-  y0: (prop_types__WEBPACK_IMPORTED_MODULE_4___default().number)
+  datum: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object),
+  getPath: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+  horizontal: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  pathComponent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().element),
+  width: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  x: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  y: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  y0: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)
 });
 Bar.defaultProps = {
   defaultBarWidth: 8,
-  pathComponent: react__WEBPACK_IMPORTED_MODULE_3___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_8__.default, null),
+  pathComponent: react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_7__.default, null),
   role: "presentation",
   shapeRendering: "auto"
 };
@@ -21899,7 +22124,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "getCustomBarPath": () => (/* binding */ getCustomBarPath),
 /* harmony export */   "getVerticalBarPath": () => (/* binding */ getVerticalBarPath),
 /* harmony export */   "getHorizontalBarPath": () => (/* binding */ getHorizontalBarPath),
-/* harmony export */   "getVerticalPolarBarPath": () => (/* binding */ getVerticalPolarBarPath)
+/* harmony export */   "getVerticalPolarBarPath": () => (/* binding */ getVerticalPolarBarPath),
+/* harmony export */   "getBarPath": () => (/* binding */ getBarPath),
+/* harmony export */   "getPolarBarPath": () => (/* binding */ getPolarBarPath)
 /* harmony export */ });
 /* harmony import */ var d3_shape__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! d3-shape */ "../../../node_modules/d3-shape/src/arc.js");
 /* harmony import */ var _geometry_helper_methods__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./geometry-helper-methods */ "../../victory-bar/es/geometry-helper-methods.js");
@@ -22374,6 +22601,17 @@ var getVerticalPolarBarPath = function (props, cornerRadius) {
   }, "");
   return "".concat(path, " z");
 };
+var getBarPath = function (props, width, cornerRadius) {
+  if (props.getPath) {
+    return getCustomBarPath(props, width);
+  }
+
+  return props.horizontal ? getHorizontalBarPath(props, width, cornerRadius) : getVerticalBarPath(props, width, cornerRadius);
+};
+var getPolarBarPath = function (props, cornerRadius) {
+  // TODO Radial bars
+  return getVerticalPolarBarPath(props, cornerRadius);
+};
 
 /***/ }),
 
@@ -22442,9 +22680,7 @@ var defaultData = [{
   y: 4
 }];
 
-var VictoryBar =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryBar = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryBar, _React$Component);
 
   function VictoryBar() {
@@ -23301,9 +23537,7 @@ var options = {
   }]
 };
 
-var VictoryBoxPlot =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryBoxPlot = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryBoxPlot, _React$Component);
 
   function VictoryBoxPlot() {
@@ -24141,9 +24375,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 var brushContainerMixin = function (base) {
   var _class, _temp;
 
-  return _temp = _class =
-  /*#__PURE__*/
-  function (_base) {
+  return _temp = _class = /*#__PURE__*/function (_base) {
     _inherits(VictoryBrushContainer, _base);
 
     function VictoryBrushContainer() {
@@ -24563,9 +24795,7 @@ var fallbackProps = {
   }
 };
 
-var VictoryBrushLine =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryBrushLine = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryBrushLine, _React$Component);
 
   function VictoryBrushLine() {
@@ -25921,9 +26151,7 @@ var datumHasXandY = function (datum) {
   return !lodash_isNil__WEBPACK_IMPORTED_MODULE_1___default()(datum._x) && !lodash_isNil__WEBPACK_IMPORTED_MODULE_1___default()(datum._y);
 };
 
-var VictoryCandlestick =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryCandlestick = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryCandlestick, _React$Component);
 
   function VictoryCandlestick() {
@@ -26139,6 +26367,388 @@ Object.defineProperty(VictoryCandlestick, "expectedComponents", {
 
 /***/ }),
 
+/***/ "../../victory-canvas/es/canvas-bar.js":
+/*!*********************************************!*\
+  !*** ../../victory-canvas/es/canvas-bar.js ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "usePreviousValue": () => (/* binding */ usePreviousValue),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "../../../node_modules/lodash/omit.js");
+/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/assign */ "../../../node_modules/lodash/assign.js");
+/* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_assign__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 victory_bar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-bar */ "../../victory-bar/es/bar-helper-methods.js");
+/* harmony import */ var victory_bar__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! victory-bar */ "../../victory-bar/es/path-helper-methods.js");
+/* harmony import */ var victory_bar__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-bar */ "../../victory-bar/es/bar.js");
+/* harmony import */ var _hooks_use_canvas_context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./hooks/use-canvas-context */ "../../victory-canvas/es/hooks/use-canvas-context.js");
+
+
+
+
+
+
+var evaluateProps = function (props) {
+  /**
+   * Potential evaluated props of following must be evaluated in this order:
+   * 1) `style`
+   * 2) `barWidth`
+   * 3) `cornerRadius`
+   */
+  var style = (0,victory_bar__WEBPACK_IMPORTED_MODULE_3__.getStyle)(props.style, props);
+  var barWidth = (0,victory_bar__WEBPACK_IMPORTED_MODULE_3__.getBarWidth)(props.barWidth, lodash_assign__WEBPACK_IMPORTED_MODULE_1___default()({}, props, {
+    style: style
+  }));
+  var cornerRadius = (0,victory_bar__WEBPACK_IMPORTED_MODULE_3__.getCornerRadius)(props.cornerRadius, lodash_assign__WEBPACK_IMPORTED_MODULE_1___default()({}, props, {
+    style: style,
+    barWidth: barWidth
+  }));
+  return lodash_assign__WEBPACK_IMPORTED_MODULE_1___default()({}, props, {
+    style: style,
+    barWidth: barWidth,
+    cornerRadius: cornerRadius
+  });
+};
+
+var usePreviousValue = function (value) {
+  var ref = react__WEBPACK_IMPORTED_MODULE_2___default().useRef();
+  react__WEBPACK_IMPORTED_MODULE_2___default().useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+};
+
+var CanvasBar = function (initialProps) {
+  var _useCanvasContext = (0,_hooks_use_canvas_context__WEBPACK_IMPORTED_MODULE_4__.useCanvasContext)(),
+      canvasRef = _useCanvasContext.canvasRef;
+
+  var props = evaluateProps(initialProps);
+  var polar = props.polar,
+      style = props.style,
+      barWidth = props.barWidth,
+      cornerRadius = props.cornerRadius,
+      origin = props.origin;
+  var path2d = react__WEBPACK_IMPORTED_MODULE_2___default().useMemo(function () {
+    var p = polar ? (0,victory_bar__WEBPACK_IMPORTED_MODULE_5__.getPolarBarPath)(props, cornerRadius) : (0,victory_bar__WEBPACK_IMPORTED_MODULE_5__.getBarPath)(props, barWidth, cornerRadius);
+    return new Path2D(p);
+  }, [polar, barWidth, cornerRadius, props]);
+  var previousPath = usePreviousValue(path2d);
+  var draw = react__WEBPACK_IMPORTED_MODULE_2___default().useCallback(function (ctx, path) {
+    ctx.fillStyle = style.fill;
+    ctx.strokeStyle = style.stroke;
+    ctx.globalAlpha = style.fillOpacity;
+    ctx.lineWidth = style.strokeWidth;
+
+    if (polar) {
+      ctx.translate(origin.x, origin.y);
+    }
+
+    ctx.fill(path);
+    ctx.setTransform(1, 0, 0, 1, 0, 0);
+  }, [style, origin, polar]); // This will clear the previous bar without clearing the entire canvas
+
+  var clearPreviousPath = react__WEBPACK_IMPORTED_MODULE_2___default().useCallback(function (ctx) {
+    if (previousPath) {
+      ctx.save(); // This ensures that the entire shape is erased
+
+      ctx.lineWidth = style.strokeWidth + 2;
+      ctx.globalCompositeOperation = "destination-out";
+      draw(ctx, previousPath);
+      ctx.stroke(previousPath);
+      ctx.restore();
+    }
+  }, [draw, previousPath, style]);
+  react__WEBPACK_IMPORTED_MODULE_2___default().useEffect(function () {
+    var ctx = canvasRef.current.getContext("2d");
+    clearPreviousPath(ctx);
+    draw(ctx, path2d);
+  }, [canvasRef, draw, polar, barWidth, cornerRadius, props, path2d, clearPreviousPath]);
+  return null;
+};
+
+CanvasBar.propTypes = lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(victory_bar__WEBPACK_IMPORTED_MODULE_6__.default.propTypes, "pathComponent");
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CanvasBar);
+
+/***/ }),
+
+/***/ "../../victory-canvas/es/canvas-curve.js":
+/*!***********************************************!*\
+  !*** ../../victory-canvas/es/canvas-curve.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/line-helpers.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/common-props.js");
+/* harmony import */ var _hooks_use_canvas_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hooks/use-canvas-context */ "../../victory-canvas/es/hooks/use-canvas-context.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; }
+
+
+
+
+
+
+var CanvasCurve = function (props) {
+  var _useCanvasContext = (0,_hooks_use_canvas_context__WEBPACK_IMPORTED_MODULE_2__.useCanvasContext)(),
+      canvasRef = _useCanvasContext.canvasRef,
+      clear = _useCanvasContext.clear,
+      clip = _useCanvasContext.clip;
+
+  var style = props.style,
+      data = props.data;
+  var stroke = style.stroke,
+      strokeWidth = style.strokeWidth;
+  var draw = react__WEBPACK_IMPORTED_MODULE_1___default().useCallback(function (ctx) {
+    var line = victory_core__WEBPACK_IMPORTED_MODULE_3__.getLineFunction(props);
+    ctx.strokeStyle = stroke;
+    ctx.lineWidth = strokeWidth;
+    line.context(ctx)(data);
+    ctx.stroke();
+  }, [data, props, stroke, strokeWidth]);
+  react__WEBPACK_IMPORTED_MODULE_1___default().useEffect(function () {
+    var ctx = canvasRef.current.getContext("2d");
+    clear(ctx);
+    draw(ctx);
+    clip(ctx);
+  }, [canvasRef, draw, clear, clip]);
+  return null;
+};
+
+CanvasCurve.propTypes = _objectSpread({}, victory_core__WEBPACK_IMPORTED_MODULE_4__.primitiveProps, {
+  interpolation: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+  openCurve: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  origin: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
+  polar: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CanvasCurve);
+
+/***/ }),
+
+/***/ "../../victory-canvas/es/canvas-group.js":
+/*!***********************************************!*\
+  !*** ../../victory-canvas/es/canvas-group.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _hooks_use_canvas_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./hooks/use-canvas-context */ "../../victory-canvas/es/hooks/use-canvas-context.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/prop-types.js");
+
+
+
+
+
+var CanvasGroup = function (props) {
+  var canvasRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef();
+  var children = props.children,
+      width = props.width,
+      height = props.height,
+      clipWidth = props.clipWidth,
+      padding = props.padding;
+  var clear = react__WEBPACK_IMPORTED_MODULE_0___default().useCallback(function (ctx) {
+    return ctx.clearRect(0, 0, width, height);
+  }, [width, height]); // This needs to be called in the child component to ensure it is called after the
+  // shape is drawn
+
+  var clip = react__WEBPACK_IMPORTED_MODULE_0___default().useCallback(function (ctx) {
+    var maxClipWidth = width - padding.right - padding.left;
+    ctx.clearRect(width - padding.right, 0, (maxClipWidth - clipWidth) * -1, height);
+  }, [width, height, padding, clipWidth]);
+  return react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_hooks_use_canvas_context__WEBPACK_IMPORTED_MODULE_2__.CanvasContext.Provider, {
+    value: {
+      canvasRef: canvasRef,
+      clear: clear,
+      clip: clip
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("foreignObject", {
+    width: width,
+    height: height,
+    x: 0,
+    y: 0
+  }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("canvas", {
+    width: width,
+    height: height,
+    ref: canvasRef
+  })), children);
+};
+
+CanvasGroup.propTypes = {
+  "aria-label": (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)]),
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  clipWidth: victory_core__WEBPACK_IMPORTED_MODULE_3__.nonNegative,
+  height: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  padding: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().number), prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
+    top: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+    bottom: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+    left: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+    right: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)
+  })]),
+  width: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)
+};
+CanvasGroup.role = "container";
+CanvasGroup.displayName = "CanvasGroup";
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CanvasGroup);
+
+/***/ }),
+
+/***/ "../../victory-canvas/es/canvas-point.js":
+/*!***********************************************!*\
+  !*** ../../victory-canvas/es/canvas-point.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/assign */ "../../../node_modules/lodash/assign.js");
+/* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_assign__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/point-path-helpers.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/common-props.js");
+/* harmony import */ var _hooks_use_canvas_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./hooks/use-canvas-context */ "../../victory-canvas/es/hooks/use-canvas-context.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; }
+
+
+
+
+
+
+var getPath = function (props) {
+  var x = props.x,
+      y = props.y,
+      size = props.size,
+      symbol = props.symbol;
+
+  if (props.getPath) {
+    return props.getPath(x, y, size);
+  }
+
+  var pathFunctions = {
+    circle: victory_core__WEBPACK_IMPORTED_MODULE_3__.default.circle,
+    square: victory_core__WEBPACK_IMPORTED_MODULE_3__.default.square,
+    diamond: victory_core__WEBPACK_IMPORTED_MODULE_3__.default.diamond,
+    triangleDown: victory_core__WEBPACK_IMPORTED_MODULE_3__.default.triangleDown,
+    triangleUp: victory_core__WEBPACK_IMPORTED_MODULE_3__.default.triangleUp,
+    plus: victory_core__WEBPACK_IMPORTED_MODULE_3__.default.plus,
+    minus: victory_core__WEBPACK_IMPORTED_MODULE_3__.default.minus,
+    star: victory_core__WEBPACK_IMPORTED_MODULE_3__.default.star,
+    cross: victory_core__WEBPACK_IMPORTED_MODULE_3__.default.cross
+  };
+  var symbolFunction = typeof pathFunctions[symbol] === "function" ? pathFunctions[symbol] : pathFunctions.circle;
+  return symbolFunction(x, y, size);
+};
+
+var evaluateProps = function (props) {
+  /**
+   * Potential evaluated props are:
+   * `size`
+   * `style`
+   * `symbol`
+   */
+  var size = victory_core__WEBPACK_IMPORTED_MODULE_4__.evaluateProp(props.size, props);
+  var style = victory_core__WEBPACK_IMPORTED_MODULE_4__.evaluateStyle(props.style, props);
+  var symbol = victory_core__WEBPACK_IMPORTED_MODULE_4__.evaluateProp(props.symbol, props);
+  return lodash_assign__WEBPACK_IMPORTED_MODULE_0___default()({}, props, {
+    size: size,
+    style: style,
+    symbol: symbol
+  });
+};
+
+var CanvasPoint = function (initialProps) {
+  var _useCanvasContext = (0,_hooks_use_canvas_context__WEBPACK_IMPORTED_MODULE_5__.useCanvasContext)(),
+      canvasRef = _useCanvasContext.canvasRef;
+
+  var props = evaluateProps(initialProps);
+  var draw = react__WEBPACK_IMPORTED_MODULE_1___default().useCallback(function (ctx) {
+    var style = props.style;
+    var path = getPath(props);
+    ctx.fillStyle = style.fill; // eslint-disable-next-line no-undef
+
+    var path2d = new Path2D(path);
+    ctx.fill(path2d);
+  }, [props]);
+  react__WEBPACK_IMPORTED_MODULE_1___default().useEffect(function () {
+    var ctx = canvasRef.current.getContext("2d");
+    draw(ctx); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return null;
+};
+
+CanvasPoint.propTypes = _objectSpread({}, victory_core__WEBPACK_IMPORTED_MODULE_6__.primitiveProps, {
+  datum: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)]),
+  x: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
+  y: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number)
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CanvasPoint);
+
+/***/ }),
+
+/***/ "../../victory-canvas/es/hooks/use-canvas-context.js":
+/*!***********************************************************!*\
+  !*** ../../victory-canvas/es/hooks/use-canvas-context.js ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "CanvasContext": () => (/* binding */ CanvasContext),
+/* harmony export */   "useCanvasContext": () => (/* binding */ useCanvasContext)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+var CanvasContext = react__WEBPACK_IMPORTED_MODULE_0___default().createContext();
+var useCanvasContext = function () {
+  var context = react__WEBPACK_IMPORTED_MODULE_0___default().useContext(CanvasContext);
+
+  if (!context) {
+    throw new Error("This component must be wrapped in a CanvasContext.Provider component.\n      Try setting groupComponent={<CanvasGroup />} in your chart component.");
+  }
+
+  return context;
+};
+
+/***/ }),
+
 /***/ "../../victory-chart/es/helper-methods.js":
 /*!************************************************!*\
   !*** ../../victory-chart/es/helper-methods.js ***!
@@ -26618,9 +27228,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 
 
 
-var VictoryAccessibleGroup =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryAccessibleGroup = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryAccessibleGroup, _React$Component);
 
   function VictoryAccessibleGroup() {
@@ -26971,9 +27579,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 
 
-var VictoryAnimation =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryAnimation = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryAnimation, _React$Component);
 
   function VictoryAnimation(props, context) {
@@ -27260,9 +27866,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 
 
 
-var VictoryClipContainer =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryClipContainer = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryClipContainer, _React$Component);
 
   function VictoryClipContainer(props) {
@@ -27573,9 +28177,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) {
@@ -28521,9 +29123,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) {
@@ -28642,9 +29242,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 
 
 
-var VictoryPortal =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryPortal = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryPortal, _React$Component);
 
   function VictoryPortal() {
@@ -29248,95 +29846,6 @@ var Line = function (props) {
 
 /***/ }),
 
-/***/ "../../victory-core/es/victory-primitives/path-helpers.js":
-/*!****************************************************************!*\
-  !*** ../../victory-core/es/victory-primitives/path-helpers.js ***!
-  \****************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var lodash_range__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/range */ "../../../node_modules/lodash/range.js");
-/* harmony import */ var lodash_range__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_range__WEBPACK_IMPORTED_MODULE_0__);
-
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
-  circle: function (x, y, size) {
-    return "M ".concat(x, ", ").concat(y, "\n      m ").concat(-size, ", 0\n      a ").concat(size, ", ").concat(size, " 0 1,0 ").concat(size * 2, ",0\n      a ").concat(size, ", ").concat(size, " 0 1,0 ").concat(-size * 2, ",0");
-  },
-  square: function (x, y, size) {
-    var baseSize = 0.87 * size; // eslint-disable-line no-magic-numbers
-
-    var x0 = x - baseSize;
-    var y1 = y + baseSize;
-    var distance = x + baseSize - x0;
-    return "M ".concat(x0, ", ").concat(y1, "\n      h").concat(distance, "\n      v-").concat(distance, "\n      h-").concat(distance, "\n      z");
-  },
-  diamond: function (x, y, size) {
-    var baseSize = 0.87 * size; // eslint-disable-line no-magic-numbers
-
-    var length = Math.sqrt(2 * (baseSize * baseSize));
-    return "M ".concat(x, ", ").concat(y + length, "\n      l ").concat(length, ", -").concat(length, "\n      l -").concat(length, ", -").concat(length, "\n      l -").concat(length, ", ").concat(length, "\n      l ").concat(length, ", ").concat(length, "\n      z");
-  },
-  triangleDown: function (x, y, size) {
-    var height = size / 2 * Math.sqrt(3);
-    var x0 = x - size;
-    var x1 = x + size;
-    var y0 = y - size;
-    var y1 = y + height;
-    return "M ".concat(x0, ", ").concat(y0, "\n      L ").concat(x1, ", ").concat(y0, "\n      L ").concat(x, ", ").concat(y1, "\n      z");
-  },
-  triangleUp: function (x, y, size) {
-    var height = size / 2 * Math.sqrt(3);
-    var x0 = x - size;
-    var x1 = x + size;
-    var y0 = y - height;
-    var y1 = y + size;
-    return "M ".concat(x0, ", ").concat(y1, "\n      L ").concat(x1, ", ").concat(y1, "\n      L ").concat(x, ", ").concat(y0, "\n      z");
-  },
-  plus: function (x, y, size) {
-    var baseSize = 1.1 * size; // eslint-disable-line no-magic-numbers
-
-    var distance = baseSize / 1.5; // eslint-disable-line no-magic-numbers
-
-    return "\n      M ".concat(x - distance / 2, ", ").concat(y + baseSize, "\n      v-").concat(distance, "\n      h-").concat(distance, "\n      v-").concat(distance, "\n      h").concat(distance, "\n      v-").concat(distance, "\n      h").concat(distance, "\n      v").concat(distance, "\n      h").concat(distance, "\n      v").concat(distance, "\n      h-").concat(distance, "\n      v").concat(distance, "\n      z");
-  },
-  cross: function (x, y, size) {
-    var baseSize = 0.8 * size; // eslint-disable-line no-magic-numbers
-
-    var distance = baseSize / 1.5; // eslint-disable-line no-magic-numbers
-
-    return "\n      M ".concat(x - distance / 2, ", ").concat(y + baseSize + distance, "\n      v-").concat(distance * 2, "\n      h-").concat(distance, "\n      v-").concat(distance, "\n      h").concat(distance, "\n      v-").concat(distance, "\n      h").concat(distance, "\n      v").concat(distance, "\n      h").concat(distance, "\n      v").concat(distance, "\n      h-").concat(distance, "\n      v").concat(distance * 2, "\n      z");
-  },
-  minus: function (x, y, size) {
-    var baseSize = 1.1 * size; // eslint-disable-line no-magic-numbers
-
-    var lineHeight = baseSize - baseSize * 0.3; // eslint-disable-line no-magic-numbers
-
-    var x0 = x - baseSize;
-    var y1 = y + lineHeight / 2;
-    var distance = x + baseSize - x0;
-    return "M ".concat(x0, ", ").concat(y1, "\n      h").concat(distance, "\n      v-").concat(lineHeight, "\n      h-").concat(distance, "\n      z");
-  },
-  star: function (x, y, size) {
-    var baseSize = 1.35 * size; // eslint-disable-line no-magic-numbers
-
-    var angle = Math.PI / 5; // eslint-disable-line no-magic-numbers
-    // eslint-disable-next-line no-magic-numbers
-
-    var starCoords = lodash_range__WEBPACK_IMPORTED_MODULE_0___default()(10).map(function (index) {
-      var length = index % 2 === 0 ? baseSize : baseSize / 2;
-      return "".concat(length * Math.sin(angle * (index + 1)) + x, ",\n        ").concat(length * Math.cos(angle * (index + 1)) + y);
-    });
-
-    return "M ".concat(starCoords.join("L"), " z");
-  }
-});
-
-/***/ }),
-
 /***/ "../../victory-core/es/victory-primitives/path.js":
 /*!********************************************************!*\
   !*** ../../victory-core/es/victory-primitives/path.js ***!
@@ -29384,7 +29893,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _victory_util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../victory-util/helpers */ "../../victory-core/es/victory-util/helpers.js");
-/* harmony import */ var _path_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./path-helpers */ "../../victory-core/es/victory-primitives/path-helpers.js");
+/* harmony import */ var _victory_util_point_path_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../victory-util/point-path-helpers */ "../../victory-core/es/victory-util/point-path-helpers.js");
 /* harmony import */ var _victory_util_common_props__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../victory-util/common-props */ "../../victory-core/es/victory-util/common-props.js");
 /* harmony import */ var _path__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./path */ "../../victory-core/es/victory-primitives/path.js");
 
@@ -29411,15 +29920,15 @@ var getPath = function (props) {
   }
 
   var pathFunctions = {
-    circle: _path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.circle,
-    square: _path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.square,
-    diamond: _path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.diamond,
-    triangleDown: _path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.triangleDown,
-    triangleUp: _path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.triangleUp,
-    plus: _path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.plus,
-    minus: _path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.minus,
-    star: _path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.star,
-    cross: _path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.cross
+    circle: _victory_util_point_path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.circle,
+    square: _victory_util_point_path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.square,
+    diamond: _victory_util_point_path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.diamond,
+    triangleDown: _victory_util_point_path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.triangleDown,
+    triangleUp: _victory_util_point_path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.triangleUp,
+    plus: _victory_util_point_path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.plus,
+    minus: _victory_util_point_path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.minus,
+    star: _victory_util_point_path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.star,
+    cross: _victory_util_point_path_helpers__WEBPACK_IMPORTED_MODULE_3__.default.cross
   };
   var symbolFunction = typeof pathFunctions[symbol] === "function" ? pathFunctions[symbol] : pathFunctions.circle;
   return symbolFunction(x, y, size);
@@ -30360,9 +30869,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 
 
-var VictoryTransition =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryTransition = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryTransition, _React$Component);
 
   function VictoryTransition(props, context) {
@@ -30663,365 +31170,362 @@ var defaultComponents = [{
   name: "labels"
 }];
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (function (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__WEBPACK_IMPORTED_MODULE_11__.getScopedEvents.bind(_assertThisInitialized(_this));
-        var boundGetEvents = _events__WEBPACK_IMPORTED_MODULE_11__.getEvents.bind(_assertThisInitialized(_this));
-        _this.state = {};
+      _this = _possibleConstructorReturn(this, (addEvents.__proto__ || Object.getPrototypeOf(addEvents)).call(this, props));
+      var getScopedEvents = _events__WEBPACK_IMPORTED_MODULE_11__.getScopedEvents.bind(_assertThisInitialized(_this));
+      var boundGetEvents = _events__WEBPACK_IMPORTED_MODULE_11__.getEvents.bind(_assertThisInitialized(_this));
+      _this.state = {};
 
-        _this.getEvents = function (p, target, eventKey) {
-          return boundGetEvents(p, target, eventKey, getScopedEvents);
-        };
-
-        _this.getEventState = _events__WEBPACK_IMPORTED_MODULE_11__.getEventState.bind(_assertThisInitialized(_this));
-
-        var calculatedValues = _this.getCalculatedValues(props);
+      _this.getEvents = function (p, target, eventKey) {
+        return boundGetEvents(p, target, eventKey, getScopedEvents);
+      };
 
-        _this.cacheValues(calculatedValues);
+      _this.getEventState = _events__WEBPACK_IMPORTED_MODULE_11__.getEventState.bind(_assertThisInitialized(_this));
 
-        _this.externalMutations = _this.getExternalMutations(props);
-        _this.calculatedState = _this.getStateChanges(props);
-        _this.globalEvents = {};
-        _this.prevGlobalEventKeys = [];
-        _this.boundGlobalEvents = {};
-        return _this;
-      }
+      var calculatedValues = _this.getCalculatedValues(props);
 
-      _createClass(addEvents, [{
-        key: "shouldComponentUpdate",
-        value: function shouldComponentUpdate(nextProps) {
-          var externalMutations = this.getExternalMutations(nextProps);
-          var animating = this.props.animating || this.props.animate;
-          var newMutation = !react_fast_compare__WEBPACK_IMPORTED_MODULE_10___default()(externalMutations, this.externalMutations);
+      _this.cacheValues(calculatedValues);
 
-          if (animating || newMutation) {
-            this.cacheValues(this.getCalculatedValues(nextProps));
-            this.externalMutations = externalMutations;
-            this.applyExternalMutations(nextProps, externalMutations);
-            return true;
-          }
+      _this.externalMutations = _this.getExternalMutations(props);
+      _this.calculatedState = _this.getStateChanges(props);
+      _this.globalEvents = {};
+      _this.prevGlobalEventKeys = [];
+      _this.boundGlobalEvents = {};
+      return _this;
+    }
 
-          var calculatedState = this.getStateChanges(nextProps);
+    _createClass(addEvents, [{
+      key: "shouldComponentUpdate",
+      value: function shouldComponentUpdate(nextProps) {
+        var externalMutations = this.getExternalMutations(nextProps);
+        var animating = this.props.animating || this.props.animate;
+        var newMutation = !react_fast_compare__WEBPACK_IMPORTED_MODULE_10___default()(externalMutations, this.externalMutations);
 
-          if (!react_fast_compare__WEBPACK_IMPORTED_MODULE_10___default()(this.calculatedState, calculatedState)) {
-            this.cacheValues(this.getCalculatedValues(nextProps));
-            return true;
-          }
+        if (animating || newMutation) {
+          this.cacheValues(this.getCalculatedValues(nextProps));
+          this.externalMutations = externalMutations;
+          this.applyExternalMutations(nextProps, externalMutations);
+          return true;
+        }
 
-          if (!react_fast_compare__WEBPACK_IMPORTED_MODULE_10___default()(this.props, nextProps)) {
-            this.cacheValues(this.getCalculatedValues(nextProps));
-            return true;
-          }
+        var calculatedState = this.getStateChanges(nextProps);
 
-          return false;
+        if (!react_fast_compare__WEBPACK_IMPORTED_MODULE_10___default()(this.calculatedState, calculatedState)) {
+          this.cacheValues(this.getCalculatedValues(nextProps));
+          return true;
         }
-      }, {
-        key: "componentDidMount",
-        value: function componentDidMount() {
-          var _this2 = this;
-
-          var globalEventKeys = lodash_keys__WEBPACK_IMPORTED_MODULE_6___default()(this.globalEvents);
 
-          globalEventKeys.forEach(function (key) {
-            return _this2.addGlobalListener(key);
-          });
-          this.prevGlobalEventKeys = globalEventKeys;
+        if (!react_fast_compare__WEBPACK_IMPORTED_MODULE_10___default()(this.props, nextProps)) {
+          this.cacheValues(this.getCalculatedValues(nextProps));
+          return true;
         }
-      }, {
-        key: "componentDidUpdate",
-        value: function componentDidUpdate(prevProps) {
-          var _this3 = this;
 
-          var calculatedState = this.getStateChanges(prevProps);
-          this.calculatedState = calculatedState;
+        return false;
+      }
+    }, {
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        var _this2 = this;
 
-          var globalEventKeys = lodash_keys__WEBPACK_IMPORTED_MODULE_6___default()(this.globalEvents);
+        var globalEventKeys = lodash_keys__WEBPACK_IMPORTED_MODULE_6___default()(this.globalEvents);
 
-          var removedGlobalEventKeys = lodash_difference__WEBPACK_IMPORTED_MODULE_0___default()(this.prevGlobalEventKeys, globalEventKeys);
+        globalEventKeys.forEach(function (key) {
+          return _this2.addGlobalListener(key);
+        });
+        this.prevGlobalEventKeys = globalEventKeys;
+      }
+    }, {
+      key: "componentDidUpdate",
+      value: function componentDidUpdate(prevProps) {
+        var _this3 = this;
 
-          removedGlobalEventKeys.forEach(function (key) {
-            return _this3.removeGlobalListener(key);
-          });
+        var calculatedState = this.getStateChanges(prevProps);
+        this.calculatedState = calculatedState;
 
-          var addedGlobalEventKeys = lodash_difference__WEBPACK_IMPORTED_MODULE_0___default()(globalEventKeys, this.prevGlobalEventKeys);
+        var globalEventKeys = lodash_keys__WEBPACK_IMPORTED_MODULE_6___default()(this.globalEvents);
 
-          addedGlobalEventKeys.forEach(function (key) {
-            return _this3.addGlobalListener(key);
-          });
-          this.prevGlobalEventKeys = globalEventKeys;
-        }
-      }, {
-        key: "componentWillUnmount",
-        value: function componentWillUnmount() {
-          var _this4 = this;
+        var removedGlobalEventKeys = lodash_difference__WEBPACK_IMPORTED_MODULE_0___default()(this.prevGlobalEventKeys, globalEventKeys);
 
-          this.prevGlobalEventKeys.forEach(function (key) {
-            return _this4.removeGlobalListener(key);
-          });
-        }
-      }, {
-        key: "addGlobalListener",
-        value: function addGlobalListener(key) {
-          var _this5 = this;
+        removedGlobalEventKeys.forEach(function (key) {
+          return _this3.removeGlobalListener(key);
+        });
 
-          var boundListener = function (event) {
-            var listener = _this5.globalEvents[key];
-            return listener && listener(_events__WEBPACK_IMPORTED_MODULE_11__.emulateReactEvent(event));
-          };
+        var addedGlobalEventKeys = lodash_difference__WEBPACK_IMPORTED_MODULE_0___default()(globalEventKeys, this.prevGlobalEventKeys);
 
-          this.boundGlobalEvents[key] = boundListener;
-          window.addEventListener(_events__WEBPACK_IMPORTED_MODULE_11__.getGlobalEventNameFromKey(key), boundListener);
-        }
-      }, {
-        key: "removeGlobalListener",
-        value: function removeGlobalListener(key) {
-          window.removeEventListener(_events__WEBPACK_IMPORTED_MODULE_11__.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
+        addedGlobalEventKeys.forEach(function (key) {
+          return _this3.addGlobalListener(key);
+        });
+        this.prevGlobalEventKeys = globalEventKeys;
+      }
+    }, {
+      key: "componentWillUnmount",
+      value: function componentWillUnmount() {
+        var _this4 = this;
 
-      }, {
-        key: "getStateChanges",
-        value: function getStateChanges(props) {
-          var _this6 = this;
+        this.prevGlobalEventKeys.forEach(function (key) {
+          return _this4.removeGlobalListener(key);
+        });
+      }
+    }, {
+      key: "addGlobalListener",
+      value: function addGlobalListener(key) {
+        var _this5 = this;
 
-          if (!this.hasEvents) {
-            return {};
-          }
+        var boundListener = function (event) {
+          var listener = _this5.globalEvents[key];
+          return listener && listener(_events__WEBPACK_IMPORTED_MODULE_11__.emulateReactEvent(event));
+        };
 
-          var getState = function (key, type) {
-            var result = lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({}, _this6.getEventState(key, type), _this6.getSharedEventState(key, type));
+        this.boundGlobalEvents[key] = boundListener;
+        window.addEventListener(_events__WEBPACK_IMPORTED_MODULE_11__.getGlobalEventNameFromKey(key), boundListener);
+      }
+    }, {
+      key: "removeGlobalListener",
+      value: function removeGlobalListener(key) {
+        window.removeEventListener(_events__WEBPACK_IMPORTED_MODULE_11__.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
 
-            return lodash_isEmpty__WEBPACK_IMPORTED_MODULE_2___default()(result) ? undefined : result;
-          };
+    }, {
+      key: "getStateChanges",
+      value: function getStateChanges(props) {
+        var _this6 = this;
 
-          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 (!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_2___default()(externalMutations)) {
-            var callbacks = props.externalEventMutations.reduce(function (memo, mutation) {
-              memo = lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___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);
-          }
+        if (!this.hasEvents) {
+          return {};
         }
-      }, {
-        key: "getCalculatedValues",
-        value: function getCalculatedValues(props) {
-          var sharedEvents = props.sharedEvents;
-          var components = WrappedComponent.expectedComponents;
-          var componentEvents = _events__WEBPACK_IMPORTED_MODULE_11__.getComponentEvents(props, components);
-          var getSharedEventState = sharedEvents && lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___default()(sharedEvents.getEventState) ? sharedEvents.getEventState : function () {
-            return undefined;
-          };
-          var baseProps = this.getBaseProps(props, getSharedEventState);
 
-          var dataKeys = lodash_keys__WEBPACK_IMPORTED_MODULE_6___default()(baseProps).filter(function (key) {
-            return key !== "parent";
-          });
+        var getState = function (key, type) {
+          var result = lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({}, _this6.getEventState(key, type), _this6.getSharedEventState(key, type));
 
-          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 lodash_isEmpty__WEBPACK_IMPORTED_MODULE_2___default()(externalEventMutations) || sharedEvents ? undefined : _events__WEBPACK_IMPORTED_MODULE_11__.getExternalMutations(externalEventMutations, this.baseProps, this.state);
-        }
-      }, {
-        key: "cacheValues",
-        value: function cacheValues(obj) {
-          var _this7 = this;
+          return lodash_isEmpty__WEBPACK_IMPORTED_MODULE_2___default()(result) ? undefined : result;
+        };
 
-          lodash_keys__WEBPACK_IMPORTED_MODULE_6___default()(obj).forEach(function (key) {
-            _this7[key] = obj[key];
-          });
+        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 (!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_2___default()(externalMutations)) {
+          var callbacks = props.externalEventMutations.reduce(function (memo, mutation) {
+            memo = lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___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: "getBaseProps",
-        value: function getBaseProps(props, getSharedEventState) {
-          getSharedEventState = getSharedEventState || this.getSharedEventState;
-          var sharedParentState = getSharedEventState("parent", "parent");
-          var parentState = this.getEventState("parent", "parent");
+      }
+    }, {
+      key: "getCalculatedValues",
+      value: function getCalculatedValues(props) {
+        var sharedEvents = props.sharedEvents;
+        var components = WrappedComponent.expectedComponents;
+        var componentEvents = _events__WEBPACK_IMPORTED_MODULE_11__.getComponentEvents(props, components);
+        var getSharedEventState = sharedEvents && lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___default()(sharedEvents.getEventState) ? sharedEvents.getEventState : function () {
+          return undefined;
+        };
+        var baseProps = this.getBaseProps(props, getSharedEventState);
 
-          var baseParentProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({}, parentState, sharedParentState);
+        var dataKeys = lodash_keys__WEBPACK_IMPORTED_MODULE_6___default()(baseProps).filter(function (key) {
+          return key !== "parent";
+        });
 
-          var parentPropsList = baseParentProps.parentControlledProps;
-          var parentProps = parentPropsList ? lodash_pick__WEBPACK_IMPORTED_MODULE_4___default()(baseParentProps, parentPropsList) : {};
+        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 lodash_isEmpty__WEBPACK_IMPORTED_MODULE_2___default()(externalEventMutations) || sharedEvents ? undefined : _events__WEBPACK_IMPORTED_MODULE_11__.getExternalMutations(externalEventMutations, this.baseProps, this.state);
+      }
+    }, {
+      key: "cacheValues",
+      value: function cacheValues(obj) {
+        var _this7 = this;
 
-          var modifiedProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({}, parentProps, props);
+        lodash_keys__WEBPACK_IMPORTED_MODULE_6___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");
 
-          return lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___default()(WrappedComponent.getBaseProps) ? WrappedComponent.getBaseProps(modifiedProps) : {};
-        }
-      }, {
-        key: "getAllEvents",
-        value: function getAllEvents(props) {
-          if (Array.isArray(this.componentEvents)) {
-            var _componentEvents;
+        var baseParentProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({}, parentState, sharedParentState);
 
-            return Array.isArray(props.events) ? (_componentEvents = this.componentEvents).concat.apply(_componentEvents, _toConsumableArray(props.events)) : this.componentEvents;
-          }
+        var parentPropsList = baseParentProps.parentControlledProps;
+        var parentProps = parentPropsList ? lodash_pick__WEBPACK_IMPORTED_MODULE_4___default()(baseParentProps, parentPropsList) : {};
 
-          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;
-          }
+        var modifiedProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({}, parentProps, props);
 
-          if (this.hasEvents) {
-            var baseEvents = this.getEvents(this.props, type, key);
+        return lodash_isFunction__WEBPACK_IMPORTED_MODULE_5___default()(WrappedComponent.getBaseProps) ? WrappedComponent.getBaseProps(modifiedProps) : {};
+      }
+    }, {
+      key: "getAllEvents",
+      value: function getAllEvents(props) {
+        if (Array.isArray(this.componentEvents)) {
+          var _componentEvents;
 
-            var componentProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({
-              index: index,
-              key: id
-            }, this.getEventState(key, type), this.getSharedEventState(key, type), component.props, baseProps, {
-              id: id
-            });
+          return Array.isArray(props.events) ? (_componentEvents = this.componentEvents).concat.apply(_componentEvents, _toConsumableArray(props.events)) : this.componentEvents;
+        }
 
-            var events = lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({}, _events__WEBPACK_IMPORTED_MODULE_11__.getPartialEvents(baseEvents, key, componentProps), componentProps.events);
+        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 lodash_assign__WEBPACK_IMPORTED_MODULE_7___default()({}, componentProps, {
-              events: events
-            });
-          }
+        if (this.hasEvents) {
+          var baseEvents = this.getEvents(this.props, type, key);
 
-          return lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({
+          var componentProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({
             index: index,
             key: id
-          }, component.props, baseProps, {
+          }, this.getEventState(key, type), this.getSharedEventState(key, type), component.props, baseProps, {
             id: id
           });
+
+          var events = lodash_defaults__WEBPACK_IMPORTED_MODULE_8___default()({}, _events__WEBPACK_IMPORTED_MODULE_11__.getPartialEvents(baseEvents, key, componentProps), componentProps.events);
+
+          return lodash_assign__WEBPACK_IMPORTED_MODULE_7___default()({}, componentProps, {
+            events: events
+          });
         }
-      }, {
-        key: "renderContainer",
-        value: function renderContainer(component, children) {
-          var isContainer = component.type && component.type.role === "container";
-          var parentProps = isContainer ? this.getComponentProps(component, "parent", "parent") : {};
-
-          if (parentProps.events) {
-            this.globalEvents = _events__WEBPACK_IMPORTED_MODULE_11__.getGlobalEvents(parentProps.events);
-            parentProps.events = _events__WEBPACK_IMPORTED_MODULE_11__.omitGlobalEvents(parentProps.events);
-          }
 
-          return react__WEBPACK_IMPORTED_MODULE_9___default().cloneElement(component, parentProps, children);
+        return lodash_defaults__WEBPACK_IMPORTED_MODULE_8___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__WEBPACK_IMPORTED_MODULE_11__.getGlobalEvents(parentProps.events);
+          parentProps.events = _events__WEBPACK_IMPORTED_MODULE_11__.omitGlobalEvents(parentProps.events);
         }
-      }, {
-        key: "animateComponent",
-        value: function animateComponent(props, defaultAnimationWhitelist) {
-          var animationWhitelist = props.animate && props.animate.animationWhitelist ? props.animate.animationWhitelist : defaultAnimationWhitelist;
-          return react__WEBPACK_IMPORTED_MODULE_9___default().createElement(_victory_transition_victory_transition__WEBPACK_IMPORTED_MODULE_12__.default, {
-            animate: props.animate,
-            animationWhitelist: animationWhitelist
-          }, react__WEBPACK_IMPORTED_MODULE_9___default().createElement(this.constructor, props));
-        } // Used by `VictoryLine` and `VictoryArea`
 
-      }, {
-        key: "renderContinuousData",
-        value: function renderContinuousData(props) {
-          var _this8 = this;
+        return react__WEBPACK_IMPORTED_MODULE_9___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__WEBPACK_IMPORTED_MODULE_9___default().createElement(_victory_transition_victory_transition__WEBPACK_IMPORTED_MODULE_12__.default, {
+          animate: props.animate,
+          animationWhitelist: animationWhitelist
+        }, react__WEBPACK_IMPORTED_MODULE_9___default().createElement(this.constructor, props));
+      } // Used by `VictoryLine` and `VictoryArea`
 
-          var dataComponent = props.dataComponent,
-              labelComponent = props.labelComponent,
-              groupComponent = props.groupComponent;
+    }, {
+      key: "renderContinuousData",
+      value: function renderContinuousData(props) {
+        var _this8 = this;
 
-          var dataKeys = lodash_without__WEBPACK_IMPORTED_MODULE_3___default()(this.dataKeys, "all");
+        var dataComponent = props.dataComponent,
+            labelComponent = props.labelComponent,
+            groupComponent = props.groupComponent;
 
-          var labelComponents = dataKeys.reduce(function (memo, key) {
-            var labelProps = _this8.getComponentProps(labelComponent, "labels", key);
+        var dataKeys = lodash_without__WEBPACK_IMPORTED_MODULE_3___default()(this.dataKeys, "all");
 
-            if (labelProps && labelProps.text !== undefined && labelProps.text !== null) {
-              memo = memo.concat(react__WEBPACK_IMPORTED_MODULE_9___default().cloneElement(labelComponent, labelProps));
-            }
+        var labelComponents = dataKeys.reduce(function (memo, key) {
+          var labelProps = _this8.getComponentProps(labelComponent, "labels", key);
 
-            return memo;
-          }, []);
-          var dataProps = this.getComponentProps(dataComponent, "data", "all");
-          var children = [react__WEBPACK_IMPORTED_MODULE_9___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__WEBPACK_IMPORTED_MODULE_9___default().cloneElement(dataComponent, dataProps));
-            }
+          if (labelProps && labelProps.text !== undefined && labelProps.text !== null) {
+            memo = memo.concat(react__WEBPACK_IMPORTED_MODULE_9___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__WEBPACK_IMPORTED_MODULE_9___default().cloneElement(dataComponent, dataProps)].concat(_toConsumableArray(labelComponents));
+        return this.renderContainer(groupComponent, children);
+      }
+    }, {
+      key: "renderData",
+      value: function renderData(props) {
+        var _this9 = this;
 
-            if (labelProps.text !== undefined && labelProps.text !== null) {
-              return react__WEBPACK_IMPORTED_MODULE_9___default().cloneElement(labelComponent, labelProps);
-            }
+        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);
 
-            return undefined;
-          }).filter(Boolean);
+          if (shouldRenderDatum(dataProps.datum)) {
+            validDataComponents.push(react__WEBPACK_IMPORTED_MODULE_9___default().cloneElement(dataComponent, dataProps));
+          }
 
-          var children = _toConsumableArray(dataComponents).concat(_toConsumableArray(labelComponents));
+          return validDataComponents;
+        }, []);
+        var labelComponents = this.dataKeys.map(function (_dataKey, index) {
+          var labelProps = _this9.getComponentProps(labelComponent, "labels", index);
 
-          return this.renderContainer(groupComponent, children);
-        }
-      }]);
+          if (labelProps.text !== undefined && labelProps.text !== null) {
+            return react__WEBPACK_IMPORTED_MODULE_9___default().cloneElement(labelComponent, labelProps);
+          }
 
-      return addEvents;
-    }(WrappedComponent)
-  );
+          return undefined;
+        }).filter(Boolean);
+
+        var children = _toConsumableArray(dataComponents).concat(_toConsumableArray(labelComponents));
+
+        return this.renderContainer(groupComponent, children);
+      }
+    }]);
+
+    return addEvents;
+  }(WrappedComponent);
 });
 
 /***/ }),
@@ -34165,6 +34669,68 @@ function getProps(props, index) {
 
 /***/ }),
 
+/***/ "../../victory-core/es/victory-util/line-helpers.js":
+/*!**********************************************************!*\
+  !*** ../../victory-core/es/victory-util/line-helpers.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "getLineFunction": () => (/* binding */ getLineFunction)
+/* harmony export */ });
+/* harmony import */ var d3_shape__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! d3-shape */ "../../../node_modules/d3-shape/src/lineRadial.js");
+/* harmony import */ var d3_shape__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! d3-shape */ "../../../node_modules/d3-shape/src/index.js");
+/* harmony import */ var d3_shape__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! d3-shape */ "../../../node_modules/d3-shape/src/line.js");
+
+
+var defined = function (d) {
+  var y = d._y1 !== undefined ? d._y1 : d._y;
+  return y !== null && y !== undefined && d._y0 !== null;
+};
+
+var getXAccessor = function (scale) {
+  return function (d) {
+    return scale.x(d._x1 !== undefined ? d._x1 : d._x);
+  };
+};
+
+var getYAccessor = function (scale) {
+  return function (d) {
+    return scale.y(d._y1 !== undefined ? d._y1 : d._y);
+  };
+};
+
+var getAngleAccessor = function (scale) {
+  return function (d) {
+    var x = scale.x(d._x1 !== undefined ? d._x1 : d._x);
+    return -1 * x + Math.PI / 2;
+  };
+};
+
+var toNewName = function (interpolation) {
+  // d3 shape changed the naming scheme for interpolators from "basis" -> "curveBasis" etc.
+  var capitalize = function (s) {
+    return s && s[0].toUpperCase() + s.slice(1);
+  };
+
+  return "curve".concat(capitalize(interpolation));
+};
+
+var getLineFunction = function (props) {
+  var polar = props.polar,
+      scale = props.scale,
+      horizontal = props.horizontal;
+  var defaultOpenCurve = polar ? false : true;
+  var openCurve = props.openCurve === undefined ? defaultOpenCurve : props.openCurve;
+  var interpolationFunction = typeof props.interpolation === "function" && props.interpolation;
+  var interpolationName = typeof props.interpolation === "string" && (!openCurve ? "".concat(toNewName(props.interpolation), "Closed") : toNewName(props.interpolation));
+  return polar ? d3_shape__WEBPACK_IMPORTED_MODULE_0__.default().defined(defined).curve(interpolationFunction || d3_shape__WEBPACK_IMPORTED_MODULE_1__[interpolationName]).angle(getAngleAccessor(scale)).radius(getYAccessor(scale)) : d3_shape__WEBPACK_IMPORTED_MODULE_2__.default().defined(defined).curve(interpolationFunction || d3_shape__WEBPACK_IMPORTED_MODULE_1__[interpolationName]).x(horizontal ? getYAccessor(scale) : getXAccessor(scale)).y(horizontal ? getXAccessor(scale) : getYAccessor(scale));
+};
+
+/***/ }),
+
 /***/ "../../victory-core/es/victory-util/log.js":
 /*!*************************************************!*\
   !*** ../../victory-core/es/victory-util/log.js ***!
@@ -34191,6 +34757,95 @@ function warn(message) {
 
 /***/ }),
 
+/***/ "../../victory-core/es/victory-util/point-path-helpers.js":
+/*!****************************************************************!*\
+  !*** ../../victory-core/es/victory-util/point-path-helpers.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var lodash_range__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/range */ "../../../node_modules/lodash/range.js");
+/* harmony import */ var lodash_range__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_range__WEBPACK_IMPORTED_MODULE_0__);
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  circle: function (x, y, size) {
+    return "M ".concat(x, ", ").concat(y, "\n      m ").concat(-size, ", 0\n      a ").concat(size, ", ").concat(size, " 0 1,0 ").concat(size * 2, ",0\n      a ").concat(size, ", ").concat(size, " 0 1,0 ").concat(-size * 2, ",0");
+  },
+  square: function (x, y, size) {
+    var baseSize = 0.87 * size; // eslint-disable-line no-magic-numbers
+
+    var x0 = x - baseSize;
+    var y1 = y + baseSize;
+    var distance = x + baseSize - x0;
+    return "M ".concat(x0, ", ").concat(y1, "\n      h").concat(distance, "\n      v-").concat(distance, "\n      h-").concat(distance, "\n      z");
+  },
+  diamond: function (x, y, size) {
+    var baseSize = 0.87 * size; // eslint-disable-line no-magic-numbers
+
+    var length = Math.sqrt(2 * (baseSize * baseSize));
+    return "M ".concat(x, ", ").concat(y + length, "\n      l ").concat(length, ", -").concat(length, "\n      l -").concat(length, ", -").concat(length, "\n      l -").concat(length, ", ").concat(length, "\n      l ").concat(length, ", ").concat(length, "\n      z");
+  },
+  triangleDown: function (x, y, size) {
+    var height = size / 2 * Math.sqrt(3);
+    var x0 = x - size;
+    var x1 = x + size;
+    var y0 = y - size;
+    var y1 = y + height;
+    return "M ".concat(x0, ", ").concat(y0, "\n      L ").concat(x1, ", ").concat(y0, "\n      L ").concat(x, ", ").concat(y1, "\n      z");
+  },
+  triangleUp: function (x, y, size) {
+    var height = size / 2 * Math.sqrt(3);
+    var x0 = x - size;
+    var x1 = x + size;
+    var y0 = y - height;
+    var y1 = y + size;
+    return "M ".concat(x0, ", ").concat(y1, "\n      L ").concat(x1, ", ").concat(y1, "\n      L ").concat(x, ", ").concat(y0, "\n      z");
+  },
+  plus: function (x, y, size) {
+    var baseSize = 1.1 * size; // eslint-disable-line no-magic-numbers
+
+    var distance = baseSize / 1.5; // eslint-disable-line no-magic-numbers
+
+    return "\n      M ".concat(x - distance / 2, ", ").concat(y + baseSize, "\n      v-").concat(distance, "\n      h-").concat(distance, "\n      v-").concat(distance, "\n      h").concat(distance, "\n      v-").concat(distance, "\n      h").concat(distance, "\n      v").concat(distance, "\n      h").concat(distance, "\n      v").concat(distance, "\n      h-").concat(distance, "\n      v").concat(distance, "\n      z");
+  },
+  cross: function (x, y, size) {
+    var baseSize = 0.8 * size; // eslint-disable-line no-magic-numbers
+
+    var distance = baseSize / 1.5; // eslint-disable-line no-magic-numbers
+
+    return "\n      M ".concat(x - distance / 2, ", ").concat(y + baseSize + distance, "\n      v-").concat(distance * 2, "\n      h-").concat(distance, "\n      v-").concat(distance, "\n      h").concat(distance, "\n      v-").concat(distance, "\n      h").concat(distance, "\n      v").concat(distance, "\n      h").concat(distance, "\n      v").concat(distance, "\n      h-").concat(distance, "\n      v").concat(distance * 2, "\n      z");
+  },
+  minus: function (x, y, size) {
+    var baseSize = 1.1 * size; // eslint-disable-line no-magic-numbers
+
+    var lineHeight = baseSize - baseSize * 0.3; // eslint-disable-line no-magic-numbers
+
+    var x0 = x - baseSize;
+    var y1 = y + lineHeight / 2;
+    var distance = x + baseSize - x0;
+    return "M ".concat(x0, ", ").concat(y1, "\n      h").concat(distance, "\n      v-").concat(lineHeight, "\n      h-").concat(distance, "\n      z");
+  },
+  star: function (x, y, size) {
+    var baseSize = 1.35 * size; // eslint-disable-line no-magic-numbers
+
+    var angle = Math.PI / 5; // eslint-disable-line no-magic-numbers
+    // eslint-disable-next-line no-magic-numbers
+
+    var starCoords = lodash_range__WEBPACK_IMPORTED_MODULE_0___default()(10).map(function (index) {
+      var length = index % 2 === 0 ? baseSize : baseSize / 2;
+      return "".concat(length * Math.sin(angle * (index + 1)) + x, ",\n        ").concat(length * Math.cos(angle * (index + 1)) + y);
+    });
+
+    return "M ".concat(starCoords.join("L"), " z");
+  }
+});
+
+/***/ }),
+
 /***/ "../../victory-core/es/victory-util/prop-types.js":
 /*!********************************************************!*\
   !*** ../../victory-core/es/victory-util/prop-types.js ***!
@@ -35186,9 +35841,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 
 
-var Timer =
-/*#__PURE__*/
-function () {
+var Timer = /*#__PURE__*/function () {
   function Timer() {
     _classCallCheck(this, Timer);
 
@@ -36363,9 +37016,7 @@ var combineContainerMixins = function (mixins, Container) {
     var match = Class.displayName.match(/Victory(.*)Container/);
     return match[1] || "";
   }).join("");
-  return _temp = _class =
-  /*#__PURE__*/
-  function (_NaiveCombinedContain) {
+  return _temp = _class = /*#__PURE__*/function (_NaiveCombinedContain) {
     _inherits(VictoryCombinedContainer, _NaiveCombinedContain);
 
     function VictoryCombinedContainer() {
@@ -36639,9 +37290,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 var cursorContainerMixin = function (base) {
   var _class, _temp;
 
-  return _temp = _class =
-  /*#__PURE__*/
-  function (_base) {
+  return _temp = _class = /*#__PURE__*/function (_base) {
     _inherits(VictoryCursorContainer, _base);
 
     function VictoryCursorContainer() {
@@ -37340,9 +37989,7 @@ var defaultData = [{
   errorY: 0.4
 }];
 
-var VictoryErrorBar =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryErrorBar = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryErrorBar, _React$Component);
 
   function VictoryErrorBar() {
@@ -38223,9 +38870,7 @@ var fallbackProps = {
   padding: 50
 };
 var defaultData = [];
-var VictoryHistogram =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryHistogram = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryHistogram, _React$Component);
 
   function VictoryHistogram() {
@@ -39306,9 +39951,7 @@ var defaultLegendData = [{
   name: "Series 2"
 }];
 
-var VictoryLegend =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryLegend = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryLegend, _React$Component);
 
   function VictoryLegend() {
@@ -39518,12 +40161,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "../../../node_modules/prop-types/index.js");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var d3_shape__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! d3-shape */ "../../../node_modules/d3-shape/src/lineRadial.js");
-/* harmony import */ var d3_shape__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! d3-shape */ "../../../node_modules/d3-shape/src/index.js");
-/* harmony import */ var d3_shape__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! d3-shape */ "../../../node_modules/d3-shape/src/line.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/common-props.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/path.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/line-helpers.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/common-props.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/path.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; }
@@ -39535,51 +40176,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
-
-var defined = function (d) {
-  var y = d._y1 !== undefined ? d._y1 : d._y;
-  return y !== null && y !== undefined && d._y0 !== null;
-};
-
-var getXAccessor = function (scale) {
-  return function (d) {
-    return scale.x(d._x1 !== undefined ? d._x1 : d._x);
-  };
-};
-
-var getYAccessor = function (scale) {
-  return function (d) {
-    return scale.y(d._y1 !== undefined ? d._y1 : d._y);
-  };
-};
-
-var getAngleAccessor = function (scale) {
-  return function (d) {
-    var x = scale.x(d._x1 !== undefined ? d._x1 : d._x);
-    return -1 * x + Math.PI / 2;
-  };
-};
-
-var toNewName = function (interpolation) {
-  // d3 shape changed the naming scheme for interpolators from "basis" -> "curveBasis" etc.
-  var capitalize = function (s) {
-    return s && s[0].toUpperCase() + s.slice(1);
-  };
-
-  return "curve".concat(capitalize(interpolation));
-};
-
-var getLineFunction = function (props) {
-  var polar = props.polar,
-      scale = props.scale,
-      horizontal = props.horizontal;
-  var defaultOpenCurve = polar ? false : true;
-  var openCurve = props.openCurve === undefined ? defaultOpenCurve : props.openCurve;
-  var interpolationFunction = typeof props.interpolation === "function" && props.interpolation;
-  var interpolationName = typeof props.interpolation === "string" && (!openCurve ? "".concat(toNewName(props.interpolation), "Closed") : toNewName(props.interpolation));
-  return polar ? d3_shape__WEBPACK_IMPORTED_MODULE_3__.default().defined(defined).curve(interpolationFunction || d3_shape__WEBPACK_IMPORTED_MODULE_4__[interpolationName]).angle(getAngleAccessor(scale)).radius(getYAccessor(scale)) : d3_shape__WEBPACK_IMPORTED_MODULE_5__.default().defined(defined).curve(interpolationFunction || d3_shape__WEBPACK_IMPORTED_MODULE_4__[interpolationName]).x(horizontal ? getYAccessor(scale) : getXAccessor(scale)).y(horizontal ? getXAccessor(scale) : getYAccessor(scale));
-};
-
 var evaluateProps = function (props) {
   /**
    * Potential evaluated props are:
@@ -39588,13 +40184,13 @@ var evaluateProps = function (props) {
    * `style`
    * `tabIndex`
    */
-  var ariaLabel = victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateProp(props.ariaLabel, props);
-  var id = victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateProp(props.id, props);
-  var style = victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateStyle(lodash_assign__WEBPACK_IMPORTED_MODULE_0___default()({
+  var ariaLabel = victory_core__WEBPACK_IMPORTED_MODULE_3__.evaluateProp(props.ariaLabel, props);
+  var id = victory_core__WEBPACK_IMPORTED_MODULE_3__.evaluateProp(props.id, props);
+  var style = victory_core__WEBPACK_IMPORTED_MODULE_3__.evaluateStyle(lodash_assign__WEBPACK_IMPORTED_MODULE_0___default()({
     fill: "none",
     stroke: "black"
   }, props.style), props);
-  var tabIndex = victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateProp(props.tabIndex, props);
+  var tabIndex = victory_core__WEBPACK_IMPORTED_MODULE_3__.evaluateProp(props.tabIndex, props);
   return lodash_assign__WEBPACK_IMPORTED_MODULE_0___default()({}, props, {
     ariaLabel: ariaLabel,
     id: id,
@@ -39608,7 +40204,7 @@ var Curve = function (props) {
   var _props = props,
       polar = _props.polar,
       origin = _props.origin;
-  var lineFunction = getLineFunction(props);
+  var lineFunction = victory_core__WEBPACK_IMPORTED_MODULE_4__.getLineFunction(props);
   var defaultTransform = polar && origin ? "translate(".concat(origin.x, ", ").concat(origin.y, ")") : undefined;
   return react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(props.pathComponent, _objectSpread({}, props.events, {
     "aria-label": props.ariaLabel,
@@ -39623,7 +40219,7 @@ var Curve = function (props) {
   }));
 };
 
-Curve.propTypes = _objectSpread({}, victory_core__WEBPACK_IMPORTED_MODULE_7__.primitiveProps, {
+Curve.propTypes = _objectSpread({}, victory_core__WEBPACK_IMPORTED_MODULE_5__.primitiveProps, {
   interpolation: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)]),
   openCurve: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   origin: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object),
@@ -39631,7 +40227,7 @@ Curve.propTypes = _objectSpread({}, victory_core__WEBPACK_IMPORTED_MODULE_7__.pr
   polar: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool)
 });
 Curve.defaultProps = {
-  pathComponent: react__WEBPACK_IMPORTED_MODULE_1___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_8__.default, null),
+  pathComponent: react__WEBPACK_IMPORTED_MODULE_1___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_6__.default, null),
   role: "presentation",
   shapeRendering: "auto"
 };
@@ -39830,9 +40426,7 @@ var options = {
   }]
 };
 
-var VictoryLine =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryLine = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryLine, _React$Component);
 
   function VictoryLine() {
@@ -40482,9 +41076,7 @@ var fallbackProps = {
   labelPosition: "centroid"
 };
 
-var VictoryPie =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryPie = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryPie, _React$Component);
 
   function VictoryPie() {
@@ -41214,9 +41806,7 @@ var options = {
   }]
 };
 
-var VictoryPolarAxis =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryPolarAxis = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryPolarAxis, _React$Component);
 
   function VictoryPolarAxis() {
@@ -41716,9 +42306,7 @@ var fallbackProps = {
   symbol: "circle"
 };
 
-var VictoryScatter =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryScatter = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryScatter, _React$Component);
 
   function VictoryScatter() {
@@ -42175,9 +42763,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 var selectionContainerMixin = function (base) {
   var _class, _temp;
 
-  return _temp = _class =
-  /*#__PURE__*/
-  function (_base) {
+  return _temp = _class = /*#__PURE__*/function (_base) {
     _inherits(VictorySelectionContainer, _base);
 
     function VictorySelectionContainer() {
@@ -42366,9 +42952,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) {
@@ -43356,9 +43940,7 @@ var fallbackProps = {
   pointerWidth: 10
 };
 
-var VictoryTooltip =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryTooltip = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryTooltip, _React$Component);
 
   function VictoryTooltip(props) {
@@ -44047,9 +44629,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 var voronoiContainerMixin = function (base) {
   var _class, _temp;
 
-  return _temp = _class =
-  /*#__PURE__*/
-  function (_base) {
+  return _temp = _class = /*#__PURE__*/function (_base) {
     _inherits(VictoryVoronoiContainer, _base);
 
     function VictoryVoronoiContainer() {
@@ -44851,9 +45431,7 @@ var fallbackProps = {
   padding: 50
 };
 
-var VictoryVoronoi =
-/*#__PURE__*/
-function (_React$Component) {
+var VictoryVoronoi = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryVoronoi, _React$Component);
 
   function VictoryVoronoi() {
@@ -45158,9 +45736,7 @@ var DEFAULT_DOWNSAMPLE = 150;
 var zoomContainerMixin = function (base) {
   var _class, _temp;
 
-  return _temp = _class =
-  /*#__PURE__*/
-  function (_base) {
+  return _temp = _class = /*#__PURE__*/function (_base) {
     _inherits(VictoryZoomContainer, _base);
 
     function VictoryZoomContainer() {
@@ -46030,7 +46606,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "VictoryLegend": () => (/* reexport safe */ victory_legend__WEBPACK_IMPORTED_MODULE_72__.default),
 /* harmony export */   "VictorySharedEvents": () => (/* reexport safe */ victory_shared_events__WEBPACK_IMPORTED_MODULE_73__.default),
 /* harmony export */   "VictoryAxis": () => (/* reexport safe */ victory_axis__WEBPACK_IMPORTED_MODULE_74__.default),
-/* harmony export */   "VictoryPolarAxis": () => (/* reexport safe */ victory_polar_axis__WEBPACK_IMPORTED_MODULE_75__.default)
+/* harmony export */   "VictoryPolarAxis": () => (/* reexport safe */ victory_polar_axis__WEBPACK_IMPORTED_MODULE_75__.default),
+/* harmony export */   "CanvasGroup": () => (/* reexport safe */ victory_canvas__WEBPACK_IMPORTED_MODULE_76__.default),
+/* harmony export */   "CanvasCurve": () => (/* reexport safe */ victory_canvas__WEBPACK_IMPORTED_MODULE_77__.default),
+/* harmony export */   "CanvasPoint": () => (/* reexport safe */ victory_canvas__WEBPACK_IMPORTED_MODULE_78__.default),
+/* harmony export */   "CanvasBar": () => (/* reexport safe */ victory_canvas__WEBPACK_IMPORTED_MODULE_79__.default),
+/* harmony export */   "useCanvasContext": () => (/* reexport safe */ victory_canvas__WEBPACK_IMPORTED_MODULE_80__.useCanvasContext)
 /* harmony export */ });
 /* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/background.js");
 /* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/border.js");
@@ -46108,6 +46689,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var victory_shared_events__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! victory-shared-events */ "../../victory-shared-events/es/victory-shared-events.js");
 /* harmony import */ var victory_axis__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! victory-axis */ "../../victory-axis/es/victory-axis.js");
 /* harmony import */ var victory_polar_axis__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! victory-polar-axis */ "../../victory-polar-axis/es/victory-polar-axis.js");
+/* harmony import */ var victory_canvas__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! victory-canvas */ "../../victory-canvas/es/canvas-group.js");
+/* harmony import */ var victory_canvas__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! victory-canvas */ "../../victory-canvas/es/canvas-curve.js");
+/* harmony import */ var victory_canvas__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! victory-canvas */ "../../victory-canvas/es/canvas-point.js");
+/* harmony import */ var victory_canvas__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! victory-canvas */ "../../victory-canvas/es/canvas-bar.js");
+/* harmony import */ var victory_canvas__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! victory-canvas */ "../../victory-canvas/es/hooks/use-canvas-context.js");
+