victory-core 36.3.2 → 36.5.0

package/es/victory-animation/victory-animation.js

@@ -1,44 +1,105 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+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 _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+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 _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+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 _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); return Constructor; }
+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 _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-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, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+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); }
+
 /*global setTimeout:false */
 import React from "react";
 import PropTypes from "prop-types";
-import * as d3Ease from "d3-ease";
+import * as d3Ease from "victory-vendor/d3-ease";
 import { victoryInterpolator } from "./util";
 import TimerContext from "../victory-util/timer-context";
 import isEqual from "react-fast-compare";
-
-var VictoryAnimation =
-/*#__PURE__*/
-function (_React$Component) {
+export var VictoryAnimation = /*#__PURE__*/function (_React$Component) {
   _inherits(VictoryAnimation, _React$Component);
 
+  var _super = _createSuper(VictoryAnimation);
+
   function VictoryAnimation(props, context) {
     var _this;
 
     _classCallCheck(this, VictoryAnimation);
 
-    _this = _possibleConstructorReturn(this, (VictoryAnimation.__proto__ || Object.getPrototypeOf(VictoryAnimation)).call(this, props, context));
+    _this = _super.call(this, props, context);
     /* defaults */
 
+    _this.interpolator = void 0;
+    _this.queue = void 0;
+    _this.ease = void 0;
+    _this.timer = void 0;
+    _this.loopID = void 0;
+
+    _this.functionToBeRunEachFrame = function (elapsed, duration) {
+      /*
+        step can generate imprecise values, sometimes greater than 1
+        if this happens set the state to 1 and return, cancelling the timer
+      */
+      duration = duration !== undefined ? duration : _this.props.duration;
+      var step = duration ? elapsed / duration : 1;
+
+      if (step >= 1) {
+        _this.setState({
+          data: _this.interpolator(1),
+          animationInfo: {
+            progress: 1,
+            animating: false,
+            terminating: true
+          }
+        });
+
+        if (_this.loopID) {
+          _this.timer.unsubscribe(_this.loopID);
+        }
+
+        _this.queue.shift();
+
+        _this.traverseQueue();
+
+        return;
+      }
+      /*
+        if we're not at the end of the timer, set the state by passing
+        current step value that's transformed by the ease function to the
+        interpolator, which is cached for performance whenever props are received
+      */
+
+
+      _this.setState({
+        data: _this.interpolator(_this.ease(step)),
+        animationInfo: {
+          progress: step,
+          animating: step < 1
+        }
+      });
+    };
+
     _this.state = {
       data: Array.isArray(_this.props.data) ? _this.props.data[0] : _this.props.data,
       animationInfo: {
@@ -51,12 +112,6 @@ function (_React$Component) {
     /* build easing function */
 
     _this.ease = d3Ease[_this.toNewName(_this.props.easing)];
-    /*
-      There is no autobinding of this in ES6 classes
-      so we bind functionToBeRunEachFrame to current instance of victory animation class
-    */
-
-    _this.functionToBeRunEachFrame = _this.functionToBeRunEachFrame.bind(_assertThisInitialized(_this));
     _this.timer = _this.context.animationTimer;
     return _this;
   }
@@ -98,10 +153,10 @@ function (_React$Component) {
             this.queue.push(this.props.data);
             /* If an array was supplied */
           } else {
-            var _queue;
+            var _this$queue;
 
             /* Extend the tween queue */
-            (_queue = this.queue).push.apply(_queue, _toConsumableArray(this.props.data));
+            (_this$queue = this.queue).push.apply(_this$queue, _toConsumableArray(this.props.data));
           }
           /* Start traversing the tween queue */
 
@@ -157,49 +212,6 @@ function (_React$Component) {
     }
     /* every frame we... */
 
-  }, {
-    key: "functionToBeRunEachFrame",
-    value: function functionToBeRunEachFrame(elapsed, duration) {
-      /*
-        step can generate imprecise values, sometimes greater than 1
-        if this happens set the state to 1 and return, cancelling the timer
-      */
-      duration = duration !== undefined ? duration : this.props.duration;
-      var step = duration ? elapsed / duration : 1;
-
-      if (step >= 1) {
-        this.setState({
-          data: this.interpolator(1),
-          animationInfo: {
-            progress: 1,
-            animating: false,
-            terminating: true
-          }
-        });
-
-        if (this.loopID) {
-          this.timer.unsubscribe(this.loopID);
-        }
-
-        this.queue.shift();
-        this.traverseQueue();
-        return;
-      }
-      /*
-        if we're not at the end of the timer, set the state by passing
-        current step value that's transformed by the ease function to the
-        interpolator, which is cached for performance whenever props are received
-      */
-
-
-      this.setState({
-        data: this.interpolator(this.ease(step)),
-        animationInfo: {
-          progress: step,
-          animating: step < 1
-        }
-      });
-    }
   }, {
     key: "render",
     value: function render() {
@@ -209,41 +221,19 @@ function (_React$Component) {
 
   return VictoryAnimation;
 }(React.Component);
-
-Object.defineProperty(VictoryAnimation, "displayName", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: "VictoryAnimation"
-});
-Object.defineProperty(VictoryAnimation, "propTypes", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: {
-    children: PropTypes.func,
-    data: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
-    delay: PropTypes.number,
-    duration: PropTypes.number,
-    easing: PropTypes.oneOf(["back", "backIn", "backOut", "backInOut", "bounce", "bounceIn", "bounceOut", "bounceInOut", "circle", "circleIn", "circleOut", "circleInOut", "linear", "linearIn", "linearOut", "linearInOut", "cubic", "cubicIn", "cubicOut", "cubicInOut", "elastic", "elasticIn", "elasticOut", "elasticInOut", "exp", "expIn", "expOut", "expInOut", "poly", "polyIn", "polyOut", "polyInOut", "quad", "quadIn", "quadOut", "quadInOut", "sin", "sinIn", "sinOut", "sinInOut"]),
-    onEnd: PropTypes.func
-  }
-});
-Object.defineProperty(VictoryAnimation, "defaultProps", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: {
-    data: {},
-    delay: 0,
-    duration: 1000,
-    easing: "quadInOut"
-  }
-});
-Object.defineProperty(VictoryAnimation, "contextType", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: TimerContext
-});
-export { VictoryAnimation as default };
+VictoryAnimation.displayName = "VictoryAnimation";
+VictoryAnimation.propTypes = {
+  children: PropTypes.func,
+  data: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
+  delay: PropTypes.number,
+  duration: PropTypes.number,
+  easing: PropTypes.oneOf(["back", "backIn", "backOut", "backInOut", "bounce", "bounceIn", "bounceOut", "bounceInOut", "circle", "circleIn", "circleOut", "circleInOut", "linear", "linearIn", "linearOut", "linearInOut", "cubic", "cubicIn", "cubicOut", "cubicInOut", "elastic", "elasticIn", "elasticOut", "elasticInOut", "exp", "expIn", "expOut", "expInOut", "poly", "polyIn", "polyOut", "polyInOut", "quad", "quadIn", "quadOut", "quadInOut", "sin", "sinIn", "sinOut", "sinInOut"]),
+  onEnd: PropTypes.func
+};
+VictoryAnimation.defaultProps = {
+  data: {},
+  delay: 0,
+  duration: 1000,
+  easing: "quadInOut"
+};
+VictoryAnimation.contextType = TimerContext;

package/es/victory-clip-container/victory-clip-container.d.ts

@@ -0,0 +1,76 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { BlockProps } from "../victory-theme/victory-theme";
+import { OriginType } from "../victory-label/victory-label";
+export interface VictoryClipContainerProps {
+    "aria-label"?: string;
+    children?: React.ReactElement | React.ReactElement[];
+    circleComponent?: React.ReactElement;
+    className?: string;
+    clipHeight?: number;
+    clipId?: number | string;
+    clipPadding?: BlockProps;
+    clipPathComponent?: React.ReactElement;
+    clipWidth?: number;
+    events?: React.DOMAttributes<any>;
+    groupComponent?: React.ReactElement;
+    origin?: OriginType;
+    polar?: boolean;
+    radius?: number;
+    rectComponent?: React.ReactElement;
+    translateX?: number;
+    translateY?: number;
+}
+export declare class VictoryClipContainer extends React.Component<VictoryClipContainerProps> {
+    static displayName: string;
+    static role: string;
+    static propTypes: {
+        "aria-label": PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        circleComponent: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        className: PropTypes.Requireable<string>;
+        clipHeight: any;
+        clipId: PropTypes.Requireable<string | number>;
+        clipPadding: PropTypes.Requireable<PropTypes.InferProps<{
+            top: PropTypes.Requireable<number>;
+            bottom: PropTypes.Requireable<number>;
+            left: PropTypes.Requireable<number>;
+            right: PropTypes.Requireable<number>;
+        }>>;
+        clipPathComponent: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        clipWidth: any;
+        events: PropTypes.Requireable<object>;
+        groupComponent: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        origin: PropTypes.Requireable<PropTypes.InferProps<{
+            x: any;
+            y: any;
+        }>>;
+        polar: PropTypes.Requireable<boolean>;
+        radius: any;
+        style: PropTypes.Requireable<object>;
+        tabIndex: PropTypes.Requireable<number>;
+        transform: PropTypes.Requireable<string>;
+        translateX: PropTypes.Requireable<number>;
+        translateY: PropTypes.Requireable<number>;
+    };
+    static defaultProps: {
+        circleComponent: JSX.Element;
+        rectComponent: JSX.Element;
+        clipPathComponent: JSX.Element;
+        groupComponent: JSX.Element;
+    };
+    private clipId;
+    constructor(props: VictoryClipContainerProps);
+    calculateAttributes(props: any): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    renderClippedGroup(props: any, clipId: any): React.DetailedReactHTMLElement<any, HTMLElement>;
+    renderGroup(props: any): React.DetailedReactHTMLElement<any, HTMLElement>;
+    renderClipComponent(props: any, clipId: any): React.DetailedReactHTMLElement<any, HTMLElement>;
+    getClipValue(props: any, axis: any): any;
+    getTranslateValue(props: any, axis: any): any;
+    render(): React.DetailedReactHTMLElement<any, HTMLElement>;
+}

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

@@ -3,15 +3,21 @@ import _isObject from "lodash/isObject";
 import _defaults from "lodash/defaults";
 import _assign from "lodash/assign";
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+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 _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+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 _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
+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; }
 
@@ -19,33 +25,42 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 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); return Constructor; }
+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 _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+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 _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, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+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 PropTypes from "prop-types";
 import * as CustomPropTypes from "../victory-util/prop-types";
 import * as Helpers from "../victory-util/helpers";
