victory-core 30.6.1 → 31.2.0

package/src/victory-util/prop-types.js

@@ -10,15 +10,13 @@ import PropTypes from "prop-types";
  * @param {Function} validator Validation function.
  * @returns {Function} Validator with `isRequired` option.
  */
-const makeChainable = function (validator) {
+const makeChainable = function(validator) {
   /* eslint-disable max-params */
-  const _chainable = function (isRequired, props, propName, componentName, ...rest) {
+  const _chainable = function(isRequired, props, propName, componentName, ...rest) {
     const value = props[propName];
     if (value === undefined || value === null) {
       if (isRequired) {
-        return new Error(
-          `Required \`${propName}\` was not specified in \`${componentName}\`.`
-        );
+        return new Error(`Required \`${propName}\` was not specified in \`${componentName}\`.`);
       }
       return null;
     }
@@ -76,9 +74,7 @@ export default {
     return (props, propName, componentName) => {
       const value = props[propName];
       if (value !== null && value !== undefined) {
-        Log.warn(
-          `"${propName}" property of "${componentName}" has been deprecated ${explanation}`
-        );
+        Log.warn(`"${propName}" property of "${componentName}" has been deprecated ${explanation}`);
       }
       return PropTypes.checkPropTypes({ [propName]: propType }, props, propName, componentName);
     };
@@ -106,9 +102,7 @@ export default {
   nonNegative: makeChainable((props, propName, componentName) => {
     const value = props[propName];
     if (typeof value !== "number" || value < 0) {
-      return new Error(
-        `\`${propName}\` in \`${componentName}\` must be a non-negative number.`
-      );
+      return new Error(`\`${propName}\` in \`${componentName}\` must be a non-negative number.`);
     }
     return undefined;
   }),
@@ -119,9 +113,7 @@ export default {
   integer: makeChainable((props, propName, componentName) => {
     const value = props[propName];
     if (typeof value !== "number" || value % 1 !== 0) {
-      return new Error(
-        `\`${propName}\` in \`${componentName}\` must be an integer.`
-      );
+      return new Error(`\`${propName}\` in \`${componentName}\` must be an integer.`);
     }
     return undefined;
   }),
@@ -159,7 +151,7 @@ export default {
     const supportedScaleStrings = ["linear", "time", "log", "sqrt"];
     const validScale = (scl) => {
       if (isFunction(scl)) {
-        return (isFunction(scl.copy) && isFunction(scl.domain) && isFunction(scl.range));
+        return isFunction(scl.copy) && isFunction(scl.domain) && isFunction(scl.range);
       } else if (typeof scl === "string") {
         return supportedScaleStrings.indexOf(scl) !== -1;
       }
@@ -168,9 +160,7 @@ export default {
 
     const value = props[propName];
     if (!validScale(value)) {
-      return new Error(
-        `\`${propName}\` in \`${componentName}\` must be a d3 scale.`
-      );
+      return new Error(`\`${propName}\` in \`${componentName}\` must be a d3 scale.`);
     }
     return undefined;
   }),
@@ -181,9 +171,7 @@ export default {
   homogeneousArray: makeChainable((props, propName, componentName) => {
     const values = props[propName];
     if (!Array.isArray(values)) {
-      return new Error(
-        `\`${propName}\` in \`${componentName}\` must be an array.`
-      );
+      return new Error(`\`${propName}\` in \`${componentName}\` must be an array.`);
     }
 
     if (values.length < 2) {
@@ -202,8 +190,8 @@ export default {
 
       return new Error(
         `Expected \`${propName}\` in \`${componentName}\` to be a ` +
-        `homogeneous array, but found types \`${constructorName}\` and ` +
-        `\`${otherConstructorName}\`.`
+          `homogeneous array, but found types \`${constructorName}\` and ` +
+          `\`${otherConstructorName}\`.`
       );
     }
     return undefined;

package/src/victory-util/scale.js

@@ -17,7 +17,7 @@ function toNewName(scale) {
 
 function validScale(scale) {
   if (typeof scale === "function") {
-    return (isFunction(scale.copy) && isFunction(scale.domain) && isFunction(scale.range));
+    return isFunction(scale.copy) && isFunction(scale.domain) && isFunction(scale.range);
   } else if (typeof scale === "string") {
     return includes(supportedScaleStrings, scale);
   }
@@ -70,8 +70,7 @@ function getBaseScale(props, axis) {
   if (scale) {
     return scale;
   }
-  const defaultScale =
-    getScaleFromDomain(props, axis) || getScaleTypeFromData(props, axis);
+  const defaultScale = getScaleFromDomain(props, axis) || getScaleTypeFromData(props, axis);
   return d3Scale[toNewName(defaultScale)]();
 }
 

package/src/victory-util/selection.js

@@ -7,8 +7,7 @@ import Collection from "./collection";
 
 function transformTarget(target, matrix, dimension) {
   const { a, d, e, f } = matrix;
-  return dimension === "y" ?
-    d * target + f : a * target + e;
+  return dimension === "y" ? d * target + f : a * target + e;
 }
 
 function getTransformationMatrix(svg) {
@@ -70,8 +69,8 @@ function getDataCoordinates(props, scale, x, y) {
     const origin = props.origin || { x: 0, y: 0 };
     const baseX = x - origin.x;
     const baseY = y - origin.y;
-    const radius = Math.abs(baseX * Math.sqrt(1 + Math.pow((-baseY / baseX), 2)));
-    const angle = (-Math.atan2(baseY, baseX) + (Math.PI * 2)) % (Math.PI * 2);
+    const radius = Math.abs(baseX * Math.sqrt(1 + Math.pow(-baseY / baseX, 2)));
+    const angle = (-Math.atan2(baseY, baseX) + Math.PI * 2) % (Math.PI * 2);
     return {
       x: scale.x.invert(angle),
       y: scale.y.invert(radius)
@@ -84,7 +83,7 @@ function getBounds(props) {
   const point1 = getDataCoordinates(props, scale, x1, y1);
   const point2 = getDataCoordinates(props, scale, x2, y2);
   const makeBound = (a, b) => {
-    return [ Collection.getMinValue([a, b]), Collection.getMaxValue([a, b]) ];
+    return [Collection.getMinValue([a, b]), Collection.getMaxValue([a, b])];
   };
 
   return {

package/src/victory-util/style.js

@@ -7,11 +7,13 @@
  * @param {Object} obj An object of transform definitions.
  * @returns {String} The generated transform string.
  */
-const toTransformString = function (obj, ...more) {
+const toTransformString = function(obj, ...more) {
   if (more.length > 0) {
-    return more.reduce((memo, currentObj) => {
-      return [memo, toTransformString(currentObj)].join(" ");
-    }, toTransformString(obj)).trim();
+    return more
+      .reduce((memo, currentObj) => {
+        return [memo, toTransformString(currentObj)].join(" ");
+      }, toTransformString(obj))
+      .trim();
   } else {
     if (obj === undefined || obj === null || typeof obj === "string") {
       return obj;
@@ -28,7 +30,6 @@ const toTransformString = function (obj, ...more) {
 };
 
 export default {
-
   toTransformString,
 
   /**
@@ -40,12 +41,18 @@ export default {
    */
   getColorScale(name) {
     const scales = {
-      grayscale: [
-        "#cccccc", "#969696", "#636363", "#252525"
-      ],
+      grayscale: ["#cccccc", "#969696", "#636363", "#252525"],
       qualitative: [
-        "#334D5C", "#45B29D", "#EFC94C", "#E27A3F", "#DF5A49",
-        "#4F7DA1", "#55DBC1", "#EFDA97", "#E2A37F", "#DF948A"
+        "#334D5C",
+        "#45B29D",
+        "#EFC94C",
+        "#E27A3F",
+        "#DF5A49",
+        "#4F7DA1",
+        "#55DBC1",
+        "#EFDA97",
+        "#E2A37F",
+        "#DF948A"
       ],
       heatmap: ["#428517", "#77D200", "#D6D305", "#EC8E19", "#C92B05"],
       warm: ["#940031", "#C43343", "#DC5429", "#FF821D", "#FFAF55"],

package/src/victory-util/textsize.js

@@ -4,39 +4,39 @@ import { assign, defaults } from "lodash";
 
 const fontDictionary = {
   "American Typewriter": 2.09,
-  "Baskerville": 2.51,
-  "Georgia": 2.27,
+  Baskerville: 2.51,
+  Georgia: 2.27,
   "Hoefler Text": 2.39,
-  "Palatino": 2.26,
+  Palatino: 2.26,
   "Times New Roman": 2.48,
-  "Arial": 2.26,
+  Arial: 2.26,
   "Gill Sans": 2.47,
   "Gill Sans 300": 2.58,
   "Helvetica Neue": 2.24,
   "Lucida Grande": 2.05,
-  "Tahoma": 2.25,
+  Tahoma: 2.25,
   "Trebuchet MS": 2.2,
-  "Verdana": 1.96,
+  Verdana: 1.96,
   "Courier New": 1.67,
-  "cursive": 1.84,
-  "fantasy": 2.09,
-  "monospace": 1.81,
-  "serif": 2.04,
+  cursive: 1.84,
+  fantasy: 2.09,
+  monospace: 1.81,
+  serif: 2.04,
   "sans-serif": 1.89
 };
 //https://developer.mozilla.org/en/docs/Web/CSS/length
 // Absolute sizes in pixels for obsolete measurement units.
 const absoluteMeasurementUnitsToPixels = {
-  "mm": 3.8,
-  "sm": 38,
-  "pt": 1.33,
-  "pc": 16,
-  "in": 96,
-  "px": 1
+  mm: 3.8,
+  sm: 38,
+  pt: 1.33,
+  pc: 16,
+  in: 96,
+  px: 1
 };
 const relativeMeasurementUnitsCoef = {
-  "em": 1,
-  "ex": 0.5
+  em: 1,
+  ex: 0.5
 };
 
 const coefficients = {
@@ -54,7 +54,7 @@ const defaultStyle = {
   fontFamily: ""
 };
 
-const _degreeToRadian = (angle) => angle * Math.PI / 180;
+const _degreeToRadian = (angle) => (angle * Math.PI) / 180;
 
 const _getFontCharacterConstant = (fontFamily) => {
   const firstFont = fontFamily.split(",")[0].replace(/'|"/g, "");
@@ -67,8 +67,9 @@ const _splitToLines = (text) => {
 
 const _getSizeWithRotate = (axisSize, dependentSize, angle) => {
   const angleInRadian = _degreeToRadian(angle);
-  return Math.abs(Math.cos(angleInRadian) * axisSize)
-    + Math.abs(Math.sin(angleInRadian) * dependentSize);
+  return (
+    Math.abs(Math.cos(angleInRadian) * axisSize) + Math.abs(Math.sin(angleInRadian) * dependentSize)
+  );
 };
 
 /**
@@ -76,7 +77,7 @@ const _getSizeWithRotate = (axisSize, dependentSize, angle) => {
  * @param  {string} length Css length string value.
  * @param  {number} fontSize Current text font-size.
  * @returns {number} Approximate Css length in pixels.
-*/
+ */
 const convertLengthToPixels = (length, fontSize) => {
   const attribute = length.match(/[a-zA-Z%]+/)[0];
   const value = length.match(/[0-9.,]+/);
@@ -84,8 +85,9 @@ const convertLengthToPixels = (length, fontSize) => {
   if (absoluteMeasurementUnitsToPixels.hasOwnProperty(attribute)) {
     result = value * absoluteMeasurementUnitsToPixels[attribute];
   } else if (relativeMeasurementUnitsCoef.hasOwnProperty(attribute)) {
-    result = (fontSize ? value * fontSize : value * defaultStyle.fontSize)
-      * relativeMeasurementUnitsCoef[attribute];
+    result =
+      (fontSize ? value * fontSize : value * defaultStyle.fontSize) *
+      relativeMeasurementUnitsCoef[attribute];
   } else {
     result = value;
   }
@@ -98,9 +100,10 @@ const _prepareParams = (inputStyle, index) => {
   return assign({}, style, {
     characterConstant: style.characterConstant || _getFontCharacterConstant(style.fontFamily),
     letterSpacing: convertLengthToPixels(style.letterSpacing, style.fontSize),
-    fontSize: typeof (style.fontSize) === "number"
-      ? style.fontSize
-      : convertLengthToPixels(String(style.fontSize))
+    fontSize:
+      typeof style.fontSize === "number"
+        ? style.fontSize
+        : convertLengthToPixels(String(style.fontSize))
   });
 };
 
@@ -111,7 +114,7 @@ const _approximateTextWidthInternal = (text, style) => {
   const widths = _splitToLines(text).map((line, index) => {
     const len = line.toString().length;
     const { fontSize, characterConstant, letterSpacing } = _prepareParams(style, index);
-    return (len * fontSize / characterConstant) + letterSpacing * (Math.max(len - 1, 0));
+    return (len * fontSize) / characterConstant + letterSpacing * Math.max(len - 1, 0);
   });
   return Math.max(...widths);
 };
@@ -123,8 +126,9 @@ const _approximateTextHeightInternal = (text, style) => {
   return _splitToLines(text).reduce((total, line, index) => {
     const lineStyle = _prepareParams(style, index);
     const containsCaps = line.toString().match(/[(A-Z)(0-9)]/);
-    const height = containsCaps ?
-      lineStyle.fontSize * coefficients.lineCapitalCoef : lineStyle.fontSize;
+    const height = containsCaps
+      ? lineStyle.fontSize * coefficients.lineCapitalCoef
+      : lineStyle.fontSize;
     const emptySpace = index === 0 ? 0 : lineStyle.fontSize * coefficients.lineSpaceHeightCoef;
     return total + lineStyle.lineHeight * (height + emptySpace);
   }, 0);
@@ -141,7 +145,7 @@ const _approximateTextHeightInternal = (text, style) => {
  * @param {number} style.characterConstant Average pixels per glyph.
  * @param {number} style.lineHeight Line height coefficient.
  * @returns {number} Approximate text label height.
-*/
+ */
 const approximateTextSize = (text, style) => {
   const angle = Array.isArray(style) ? style[0] && style[0].angle : style && style.angle;
   const height = _approximateTextHeightInternal(text, style);

package/src/victory-util/transitions.js

@@ -53,7 +53,7 @@ function getChildData(child) {
   if (child.type && child.type.getData) {
     return child.type.getData(child.props);
   }
-  return child.props && child.props.data || false;
+  return (child.props && child.props.data) || false;
 }
 
 /**
@@ -127,7 +127,8 @@ function getInitialChildProps(animate, data) {
   };
 }
 
-function getChildBeforeLoad(animate, child, data, cb) { // eslint-disable-line max-params
+// eslint-disable-next-line max-params
+function getChildBeforeLoad(animate, child, data, cb) {
   animate = assign({}, animate, { onEnd: cb });
   if (animate && animate.onLoad && !animate.onLoad.duration) {
     return { animate, data };
@@ -141,7 +142,8 @@ function getChildBeforeLoad(animate, child, data, cb) { // eslint-disable-line m
   return { animate, data, clipWidth: 0 };
 }
 
-function getChildOnLoad(animate, data, cb) { // eslint-disable-line max-params
+// eslint-disable-next-line max-params
+function getChildOnLoad(animate, data, cb) {
   animate = assign({}, animate, { onEnd: cb });
   if (animate && animate.onLoad && !animate.onLoad.duration) {
     return { animate, data };
@@ -155,7 +157,8 @@ function getChildOnLoad(animate, data, cb) { // eslint-disable-line max-params
   return { animate, data };
 }
 
-function getChildPropsOnExit(animate, child, data, exitingNodes, cb) { // eslint-disable-line max-params, max-len
+// eslint-disable-next-line max-params, max-len
+function getChildPropsOnExit(animate, child, data, exitingNodes, cb) {
   // Whether or not _this_ child has exiting nodes, we want the exit-
   // transition for all children to have the same duration, delay, etc.
   const onExit = animate && animate.onExit;
@@ -176,7 +179,8 @@ function getChildPropsOnExit(animate, child, data, exitingNodes, cb) { // eslint
   return { animate, data };
 }
 
-function getChildPropsBeforeEnter(animate, child, data, enteringNodes, cb) { // eslint-disable-line max-params,max-len
+// eslint-disable-next-line max-params,max-len
+function getChildPropsBeforeEnter(animate, child, data, enteringNodes, cb) {
   if (enteringNodes) {
     // Perform a normal animation here, except - when it finishes - trigger
     // the transition for entering nodes.
@@ -194,7 +198,8 @@ function getChildPropsBeforeEnter(animate, child, data, enteringNodes, cb) { //
   return { animate, data };
 }
 
-function getChildPropsOnEnter(animate, data, enteringNodes, cb) { // eslint-disable-line max-params, max-len
+// eslint-disable-next-line max-params, max-len
+function getChildPropsOnEnter(animate, data, enteringNodes, cb) {
   // Whether or not _this_ child has entering nodes, we want the entering-
   // transition for all children to have the same duration, delay, etc.
   const onEnter = animate && animate.onEnter;
@@ -238,7 +243,7 @@ function getTransitionPropsFactory(props, state, setState) {
   const nodesShouldEnter = state && state.nodesShouldEnter;
   const nodesShouldLoad = state && state.nodesShouldLoad;
   const nodesDoneLoad = state && state.nodesDoneLoad;
-  const childrenTransitions = state && state.childrenTransitions || [];
+  const childrenTransitions = (state && state.childrenTransitions) || [];
   const transitionDurations = {
     enter: props.animate && props.animate.onEnter && props.animate.onEnter.duration,
     exit: props.animate && props.animate.onExit && props.animate.onExit.duration,
@@ -258,13 +263,15 @@ function getTransitionPropsFactory(props, state, setState) {
     });
   };
 
-  const onExit = (nodes, child, data, animate) => { // eslint-disable-line max-params
+  // eslint-disable-next-line max-params
+  const onExit = (nodes, child, data, animate) => {
     return getChildPropsOnExit(animate, child, data, nodes, () => {
       setState({ nodesWillExit: false });
     });
   };
 
-  const onEnter = (nodes, child, data, animate) => { // eslint-disable-line max-params
+  // eslint-disable-next-line max-params
+  const onEnter = (nodes, child, data, animate) => {
     if (nodesShouldEnter) {
       return getChildPropsOnEnter(animate, data, nodes, () => {
         setState({ nodesWillEnter: false });
@@ -276,61 +283,72 @@ function getTransitionPropsFactory(props, state, setState) {
     });
   };
 
-  const getChildTransitionDuration = function (child, type) {
+  const getChildTransitionDuration = function(child, type) {
     const animate = child.props.animate;
     if (!child.type) {
       return {};
     }
-    const defaultTransitions = child.props && child.props.polar ?
-      child.type.defaultPolarTransitions || child.type.defaultTransitions :
-      child.type.defaultTransitions;
+    const defaultTransitions =
+      child.props && child.props.polar
+        ? child.type.defaultPolarTransitions || child.type.defaultTransitions
+        : child.type.defaultTransitions;
     if (defaultTransitions) {
       const animationDuration = animate[type] && animate[type].duration;
-      return animationDuration !== undefined ?
-        animationDuration : defaultTransitions[type] && defaultTransitions[type].duration;
+      return animationDuration !== undefined
+        ? animationDuration
+        : defaultTransitions[type] && defaultTransitions[type].duration;
     } else {
       return {};
     }
   };
 
-  return function getTransitionProps(child, index) { // eslint-disable-line max-statements, complexity, max-len
+  // eslint-disable-next-line max-statements, complexity, max-len
+  return function getTransitionProps(child, index) {
     const data = getChildData(child) || [];
     const animate = defaults({}, props.animate, child.props.animate);
-    const defaultTransitions = child.props.polar ?
-      child.type.defaultPolarTransitions || child.type.defaultTransitions :
-      child.type.defaultTransitions;
+    const defaultTransitions = child.props.polar
+      ? child.type.defaultPolarTransitions || child.type.defaultTransitions
+      : child.type.defaultTransitions;
 
-    animate.onExit = defaults(
-      {}, animate.onExit, defaultTransitions && defaultTransitions.onExit
-    );
+    animate.onExit = defaults({}, animate.onExit, defaultTransitions && defaultTransitions.onExit);
     animate.onEnter = defaults(
-      {}, animate.onEnter, defaultTransitions && defaultTransitions.onEnter
-    );
-    animate.onLoad = defaults(
-      {}, animate.onLoad, defaultTransitions && defaultTransitions.onLoad
+      {},
+      animate.onEnter,
+      defaultTransitions && defaultTransitions.onEnter
     );
+    animate.onLoad = defaults({}, animate.onLoad, defaultTransitions && defaultTransitions.onLoad);
 
     const childTransitions = childrenTransitions[index] || childrenTransitions[0];
     if (!nodesDoneLoad) {
       // should do onLoad animation
-      const load = transitionDurations.load !== undefined ?
-        transitionDurations.load : getChildTransitionDuration(child, "onLoad");
+      const load =
+        transitionDurations.load !== undefined
+          ? transitionDurations.load
+          : getChildTransitionDuration(child, "onLoad");
       const animation = { duration: load };
       return onLoad(child, data, assign({}, animate, animation));
     } else if (nodesWillExit) {
       const exitingNodes = childTransitions && childTransitions.exiting;
-      const exit = transitionDurations.exit !== undefined ?
-        transitionDurations.exit : getChildTransitionDuration(child, "onExit");
+      const exit =
+        transitionDurations.exit !== undefined
+          ? transitionDurations.exit
+          : getChildTransitionDuration(child, "onExit");
       // if nodesWillExit, but this child has no exiting nodes, set a delay instead of a duration
       const animation = exitingNodes ? { duration: exit } : { delay: exit };
       return onExit(exitingNodes, child, data, assign({}, animate, animation));
     } else if (nodesWillEnter) {
       const enteringNodes = childTransitions && childTransitions.entering;
-      const enter = transitionDurations.enter !== undefined ?
-        transitionDurations.enter : getChildTransitionDuration(child, "onEnter");
-      const move = transitionDurations.move !== undefined ?
-        transitionDurations.move : child.props.animate && child.props.animate.duration;
-      const animation = { duration: nodesShouldEnter && enteringNodes ? enter : move };
+      const enter =
+        transitionDurations.enter !== undefined
+          ? transitionDurations.enter
+          : getChildTransitionDuration(child, "onEnter");
+      const move =
+        transitionDurations.move !== undefined
+          ? transitionDurations.move
+          : child.props.animate && child.props.animate.duration;
+      const animation = {
+        duration: nodesShouldEnter && enteringNodes ? enter : move
+      };
       return onEnter(enteringNodes, child, data, assign({}, animate, animation));
     } else if (!state && animate && animate.onExit) {
       // This is the initial render, and nodes may enter when props change. Because