victory-core 35.11.3 → 36.2.0

package/es/index.js

@@ -57,8 +57,15 @@ import * as _Transitions from "./victory-util/transitions";
 export { _Transitions as Transitions };
 import * as _CommonProps from "./victory-util/common-props";
 export { _CommonProps as CommonProps };
-export { default as Wrapper } from "./victory-util/wrapper";
+import * as _Wrapper from "./victory-util/wrapper";
+export { _Wrapper as Wrapper };
 import * as _Axis from "./victory-util/axis";
 export { _Axis as Axis };
 export { default as TimerContext } from "./victory-util/timer-context";
-export { default as PortalContext } from "./victory-portal/portal-context";
+export { default as PortalContext } from "./victory-portal/portal-context";
+import * as _Hooks from "./victory-util/hooks";
+export { _Hooks as Hooks };
+import * as _LineHelpers from "./victory-util/line-helpers";
+export { _LineHelpers as LineHelpers }; // TODO: Fix this default export
+
+export { default as PointPathHelpers } from "./victory-util/point-path-helpers";

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

@@ -69,7 +69,7 @@ var getSingleValue = function (prop) {
   return Array.isArray(prop) ? prop[index] || prop[0] : prop;
 };
 
-var useMultiLineBackgrounds = function (props) {
+var shouldUseMultilineBackgrounds = function (props) {
   var backgroundStyle = props.backgroundStyle,
       backgroundPadding = props.backgroundPadding;
   return Array.isArray(backgroundStyle) && !_isEmpty(backgroundStyle) || Array.isArray(backgroundPadding) && !_isEmpty(backgroundPadding);
@@ -361,7 +361,7 @@ var getChildBackgrounds = function (calculatedProps, tspanValues) {
 };
 
 var getBackgroundElement = function (calculatedProps, tspanValues) {
-  return useMultiLineBackgrounds(calculatedProps) ? getChildBackgrounds(calculatedProps, tspanValues) : getFullBackground(calculatedProps, tspanValues);
+  return shouldUseMultilineBackgrounds(calculatedProps) ? getChildBackgrounds(calculatedProps, tspanValues) : getFullBackground(calculatedProps, tspanValues);
 };
 
 var calculateSpanDy = function (tspanValues, i, calculatedProps) {
@@ -372,7 +372,7 @@ var calculateSpanDy = function (tspanValues, i, calculatedProps) {
   var previousCaps = previous.fontSize - previous.capHeight;
   var currentCaps = current.fontSize - current.capHeight;
   var textHeight = previousHeight - previous.fontSize / 2 + current.fontSize / 2 - previousHeight / 2 + currentHeight / 2 - currentCaps / 2 + previousCaps / 2;
-  return useMultiLineBackgrounds(calculatedProps) ? textHeight + current.backgroundPadding.top + previous.backgroundPadding.bottom : textHeight;
+  return shouldUseMultilineBackgrounds(calculatedProps) ? textHeight + current.backgroundPadding.top + previous.backgroundPadding.bottom : textHeight;
 };
 
 var getTSpanDy = function (tspanValues, calculatedProps, i) {

package/es/victory-primitives/point.js

@@ -7,7 +7,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import React from "react";
 import PropTypes from "prop-types";
 import * as Helpers from "../victory-util/helpers";
-import pathHelpers from "./path-helpers";
+import pathHelpers from "../victory-util/point-path-helpers";
 import * as CommonProps from "../victory-util/common-props";
 import Path from "./path";
 

package/es/victory-util/hooks/index.js

@@ -0,0 +1,2 @@
+export { usePreviousProps } from "./use-previous-props";
+export { useAnimationState } from "./use-animation-state";

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

@@ -0,0 +1,130 @@
+import _some from "lodash/some";
+import _defaults from "lodash/defaults";
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React from "react";
+import * as Collection from "../collection";
+import * as Transitions from "../transitions";
+var INITIAL_STATE = {
+  nodesShouldLoad: false,
+  nodesDoneLoad: false,
+  animating: true
+};
+export var useAnimationState = function () {
+  var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INITIAL_STATE;
+
+  var _React$useState = React.useState(initialState),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      state = _React$useState2[0],
+      _setState = _React$useState2[1]; // This allows us to use a state object and maintain the same API as this.setState
+
+
+  var setState = React.useCallback(function (newState) {
+    _setState(function (oldState) {
+      return _objectSpread({}, oldState, newState);
+    });
+  }, [_setState]); // This is a copy of Wrapper.getAnimationProps
+
+  var getAnimationProps = React.useCallback(function (props, child, index) {
+    if (!props.animate) {
+      return child.props.animate;
+    }
+
+    var getFilteredState = function () {
+      var childrenTransitions = state && state.childrenTransitions;
+      childrenTransitions = Collection.isArrayOfArrays(childrenTransitions) ? childrenTransitions[index] : childrenTransitions;
+      return _defaults({
+        childrenTransitions: childrenTransitions
+      }, state);
+    };
+
+    var getTransitions = props.animate && props.animate.getTransitions;
+    var filteredState = getFilteredState();
+    var parentState = props.animate && props.animate.parentState || filteredState;
+
+    if (!getTransitions) {
+      var getTransitionProps = Transitions.getTransitionPropsFactory(props, filteredState, function (newState) {
+        return setState(newState);
+      });
+
+      getTransitions = function (childComponent) {
+        return getTransitionProps(childComponent, index);
+      };
+    }
+
+    return _defaults({
+      getTransitions: getTransitions,
+      parentState: parentState
+    }, props.animate, child.props.animate);
+  }, [state, setState]); // This is a copy of Wrapper.setAnimationState
+
+  var setAnimationState = React.useCallback(function (props, nextProps) {
+    if (!props.animate) {
+      return;
+    }
+
+    if (props.animate.parentState) {
+      var nodesWillExit = props.animate.parentState.nodesWillExit;
+      var oldProps = nodesWillExit ? props : null;
+
+      var newState = _defaults({
+        oldProps: oldProps,
+        nextProps: nextProps
+      }, props.animate.parentState);
+
+      setState(newState);
+    } else {
+      var oldChildren = React.Children.toArray(props.children);
+      var nextChildren = React.Children.toArray(nextProps.children);
+
+      var isContinuous = function (child) {
+        var check = function (c) {
+          return c.type && c.type.continuous;
+        };
+
+        return Array.isArray(child) ? _some(child, check) : check(child);
+      };
+
+      var continuous = !props.polar && _some(oldChildren, function (child) {
+        return isContinuous(child) || child.props.children && isContinuous(child.props.children);
+      });
+
+      var _Transitions$getIniti = Transitions.getInitialTransitionState(oldChildren, nextChildren),
+          _nodesWillExit = _Transitions$getIniti.nodesWillExit,
+          nodesWillEnter = _Transitions$getIniti.nodesWillEnter,
+          childrenTransitions = _Transitions$getIniti.childrenTransitions,
+          nodesShouldEnter = _Transitions$getIniti.nodesShouldEnter;
+
+      setState({
+        nodesWillExit: _nodesWillExit,
+        nodesWillEnter: nodesWillEnter,
+        nodesShouldEnter: nodesShouldEnter,
+        childrenTransitions: Collection.isArrayOfArrays(childrenTransitions) ? childrenTransitions[0] : childrenTransitions,
+        oldProps: _nodesWillExit ? props : null,
+        nextProps: nextProps,
+        continuous: continuous
+      });
+    }
+  }, [setState]);
+  var getProps = React.useCallback(function (initialProps) {
+    return state && state.nodesWillExit ? state.oldProps || initialProps : initialProps;
+  }, [state]);
+  return {
+    state: state,
+    setState: setState,
+    getAnimationProps: getAnimationProps,
+    setAnimationState: setAnimationState,
+    getProps: getProps
+  };
+};

package/es/victory-util/hooks/use-previous-props.js

@@ -0,0 +1,8 @@
+import React from "react";
+export var usePreviousProps = function (props) {
+  var ref = React.useRef();
+  React.useEffect(function () {
+    ref.current = props;
+  });
+  return ref.current || {};
+};

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

@@ -0,0 +1,45 @@
+import * as d3Shape from "d3-shape";
+
+var defined = function (d) {
+  var y = d._y1 !== undefined ? d._y1 : d._y;
+  return y !== null && y !== undefined && d._y0 !== null;
+};
+
+var getXAccessor = function (scale) {
+  return function (d) {
+    return scale.x(d._x1 !== undefined ? d._x1 : d._x);
+  };
+};
+
+var getYAccessor = function (scale) {
+  return function (d) {
+    return scale.y(d._y1 !== undefined ? d._y1 : d._y);
+  };
+};
+
+var getAngleAccessor = function (scale) {
+  return function (d) {
+    var x = scale.x(d._x1 !== undefined ? d._x1 : d._x);
+    return -1 * x + Math.PI / 2;
+  };
+};
+
+var toNewName = function (interpolation) {
+  // d3 shape changed the naming scheme for interpolators from "basis" -> "curveBasis" etc.
+  var capitalize = function (s) {
+    return s && s[0].toUpperCase() + s.slice(1);
+  };
+
+  return "curve".concat(capitalize(interpolation));
+};
+
+export var getLineFunction = function (props) {
+  var polar = props.polar,
+      scale = props.scale,
+      horizontal = props.horizontal;
+  var defaultOpenCurve = polar ? false : true;
+  var openCurve = props.openCurve === undefined ? defaultOpenCurve : props.openCurve;
+  var interpolationFunction = typeof props.interpolation === "function" && props.interpolation;
+  var interpolationName = typeof props.interpolation === "string" && (!openCurve ? "".concat(toNewName(props.interpolation), "Closed") : toNewName(props.interpolation));
+  return polar ? d3Shape.lineRadial().defined(defined).curve(interpolationFunction || d3Shape[interpolationName]).angle(getAngleAccessor(scale)).radius(getYAccessor(scale)) : d3Shape.line().defined(defined).curve(interpolationFunction || d3Shape[interpolationName]).x(horizontal ? getYAccessor(scale) : getXAccessor(scale)).y(horizontal ? getXAccessor(scale) : getYAccessor(scale));
+};