victory-core 36.9.2 → 37.0.0

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

@@ -1,137 +1,99 @@
 import _defaults from "lodash/defaults";
-
-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; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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 = {
+const 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(_objectSpread({}, oldState), newState);
-    });
-  }, [_setState]); // This is a copy of Wrapper.getAnimationProps
-
-  var getAnimationProps = React.useCallback(function (props, child, index) {
-    if (!(props !== null && props !== void 0 && props.animate)) {
+export const useAnimationState = function (initialState) {
+  if (initialState === void 0) {
+    initialState = INITIAL_STATE;
+  }
+  const [state, _setState] = React.useState(initialState);
+
+  // This allows us to use a state object and maintain the same API as this.setState
+  const setState = React.useCallback(newState => {
+    _setState(oldState => ({
+      ...oldState,
+      ...newState
+    }));
+  }, [_setState]);
+
+  // This is a copy of Wrapper.getAnimationProps
+  const getAnimationProps = React.useCallback((props, child, index) => {
+    if (!props?.animate) {
       return child.props.animate;
     }
-
-    var getFilteredState = function () {
-      var childrenTransitions = state && state.childrenTransitions;
+    const getFilteredState = () => {
+      let childrenTransitions = state && state.childrenTransitions;
       childrenTransitions = Collection.isArrayOfArrays(childrenTransitions) ? childrenTransitions[index] : childrenTransitions;
       return _defaults({
-        childrenTransitions: childrenTransitions
+        childrenTransitions
       }, state);
     };
-
-    var getTransitions = props.animate && props.animate.getTransitions;
-    var filteredState = getFilteredState();
-    var parentState = props.animate && props.animate.parentState || filteredState;
-
+    let getTransitions = props.animate && props.animate.getTransitions;
+    const filteredState = getFilteredState();
+    const 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);
-      };
+      const getTransitionProps = Transitions.getTransitionPropsFactory(props, filteredState, newState => setState(newState));
+      getTransitions = childComponent => getTransitionProps(childComponent, index);
     }
-
     return _defaults({
-      getTransitions: getTransitions,
-      parentState: parentState
+      getTransitions,
+      parentState
     }, props.animate, child.props.animate);
-  }, [state, setState]); // This is a copy of Wrapper.setAnimationState
+  }, [state, setState]);
 
