victory-core 36.9.2 → 37.0.0

package/es/victory-util/helpers.js

@@ -1,45 +1,41 @@
 import _pick from "lodash/pick";
 import _property from "lodash/property";
 import _defaults from "lodash/defaults";
-
 /* eslint-disable no-use-before-define */
 import React, { isValidElement } from "react";
-
 // Private Functions
+
 function getCartesianRange(props, axis) {
   // determine how to lay the axis and what direction positive and negative are
-  var vertical = axis !== "x";
-  var padding = getPadding(props);
-
+  const vertical = axis !== "x";
+  const padding = getPadding(props);
   if (vertical) {
     return [props.height - padding.bottom, padding.top];
   }
-
   return [padding.left, props.width - padding.right];
 }
-
 function getPolarRange(props, axis) {
   if (axis === "x") {
-    var startAngle = degreesToRadians(props.startAngle || 0);
-    var endAngle = degreesToRadians(props.endAngle || 360);
+    const startAngle = degreesToRadians(props.startAngle || 0);
+    const endAngle = degreesToRadians(props.endAngle || 360);
     return [startAngle, endAngle];
   }
-
   return [props.innerRadius || 0, getRadius(props)];
-} // Exported Functions
+}
+
+// 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.
  */
-
-
 export function invert(original) {
-  return Object.entries(original).reduce(function (acc, current) {
+  return Object.entries(original).reduce((acc, current) => {
     acc[current[1]] = current[0];
     return acc;
   }, {});
 }
+
 /**
  * creates an object with some keys excluded
  * replacement for lodash.omit for performance. does not mimic the entire lodash.omit api
@@ -47,43 +43,39 @@ export function invert(original) {
  * @param {Array<String>} ks: an array of keys to omit from the new object
  * @returns {Object} new object with same properties as originalObject
  */
-
-export function omit(originalObject) {
-  var ks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+export function omit(originalObject, ks) {
+  if (ks === void 0) {
+    ks = [];
+  }
   // code based on babel's _objectWithoutProperties
-  var newObject = {};
-
-  for (var key in originalObject) {
+  const newObject = {};
+  for (const key in originalObject) {
     // @ts-expect-error String is not assignable to Key
     if (ks.indexOf(key) >= 0) {
       continue;
     }
-
     if (!Object.prototype.hasOwnProperty.call(originalObject, key)) {
       continue;
     }
-
     newObject[key] = originalObject[key];
   }
-
   return newObject;
 }
 export function getPoint(datum) {
-  var exists = function (val) {
-    return val !== undefined;
-  };
-
-  var _x = datum._x,
-      _x1 = datum._x1,
-      _x0 = datum._x0,
-      _voronoiX = datum._voronoiX,
-      _y = datum._y,
-      _y1 = datum._y1,
-      _y0 = datum._y0,
-      _voronoiY = datum._voronoiY;
-  var defaultX = exists(_x1) ? _x1 : _x;
-  var defaultY = exists(_y1) ? _y1 : _y;
-  var point = {
+  const exists = val => val !== undefined;
+  const {
+    _x,
+    _x1,
+    _x0,
+    _voronoiX,
+    _y,
+    _y1,
+    _y0,
+    _voronoiY
+  } = datum;
+  const defaultX = exists(_x1) ? _x1 : _x;
+  const defaultY = exists(_y1) ? _y1 : _y;
+  const point = {
     x: exists(_voronoiX) ? _voronoiX : defaultX,
     x0: exists(_x0) ? _x0 : _x,
     y: exists(_voronoiY) ? _voronoiY : defaultY,
@@ -92,18 +84,20 @@ export function getPoint(datum) {
   return _defaults({}, point, datum);
 }
 export function scalePoint(props, datum) {
-  var scale = props.scale,
-      polar = props.polar,
-      horizontal = props.horizontal;
-  var d = getPoint(datum);
-  var origin = props.origin || {
+  const {
+    scale,
+    polar,
+    horizontal
+  } = props;
+  const d = getPoint(datum);
+  const origin = props.origin || {
     x: 0,
     y: 0
   };
-  var x = horizontal ? scale.y(d.y) : scale.x(d.x);
-  var x0 = horizontal ? scale.y(d.y0) : scale.x(d.x0);
-  var y = horizontal ? scale.x(d.x) : scale.y(d.y);
-  var y0 = horizontal ? scale.x(d.x0) : scale.y(d.y0);
+  const x = horizontal ? scale.y(d.y) : scale.x(d.x);
+  const x0 = horizontal ? scale.y(d.y0) : scale.x(d.x0);
+  const y = horizontal ? scale.x(d.x) : scale.y(d.y);
+  const y0 = horizontal ? scale.x(d.x0) : scale.y(d.y0);
   return {
     x: polar ? y * Math.cos(x) + origin.x : x,
     x0: polar ? y0 * Math.cos(x0) + origin.x : x0,
@@ -111,11 +105,13 @@ export function scalePoint(props, datum) {
     y0: polar ? -y0 * Math.sin(x0) + origin.x : y0
   };
 }
-export function getPadding(props) {
-  var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "padding";
-  var padding = props[name];
-  var paddingVal = typeof padding === "number" ? padding : 0;
-  var paddingObj = typeof padding === "object" ? padding : {};
+export function getPadding(props, name) {
+  if (name === void 0) {
+    name = "padding";
+  }
+  const padding = props[name];
+  const paddingVal = typeof padding === "number" ? padding : 0;
+  const paddingObj = typeof padding === "object" ? padding : {};
   return {
     top: paddingObj.top || paddingVal,
     bottom: paddingObj.bottom || paddingVal,
@@ -124,50 +120,47 @@ export function getPadding(props) {
   };
 }
 export function isTooltip(component) {
-  var labelRole = component && component.type && component.type.role;
+  const labelRole = component && component.type && component.type.role;
   return labelRole === "tooltip";
 }
 export function getDefaultStyles(props, role) {
-  var _props$theme = props.theme,
-      theme = _props$theme === void 0 ? {} : _props$theme,
-      labelComponent = props.labelComponent;
-  var defaultStyles = theme[role] && theme[role].style || {};
-
+  const {
+    theme = {},
+    labelComponent
+  } = props;
+  const defaultStyles = theme[role] && theme[role].style || {};
   if (!isTooltip(labelComponent)) {
     return defaultStyles;
   }
-
-  var tooltipStyle = theme.tooltip && theme.tooltip.style || {};
-
-  var labelStyle = _defaults({}, tooltipStyle, defaultStyles.labels);
-
+  const tooltipStyle = theme.tooltip && theme.tooltip.style || {};
+  const labelStyle = _defaults({}, tooltipStyle, defaultStyles.labels);
   return _defaults({}, {
     labels: labelStyle
   }, defaultStyles);
 }
 export function getStyles(style, defaultStyles) {
-  var width = "100%";
-  var height = "100%";
-
+  const width = "100%";
+  const height = "100%";
   if (!style) {
     return _defaults({
       parent: {
-        height: height,
-        width: width
+        height,
+        width
       }
     }, defaultStyles);
   }
-
-  var data = style.data,
-      labels = style.labels,
-      parent = style.parent;
-  var defaultParent = defaultStyles && defaultStyles.parent || {};
-  var defaultLabels = defaultStyles && defaultStyles.labels || {};
-  var defaultData = defaultStyles && defaultStyles.data || {};
+  const {
+    data,
+    labels,
+    parent
+  } = style;
+  const defaultParent = defaultStyles && defaultStyles.parent || {};
+  const defaultLabels = defaultStyles && defaultStyles.labels || {};
+  const defaultData = defaultStyles && defaultStyles.data || {};
   return {
     parent: _defaults({}, parent, defaultParent, {
-      width: width,
-      height: height
+      width,
+      height
     }),
     labels: _defaults({}, labels, defaultLabels),
     data: _defaults({}, data, defaultData)
@@ -180,14 +173,10 @@ export function evaluateStyle(style, props) {
   if (props.disableInlineStyles) {
     return {};
   }
-
-  if (!style || !Object.keys(style).some(function (value) {
-    return isFunction(style[value]);
-  })) {
+  if (!style || !Object.keys(style).some(value => isFunction(style[value]))) {
     return style;
   }
-
-  return Object.keys(style).reduce(function (prev, curr) {
+  return Object.keys(style).reduce((prev, curr) => {
     prev[curr] = evaluateProp(style[curr], props);
     return prev;
   }, {});
@@ -199,29 +188,32 @@ export function radiansToDegrees(radians) {
   return typeof radians === "number" ? radians / (Math.PI / 180) : radians;
 }
 export function getRadius(props) {
-  var _getPadding = getPadding(props),
-      left = _getPadding.left,
-      right = _getPadding.right,
-      top = _getPadding.top,
-      bottom = _getPadding.bottom;
-
-  var width = props.width,
-      height = props.height;
+  const {
+    left,
+    right,
+    top,
+    bottom
+  } = getPadding(props);
+  const {
+    width,
+    height
+  } = props;
   return Math.min(width - left - right, height - top - bottom) / 2;
 }
 export function getPolarOrigin(props) {
-  var width = props.width,
-      height = props.height;
-
-  var _getPadding2 = getPadding(props),
-      top = _getPadding2.top,
-      bottom = _getPadding2.bottom,
-      left = _getPadding2.left,
-      right = _getPadding2.right;
-
-  var radius = Math.min(width - left - right, height - top - bottom) / 2;
-  var offsetWidth = width / 2 + left - right;
-  var offsetHeight = height / 2 + top - bottom;
+  const {
+    width,
+    height
+  } = props;
+  const {
+    top,
+    bottom,
+    left,
+    right
+  } = getPadding(props);
+  const radius = Math.min(width - left - right, height - top - bottom) / 2;
+  const offsetWidth = width / 2 + left - right;
+  const offsetHeight = height / 2 + top - bottom;
   return {
     x: offsetWidth + radius > width ? radius + left - right : offsetWidth,
     y: offsetHeight + radius > height ? radius + top - bottom : offsetHeight
@@ -233,18 +225,18 @@ export function getRange(props, axis) {
   } else if (props.range && Array.isArray(props.range)) {
     return props.range;
   }
-
   return props.polar ? getPolarRange(props, axis) : getCartesianRange(props, axis);
 }
+
 /**
  * Checks if `value` is `null` or `undefined`.
  * @returns {boolean} Returns `true` if `value` is nullish, else `false`.
  */
-
 export function isNil(value) {
   // eslint-disable-next-line eqeqeq
   return value == null;
 }
+
 /**
  * Checks if `value` is classified as a `Function` object.
  *
@@ -252,7 +244,6 @@ export function isNil(value) {
  * @param {*} value The value to check.
  * @returns {boolean} Returns `true` if `value` is a function, else `false`.
  */
-
 export function isFunction(value) {
   return typeof value === "function";
 }
@@ -263,47 +254,45 @@ export function createAccessor(key) {
     return key;
   } else if (key === null || key === undefined) {
     // null/undefined means "return the data item itself"
-    return function (x) {
-      return x;
-    };
-  } // otherwise, assume it is an array index, property key or path (_.property handles all three)
-
-
+    return x => x;
+  }
+  // otherwise, assume it is an array index, property key or path (_.property handles all three)
   return _property(key);
 }
 export function modifyProps(props, fallbackProps, role) {
-  var theme = props.theme && props.theme[role] ? props.theme[role] : {};
-  var themeProps = omit(theme, ["style"]);
-  var horizontal = isHorizontal(props);
-  var defaultObject = horizontal === undefined ? {} : {
-    horizontal: horizontal
+  const theme = props.theme && props.theme[role] ? props.theme[role] : {};
+  const themeProps = omit(theme, ["style"]);
+  const horizontal = isHorizontal(props);
+  const defaultObject = horizontal === undefined ? {} : {
+    horizontal
   };
   return _defaults(defaultObject, props, themeProps, fallbackProps);
 }
+
 /**
  * Returns the given axis or the opposite axis when horizontal
  * @param {string} axis: the given axis, either "x" pr "y"
  * @param {Boolean} horizontal: true when the chart is flipped to the horizontal orientation
  * @returns {String} the dimension appropriate for the axis given its props "x" or "y"
  */
-
 export function getCurrentAxis(axis, horizontal) {
-  var otherAxis = axis === "x" ? "y" : "x";
+  const otherAxis = axis === "x" ? "y" : "x";
   return horizontal ? otherAxis : axis;
 }
+
 /**
  * Creates an object with the same keys as object and values generated by running
  * each own enumerable string keyed property of object through the function fn
  */
-
 export function mapValues(values, fn) {
   if (values) {
-    return Object.keys(values).reduce(function (acc, key) {
+    return Object.keys(values).reduce((acc, key) => {
       acc[key] = fn(values[key]);
       return acc;
     }, {});
   }
 }
+
 /**
  * Creates an array of numbers (positive and/or negative) progressing
  * from start up to, but not including, end.
@@ -314,28 +303,25 @@ export function mapValues(values, fn) {
  * @param end [The end value] If this is defined, start is the start value
  * @returns An array of the given length
  */
-
 export function range(start, end, increment) {
   // when the end index is not given, start from 0
-  var startIndex = end ? start : 0; // when the end index is not given, the end of the range is the start index
+  const startIndex = end ? start : 0;
 
-  var endIndex = end ? end : start; // ensure endIndex is not a falsy value
+  // when the end index is not given, the end of the range is the start index
+  let endIndex = end ? end : start;
 
+  // ensure endIndex is not a falsy value
   if (!endIndex) endIndex = 0;
-  var k = endIndex - startIndex; // the value range
-
-  var length = Math.abs(k); //      the length of the range
+  const k = endIndex - startIndex; // the value range
+  const length = Math.abs(k); //      the length of the range
+  const sign = k / length || 1; //    the sign of the range (negative or positive)
+  const inc = increment || 1; //      the step size of each increment
 
-  var sign = k / length || 1; //    the sign of the range (negative or positive)
-
-  var inc = increment || 1; //      the step size of each increment
   // normalize the array length when dealing with floating point values
-
-  var arrayLength = Math.max(Math.ceil(length / inc), 0);
-  return Array.from(Array(arrayLength), function (_, i) {
-    return startIndex + i * sign * inc;
-  });
+  const arrayLength = Math.max(Math.ceil(length / inc), 0);
+  return Array.from(Array(arrayLength), (_, i) => startIndex + i * sign * inc);
 }
+
 /**
  * @param {Array} children: an array of child components
  * @param {Function} iteratee: a function with arguments "child", "childName", and "parent"
@@ -345,78 +331,67 @@ export function range(start, end, increment) {
  *   to the memo for the next iteration step
  * @returns {Array} returns an array of results from calling the iteratee on all nested children
  */
-
 /* eslint-disable max-params */
-
-export function reduceChildren(children, iteratee) {
-  var parentProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var initialMemo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-  var combine = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : function (memo, item) {
-    return (// @ts-expect-error These defaults are hard to type
-      memo.concat(item)
-    );
-  };
-  var sharedProps = ["data", "domain", "categories", "polar", "startAngle", "endAngle", "minDomain", "maxDomain", "horizontal"];
-
-  var traverseChildren = function (childArray, names, parent) {
-    return childArray.reduce(function (memo, child, index) {
-      var newMemo = memo;
-      var childRole = child.type && child.type.role;
-      var childName = child.props.name || "".concat(childRole, "-").concat(names[index]);
-
+export function reduceChildren(children, iteratee, parentProps,
+// @ts-expect-error These defaults are hard to type
+initialMemo, combine) {
+  if (parentProps === void 0) {
+    parentProps = {};
+  }
+  if (initialMemo === void 0) {
+    initialMemo = [];
+  }
+  if (combine === void 0) {
+    combine = (memo, item) =>
+    // @ts-expect-error These defaults are hard to type
+    memo.concat(item);
+  }
+  const sharedProps = ["data", "domain", "categories", "polar", "startAngle", "endAngle", "minDomain", "maxDomain", "horizontal"];
+  const traverseChildren = (childArray, names, parent) => {
+    return childArray.reduce((memo, child, index) => {
+      let newMemo = memo;
+      const childRole = child.type && child.type.role;
+      const childName = child.props.name || `${childRole}-${names[index]}`;
       if (child.props && child.props.children) {
-        var childProps = Object.assign({}, child.props, _pick(parentProps, sharedProps));
-        var nestedChildren = child.type && child.type.role === "stack" && isFunction(child.type.getChildren) ? child.type.getChildren(childProps) : React.Children.toArray(child.props.children).map(function (c) {
-          var nestedChildProps = Object.assign({}, c.props, _pick(childProps, 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));
           return /*#__PURE__*/React.cloneElement(c, nestedChildProps);
         });
-
-        var _childNames = nestedChildren.map(function (c, i) {
-          return "".concat(childName, "-").concat(i);
-        });
-
-        var nestedResults = traverseChildren(nestedChildren, _childNames, child);
+        const childNames = nestedChildren.map((c, i) => `${childName}-${i}`);
+        const nestedResults = traverseChildren(nestedChildren, childNames, child);
         newMemo = combine(newMemo, nestedResults);
       } else {
-        var result = iteratee(child, childName, parent);
-
+        const result = iteratee(child, childName, parent);
         if (result) {
           newMemo = combine(newMemo, result);
         }
       }
-
       return newMemo;
     }, initialMemo);
   };
-
-  var validChildren = children.filter(isValidElement);
-  var childNames = validChildren.map(function (c, i) {
-    return i;
-  });
+  const validChildren = children.filter(isValidElement);
+  const childNames = validChildren.map((c, i) => i);
   return traverseChildren(validChildren, childNames);
 }
+
 /**
  * @param {Object} props: the props object
  * @returns {Boolean} returns true if the props object contains `horizontal: true` of if any
  * children or nested children are horizontal
  */
-
 export function isHorizontal(props) {
   if (props.horizontal !== undefined || !props.children) {
     return props.horizontal;
   }
-
-  var traverseChildren = function (childArray) {
-    return childArray.reduce(function (memo, child) {
-      var childProps = child.props || {};
-
+  const traverseChildren = childArray => {
+    return childArray.reduce((memo, child) => {
+      const childProps = child.props || {};
       if (memo || childProps.horizontal || !childProps.children) {
         return memo || childProps.horizontal;
       }
-
       return traverseChildren(React.Children.toArray(childProps.children));
     }, false);
   };
-
   return traverseChildren(React.Children.toArray(props.children));
 }