victory-pie 36.8.2 → 36.8.4

package/dist/victory-pie.js

@@ -11,16 +11,22 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ "./helper-methods.js":
+/***/ "./helper-methods.ts":
 /*!***************************!*\
-  !*** ./helper-methods.js ***!
+  !*** ./helper-methods.ts ***!
   \***************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "getBaseProps": () => (/* binding */ getBaseProps)
+/* harmony export */   "getAverage": () => (/* binding */ getAverage),
+/* harmony export */   "getBaseProps": () => (/* binding */ getBaseProps),
+/* harmony export */   "getLabelIndicatorPropsForLineSegment": () => (/* binding */ getLabelIndicatorPropsForLineSegment),
+/* harmony export */   "getXOffset": () => (/* binding */ getXOffset),
+/* harmony export */   "getXOffsetMultiplayerByAngle": () => (/* binding */ getXOffsetMultiplayerByAngle),
+/* harmony export */   "getYOffset": () => (/* binding */ getYOffset),
+/* harmony export */   "getYOffsetMultiplayerByAngle": () => (/* binding */ getYOffsetMultiplayerByAngle)
 /* harmony export */ });
 /* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isNil */ "../../../node_modules/.pnpm/lodash@4.17.21/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__);
@@ -89,7 +95,7 @@ var getSlices = function (props, data) {
 var getCalculatedValues = function (props) {
   var colorScale = props.colorScale;
   var styleObject = victory_core__WEBPACK_IMPORTED_MODULE_6__.getDefaultStyles(props, "pie");
-  var style = victory_core__WEBPACK_IMPORTED_MODULE_6__.getStyles(props.style, styleObject, "auto", "100%");
+  var style = victory_core__WEBPACK_IMPORTED_MODULE_6__.getStyles(props.style, styleObject);
   var colors = Array.isArray(colorScale) ? colorScale : victory_core__WEBPACK_IMPORTED_MODULE_7__.getColorScale(colorScale);
   var padding = victory_core__WEBPACK_IMPORTED_MODULE_6__.getPadding(props);
   var defaultRadius = getRadius(props, padding);
@@ -130,10 +136,13 @@ var getLabelText = function (props, datum, index) {
   return checkForValidText(text);
 };
 
-var getLabelArc = function (radius, labelRadius, style) {
+var getLabelArc = function (labelRadius) {
+  return victory_vendor_d3_shape__WEBPACK_IMPORTED_MODULE_5__.arc().outerRadius(labelRadius).innerRadius(labelRadius);
+};
+
+var getCalculatedLabelRadius = function (radius, labelRadius, style) {
   var padding = style && style.padding || 0;
-  var arcRadius = labelRadius || radius + padding;
-  return victory_vendor_d3_shape__WEBPACK_IMPORTED_MODULE_5__.arc().outerRadius(arcRadius).innerRadius(arcRadius);
+  return labelRadius || radius + padding;
 };
 
 var getLabelPosition = function (arc, slice, position) {
@@ -238,7 +247,8 @@ var getLabelProps = function (text, dataProps, calculatedValues) {
     labelRadius: labelRadius,
     text: text
   }, dataProps));
-  var labelArc = getLabelArc(defaultRadius, labelRadius, evaluatedStyle);
+  var calculatedLabelRadius = getCalculatedLabelRadius(defaultRadius, labelRadius, evaluatedStyle);
+  var labelArc = getLabelArc(calculatedLabelRadius);
   var position = getLabelPosition(labelArc, slice, labelPosition);
   var baseAngle = getBaseLabelAngle(slice, labelPosition, labelStyle);
   var labelAngle = getLabelAngle(baseAngle, labelPlacement);
@@ -259,7 +269,8 @@ var getLabelProps = function (text, dataProps, calculatedValues) {
     y: Math.round(position[1]) + origin.y,
     textAnchor: textAnchor,
     verticalAnchor: verticalAnchor,
-    angle: labelAngle
+    angle: labelAngle,
+    calculatedLabelRadius: calculatedLabelRadius
   };
 
   if (!victory_core__WEBPACK_IMPORTED_MODULE_6__.isTooltip(labelComponent)) {
@@ -270,8 +281,57 @@ var getLabelProps = function (text, dataProps, calculatedValues) {
   return lodash_defaults__WEBPACK_IMPORTED_MODULE_3___default()({}, labelProps, victory_core__WEBPACK_IMPORTED_MODULE_6__.omit(tooltipTheme, ["style"]));
 };
 
-var getBaseProps = function (props, fallbackProps) {
-  props = victory_core__WEBPACK_IMPORTED_MODULE_6__.modifyProps(props, fallbackProps, "pie");
+var getXOffsetMultiplayerByAngle = function (angle) {
+  return Math.cos(angle - victory_core__WEBPACK_IMPORTED_MODULE_6__.degreesToRadians(90));
+};
+var getYOffsetMultiplayerByAngle = function (angle) {
+  return Math.sin(angle - victory_core__WEBPACK_IMPORTED_MODULE_6__.degreesToRadians(90));
+};
+var getXOffset = function (offset, angle) {
+  return offset * getXOffsetMultiplayerByAngle(angle);
+};
+var getYOffset = function (offset, angle) {
+  return offset * getYOffsetMultiplayerByAngle(angle);
+};
+var getAverage = function (array) {
+  return array.reduce(function (acc, cur) {
+    return acc + cur;
+  }, 0) / array.length;
+};
+var getLabelIndicatorPropsForLineSegment = function (props, calculatedValues, labelProps) {
+  var innerRadius = props.innerRadius,
+      radius = props.radius,
+      _props$slice = props.slice,
+      startAngle = _props$slice.startAngle,
+      endAngle = _props$slice.endAngle,
+      labelIndicatorInnerOffset = props.labelIndicatorInnerOffset,
+      labelIndicatorOuterOffset = props.labelIndicatorOuterOffset,
+      index = props.index;
+  var height = calculatedValues.height,
+      width = calculatedValues.width;
+  var calculatedLabelRadius = labelProps.calculatedLabelRadius; // calculation
+
+  var middleRadius = getAverage([innerRadius, radius]);
+  var midAngle = getAverage([endAngle, startAngle]);
+  var centerX = width / 2;
+  var centerY = height / 2;
+  var innerOffset = middleRadius + labelIndicatorInnerOffset;
+  var outerOffset = calculatedLabelRadius - labelIndicatorOuterOffset;
+  var x1 = centerX + getXOffset(innerOffset, midAngle);
+  var y1 = centerY + getYOffset(innerOffset, midAngle);
+  var x2 = centerX + getXOffset(outerOffset, midAngle);
+  var y2 = centerY + getYOffset(outerOffset, midAngle);
+  var labelIndicatorProps = {
+    x1: x1,
+    y1: y1,
+    x2: x2,
+    y2: y2,
+    index: index
+  };
+  return lodash_defaults__WEBPACK_IMPORTED_MODULE_3___default()({}, labelIndicatorProps);
+};
+var getBaseProps = function (initialProps, fallbackProps) {
+  var props = victory_core__WEBPACK_IMPORTED_MODULE_6__.modifyProps(initialProps, fallbackProps, "pie");
   var calculatedValues = getCalculatedValues(props);
   var slices = calculatedValues.slices,
       style = calculatedValues.style,
@@ -288,7 +348,8 @@ var getBaseProps = function (props, fallbackProps) {
       innerRadius = calculatedValues.innerRadius,
       cornerRadius = calculatedValues.cornerRadius,
       padAngle = calculatedValues.padAngle,
-      disableInlineStyles = calculatedValues.disableInlineStyles;
+      disableInlineStyles = calculatedValues.disableInlineStyles,
+      labelIndicator = calculatedValues.labelIndicator;
   var radius = props.radius || defaultRadius;
   var initialChildProps = {
     parent: {
@@ -329,6 +390,14 @@ var getBaseProps = function (props, fallbackProps) {
     if (text !== undefined && text !== null || labels && (events || sharedEvents)) {
       var evaluatedText = victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateProp(text, dataProps);
       childProps[eventKey].labels = getLabelProps(evaluatedText, lodash_assign__WEBPACK_IMPORTED_MODULE_4___default()({}, props, dataProps), calculatedValues);
+
+      if (labelIndicator) {
+        var labelProps = childProps[eventKey].labels;
+
+        if (labelProps.calculatedLabelRadius > radius) {
+          childProps[eventKey].labelIndicators = getLabelIndicatorPropsForLineSegment(lodash_assign__WEBPACK_IMPORTED_MODULE_4___default()({}, props, dataProps), calculatedValues, labelProps);
+        }
+      }
     }
 
     return childProps;
@@ -337,16 +406,16 @@ var getBaseProps = function (props, fallbackProps) {
 
 /***/ }),
 
-/***/ "./slice.js":
-/*!******************!*\
-  !*** ./slice.js ***!
-  \******************/
+/***/ "./slice.tsx":
+/*!*******************!*\
+  !*** ./slice.tsx ***!
+  \*******************/
 /***/ ((__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 */   "Slice": () => (/* binding */ Slice)
 /* harmony export */ });
 /* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/assign */ "../../../node_modules/.pnpm/lodash@4.17.21/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__);
@@ -448,9 +517,8 @@ var defaultProps = {
   role: "presentation",
   shapeRendering: "auto"
 };
-
-var Slice = function (props) {
-  props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), props));
+var Slice = function (initialProps) {
+  var props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), initialProps));
   var defaultTransform = props.origin ? "translate(".concat(props.origin.x, ", ").concat(props.origin.y, ")") : undefined;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().cloneElement(props.pathComponent, _objectSpread(_objectSpread({}, props.events), {}, {
     "aria-label": props.ariaLabel,
@@ -464,7 +532,6 @@ var Slice = function (props) {
     tabIndex: props.tabIndex
   }));
 };
-
 Slice.propTypes = _objectSpread(_objectSpread({}, victory_core__WEBPACK_IMPORTED_MODULE_7__.CommonProps.primitiveProps), {}, {
   cornerRadius: prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_8___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_8___default().func)]),
   datum: (prop_types__WEBPACK_IMPORTED_MODULE_8___default().object),
@@ -477,35 +544,48 @@ Slice.propTypes = _objectSpread(_objectSpread({}, victory_core__WEBPACK_IMPORTED
   sliceEndAngle: prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_8___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_8___default().func)]),
   sliceStartAngle: prop_types__WEBPACK_IMPORTED_MODULE_8___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_8___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_8___default().func)])
 });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Slice);
 
 /***/ }),
 