-  var setAnimationState = React.useCallback(function (props, nextProps) {
-    if (!(props !== null && props !== void 0 && props.animate)) {
+  // This is a copy of Wrapper.setAnimationState
+  const setAnimationState = React.useCallback((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
+      const nodesWillExit = props.animate.parentState.nodesWillExit;
+      const oldProps = nodesWillExit ? props : null;
+      const newState = _defaults({
+        oldProps,
+        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;
-        };
-
+      const oldChildren = React.Children.toArray(props.children);
+      const nextChildren = React.Children.toArray(nextProps.children);
+      const isContinuous = child => {
+        const check = c => c.type && c.type.continuous;
         return Array.isArray(child) ? child.some(check) : check(child);
       };
-
-      var continuous = !props.polar && oldChildren.some(function (child) {
-        var _child$props;
-
-        return isContinuous(child) || (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children) && isContinuous(child.props.children);
+      const continuous = !props.polar && oldChildren.some(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;
-
+      const {
+        nodesWillExit,
+        nodesWillEnter,
+        childrenTransitions,
+        nodesShouldEnter
+      } = Transitions.getInitialTransitionState(oldChildren, nextChildren);
       setState({
-        nodesWillExit: _nodesWillExit,
-        nodesWillEnter: nodesWillEnter,
-        nodesShouldEnter: nodesShouldEnter,
+        nodesWillExit,
+        nodesWillEnter,
+        nodesShouldEnter,
         childrenTransitions: Collection.isArrayOfArrays(childrenTransitions) ? childrenTransitions[0] : childrenTransitions,
-        oldProps: _nodesWillExit ? props : undefined,
-        nextProps: nextProps,
-        continuous: continuous
+        oldProps: nodesWillExit ? props : undefined,
+        nextProps,
+        continuous
       });
     }
   }, [setState]);
-  var getProps = React.useCallback(function (initialProps) {
+  const getProps = React.useCallback(initialProps => {
     return state && state.nodesWillExit ? state.oldProps || initialProps : initialProps;
   }, [state]);
   return {
-    state: state,
-    setState: setState,
-    getAnimationProps: getAnimationProps,
-    setAnimationState: setAnimationState,
-    getProps: getProps
+    state,
+    setState,
+    getAnimationProps,
+    setAnimationState,
+    getProps
   };
 };

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

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

package/es/victory-util/immutable.js

@@ -1,7 +1,7 @@
-export var IMMUTABLE_ITERABLE = "@@__IMMUTABLE_ITERABLE__@@";
-export var IMMUTABLE_RECORD = "@@__IMMUTABLE_RECORD__@@";
-export var IMMUTABLE_LIST = "@@__IMMUTABLE_LIST__@@";
-export var IMMUTABLE_MAP = "@@__IMMUTABLE_MAP__@@";
+export const IMMUTABLE_ITERABLE = "@@__IMMUTABLE_ITERABLE__@@";
+export const IMMUTABLE_RECORD = "@@__IMMUTABLE_RECORD__@@";
+export const IMMUTABLE_LIST = "@@__IMMUTABLE_LIST__@@";
+export const IMMUTABLE_MAP = "@@__IMMUTABLE_MAP__@@";
 export function isIterable(x) {
   return !!(x && x[IMMUTABLE_ITERABLE]);
 }
@@ -18,13 +18,11 @@ export function isMap(x) {
   return !!(x && x[IMMUTABLE_MAP]);
 }
 export function shallowToJS(x, whitelist) {
-  return isIterable(x) ? x.reduce(function (result, curr, key) {
-    var newCurr = curr;
-
+  return isIterable(x) ? x.reduce((result, curr, key) => {
+    let newCurr = curr;
     if (whitelist && whitelist[key]) {
       newCurr = shallowToJS(curr);
     }
-
     result[key] = newCurr;
     return result;
   }, isList(x) ? [] : {}) : x;

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

@@ -1,164 +1,164 @@
 import _defaults from "lodash/defaults";
+/* eslint-disable no-use-before-define */
 import * as Helpers from "./helpers";
-
 // Private Functions
-function getVerticalAnchor(props) {
-  var datum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var sign = datum._y >= 0 ? 1 : -1;
-  var labelStyle = props.style && props.style.labels || {};
 
+function getVerticalAnchor(props, datum) {
+  if (datum === void 0) {
+    datum = {};
+  }
+  const sign = datum._y >= 0 ? 1 : -1;
+  const labelStyle = props.style && props.style.labels || {};
   if (datum.verticalAnchor || labelStyle.verticalAnchor) {
     return datum.verticalAnchor || labelStyle.verticalAnchor;
   } else if (!props.horizontal) {
     return sign >= 0 ? "end" : "start";
   }
-
   return "middle";
 }
-
-function getTextAnchor(props) {
-  var datum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var style = props.style,
-      horizontal = props.horizontal;
-  var sign = datum._y >= 0 ? 1 : -1;
-  var labelStyle = style && style.labels || {};
-
+function getTextAnchor(props, datum) {
+  if (datum === void 0) {
+    datum = {};
+  }
+  const {
+    style,
+    horizontal
+  } = props;
+  const sign = datum._y >= 0 ? 1 : -1;
+  const labelStyle = style && style.labels || {};
   if (datum.verticalAnchor || labelStyle.verticalAnchor) {
     return datum.verticalAnchor || labelStyle.verticalAnchor;
   } else if (!horizontal) {
     return "middle";
   }
-
   return sign >= 0 ? "start" : "end";
 }
-
-function getAngle(props) {
-  var datum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var labelStyle = props.style && props.style.labels || {};
+function getAngle(props, datum) {
+  if (datum === void 0) {
+    datum = {};
+  }
+  const labelStyle = props.style && props.style.labels || {};
   return datum.angle === undefined ? labelStyle.angle : datum.angle;
 }
-
-function getPadding(props) {
-  var datum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var horizontal = props.horizontal,
-      style = props.style;
-  var labelStyle = style.labels || {};
-  var defaultPadding = Helpers.evaluateProp(labelStyle.padding, props) || 0;
-  var sign = datum._y < 0 ? -1 : 1;
+function getPadding(props, datum) {
+  if (datum === void 0) {
+    datum = {};
+  }
+  const {
+    horizontal,
+    style
+  } = props;
+  const labelStyle = style.labels || {};
+  const defaultPadding = Helpers.evaluateProp(labelStyle.padding, props) || 0;
+  const sign = datum._y < 0 ? -1 : 1;
   return {
     x: horizontal ? sign * defaultPadding : 0,
     y: horizontal ? 0 : -1 * sign * defaultPadding
   };
 }
-
 function getOffset(props, datum) {
   if (props.polar) {
     return {};
   }
-
-  var padding = getPadding(props, datum);
+  const padding = getPadding(props, datum);
   return {
     dx: padding.x,
     dy: padding.y
   };
 }
-
 function getPosition(props, datum) {
-  var polar = props.polar;
-
-  var _Helpers$scalePoint = Helpers.scalePoint(props, datum),
-      x = _Helpers$scalePoint.x,
-      y = _Helpers$scalePoint.y;
-
+  const {
+    polar
+  } = props;
+  const {
+    x,
+    y
+  } = Helpers.scalePoint(props, datum);
   if (!polar) {
     return {
-      x: x,
-      y: y
+      x,
+      y
     };
   }
-
-  var polarPadding = getPolarPadding(props, datum);
+  const polarPadding = getPolarPadding(props, datum);
   return {
     x: x + polarPadding.x,
     y: y + polarPadding.y
   };
 }
-
 function getPolarPadding(props, datum) {
-  var style = props.style;
-  var degrees = getDegrees(props, datum);
-  var labelStyle = style.labels || {};
-  var padding = Helpers.evaluateProp(labelStyle.padding, props) || 0;
-  var angle = Helpers.degreesToRadians(degrees);
+  const {
+    style
+  } = props;
+  const degrees = getDegrees(props, datum);
+  const labelStyle = style.labels || {};
+  const padding = Helpers.evaluateProp(labelStyle.padding, props) || 0;
+  const angle = Helpers.degreesToRadians(degrees);
   return {
     x: padding * Math.cos(angle),
     y: -padding * Math.sin(angle)
   };
 }
-
 function getLabelPlacement(props) {
-  var labelComponent = props.labelComponent,
-      labelPlacement = props.labelPlacement,
-      polar = props.polar;
-  var defaultLabelPlacement = polar ? "perpendicular" : "vertical";
+  const {
+    labelComponent,
+    labelPlacement,
+    polar
+  } = props;
+  const defaultLabelPlacement = polar ? "perpendicular" : "vertical";
   return labelPlacement ? labelPlacement : labelComponent.props && labelComponent.props.labelPlacement || defaultLabelPlacement;
 }
-
 function getPolarOrientation(degrees) {
   // eslint-disable-next-line no-magic-numbers
   if (degrees < 45 || degrees > 315) {
-    return "right"; // eslint-disable-next-line no-magic-numbers
+    return "right";
+    // eslint-disable-next-line no-magic-numbers
   } else if (degrees >= 45 && degrees <= 135) {
-    return "top"; // eslint-disable-next-line no-magic-numbers
+    return "top";
+    // eslint-disable-next-line no-magic-numbers
   } else if (degrees > 135 && degrees < 225) {
     return "left";
   }
-
   return "bottom";
-} // Exported Functions
-
+}
 
-export function getText(props) {
-  var datum = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var index = arguments.length > 2 ? arguments[2] : undefined;
+// Exported Functions
 
+export function getText(props, datum, index) {
+  if (datum === void 0) {
+    datum = {};
+  }
   if (datum.label !== undefined) {
     return datum.label;
   }
-
   return Array.isArray(props.labels) ? props.labels[index] : props.labels;
 }
 export function getPolarTextAnchor(props, degrees) {
-  var labelPlacement = getLabelPlacement(props);
-
+  const labelPlacement = getLabelPlacement(props);
   if (labelPlacement === "perpendicular" || labelPlacement === "vertical" && (degrees === 90 || degrees === 270)) {
     return "middle";
   }
-
   return degrees <= 90 || degrees > 270 ? "start" : "end";
 }
 export function getPolarVerticalAnchor(props, degrees) {
-  var labelPlacement = getLabelPlacement(props);
-  var orientation = getPolarOrientation(degrees);
-
+  const labelPlacement = getLabelPlacement(props);
+  const orientation = getPolarOrientation(degrees);
   if (labelPlacement === "parallel" || orientation === "left" || orientation === "right") {
     return "middle";
   }
-
   return orientation === "top" ? "end" : "start";
 }
 export function getPolarAngle(props, baseAngle) {
-  var labelPlacement = props.labelPlacement,
-      datum = props.datum;
-
+  const {
+    labelPlacement,
+    datum
+  } = props;
   if (!labelPlacement || labelPlacement === "vertical") {
     return 0;
   }
-
-  var degrees = baseAngle !== undefined ? baseAngle % 360 : getDegrees(props, datum);
-  var sign = degrees > 90 && degrees < 180 || degrees > 270 ? 1 : -1;
-  var angle = 0;
-
+  const degrees = baseAngle !== undefined ? baseAngle % 360 : getDegrees(props, datum);
+  const sign = degrees > 90 && degrees < 180 || degrees > 270 ? 1 : -1;
+  let angle = 0;
   if (degrees === 0 || degrees === 180) {
     angle = 90;
   } else if (degrees > 0 && degrees < 180) {
@@ -166,69 +166,67 @@ export function getPolarAngle(props, baseAngle) {
   } else if (degrees > 180 && degrees < 360) {
     angle = 270 - degrees;
   }
-
-  var labelRotation = labelPlacement === "perpendicular" ? 0 : 90;
+  const labelRotation = labelPlacement === "perpendicular" ? 0 : 90;
   return angle + sign * labelRotation;
 }
 export function getDegrees(props, datum) {
-  var _Helpers$getPoint = Helpers.getPoint(datum),
-      x = _Helpers$getPoint.x;
-
+  const {
+    x
+  } = Helpers.getPoint(datum);
   return Helpers.radiansToDegrees(props.scale.x(x)) % 360;
 }
 export function getProps(props, index) {
-  var scale = props.scale,
-      data = props.data,
-      style = props.style,
-      horizontal = props.horizontal,
-      polar = props.polar,
-      width = props.width,
-      height = props.height,
-      theme = props.theme,
-      labelComponent = props.labelComponent,
-      disableInlineStyles = props.disableInlineStyles;
-  var datum = data[index];
-  var degrees = getDegrees(props, datum);
-  var textAnchor = polar ? getPolarTextAnchor(props, degrees) : getTextAnchor(props, datum);
-  var verticalAnchor = polar ? getPolarVerticalAnchor(props, degrees) : getVerticalAnchor(props, datum);
-  var angle = getAngle(props, datum);
-  var text = getText(props, datum, index);
-  var labelPlacement = getLabelPlacement(props);
-
-  var _getPosition = getPosition(props, datum),
-      x = _getPosition.x,
-      y = _getPosition.y;
-
-  var _getOffset = getOffset(props, datum),
-      dx = _getOffset.dx,
-      dy = _getOffset.dy;
-
-  var labelProps = {
-    angle: angle,
-    data: data,
-    datum: datum,
-    disableInlineStyles: disableInlineStyles,
-    horizontal: horizontal,
-    index: index,
-    polar: polar,
-    scale: scale,
-    labelPlacement: labelPlacement,
-    text: text,
-    textAnchor: textAnchor,
-    verticalAnchor: verticalAnchor,
-    x: x,
-    y: y,
-    dx: dx,
-    dy: dy,
-    width: width,
-    height: height,
+  const {
+    scale,
+    data,
+    style,
+    horizontal,
+    polar,
+    width,
+    height,
+    theme,
+    labelComponent,
+    disableInlineStyles
+  } = props;
+  const datum = data[index];
+  const degrees = getDegrees(props, datum);
+  const textAnchor = polar ? getPolarTextAnchor(props, degrees) : getTextAnchor(props, datum);
+  const verticalAnchor = polar ? getPolarVerticalAnchor(props, degrees) : getVerticalAnchor(props, datum);
+  const angle = getAngle(props, datum);
+  const text = getText(props, datum, index);
+  const labelPlacement = getLabelPlacement(props);
+  const {
+    x,
+    y
+  } = getPosition(props, datum);
+  const {
+    dx,
+    dy
+  } = getOffset(props, datum);
+  const labelProps = {
+    angle,
+    data,
+    datum,
+    disableInlineStyles,
+    horizontal,
+    index,
+    polar,
+    scale,
+    labelPlacement,
+    text,
+    textAnchor,
+    verticalAnchor,
+    x,
+    y,
+    dx,
+    dy,
+    width,
+    height,
     style: style.labels
   };
-
   if (!Helpers.isTooltip(labelComponent)) {
     return labelProps;
   }
-
-  var tooltipTheme = theme && theme.tooltip || {};
+  const tooltipTheme = theme && theme.tooltip || {};
   return _defaults({}, labelProps, Helpers.omit(tooltipTheme, ["style"]));
 }