victory-core 37.3.1 → 37.3.3

package/es/victory-util/transitions.js

@@ -1,6 +1,6 @@
-import _identity from "lodash/identity";
-import _defaults from "lodash/defaults";
 import React from "react";
+import defaults from "lodash/defaults";
+import identity from "lodash/identity";
 function getDatumKey(datum, idx) {
   return (datum.key || idx).toString();
 }
@@ -108,7 +108,7 @@ export function getInitialTransitionState(oldChildren, nextChildren) {
   };
 }
 function getInitialChildProps(animate, data) {
-  const after = animate.onEnter && animate.onEnter.after ? animate.onEnter.after : _identity;
+  const after = animate.onEnter && animate.onEnter.after ? animate.onEnter.after : identity;
   return {
     data: data.map((datum, idx) => Object.assign({}, datum, after(datum, idx, data)))
   };
@@ -125,7 +125,7 @@ function getChildBeforeLoad(animate, child, data, cb) {
       data
     };
   }
-  const before = newAnimate.onLoad && newAnimate.onLoad.before ? newAnimate.onLoad.before : _identity;
+  const before = newAnimate.onLoad && newAnimate.onLoad.before ? newAnimate.onLoad.before : identity;
   // If nodes need to exit, transform them with the provided onLoad.before function.
   const newData = data.map((datum, idx) => {
     return Object.assign({}, datum, before(datum, idx, data));
@@ -136,8 +136,6 @@ function getChildBeforeLoad(animate, child, data, cb) {
     clipWidth: 0
   };
 }
-
-// eslint-disable-next-line max-params
 function getChildOnLoad(animate, data, cb) {
   const newAnimate = Object.assign({}, animate, {
     onEnd: cb
@@ -149,7 +147,7 @@ function getChildOnLoad(animate, data, cb) {
       data
     };
   }
-  const after = animate.onLoad && animate.onLoad.after ? animate.onLoad.after : _identity;
+  const after = animate.onLoad && animate.onLoad.after ? animate.onLoad.after : identity;
   // If nodes need to exit, transform them with the provided onLoad.after function.
   newData = data.map((datum, idx) => {
     return Object.assign({}, datum, after(datum, idx, data));
@@ -160,7 +158,7 @@ function getChildOnLoad(animate, data, cb) {
   };
 }
 
-// eslint-disable-next-line max-params, max-len
+// eslint-disable-next-line max-params
 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.
@@ -171,7 +169,7 @@ function getChildPropsOnExit(animate, child, data, exitingNodes, cb) {
     // After the exit transition occurs, trigger the animations for
     // nodes that are neither exiting nor entering.
     animate.onEnd = cb;
-    const before = animate.onExit && animate.onExit.before ? animate.onExit.before : _identity;
+    const before = animate.onExit && animate.onExit.before ? animate.onExit.before : identity;
     // If nodes need to exit, transform them with the provided onExit.before function.
     newData = data.map((datum, idx) => {
       const key = (datum.key || idx).toString();
@@ -184,7 +182,7 @@ function getChildPropsOnExit(animate, child, data, exitingNodes, cb) {
   };
 }
 
-// eslint-disable-next-line max-params,max-len
+// eslint-disable-next-line max-params
 function getChildPropsBeforeEnter(animate, child, data, enteringNodes, cb) {
   let newAnimate = animate;
   let newData = data;
@@ -194,7 +192,7 @@ function getChildPropsBeforeEnter(animate, child, data, enteringNodes, cb) {
     newAnimate = Object.assign({}, animate, {
       onEnd: cb
     });
-    const before = animate.onEnter && animate.onEnter.before ? animate.onEnter.before : _identity;
+    const 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.
@@ -209,7 +207,7 @@ function getChildPropsBeforeEnter(animate, child, data, enteringNodes, cb) {
   };
 }
 
-// eslint-disable-next-line max-params, max-len
+// eslint-disable-next-line max-params
 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.
@@ -221,7 +219,7 @@ function getChildPropsOnEnter(animate, data, enteringNodes, cb) {
     // domain should encompass the nodes that will now enter. So perform
     // the `onEnter.after` transformation on each node.
     newAnimate.onEnd = cb;
-    const after = newAnimate.onEnter && newAnimate.onEnter.after ? newAnimate.onEnter.after : _identity;
+    const after = newAnimate.onEnter && newAnimate.onEnter.after ? newAnimate.onEnter.after : identity;
     newData = data.map((datum, idx) => {
       const key = getDatumKey(datum, idx);
       return enteringNodes[key] ? Object.assign({}, datum, after(datum, idx, data)) : datum;
@@ -316,15 +314,13 @@ export function getTransitionPropsFactory(props, state, setState) {
     }
     return {};
   };
-
-  // eslint-disable-next-line max-statements, complexity, max-len
   return function getTransitionProps(child, index) {
     const data = getChildData(child) || [];
-    const animate = _defaults({}, props.animate, child.props.animate);
+    const animate = defaults({}, props.animate, child.props.animate);
     const defaultTransitions = child.props.polar ? child.type.defaultPolarTransitions || child.type.defaultTransitions : child.type.defaultTransitions;
-    animate.onExit = _defaults({}, animate.onExit, defaultTransitions && defaultTransitions.onExit);
-    animate.onEnter = _defaults({}, animate.onEnter, defaultTransitions && defaultTransitions.onEnter);
-    animate.onLoad = _defaults({}, animate.onLoad, defaultTransitions && defaultTransitions.onLoad);
+    animate.onExit = defaults({}, animate.onExit, defaultTransitions && defaultTransitions.onExit);
+    animate.onEnter = defaults({}, animate.onEnter, defaultTransitions && defaultTransitions.onEnter);
+    animate.onLoad = defaults({}, animate.onLoad, defaultTransitions && defaultTransitions.onLoad);
     const childTransitions = childrenTransitions[index] || childrenTransitions[0];
     if (!nodesDoneLoad) {
       // should do onLoad animation

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

@@ -2,7 +2,6 @@ import { ForAxes, AxisType, Tuple, Datum, DatumValue } from "../types/prop-types
 export declare function hasValueForAxis<T = unknown>(value: unknown | ForAxes<T>, axis: AxisType): value is ForAxes<T>;
 export declare function isTuple<T = unknown>(value: unknown): value is Tuple<T>;
 export declare function getValueForAxis<T = unknown>(value: T | ForAxes<T> | undefined, axis: AxisType): T | undefined;
-export declare function isFunction<T = Function>(func?: unknown): func is T;
 export declare function isDate(value: unknown): value is Date;
 export declare function isKeyValueObject(datum: Datum): datum is {
     [key: string]: DatumValue;

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

@@ -13,11 +13,6 @@ export function getValueForAxis(value, axis) {
   }
   return value;
 }
-
-// eslint-disable-next-line @typescript-eslint/ban-types
-export function isFunction(func) {
-  return typeof func === "function";
-}
 export function isDate(value) {
   return value instanceof Date;
 }

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare type SafeAttribute = string;
+type SafeAttribute = string;
 /**
  * Asserts that value is not null or undefined, throwing an error if it is.
  * @param value The value to assert
@@ -14,7 +14,7 @@ export declare function assert<T>(value: T, message?: string): asserts value is
  * @param {Object} props: props to be filtered against USER_PROPS_SAFELIST
  * @returns {Object}: object containing remaining acceptable props
  */
-export declare const getSafeUserProps: <T>(props: T) => Record<SafeAttribute, string>;
+export declare const getSafeUserProps: <T>(props: T extends Record<string, any> ? T : never) => Record<SafeAttribute, string>;
 /**
  * Wraps a component and adds safe user props
  *

package/es/victory-util/wrapper.js

@@ -1,8 +1,8 @@
-import _uniqBy from "lodash/uniqBy";
-import _groupBy from "lodash/groupBy";
-import _uniq from "lodash/uniq";
-import _defaults from "lodash/defaults";
 import React from "react";
+import defaults from "lodash/defaults";
+import uniq from "lodash/uniq";
+import groupBy from "lodash/groupBy";
+import uniqBy from "lodash/uniqBy";
 import * as Axis from "./axis";
 import * as Style from "./style";
 import * as Data from "./data";
@@ -108,10 +108,10 @@ export function getDataFromChildren(props, childComponents) {
     }, datum));
   };
   const stacked = children.filter(c => c.type && c.type.role === "stack").length;
-  const combine = (memo, val) => memo.concat(_uniqBy(val, "_group"));
+  const combine = (memo, val) => memo.concat(uniqBy(val, "_group"));
   const datasets = Helpers.reduceChildren(children, iteratee, props, [], combine);
   const group = stacked ? "_group" : "_stack";
-  return Object.values(_groupBy(datasets, group));
+  return Object.values(groupBy(datasets, group));
 }
 export function getData(props, childComponents) {
   if (props.data) {
@@ -169,7 +169,6 @@ export function getDefaultDomainPadding(props, axis, childComponents) {
   };
 }
 export function getDomainFromChildren(props, axis, childComponents) {
-  // eslint-disable-line max-statements, complexity, max-len
   const children = childComponents ? childComponents.slice(0) : React.Children.toArray(props.children);
   const parentData = props.data ? Data.getData(props) : undefined;
   const {
@@ -239,7 +238,7 @@ export function getScale(props, axis, childComponents) {
     });
     return Scale.getScaleType(sharedProps, axis);
   };
-  const childScale = _uniq(Helpers.reduceChildren(children, iteratee, props));
+  const childScale = uniq(Helpers.reduceChildren(children, iteratee, props));
 
   // default to linear scale if more than one uniq scale type is given by children
   return childScale.length > 1 ? Scale.getScaleFromName("linear") : Scale.getScaleFromName(childScale[0]);
@@ -301,8 +300,8 @@ export function getChildStyle(child, index, calculatedProps, theme) {
   const dataWidth = role === "stack" ? {} : {
     width: getWidth(calculatedProps)
   };
-  const dataStyle = _defaults({}, childStyle.data, Object.assign({}, dataWidth, style.data, defaultColor));
-  const labelsStyle = _defaults({}, childStyle.labels, style.labels);
+  const dataStyle = defaults({}, childStyle.data, Object.assign({}, dataWidth, style.data, defaultColor));
+  const labelsStyle = defaults({}, childStyle.labels, style.labels);
   return {
     ...childStyle,
     parent: style.parent,
@@ -355,7 +354,7 @@ export function getCategoryAndAxisStringsFromChildren(props, axis, childComponen
   const axisComponent = Axis.getAxisComponent(childComponents, axis);
   const axisStrings = axisComponent ? Data.getStringsFromAxes(axisComponent.props, axis) : [];
   const categoryStrings = categories.length ? categories : getStringsFromChildrenCategories(childComponents, axis);
-  return _uniq([...categoryStrings, ...axisStrings].flat());
+  return uniq([...categoryStrings, ...axisStrings].flat());
 }
 export function getStringsFromChildren(props, childComponents) {
   const children = childComponents || React.Children.toArray(props.children);
@@ -363,8 +362,8 @@ export function getStringsFromChildren(props, childComponents) {
   const yStrings = getCategoryAndAxisStringsFromChildren(props, "y", children);
   const dataStrings = getStringsFromData(children);
   return {
-    x: _uniq([...xStrings, ...dataStrings.x].flat()),
-    y: _uniq([...yStrings, ...dataStrings.y].flat())
+    x: uniq([...xStrings, ...dataStrings.x].flat()),
+    y: uniq([...yStrings, ...dataStrings.y].flat())
   };
 }
 export function getCategories(props, childComponents, allStrings) {

package/lib/types/callbacks.d.ts

@@ -23,15 +23,15 @@ export interface CallbackArgs {
     ticks?: any;
     text?: any;
 }
-export declare type VictoryStringOrNumberCallback = (args: CallbackArgs) => string | number;
-export declare type VictoryStringCallback = (args: CallbackArgs) => string;
-export declare type StringOrNumberOrCallback = string | number | VictoryStringOrNumberCallback;
-export declare type StringOrCallback = string | VictoryStringCallback;
-export declare type SliceNumberOrCallback<T, P extends string | number | symbol = never> = number | ((props: Omit<T, P>) => number);
-export declare type VictoryNumberCallback = (args: CallbackArgs) => number;
-export declare type VictoryPaddingCallback = (args: CallbackArgs) => number | BlockProps;
-export declare type VictoryOrientationCallback = (args: CallbackArgs) => OrientationTypes;
-export declare type NumberOrCallback = number | VictoryNumberCallback;
-export declare type PaddingOrCallback = number | BlockProps | VictoryPaddingCallback;
-export declare type OrientationOrCallback = OrientationTypes | VictoryOrientationCallback;
+export type VictoryStringOrNumberCallback = (args: CallbackArgs) => string | number;
+export type VictoryStringCallback = (args: CallbackArgs) => string;
+export type StringOrNumberOrCallback = string | number | VictoryStringOrNumberCallback;
+export type StringOrCallback = string | VictoryStringCallback;
+export type SliceNumberOrCallback<T, P extends string | number | symbol = never> = number | ((props: Omit<T, P>) => number);
+export type VictoryNumberCallback = (args: CallbackArgs) => number;
+export type VictoryPaddingCallback = (args: CallbackArgs) => number | BlockProps;
+export type VictoryOrientationCallback = (args: CallbackArgs) => OrientationTypes;
+export type NumberOrCallback = number | VictoryNumberCallback;
+export type PaddingOrCallback = number | BlockProps | VictoryPaddingCallback;
+export type OrientationOrCallback = OrientationTypes | VictoryOrientationCallback;
 //# sourceMappingURL=callbacks.d.ts.map

package/lib/types/prop-types.d.ts

@@ -2,25 +2,25 @@ import * as React from "react";
 import { ScaleLinear, ScaleLogarithmic, ScalePower, ScaleTime } from "victory-vendor/d3-scale";
 import { AnimationEasing, AnimationStyle } from "../victory-animation/victory-animation";
 import { CallbackArgs, StringOrNumberOrCallback } from "./callbacks";
-export declare type AxisType = "x" | "y";
-export declare type DatumValue = number | string | Date | null | undefined;
-export declare type Datum = any;
-export declare type ForAxes<T> = T | {
+export type AxisType = "x" | "y";
+export type DatumValue = number | string | Date | null | undefined;
+export type Datum = any;
+export type ForAxes<T> = T | {
     x?: T;
     y?: T;
 };
-export declare type ID = number | string;
-export declare type ValueOrAccessor<ValueType, PropsType = CallbackArgs> = ValueType | ((props: PropsType) => ValueType);
-export declare type Tuple<T> = [T, T];
-export declare type ValueOrAxes<T> = T | ForAxes<T>;
-export declare type DomainPaddingPropType = ValueOrAxes<PaddingType>;
-export declare type DomainPropType = ValueOrAxes<DomainTuple>;
-export declare type DomainValue = number | Date;
-export declare type DomainTuple = Tuple<number> | Tuple<Date>;
-export declare type PaddingType = number | Tuple<number>;
-export declare type RangePropType = ValueOrAxes<RangeTuple>;
-export declare type RangeTuple = number[];
-export declare type StringOrNumberOrList = string | number | (string | number)[];
+export type ID = number | string;
+export type ValueOrAccessor<ValueType, PropsType = CallbackArgs> = ValueType | ((props: PropsType) => ValueType);
+export type Tuple<T> = [T, T];
+export type ValueOrAxes<T> = T | ForAxes<T>;
+export type DomainPaddingPropType = ValueOrAxes<PaddingType>;
+export type DomainPropType = ValueOrAxes<DomainTuple>;
+export type DomainValue = number | Date;
+export type DomainTuple = Tuple<number> | Tuple<Date>;
+export type PaddingType = number | Tuple<number>;
+export type RangePropType = ValueOrAxes<RangeTuple>;
+export type RangeTuple = number[];
+export type StringOrNumberOrList = string | number | (string | number)[];
 export interface Padding {
     top: number;
     bottom: number;
@@ -69,7 +69,7 @@ export interface EventPropTypeInterface<TTarget, TEventKey> {
         };
     };
 }
-declare type NumberValue = number | {
+type NumberValue = number | {
     valueOf(): number;
 };
 /**
@@ -91,14 +91,14 @@ export interface D3Scale<TRange = any> {
     copy: () => this;
     invert: (value: number) => number;
 }
-export declare type D3ScaleFn<TRange = any, TOutput = any> = () => ScaleLinear<TRange, TOutput, unknown> | ScaleLogarithmic<TRange, TOutput, unknown> | ScaleTime<TRange, TOutput, unknown> | ScalePower<TRange, TOutput, unknown>;
-export declare type ScaleName = "linear" | "time" | "log" | "sqrt";
-export declare type ScalePropType = ScaleName;
-export declare type ScaleXYPropType = {
+export type D3ScaleFn<TRange = any, TOutput = any> = () => ScaleLinear<TRange, TOutput, unknown> | ScaleLogarithmic<TRange, TOutput, unknown> | ScaleTime<TRange, TOutput, unknown> | ScalePower<TRange, TOutput, unknown>;
+export type ScaleName = "linear" | "time" | "log" | "sqrt";
+export type ScalePropType = ScaleName;
+export type ScaleXYPropType = {
     x: D3Scale;
     y: D3Scale;
 };
-export declare type CategoryPropType = string[] | {
+export type CategoryPropType = string[] | {
     x: string[];
 } | {
     y: string[];
@@ -106,10 +106,10 @@ export declare type CategoryPropType = string[] | {
     x: string[];
     y: string[];
 };
-export declare type DataGetterPropType = ValueOrAccessor<string | string[] | number | number[], any>;
-export declare type InterpolationPropType = "basis" | "basisClosed" | "basisOpen" | "bundle" | "cardinal" | "cardinalClosed" | "cardinalOpen" | "catmullRom" | "catmullRomClosed" | "catmullRomOpen" | "linear" | "linearClosed" | "monotoneX" | "monotoneY" | "natural" | "radial" | "step" | "stepAfter" | "stepBefore";
-export declare type ColorScalePropType = "grayscale" | "qualitative" | "heatmap" | "warm" | "cool" | "red" | "green" | "blue" | string[];
-export declare type SortOrderPropType = "ascending" | "descending";
+export type DataGetterPropType = ValueOrAccessor<string | string[] | number | number[], any>;
+export type InterpolationPropType = "basis" | "basisClosed" | "basisOpen" | "bundle" | "cardinal" | "cardinalClosed" | "cardinalOpen" | "catmullRom" | "catmullRomClosed" | "catmullRomOpen" | "linear" | "linearClosed" | "monotoneX" | "monotoneY" | "natural" | "radial" | "step" | "stepAfter" | "stepBefore";
+export type ColorScalePropType = "grayscale" | "qualitative" | "heatmap" | "warm" | "cool" | "red" | "green" | "blue" | string[];
+export type SortOrderPropType = "ascending" | "descending";
 export interface VictoryLabelableProps {
     labelComponent?: React.ReactElement;
 }
@@ -123,10 +123,10 @@ export interface VictorySingleLabelableProps extends VictoryLabelableProps {
         (data: any): string | number | null;
     };
 }
-export declare type CoordinatesPropType = {
+export type CoordinatesPropType = {
     x: number;
     y: number;
 };
-export declare type VictoryEventHandler = (event?: any, targetProps?: any, eventKey?: any, context?: any) => void;
+export type VictoryEventHandler = (event?: any, targetProps?: any, eventKey?: any, context?: any) => void;
 export {};
 //# sourceMappingURL=prop-types.d.ts.map

package/lib/victory-animation/util.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.victoryInterpolator = exports.isInterpolatable = exports.interpolateString = exports.interpolateObject = exports.interpolateImmediate = exports.interpolateFunction = void 0;
-var _orderBy2 = _interopRequireDefault(require("lodash/orderBy"));
-var _isPlainObject2 = _interopRequireDefault(require("lodash/isPlainObject"));
+var _isPlainObject = _interopRequireDefault(require("lodash/isPlainObject"));
+var _orderBy = _interopRequireDefault(require("lodash/orderBy"));
 var _d3Interpolate = require("victory-vendor/d3-interpolate");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const isInterpolatable = function (obj) {
@@ -29,7 +29,7 @@ const isInterpolatable = function (obj) {
         return false;
       case "object":
         // Don't try to interpolate class instances (except Date or Array).
-        return obj instanceof Date || Array.isArray(obj) || (0, _isPlainObject2.default)(obj);
+        return obj instanceof Date || Array.isArray(obj) || (0, _isPlainObject.default)(obj);
       case "function":
         // Careful! There may be extra properties on function objects that the
         // component expects to access - for instance, it may be a `d3.scale()`
@@ -91,7 +91,7 @@ const interpolateFunction = function (a, b) {
       return b;
     }
     return function () {
-      /* eslint-disable no-invalid-this, prefer-rest-params */
+      /* eslint-disable prefer-rest-params */
       const aval = typeof a === "function" ? a.apply(this, arguments) : a;
       const bval = typeof b === "function" ? b.apply(this, arguments) : b;
       return (0, _d3Interpolate.interpolate)(aval, bval)(t);
@@ -118,7 +118,7 @@ const interpolateObject = function (startValue, endValue) {
     if (typeof x === "function" || typeof y === "function") {
       return interpolateFunction(x, y);
     }
-    if (typeof x === "object" && (0, _isPlainObject2.default)(x) || typeof y === "object" && (0, _isPlainObject2.default)(y)) {
+    if (typeof x === "object" && (0, _isPlainObject.default)(x) || typeof y === "object" && (0, _isPlainObject.default)(y)) {
       return interpolateObject(x, y);
     }
     return (0, _d3Interpolate.interpolate)(x, y);
@@ -127,7 +127,7 @@ const interpolateObject = function (startValue, endValue) {
   // When the value is an array, attempt to sort by "key" so that animating nodes may be identified
   // based on "key" instead of index
   const keyData = val => {
-    return Array.isArray(val) ? (0, _orderBy2.default)(val, "key") : val;
+    return Array.isArray(val) ? (0, _orderBy.default)(val, "key") : val;
   };
   const i = {};
   const c = {};
@@ -196,7 +196,7 @@ const victoryInterpolator = function (a, b) {
   if (typeof a === "function" || typeof b === "function") {
     return interpolateFunction(a, b);
   }
-  if ((0, _isPlainObject2.default)(a) || (0, _isPlainObject2.default)(b)) {
+  if ((0, _isPlainObject.default)(a) || (0, _isPlainObject.default)(b)) {
     // @ts-expect-error These generics are tough, but they work :)
     return interpolateObject(a, b);
   }

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

@@ -3,14 +3,14 @@ import TimerContext from "../victory-util/timer-context";
 /**
  * Single animation object to interpolate
  */
-export declare type AnimationStyle = {
+export type AnimationStyle = {
     [key: string]: string | number;
 };
 /**
  * Animation styles to interpolate
  */
-export declare type AnimationData = AnimationStyle | AnimationStyle[];
-export declare type AnimationEasing = "back" | "backIn" | "backOut" | "backInOut" | "bounce" | "bounceIn" | "bounceOut" | "bounceInOut" | "circle" | "circleIn" | "circleOut" | "circleInOut" | "linear" | "linearIn" | "linearOut" | "linearInOut" | "cubic" | "cubicIn" | "cubicOut" | "cubicInOut" | "elastic" | "elasticIn" | "elasticOut" | "elasticInOut" | "exp" | "expIn" | "expOut" | "expInOut" | "poly" | "polyIn" | "polyOut" | "polyInOut" | "quad" | "quadIn" | "quadOut" | "quadInOut" | "sin" | "sinIn" | "sinOut" | "sinInOut";
+export type AnimationData = AnimationStyle | AnimationStyle[];
+export type AnimationEasing = "back" | "backIn" | "backOut" | "backInOut" | "bounce" | "bounceIn" | "bounceOut" | "bounceInOut" | "circle" | "circleIn" | "circleOut" | "circleInOut" | "linear" | "linearIn" | "linearOut" | "linearInOut" | "cubic" | "cubicIn" | "cubicOut" | "cubicInOut" | "elastic" | "elasticIn" | "elasticOut" | "elasticInOut" | "exp" | "expIn" | "expOut" | "expInOut" | "poly" | "polyIn" | "polyOut" | "polyInOut" | "quad" | "quadIn" | "quadOut" | "quadInOut" | "sin" | "sinIn" | "sinOut" | "sinInOut";
 export interface VictoryAnimationProps {
     children: (style: AnimationStyle, info: AnimationInfo) => React.ReactElement;
     duration?: number;

package/lib/victory-clip-container/victory-clip-container.d.ts

@@ -20,7 +20,10 @@ export interface VictoryClipContainerProps {
     translateX?: number;
     translateY?: number;
 }
-export declare class VictoryClipContainer extends React.Component<VictoryClipContainerProps> {
+interface VictoryClipContainerState {
+    clipId?: number | string;
+}
+export declare class VictoryClipContainer extends React.Component<VictoryClipContainerProps, VictoryClipContainerState> {
     static displayName: string;
     static role: string;
     static defaultProps: {
@@ -31,6 +34,7 @@ export declare class VictoryClipContainer extends React.Component<VictoryClipCon
     };
     clipId: VictoryClipContainerProps["clipId"];
     constructor(props: VictoryClipContainerProps);
+    componentDidMount(): void;
     calculateAttributes(props: any): {
         x: number;
         y: number;
@@ -44,4 +48,5 @@ export declare class VictoryClipContainer extends React.Component<VictoryClipCon
     getTranslateValue(props: any, axis: any): any;
     render(): React.DetailedReactHTMLElement<any, HTMLElement>;
 }
+export {};
 //# sourceMappingURL=victory-clip-container.d.ts.map

package/lib/victory-clip-container/victory-clip-container.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VictoryClipContainer = void 0;
-var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
-var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
-var _defaults2 = _interopRequireDefault(require("lodash/defaults"));
 var _react = _interopRequireDefault(require("react"));
+var _defaults = _interopRequireDefault(require("lodash/defaults"));
+var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 var Helpers = _interopRequireWildcard(require("../victory-util/helpers"));
 var UserProps = _interopRequireWildcard(require("../victory-util/user-props"));
 var _clipPath = require("../victory-primitives/clip-path");
@@ -27,7 +26,20 @@ class VictoryClipContainer extends _react.default.Component {
   };
   constructor(props) {
     super(props);
-    this.clipId = !(0, _isObject2.default)(props) || props.clipId === undefined ? (0, _uniqueId2.default)("victory-clip-") : props.clipId;
+    this.state = {
+      clipId: props?.clipId
+    };
+  }
+
+  // The clipId state is used to prevent hydration mismatches between the server and client (issue #2941).
+  // A better alternative would be to utilize React 18's useId hook instead of uniqueId, which would avoid needing state for this purpose.
+  // However, this component currently supports React 16 at the time of writing, so this workaround is necessary.
+  componentDidMount() {
+    if (!this.state.clipId) {
+      this.setState({
+        clipId: (0, _uniqueId.default)("victory-clip-")
+      });
+    }
   }
   calculateAttributes(props) {
     const {
@@ -38,9 +50,7 @@ class VictoryClipContainer extends _react.default.Component {
       translateX = 0,
       translateY = 0
     } = props;
-    const clipPadding = Helpers.getPadding({
-      padding: props.clipPadding
-    });
+    const clipPadding = Helpers.getPadding(props.clipPadding);
     const radius = props.radius || Helpers.getRadius(props);
     return {
       x: (polar ? origin.x : translateX) - clipPadding.left,
@@ -109,9 +119,7 @@ class VictoryClipContainer extends _react.default.Component {
       bottom,
       left,
       right
-    } = Helpers.getPadding({
-      padding: props.clipPadding
-    });
+    } = Helpers.getPadding(props.clipPadding);
     let child;
     if (polar) {
       const radius = props.radius || Helpers.getRadius(props);
@@ -166,13 +174,13 @@ class VictoryClipContainer extends _react.default.Component {
     }
     const translateX = this.getTranslateValue(this.props, "x");
     const translateY = this.getTranslateValue(this.props, "y");
-    const clipProps = (0, _defaults2.default)({}, this.props, {
+    const clipProps = (0, _defaults.default)({}, this.props, {
       clipHeight,
       clipWidth,
       translateX,
       translateY
     });
-    return this.renderClippedGroup(clipProps, this.clipId);
+    return this.renderClippedGroup(clipProps, this.state.clipId);
   }
 }
 exports.VictoryClipContainer = VictoryClipContainer;

package/lib/victory-container/victory-container.js

@@ -5,16 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VictoryContainer = void 0;
 exports.useVictoryContainer = useVictoryContainer;
-var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
 var _react = _interopRequireWildcard(require("react"));
+var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 var _portal = require("../victory-portal/portal");
 var UserProps = _interopRequireWildcard(require("../victory-util/user-props"));
 var _victoryUtil = require("../victory-util");
 var _portalOutlet = require("../victory-portal/portal-outlet");
 var _portalContext = require("../victory-portal/portal-context");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 const defaultProps = {
   className: "VictoryContainer",
@@ -38,7 +38,7 @@ function useVictoryContainer(initialProps) {
   const localContainerRef = (0, _react.useRef)(null);
 
   // Generated ID stored in ref because it needs to persist across renders
-  const generatedId = (0, _react.useRef)((0, _uniqueId2.default)("victory-container-"));
+  const generatedId = (0, _react.useRef)((0, _uniqueId.default)("victory-container-"));
   const containerId = props.containerId ?? generatedId.current;
   const getIdForElement = elName => `${containerId}-${elName}`;
   const userProps = UserProps.getSafeUserProps(props);
@@ -113,9 +113,9 @@ const VictoryContainer = initialProps => {
       ...style,
       width: responsive ? style?.width : dimensions.width,
       height: responsive ? style?.height : dimensions.height,
-      pointerEvents: "none",
-      touchAction: "none",
-      position: "relative"
+      pointerEvents: style?.pointerEvents ?? "none",
+      touchAction: style?.touchAction ?? "none",
+      position: style?.position ?? "relative"
     },
     "data-ouia-component-id": ouiaId,
     "data-ouia-component-type": ouiaType,

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

@@ -2,12 +2,12 @@ import React from "react";
 import { NumberOrCallback, StringOrCallback, StringOrNumberOrCallback } from "../types/callbacks";
 import { ValueOrAccessor } from "../types/prop-types";
 import { PaddingProps, VerticalAnchorType, VictoryLabelStyleObject } from "../victory-theme/victory-theme";
-export declare type TextAnchorType = "start" | "middle" | "end" | "inherit";
-export declare type OriginType = {
+export type TextAnchorType = "start" | "middle" | "end" | "inherit";
+export type OriginType = {
     x: number;
     y: number;
 };
-export declare type LabelOrientationType = "parallel" | "perpendicular" | "vertical";
+export type LabelOrientationType = "parallel" | "perpendicular" | "vertical";
 export interface VictoryLabelProps {
     angle?: StringOrNumberOrCallback;
     ariaLabel?: StringOrCallback;