victory-core 36.7.0 → 36.8.2

package/es/victory-primitives/tspan.js

@@ -1,8 +1,33 @@
+var _excluded = ["desc", "id", "tabIndex", "origin"];
+
+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; }
+
 import React from "react";
+import { evaluateProp } from "../victory-util/helpers";
 export var TSpan = function (props) {
-  return (
-    /*#__PURE__*/
-    // @ts-expect-error FIXME: "id cannot be a number"
-    React.createElement("tspan", props)
-  );
+  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({
+    id: (_evaluateProp = evaluateProp(id, props)) === null || _evaluateProp === void 0 ? void 0 : _evaluateProp.toString(),
+    tabIndex: evaluateProp(tabIndex, props)
+  }, rest);
+
+  return /*#__PURE__*/React.createElement("tspan", svgProps);
 };

package/es/victory-primitives/whisker.d.ts

@@ -49,11 +49,5 @@ export declare const Whisker: {
         tabIndex?: React.Validator<import("..").NumberOrCallback | null | undefined> | undefined;
         transform?: React.Validator<string | null | undefined> | undefined;
     };
-    defaultProps: {
-        groupComponent: JSX.Element;
-        lineComponent: JSX.Element;
-        role: string;
-        shapeRendering: string;
-    };
 };
 //# sourceMappingURL=whisker.d.ts.map

package/es/victory-primitives/whisker.js

@@ -35,8 +35,14 @@ var evaluateProps = function (props) {
   });
 };
 
+var defaultProps = {
+  groupComponent: /*#__PURE__*/React.createElement("g", null),
+  lineComponent: /*#__PURE__*/React.createElement(Line, null),
+  role: "presentation",
+  shapeRendering: "auto"
+};
 export var Whisker = function (props) {
-  props = evaluateProps(props);
+  props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), props));
   var _props = props,
       ariaLabel = _props.ariaLabel,
       groupComponent = _props.groupComponent,
@@ -87,10 +93,4 @@ Whisker.propTypes = _objectSpread(_objectSpread({}, CommonProps.primitiveProps),
     y1: PropTypes.number,
     y2: PropTypes.number
   })
-});
-Whisker.defaultProps = {
-  groupComponent: /*#__PURE__*/React.createElement("g", null),
-  lineComponent: /*#__PURE__*/React.createElement(Line, null),
-  role: "presentation",
-  shapeRendering: "auto"
-};
+});

package/es/victory-util/add-events.d.ts

@@ -27,7 +27,7 @@ export interface EventsMixinClass<TProps> {
     renderData(props: TProps): any;
     renderContinuousData(props: TProps): any;
     animateComponent(props: TProps, defaultAnimationWhitelist: string[]): React.ReactElement;
-    getComponentProps(component: React.ReactElement, type: string, index: number): TProps;
+    getComponentProps(component: React.ReactNode, type: string, index: string | number): TProps;
     dataKeys: string[];
 }
 /**
@@ -90,7 +90,7 @@ export declare function addEvents<TBase extends WrappedComponentClass<TProps>, T
         cacheValues(obj: any): void;
         getBaseProps(props: any, getSharedEventState: any): Record<string, object>;
         getAllEvents(props: any): any;
-        getComponentProps(component: any, type: any, index: any): any;
+        getComponentProps(component: React.ReactNode, type: string, index: string | number): any;
         renderContainer(component: any, children: any): React.DetailedReactHTMLElement<any, HTMLElement>;
         animateComponent(props: TProps, defaultAnimationWhitelist: string[]): React.ReactElement;
         renderContinuousData(props: TProps): React.DetailedReactHTMLElement<any, HTMLElement>;

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

@@ -314,13 +314,15 @@ export function addEvents(WrappedComponent) {
           return undefined;
         }
 
+        var currentProps = component && typeof component === "object" && "props" in component ? component.props : undefined;
+
         if (this.hasEvents) {
           var baseEvents = this.getEvents(this.props, type, key);
 
           var componentProps = _defaults({
             index: index,
             key: id
-          }, this.getEventState(key, type), this.getSharedEventState(key, type), component.props, baseProps, {
+          }, this.getEventState(key, type), this.getSharedEventState(key, type), currentProps, baseProps, {
             id: id
           });
 
@@ -334,7 +336,7 @@ export function addEvents(WrappedComponent) {
         return _defaults({
           index: index,
           key: id
-        }, component.props, baseProps, {
+        }, currentProps, baseProps, {
           id: id
         });
       }

package/es/victory-util/helpers.js

@@ -6,7 +6,7 @@ import _isFunction from "lodash/isFunction";
 import _defaults from "lodash/defaults";
 
 /* eslint-disable no-use-before-define */