-/***/ "./victory-pie.js":
-/*!************************!*\
-  !*** ./victory-pie.js ***!
-  \************************/
+/***/ "./victory-pie.tsx":
+/*!*************************!*\
+  !*** ./victory-pie.tsx ***!
+  \*************************/
 /***/ ((__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 */   "VictoryPie": () => (/* binding */ VictoryPie)
 /* 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 prop_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! prop-types */ "../../../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/user-props.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/prop-types.js");
+/* harmony import */ var lodash_isNil__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isNil */ "../../../node_modules/.pnpm/lodash@4.17.21/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 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_2__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/line-segment.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/user-props.js");
 /* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-label/victory-label.js");
 /* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
 /* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-theme/victory-theme.js");
 /* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/data.js");
 /* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/add-events.js");
-/* harmony import */ var _slice__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./slice */ "./slice.js");
-/* harmony import */ var _helper_methods__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./helper-methods */ "./helper-methods.js");
+/* harmony import */ var _helper_methods__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./helper-methods */ "./helper-methods.ts");
+/* harmony import */ var _slice__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./slice */ "./slice.tsx");
+
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -526,8 +606,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-/* eslint no-magic-numbers: ["error", { "ignore": [-1, 0, 1, 2] }]*/
-
 
 
 
@@ -542,50 +620,122 @@ var fallbackProps = {
   width: 400,
   startAngle: 0,
   colorScale: ["#ffffff", "#f0f0f0", "#d9d9d9", "#bdbdbd", "#969696", "#737373", "#525252", "#252525", "#000000"],
-  labelPosition: "centroid"
+  labelPosition: "centroid",
+  labelIndicatorInnerOffset: 15,
+  labelIndicatorOuterOffset: 5
 };
 
