victory-core 36.9.2 → 37.0.0

package/es/victory-theme/material.js

@@ -1,54 +1,54 @@
 // *
 // * Colors
 // *
-var yellow200 = "#FFF59D";
-var deepOrange600 = "#F4511E";
-var lime300 = "#DCE775";
-var lightGreen500 = "#8BC34A";
-var teal700 = "#00796B";
-var cyan900 = "#006064";
-var colors = [deepOrange600, yellow200, lime300, lightGreen500, teal700, cyan900];
-var blueGrey50 = "#ECEFF1";
-var blueGrey300 = "#90A4AE";
-var blueGrey700 = "#455A64";
-var grey900 = "#212121"; // *
+const yellow200 = "#FFF59D";
+const deepOrange600 = "#F4511E";
+const lime300 = "#DCE775";
+const lightGreen500 = "#8BC34A";
+const teal700 = "#00796B";
+const cyan900 = "#006064";
+const colors = [deepOrange600, yellow200, lime300, lightGreen500, teal700, cyan900];
+const blueGrey50 = "#ECEFF1";
+const blueGrey300 = "#90A4AE";
+const blueGrey700 = "#455A64";
+const grey900 = "#212121";
+// *
 // * Typography
 // *
-
-var sansSerif = "'Helvetica Neue', 'Helvetica', sans-serif";
-var letterSpacing = "normal";
-var fontSize = 12; // *
+const sansSerif = "'Helvetica Neue', 'Helvetica', sans-serif";
+const letterSpacing = "normal";
+const fontSize = 12;
+// *
 // * Layout
 // *
-
-var padding = 8;
-var baseProps = {
+const padding = 8;
+const baseProps = {
   width: 350,
   height: 350,
   padding: 50
-}; // *
+};
+// *
 // * Labels
 // *
