victory-core 36.8.2 → 36.8.3

package/es/victory-util/helpers.js

@@ -287,6 +287,7 @@ export 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]);
 
@@ -304,16 +305,16 @@ export 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);
   };
 
@@ -339,8 +340,7 @@ export 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.Children.toArray(childProps.children));

package/es/victory-util/immutable.js

@@ -19,11 +19,13 @@ export function isMap(x) {
 }
 export 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;
 }

package/es/victory-util/label-helpers.d.ts

@@ -1,4 +1,4 @@
-export declare function getText(props: any, datum: any, index: any): any;
+export declare function getText(props: any, datum: Record<string, any> | undefined, index: any): any;
 export declare function getPolarTextAnchor(props: any, degrees: any): "end" | "start" | "middle";
 export declare function getPolarVerticalAnchor(props: any, degrees: any): "end" | "start" | "middle";
 export declare function getPolarAngle(props: any, baseAngle?: any): number;

package/es/victory-util/label-helpers.js

@@ -1,11 +1,9 @@
 import _defaults from "lodash/defaults";
-
-/* eslint-disable no-use-before-define */
 import * as Helpers from "./helpers";
 
 // 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 || {};
 
@@ -18,8 +16,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;
@@ -34,14 +32,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 || {};
@@ -120,8 +118,9 @@ function getPolarOrientation(degrees) {
 } // Exported Functions
 
 
