victory-errorbar 36.9.2 → 37.0.0

package/es/victory-errorbar.js

@@ -1,33 +1,13 @@
-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 { Helpers, VictoryLabel, addEvents, VictoryContainer, VictoryTheme, DefaultTransitions, UserProps } from "victory-core";
 import { ErrorBar } from "./error-bar";
 import { getBaseProps, getDomain, getData } from "./helper-methods";
-var fallbackProps = {
+const fallbackProps = {
   width: 450,
   height: 300,
   padding: 50
 };
-var defaultData = [{
+const defaultData = [{
   x: 1,
   y: 1,
   errorX: 0.1,
@@ -49,66 +29,47 @@ var defaultData = [{
   errorY: 0.4
 }];
 
-var VictoryErrorBarBase = /*#__PURE__*/function (_React$Component) {
-  _inherits(VictoryErrorBarBase, _React$Component);
-
-  var _super = _createSuper(VictoryErrorBarBase);
-
-  function VictoryErrorBarBase() {
-    _classCallCheck(this, VictoryErrorBarBase);
-
-    return _super.apply(this, arguments);
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
+class VictoryErrorBarBase extends React.Component {
+  static animationWhitelist = ["data", "domain", "height", "padding", "samples", "style", "width", "errorX", "errorY", "borderWidth"];
+  static displayName = "VictoryErrorBar";
+  static role = "errorbar";
+  static defaultTransitions = DefaultTransitions.discreteTransitions();
+  static defaultProps = {
+    containerComponent: /*#__PURE__*/React.createElement(VictoryContainer, null),
+    data: defaultData,
+    dataComponent: /*#__PURE__*/React.createElement(ErrorBar, null),
+    labelComponent: /*#__PURE__*/React.createElement(VictoryLabel, null),
+    groupComponent: /*#__PURE__*/React.createElement("g", {
+      role: "presentation"
+    }),
+    samples: 50,
+    sortOrder: "ascending",
+    standalone: true,
+    theme: VictoryTheme.grayscale
+  };
+  static getDomain = getDomain;
+  static getData = getData;
+  static getBaseProps = props => getBaseProps(props, fallbackProps);
+  static expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent"];
+
+  // Overridden in native versions
+  shouldAnimate() {
+    return !!this.props.animate;
   }
-
-  _createClass(VictoryErrorBarBase, [{
-    key: "shouldAnimate",
-    value: // Overridden in native versions
-    function shouldAnimate() {
-      return !!this.props.animate;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var animationWhitelist = VictoryErrorBar.animationWhitelist,
-          role = VictoryErrorBar.role;
-      var props = Helpers.modifyProps(this.props, fallbackProps, role);
-
-      if (this.shouldAnimate()) {
-        return this.animateComponent(props, animationWhitelist);
-      }
-
-      var children = this.renderData(props);
-      var component = props.standalone ? this.renderContainer(props.containerComponent, children) : children;
-      return UserProps.withSafeUserProps(component, props);
+  render() {
+    const {
+      animationWhitelist,
+      role
+    } = VictoryErrorBar;
+    const props = Helpers.modifyProps(this.props, fallbackProps, role);
+    if (this.shouldAnimate()) {
+      return this.animateComponent(props, animationWhitelist);
     }
-  }]);
-
-  return VictoryErrorBarBase;
-}(React.Component);
-
-VictoryErrorBarBase.animationWhitelist = ["data", "domain", "height", "padding", "samples", "style", "width", "errorX", "errorY", "borderWidth"];
-VictoryErrorBarBase.displayName = "VictoryErrorBar";
-VictoryErrorBarBase.role = "errorbar";
-VictoryErrorBarBase.defaultTransitions = DefaultTransitions.discreteTransitions();
-VictoryErrorBarBase.defaultProps = {
-  containerComponent: /*#__PURE__*/React.createElement(VictoryContainer, null),
-  data: defaultData,
-  dataComponent: /*#__PURE__*/React.createElement(ErrorBar, null),
-  labelComponent: /*#__PURE__*/React.createElement(VictoryLabel, null),
-  groupComponent: /*#__PURE__*/React.createElement("g", {
-    role: "presentation"
-  }),
-  samples: 50,
-  sortOrder: "ascending",
-  standalone: true,
-  theme: VictoryTheme.grayscale
-};
-VictoryErrorBarBase.getDomain = getDomain;
-VictoryErrorBarBase.getData = getData;
-
-VictoryErrorBarBase.getBaseProps = function (props) {
-  return getBaseProps(props, fallbackProps);
-};
-
-VictoryErrorBarBase.expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent"];
-export var VictoryErrorBar = addEvents(VictoryErrorBarBase);
+    const children = this.renderData(props);
+    const component = props.standalone ? this.renderContainer(props.containerComponent, children) : children;
+    return UserProps.withSafeUserProps(component, props);
+  }
+}
+export const VictoryErrorBar = addEvents(VictoryErrorBarBase);

package/lib/error-bar.js

@@ -4,57 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ErrorBar = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _victoryCore = require("victory-core");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable max-statements */
 
-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; }
-
-var renderBorder = function (props, error, type) {
-  var vertical = type === "right" || type === "left";
-  return /*#__PURE__*/_react.default.cloneElement(props.lineComponent, _objectSpread(_objectSpread({}, props.events), {}, {
+const renderBorder = (props, error, type) => {
+  const vertical = type === "right" || type === "left";
+  return /*#__PURE__*/_react.default.cloneElement(props.lineComponent, {
+    ...props.events,
     role: props.role,
     shapeRendering: props.shapeRendering,
     className: props.className,
     style: props.style,
     transform: props.transform,
-    key: "".concat(props.id, "-border-").concat(type),
+    key: `${props.id}-border-${type}`,
     x1: vertical ? error[type] : props.x - props.borderWidth,
     x2: vertical ? error[type] : props.x + props.borderWidth,
     y1: vertical ? props.y - props.borderWidth : error[type],
     y2: vertical ? props.y + props.borderWidth : error[type],
-    "data-type": "border-".concat(type)
-  }));
+    "data-type": `border-${type}`
+  });
 };
-
-var renderCross = function (props, error, type) {
-  var vertical = type === "top" || type === "bottom";
-  return /*#__PURE__*/_react.default.cloneElement(props.lineComponent, _objectSpread(_objectSpread({}, props.events), {}, {
+const renderCross = (props, error, type) => {
+  const vertical = type === "top" || type === "bottom";
+  return /*#__PURE__*/_react.default.cloneElement(props.lineComponent, {
+    ...props.events,
     role: props.role,
     shapeRendering: props.shapeRendering,
     className: props.className,
     style: props.style,
     transform: props.transform,
-    key: "".concat(props.id, "-cross-").concat(type),
+    key: `${props.id}-cross-${type}`,
     x1: props.x,
     x2: vertical ? props.x : error[type],
     y1: props.y,
     y2: vertical ? error[type] : props.y,
-    "data-type": "cross-".concat(type)
-  }));
+    "data-type": `cross-${type}`
+  });
 };
-
-var calculateError = function (props) {
-  var errorX = props.errorX,
-      errorY = props.errorY;
-  var settings = {
+const calculateError = props => {
+  const {
+    errorX,
+    errorY
+  } = props;
+  const settings = {
     right: {
       error: errorX,
       errorIndex: 0
@@ -72,22 +66,20 @@ var calculateError = function (props) {
       errorIndex: 0
     }
   };
-
-  var getError = function (direction) {
-    var _settings$direction = settings[direction],
-        error = _settings$direction.error,
-        errorIndex = _settings$direction.errorIndex;
+  const getError = direction => {
+    const {
+      error,
+      errorIndex
+    } = settings[direction];
     return error ? error[errorIndex] : undefined;
   };
-
-  var result = ["right", "left", "top", "bottom"].reduce(function (memo, dir) {
+  const result = ["right", "left", "top", "bottom"].reduce((memo, dir) => {
     memo[dir] = getError(dir);
     return memo;
   }, {});
   return result;
 };
-
-var evaluateProps = function (props) {
+const evaluateProps = props => {
   /**
    * Potential evaluated props are:
    * `ariaLabel`
@@ -95,45 +87,49 @@ var evaluateProps = function (props) {
    * `style`
    * `tabIndex`
    */
-  var ariaLabel = _victoryCore.Helpers.evaluateProp(props.ariaLabel, props);
-
-  var id = _victoryCore.Helpers.evaluateProp(props.id, props);
-
-  var style = _victoryCore.Helpers.evaluateStyle(Object.assign({
+  const ariaLabel = _victoryCore.Helpers.evaluateProp(props.ariaLabel, props);
+  const id = _victoryCore.Helpers.evaluateProp(props.id, props);
+  const style = _victoryCore.Helpers.evaluateStyle(Object.assign({
     stroke: "black"
   }, props.style), props);
-
-  var tabIndex = _victoryCore.Helpers.evaluateProp(props.tabIndex, props);
-
+  const tabIndex = _victoryCore.Helpers.evaluateProp(props.tabIndex, props);
   return Object.assign({}, props, {
-    ariaLabel: ariaLabel,
-    id: id,
-    style: style,
-    tabIndex: tabIndex
+    ariaLabel,
+    id,
+    style,
+    tabIndex
   });
 };
 
-var defaultProps = {
+// ErrorProps for calculateError
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+
+const defaultProps = {
   groupComponent: /*#__PURE__*/_react.default.createElement("g", null),
   lineComponent: /*#__PURE__*/_react.default.createElement(_victoryCore.Line, null),
   role: "presentation",
   shapeRendering: "auto"
 };
-
-var ErrorBar = function (initialProps) {
-  var props = evaluateProps(_objectSpread(_objectSpread({}, defaultProps), initialProps));
-  var groupComponent = props.groupComponent;
-
-  var userProps = _victoryCore.UserProps.getSafeUserProps(props);
-
-  var tabIndex = props.tabIndex,
-      ariaLabel = props.ariaLabel;
-  var error = calculateError(props);
-  var children = [error.right ? renderBorder(props, error, "right") : null, error.left ? renderBorder(props, error, "left") : null, error.bottom ? renderBorder(props, error, "bottom") : null, error.top ? renderBorder(props, error, "top") : null, error.right ? renderCross(props, error, "right") : null, error.left ? renderCross(props, error, "left") : null, error.bottom ? renderCross(props, error, "bottom") : null, error.top ? renderCross(props, error, "top") : null].filter(Boolean);
-  return /*#__PURE__*/_react.default.cloneElement(groupComponent, _objectSpread({
-    tabIndex: tabIndex,
-    "aria-label": ariaLabel
-  }, userProps), children);
+const ErrorBar = initialProps => {
+  const props = evaluateProps({
+    ...defaultProps,
+    ...initialProps
+  });
+  const {
+    groupComponent
+  } = props;
+  const userProps = _victoryCore.UserProps.getSafeUserProps(props);
+  const {
+    tabIndex,
+    ariaLabel
+  } = props;
+  const error = calculateError(props);
+  const children = [error.right ? renderBorder(props, error, "right") : null, error.left ? renderBorder(props, error, "left") : null, error.bottom ? renderBorder(props, error, "bottom") : null, error.top ? renderBorder(props, error, "top") : null, error.right ? renderCross(props, error, "right") : null, error.left ? renderCross(props, error, "left") : null, error.bottom ? renderCross(props, error, "bottom") : null, error.top ? renderCross(props, error, "top") : null].filter(Boolean);
+  return /*#__PURE__*/_react.default.cloneElement(groupComponent, {
+    tabIndex,
+    "aria-label": ariaLabel,
+    ...userProps
+  }, children);
 };
-
 exports.ErrorBar = ErrorBar;