-var VictoryPie = /*#__PURE__*/function (_React$Component) {
-  _inherits(VictoryPie, _React$Component);
+var datumHasXandY = function (datum) {
+  return !lodash_isNil__WEBPACK_IMPORTED_MODULE_0___default()(datum._x) && !lodash_isNil__WEBPACK_IMPORTED_MODULE_0___default()(datum._y);
+}; // eslint-disable-next-line @typescript-eslint/no-empty-interface
+
 
-  var _super = _createSuper(VictoryPie);
+var VictoryPieBase = /*#__PURE__*/function (_React$Component) {
+  _inherits(VictoryPieBase, _React$Component);
 
-  function VictoryPie() {
-    _classCallCheck(this, VictoryPie);
+  var _super = _createSuper(VictoryPieBase);
+
+  function VictoryPieBase() {
+    _classCallCheck(this, VictoryPieBase);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(VictoryPie, [{
+  _createClass(VictoryPieBase, [{
     key: "shouldAnimate",
     value: // Overridden in victory-native
     function shouldAnimate() {
       return Boolean(this.props.animate);
     }
+  }, {
+    key: "renderComponents",
+    value: function renderComponents(props) {
+      var _this = this;
+
+      var shouldRenderDatum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : datumHasXandY;
+      var dataComponent = props.dataComponent,
+          labelComponent = props.labelComponent,
+          groupComponent = props.groupComponent,
+          labelIndicator = props.labelIndicator,
+          labelPosition = props.labelPosition;
+
+      if (!groupComponent) {
+        throw new Error("VictoryPie expects a groupComponent prop");
+      }
+
+      var showIndicator = labelIndicator && labelPosition === "centroid";
+      var children = [];
+
+      if (dataComponent) {
+        var dataComponents = this.dataKeys.reduce(function (validDataComponents, _dataKey, index) {
+          var dataProps = _this.getComponentProps(dataComponent, "data", index);
+
+          if (shouldRenderDatum(dataProps.datum)) {
+            validDataComponents.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(dataComponent, dataProps));
+          }
+
+          return validDataComponents;
+        }, []);
+        children.push.apply(children, _toConsumableArray(dataComponents));
+      }
+
+      if (labelComponent) {
+        var labelComponents = this.dataKeys.map(function (_dataKey, index) {
+          var labelProps = _this.getComponentProps(labelComponent, "labels", index);
+
+          if (labelProps.text !== undefined && labelProps.text !== null) {
+            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(labelComponent, labelProps);
+          }
+
+          return undefined;
+        }).filter(function (comp) {
+          return comp !== undefined;
+        });
+        children.push.apply(children, _toConsumableArray(labelComponents));
+      }
+
+      if (showIndicator && labelIndicator) {
+        var labelIndicatorComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_2__.LineSegment, null);
+
+        if (typeof labelIndicator === "object") {
+          // pass user provided react component
+          labelIndicatorComponent = labelIndicator;
+        }
+
+        var labelIndicatorComponents = this.dataKeys.map(function (_dataKey, index) {
+          var labelIndicatorProps = _this.getComponentProps(labelIndicatorComponent, "labelIndicators", index);
+
+          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(labelIndicatorComponent, labelIndicatorProps);
+        });
+        children.push.apply(children, _toConsumableArray(labelIndicatorComponents));
+      }
+
+      return this.renderContainer(groupComponent, children);
+    }
   }, {
     key: "render",
     value: function render() {
       var animationWhitelist = VictoryPie.animationWhitelist,
           role = VictoryPie.role;
-      var props = victory_core__WEBPACK_IMPORTED_MODULE_1__.modifyProps(this.props, fallbackProps, role);
+      var props = victory_core__WEBPACK_IMPORTED_MODULE_3__.modifyProps(this.props, fallbackProps, role);
 
       if (this.shouldAnimate()) {
         return this.animateComponent(props, animationWhitelist);
       }
 
-      var children = this.renderData(props);
+      var children = this.renderComponents(props);
       var component = props.standalone ? this.renderContainer(props.containerComponent, children) : children;
-      return victory_core__WEBPACK_IMPORTED_MODULE_2__.withSafeUserProps(component, props);
+      return victory_core__WEBPACK_IMPORTED_MODULE_4__.withSafeUserProps(component, props);
     }
   }]);
 
-  return VictoryPie;
-}((react__WEBPACK_IMPORTED_MODULE_0___default().Component));
+  return VictoryPieBase;
+}((react__WEBPACK_IMPORTED_MODULE_1___default().Component));
 
-VictoryPie.animationWhitelist = ["data", "endAngle", "height", "innerRadius", "cornerRadius", "padAngle", "padding", "colorScale", "startAngle", "style", "width"];
-VictoryPie.displayName = "VictoryPie";
-VictoryPie.role = "pie";
-VictoryPie.defaultTransitions = {
+VictoryPieBase.animationWhitelist = ["data", "endAngle", "height", "innerRadius", "cornerRadius", "padAngle", "padding", "colorScale", "startAngle", "style", "width"];
+VictoryPieBase.displayName = "VictoryPie";
+VictoryPieBase.role = "pie";
+VictoryPieBase.defaultTransitions = {
   onExit: {
     duration: 500,
     before: function () {
@@ -611,68 +761,7 @@ VictoryPie.defaultTransitions = {
     }
   }
 };
-VictoryPie.propTypes = {
-  animate: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object)]),
-  colorScale: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_3___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_3___default().string)), prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(["grayscale", "qualitative", "heatmap", "warm", "cool", "red", "green", "blue"])]),
-  containerComponent: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().element),
-  cornerRadius: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative, (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)]),
-  data: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().array),
-  dataComponent: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().element),
-  disableInlineStyes: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),
-  endAngle: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),
-  eventKey: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().func), victory_core__WEBPACK_IMPORTED_MODULE_4__.allOfType([victory_core__WEBPACK_IMPORTED_MODULE_4__.integer, victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative]), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string)]),
-  events: prop_types__WEBPACK_IMPORTED_MODULE_3___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({
-    target: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(["data", "labels", "parent"]),
-    eventKey: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().array), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func), victory_core__WEBPACK_IMPORTED_MODULE_4__.allOfType([victory_core__WEBPACK_IMPORTED_MODULE_4__.integer, victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative]), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string)]),
-    eventHandlers: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object)
-  })),
-  externalEventMutations: prop_types__WEBPACK_IMPORTED_MODULE_3___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({
-    callback: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),
-    childName: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().array)]),
-    eventKey: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().array), victory_core__WEBPACK_IMPORTED_MODULE_4__.allOfType([victory_core__WEBPACK_IMPORTED_MODULE_4__.integer, victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative]), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string)]),
-    mutation: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func),
-    target: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().array)])
-  })),
-  groupComponent: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().element),
-  height: victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative,
-  innerRadius: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative, (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)]),
-  labelComponent: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().element),
-  labelPlacement: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().func), prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(["parallel", "perpendicular", "vertical"])]),
-  labelPosition: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().func), prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(["startAngle", "centroid", "endAngle"])]),
-  labelRadius: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative, (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)]),
-  labels: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().func), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().array)]),
-  name: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string),
-  origin: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({
-    x: victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative,
-    y: victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative
-  }),
-  padAngle: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative, (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)]),
-  padding: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().number), prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({
-    top: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),
-    bottom: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),
-    left: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),
-    right: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number)
-  })]),
-  radius: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative, (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)]),
-  sharedEvents: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({
-    events: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().array),
-    getEventState: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().func)
-  }),
-  sortKey: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().func), victory_core__WEBPACK_IMPORTED_MODULE_4__.allOfType([victory_core__WEBPACK_IMPORTED_MODULE_4__.integer, victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative]), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), prop_types__WEBPACK_IMPORTED_MODULE_3___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_3___default().string))]),
-  sortOrder: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(["ascending", "descending"]),
-  standalone: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().bool),
-  startAngle: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().number),
-  style: prop_types__WEBPACK_IMPORTED_MODULE_3___default().shape({
-    parent: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object),
-    data: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object),
-    labels: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object)
-  }),
-  theme: (prop_types__WEBPACK_IMPORTED_MODULE_3___default().object),
-  width: victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative,
-  x: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().func), victory_core__WEBPACK_IMPORTED_MODULE_4__.allOfType([victory_core__WEBPACK_IMPORTED_MODULE_4__.integer, victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative]), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), prop_types__WEBPACK_IMPORTED_MODULE_3___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_3___default().string))]),
-  y: prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_3___default().func), victory_core__WEBPACK_IMPORTED_MODULE_4__.allOfType([victory_core__WEBPACK_IMPORTED_MODULE_4__.integer, victory_core__WEBPACK_IMPORTED_MODULE_4__.nonNegative]), (prop_types__WEBPACK_IMPORTED_MODULE_3___default().string), prop_types__WEBPACK_IMPORTED_MODULE_3___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_3___default().string))])
-};
-VictoryPie.defaultProps = {
+VictoryPieBase.defaultProps = {
   data: [{
     x: "A",
     y: 1
@@ -690,21 +779,21 @@ VictoryPie.defaultProps = {
     y: 2
   }],
   standalone: true,
-  dataComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_slice__WEBPACK_IMPORTED_MODULE_5__["default"], null),
-  labelComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_6__.VictoryLabel, null),
-  containerComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_7__.VictoryContainer, null),
-  groupComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("g", null),
+  dataComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_slice__WEBPACK_IMPORTED_MODULE_5__.Slice, null),
+  labelComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_6__.VictoryLabel, null),
+  containerComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_7__.VictoryContainer, null),
+  groupComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("g", null),
   sortOrder: "ascending",
   theme: victory_core__WEBPACK_IMPORTED_MODULE_8__.VictoryTheme.grayscale
 };
 
