victory-area 36.9.2 → 37.0.0

package/es/area.js

@@ -1,59 +1,43 @@
-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; }
-
 /* eslint no-magic-numbers: ["error", { "ignore": [-1, 0, 1, 2] }]*/
 import React from "react";
 import * as d3Shape from "victory-vendor/d3-shape";
 import { Helpers, Path, UserProps, LineHelpers } from "victory-core";
-
-var defined = function (d) {
-  var y = d._y1 !== undefined ? d._y1 : d._y;
+const defined = d => {
+  const 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);
-  };
+const getXAccessor = scale => {
+  return d => 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);
-  };
+const getYAccessor = scale => {
+  return d => scale.y(d._y1 !== undefined ? d._y1 : d._y);
 };
-
-var getY0Accessor = function (scale) {
-  return function (d) {
-    return scale.y(d._y0);
-  };
+const getY0Accessor = scale => {
+  return d => scale.y(d._y0);
 };
-
-var getAngleAccessor = function (scale) {
-  return function (d) {
-    var x = scale.x(d._x1 !== undefined ? d._x1 : d._x);
+const getAngleAccessor = scale => {
+  return d => {
+    const x = scale.x(d._x1 !== undefined ? d._x1 : d._x);
     return -1 * x + Math.PI / 2;
   };
 };
-
-var getCartesianArea = function (props) {
-  var horizontal = props.horizontal,
-      scale = props.scale;
-  var interpolationFunction = LineHelpers.getInterpolationFunction(props);
+const getCartesianArea = props => {
+  const {
+    horizontal,
+    scale
+  } = props;
+  const interpolationFunction = LineHelpers.getInterpolationFunction(props);
   return horizontal ? d3Shape.area().defined(defined).curve(interpolationFunction).x0(getY0Accessor(scale)).x1(getYAccessor(scale)).y(getXAccessor(scale)) : d3Shape.area().defined(defined).curve(interpolationFunction).x(getXAccessor(scale)).y1(getYAccessor(scale)).y0(getY0Accessor(scale));
 };
-
-var getAreaFunction = function (props) {
-  var polar = props.polar,
-      scale = props.scale;
-  var interpolationFunction = LineHelpers.getInterpolationFunction(props);
+const getAreaFunction = props => {
+  const {
+    polar,
+    scale
+  } = props;
+  const interpolationFunction = LineHelpers.getInterpolationFunction(props);
   return polar ? d3Shape.radialArea().defined(defined).curve(interpolationFunction).angle(getAngleAccessor(scale)).outerRadius(getYAccessor(scale)).innerRadius(getY0Accessor(scale)) : getCartesianArea(props);
 };
-
-var evaluateProps = function (props) {
+const evaluateProps = props => {
   /**
    * Potential evaluated props are:
    * `ariaLabel`
@@ -62,79 +46,81 @@ var evaluateProps = function (props) {
    * `style`
    * `tabIndex`
    */
-  var ariaLabel = Helpers.evaluateProp(props.ariaLabel, props);
-  var desc = Helpers.evaluateProp(props.desc, props);
-  var id = Helpers.evaluateProp(props.id, props);
-  var style = Helpers.evaluateStyle(Object.assign({
+  const ariaLabel = Helpers.evaluateProp(props.ariaLabel, props);
+  const desc = Helpers.evaluateProp(props.desc, props);
+  const id = Helpers.evaluateProp(props.id, props);
+  const style = Helpers.evaluateStyle(Object.assign({
     fill: "black"
   }, props.style), props);
-  var tabIndex = Helpers.evaluateProp(props.tabIndex, props);
+  const tabIndex = Helpers.evaluateProp(props.tabIndex, props);
   return Object.assign({}, props, {
-    ariaLabel: ariaLabel,
-    desc: desc,
-    id: id,
-    style: style,
-    tabIndex: tabIndex
+    ariaLabel,
+    desc,
+    id,
+    style,
+    tabIndex
   });
 };
-
-var defaultProps = {
+const defaultProps = {
   groupComponent: /*#__PURE__*/React.createElement("g", null),
   pathComponent: /*#__PURE__*/React.createElement(Path, null),
   role: "presentation",
   shapeRendering: "auto"
 };
+
 /**
  * The area primitive used by VictoryArea
  */
-
-export var Area = function (initialProps) {
-  var props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), initialProps));
-  var ariaLabel = props.ariaLabel,
-      role = props.role,
-      shapeRendering = props.shapeRendering,
-      className = props.className,
-      polar = props.polar,
-      origin = props.origin,
-      data = props.data,
-      pathComponent = props.pathComponent,
-      events = props.events,
-      groupComponent = props.groupComponent,
-      clipPath = props.clipPath,
-      id = props.id,
-      style = props.style,
-      desc = props.desc,
-      tabIndex = props.tabIndex;
-  var userProps = UserProps.getSafeUserProps(props);
-  var defaultTransform = polar && origin ? "translate(".concat(origin.x, ", ").concat(origin.y, ")") : undefined;
-  var transform = props.transform || defaultTransform;
-  var renderLine = style.stroke && style.stroke !== "none" && style.stroke !== "transparent";
-  var areaFunction = getAreaFunction(props);
-  var lineFunction = renderLine && LineHelpers.getLineFunction(props);
-  var areaStroke = style.stroke ? "none" : style.fill;
-
-  var sharedProps = _objectSpread(_objectSpread({
-    "aria-label": ariaLabel,
-    className: className,
-    role: role,
-    shapeRendering: shapeRendering,
-    transform: transform
-  }, events), {}, {
-    clipPath: clipPath,
-    tabIndex: tabIndex
+export const Area = initialProps => {
+  const props = evaluateProps({
+    ...defaultProps,
+    ...initialProps
   });
-
-  var area = /*#__PURE__*/React.cloneElement(pathComponent, Object.assign({
-    key: "".concat(id, "-area"),
+  const {
+    ariaLabel,
+    role,
+    shapeRendering,
+    className,
+    polar,
+    origin,
+    data,
+    pathComponent,
+    events,
+    groupComponent,
+    clipPath,
+    id,
+    style,
+    desc,
+    tabIndex
+  } = props;
+  const userProps = UserProps.getSafeUserProps(props);
+  const defaultTransform = polar && origin ? `translate(${origin.x}, ${origin.y})` : undefined;
+  const transform = props.transform || defaultTransform;
+  const renderLine = style.stroke && style.stroke !== "none" && style.stroke !== "transparent";
+  const areaFunction = getAreaFunction(props);
+  const lineFunction = renderLine && LineHelpers.getLineFunction(props);
+  const areaStroke = style.stroke ? "none" : style.fill;
+  const sharedProps = {
+    "aria-label": ariaLabel,
+    className,
+    role,
+    shapeRendering,
+    transform,
+    ...events,
+    clipPath,
+    tabIndex
+  };
+  const area = /*#__PURE__*/React.cloneElement(pathComponent, Object.assign({
+    key: `${id}-area`,
     style: Object.assign({}, style, {
       stroke: areaStroke
     }),
     d: areaFunction(data),
-    desc: desc,
-    tabIndex: tabIndex
+    desc,
+    tabIndex
   }, sharedProps, userProps));
-  var line = renderLine ? /*#__PURE__*/React.cloneElement(pathComponent, Object.assign({
-    key: "".concat(id, "-area-stroke"),
+  const line = renderLine ? /*#__PURE__*/React.cloneElement(pathComponent, Object.assign({
+    key: `${id}-area-stroke`,
     style: Object.assign({}, style, {
       fill: "none"
     }),

package/es/helper-methods.js

@@ -1,134 +1,125 @@
 import { Helpers, LabelHelpers, Data, Domain, Scale, Collection } from "victory-core";
-export var getDataWithBaseline = function (props, scale) {
-  var data = Data.getData(props);
-
+export const getDataWithBaseline = (props, scale) => {
+  let data = Data.getData(props);
   if (data.length < 2) {
     data = [];
   }
-
-  var getDefaultMin = function (axis) {
-    var defaultZero = Scale.getType(scale[axis]) === "log" ? 1 / Number.MAX_SAFE_INTEGER : 0;
-    var domain = scale[axis].domain();
-    var minY = Collection.getMinValue(domain);
-    var maxY = Collection.getMaxValue(domain);
-    var defaultMin = defaultZero;
-
+  const getDefaultMin = axis => {
+    const defaultZero = Scale.getType(scale[axis]) === "log" ? 1 / Number.MAX_SAFE_INTEGER : 0;
+    const domain = scale[axis].domain();
+    const minY = Collection.getMinValue(domain);
+    const maxY = Collection.getMaxValue(domain);
+    let defaultMin = defaultZero;
     if (minY < 0 && maxY <= 0) {
       defaultMin = maxY;
     } else if (minY >= 0 && maxY > 0) {
       defaultMin = minY;
     }
-
     return Collection.containsDates(domain) ? new Date(defaultMin) : defaultMin;
   };
-
-  return data.map(function (datum) {
-    var _y1 = datum._y1 !== undefined ? datum._y1 : datum._y;
-
-    var _y0 = datum._y0 !== undefined ? datum._y0 : getDefaultMin("y");
-
-    var _x1 = datum._x1 !== undefined ? datum._x1 : datum._x;
-
-    var _x0 = datum._x0 !== undefined ? datum._x0 : getDefaultMin("x");
-
+  return data.map(datum => {
+    const _y1 = datum._y1 !== undefined ? datum._y1 : datum._y;
+    const _y0 = datum._y0 !== undefined ? datum._y0 : getDefaultMin("y");
+    const _x1 = datum._x1 !== undefined ? datum._x1 : datum._x;
+    const _x0 = datum._x0 !== undefined ? datum._x0 : getDefaultMin("x");
     return Object.assign({}, datum, {
-      _y0: _y0,
-      _y1: _y1,
-      _x0: _x0,
-      _x1: _x1
+      _y0,
+      _y1,
+      _x0,
+      _x1
     });
   });
 };
-
-var getCalculatedValues = function (props) {
-  var polar = props.polar;
-  var defaultStyles = Helpers.getDefaultStyles(props, "area");
-  var style = Helpers.getStyles(props.style, defaultStyles);
-  var range = {
+const getCalculatedValues = props => {
+  const {
+    polar
+  } = props;
+  const defaultStyles = Helpers.getDefaultStyles(props, "area");
+  const style = Helpers.getStyles(props.style, defaultStyles);
+  const range = {
     x: Helpers.getRange(props, "x"),
     y: Helpers.getRange(props, "y")
   };
-  var domain = {
+  const domain = {
     x: Domain.getDomainWithZero(props, "x"),
     y: Domain.getDomainWithZero(props, "y")
   };
-  var scale = {
+  const scale = {
     x: Scale.getBaseScale(props, "x").domain(domain.x).range(props.horizontal ? range.y : range.x),
     y: Scale.getBaseScale(props, "y").domain(domain.y).range(props.horizontal ? range.x : range.y)
   };
-  var origin = polar ? props.origin || Helpers.getPolarOrigin(props) : undefined;
-  var data = getDataWithBaseline(props, scale);
+  const origin = polar ? props.origin || Helpers.getPolarOrigin(props) : undefined;
+  const data = getDataWithBaseline(props, scale);
   return {
-    style: style,
-    data: data,
-    scale: scale,
-    domain: domain,
-    origin: origin
+    style,
+    data,
+    scale,
+    domain,
+    origin
   };
 };
-
-export var getBaseProps = function (initialProps, fallbackProps) {
-  var modifiedProps = Helpers.modifyProps(initialProps, fallbackProps, "area");
-  var props = Object.assign({}, modifiedProps, getCalculatedValues(modifiedProps));
-  var data = props.data,
-      domain = props.domain,
-      events = props.events,
-      groupComponent = props.groupComponent,
-      height = props.height,
-      horizontal = props.horizontal,
-      interpolation = props.interpolation,
-      origin = props.origin,
-      padding = props.padding,
-      polar = props.polar,
-      scale = props.scale,
-      sharedEvents = props.sharedEvents,
-      standalone = props.standalone,
-      style = props.style,
-      theme = props.theme,
-      width = props.width,
-      labels = props.labels,
-      name = props.name,
-      disableInlineStyles = props.disableInlineStyles;
-  var initialChildProps = {
+export const getBaseProps = (initialProps, fallbackProps) => {
+  const modifiedProps = Helpers.modifyProps(initialProps, fallbackProps, "area");
+  const props = Object.assign({}, modifiedProps, getCalculatedValues(modifiedProps));
+  const {
+    data,
+    domain,
+    events,
+    groupComponent,
+    height,
+    horizontal,
+    interpolation,
+    origin,
+    padding,
+    polar,
+    scale,
+    sharedEvents,
+    standalone,
+    style,
+    theme,
+    width,
+    labels,
+    name,
+    disableInlineStyles
+  } = props;
+  const initialChildProps = {
     parent: {
       style: style.parent,
-      width: width,
-      height: height,
-      scale: scale,
-      data: data,
-      domain: domain,
-      standalone: standalone,
-      theme: theme,
-      polar: polar,
-      origin: origin,
-      padding: padding,
-      name: name,
-      horizontal: horizontal
+      width,
+      height,
+      scale,
+      data,
+      domain,
+      standalone,
+      theme,
+      polar,
+      origin,
+      padding,
+      name,
+      horizontal
     },
     all: {
       data: {
-        horizontal: horizontal,
-        polar: polar,
-        origin: origin,
-        scale: scale,
-        data: data,
-        interpolation: interpolation,
-        groupComponent: groupComponent,
+        horizontal,
+        polar,
+        origin,
+        scale,
+        data,
+        interpolation,
+        groupComponent,
         style: disableInlineStyles ? {} : style.data,
-        disableInlineStyles: disableInlineStyles
+        disableInlineStyles
       }
     }
   };
-  return data.reduce(function (childProps, datum, index) {
-    var text = LabelHelpers.getText(props, datum, index);
-
+  return data.reduce((childProps, datum, index) => {
+    const text = LabelHelpers.getText(props, datum, index);
     if (text !== undefined && text !== null || labels && (events || sharedEvents)) {
-      var eventKey = !Helpers.isNil(datum.eventKey) ? datum.eventKey : index;
+      const eventKey = !Helpers.isNil(datum.eventKey) ? datum.eventKey : index;
       childProps[eventKey] = {
         labels: LabelHelpers.getProps(props, index)
       };
     }
-
     return childProps;
   }, initialChildProps);
 };

package/es/victory-area.js

@@ -1,34 +1,14 @@
-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 { getBaseProps } from "./helper-methods";
 import { Area } from "./area";
 import { Helpers, VictoryLabel, VictoryContainer, DefaultTransitions, VictoryClipContainer, addEvents, VictoryTheme, Data, Domain, UserProps } from "victory-core";
-var fallbackProps = {
+const fallbackProps = {
   width: 450,
   height: 300,
   padding: 50,
   interpolation: "linear"
 };
-var options = {
+const options = {
   components: [{
     name: "parent",
     index: "parent"
@@ -40,72 +20,53 @@ var options = {
   }]
 };
 
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
 /**
  * Draw area charts with React. VictoryArea is a composable component, so it doesn't include axes.
  * Add VictoryArea as a child of VictoryChart for a complete chart.
  */
-var VictoryAreaBase = /*#__PURE__*/function (_React$Component) {
-  _inherits(VictoryAreaBase, _React$Component);
-
-  var _super = _createSuper(VictoryAreaBase);
-
-  function VictoryAreaBase() {
-    _classCallCheck(this, VictoryAreaBase);
-
-    return _super.apply(this, arguments);
+class VictoryAreaBase extends React.Component {
+  static animationWhitelist = ["data", "domain", "height", "padding", "style", "width"];
+  static defaultProps = {
+    containerComponent: /*#__PURE__*/React.createElement(VictoryContainer, null),
+    dataComponent: /*#__PURE__*/React.createElement(Area, null),
+    groupComponent: /*#__PURE__*/React.createElement(VictoryClipContainer, null),
+    labelComponent: /*#__PURE__*/React.createElement(VictoryLabel, {
+      renderInPortal: true
+    }),
+    samples: 50,
+    sortKey: "x",
+    sortOrder: "ascending",
+    standalone: true,
+    theme: VictoryTheme.grayscale
+  };
+  static displayName = "VictoryArea";
+  static role = "area";
+  static continuous = true;
+  static defaultTransitions = DefaultTransitions.continuousTransitions();
+  static defaultPolarTransitions = DefaultTransitions.continuousPolarTransitions();
+  static getDomain = Domain.getDomainWithZero;
+  static getData = Data.getData;
+  static getBaseProps = props => getBaseProps(props, fallbackProps);
+  static expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent"];
+
+  // Overridden in native versions
+  shouldAnimate() {
+    return !!this.props.animate;
   }
-
-  _createClass(VictoryAreaBase, [{
-    key: "shouldAnimate",
-    value: // Overridden in native versions
-    function shouldAnimate() {
-      return !!this.props.animate;
+  render() {
+    const {
+      animationWhitelist,
+      role
+    } = VictoryAreaBase;
+    const props = Helpers.modifyProps(this.props, fallbackProps, role);
+    if (this.shouldAnimate()) {
+      return this.animateComponent(props, animationWhitelist);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var animationWhitelist = VictoryAreaBase.animationWhitelist,
-          role = VictoryAreaBase.role;
-      var props = Helpers.modifyProps(this.props, fallbackProps, role);
-
-      if (this.shouldAnimate()) {
-        return this.animateComponent(props, animationWhitelist);
-      }
-
-      var children = this.renderContinuousData(props);
-      var component = props.standalone ? this.renderContainer(props.containerComponent, children) : children;
-      return UserProps.withSafeUserProps(component, props);
-    }
-  }]);
-
-  return VictoryAreaBase;
-}(React.Component);
-
-VictoryAreaBase.animationWhitelist = ["data", "domain", "height", "padding", "style", "width"];
-VictoryAreaBase.defaultProps = {
-  containerComponent: /*#__PURE__*/React.createElement(VictoryContainer, null),
-  dataComponent: /*#__PURE__*/React.createElement(Area, null),
-  groupComponent: /*#__PURE__*/React.createElement(VictoryClipContainer, null),
-  labelComponent: /*#__PURE__*/React.createElement(VictoryLabel, {
-    renderInPortal: true
-  }),
-  samples: 50,
-  sortKey: "x",
-  sortOrder: "ascending",
-  standalone: true,
-  theme: VictoryTheme.grayscale
-};
-VictoryAreaBase.displayName = "VictoryArea";
-VictoryAreaBase.role = "area";
-VictoryAreaBase.continuous = true;
-VictoryAreaBase.defaultTransitions = DefaultTransitions.continuousTransitions();
-VictoryAreaBase.defaultPolarTransitions = DefaultTransitions.continuousPolarTransitions();
-VictoryAreaBase.getDomain = Domain.getDomainWithZero;
-VictoryAreaBase.getData = Data.getData;
-
-VictoryAreaBase.getBaseProps = function (props) {
-  return getBaseProps(props, fallbackProps);
-};
-
-VictoryAreaBase.expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent"];
-export var VictoryArea = addEvents(VictoryAreaBase, options);
+    const children = this.renderContinuousData(props);
+    const component = props.standalone ? this.renderContainer(props.containerComponent, children) : children;
+    return UserProps.withSafeUserProps(component, props);
+  }
+}
+export const VictoryArea = addEvents(VictoryAreaBase, options);