victory-core 36.4.1 → 36.5.2

package/es/victory-util/textsize.js

@@ -182,8 +182,10 @@ var _getSizeWithRotate = function (axisSize, dependentSize, angle) {
 
 
 export 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) {
@@ -249,9 +251,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.
 export var _approximateTextSizeInternal = {
   impl: function (text, style) {
     var angle = Array.isArray(style) ? style[0] && style[0].angle : style && style.angle;
@@ -270,7 +272,7 @@ export 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.
@@ -282,4 +284,5 @@ export var _approximateTextSizeInternal = {
 
 export var approximateTextSize = function (text, style) {
   return _approximateTextSizeInternal.impl(text, style);
-};
+};
+//# sourceMappingURL=textsize.js.map

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

@@ -0,0 +1,12 @@
+import React from "react";
+import Timer from "./timer";
+/**
+ * The React context object consumers may use to access or override the global
+ * timer.
+ */
+declare const TimerContext: React.Context<{
+    transitionTimer: Timer;
+    animationTimer: Timer;
+}>;
+export default TimerContext;
+//# sourceMappingURL=timer-context.d.ts.map

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

@@ -10,4 +10,5 @@ var TimerContext = /*#__PURE__*/React.createContext({
   animationTimer: new Timer()
 });
 TimerContext.displayName = "TimerContext";
-export default TimerContext;
+export default TimerContext;
+//# sourceMappingURL=timer-context.js.map

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

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

package/es/victory-util/timer.js

@@ -8,11 +8,23 @@ import { timer, now } from "victory-vendor/d3-timer";
 
 var Timer = /*#__PURE__*/function () {
   function Timer() {
+    var _this = this;
+
     _classCallCheck(this, Timer);
 
+    this.shouldAnimate = void 0;
+    this.subscribers = void 0;
+    this.activeSubscriptions = void 0;
+    this.timer = void 0;
+
+    this.loop = function () {
+      _this.subscribers.forEach(function (s) {
+        s.callback(now() - s.startTime, s.duration);
+      });
+    };
+
     this.shouldAnimate = true;
     this.subscribers = [];
-    this.loop = this.loop.bind(this);
     this.timer = null;
     this.activeSubscriptions = 0;
   }
@@ -27,13 +39,6 @@ var Timer = /*#__PURE__*/function () {
     value: function resumeAnimation() {
       this.shouldAnimate = true;
     }
-  }, {
-    key: "loop",
-    value: function loop() {
-      this.subscribers.forEach(function (s) {
-        s.callback(now() - s.startTime, s.duration);
-      });
-    }
   }, {
     key: "start",
     value: function start() {
@@ -79,4 +84,5 @@ var Timer = /*#__PURE__*/function () {
   return Timer;
 }();
 
-export { Timer as default };
+export { Timer as default };
+//# sourceMappingURL=timer.js.map

package/es/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/es/victory-util/transitions.js

@@ -63,7 +63,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.
@@ -192,7 +192,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 : _identity; // If nodes need to exit, transform them with the provided onExit.before function.
 
@@ -262,7 +262,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.
@@ -406,4 +406,5 @@ export function getTransitionPropsFactory(props, state, setState) {
       data: data
     };
   };
-}
+}
+//# sourceMappingURL=transitions.js.map

package/es/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/es/victory-util/type-helpers.js

@@ -0,0 +1,28 @@
+export function hasValueForAxis(value, axis) {
+  if (typeof value === "object" && value !== null) {
+    return axis in value;
+  }
+
+  return false;
+}
+export function isTuple(value) {
+  return Array.isArray(value) && value.length === 2;
+}
+export function getValueForAxis(value, axis) {
+  if (hasValueForAxis(value, axis)) {
+    return 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;
+}
+export function isKeyValueObject(datum) {
+  return typeof datum === "object" && !Array.isArray(datum) && !(datum instanceof Date);
+}
+//# sourceMappingURL=type-helpers.js.map

package/es/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/es/victory-util/user-props.js

@@ -19,7 +19,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import * as React from "react";
 /*
   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.
 */
@@ -28,6 +28,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
@@ -36,7 +37,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) {
@@ -113,11 +113,12 @@ export 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
  */
 
 export var withSafeUserProps = function (component, props) {
   return /*#__PURE__*/React.cloneElement(component, getSafeUserProps(props));
-};
+};
+//# sourceMappingURL=user-props.js.map

package/es/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/es/victory-util/with-container.js

@@ -0,0 +1,32 @@
+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; }
+
+import React from "react";
+import { VictoryProvider, VictoryContainer } from "victory-core";
+var defaultProviderProps = {
+  width: 450,
+  height: 300,
+  padding: 50,
+  data: []
+};
+export 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.createElement(VictoryContainer, null) : _props$containerCompo;
+
+    if (standalone) {
+      return /*#__PURE__*/React.createElement(VictoryProvider, providerProps, /*#__PURE__*/React.cloneElement(containerComponent, providerProps, /*#__PURE__*/React.createElement(WrappedComponent, props)));
+    }
+
+    return /*#__PURE__*/React.createElement(WrappedComponent, props);
+  };
+}
+//# sourceMappingURL=with-container.js.map

package/es/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/es/victory-util/wrapper.js

@@ -151,7 +151,7 @@ export function getData(props, childComponents) {
   }
 
   childComponents = childComponents || React.Children.toArray(props.children);
-  return getDataFromChildren(childComponents);
+  return getDataFromChildren(props, childComponents);
 }
 export function getWidth(props, groupLength, seriesLength) {
   var datasets = props.datasets,
@@ -213,7 +213,7 @@ export function getDefaultDomainPadding(props, axis, childComponents) {
 export function getDomainFromChildren(props, axis, childComponents) {
   // eslint-disable-line max-statements, complexity, max-len
   var children = childComponents ? childComponents.slice(0) : React.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,
@@ -446,4 +446,5 @@ export function getCategories(props, childComponents, allStrings) {
     x: xCategories.length > 0 ? xCategories : undefined,
     y: yCategories.length > 0 ? yCategories : undefined
   };
-}
+}
+//# sourceMappingURL=wrapper.js.map