-import React from "react";
+import React, { isValidElement } from "react";
 
 // Private Functions
 function getCartesianRange(props, axis) {
@@ -317,10 +317,11 @@ export function reduceChildren(children, iteratee) {
     }, initialMemo);
   };
 
-  var childNames = children.map(function (c, i) {
+  var validChildren = children.filter(isValidElement);
+  var childNames = validChildren.map(function (c, i) {
     return i;
   });
-  return traverseChildren(children, childNames);
+  return traverseChildren(validChildren, childNames);
 }
 /**
  * @param {Object} props: the props object

package/es/victory-util/textsize.js

@@ -304,6 +304,13 @@ var styleToKeyComponent = function (style) {
 var _measureDimensionsInternal = _memoize(function (text, style) {
   var containerElement = _getMeasurementContainer();
 
+  if (!containerElement.isConnected) {
+    var _getMeasurementContai, _getMeasurementContai2;
+
+    (_getMeasurementContai = (_getMeasurementContai2 = _getMeasurementContainer.cache).clear) === null || _getMeasurementContai === void 0 ? void 0 : _getMeasurementContai.call(_getMeasurementContai2);
+    containerElement = _getMeasurementContainer();
+  }
+
   var lines = _splitToLines(text);
 
   var heightAcc = 0;

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

@@ -17,6 +17,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import * as React from "react";
+import { evaluateProp } from "./helpers";
 /*
   USER_PROPS_SAFELIST is to contain any string deemed safe for user props.
   The startsWidth array will contain the start of any accepted user-prop that
@@ -71,21 +72,6 @@ var testIfSafeProp = function (key) {
   if (doesPropStartWith(key) || isExactMatch(key)) return true;
   return false;
 };
-/**
- * Gets the value from props if a function value is provided
- * @param {any} value: maybe function value
- * @param {Object} props: props object
- * @returns {any} newValue
- */
-
-
-var getValue = function (value, props) {
-  if (typeof value === "function") {
-    return value(props);
-  }
-
-  return value;
-};
 /**
  * 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
@@ -109,7 +95,7 @@ export var getSafeUserProps = function (props) {
         key = _ref4[0],
         value = _ref4[1];
 
-    return [key, getValue(value, props)];
+    return [key, evaluateProp(value, props)];
   }));
 };
 /**

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

@@ -471,7 +471,7 @@ var getCalculatedProps = function (props) {
     verticalAnchor: verticalAnchor,
     dx: dx,
     dy: dy,
-    originalDy: props.dy,
+    originalDy: Helpers.evaluateProp(props.dy, props),
     transform: transform,
     x: x,
     y: y
@@ -531,8 +531,19 @@ var renderLabel = function (calculatedProps, tspanValues) {
   return /*#__PURE__*/_react.default.cloneElement(textComponent, textProps, tspans);
 };
 
+var defaultProps = {
+  backgroundComponent: /*#__PURE__*/_react.default.createElement(_rect.Rect, null),
+  groupComponent: /*#__PURE__*/_react.default.createElement("g", null),
+  direction: "inherit",
+  textComponent: /*#__PURE__*/_react.default.createElement(_text.Text, null),
+  tspanComponent: /*#__PURE__*/_react.default.createElement(_tspan.TSpan, null),
+  capHeight: 0.71,
+  // Magic number from d3.
+  lineHeight: 1
+};
+
 var VictoryLabel = function (props) {
-  props = evaluateProps(props);
+  props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), props));
 
   if (props.text === null || props.text === undefined) {
     return null;
@@ -625,14 +636,4 @@ VictoryLabel.propTypes = {
   x: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   // @ts-expect-error Number is not assignable to string
   y: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
-};
-VictoryLabel.defaultProps = {
-  backgroundComponent: /*#__PURE__*/_react.default.createElement(_rect.Rect, null),
-  groupComponent: /*#__PURE__*/_react.default.createElement("g", null),
-  direction: "inherit",
-  textComponent: /*#__PURE__*/_react.default.createElement(_text.Text, null),
-  tspanComponent: /*#__PURE__*/_react.default.createElement(_tspan.TSpan, null),
-  capHeight: 0.71,
-  // Magic number from d3.
-  lineHeight: 1
 };

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

@@ -41,10 +41,5 @@ export declare const Arc: {
         tabIndex?: React.Validator<import("..").NumberOrCallback | null | undefined> | undefined;
         transform?: React.Validator<string | null | undefined> | undefined;
     };
-    defaultProps: {
-        pathComponent: JSX.Element;
-        role: string;
-        shapeRendering: string;
-    };
 };
 //# sourceMappingURL=arc.d.ts.map

