victory-core 36.9.2 → 37.0.0

package/es/victory-clip-container/victory-clip-container.js

@@ -1,244 +1,168 @@
 import _uniqueId from "lodash/uniqueId";
 import _isObject from "lodash/isObject";
 import _defaults from "lodash/defaults";
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-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; }
-
-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 * as Helpers from "../victory-util/helpers";
 import * as UserProps from "../victory-util/user-props";
 import { ClipPath } from "../victory-primitives/clip-path";
 import { Circle } from "../victory-primitives/circle";
 import { Rect } from "../victory-primitives/rect";
-export var VictoryClipContainer = /*#__PURE__*/function (_React$Component) {
-  _inherits(VictoryClipContainer, _React$Component);
-
-  var _super = _createSuper(VictoryClipContainer);
-
-  function VictoryClipContainer(props) {
-    var _this;
-
-    _classCallCheck(this, VictoryClipContainer);
-
-    _this = _super.call(this, props);
-    _this.clipId = void 0;
-    _this.clipId = !_isObject(props) || props.clipId === undefined ? _uniqueId("victory-clip-") : props.clipId;
-    return _this;
+export class VictoryClipContainer extends React.Component {
+  static displayName = "VictoryClipContainer";
+  static role = "container";
+  static defaultProps = {
+    circleComponent: /*#__PURE__*/React.createElement(Circle, null),
+    rectComponent: /*#__PURE__*/React.createElement(Rect, null),
+    clipPathComponent: /*#__PURE__*/React.createElement(ClipPath, null),
+    groupComponent: /*#__PURE__*/React.createElement("g", null)
+  };
+  constructor(props) {
+    super(props);
+    this.clipId = !_isObject(props) || props.clipId === undefined ? _uniqueId("victory-clip-") : props.clipId;
   }
-
-  _createClass(VictoryClipContainer, [{
-    key: "calculateAttributes",
-    value: function calculateAttributes(props) {
-      var polar = props.polar,
-          origin = props.origin,
-          _props$clipWidth = props.clipWidth,
-          clipWidth = _props$clipWidth === void 0 ? 0 : _props$clipWidth,
-          _props$clipHeight = props.clipHeight,
-          clipHeight = _props$clipHeight === void 0 ? 0 : _props$clipHeight,
-          _props$translateX = props.translateX,
-          translateX = _props$translateX === void 0 ? 0 : _props$translateX,
-          _props$translateY = props.translateY,
-          translateY = _props$translateY === void 0 ? 0 : _props$translateY;
-      var clipPadding = Helpers.getPadding({
-        padding: props.clipPadding
-      });
-      var radius = props.radius || Helpers.getRadius(props);
-      return {
-        x: (polar ? origin.x : translateX) - clipPadding.left,
-        y: (polar ? origin.y : translateY) - clipPadding.top,
-        width: Math.max((polar ? radius : clipWidth) + clipPadding.left + clipPadding.right, 0),
-        height: Math.max((polar ? radius : clipHeight) + clipPadding.top + clipPadding.bottom, 0)
+  calculateAttributes(props) {
+    const {
+      polar,
+      origin,
+      clipWidth = 0,
+      clipHeight = 0,
+      translateX = 0,
+      translateY = 0
+    } = props;
+    const clipPadding = Helpers.getPadding({
+      padding: props.clipPadding
+    });
+    const radius = props.radius || Helpers.getRadius(props);
+    return {
+      x: (polar ? origin.x : translateX) - clipPadding.left,
+      y: (polar ? origin.y : translateY) - clipPadding.top,
+      width: Math.max((polar ? radius : clipWidth) + clipPadding.left + clipPadding.right, 0),
+      height: Math.max((polar ? radius : clipHeight) + clipPadding.top + clipPadding.bottom, 0)
+    };
+  }
+  renderClippedGroup(props, clipId) {
+    const userProps = UserProps.getSafeUserProps(props);
+    const {
+      style,
+      events,
+      transform,
+      children,
+      className,
+      groupComponent,
+      tabIndex
+    } = props;
+    const clipComponent = this.renderClipComponent(props, clipId);
+    const groupProps = Object.assign({
+      className,
+      style,
+      transform,
+      key: `clipped-group-${clipId}`,
+      clipPath: `url(#${clipId})`
+    }, events);
+    return /*#__PURE__*/React.cloneElement(groupComponent, {
+      ...groupProps,
+      tabIndex,
+      ...userProps
+    }, [clipComponent, ...React.Children.toArray(children)]);
+  }
+  renderGroup(props) {
+    const {
+      style,
+      events,
+      transform,
+      children,
+      className,
+      groupComponent,
+      tabIndex
+    } = props;
+    return /*#__PURE__*/React.cloneElement(groupComponent, Object.assign({
+      className,
+      style,
+      transform,
+      "aria-label": props["aria-label"],
+      tabIndex
+    }, events), children);
+  }
+  renderClipComponent(props, clipId) {
+    const {
+      polar,
+      origin,
+      clipWidth = 0,
+      clipHeight = 0,
+      translateX = 0,
+      translateY = 0,
+      circleComponent,
+      rectComponent,
+      clipPathComponent
+    } = props;
+    const {
+      top,
+      bottom,
+      left,
+      right
+    } = Helpers.getPadding({
+      padding: props.clipPadding
+    });
+    let child;
+    if (polar) {
+      const radius = props.radius || Helpers.getRadius(props);
+      const circleProps = {
+        r: Math.max(radius + left + right, radius + top + bottom, 0),
+        cx: origin.x - left,
+        cy: origin.y - top
       };
-    }
-  }, {
-    key: "renderClippedGroup",
-    value: function renderClippedGroup(props, clipId) {
-      var userProps = UserProps.getSafeUserProps(props);
-      var style = props.style,
-          events = props.events,
-          transform = props.transform,
-          children = props.children,
-          className = props.className,
-          groupComponent = props.groupComponent,
-          tabIndex = props.tabIndex;
-      var clipComponent = this.renderClipComponent(props, clipId);
-      var groupProps = Object.assign({
-        className: className,
-        style: style,
-        transform: transform,
-        key: "clipped-group-".concat(clipId),
-        clipPath: "url(#".concat(clipId, ")")
-      }, events);
-      return /*#__PURE__*/React.cloneElement(groupComponent, _objectSpread(_objectSpread({}, groupProps), {}, {
-        tabIndex: tabIndex
-      }, userProps), [clipComponent].concat(_toConsumableArray(React.Children.toArray(children))));
-    }
-  }, {
-    key: "renderGroup",
-    value: function renderGroup(props) {
-      var style = props.style,
-          events = props.events,
-          transform = props.transform,
-          children = props.children,
-          className = props.className,
-          groupComponent = props.groupComponent,
-          tabIndex = props.tabIndex;
-      return /*#__PURE__*/React.cloneElement(groupComponent, Object.assign({
-        className: className,
-        style: style,
-        transform: transform,
-        "aria-label": props["aria-label"],
-        tabIndex: tabIndex
-      }, events), children);
-    }
-  }, {
-    key: "renderClipComponent",
-    value: function renderClipComponent(props, clipId) {
-      var polar = props.polar,
-          origin = props.origin,
-          _props$clipWidth2 = props.clipWidth,
-          clipWidth = _props$clipWidth2 === void 0 ? 0 : _props$clipWidth2,
-          _props$clipHeight2 = props.clipHeight,
-          clipHeight = _props$clipHeight2 === void 0 ? 0 : _props$clipHeight2,
-          _props$translateX2 = props.translateX,
-          translateX = _props$translateX2 === void 0 ? 0 : _props$translateX2,
-          _props$translateY2 = props.translateY,
-          translateY = _props$translateY2 === void 0 ? 0 : _props$translateY2,
-          circleComponent = props.circleComponent,
-          rectComponent = props.rectComponent,
-          clipPathComponent = props.clipPathComponent;
-
-      var _Helpers$getPadding = Helpers.getPadding({
-        padding: props.clipPadding
-      }),
-          top = _Helpers$getPadding.top,
-          bottom = _Helpers$getPadding.bottom,
-          left = _Helpers$getPadding.left,
-          right = _Helpers$getPadding.right;
-
-      var child;
-
-      if (polar) {
-        var radius = props.radius || Helpers.getRadius(props);
-        var circleProps = {
-          r: Math.max(radius + left + right, radius + top + bottom, 0),
-          cx: origin.x - left,
-          cy: origin.y - top
-        };
-        child = /*#__PURE__*/React.cloneElement(circleComponent, circleProps);
-      } else {
-        var rectProps = {
-          x: translateX - left,
-          y: translateY - top,
-          width: Math.max(clipWidth + left + right, 0),
-          height: Math.max(clipHeight + top + bottom, 0)
-        };
-        child = /*#__PURE__*/React.cloneElement(rectComponent, rectProps);
-      }
-
-      return /*#__PURE__*/React.cloneElement(clipPathComponent, Object.assign({
-        key: "clip-path-".concat(clipId)
-      }, props, {
-        clipId: clipId
-      }), child);
-    }
-  }, {
-    key: "getClipValue",
-    value: function getClipValue(props, axis) {
-      var clipValues = {
-        x: props.clipWidth,
-        y: props.clipHeight
+      child = /*#__PURE__*/React.cloneElement(circleComponent, circleProps);
+    } else {
+      const rectProps = {
+        x: translateX - left,
+        y: translateY - top,
+        width: Math.max(clipWidth + left + right, 0),
+        height: Math.max(clipHeight + top + bottom, 0)
       };
-
-      if (clipValues[axis] !== undefined) {
-        return clipValues[axis];
-      }
-
-      var range = Helpers.getRange(props, axis);
-      return range ? Math.abs(range[0] - range[1]) || undefined : undefined;
+      child = /*#__PURE__*/React.cloneElement(rectComponent, rectProps);
     }
-  }, {
-    key: "getTranslateValue",
-    value: function getTranslateValue(props, axis) {
-      var translateValues = {
-        x: props.translateX,
-        y: props.translateY
-      };
-
-      if (translateValues[axis] !== undefined) {
-        return translateValues[axis];
-      }
-
-      var range = Helpers.getRange(props, axis);
-      return range ? Math.min.apply(Math, _toConsumableArray(range)) : undefined;
+    return /*#__PURE__*/React.cloneElement(clipPathComponent, Object.assign({
+      key: `clip-path-${clipId}`
+    }, props, {
+      clipId
+    }), child);
+  }
+  getClipValue(props, axis) {
+    const clipValues = {
+      x: props.clipWidth,
+      y: props.clipHeight
+    };
+    if (clipValues[axis] !== undefined) {
+      return clipValues[axis];
+    }
+    const range = Helpers.getRange(props, axis);
+    return range ? Math.abs(range[0] - range[1]) || undefined : undefined;
+  }
+  getTranslateValue(props, axis) {
+    const translateValues = {
+      x: props.translateX,
+      y: props.translateY
+    };
+    if (translateValues[axis] !== undefined) {
+      return translateValues[axis];
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var clipHeight = this.getClipValue(this.props, "y");
-      var clipWidth = this.getClipValue(this.props, "x");
-
-      if (clipWidth === undefined || clipHeight === undefined) {
-        return this.renderGroup(this.props);
-      }
-
-      var translateX = this.getTranslateValue(this.props, "x");
-      var translateY = this.getTranslateValue(this.props, "y");
-
-      var clipProps = _defaults({}, this.props, {
-        clipHeight: clipHeight,
-        clipWidth: clipWidth,
-        translateX: translateX,
-        translateY: translateY
-      });
-
-      return this.renderClippedGroup(clipProps, this.clipId);
+    const range = Helpers.getRange(props, axis);
+    return range ? Math.min(...range) : undefined;
+  }
+  render() {
+    const clipHeight = this.getClipValue(this.props, "y");
+    const clipWidth = this.getClipValue(this.props, "x");
+    if (clipWidth === undefined || clipHeight === undefined) {
+      return this.renderGroup(this.props);
     }
-  }]);
-
-  return VictoryClipContainer;
-}(React.Component);
-VictoryClipContainer.displayName = "VictoryClipContainer";
-VictoryClipContainer.role = "container";
-VictoryClipContainer.defaultProps = {
-  circleComponent: /*#__PURE__*/React.createElement(Circle, null),
-  rectComponent: /*#__PURE__*/React.createElement(Rect, null),
-  clipPathComponent: /*#__PURE__*/React.createElement(ClipPath, null),
-  groupComponent: /*#__PURE__*/React.createElement("g", null)
-};
+    const translateX = this.getTranslateValue(this.props, "x");
+    const translateY = this.getTranslateValue(this.props, "y");
+    const clipProps = _defaults({}, this.props, {
+      clipHeight,
+      clipWidth,
+      translateX,
+      translateY
+    });
+    return this.renderClippedGroup(clipProps, this.clipId);
+  }
+}