-
-var baseLabelStyles = {
+const baseLabelStyles = {
   fontFamily: sansSerif,
-  fontSize: fontSize,
-  letterSpacing: letterSpacing,
-  padding: padding,
+  fontSize,
+  letterSpacing,
+  padding,
   fill: blueGrey700,
   stroke: "transparent",
   strokeWidth: 0
 };
-var centeredLabelStyles = Object.assign({
+const centeredLabelStyles = Object.assign({
   textAnchor: "middle"
-}, baseLabelStyles); // *
+}, baseLabelStyles);
+// *
 // * Strokes
 // *
-
-var strokeDasharray = "10, 5";
-var strokeLinecap = "round";
-var strokeLinejoin = "round";
-export var material = {
+const strokeDasharray = "10, 5";
+const strokeLinecap = "round";
+const strokeLinejoin = "round";
+export const material = {
   area: Object.assign({
     style: {
       data: {
@@ -63,19 +63,19 @@ export var material = {
         fill: "transparent",
         stroke: blueGrey300,
         strokeWidth: 2,
-        strokeLinecap: strokeLinecap,
-        strokeLinejoin: strokeLinejoin
+        strokeLinecap,
+        strokeLinejoin
       },
       axisLabel: Object.assign({}, centeredLabelStyles, {
-        padding: padding,
+        padding,
         stroke: "transparent"
       }),
       grid: {
         fill: "none",
         stroke: blueGrey50,
-        strokeDasharray: strokeDasharray,
-        strokeLinecap: strokeLinecap,
-        strokeLinejoin: strokeLinejoin,
+        strokeDasharray,
+        strokeLinecap,
+        strokeLinejoin,
         pointerEvents: "painted"
       },
       ticks: {
@@ -83,8 +83,8 @@ export var material = {
         size: 5,
         stroke: blueGrey300,
         strokeWidth: 1,
-        strokeLinecap: strokeLinecap,
-        strokeLinejoin: strokeLinejoin
+        strokeLinecap,
+        strokeLinejoin
       },
       tickLabels: Object.assign({}, baseLabelStyles, {
         fill: blueGrey700
@@ -104,7 +104,7 @@ export var material = {
     style: {
       data: {
         fill: blueGrey700,
-        padding: padding,
+        padding,
         strokeWidth: 0
       },
       labels: baseLabelStyles
@@ -113,7 +113,7 @@ export var material = {
   boxplot: Object.assign({
     style: {
       max: {
-        padding: padding,
+        padding,
         stroke: blueGrey700,
         strokeWidth: 1
       },
@@ -121,7 +121,7 @@ export var material = {
         padding: 3
       }),
       median: {
-        padding: padding,
+        padding,
         stroke: blueGrey700,
         strokeWidth: 1
       },
@@ -129,7 +129,7 @@ export var material = {
         padding: 3
       }),
       min: {
-        padding: padding,
+        padding,
         stroke: blueGrey700,
         strokeWidth: 1
       },
@@ -137,14 +137,14 @@ export var material = {
         padding: 3
       }),
       q1: {
-        padding: padding,
+        padding,
         fill: blueGrey700
       },
       q1Labels: Object.assign({}, baseLabelStyles, {
         padding: 3
       }),
       q3: {
-        padding: padding,
+        padding,
         fill: blueGrey700
       },
       q3Labels: Object.assign({}, baseLabelStyles, {
@@ -223,7 +223,7 @@ export var material = {
     colorScale: colors,
     style: {
       data: {
-        padding: padding,
+        padding,
         stroke: blueGrey50,
         strokeWidth: 1
       },

package/es/victory-theme/victory-theme.js

@@ -1,7 +1,7 @@
 import { grayscale } from "./grayscale";
 import { material } from "./material";
 export * from "./types";
-export var VictoryTheme = {
-  grayscale: grayscale,
-  material: material
+export const VictoryTheme = {
+  grayscale,
+  material
 };

package/es/victory-transition/victory-transition.js

@@ -1,28 +1,6 @@
 import _pick from "lodash/pick";
 import _defaults from "lodash/defaults";
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 import React from "react";
 import { VictoryAnimation } from "../victory-animation/victory-animation";
 import * as Collection from "../victory-util/collection";
@@ -30,201 +8,143 @@ import * as Helpers from "../victory-util/helpers";
 import TimerContext from "../victory-util/timer-context";
 import * as Transitions from "../victory-util/transitions";
 import isEqual from "react-fast-compare";
-export var VictoryTransition = /*#__PURE__*/function (_React$Component) {
-  _inherits(VictoryTransition, _React$Component);
-
-  var _super = _createSuper(VictoryTransition);
-
-  function VictoryTransition(props, context) {
-    var _this;
-
-    _classCallCheck(this, VictoryTransition);
-
-    _this = _super.call(this, props, context);
-    _this.continuous = void 0;
-    _this.timer = void 0;
-    _this.transitionProps = void 0;
-    _this.state = {
+export class VictoryTransition extends React.Component {
+  static displayName = "VictoryTransition";
+  static contextType = TimerContext;
+  constructor(props, context) {
+    super(props, context);
+    this.state = {
       nodesShouldLoad: false,
       nodesDoneLoad: false
     };
-    var child = _this.props.children;
-    var polar = child.props.polar;
-    _this.continuous = !polar && child.type && child.type.continuous === true;
-    _this.timer = _this.context.transitionTimer;
-    return _this;
+    const child = this.props.children;
+    const polar = child.props.polar;
+    this.continuous = !polar && child.type && child.type.continuous === true;
+    this.timer = this.context.transitionTimer;
   }
-
-  _createClass(VictoryTransition, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.setState({
-        nodesShouldLoad: true
-      }); // eslint-disable-line react/no-did-mount-set-state
-    }
-  }, {
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps) {
-      var _this2 = this;
-
-      if (!isEqual(this.props, nextProps)) {
-        this.timer.bypassAnimation();
-        this.setState(this.getTransitionState(this.props, nextProps), function () {
-          return _this2.timer.resumeAnimation();
-        });
-      }
-
-      return true;
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.timer.stop();
+  componentDidMount() {
+    this.setState({
+      nodesShouldLoad: true
+    }); // eslint-disable-line react/no-did-mount-set-state
+  }
+  shouldComponentUpdate(nextProps) {
+    if (!isEqual(this.props, nextProps)) {
+      this.timer.bypassAnimation();
+      this.setState(this.getTransitionState(this.props, nextProps), () => this.timer.resumeAnimation());
     }
-  }, {
-    key: "getTransitionState",
-    value: function getTransitionState(props, nextProps) {
-      var animate = props.animate;
-
-      if (!animate) {
-        return {};
-      } else if (animate.parentState) {
-        var state = animate.parentState;
-        var oldProps = state.nodesWillExit ? props : null;
-        return {
-          oldProps: oldProps,
-          nextProps: nextProps
-        };
-      }
-
-      var oldChildren = React.Children.toArray(props.children);
-      var nextChildren = React.Children.toArray(nextProps.children);
-
-      var _Transitions$getIniti = Transitions.getInitialTransitionState(oldChildren, nextChildren),
-          nodesWillExit = _Transitions$getIniti.nodesWillExit,
-          nodesWillEnter = _Transitions$getIniti.nodesWillEnter,
-          childrenTransitions = _Transitions$getIniti.childrenTransitions,
-          nodesShouldEnter = _Transitions$getIniti.nodesShouldEnter;
-
+    return true;
+  }
+  componentWillUnmount() {
+    this.timer.stop();
+  }
+  getTransitionState(props, nextProps) {
+    const {
+      animate
+    } = props;
+    if (!animate) {
+      return {};
+    } else if (animate.parentState) {
+      const state = animate.parentState;
+      const oldProps = state.nodesWillExit ? props : null;
       return {
-        nodesWillExit: nodesWillExit,
-        nodesWillEnter: nodesWillEnter,
-        childrenTransitions: childrenTransitions,
-        nodesShouldEnter: nodesShouldEnter,
-        oldProps: nodesWillExit ? props : null,
-        nextProps: nextProps
+        oldProps,
+        nextProps
       };
     }
-  }, {
-    key: "getDomainFromChildren",
-    value: function getDomainFromChildren(props, axis) {
-      var getChildDomains = function (children) {
-        return children.reduce(function (memo, child) {
-          if (child.type && Helpers.isFunction(child.type.getDomain)) {
-            var childDomain = child.props && child.type.getDomain(child.props, axis);
-            return childDomain ? memo.concat(childDomain) : memo;
-          } else if (child.props && child.props.children) {
-            return memo.concat(getChildDomains(React.Children.toArray(child.props.children)));
-          }
-
-          return memo;
-        }, []);
-      };
-
-      var child = React.Children.toArray(props.children)[0];
-      var childProps = child.props || {};
-      var domain = Array.isArray(childProps.domain) ? childProps.domain : childProps.domain && childProps.domain[axis];
-
-      if (!childProps.children && domain) {
-        return domain;
-      }
-
-      var childDomains = getChildDomains([child]);
-      return childDomains.length === 0 ? [0, 1] : [Collection.getMinValue(childDomains), Collection.getMaxValue(childDomains)];
-    }
-  }, {
-    key: "pickProps",
-    value: function pickProps() {
-      if (!this.state) {
-        return this.props;
-      }
-
-      return this.state.nodesWillExit ? this.state.oldProps || this.props : this.props;
+    const oldChildren = React.Children.toArray(props.children);
+    const nextChildren = React.Children.toArray(nextProps.children);
+    const {
+      nodesWillExit,
+      nodesWillEnter,
+      childrenTransitions,
+      nodesShouldEnter
+    } = Transitions.getInitialTransitionState(oldChildren, nextChildren);
+    return {
+      nodesWillExit,
+      nodesWillEnter,
+      childrenTransitions,
+      nodesShouldEnter,
+      oldProps: nodesWillExit ? props : null,
+      nextProps
+    };
+  }
+  getDomainFromChildren(props, axis) {
+    const getChildDomains = children => {
+      return children.reduce((memo, child) => {
+        if (child.type && Helpers.isFunction(child.type.getDomain)) {
+          const childDomain = child.props && child.type.getDomain(child.props, axis);
+          return childDomain ? memo.concat(childDomain) : memo;
+        } else if (child.props && child.props.children) {
+          return memo.concat(getChildDomains(React.Children.toArray(child.props.children)));
+        }
+        return memo;
+      }, []);
+    };
+    const child = React.Children.toArray(props.children)[0];
+    const childProps = child.props || {};
+    const domain = Array.isArray(childProps.domain) ? childProps.domain : childProps.domain && childProps.domain[axis];
+    if (!childProps.children && domain) {
+      return domain;
     }
-  }, {
-    key: "pickDomainProps",
-    value: function pickDomainProps(props) {
-      var _props$animate;
-
-      var parentState = (_props$animate = props.animate) === null || _props$animate === void 0 ? void 0 : _props$animate.parentState;
-
-      if (parentState && parentState.nodesWillExit) {
-        return this.continuous || parentState.continuous ? parentState.nextProps || this.state.nextProps || props : props;
-      }
-
-      return this.continuous && this.state.nodesWillExit ? this.state.nextProps || props : props;
+    const childDomains = getChildDomains([child]);
+    return childDomains.length === 0 ? [0, 1] : [Collection.getMinValue(childDomains), Collection.getMaxValue(childDomains)];
+  }
+  pickProps() {
+    if (!this.state) {
+      return this.props;
     }
-  }, {
-    key: "getClipWidth",
-    value: function getClipWidth(props, child) {
-      var getDefaultClipWidth = function () {
-        var range = Helpers.getRange(child.props, "x");
-        return range ? Math.abs(range[1] - range[0]) : props.width;
-      };
-
-      var clipWidth = this.transitionProps ? this.transitionProps.clipWidth : undefined;
-      return clipWidth !== undefined ? clipWidth : getDefaultClipWidth();
+    return this.state.nodesWillExit ? this.state.oldProps || this.props : this.props;
+  }
+  pickDomainProps(props) {
+    const parentState = props.animate?.parentState;
+    if (parentState && parentState.nodesWillExit) {
+      return this.continuous || parentState.continuous ? parentState.nextProps || this.state.nextProps || props : props;
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props$animate,
-          _this3 = this;
-
-      var props = this.pickProps();
-      var getTransitionProps = (_this$props$animate = this.props.animate) !== null && _this$props$animate !== void 0 && _this$props$animate.getTransitions ? this.props.animate.getTransitions : Transitions.getTransitionPropsFactory(props, this.state, function (newState) {
-        return _this3.setState(newState);
-      });
-      var child = React.Children.toArray(props.children)[0];
-      var transitionProps = getTransitionProps(child);
-      this.transitionProps = transitionProps;
-      var domain = {
-        x: this.getDomainFromChildren(this.pickDomainProps(props), "x"),
-        y: this.getDomainFromChildren(props, "y")
-      };
-      var clipWidth = this.getClipWidth(props, child);
-
-      var combinedProps = _defaults({
-        domain: domain,
-        clipWidth: clipWidth
-      }, transitionProps, child.props);
-
-      var animationWhitelist = props.animationWhitelist || [];
-      var whitelist = animationWhitelist.concat(["clipWidth"]);
-      var propsToAnimate = whitelist.length ? _pick(combinedProps, whitelist) : combinedProps;
-      return /*#__PURE__*/React.createElement(VictoryAnimation, _extends({}, combinedProps.animate, {
-        data: propsToAnimate
-      }), function (newProps) {
-        if (child.props.groupComponent) {
-          var groupComponent = _this3.continuous ? /*#__PURE__*/React.cloneElement(child.props.groupComponent, {
-            clipWidth: newProps.clipWidth || 0
-          }) : child.props.groupComponent;
-          return /*#__PURE__*/React.cloneElement(child, _defaults({
-            animate: null,
-            animating: true,
-            groupComponent: groupComponent
-          }, newProps, combinedProps));
-        }
-
+    return this.continuous && this.state.nodesWillExit ? this.state.nextProps || props : props;
+  }
+  getClipWidth(props, child) {
+    const getDefaultClipWidth = () => {
+      const range = Helpers.getRange(child.props, "x");
+      return range ? Math.abs(range[1] - range[0]) : props.width;
+    };
+    const clipWidth = this.transitionProps ? this.transitionProps.clipWidth : undefined;
+    return clipWidth !== undefined ? clipWidth : getDefaultClipWidth();
+  }
+  render() {
+    const props = this.pickProps();
+    const getTransitionProps = this.props.animate?.getTransitions ? this.props.animate.getTransitions : Transitions.getTransitionPropsFactory(props, this.state, newState => this.setState(newState));
+    const child = React.Children.toArray(props.children)[0];
+    const transitionProps = getTransitionProps(child);
+    this.transitionProps = transitionProps;
+    const domain = {
+      x: this.getDomainFromChildren(this.pickDomainProps(props), "x"),
+      y: this.getDomainFromChildren(props, "y")
+    };
+    const clipWidth = this.getClipWidth(props, child);
+    const combinedProps = _defaults({
+      domain,
+      clipWidth
+    }, transitionProps, child.props);
+    const animationWhitelist = props.animationWhitelist || [];
+    const whitelist = animationWhitelist.concat(["clipWidth"]);
+    const propsToAnimate = whitelist.length ? _pick(combinedProps, whitelist) : combinedProps;
+    return /*#__PURE__*/React.createElement(VictoryAnimation, _extends({}, combinedProps.animate, {
+      data: propsToAnimate
+    }), newProps => {
+      if (child.props.groupComponent) {
+        const groupComponent = this.continuous ? /*#__PURE__*/React.cloneElement(child.props.groupComponent, {
+          clipWidth: newProps.clipWidth || 0
+        }) : child.props.groupComponent;
         return /*#__PURE__*/React.cloneElement(child, _defaults({
           animate: null,
-          animating: true
+          animating: true,
+          groupComponent
         }, newProps, combinedProps));
-      });
-    }
-  }]);
-
-  return VictoryTransition;
-}(React.Component);
-VictoryTransition.displayName = "VictoryTransition";
-VictoryTransition.contextType = TimerContext;
+      }
+      return /*#__PURE__*/React.cloneElement(child, _defaults({
+        animate: null,
+        animating: true
+      }, newProps, combinedProps));
+    });
+  }
+}