package/lib/victory-primitives/arc.js

@@ -79,8 +79,14 @@ var evaluateProps = function (props) {
   });
 };
 
+var defaultProps = {
+  pathComponent: /*#__PURE__*/_react.default.createElement(_path.Path, null),
+  role: "presentation",
+  shapeRendering: "auto"
+};
+
 var Arc = function (props) {
-  props = evaluateProps(props);
+  props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), props));
   return /*#__PURE__*/_react.default.cloneElement(props.pathComponent, _objectSpread(_objectSpread({}, props.events), {}, {
     "aria-label": props.ariaLabel,
     d: getArcPath(props),
@@ -105,9 +111,4 @@ Arc.propTypes = _objectSpread(_objectSpread({}, _commonProps.CommonProps.primiti
   pathComponent: _propTypes.default.element,
   r: _propTypes.default.number,
   startAngle: _propTypes.default.number
-});
-Arc.defaultProps = {
-  pathComponent: /*#__PURE__*/_react.default.createElement(_path.Path, null),
-  role: "presentation",
-  shapeRendering: "auto"
-};
+});

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

@@ -41,11 +41,5 @@ export declare const Background: {
         tabIndex?: React.Validator<import("..").NumberOrCallback | null | undefined> | undefined;
         transform?: React.Validator<string | null | undefined> | undefined;
     };
-    defaultProps: {
-        circleComponent: JSX.Element;
-        rectComponent: JSX.Element;
-        role: string;
-        shapeRendering: string;
-    };
 };
 //# sourceMappingURL=background.d.ts.map

package/lib/victory-primitives/background.js

@@ -42,8 +42,15 @@ var evaluateProps = function (props) {
   });
 };
 
+var defaultProps = {
+  circleComponent: /*#__PURE__*/_react.default.createElement(_circle.Circle, null),
+  rectComponent: /*#__PURE__*/_react.default.createElement(_rect.Rect, null),
+  role: "presentation",
+  shapeRendering: "auto"
+};
+
 var Background = function (props) {
-  props = evaluateProps(props);
+  props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), props));
   return props.polar ? /*#__PURE__*/_react.default.cloneElement(props.circleComponent, _objectSpread(_objectSpread({}, props.events), {}, {
     style: props.style,
     role: props.role,
@@ -76,10 +83,4 @@ Background.propTypes = _objectSpread(_objectSpread({}, _commonProps.CommonProps.
   width: _propTypes.default.number,
   x: _propTypes.default.number,
   y: _propTypes.default.number
-});
-Background.defaultProps = {
-  circleComponent: /*#__PURE__*/_react.default.createElement(_circle.Circle, null),
-  rectComponent: /*#__PURE__*/_react.default.createElement(_rect.Rect, null),
-  role: "presentation",
-  shapeRendering: "auto"
-};
+});

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

@@ -35,10 +35,5 @@ export declare const Border: {
         tabIndex?: React.Validator<import("..").NumberOrCallback | null | undefined> | undefined;
         transform?: React.Validator<string | null | undefined> | undefined;
     };
-    defaultProps: {
-        rectComponent: JSX.Element;
-        role: string;
-        shapeRendering: string;
-    };
 };
 //# sourceMappingURL=border.d.ts.map

package/lib/victory-primitives/border.js

@@ -54,8 +54,14 @@ var evaluateProps = function (props) {
   });
 };
 