-VictoryPie.getBaseProps = function (props) {
+VictoryPieBase.getBaseProps = function (props) {
   return (0,_helper_methods__WEBPACK_IMPORTED_MODULE_9__.getBaseProps)(props, fallbackProps);
 };
 
-VictoryPie.getData = victory_core__WEBPACK_IMPORTED_MODULE_10__.getData;
-VictoryPie.expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent"];
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,victory_core__WEBPACK_IMPORTED_MODULE_11__.addEvents)(VictoryPie));
+VictoryPieBase.getData = victory_core__WEBPACK_IMPORTED_MODULE_10__.getData;
+VictoryPieBase.expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent", "labelIndicatorComponent"];
+var VictoryPie = (0,victory_core__WEBPACK_IMPORTED_MODULE_11__.addEvents)(VictoryPieBase);
 
 /***/ }),
 
@@ -7322,12 +7411,12 @@ var interpolateFunction = function (a, b) {
  * differs in that it uses our custom interpolators when interpolating the value of each property in
  * an object. This allows the correct interpolation of nested objects, including styles
  *
- * @param {any} a - Start value.
- * @param {any} b - End value.
+ * @param {any} startValue - Start value.
+ * @param {any} endValue - End value.
  * @returns {Function} An interpolation function.
  */
 
-var interpolateObject = function (a, b) {
+var interpolateObject = function (startValue, endValue) {
   var interpolateTypes = function (x, y) {
     if (x === y || !isInterpolatable(x) || !isInterpolatable(y)) {
       return interpolateImmediate(x, y);
@@ -7352,6 +7441,8 @@ var interpolateObject = function (a, b) {
 
   var i = {};
   var c = {};
+  var a = startValue;
+  var b = endValue;
   var k;
 
   if (a === null || typeof a !== "object") {
@@ -7519,8 +7610,8 @@ var VictoryAnimation = /*#__PURE__*/function (_React$Component) {
         step can generate imprecise values, sometimes greater than 1
         if this happens set the state to 1 and return, cancelling the timer
       */
-      duration = duration !== undefined ? duration : _this.props.duration;
-      var step = duration ? elapsed / duration : 1;
+      var animationDuration = duration !== undefined ? duration : _this.props.duration;
+      var step = animationDuration ? elapsed / animationDuration : 1;
 
       if (step >= 1) {
         _this.setState({
@@ -8136,8 +8227,7 @@ var getStyles = function (style, props) {
   }
 
   var getSingleStyle = function (s) {
-    s = s ? lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, s, defaultStyles) : defaultStyles;
-    var baseStyles = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_4__.evaluateStyle(s, props);
+    var baseStyles = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_4__.evaluateStyle(s ? lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, s, defaultStyles) : defaultStyles, props);
     return lodash_assign__WEBPACK_IMPORTED_MODULE_2___default()({}, baseStyles, {
       fontSize: getFontSize(baseStyles)
     });
@@ -8341,22 +8431,19 @@ var getInlineXOffset = function (calculatedProps, textElements, index) {
   switch (textAnchor) {
     case "start":
       return widths.reduce(function (memo, width, i) {
-        memo = i < index ? memo + width : memo;
-        return memo;
+        return i < index ? memo + width : memo;
       }, 0);
 
     case "end":
       return widths.reduce(function (memo, width, i) {
-        memo = i > index ? memo - width : memo;
-        return memo;
+        return i > index ? memo - width : memo;
       }, 0);
 
     default:
       // middle
       return widths.reduce(function (memo, width, i) {
         var offsetWidth = i < index ? width : 0;
-        memo = i === index ? memo + width / 2 : memo + offsetWidth;
-        return memo;
+        return i === index ? memo + width / 2 : memo + offsetWidth;
       }, centerOffset);
   }
 };
@@ -8558,8 +8645,8 @@ var defaultProps = {
   // Magic number from d3.
   lineHeight: 1
 };
-var VictoryLabel = function (props) {
-  props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), props));
+var VictoryLabel = function (initialProps) {
+  var props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), initialProps));
 
   if (props.text === null || props.text === undefined) {
     return null;
@@ -8580,7 +8667,7 @@ var VictoryLabel = function (props) {
       fontSize: currentStyle.fontSize || defaultStyles.fontSize,
       capHeight: capHeightPx,
       text: line,
-      // @ts-expect-error TODO: This looks like a bug:
+      // TODO: This looks like a bug:
       textSize: _victory_util_textsize__WEBPACK_IMPORTED_MODULE_12__.approximateTextSize(line, currentStyle),
       lineHeight: currentLineHeight,
       backgroundPadding: getSingleValue(backgroundPadding, i)
@@ -8930,6 +9017,156 @@ VictoryPortal.contextType = _portal_context__WEBPACK_IMPORTED_MODULE_5__.PortalC
 
 /***/ }),
 
+/***/ "../../victory-core/es/victory-primitives/line-segment.js":
+/*!****************************************************************!*\
+  !*** ../../victory-core/es/victory-primitives/line-segment.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "LineSegment": () => (/* binding */ LineSegment)
+/* harmony export */ });
+/* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/assign */ "../../../node_modules/.pnpm/lodash@4.17.21/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_5__ = __webpack_require__(/*! prop-types */ "../../../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _victory_util_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../victory-util/helpers */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var _victory_util_common_props__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../victory-util/common-props */ "../../victory-core/es/victory-util/common-props.js");
+/* harmony import */ var _line__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./line */ "../../victory-core/es/victory-primitives/line.js");
+
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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 are:
+   * `ariaLabel`
+   * `desc`
+   * `id`
+   * `style`
+   * `tabIndex`
+   */
+  var ariaLabel = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_2__.evaluateProp(props.ariaLabel, props);
+  var desc = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_2__.evaluateProp(props.desc, props);
+  var id = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_2__.evaluateProp(props.id, props);
+  var style = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_2__.evaluateStyle(lodash_assign__WEBPACK_IMPORTED_MODULE_0___default()({
+    stroke: "black"
+  }, props.style), props);
+  var tabIndex = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_2__.evaluateProp(props.tabIndex, props);
+  return lodash_assign__WEBPACK_IMPORTED_MODULE_0___default()({}, props, {
+    ariaLabel: ariaLabel,
+    desc: desc,
+    id: id,
+    style: style,
+    tabIndex: tabIndex
+  });
+};
+
+var defaultProps = {
+  lineComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_line__WEBPACK_IMPORTED_MODULE_3__.Line, null),
+  role: "presentation",
+  shapeRendering: "auto"
+};
+var LineSegment = function (initialProps) {
+  var props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), initialProps));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(props.lineComponent, _objectSpread(_objectSpread({}, props.events), {}, {
+    "aria-label": props.ariaLabel,
+    style: props.style,
+    desc: props.desc,
+    tabIndex: props.tabIndex,
+    className: props.className,
+    role: props.role,
+    shapeRendering: props.shapeRendering,
+    x1: props.x1,
+    x2: props.x2,
+    y1: props.y1,
+    y2: props.y2,
+    transform: props.transform,
+    clipPath: props.clipPath
+  }));
+};
+LineSegment.propTypes = _objectSpread(_objectSpread({}, _victory_util_common_props__WEBPACK_IMPORTED_MODULE_4__.CommonProps.primitiveProps), {}, {
+  datum: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().any),
+  lineComponent: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().element),
+  x1: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().number),
+  x2: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().number),
+  y1: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().number),
+  y2: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().number)
+});
+
+/***/ }),
+
+/***/ "../../victory-core/es/victory-primitives/line.js":
+/*!********************************************************!*\
+  !*** ../../victory-core/es/victory-primitives/line.js ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Line": () => (/* binding */ Line)
+/* 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 _victory_util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../victory-util/helpers */ "../../victory-core/es/victory-util/helpers.js");
+var _excluded = ["desc", "id", "tabIndex", "origin"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+var Line = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
+  var _evaluateProp;
+
+  /* eslint-disable-next-line @typescript-eslint/no-unused-vars --
+   * origin conflicts with the SVG element's origin attribute
+   */
+  var desc = props.desc,
+      id = props.id,
+      tabIndex = props.tabIndex,
+      origin = props.origin,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var svgProps = _objectSpread({
+    vectorEffect: "non-scaling-stroke",
+    id: (_evaluateProp = (0,_victory_util_helpers__WEBPACK_IMPORTED_MODULE_1__.evaluateProp)(id, props)) === null || _evaluateProp === void 0 ? void 0 : _evaluateProp.toString(),
+    tabIndex: (0,_victory_util_helpers__WEBPACK_IMPORTED_MODULE_1__.evaluateProp)(tabIndex, props)
+  }, rest);
+
+  return desc ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line", _extends({}, svgProps, {
+    ref: ref
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("desc", null, desc)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("line", _extends({}, svgProps, {
+    ref: ref
+  }));
+});
+
+/***/ }),
+
 /***/ "../../victory-core/es/victory-primitives/path.js":
 /*!********************************************************!*\
   !*** ../../victory-core/es/victory-primitives/path.js ***!
@@ -10272,8 +10509,7 @@ function addEvents(WrappedComponent) {
       value: function applyExternalMutations(props, externalMutations) {
         if (!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_5___default()(externalMutations)) {
           var callbacks = props.externalEventMutations.reduce(function (memo, mutation) {
-            memo = lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(mutation.callback) ? memo.concat(mutation.callback) : memo;
-            return memo;
+            return lodash_isFunction__WEBPACK_IMPORTED_MODULE_4___default()(mutation.callback) ? memo.concat(mutation.callback) : memo;
           }, []);
           var compiledCallbacks = callbacks.length ? function () {
             callbacks.forEach(function (c) {
@@ -10328,8 +10564,8 @@ function addEvents(WrappedComponent) {
     }, {
       key: "getBaseProps",
       value: function getBaseProps(props, getSharedEventState) {
-        getSharedEventState = getSharedEventState || this.getSharedEventState.bind(this);
-        var sharedParentState = getSharedEventState("parent", "parent");
+        var getSharedEventStateFunction = getSharedEventState || this.getSharedEventState.bind(this);
+        var sharedParentState = getSharedEventStateFunction("parent", "parent");
         var parentState = this.getEventState("parent", "parent");
 
         var baseParentProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_7___default()({}, parentState, sharedParentState);
@@ -10428,13 +10664,15 @@ function addEvents(WrappedComponent) {
         var dataKeys = lodash_without__WEBPACK_IMPORTED_MODULE_0___default()(this.dataKeys, "all");
 
         var labelComponents = dataKeys.reduce(function (memo, key) {
+          var newMemo = memo;
+
           var labelProps = _this8.getComponentProps(labelComponent, "labels", key);
 
           if (labelProps && labelProps.text !== undefined && labelProps.text !== null) {
-            memo = memo.concat( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().cloneElement(labelComponent, labelProps));
+            newMemo = newMemo.concat( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().cloneElement(labelComponent, labelProps));
           }
 
-          return memo;
+          return newMemo;
         }, []);
         var dataProps = this.getComponentProps(dataComponent, "data", "all");
         var children = [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default().cloneElement(dataComponent, dataProps)].concat(_toConsumableArray(labelComponents));
@@ -10833,12 +11071,14 @@ function sortData(dataset, sortKey) {
   } // Ensures previous VictoryLine api for sortKey prop stays consistent
 
 
+  var formattedSortKey = sortKey;
+
   if (sortKey === "x" || sortKey === "y") {
-    sortKey = "_".concat(sortKey);
+    formattedSortKey = "_".concat(sortKey);
   }
 
   var order = sortOrder === "ascending" ? "asc" : "desc";
-  return lodash_orderBy__WEBPACK_IMPORTED_MODULE_5___default()(dataset, sortKey, order);
+  return lodash_orderBy__WEBPACK_IMPORTED_MODULE_5___default()(dataset, formattedSortKey, order);
 } // This method will remove data points that break certain scales. (log scale only)
 
 
@@ -11029,7 +11269,10 @@ function formatData(dataset, props, expectedKeys) {
     return [];
   }
 
-  var defaultKeys = ["x", "y", "y0"];
+  var defaultKeys = ["x", "y", "y0"]; // TODO: We shouldn’t mutate the expectedKeys param here,
+  // but we need to figure out why changing it causes regressions in tests.
+  // eslint-disable-next-line no-param-reassign
+
   expectedKeys = Array.isArray(expectedKeys) ? expectedKeys : defaultKeys;
 
   var createAccessor = function (name) {
@@ -11054,13 +11297,13 @@ function formatData(dataset, props, expectedKeys) {
 
   var data = preformattedData ? dataset : dataset.reduce(function (dataArr, datum, index) {
     // eslint-disable-line complexity
-    datum = parseDatum(datum);
+    var parsedDatum = parseDatum(datum);
     var fallbackValues = {
       x: index,
-      y: datum
+      y: parsedDatum
     };
     var processedValues = expectedKeys.reduce(function (memo, type) {
-      var processedValue = accessor[type](datum);
+      var processedValue = accessor[type](parsedDatum);
       var value = processedValue !== undefined ? processedValue : fallbackValues[type];
 
       if (value !== undefined) {
@@ -11075,7 +11318,7 @@ function formatData(dataset, props, expectedKeys) {
       return memo;
     }, {});
 
-    var formattedDatum = lodash_assign__WEBPACK_IMPORTED_MODULE_12___default()({}, processedValues, datum);
+    var formattedDatum = lodash_assign__WEBPACK_IMPORTED_MODULE_12___default()({}, processedValues, parsedDatum);
 
     if (!lodash_isEmpty__WEBPACK_IMPORTED_MODULE_4___default()(formattedDatum)) {
       dataArr.push(formattedDatum);
@@ -11186,8 +11429,8 @@ function getStringsFromData(props, axis) {
   }, []);
   var sortedData = sortData(data, props.sortKey, props.sortOrder);
   var dataStrings = sortedData.reduce(function (dataArr, datum) {
-    datum = parseDatum(datum);
-    dataArr.push(accessor(datum));
+    var parsedDatum = parseDatum(datum);
+    dataArr.push(accessor(parsedDatum));
     return dataArr;
   }, []).filter(function (datum) {
     return typeof datum === "string";
@@ -11384,14 +11627,14 @@ function getScopedEvents(events, namespace, childType, baseProps) {
   // eslint-disable-next-line no-invalid-this
 
 
-  baseProps = baseProps || this.baseProps; // returns the original base props or base state of a given target element
+  var newBaseProps = baseProps || this.baseProps; // returns the original base props or base state of a given target element
 
   var getTargetProps = function (identifier, type) {
     var childName = identifier.childName,
         target = identifier.target,
         key = identifier.key; // eslint-disable-next-line no-invalid-this
 
-    var baseType = type === "props" ? baseProps : _this2.state || {};
+    var baseType = type === "props" ? newBaseProps : _this2.state || {};
     var base = childName === undefined || childName === null || !baseType[childName] ? baseType : baseType[childName];
     return key === "parent" ? base.parent : base[key] && base[key][target];
   }; // Returns the state object with the mutation caused by a given eventReturn
@@ -11408,9 +11651,9 @@ function getScopedEvents(events, namespace, childType, baseProps) {
       }
 
       if (eventReturn.eventKey === "all") {
-        return baseProps[childName] ? lodash_without__WEBPACK_IMPORTED_MODULE_5___default()(lodash_keys__WEBPACK_IMPORTED_MODULE_0___default()(baseProps[childName]), "parent") : lodash_without__WEBPACK_IMPORTED_MODULE_5___default()(lodash_keys__WEBPACK_IMPORTED_MODULE_0___default()(baseProps), "parent");
+        return newBaseProps[childName] ? lodash_without__WEBPACK_IMPORTED_MODULE_5___default()(lodash_keys__WEBPACK_IMPORTED_MODULE_0___default()(newBaseProps[childName]), "parent") : lodash_without__WEBPACK_IMPORTED_MODULE_5___default()(lodash_keys__WEBPACK_IMPORTED_MODULE_0___default()(newBaseProps), "parent");
       } else if (eventReturn.eventKey === undefined && eventKey === "parent") {
-        return baseProps[childName] ? lodash_keys__WEBPACK_IMPORTED_MODULE_0___default()(baseProps[childName]) : lodash_keys__WEBPACK_IMPORTED_MODULE_0___default()(baseProps);
+        return newBaseProps[childName] ? lodash_keys__WEBPACK_IMPORTED_MODULE_0___default()(newBaseProps[childName]) : lodash_keys__WEBPACK_IMPORTED_MODULE_0___default()(newBaseProps);
       }
 
       return eventReturn.eventKey !== undefined ? eventReturn.eventKey : eventKey;
@@ -11435,7 +11678,7 @@ function getScopedEvents(events, namespace, childType, baseProps) {
         key: key,
         target: target
       }, "state");
-      var mutatedProps = eventReturn.mutation(lodash_assign__WEBPACK_IMPORTED_MODULE_8___default()({}, mutationTargetProps, mutationTargetState), baseProps);
+      var mutatedProps = eventReturn.mutation(lodash_assign__WEBPACK_IMPORTED_MODULE_8___default()({}, mutationTargetProps, mutationTargetState), newBaseProps);
       var childState = baseState[childName] || {};
 
       var filterState = function (state) {
@@ -11470,7 +11713,7 @@ function getScopedEvents(events, namespace, childType, baseProps) {
     }; // returns an entire mutated state for all children
 
 
-    var allChildNames = childNames === "all" ? lodash_without__WEBPACK_IMPORTED_MODULE_5___default()(lodash_keys__WEBPACK_IMPORTED_MODULE_0___default()(baseProps), "parent") : childNames;
+    var allChildNames = childNames === "all" ? lodash_without__WEBPACK_IMPORTED_MODULE_5___default()(lodash_keys__WEBPACK_IMPORTED_MODULE_0___default()(newBaseProps), "parent") : childNames;
     return Array.isArray(allChildNames) ? allChildNames.reduce(function (memo, childName) {
       return lodash_assign__WEBPACK_IMPORTED_MODULE_8___default()(memo, getReturnByChild(childName));
     }, {}) : getReturnByChild(allChildNames);
@@ -11479,8 +11722,7 @@ function getScopedEvents(events, namespace, childType, baseProps) {
 
   var parseEventReturn = function (eventReturn, eventKey) {
     return Array.isArray(eventReturn) ? eventReturn.reduce(function (memo, props) {
-      memo = lodash_assign__WEBPACK_IMPORTED_MODULE_8___default()({}, memo, parseEvent(props, eventKey));
-      return memo;
+      return lodash_assign__WEBPACK_IMPORTED_MODULE_8___default()({}, memo, parseEvent(props, eventKey));
     }, {}) : parseEvent(eventReturn, eventKey);
   };
 
@@ -11566,9 +11808,10 @@ function getEventState(eventKey, namespace, childType) {
  */
 // eslint-disable-next-line max-params
 
