victory-core 36.5.0 → 36.5.3

package/lib/victory-util/textsize.js

@@ -192,8 +192,10 @@ var _getSizeWithRotate = function (axisSize, dependentSize, angle) {
 
 
 var convertLengthToPixels = function (length, fontSize) {
-  var attribute = length.match(/[a-zA-Z%]+/) && length.match(/[a-zA-Z%]+/)[0];
-  var value = length.match(/[0-9.,]+/);
+  var _length$match;
+
+  var attribute = (_length$match = length.match(/[a-zA-Z%]+/)) === null || _length$match === void 0 ? void 0 : _length$match[0];
+  var value = Number(length.match(/[0-9.,]+/));
   var result;
 
   if (!attribute) {
@@ -259,9 +261,9 @@ var _approximateTextHeightInternal = function (text, style) {
     var height = containsCaps ? lineStyle.fontSize * coefficients.lineCapitalCoef : lineStyle.fontSize;
     return total + lineStyle.lineHeight * height;
   }, 0);
-}; // Stubbable implementation.
-
+};
 
+// Stubbable implementation.
 var _approximateTextSizeInternal = {
   impl: function (text, style) {
     var angle = Array.isArray(style) ? style[0] && style[0].angle : style && style.angle;
@@ -280,7 +282,7 @@ var _approximateTextSizeInternal = {
 };
 /**
  * Predict text size by font params.
- * @param {string} text Content for width calculation.
+ * @param {string|string[]} text Content for width calculation.
  * @param {Object} style Text styles, ,fontFamily, fontSize, etc.
  * @param {string} style.fontFamily Text fontFamily.
  * @param {(number|string)} style.fontSize Text fontSize.
@@ -296,4 +298,5 @@ var approximateTextSize = function (text, style) {
   return _approximateTextSizeInternal.impl(text, style);
 };
 
-exports.approximateTextSize = approximateTextSize;
+exports.approximateTextSize = approximateTextSize;
+//# sourceMappingURL=textsize.js.map

package/lib/victory-util/timer-context.d.ts

@@ -9,3 +9,4 @@ declare const TimerContext: React.Context<{
     animationTimer: Timer;
 }>;
 export default TimerContext;
+//# sourceMappingURL=timer-context.d.ts.map

package/lib/victory-util/timer-context.js

@@ -22,4 +22,5 @@ var TimerContext = /*#__PURE__*/_react.default.createContext({
 
 TimerContext.displayName = "TimerContext";
 var _default = TimerContext;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=timer-context.js.map

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

@@ -1,4 +1,4 @@
-declare type Callback = (elapsed: number, duration: number) => void;
+declare type TimerCallback = (elapsed: number, duration: number) => void;
 export default class Timer {
     private shouldAnimate;
     private readonly subscribers;
@@ -10,7 +10,8 @@ export default class Timer {
     loop: () => void;
     start(): void;
     stop(): void;
-    subscribe(callback: Callback, duration: number): number;
+    subscribe(callback: TimerCallback, duration: number): number;
     unsubscribe(id: any): void;
 }
 export {};
+//# sourceMappingURL=timer.d.ts.map

package/lib/victory-util/timer.js

@@ -91,4 +91,5 @@ var Timer = /*#__PURE__*/function () {
   return Timer;
 }();
 
-exports.default = Timer;
+exports.default = Timer;
+//# sourceMappingURL=timer.js.map

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

@@ -0,0 +1,49 @@
+import { AnimatePropTypeInterface } from "../types/prop-types";
+/**
+ * If a parent component has animation enabled, calculate the transitions
+ * for any data of any child component that supports data transitions.
+ * Data transitions are defined as any two datasets where data nodes exist
+ * in the first set and not the second, in the second and not the first,
+ * or both.
+ *
+ * @param  {Children}  oldChildren   this.props.children from old props
+ * @param  {Children}  nextChildren  this.props.children from next props
+ *
+ * @return {Object}                  Object with the following properties:
+ *                                    - nodesWillExit
+ *                                    - nodesWillEnter
+ *                                    - childrenTransitions
+ *                                    - nodesShouldEnter
+ */
+export declare function getInitialTransitionState(oldChildren: any, nextChildren: any): {
+    nodesWillExit: boolean;
+    nodesWillEnter: boolean;
+    childrenTransitions: any;
+    nodesShouldEnter: boolean;
+};
+declare type TransitionProps = {
+    data: any;
+    animate?: AnimatePropTypeInterface;
+    clipWidth?: number;
+};
+/**
+ * getTransitionPropsFactory - putting the Java in JavaScript.  This will return a
+ * function that returns prop transformations for a child, given that child's props
+ * and its index in the parent's children array.
+ *
+ * In particular, this will include an `animate` object that is set appropriately
+ * so that each child will be synchronized for each stage of a transition
+ * animation.  It will also include a transformed `data` object, where each datum
+ * is transformed by `animate.onExit` and `animate.onEnter` `before` and `after`
+ * functions.
+ *
+ * @param  {Object}  props       `this.props` for the parent component.
+ * @param  {Object} state        `this.state` for the parent component.
+ * @param  {Function} setState    Function that, when called, will `this.setState` on
+ *                                 the parent component with the provided object.
+ *
+ * @return {Function}              Child-prop transformation function.
+ */
+export declare function getTransitionPropsFactory(props: any, state: any, setState: any): (child: any, index: any) => TransitionProps;
+export {};
+//# sourceMappingURL=transitions.d.ts.map

package/lib/victory-util/transitions.js

@@ -75,7 +75,7 @@ function getChildData(child) {
 }
 /**
  * If a parent component has animation enabled, calculate the transitions
- * for any data of any child component that supports data transitions
+ * for any data of any child component that supports data transitions.
  * Data transitions are defined as any two datasets where data nodes exist
  * in the first set and not the second, in the second and not the first,
  * or both.
@@ -204,7 +204,7 @@ function getChildPropsOnExit(animate, child, data, exitingNodes, cb) {
 
   if (exitingNodes) {
     // After the exit transition occurs, trigger the animations for
-    // nodes that are neither exiting or entering.
+    // nodes that are neither exiting nor entering.
     animate.onEnd = cb;
     var before = animate.onExit && animate.onExit.before ? animate.onExit.before : _identity2.default; // If nodes need to exit, transform them with the provided onExit.before function.
 
@@ -274,7 +274,7 @@ function getChildPropsOnEnter(animate, data, enteringNodes, cb) {
  * and its index in the parent's children array.
  *
  * In particular, this will include an `animate` object that is set appropriately
- * so that each child will be synchoronized for each stage of a transition
+ * so that each child will be synchronized for each stage of a transition
  * animation.  It will also include a transformed `data` object, where each datum
  * is transformed by `animate.onExit` and `animate.onEnter` `before` and `after`
  * functions.
@@ -416,4 +416,5 @@ function getTransitionPropsFactory(props, state, setState) {
       data: data
     };
   };
-}
+}
+//# sourceMappingURL=transitions.js.map

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

@@ -0,0 +1,10 @@
+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;
+};
+//# sourceMappingURL=type-helpers.d.ts.map

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getValueForAxis = getValueForAxis;
+exports.hasValueForAxis = hasValueForAxis;
+exports.isDate = isDate;
+exports.isFunction = isFunction;
+exports.isKeyValueObject = isKeyValueObject;
+exports.isTuple = isTuple;
+
+function hasValueForAxis(value, axis) {
+  if (typeof value === "object" && value !== null) {
+    return axis in value;
+  }
+
+  return false;
+}
+
+function isTuple(value) {
+  return Array.isArray(value) && value.length === 2;
+}
+
+function getValueForAxis(value, axis) {
+  if (hasValueForAxis(value, axis)) {
+    return value[axis];
+  }
+
+  return value;
+} // eslint-disable-next-line @typescript-eslint/ban-types
+
+
+function isFunction(func) {
+  return typeof func === "function";
+}
+
+function isDate(value) {
+  return value instanceof Date;
+}
+
+function isKeyValueObject(datum) {
+  return typeof datum === "object" && !Array.isArray(datum) && !(datum instanceof Date);
+}
+//# sourceMappingURL=type-helpers.js.map

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

@@ -0,0 +1,21 @@
+import * as React from "react";
+declare type SafeAttribute = `data-${string}` | `aria-${string}`;
+/**
+ * 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
+ * object.
+ *
+ * @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>;
+/**
+ * Wraps a component and adds safe user props
+ *
+ * @param {ReactElement} component: parent component
+ * @param {Object} props: props to be filtered
+ * @returns {ReactElement} modified component
+ */
+export declare const withSafeUserProps: (component: React.ReactElement, props: any) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export {};
+//# sourceMappingURL=user-props.d.ts.map

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

@@ -31,7 +31,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 /*
   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 
+  The startsWidth array will contain the start of any accepted user-prop that
   starts with these characters.
   The exactMatch will contain a list of exact prop names that are accepted.
 */
@@ -39,6 +39,7 @@ var USER_PROPS_SAFELIST = {
   startsWith: ["data-", "aria-"],
   exactMatch: []
 };
+
 /**
  * doesPropStartWith: Function that takes a prop's key and runs it against all
  * options in the USER_PROPS_SAFELIST and checks to see if it starts with any
@@ -47,7 +48,6 @@ var USER_PROPS_SAFELIST = {
  * @returns {Boolean}: returns true if the key starts with an option or false if
  * otherwise
  */
-
 var doesPropStartWith = function (key) {
   var startsWith = false;
   USER_PROPS_SAFELIST.startsWith.forEach(function (starterString) {
@@ -124,9 +124,9 @@ var getSafeUserProps = function (props) {
 /**
  * Wraps a component and adds safe user props
  *
- * @param {ReactNode} component: parent component
+ * @param {ReactElement} component: parent component
  * @param {Object} props: props to be filtered
- * @returns {ReactNode} modified component
+ * @returns {ReactElement} modified component
  */
 
 
@@ -136,4 +136,5 @@ var withSafeUserProps = function (component, props) {
   return /*#__PURE__*/React.cloneElement(component, getSafeUserProps(props));
 };
 
-exports.withSafeUserProps = withSafeUserProps;
+exports.withSafeUserProps = withSafeUserProps;
+//# sourceMappingURL=user-props.js.map

package/lib/victory-util/with-container.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { VictoryProviderProps } from "victory-core";
+import { VictoryCommonProps } from "./common-props";
+export declare function withContainer<Props extends VictoryCommonProps>(WrappedComponent: (props: Props) => React.ReactElement, initialProviderProps?: Partial<VictoryProviderProps>): (props: Props) => JSX.Element;
+//# sourceMappingURL=with-container.d.ts.map

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

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withContainer = withContainer;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _victoryCore = require("victory-core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var defaultProviderProps = {
+  width: 450,
+  height: 300,
+  padding: 50,
+  data: []
+};
+
+function withContainer(WrappedComponent) {
+  var initialProviderProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return function (props) {
+    var providerProps = _objectSpread(_objectSpread(_objectSpread({}, defaultProviderProps), initialProviderProps), props);
+
+    var _props$standalone = props.standalone,
+        standalone = _props$standalone === void 0 ? true : _props$standalone,
+        _props$containerCompo = props.containerComponent,
+        containerComponent = _props$containerCompo === void 0 ? /*#__PURE__*/_react.default.createElement(_victoryCore.VictoryContainer, null) : _props$containerCompo;
+
+    if (standalone) {
+      return /*#__PURE__*/_react.default.createElement(_victoryCore.VictoryProvider, providerProps, /*#__PURE__*/_react.default.cloneElement(containerComponent, providerProps, /*#__PURE__*/_react.default.createElement(WrappedComponent, props)));
+    }
+
+    return /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
+  };
+}
+//# sourceMappingURL=with-container.js.map

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

@@ -0,0 +1,38 @@
+export declare function addBinsToParentPropsIfHistogram({ children, props, childComponents, parentProps, }: {
+    children: any;
+    props: any;
+    childComponents: any;
+    parentProps: any;
+}): any;
+export declare function getDataFromChildren(props: any, childComponents: any): any[][];
+export declare function getData(props: any, childComponents: any): any;
+export declare function getWidth(props: any, groupLength?: any, seriesLength?: any): number;
+export declare function getDefaultDomainPadding(props: any, axis: any, childComponents: any): {
+    x: number;
+} | undefined;
+export declare function getDomainFromChildren(props: any, axis: any, childComponents: any): (number | Date)[];
+export declare function getDomain(props: any, axis: any, childComponents: any): any;
+export declare function getScale(props: any, axis: any, childComponents?: any): import("..").D3Scale<any>;
+export declare function getAllEvents(props: any): any;
+export declare function getColor(calculatedProps: any, child: any, index: any): any;
+export declare function getStyle(theme: any, style: any, role: any): any;
+export declare function getChildStyle(child: any, index: any, calculatedProps: any): any[] | {
+    parent: any;
+    data: any;
+    labels: any;
+};
+export declare function getStringsFromCategories(childComponents: any, axis: any): any[];
+export declare function getStringsFromData(childComponents: any): {
+    x: number[];
+    y: number[];
+};
+export declare function getCategoryAndAxisStringsFromChildren(props: any, axis: any, childComponents: any): any[];
+export declare function getStringsFromChildren(props: any, childComponents: any): {
+    x: any[];
+    y: any[];
+};
+export declare function getCategories(props: any, childComponents: any, allStrings: any): {
+    x: any;
+    y: any;
+};
+//# sourceMappingURL=wrapper.d.ts.map

package/lib/victory-util/wrapper.js

@@ -199,7 +199,7 @@ function getData(props, childComponents) {
   }
 
   childComponents = childComponents || _react.default.Children.toArray(props.children);
-  return getDataFromChildren(childComponents);
+  return getDataFromChildren(props, childComponents);
 }
 
 function getWidth(props, groupLength, seriesLength) {
@@ -264,7 +264,7 @@ function getDefaultDomainPadding(props, axis, childComponents) {
 function getDomainFromChildren(props, axis, childComponents) {
   // eslint-disable-line max-statements, complexity, max-len
   var children = childComponents ? childComponents.slice(0) : _react.default.Children.toArray(props.children);
-  var parentData = props.data ? Data.getData(props, axis) : undefined;
+  var parentData = props.data ? Data.getData(props) : undefined;
   var polar = props.polar,
       startAngle = props.startAngle,
       endAngle = props.endAngle,
@@ -503,4 +503,5 @@ function getCategories(props, childComponents, allStrings) {
     x: xCategories.length > 0 ? xCategories : undefined,
     y: yCategories.length > 0 ? yCategories : undefined
   };
-}
+}
+//# sourceMappingURL=wrapper.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "victory-core",
-  "version": "36.5.0",
+  "version": "36.5.3",
   "description": "Victory Core",
   "keywords": [
     "data visualization",
@@ -22,7 +22,7 @@
     "lodash": "^4.17.21",
     "prop-types": "^15.8.1",
     "react-fast-compare": "^3.2.0",
-    "victory-vendor": "^36.5.0"
+    "victory-vendor": "^36.5.1"
   },
   "peerDependencies": {
     "react": ">=16.6.0"
@@ -31,5 +31,5 @@
     "version": "yarn run nps build-libs && nps build-dists"
   },
   "sideEffects": false,
-  "gitHead": "7cecba921f751c3decc8215f7e866f51d11203c1"
+  "gitHead": "55338af3c57eacca5956e53c08a58e47ba41d01e"
 }

package/src/index.ts

@@ -1,42 +1,20 @@
-// This rule doesn't play well with namespaced exports
-/* eslint-disable import/export */
+export * from "./types/callbacks";
+export * from "./types/prop-types";
 export * from "./victory-accessible-group/victory-accessible-group";
 export * from "./victory-animation/victory-animation";
 export * from "./victory-container/victory-container";
 export * from "./victory-label/victory-label";
 export * from "./victory-transition/victory-transition";
 export * from "./victory-clip-container/victory-clip-container";
+export * from "./victory-theme/types";
 export * from "./victory-theme/victory-theme";
 export * from "./victory-portal/portal";
 export * from "./victory-portal/portal-context";
 export * from "./victory-portal/victory-portal";
 export * from "./victory-primitives";
-export { Border as Box } from "./victory-primitives";
-
-// victory-util:
-export { default as addEvents } from "./victory-util/add-events";
-export * as Collection from "./victory-util/collection";
-export * as Data from "./victory-util/data";
-export * as DefaultTransitions from "./victory-util/default-transitions";
-export * as Domain from "./victory-util/domain";
-export * as Events from "./victory-util/events";
-export * as Helpers from "./victory-util/helpers";
-export * as Immutable from "./victory-util/immutable";
-export * as LabelHelpers from "./victory-util/label-helpers";
-export * as Log from "./victory-util/log";
-export * as PropTypes from "./victory-util/prop-types";
-export * as Scale from "./victory-util/scale";
-export * as Selection from "./victory-util/selection";
-export * as Style from "./victory-util/style";
-export * as TextSize from "./victory-util/textsize";
-export * as Transitions from "./victory-util/transitions";
-export * as UserProps from "./victory-util/user-props";
-export * as CommonProps from "./victory-util/common-props";
-export * as Wrapper from "./victory-util/wrapper";
-export * as Axis from "./victory-util/axis";
-export * as Hooks from "./victory-util/hooks";
-export * as LineHelpers from "./victory-util/line-helpers";
-export { default as Timer } from "./victory-util/timer";
-export * as PointPathHelpers from "./victory-util/point-path-helpers";
-export { default as TimerContext } from "./victory-util/timer-context";
-export * from "./victory-util/types";
+export {
+  Border as Box,
+  type BorderProps as BoxProps,
+} from "./victory-primitives";
+export * from "./victory-util";
+export * from "./victory-state";

package/src/{types.ts → types/callbacks.ts}

@@ -1,3 +1,6 @@
+import { D3Scale, Datum, ID } from "./prop-types";
+import { BlockProps, OrientationTypes } from "../victory-theme/types";
+
 /**
  * This is the first parameter of a callback when a callback is used to
  * resolve the value of a property instead of a concrete value.
@@ -5,14 +8,12 @@
  * Note that additional properties here like `scale`, `x`, `y`, etc are resolved
  * values of properties from the VictoryXXXProps for each component.
  */
-import type { D3Scale } from "./victory-util/types";
-
 export interface CallbackArgs {
   active?: boolean;
-  data?: any;
-  datum?: any;
+  data?: Datum[];
+  datum?: Datum;
   horizontal?: boolean;
-  index: number | string;
+  index: ID;
   x?: number;
   y?: number;
   scale?: {
@@ -25,21 +26,28 @@ export interface CallbackArgs {
 }
 
 export type VictoryStringOrNumberCallback = (
-  args: CallbackArgs
+  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
+  P extends string | number | symbol = never,
 > = number | ((props: Omit<T, P>) => number);
-
-export type CoordinatesPropType = {
-  x: number;
-  y: 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;