+var defaultProps = {
+  rectComponent: /*#__PURE__*/_react.default.createElement(_rect.Rect, null),
+  role: "presentation",
+  shapeRendering: "auto"
+};
+
 var Border = function (props) {
-  props = evaluateProps(props);
+  props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), props));
   return /*#__PURE__*/_react.default.cloneElement(props.rectComponent, _objectSpread(_objectSpread({}, props.events), {}, {
     "aria-label": props.ariaLabel,
     style: props.style,
@@ -80,9 +86,4 @@ Border.propTypes = _objectSpread(_objectSpread({}, _commonProps.CommonProps.prim
   width: _propTypes.default.number,
   x: _propTypes.default.number,
   y: _propTypes.default.number
-});
-Border.defaultProps = {
-  rectComponent: /*#__PURE__*/_react.default.createElement(_rect.Rect, null),
-  role: "presentation",
-  shapeRendering: "auto"
-};
+});

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { VictoryPrimitiveShapeProps } from "./types";
-export declare const Circle: (props: VictoryPrimitiveShapeProps) => JSX.Element;
+export declare const Circle: React.ForwardRefExoticComponent<VictoryPrimitiveShapeProps & React.RefAttributes<SVGCircleElement>>;
 //# sourceMappingURL=circle.d.ts.map

package/lib/victory-primitives/circle.js

@@ -5,34 +5,50 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Circle = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _excluded = ["desc"];
+var _helpers = require("../victory-util/helpers");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _excluded = ["desc", "id", "tabIndex", "origin"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 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 Circle = function (props) {
-  // eslint-disable-next-line react/prop-types
+var Circle = /*#__PURE__*/(0, _react.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);
 
-  return desc ?
-  /*#__PURE__*/
-  // @ts-expect-error FIXME: "id cannot be a number"
-  _react.default.createElement("circle", _extends({
-    vectorEffect: "non-scaling-stroke"
-  }, rest), /*#__PURE__*/_react.default.createElement("desc", null, desc)) :
-  /*#__PURE__*/
-  // @ts-expect-error FIXME: "id cannot be a number"
-  _react.default.createElement("circle", _extends({
-    vectorEffect: "non-scaling-stroke"
-  }, rest));
-};
-
+  var svgProps = _objectSpread({
+    vectorEffect: "non-scaling-stroke",
+    id: (_evaluateProp = (0, _helpers.evaluateProp)(id, props)) === null || _evaluateProp === void 0 ? void 0 : _evaluateProp.toString(),
+    tabIndex: (0, _helpers.evaluateProp)(tabIndex, props)
+  }, rest);
+
+  return desc ? /*#__PURE__*/_react.default.createElement("circle", _extends({}, svgProps, {
+    ref: ref
+  }), /*#__PURE__*/_react.default.createElement("desc", null, desc)) : /*#__PURE__*/_react.default.createElement("circle", _extends({}, svgProps, {
+    ref: ref
+  }));
+});
 exports.Circle = Circle;

package/lib/victory-primitives/clip-path.d.ts

@@ -1,15 +1,8 @@
 import React from "react";
-import PropTypes from "prop-types";
 import { VictoryCommonPrimitiveProps } from "../victory-util/common-props";
 export interface ClipPathProps extends VictoryCommonPrimitiveProps {
     children?: React.ReactNode[] | React.ReactNode;
     clipId?: number | string;
 }
-export declare const ClipPath: {
-    (props: ClipPathProps): JSX.Element;
-    propTypes: {
-        children: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        clipId: PropTypes.Requireable<string | number>;
-    };
-};
+export declare const ClipPath: (props: ClipPathProps) => JSX.Element;
 //# sourceMappingURL=clip-path.d.ts.map

package/lib/victory-primitives/clip-path.js

@@ -7,21 +7,14 @@ exports.ClipPath = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var ClipPath = function (props) {
-  return /*#__PURE__*/_react.default.createElement("defs", null,
-  /*#__PURE__*/
-  // @ts-expect-error FIXME: "id cannot be a number"
-  _react.default.createElement("clipPath", {
-    id: props.clipId
+  var _props$clipId;
+
+  return /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: (_props$clipId = props.clipId) === null || _props$clipId === void 0 ? void 0 : _props$clipId.toString()
   }, props.children));
 };
 