-function getExternalMutationsWithChildren(mutations, baseProps, baseState, childNames) {
-  baseProps = baseProps || {};
-  baseState = baseState || {};
+function getExternalMutationsWithChildren(mutations) {
+  var baseProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var baseState = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var childNames = arguments.length > 3 ? arguments[3] : undefined;
   return childNames.reduce(function (memo, childName) {
     var childState = baseState[childName];
     var mutation = getExternalMutations(mutations, baseProps[childName], baseState[childName], childName);
@@ -11590,9 +11833,10 @@ function getExternalMutationsWithChildren(mutations, baseProps, baseState, child
  */
 // eslint-disable-next-line max-params
 
-function getExternalMutations(mutations, baseProps, baseState, childName) {
-  baseProps = baseProps || {};
-  baseState = baseState || {};
+function getExternalMutations(mutations) {
+  var baseProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var baseState = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var childName = arguments.length > 3 ? arguments[3] : undefined;
 
   var eventKeys = lodash_keys__WEBPACK_IMPORTED_MODULE_0___default()(baseProps);
 
@@ -11658,8 +11902,7 @@ function getExternalMutation(mutations, baseProps, baseState, identifier) {
     return false;
   };
 
-  mutations = Array.isArray(mutations) ? mutations : [mutations];
-  var scopedMutations = mutations;
+  var scopedMutations = Array.isArray(mutations) ? mutations : [mutations];
 
   if (identifier.childName) {
     scopedMutations = mutations.filter(function (m) {
@@ -11698,13 +11941,10 @@ function getExternalMutation(mutations, baseProps, baseState, identifier) {
 
 function getComponentEvents(props, components) {
   var events = Array.isArray(components) && components.reduce(function (memo, componentName) {
-    var _memo;
-
     var component = props[componentName];
     var defaultEvents = component && component.type && component.type.defaultEvents;
     var componentEvents = lodash_isFunction__WEBPACK_IMPORTED_MODULE_6___default()(defaultEvents) ? defaultEvents(component.props) : defaultEvents;
-    memo = Array.isArray(componentEvents) ? (_memo = memo).concat.apply(_memo, _toConsumableArray(componentEvents)) : memo;
-    return memo;
+    return Array.isArray(componentEvents) ? memo.concat.apply(memo, _toConsumableArray(componentEvents)) : memo;
   }, []);
   return events && events.length ? events : undefined;
 }
@@ -12062,6 +12302,7 @@ function reduceChildren(children, iteratee) {
 
   var traverseChildren = function (childArray, names, parent) {
     return childArray.reduce(function (memo, child, index) {
+      var newMemo = memo;
       var childRole = child.type && child.type.role;
       var childName = child.props.name || "".concat(childRole, "-").concat(names[index]);
 
@@ -12079,16 +12320,16 @@ function reduceChildren(children, iteratee) {
         });
 
         var nestedResults = traverseChildren(nestedChildren, _childNames, child);
-        memo = combine(memo, nestedResults);
+        newMemo = combine(newMemo, nestedResults);
       } else {
         var result = iteratee(child, childName, parent);
 
         if (result) {
-          memo = combine(memo, result);
+          newMemo = combine(newMemo, result);
         }
       }
 
-      return memo;
+      return newMemo;
     }, initialMemo);
   };
 
@@ -12114,8 +12355,7 @@ function isHorizontal(props) {
       var childProps = child.props || {};
 
       if (memo || childProps.horizontal || !childProps.children) {
-        memo = memo || childProps.horizontal;
-        return memo;
+        return memo || childProps.horizontal;
       }
 
       return traverseChildren(react__WEBPACK_IMPORTED_MODULE_6___default().Children.toArray(childProps.children));
@@ -12168,11 +12408,13 @@ function isMap(x) {
 }
 function shallowToJS(x, whitelist) {
   return isIterable(x) ? x.reduce(function (result, curr, key) {
+    var newCurr = curr;
+
     if (whitelist && whitelist[key]) {
-      curr = shallowToJS(curr);
+      newCurr = shallowToJS(curr);
     }
 
-    result[key] = curr;
+    result[key] = newCurr;
     return result;
   }, isList(x) ? [] : {}) : x;
 }
@@ -12200,12 +12442,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers */ "../../victory-core/es/victory-util/helpers.js");
 
 
-/* eslint-disable no-use-before-define */
-
 
 // Private Functions
-function getVerticalAnchor(props, datum) {
-  datum = datum || {};
+function getVerticalAnchor(props) {
+  var datum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var sign = datum._y >= 0 ? 1 : -1;
   var labelStyle = props.style && props.style.labels || {};
 
@@ -12218,8 +12458,8 @@ function getVerticalAnchor(props, datum) {
   return "middle";
 }
 
-function getTextAnchor(props, datum) {
-  datum = datum || {};
+function getTextAnchor(props) {
+  var datum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var style = props.style,
       horizontal = props.horizontal;
   var sign = datum._y >= 0 ? 1 : -1;
@@ -12234,14 +12474,14 @@ function getTextAnchor(props, datum) {
   return sign >= 0 ? "start" : "end";
 }
 
-function getAngle(props, datum) {
-  datum = datum || {};
+function getAngle(props) {
+  var datum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var labelStyle = props.style && props.style.labels || {};
   return datum.angle === undefined ? labelStyle.angle : datum.angle;
 }
 
-function getPadding(props, datum) {
-  datum = datum || {};
+function getPadding(props) {
+  var datum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var horizontal = props.horizontal,
       style = props.style;
   var labelStyle = style.labels || {};
@@ -12320,8 +12560,9 @@ function getPolarOrientation(degrees) {
 } // Exported Functions
 
 
-function getText(props, datum, index) {
-  datum = datum || {};
+function getText(props) {
+  var datum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var index = arguments.length > 2 ? arguments[2] : undefined;
 
   if (datum.label !== undefined) {
     return datum.label;
@@ -13481,11 +13722,10 @@ var Timer = /*#__PURE__*/function () {
   }, {
     key: "subscribe",
     value: function subscribe(callback, duration) {
-      duration = this.shouldAnimate ? duration : 0;
       var subscriptionID = this.subscribers.push({
         startTime: (0,victory_vendor_d3_timer__WEBPACK_IMPORTED_MODULE_0__.now)(),
         callback: callback,
-        duration: duration
+        duration: this.shouldAnimate ? duration : 0
       });
       this.activeSubscriptions++;
       this.start();
@@ -13672,36 +13912,38 @@ function getInitialChildProps(animate, data) {
 
 
 function getChildBeforeLoad(animate, child, data, cb) {
-  animate = lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, animate, {
+  var newAnimate = lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, animate, {
     onEnd: cb
   });
 
-  if (animate && animate.onLoad && !animate.onLoad.duration) {
+  if (newAnimate && newAnimate.onLoad && !newAnimate.onLoad.duration) {
     return {
-      animate: animate,
+      animate: newAnimate,
       data: data
     };
   }
 
-  var before = animate.onLoad && animate.onLoad.before ? animate.onLoad.before : (lodash_identity__WEBPACK_IMPORTED_MODULE_1___default()); // If nodes need to exit, transform them with the provided onLoad.before function.
+  var before = newAnimate.onLoad && newAnimate.onLoad.before ? newAnimate.onLoad.before : (lodash_identity__WEBPACK_IMPORTED_MODULE_1___default()); // If nodes need to exit, transform them with the provided onLoad.before function.
 
-  data = data.map(function (datum, idx) {
+  var newData = data.map(function (datum, idx) {
     return lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, datum, before(datum, idx, data));
   });
   return {
-    animate: animate,
-    data: data,
+    animate: newAnimate,
+    data: newData,
     clipWidth: 0
   };
 } // eslint-disable-next-line max-params
 
 
 function getChildOnLoad(animate, data, cb) {
-  animate = lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, animate, {
+  var newAnimate = lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, animate, {
     onEnd: cb
   });
 
-  if (animate && animate.onLoad && !animate.onLoad.duration) {
+  var newData = data;
+
+  if (newAnimate && newAnimate.onLoad && !newAnimate.onLoad.duration) {
     return {
       animate: animate,
       data: data
@@ -13710,12 +13952,12 @@ function getChildOnLoad(animate, data, cb) {
 
   var after = animate.onLoad && animate.onLoad.after ? animate.onLoad.after : (lodash_identity__WEBPACK_IMPORTED_MODULE_1___default()); // If nodes need to exit, transform them with the provided onLoad.after function.
 
-  data = data.map(function (datum, idx) {
+  newData = data.map(function (datum, idx) {
     return lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, datum, after(datum, idx, data));
   });
   return {
-    animate: animate,
-    data: data
+    animate: newAnimate,
+    data: newData
   };
 } // eslint-disable-next-line max-params, max-len
 
@@ -13724,7 +13966,10 @@ function getChildPropsOnExit(animate, child, data, exitingNodes, cb) {
   // Whether or not _this_ child has exiting nodes, we want the exit-
   // transition for all children to have the same duration, delay, etc.
   var onExit = animate && animate.onExit;
-  animate = lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, animate, onExit);
+
+  var newAnimate = lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, animate, onExit);
+
+  var newData = data;
 
   if (exitingNodes) {
     // After the exit transition occurs, trigger the animations for
@@ -13732,39 +13977,42 @@ function getChildPropsOnExit(animate, child, data, exitingNodes, cb) {
     animate.onEnd = cb;
     var before = animate.onExit && animate.onExit.before ? animate.onExit.before : (lodash_identity__WEBPACK_IMPORTED_MODULE_1___default()); // If nodes need to exit, transform them with the provided onExit.before function.
 
-    data = data.map(function (datum, idx) {
+    newData = data.map(function (datum, idx) {
       var key = (datum.key || idx).toString();
       return exitingNodes[key] ? lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, datum, before(datum, idx, data)) : datum;
     });
   }
 
   return {
-    animate: animate,
-    data: data
+    animate: newAnimate,
+    data: newData
   };
 } // eslint-disable-next-line max-params,max-len
 
 
 function getChildPropsBeforeEnter(animate, child, data, enteringNodes, cb) {
+  var newAnimate = animate;
+  var newData = data;
+
   if (enteringNodes) {
     // Perform a normal animation here, except - when it finishes - trigger
     // the transition for entering nodes.
-    animate = lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, animate, {
+    newAnimate = lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, animate, {
       onEnd: cb
     });
     var before = animate.onEnter && animate.onEnter.before ? animate.onEnter.before : (lodash_identity__WEBPACK_IMPORTED_MODULE_1___default()); // We want the entering nodes to be included in the transition target
     // domain.  However, we may not want these nodes to be displayed initially,
     // so perform the `onEnter.before` transformation on each node.
 
-    data = data.map(function (datum, idx) {
+    newData = data.map(function (datum, idx) {
       var key = (datum.key || idx).toString();
       return enteringNodes[key] ? lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, datum, before(datum, idx, data)) : datum;
     });
   }
 
   return {
-    animate: animate,
-    data: data
+    animate: newAnimate,
+    data: newData
   };
 } // eslint-disable-next-line max-params, max-len
 
@@ -13773,23 +14021,26 @@ function getChildPropsOnEnter(animate, data, enteringNodes, cb) {
   // Whether or not _this_ child has entering nodes, we want the entering-
   // transition for all children to have the same duration, delay, etc.
   var onEnter = animate && animate.onEnter;
-  animate = lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, animate, onEnter);
+
+  var newAnimate = lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, animate, onEnter);
+
+  var newData = data;
 
   if (enteringNodes) {
     // Old nodes have been transitioned to their new values, and the
     // domain should encompass the nodes that will now enter. So perform
     // the `onEnter.after` transformation on each node.
-    animate.onEnd = cb;
-    var after = animate.onEnter && animate.onEnter.after ? animate.onEnter.after : (lodash_identity__WEBPACK_IMPORTED_MODULE_1___default());
-    data = data.map(function (datum, idx) {
+    newAnimate.onEnd = cb;
+    var after = newAnimate.onEnter && newAnimate.onEnter.after ? newAnimate.onEnter.after : (lodash_identity__WEBPACK_IMPORTED_MODULE_1___default());
+    newData = data.map(function (datum, idx) {
       var key = getDatumKey(datum, idx);
       return enteringNodes[key] ? lodash_assign__WEBPACK_IMPORTED_MODULE_3___default()({}, datum, after(datum, idx, data)) : datum;
     });
   }
 
   return {
-    animate: animate,
-    data: data
+    animate: newAnimate,
+    data: newData
   };
 }
 /**
@@ -13955,6 +14206,7 @@ function getTransitionPropsFactory(props, state, setState) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "assert": () => (/* binding */ assert),
 /* harmony export */   "getSafeUserProps": () => (/* binding */ getSafeUserProps),
 /* harmony export */   "withSafeUserProps": () => (/* binding */ withSafeUserProps)
 /* harmony export */ });
@@ -14035,6 +14287,18 @@ var testIfSafeProp = function (key) {
   if (doesPropStartWith(key) || isExactMatch(key)) return true;
   return false;
 };
+/**
+ * Asserts that value is not null or undefined, throwing an error if it is.
+ * @param value The value to assert
+ * @param message The error message to throw
+ */
+
+
+function assert(value, message) {
+  if (value === undefined || value === null) {
+    throw new Error(message);
+  }
+}
 /**
  * getSafeUserProps - function that takes in a props object and removes any
  * key-value entries that do not match filter strings in the USER_PROPS_SAFELIST
@@ -14044,7 +14308,6 @@ var testIfSafeProp = function (key) {
  * @returns {Object}: object containing remaining acceptable props
  */
 
-
 var getSafeUserProps = function (props) {
   var propsToFilter = _objectSpread({}, props);
 
@@ -24785,15 +25048,15 @@ var __webpack_exports__ = {};
 (() => {
 "use strict";
 /*!******************!*\
-  !*** ./index.js ***!
+  !*** ./index.ts ***!
   \******************/
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Slice": () => (/* reexport safe */ _slice__WEBPACK_IMPORTED_MODULE_1__["default"]),
-/* harmony export */   "VictoryPie": () => (/* reexport safe */ _victory_pie__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */   "Slice": () => (/* reexport safe */ _slice__WEBPACK_IMPORTED_MODULE_1__.Slice),
+/* harmony export */   "VictoryPie": () => (/* reexport safe */ _victory_pie__WEBPACK_IMPORTED_MODULE_0__.VictoryPie)
 /* harmony export */ });
-/* harmony import */ var _victory_pie__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./victory-pie */ "./victory-pie.js");
-/* harmony import */ var _slice__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./slice */ "./slice.js");
+/* harmony import */ var _victory_pie__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./victory-pie */ "./victory-pie.tsx");
+/* harmony import */ var _slice__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./slice */ "./slice.tsx");
 
 
 })();