-export function getText(props, datum, index) {
-  datum = datum || {};
+export 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;

package/es/victory-util/selection.js

@@ -49,8 +49,7 @@ export function getSVGEventCoordinates(evt, svg) {
   }
 
   var location = isReactTouchEvent(evt) ? evt.changedTouches[0] : evt;
-  svg = svg || getParentSVG(location);
-  var matrix = getTransformationMatrix(svg);
+  var matrix = getTransformationMatrix(svg || getParentSVG(location));
   return {
     x: transformTarget(location.clientX, matrix, "x"),
     y: transformTarget(location.clientY, matrix, "y")

package/es/victory-util/timer.js

@@ -57,11 +57,10 @@ var Timer = /*#__PURE__*/function () {
   }, {
     key: "subscribe",
     value: function subscribe(callback, duration) {
-      duration = this.shouldAnimate ? duration : 0;
       var subscriptionID = this.subscribers.push({
         startTime: now(),
         callback: callback,
-        duration: duration
+        duration: this.shouldAnimate ? duration : 0
       });
       this.activeSubscriptions++;
       this.start();

package/es/victory-util/transitions.js

@@ -136,36 +136,38 @@ function getInitialChildProps(animate, data) {
 
 
 function getChildBeforeLoad(animate, child, data, cb) {
-  animate = _assign({}, animate, {
+  var newAnimate = _assign({}, 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 : _identity; // If nodes need to exit, transform them with the provided onLoad.before function.
+  var before = newAnimate.onLoad && newAnimate.onLoad.before ? newAnimate.onLoad.before : _identity; // 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 _assign({}, 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 = _assign({}, animate, {
+  var newAnimate = _assign({}, 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
@@ -174,12 +176,12 @@ function getChildOnLoad(animate, data, cb) {
 
   var after = animate.onLoad && animate.onLoad.after ? animate.onLoad.after : _identity; // 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 _assign({}, datum, after(datum, idx, data));
   });
   return {
-    animate: animate,
-    data: data
+    animate: newAnimate,
+    data: newData
   };
 } // eslint-disable-next-line max-params, max-len
 
@@ -188,7 +190,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 = _assign({}, animate, onExit);
+
+  var newAnimate = _assign({}, animate, onExit);
+
+  var newData = data;
 
   if (exitingNodes) {
     // After the exit transition occurs, trigger the animations for
@@ -196,39 +201,42 @@ function getChildPropsOnExit(animate, child, data, exitingNodes, cb) {
     animate.onEnd = cb;
     var before = animate.onExit && animate.onExit.before ? animate.onExit.before : _identity; // 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] ? _assign({}, 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 = _assign({}, animate, {
+    newAnimate = _assign({}, animate, {
       onEnd: cb
     });
     var before = animate.onEnter && animate.onEnter.before ? animate.onEnter.before : _identity; // 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] ? _assign({}, datum, before(datum, idx, data)) : datum;
     });
   }
 
   return {
-    animate: animate,
-    data: data
+    animate: newAnimate,
+    data: newData
   };
 } // eslint-disable-next-line max-params, max-len
 
@@ -237,23 +245,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 = _assign({}, animate, onEnter);
+
+  var newAnimate = _assign({}, 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 : _identity;
-    data = data.map(function (datum, idx) {
+    newAnimate.onEnd = cb;
+    var after = newAnimate.onEnter && newAnimate.onEnter.after ? newAnimate.onEnter.after : _identity;
+    newData = data.map(function (datum, idx) {
       var key = getDatumKey(datum, idx);
       return enteringNodes[key] ? _assign({}, datum, after(datum, idx, data)) : datum;
     });
   }
 
   return {
-    animate: animate,
-    data: data
+    animate: newAnimate,
+    data: newData
   };
 }
 /**

package/es/victory-util/user-props.d.ts

@@ -1,5 +1,11 @@
 import * as React from "react";
 declare type SafeAttribute = string;
+/**
+ * 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
+ */
+export declare function assert<T>(value: T, message?: string): asserts value is NonNullable<T>;
 /**
  * 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

package/es/victory-util/user-props.js

@@ -72,6 +72,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
+ */
+
+
+export 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
@@ -81,7 +93,6 @@ var testIfSafeProp = function (key) {
  * @returns {Object}: object containing remaining acceptable props
  */
 
-
 export var getSafeUserProps = function (props) {
   var propsToFilter = _objectSpread({}, props);
 

package/es/victory-util/wrapper.js

@@ -114,12 +114,13 @@ export function getDataFromChildren(props, childComponents) {
     var childProps = _assign({}, child.props, parentProps);
 
     var childData;
+    var childElement = child;
 
     if (!Data.isDataComponent(child)) {
       return null;
     } else if (child.type && _isFunction(child.type.getData)) {
-      child = parent ? /*#__PURE__*/React.cloneElement(child, parent.props) : child;
-      childData = child.type.getData(childProps);
+      childElement = parent ? /*#__PURE__*/React.cloneElement(child, parent.props) : child;
+      childData = childElement.type.getData(childProps);
     } else {
       childData = Data.getData(childProps);
     }
@@ -150,17 +151,16 @@ export function getData(props, childComponents) {
     return Data.getData(props);
   }
 
-  childComponents = childComponents || React.Children.toArray(props.children);
-  return getDataFromChildren(props, childComponents);
+  return getDataFromChildren(props, childComponents || React.Children.toArray(props.children));
 }
 export function getWidth(props, groupLength, seriesLength) {
   var datasets = props.datasets,
       horizontal = props.horizontal;
   var range = horizontal ? Helpers.getRange(props, "y") : Helpers.getRange(props, "x");
   var extent = Math.abs(range[1] - range[0]);
-  seriesLength = seriesLength !== undefined ? seriesLength : Array.isArray(datasets[0]) && datasets[0].length || 1;
-  groupLength = groupLength || datasets.length;
-  var bars = groupLength * seriesLength;
+  var seriesLengthValue = seriesLength !== undefined ? seriesLength : Array.isArray(datasets[0]) && datasets[0].length || 1;
+  var groupLengthValue = groupLength || datasets.length;
+  var bars = groupLengthValue * seriesLengthValue;
   var barRatio = 0.5;
   return Math.round(barRatio * extent / bars);
 }
@@ -252,9 +252,9 @@ export function getDomainFromChildren(props, axis, childComponents) {
   return [min, max];
 }
 export function getDomain(props, axis, childComponents) {
-  childComponents = childComponents || React.Children.toArray(props.children);
+  var children = childComponents || React.Children.toArray(props.children);
   var propsDomain = Domain.getDomainFromProps(props, axis);
-  var domainPadding = getDefaultDomainPadding(props, axis, childComponents);
+  var domainPadding = getDefaultDomainPadding(props, axis, children);
   var domain;
 
   if (propsDomain) {
@@ -264,7 +264,7 @@ export function getDomain(props, axis, childComponents) {
     var maxDomain = Domain.getMaxFromProps(props, axis);
     var dataset = (props.data || props.y) && Data.getData(props);
     var dataDomain = dataset ? Domain.getDomainFromData(props, axis, dataset) : [];
-    var childDomain = getDomainFromChildren(props, axis, childComponents);
+    var childDomain = getDomainFromChildren(props, axis, children);
     var min = minDomain || Collection.getMinValue([].concat(_toConsumableArray(dataDomain), _toConsumableArray(childDomain)));
     var max = maxDomain || Collection.getMaxValue([].concat(_toConsumableArray(dataDomain), _toConsumableArray(childDomain)));
     domain = Domain.getDomainFromMinMax(min, max);
@@ -426,10 +426,10 @@ export function getCategoryAndAxisStringsFromChildren(props, axis, childComponen
   return _uniq(_flatten([].concat(_toConsumableArray(categoryStrings), _toConsumableArray(axisStrings))));
 }
 export function getStringsFromChildren(props, childComponents) {
-  childComponents = childComponents || React.Children.toArray(props.children);
-  var xStrings = getCategoryAndAxisStringsFromChildren(props, "x", childComponents);
-  var yStrings = getCategoryAndAxisStringsFromChildren(props, "y", childComponents);
-  var dataStrings = getStringsFromData(childComponents);
+  var children = childComponents || React.Children.toArray(props.children);
+  var xStrings = getCategoryAndAxisStringsFromChildren(props, "x", children);
+  var yStrings = getCategoryAndAxisStringsFromChildren(props, "y", children);
+  var dataStrings = getStringsFromData(children);
   return {
     x: _uniq(_flatten([].concat(_toConsumableArray(xStrings), _toConsumableArray(dataStrings.x)))),
     y: _uniq(_flatten([].concat(_toConsumableArray(yStrings), _toConsumableArray(dataStrings.y))))

package/lib/types/callbacks.d.ts

@@ -1,4 +1,4 @@
-import { D3Scale, Datum, ID } from "./prop-types";
+import { D3Scale, Datum, ID, ScalePropType } from "./prop-types";
 import { BlockProps, OrientationTypes } from "../victory-theme/types";
 /**
  * This is the first parameter of a callback when a callback is used to
@@ -15,9 +15,9 @@ export interface CallbackArgs {
     index?: ID;
     x?: number;
     y?: number;
-    scale?: {
-        x?: D3Scale;
-        y?: D3Scale;
+    scale?: ScalePropType | D3Scale | {
+        x?: ScalePropType | D3Scale;
+        y?: ScalePropType | D3Scale;
     };
     tick?: any;
     ticks?: any;

package/lib/victory-animation/util.d.ts

@@ -34,11 +34,11 @@ export declare const interpolateFunction: (a: any, b: any) => (t: any) => any;
  * 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.
  */
-export declare const interpolateObject: (a: any, b: any) => (t: any) => {};
+export declare const interpolateObject: (startValue: any, endValue: any) => (t: any) => {};
 export declare const interpolateString: (a: any, b: any) => (t: number) => any;
 /**
  * By default, the list of interpolators used by `d3.interpolate` has a few

package/lib/victory-animation/util.js

@@ -118,15 +118,15 @@ 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.
  */
 
 
 exports.interpolateFunction = interpolateFunction;
 
-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);
@@ -151,6 +151,8 @@ var interpolateObject = function (a, b) {
 
   var i = {};
   var c = {};
+  var a = startValue;
+  var b = endValue;
   var k;
 
   if (a === null || typeof a !== "object") {

package/lib/victory-animation/victory-animation.js

@@ -79,8 +79,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({

package/lib/victory-label/victory-label.d.ts

@@ -17,7 +17,7 @@ export interface VictoryLabelProps {
     capHeight?: StringOrNumberOrCallback;
     children?: StringOrNumberOrCallback;
     className?: string;
-    datum?: object;
+    datum?: Record<string, any>;
     data?: any[];
     desc?: string;
     direction?: string;

package/lib/victory-label/victory-label.js

@@ -119,8 +119,7 @@ var getStyles = function (style, props) {
   }
 
   var getSingleStyle = function (s) {
-    s = s ? (0, _defaults2.default)({}, s, defaultStyles) : defaultStyles;
-    var baseStyles = Helpers.evaluateStyle(s, props);
+    var baseStyles = Helpers.evaluateStyle(s ? (0, _defaults2.default)({}, s, defaultStyles) : defaultStyles, props);
     return (0, _assign2.default)({}, baseStyles, {
       fontSize: getFontSize(baseStyles)
     });
@@ -324,22 +323,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);
   }
 };
@@ -542,8 +538,8 @@ var defaultProps = {
   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;
@@ -564,7 +560,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: TextSize.approximateTextSize(line, currentStyle),
       lineHeight: currentLineHeight,
       backgroundPadding: getSingleValue(backgroundPadding, i)

package/lib/victory-primitives/arc.d.ts

@@ -12,7 +12,7 @@ export interface ArcProps extends VictoryCommonPrimitiveProps {
     startAngle?: number;
 }
 export declare const Arc: {
-    (props: ArcProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    (initialProps: ArcProps): React.DetailedReactHTMLElement<any, HTMLElement>;
     propTypes: {
         closedPath: PropTypes.Requireable<boolean>;
         cx: PropTypes.Requireable<number>;

package/lib/victory-primitives/arc.js

@@ -85,8 +85,8 @@ var defaultProps = {
   shapeRendering: "auto"
 };
 
-var Arc = function (props) {
-  props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), props));
+var Arc = function (initialProps) {
+  var props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), initialProps));
   return /*#__PURE__*/_react.default.cloneElement(props.pathComponent, _objectSpread(_objectSpread({}, props.events), {}, {
     "aria-label": props.ariaLabel,
     d: getArcPath(props),

package/lib/victory-primitives/background.d.ts

@@ -12,7 +12,7 @@ export interface BackgroundProps extends VictoryCommonPrimitiveProps {
     y?: number;
 }
 export declare const Background: {
-    (props: BackgroundProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    (initialProps: BackgroundProps): React.DetailedReactHTMLElement<any, HTMLElement>;
     propTypes: {
         circleComponent: PropTypes.Requireable<PropTypes.ReactElementLike>;
         height: PropTypes.Requireable<number>;

package/lib/victory-primitives/background.js

@@ -49,8 +49,8 @@ var defaultProps = {
   shapeRendering: "auto"
 };
 
-var Background = function (props) {
-  props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), props));
+var Background = function (initialProps) {
+  var props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), initialProps));
   return props.polar ? /*#__PURE__*/_react.default.cloneElement(props.circleComponent, _objectSpread(_objectSpread({}, props.events), {}, {
     style: props.style,
     role: props.role,

package/lib/victory-primitives/border.d.ts

@@ -9,7 +9,7 @@ export interface BorderProps extends VictoryCommonPrimitiveProps {
     y?: number;
 }
 export declare const Border: {
-    (props: BorderProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    (initialProps: BorderProps): React.DetailedReactHTMLElement<any, HTMLElement>;
     propTypes: {
         height: PropTypes.Requireable<number>;
         rectComponent: PropTypes.Requireable<PropTypes.ReactElementLike>;

package/lib/victory-primitives/border.js

@@ -60,8 +60,8 @@ var defaultProps = {
   shapeRendering: "auto"
 };
 
-var Border = function (props) {
-  props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), props));
+var Border = function (initialProps) {
+  var props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), initialProps));
   return /*#__PURE__*/_react.default.cloneElement(props.rectComponent, _objectSpread(_objectSpread({}, props.events), {}, {
     "aria-label": props.ariaLabel,
     style: props.style,

package/lib/victory-primitives/line-segment.d.ts

@@ -10,7 +10,7 @@ export interface LineSegmentProps extends VictoryCommonPrimitiveProps {
     y2?: number;
 }
 export declare const LineSegment: {
-    (props: LineSegmentProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    (initialProps: LineSegmentProps): React.DetailedReactHTMLElement<any, HTMLElement>;
     propTypes: {
         datum: PropTypes.Requireable<any>;
         lineComponent: PropTypes.Requireable<PropTypes.ReactElementLike>;

package/lib/victory-primitives/line-segment.js

@@ -60,8 +60,8 @@ var defaultProps = {
   shapeRendering: "auto"
 };
 
-var LineSegment = function (props) {
-  props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), props));
+var LineSegment = function (initialProps) {
+  var props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), initialProps));
   return /*#__PURE__*/_react.default.cloneElement(props.lineComponent, _objectSpread(_objectSpread({}, props.events), {}, {
     "aria-label": props.ariaLabel,
     style: props.style,