-exports.ClipPath = ClipPath;
-ClipPath.propTypes = {
-  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]),
-  clipId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
-};
+exports.ClipPath = ClipPath;

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

@@ -37,10 +37,5 @@ export declare const LineSegment: {
         tabIndex?: React.Validator<import("..").NumberOrCallback | null | undefined> | undefined;
         transform?: React.Validator<string | null | undefined> | undefined;
     };
-    defaultProps: {
-        lineComponent: JSX.Element;
-        role: string;
-        shapeRendering: string;
-    };
 };
 //# sourceMappingURL=line-segment.d.ts.map

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

@@ -54,8 +54,14 @@ var evaluateProps = function (props) {
   });
 };
 
+var defaultProps = {
+  lineComponent: /*#__PURE__*/_react.default.createElement(_line.Line, null),
+  role: "presentation",
+  shapeRendering: "auto"
+};
+
 var LineSegment = function (props) {
-  props = evaluateProps(props);
+  props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), props));
   return /*#__PURE__*/_react.default.cloneElement(props.lineComponent, _objectSpread(_objectSpread({}, props.events), {}, {
     "aria-label": props.ariaLabel,
     style: props.style,
@@ -81,9 +87,4 @@ LineSegment.propTypes = _objectSpread(_objectSpread({}, _commonProps.CommonProps
   x2: _propTypes.default.number,
   y1: _propTypes.default.number,
   y2: _propTypes.default.number
-});
-LineSegment.defaultProps = {
-  lineComponent: /*#__PURE__*/_react.default.createElement(_line.Line, null),
-  role: "presentation",
-  shapeRendering: "auto"
-};
+});

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { VictoryPrimitiveShapeProps } from "./types";
-export declare const Line: (props: VictoryPrimitiveShapeProps) => JSX.Element;
+export declare const Line: React.ForwardRefExoticComponent<VictoryPrimitiveShapeProps & React.RefAttributes<SVGLineElement>>;
 //# sourceMappingURL=line.d.ts.map

package/lib/victory-primitives/line.js

@@ -5,34 +5,50 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Line = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _excluded = ["desc"];
+var _helpers = require("../victory-util/helpers");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _excluded = ["desc", "id", "tabIndex", "origin"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 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 = function (props) {
-  // eslint-disable-next-line react/prop-types
+var Line = /*#__PURE__*/(0, _react.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);
 
-  return desc ?
-  /*#__PURE__*/
-  // @ts-expect-error FIXME: "id cannot be a number"
-  _react.default.createElement("line", _extends({
-    vectorEffect: "non-scaling-stroke"
-  }, rest), /*#__PURE__*/_react.default.createElement("desc", null, desc)) :
-  /*#__PURE__*/
-  // @ts-expect-error FIXME: "id cannot be a number"
-  _react.default.createElement("line", _extends({
-    vectorEffect: "non-scaling-stroke"
-  }, rest));
-};
-
+  var svgProps = _objectSpread({
+    vectorEffect: "non-scaling-stroke",
+    id: (_evaluateProp = (0, _helpers.evaluateProp)(id, props)) === null || _evaluateProp === void 0 ? void 0 : _evaluateProp.toString(),
+    tabIndex: (0, _helpers.evaluateProp)(tabIndex, props)
+  }, rest);
+
+  return desc ? /*#__PURE__*/_react.default.createElement("line", _extends({}, svgProps, {
+    ref: ref
+  }), /*#__PURE__*/_react.default.createElement("desc", null, desc)) : /*#__PURE__*/_react.default.createElement("line", _extends({}, svgProps, {
+    ref: ref
+  }));
+});
 exports.Line = Line;

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

@@ -1,4 +1,4 @@
 import React from "react";
 import { VictoryPrimitiveShapeProps } from "./types";
-export declare const Path: React.ForwardRefExoticComponent<VictoryPrimitiveShapeProps & React.RefAttributes<unknown>>;
+export declare const Path: React.ForwardRefExoticComponent<VictoryPrimitiveShapeProps & React.RefAttributes<SVGPathElement>>;
 //# sourceMappingURL=path.d.ts.map