-import ClipPath from "../victory-primitives/clip-path";
-import Circle from "../victory-primitives/circle";
-import Rect from "../victory-primitives/rect";
-
-var VictoryClipContainer =
-/*#__PURE__*/
-function (_React$Component) {
+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 = _possibleConstructorReturn(this, (VictoryClipContainer.__proto__ || Object.getPrototypeOf(VictoryClipContainer)).call(this, props));
+    _this = _super.call(this, props);
+    _this.clipId = void 0;
     _this.clipId = !_isObject(props) || props.clipId === undefined ? _uniqueId("victory-clip-") : props.clipId;
     return _this;
   }
@@ -77,6 +92,7 @@ function (_React$Component) {
   }, {
     key: "renderClippedGroup",
     value: function renderClippedGroup(props, clipId) {
+      var userProps = UserProps.getSafeUserProps(props);
       var style = props.style,
           events = props.events,
           transform = props.transform,
@@ -94,10 +110,9 @@ function (_React$Component) {
         clipPath: "url(#".concat(clipId, ")")
       }, events);
 
-      return React.cloneElement(groupComponent, _objectSpread({}, groupProps, {
-        "aria-label": props["aria-label"],
+      return /*#__PURE__*/React.cloneElement(groupComponent, _objectSpread(_objectSpread({}, groupProps), {}, {
         tabIndex: tabIndex
-      }), [clipComponent].concat(_toConsumableArray(React.Children.toArray(children))));
+      }, userProps), [clipComponent].concat(_toConsumableArray(React.Children.toArray(children))));
     }
   }, {
     key: "renderGroup",
@@ -109,7 +124,7 @@ function (_React$Component) {
           className = props.className,
           groupComponent = props.groupComponent,
           tabIndex = props.tabIndex;
-      return React.cloneElement(groupComponent, _assign({
+      return /*#__PURE__*/React.cloneElement(groupComponent, _assign({
         className: className,
         style: style,
         transform: transform,
@@ -151,7 +166,7 @@ function (_React$Component) {
           cx: origin.x - left,
           cy: origin.y - top
         };
-        child = React.cloneElement(circleComponent, circleProps);
+        child = /*#__PURE__*/React.cloneElement(circleComponent, circleProps);
       } else {
         var rectProps = {
           x: translateX - left,
@@ -159,10 +174,10 @@ function (_React$Component) {
           width: Math.max(clipWidth + left + right, 0),
           height: Math.max(clipHeight + top + bottom, 0)
         };
-        child = React.cloneElement(rectComponent, rectProps);
+        child = /*#__PURE__*/React.cloneElement(rectComponent, rectProps);
       }
 
-      return React.cloneElement(clipPathComponent, _assign({
+      return /*#__PURE__*/React.cloneElement(clipPathComponent, _assign({
         key: "clip-path-".concat(clipId)
       }, props, {
         clipId: clipId
@@ -224,62 +239,40 @@ function (_React$Component) {
 
   return VictoryClipContainer;
 }(React.Component);
-
-Object.defineProperty(VictoryClipContainer, "displayName", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: "VictoryClipContainer"
-});
-Object.defineProperty(VictoryClipContainer, "role", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: "container"
-});
-Object.defineProperty(VictoryClipContainer, "propTypes", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: {
-    "aria-label": PropTypes.string,
-    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-    circleComponent: PropTypes.element,
-    className: PropTypes.string,
-    clipHeight: CustomPropTypes.nonNegative,
-    clipId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    clipPadding: PropTypes.shape({
-      top: PropTypes.number,
-      bottom: PropTypes.number,
-      left: PropTypes.number,
-      right: PropTypes.number
-    }),
-    clipPathComponent: PropTypes.element,
-    clipWidth: CustomPropTypes.nonNegative,
-    events: PropTypes.object,
-    groupComponent: PropTypes.element,
-    origin: PropTypes.shape({
-      x: CustomPropTypes.nonNegative,
-      y: CustomPropTypes.nonNegative
-    }),
-    polar: PropTypes.bool,
-    radius: CustomPropTypes.nonNegative,
-    style: PropTypes.object,
-    tabIndex: PropTypes.number,
-    transform: PropTypes.string,
-    translateX: PropTypes.number,
-    translateY: PropTypes.number
-  }
-});
-Object.defineProperty(VictoryClipContainer, "defaultProps", {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  value: {
-    circleComponent: React.createElement(Circle, null),
-    rectComponent: React.createElement(Rect, null),
-    clipPathComponent: React.createElement(ClipPath, null),
-    groupComponent: React.createElement("g", null)
-  }
-});
-export { VictoryClipContainer as default };
+VictoryClipContainer.displayName = "VictoryClipContainer";
+VictoryClipContainer.role = "container";
+VictoryClipContainer.propTypes = {
+  "aria-label": PropTypes.string,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+  circleComponent: PropTypes.element,
+  className: PropTypes.string,
+  clipHeight: CustomPropTypes.nonNegative,
+  clipId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  clipPadding: PropTypes.shape({
+    top: PropTypes.number,
+    bottom: PropTypes.number,
+    left: PropTypes.number,
+    right: PropTypes.number
+  }),
+  clipPathComponent: PropTypes.element,
+  clipWidth: CustomPropTypes.nonNegative,
+  events: PropTypes.object,
+  groupComponent: PropTypes.element,
+  origin: PropTypes.shape({
+    x: CustomPropTypes.nonNegative,
+    y: CustomPropTypes.nonNegative
+  }),
+  polar: PropTypes.bool,
+  radius: CustomPropTypes.nonNegative,
+  style: PropTypes.object,
+  tabIndex: PropTypes.number,
+  transform: PropTypes.string,
+  translateX: PropTypes.number,
+  translateY: PropTypes.number
+};
+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)
+};