victory-core 37.3.2 → 37.3.4

package/es/victory-util/helpers.js

@@ -1,29 +1,34 @@
-import _pick from "lodash/pick";
-import _property from "lodash/property";
-import _defaults from "lodash/defaults";
 import React, { isValidElement } from "react";
-// Private Functions
-
-function getCartesianRange(props, axis) {
-  // determine how to lay the axis and what direction positive and negative are
-  const vertical = axis !== "x";
-  const padding = getPadding(props);
+import defaults from "lodash/defaults";
+import property from "lodash/property";
+import pick from "lodash/pick";
+/**
+ * Determine the range of a cartesian axis
+ */
+function getCartesianRange(options) {
+  const vertical = options.axis !== "x";
   if (vertical) {
-    return [props.height - padding.bottom, padding.top];
+    return [options.height - options.padding.bottom, options.padding.top];
   }
-  return [padding.left, props.width - padding.right];
+  return [options.padding.left, options.width - options.padding.right];
 }
-function getPolarRange(props, axis) {
-  if (axis === "x") {
-    const startAngle = degreesToRadians(props.startAngle || 0);
-    const endAngle = degreesToRadians(props.endAngle || 360);
+
+/**
+ * Determine the range of a polar axis in radians
+ */
+function getPolarRange(options) {
+  if (options.axis === "x") {
+    const startAngle = degreesToRadians(options.startAngle || 0);
+    const endAngle = degreesToRadians(options.endAngle || 360);
     return [startAngle, endAngle];
   }
-  return [props.innerRadius || 0, getRadius(props)];
+  return [options.innerRadius || 0, getRadius({
+    height: options.height,
+    width: options.width,
+    padding: options.padding
+  })];
 }
 
-// Exported Functions
-
 /**
  * Creates an object composed of the inverted keys and values of object.
  * If object contains duplicate values, subsequent values overwrite property assignments of previous values.
@@ -60,8 +65,11 @@ export function omit(originalObject, ks) {
   }
   return newObject;
 }
+
+/**
+ * Coalesce the x and y values from a data point
+ */
 export function getPoint(datum) {
-  const exists = val => val !== undefined;
   const {
     _x,
     _x1,
@@ -72,16 +80,20 @@ export function getPoint(datum) {
     _y0,
     _voronoiY
   } = datum;
-  const defaultX = exists(_x1) ? _x1 : _x;
-  const defaultY = exists(_y1) ? _y1 : _y;
+  const defaultX = _x1 ?? _x;
+  const defaultY = _y1 ?? _y;
   const point = {
-    x: exists(_voronoiX) ? _voronoiX : defaultX,
-    x0: exists(_x0) ? _x0 : _x,
-    y: exists(_voronoiY) ? _voronoiY : defaultY,
-    y0: exists(_y0) ? _y0 : _y
+    x: _voronoiX ?? defaultX,
+    x0: _x0 ?? _x,
+    y: _voronoiY ?? defaultY,
+    y0: _y0 ?? _y
   };
-  return _defaults({}, point, datum);
+  return defaults({}, point, datum);
 }
+
+/**
+ * Scale a point based on the origin, direction, and given scale function
+ */
 export function scalePoint(props, datum) {
   const {
     scale,
@@ -104,11 +116,11 @@ export function scalePoint(props, datum) {
     y0: polar ? -y0 * Math.sin(x0) + origin.x : y0
   };
 }
-export function getPadding(props, name) {
-  if (name === void 0) {
-    name = "padding";
-  }
-  const padding = props[name];
+
+/**
+ * Returns a padding value from a number or partial padding values
+ */
+export function getPadding(padding) {
   const paddingVal = typeof padding === "number" ? padding : 0;
   const paddingObj = typeof padding === "object" ? padding : {};
   return {
@@ -118,6 +130,10 @@ export function getPadding(props, name) {
     right: paddingObj.right || paddingVal
   };
 }
+
+/**
+ * Returns true if the component is defined as a tooltip
+ */
 export function isTooltip(component) {
   const labelRole = component && component.type && component.type.role;
   return labelRole === "tooltip";
@@ -132,8 +148,8 @@ export function getDefaultStyles(props, role) {
     return defaultStyles;
   }
   const tooltipStyle = theme.tooltip && theme.tooltip.style || {};
-  const labelStyle = _defaults({}, tooltipStyle, defaultStyles.labels);
-  return _defaults({}, {
+  const labelStyle = defaults({}, tooltipStyle, defaultStyles.labels);
+  return defaults({}, {
     labels: labelStyle
   }, defaultStyles);
 }
@@ -141,7 +157,7 @@ export function getStyles(style, defaultStyles) {
   const width = "100%";
   const height = "100%";
   if (!style) {
-    return _defaults({
+    return defaults({
       parent: {
         height,
         width
@@ -157,14 +173,18 @@ export function getStyles(style, defaultStyles) {
   const defaultLabels = defaultStyles && defaultStyles.labels || {};
   const defaultData = defaultStyles && defaultStyles.data || {};
   return {
-    parent: _defaults({}, parent, defaultParent, {
+    parent: defaults({}, parent, defaultParent, {
       width,
       height
     }),
-    labels: _defaults({}, labels, defaultLabels),
-    data: _defaults({}, data, defaultData)
+    labels: defaults({}, labels, defaultLabels),
+    data: defaults({}, data, defaultData)
   };
 }
+
+/**
+ * Returns the value of a prop or accessor function with the given props
+ */
 export function evaluateProp(prop, props) {
   return isFunction(prop) ? prop(props) : prop;
 }
@@ -186,19 +206,28 @@ export function degreesToRadians(degrees) {
 export function radiansToDegrees(radians) {
   return typeof radians === "number" ? radians / (Math.PI / 180) : radians;
 }
-export function getRadius(props) {
+
+/**
+ * Get the maximum radius that will fit in the container
+ */
+export function getRadius(options) {
+  const {
+    width,
+    height,
+    padding
+  } = options;
   const {
     left,
     right,
     top,
     bottom
-  } = getPadding(props);
-  const {
-    width,
-    height
-  } = props;
+  } = padding;
   return Math.min(width - left - right, height - top - bottom) / 2;
 }
+
+/**
+ * Returns the origin for a polar chart within the padded area
+ */
 export function getPolarOrigin(props) {
   const {
     width,
@@ -209,7 +238,7 @@ export function getPolarOrigin(props) {
     bottom,
     left,
     right
-  } = getPadding(props);
+  } = getPadding(props.padding);
   const radius = Math.min(width - left - right, height - top - bottom) / 2;
   const offsetWidth = width / 2 + left - right;
   const offsetHeight = height / 2 + top - bottom;
@@ -218,13 +247,30 @@ export function getPolarOrigin(props) {
     y: offsetHeight + radius > height ? radius + top - bottom : offsetHeight
   };
 }
+
+/**
+ * Determine the range of an axis based on the given props
+ */
 export function getRange(props, axis) {
   if (props.range && props.range[axis]) {
     return props.range[axis];
   } else if (props.range && Array.isArray(props.range)) {
     return props.range;
   }
-  return props.polar ? getPolarRange(props, axis) : getCartesianRange(props, axis);
+  return props.polar ? getPolarRange({
+    axis,
+    innerRadius: props.innerRadius,
+    startAngle: props.startAngle,
+    endAngle: props.endAngle,
+    height: props.height,
+    width: props.width,
+    padding: getPadding(props.padding)
+  }) : getCartesianRange({
+    axis,
+    height: props.height,
+    width: props.width,
+    padding: getPadding(props.padding)
+  });
 }
 
 /**
@@ -256,7 +302,7 @@ export function createAccessor(key) {
     return x => x;
   }
   // otherwise, assume it is an array index, property key or path (_.property handles all three)
-  return _property(key);
+  return property(key);
 }
 export function modifyProps(props, fallbackProps, role) {
   const theme = props.theme && props.theme[role] ? props.theme[role] : {};
@@ -265,7 +311,7 @@ export function modifyProps(props, fallbackProps, role) {
   const defaultObject = horizontal === undefined ? {} : {
     horizontal
   };
-  return _defaults(defaultObject, props, themeProps, fallbackProps);
+  return defaults(defaultObject, props, themeProps, fallbackProps);
 }
 
 /**
@@ -352,9 +398,9 @@ initialMemo, combine) {
       const childRole = child.type && child.type.role;
       const childName = child.props.name || `${childRole}-${names[index]}`;
       if (child.props && child.props.children) {
-        const childProps = Object.assign({}, child.props, _pick(parentProps, sharedProps));
+        const childProps = Object.assign({}, child.props, pick(parentProps, sharedProps));
         const nestedChildren = child.type && child.type.role === "stack" && isFunction(child.type.getChildren) ? child.type.getChildren(childProps) : React.Children.toArray(child.props.children).map(c => {
-          const nestedChildProps = Object.assign({}, c.props, _pick(childProps, sharedProps));
+          const nestedChildProps = Object.assign({}, c.props, pick(childProps, sharedProps));
           return /*#__PURE__*/React.cloneElement(c, nestedChildProps);
         });
         const childNames = nestedChildren.map((c, i) => `${childName}-${i}`);

package/es/victory-util/hooks/use-animation-state.d.ts

@@ -1,5 +1,5 @@
-declare type AnyObject = Record<string, any>;
-export declare type AnimationState = {
+type AnyObject = Record<string, any>;
+export type AnimationState = {
     nodesShouldLoad?: boolean;
     nodesDoneLoad?: boolean;
     animating?: boolean;

package/es/victory-util/hooks/use-animation-state.js

@@ -1,5 +1,5 @@
-import _defaults from "lodash/defaults";
 import React from "react";
+import defaults from "lodash/defaults";
 import * as Collection from "../collection";
 import * as Transitions from "../transitions";
 const INITIAL_STATE = {
@@ -29,7 +29,7 @@ export const useAnimationState = function (initialState) {
     const getFilteredState = () => {
       let childrenTransitions = state && state.childrenTransitions;
       childrenTransitions = Collection.isArrayOfArrays(childrenTransitions) ? childrenTransitions[index] : childrenTransitions;
-      return _defaults({
+      return defaults({
         childrenTransitions
       }, state);
     };
@@ -40,7 +40,7 @@ export const useAnimationState = function (initialState) {
       const getTransitionProps = Transitions.getTransitionPropsFactory(props, filteredState, newState => setState(newState));
       getTransitions = childComponent => getTransitionProps(childComponent, index);
     }
-    return _defaults({
+    return defaults({
       getTransitions,
       parentState
     }, props.animate, child.props.animate);
@@ -54,7 +54,7 @@ export const useAnimationState = function (initialState) {
     if (props.animate.parentState) {
       const nodesWillExit = props.animate.parentState.nodesWillExit;
       const oldProps = nodesWillExit ? props : null;
-      const newState = _defaults({
+      const newState = defaults({
         oldProps,
         nextProps
       }, props.animate.parentState);

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

@@ -1,4 +1,5 @@
-export declare function getText(props: any, datum: Record<string, any> | undefined, index: any): any;
+import { VictoryLabelProps } from "../victory-label/victory-label";
+export declare function getText(props: any, datum: VictoryLabelProps["datum"], 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;
@@ -16,8 +17,8 @@ export declare function getProps(props: any, index: any): {
     text: any;
     textAnchor: any;
     verticalAnchor: any;
-    x: any;
-    y: any;
+    x: number;
+    y: number;
     dx: number | undefined;
     dy: number | undefined;
     width: any;

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

@@ -1,5 +1,6 @@
-import _defaults from "lodash/defaults";
 import * as Helpers from "./helpers";
+import defaults from "lodash/defaults";
+
 // Private Functions
 
 function getVerticalAnchor(props, datum) {
@@ -227,5 +228,5 @@ export function getProps(props, index) {
     return labelProps;
   }
   const tooltipTheme = theme && theme.tooltip || {};
-  return _defaults({}, labelProps, Helpers.omit(tooltipTheme, ["style"]));
+  return defaults({}, labelProps, Helpers.omit(tooltipTheme, ["style"]));
 }

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

@@ -1,5 +1,5 @@
 import * as d3Shape from "victory-vendor/d3-shape";
-export declare type CurveName = "basis" | "cardinal" | "bumpX" | "bumpY" | "bundle" | "catmullRom" | "linear" | "monotoneX" | "monotoneY" | "step" | "stepAfter" | "stepBefore" | "natural";
+export type CurveName = "basis" | "cardinal" | "bumpX" | "bumpY" | "bundle" | "catmullRom" | "linear" | "monotoneX" | "monotoneY" | "step" | "stepAfter" | "stepBefore" | "natural";
 export declare const getInterpolationFunction: (props: any) => any;
 export declare const getLineFunction: (props: any) => d3Shape.LineRadial<[number, number]> | d3Shape.Line<[number, number]>;
 //# sourceMappingURL=line-helpers.d.ts.map

package/es/victory-util/log.js

@@ -1,8 +1,9 @@
-/* global console */
+/* global console process */
 /* eslint-disable no-console */
 
-// TODO: Use "warning" npm module like React is switching to.
 export function warn(message) {
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore - Webpack DefinePlugin will replace process.env.NODE_ENV
   if (process.env.NODE_ENV !== "production") {
     if (console && console.warn) {
       console.warn(message);

package/es/victory-util/merge-refs.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare type Ref<T> = React.MutableRefObject<T> | React.LegacyRef<T> | undefined | null;
+type Ref<T> = React.MutableRefObject<T> | React.LegacyRef<T> | undefined | null;
 /**
  * Used to merge multiple React refs into a single callback ref.
  *

package/es/victory-util/scale.js

@@ -1,4 +1,4 @@
-import _isPlainObject from "lodash/isPlainObject";
+import isPlainObject from "lodash/isPlainObject";
 import * as Helpers from "./helpers";
 import * as Collection from "./collection";
 import * as d3Scale from "victory-vendor/d3-scale";
@@ -51,7 +51,7 @@ function getScaleTypeFromData(props, axis) {
   }
   const accessor = Helpers.createAccessor(props[axis]);
   const axisData = props.data.map(datum => {
-    const processedData = _isPlainObject(accessor(datum)) ? accessor(datum)[axis] : accessor(datum);
+    const processedData = isPlainObject(accessor(datum)) ? accessor(datum)[axis] : accessor(datum);
     return processedData !== undefined ? processedData : datum[axis];
   });
   return Collection.containsDates(axisData) ? "time" : "linear";

package/es/victory-util/selection.d.ts

@@ -9,15 +9,15 @@ export declare function getDomainCoordinates(props: Pick<VictoryCommonProps, "sc
 };
 export declare function getDataCoordinates(props: any, scale: ScaleXYPropType, x: number, y: number): SVGCoordinateType;
 export declare function getBounds(props: ComputedCommonProps): SVGCoordinateBounds;
-export declare type SVGCoordinateType = {
+export type SVGCoordinateType = {
     x: number;
     y: number;
 };
-export declare type SVGCoordinateBounds = {
+export type SVGCoordinateBounds = {
     x: readonly [number, number];
     y: readonly [number, number];
 };
-declare type ComputedCommonProps = {
+type ComputedCommonProps = {
     scale: ScaleXYPropType;
     x1: number;
     x2: number;

package/es/victory-util/textsize.js

@@ -1,6 +1,8 @@
-import _memoize from "lodash/memoize";
-import _defaults from "lodash/defaults"; // http://www.pearsonified.com/2012/01/characters-per-line.php
+// http://www.pearsonified.com/2012/01/characters-per-line.php
 /* eslint-disable no-magic-numbers */
+import defaults from "lodash/defaults";
+import memoize from "lodash/memoize";
+
 // Based on measuring specific character widths
 // as in the following example https://bl.ocks.org/tophtucker/62f93a4658387bb61e4510c37e2e97cf
 // For new fonts: pull gist, open index.html locally, add font files (if not generic), enter font name in `font-family` input
@@ -179,7 +181,7 @@ export const convertLengthToPixels = (length, fontSize) => {
 };
 const _prepareParams = (inputStyle, index) => {
   const lineStyle = Array.isArray(inputStyle) ? inputStyle[index] : inputStyle;
-  const style = _defaults({}, lineStyle, defaultStyle);
+  const style = defaults({}, lineStyle, defaultStyle);
   return Object.assign({}, style, {
     fontFamily: style.fontFamily,
     letterSpacing: typeof style.letterSpacing === "number" ? style.letterSpacing : convertLengthToPixels(String(style.letterSpacing), style.fontSize),
@@ -227,7 +229,7 @@ const _approximateDimensionsInternal = (text, style) => {
     height: heightWithRotate * coefficients.heightOverlapCoef
   };
 };
-const _getMeasurementContainer = _memoize(() => {
+const _getMeasurementContainer = memoize(() => {
   const element = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   element.setAttribute("xlink", "http://www.w3.org/1999/xlink");
   element.setAttribute("width", "300");
@@ -248,7 +250,7 @@ const styleToKeyComponent = style => {
   }
   return `${style.angle}:${style.fontFamily}:${style.fontSize}:${style.letterSpacing}:${style.lineHeight}`;
 };
-const _measureDimensionsInternal = _memoize((text, style) => {
+const _measureDimensionsInternal = memoize((text, style) => {
   let containerElement = _getMeasurementContainer();
   if (!containerElement.isConnected) {
     _getMeasurementContainer.cache.clear?.();

package/es/victory-util/timer.d.ts

@@ -1,4 +1,4 @@
-declare type TimerCallback = (elapsed: number, duration: number) => void;
+type TimerCallback = (elapsed: number, duration: number) => void;
 export default class Timer {
     private shouldAnimate;
     private readonly subscribers;

package/es/victory-util/transitions.d.ts

@@ -21,7 +21,7 @@ export declare function getInitialTransitionState(oldChildren: any, nextChildren
     childrenTransitions: any;
     nodesShouldEnter: boolean;
 };
-declare type TransitionProps = {
+type TransitionProps = {
     data: any;
     animate?: AnimatePropTypeInterface;
     clipWidth?: number;

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));
@@ -147,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));
@@ -169,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();
@@ -192,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.
@@ -219,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,11 +316,11 @@ export function getTransitionPropsFactory(props, state, setState) {
   };
   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/no-unsafe-function-type
-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) {
@@ -238,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]);
@@ -300,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,
@@ -354,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);
@@ -362,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) {