victory-core 36.9.2 → 37.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (110) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/victory-core.js +4371 -5749
  3. package/dist/victory-core.min.js +1 -1
  4. package/es/victory-accessible-group/victory-accessible-group.js +9 -15
  5. package/es/victory-animation/util.js +28 -47
  6. package/es/victory-animation/victory-animation.js +51 -67
  7. package/es/victory-clip-container/victory-clip-container.js +153 -229
  8. package/es/victory-container/victory-container.js +157 -216
  9. package/es/victory-label/victory-label.js +246 -323
  10. package/es/victory-portal/portal-context.js +1 -2
  11. package/es/victory-portal/portal.js +30 -76
  12. package/es/victory-portal/victory-portal.js +47 -104
  13. package/es/victory-primitives/arc.js +44 -47
  14. package/es/victory-primitives/background.js +14 -17
  15. package/es/victory-primitives/border.js +20 -24
  16. package/es/victory-primitives/circle.js +13 -27
  17. package/es/victory-primitives/clip-path.js +3 -7
  18. package/es/victory-primitives/line-segment.js +20 -24
  19. package/es/victory-primitives/line.js +13 -27
  20. package/es/victory-primitives/path.js +13 -27
  21. package/es/victory-primitives/point.js +36 -40
  22. package/es/victory-primitives/rect.js +13 -27
  23. package/es/victory-primitives/text.js +15 -28
  24. package/es/victory-primitives/tspan.js +13 -26
  25. package/es/victory-primitives/whisker.js +43 -47
  26. package/es/victory-theme/grayscale.js +22 -22
  27. package/es/victory-theme/material.js +46 -46
  28. package/es/victory-theme/victory-theme.js +3 -3
  29. package/es/victory-transition/victory-transition.js +126 -206
  30. package/es/victory-util/add-events.js +263 -374
  31. package/es/victory-util/axis.js +126 -222
  32. package/es/victory-util/collection.js +13 -41
  33. package/es/victory-util/data.js +159 -214
  34. package/es/victory-util/default-transitions.js +33 -51
  35. package/es/victory-util/domain.js +122 -171
  36. package/es/victory-util/events.js +168 -258
  37. package/es/victory-util/helpers.js +153 -178
  38. package/es/victory-util/hooks/use-animation-state.js +61 -99
  39. package/es/victory-util/hooks/use-previous-props.js +2 -2
  40. package/es/victory-util/immutable.js +6 -8
  41. package/es/victory-util/label-helpers.js +128 -130
  42. package/es/victory-util/line-helpers.js +29 -41
  43. package/es/victory-util/log.js +1 -1
  44. package/es/victory-util/point-path-helpers.js +89 -49
  45. package/es/victory-util/scale.js +24 -42
  46. package/es/victory-util/selection.js +39 -40
  47. package/es/victory-util/style.js +8 -13
  48. package/es/victory-util/textsize.js +80 -154
  49. package/es/victory-util/timer-context.js +2 -2
  50. package/es/victory-util/timer.js +40 -76
  51. package/es/victory-util/transitions.js +110 -150
  52. package/es/victory-util/type-helpers.js +2 -3
  53. package/es/victory-util/user-props.js +24 -49
  54. package/es/victory-util/wrapper.js +184 -247
  55. package/lib/index.js +0 -30
  56. package/lib/victory-accessible-group/victory-accessible-group.js +9 -19
  57. package/lib/victory-animation/util.js +28 -63
  58. package/lib/victory-animation/victory-animation.js +54 -83
  59. package/lib/victory-clip-container/victory-clip-container.js +156 -243
  60. package/lib/victory-container/victory-container.js +160 -232
  61. package/lib/victory-label/victory-label.js +248 -344
  62. package/lib/victory-portal/portal-context.js +1 -6
  63. package/lib/victory-portal/portal.js +31 -81
  64. package/lib/victory-portal/victory-portal.js +50 -116
  65. package/lib/victory-primitives/arc.js +48 -57
  66. package/lib/victory-primitives/background.js +16 -28
  67. package/lib/victory-primitives/border.js +22 -34
  68. package/lib/victory-primitives/circle.js +16 -36
  69. package/lib/victory-primitives/clip-path.js +3 -11
  70. package/lib/victory-primitives/index.js +0 -28
  71. package/lib/victory-primitives/line-segment.js +22 -34
  72. package/lib/victory-primitives/line.js +16 -36
  73. package/lib/victory-primitives/path.js +16 -36
  74. package/lib/victory-primitives/point.js +38 -52
  75. package/lib/victory-primitives/rect.js +16 -36
  76. package/lib/victory-primitives/text.js +15 -33
  77. package/lib/victory-primitives/tspan.js +13 -31
  78. package/lib/victory-primitives/whisker.js +45 -57
  79. package/lib/victory-theme/grayscale.js +23 -24
  80. package/lib/victory-theme/material.js +47 -48
  81. package/lib/victory-theme/victory-theme.js +2 -7
  82. package/lib/victory-transition/victory-transition.js +129 -224
  83. package/lib/victory-util/add-events.js +263 -380
  84. package/lib/victory-util/axis.js +128 -241
  85. package/lib/victory-util/collection.js +13 -50
  86. package/lib/victory-util/data.js +160 -239
  87. package/lib/victory-util/default-transitions.js +33 -54
  88. package/lib/victory-util/domain.js +123 -193
  89. package/lib/victory-util/events.js +167 -274
  90. package/lib/victory-util/helpers.js +156 -207
  91. package/lib/victory-util/hooks/index.js +0 -2
  92. package/lib/victory-util/hooks/use-animation-state.js +63 -113
  93. package/lib/victory-util/hooks/use-previous-props.js +2 -7
  94. package/lib/victory-util/immutable.js +6 -18
  95. package/lib/victory-util/index.js +2 -51
  96. package/lib/victory-util/label-helpers.js +130 -141
  97. package/lib/victory-util/line-helpers.js +31 -49
  98. package/lib/victory-util/log.js +1 -2
  99. package/lib/victory-util/point-path-helpers.js +91 -63
  100. package/lib/victory-util/scale.js +26 -57
  101. package/lib/victory-util/selection.js +41 -49
  102. package/lib/victory-util/style.js +8 -16
  103. package/lib/victory-util/textsize.js +80 -157
  104. package/lib/victory-util/timer-context.js +2 -8
  105. package/lib/victory-util/timer.js +40 -76
  106. package/lib/victory-util/transitions.js +110 -152
  107. package/lib/victory-util/type-helpers.js +2 -9
  108. package/lib/victory-util/user-props.js +25 -59
  109. package/lib/victory-util/wrapper.js +186 -281
  110. package/package.json +2 -2
@@ -4,262 +4,175 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.VictoryClipContainer = void 0;
7
-
8
7
  var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
9
-
10
8
  var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
11
-
12
9
  var _defaults2 = _interopRequireDefault(require("lodash/defaults"));
13
-
14
10
  var _react = _interopRequireDefault(require("react"));
15
-
16
11
  var Helpers = _interopRequireWildcard(require("../victory-util/helpers"));
17
-
18
12
  var UserProps = _interopRequireWildcard(require("../victory-util/user-props"));
19
-
20
13
  var _clipPath = require("../victory-primitives/clip-path");
21
-
22
14
  var _circle = require("../victory-primitives/circle");
23
-
24
15
  var _rect = require("../victory-primitives/rect");
25
-
26
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
-
28
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
-
16
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
17
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
30
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
-
32
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
33
-
34
- 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."); }
35
-
36
- 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); }
37
-
38
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
39
-
40
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
41
-
42
- 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; }
43
-
44
- 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; }
45
-
46
- 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; }
47
-
48
- 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; }
49
-
50
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
51
-
52
- 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); } }
53
-
54
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
55
-
56
- 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); }
57
-
58
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
59
-
60
- 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); }; }
61
-
62
- 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); }
63
-
64
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
65
-
66
- 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; } }
67
-
68
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
69
-
70
- var VictoryClipContainer = /*#__PURE__*/function (_React$Component) {
71
- _inherits(VictoryClipContainer, _React$Component);
72
-
73
- var _super = _createSuper(VictoryClipContainer);
74
-
75
- function VictoryClipContainer(props) {
76
- var _this;
77
-
78
- _classCallCheck(this, VictoryClipContainer);
79
-
80
- _this = _super.call(this, props);
81
- _this.clipId = void 0;
82
- _this.clipId = !(0, _isObject2.default)(props) || props.clipId === undefined ? (0, _uniqueId2.default)("victory-clip-") : props.clipId;
83
- return _this;
19
+ class VictoryClipContainer extends _react.default.Component {
20
+ static displayName = "VictoryClipContainer";
21
+ static role = "container";
22
+ static defaultProps = {
23
+ circleComponent: /*#__PURE__*/_react.default.createElement(_circle.Circle, null),
24
+ rectComponent: /*#__PURE__*/_react.default.createElement(_rect.Rect, null),
25
+ clipPathComponent: /*#__PURE__*/_react.default.createElement(_clipPath.ClipPath, null),
26
+ groupComponent: /*#__PURE__*/_react.default.createElement("g", null)
27
+ };
28
+ constructor(props) {
29
+ super(props);
30
+ this.clipId = !(0, _isObject2.default)(props) || props.clipId === undefined ? (0, _uniqueId2.default)("victory-clip-") : props.clipId;
84
31
  }
85
-
86
- _createClass(VictoryClipContainer, [{
87
- key: "calculateAttributes",
88
- value: function calculateAttributes(props) {
89
- var polar = props.polar,
90
- origin = props.origin,
91
- _props$clipWidth = props.clipWidth,
92
- clipWidth = _props$clipWidth === void 0 ? 0 : _props$clipWidth,
93
- _props$clipHeight = props.clipHeight,
94
- clipHeight = _props$clipHeight === void 0 ? 0 : _props$clipHeight,
95
- _props$translateX = props.translateX,
96
- translateX = _props$translateX === void 0 ? 0 : _props$translateX,
97
- _props$translateY = props.translateY,
98
- translateY = _props$translateY === void 0 ? 0 : _props$translateY;
99
- var clipPadding = Helpers.getPadding({
100
- padding: props.clipPadding
101
- });
102
- var radius = props.radius || Helpers.getRadius(props);
103
- return {
104
- x: (polar ? origin.x : translateX) - clipPadding.left,
105
- y: (polar ? origin.y : translateY) - clipPadding.top,
106
- width: Math.max((polar ? radius : clipWidth) + clipPadding.left + clipPadding.right, 0),
107
- height: Math.max((polar ? radius : clipHeight) + clipPadding.top + clipPadding.bottom, 0)
32
+ calculateAttributes(props) {
33
+ const {
34
+ polar,
35
+ origin,
36
+ clipWidth = 0,
37
+ clipHeight = 0,
38
+ translateX = 0,
39
+ translateY = 0
40
+ } = props;
41
+ const clipPadding = Helpers.getPadding({
42
+ padding: props.clipPadding
43
+ });
44
+ const radius = props.radius || Helpers.getRadius(props);
45
+ return {
46
+ x: (polar ? origin.x : translateX) - clipPadding.left,
47
+ y: (polar ? origin.y : translateY) - clipPadding.top,
48
+ width: Math.max((polar ? radius : clipWidth) + clipPadding.left + clipPadding.right, 0),
49
+ height: Math.max((polar ? radius : clipHeight) + clipPadding.top + clipPadding.bottom, 0)
50
+ };
51
+ }
52
+ renderClippedGroup(props, clipId) {
53
+ const userProps = UserProps.getSafeUserProps(props);
54
+ const {
55
+ style,
56
+ events,
57
+ transform,
58
+ children,
59
+ className,
60
+ groupComponent,
61
+ tabIndex
62
+ } = props;
63
+ const clipComponent = this.renderClipComponent(props, clipId);
64
+ const groupProps = Object.assign({
65
+ className,
66
+ style,
67
+ transform,
68
+ key: `clipped-group-${clipId}`,
69
+ clipPath: `url(#${clipId})`
70
+ }, events);
71
+ return /*#__PURE__*/_react.default.cloneElement(groupComponent, {
72
+ ...groupProps,
73
+ tabIndex,
74
+ ...userProps
75
+ }, [clipComponent, ..._react.default.Children.toArray(children)]);
76
+ }
77
+ renderGroup(props) {
78
+ const {
79
+ style,
80
+ events,
81
+ transform,
82
+ children,
83
+ className,
84
+ groupComponent,
85
+ tabIndex
86
+ } = props;
87
+ return /*#__PURE__*/_react.default.cloneElement(groupComponent, Object.assign({
88
+ className,
89
+ style,
90
+ transform,
91
+ "aria-label": props["aria-label"],
92
+ tabIndex
93
+ }, events), children);
94
+ }
95
+ renderClipComponent(props, clipId) {
96
+ const {
97
+ polar,
98
+ origin,
99
+ clipWidth = 0,
100
+ clipHeight = 0,
101
+ translateX = 0,
102
+ translateY = 0,
103
+ circleComponent,
104
+ rectComponent,
105
+ clipPathComponent
106
+ } = props;
107
+ const {
108
+ top,
109
+ bottom,
110
+ left,
111
+ right
112
+ } = Helpers.getPadding({
113
+ padding: props.clipPadding
114
+ });
115
+ let child;
116
+ if (polar) {
117
+ const radius = props.radius || Helpers.getRadius(props);
118
+ const circleProps = {
119
+ r: Math.max(radius + left + right, radius + top + bottom, 0),
120
+ cx: origin.x - left,
121
+ cy: origin.y - top
108
122
  };
109
- }
110
- }, {
111
- key: "renderClippedGroup",
112
- value: function renderClippedGroup(props, clipId) {
113
- var userProps = UserProps.getSafeUserProps(props);
114
- var style = props.style,
115
- events = props.events,
116
- transform = props.transform,
117
- children = props.children,
118
- className = props.className,
119
- groupComponent = props.groupComponent,
120
- tabIndex = props.tabIndex;
121
- var clipComponent = this.renderClipComponent(props, clipId);
122
- var groupProps = Object.assign({
123
- className: className,
124
- style: style,
125
- transform: transform,
126
- key: "clipped-group-".concat(clipId),
127
- clipPath: "url(#".concat(clipId, ")")
128
- }, events);
129
- return /*#__PURE__*/_react.default.cloneElement(groupComponent, _objectSpread(_objectSpread({}, groupProps), {}, {
130
- tabIndex: tabIndex
131
- }, userProps), [clipComponent].concat(_toConsumableArray(_react.default.Children.toArray(children))));
132
- }
133
- }, {
134
- key: "renderGroup",
135
- value: function renderGroup(props) {
136
- var style = props.style,
137
- events = props.events,
138
- transform = props.transform,
139
- children = props.children,
140
- className = props.className,
141
- groupComponent = props.groupComponent,
142
- tabIndex = props.tabIndex;
143
- return /*#__PURE__*/_react.default.cloneElement(groupComponent, Object.assign({
144
- className: className,
145
- style: style,
146
- transform: transform,
147
- "aria-label": props["aria-label"],
148
- tabIndex: tabIndex
149
- }, events), children);
150
- }
151
- }, {
152
- key: "renderClipComponent",
153
- value: function renderClipComponent(props, clipId) {
154
- var polar = props.polar,
155
- origin = props.origin,
156
- _props$clipWidth2 = props.clipWidth,
157
- clipWidth = _props$clipWidth2 === void 0 ? 0 : _props$clipWidth2,
158
- _props$clipHeight2 = props.clipHeight,
159
- clipHeight = _props$clipHeight2 === void 0 ? 0 : _props$clipHeight2,
160
- _props$translateX2 = props.translateX,
161
- translateX = _props$translateX2 === void 0 ? 0 : _props$translateX2,
162
- _props$translateY2 = props.translateY,
163
- translateY = _props$translateY2 === void 0 ? 0 : _props$translateY2,
164
- circleComponent = props.circleComponent,
165
- rectComponent = props.rectComponent,
166
- clipPathComponent = props.clipPathComponent;
167
-
168
- var _Helpers$getPadding = Helpers.getPadding({
169
- padding: props.clipPadding
170
- }),
171
- top = _Helpers$getPadding.top,
172
- bottom = _Helpers$getPadding.bottom,
173
- left = _Helpers$getPadding.left,
174
- right = _Helpers$getPadding.right;
175
-
176
- var child;
177
-
178
- if (polar) {
179
- var radius = props.radius || Helpers.getRadius(props);
180
- var circleProps = {
181
- r: Math.max(radius + left + right, radius + top + bottom, 0),
182
- cx: origin.x - left,
183
- cy: origin.y - top
184
- };
185
- child = /*#__PURE__*/_react.default.cloneElement(circleComponent, circleProps);
186
- } else {
187
- var rectProps = {
188
- x: translateX - left,
189
- y: translateY - top,
190
- width: Math.max(clipWidth + left + right, 0),
191
- height: Math.max(clipHeight + top + bottom, 0)
192
- };
193
- child = /*#__PURE__*/_react.default.cloneElement(rectComponent, rectProps);
194
- }
195
-
196
- return /*#__PURE__*/_react.default.cloneElement(clipPathComponent, Object.assign({
197
- key: "clip-path-".concat(clipId)
198
- }, props, {
199
- clipId: clipId
200
- }), child);
201
- }
202
- }, {
203
- key: "getClipValue",
204
- value: function getClipValue(props, axis) {
205
- var clipValues = {
206
- x: props.clipWidth,
207
- y: props.clipHeight
123
+ child = /*#__PURE__*/_react.default.cloneElement(circleComponent, circleProps);
124
+ } else {
125
+ const rectProps = {
126
+ x: translateX - left,
127
+ y: translateY - top,
128
+ width: Math.max(clipWidth + left + right, 0),
129
+ height: Math.max(clipHeight + top + bottom, 0)
208
130
  };
209
-
210
- if (clipValues[axis] !== undefined) {
211
- return clipValues[axis];
212
- }
213
-
214
- var range = Helpers.getRange(props, axis);
215
- return range ? Math.abs(range[0] - range[1]) || undefined : undefined;
131
+ child = /*#__PURE__*/_react.default.cloneElement(rectComponent, rectProps);
216
132
  }
217
- }, {
218
- key: "getTranslateValue",
219
- value: function getTranslateValue(props, axis) {
220
- var translateValues = {
221
- x: props.translateX,
222
- y: props.translateY
223
- };
224
-
225
- if (translateValues[axis] !== undefined) {
226
- return translateValues[axis];
227
- }
228
-
229
- var range = Helpers.getRange(props, axis);
230
- return range ? Math.min.apply(Math, _toConsumableArray(range)) : undefined;
133
+ return /*#__PURE__*/_react.default.cloneElement(clipPathComponent, Object.assign({
134
+ key: `clip-path-${clipId}`
135
+ }, props, {
136
+ clipId
137
+ }), child);
138
+ }
139
+ getClipValue(props, axis) {
140
+ const clipValues = {
141
+ x: props.clipWidth,
142
+ y: props.clipHeight
143
+ };
144
+ if (clipValues[axis] !== undefined) {
145
+ return clipValues[axis];
231
146
  }
232
- }, {
233
- key: "render",
234
- value: function render() {
235
- var clipHeight = this.getClipValue(this.props, "y");
236
- var clipWidth = this.getClipValue(this.props, "x");
237
-
238
- if (clipWidth === undefined || clipHeight === undefined) {
239
- return this.renderGroup(this.props);
240
- }
241
-
242
- var translateX = this.getTranslateValue(this.props, "x");
243
- var translateY = this.getTranslateValue(this.props, "y");
244
- var clipProps = (0, _defaults2.default)({}, this.props, {
245
- clipHeight: clipHeight,
246
- clipWidth: clipWidth,
247
- translateX: translateX,
248
- translateY: translateY
249
- });
250
- return this.renderClippedGroup(clipProps, this.clipId);
147
+ const range = Helpers.getRange(props, axis);
148
+ return range ? Math.abs(range[0] - range[1]) || undefined : undefined;
149
+ }
150
+ getTranslateValue(props, axis) {
151
+ const translateValues = {
152
+ x: props.translateX,
153
+ y: props.translateY
154
+ };
155
+ if (translateValues[axis] !== undefined) {
156
+ return translateValues[axis];
251
157
  }
252
- }]);
253
-
254
- return VictoryClipContainer;
255
- }(_react.default.Component);
256
-
257
- exports.VictoryClipContainer = VictoryClipContainer;
258
- VictoryClipContainer.displayName = "VictoryClipContainer";
259
- VictoryClipContainer.role = "container";
260
- VictoryClipContainer.defaultProps = {
261
- circleComponent: /*#__PURE__*/_react.default.createElement(_circle.Circle, null),
262
- rectComponent: /*#__PURE__*/_react.default.createElement(_rect.Rect, null),
263
- clipPathComponent: /*#__PURE__*/_react.default.createElement(_clipPath.ClipPath, null),
264
- groupComponent: /*#__PURE__*/_react.default.createElement("g", null)
265
- };
158
+ const range = Helpers.getRange(props, axis);
159
+ return range ? Math.min(...range) : undefined;
160
+ }
161
+ render() {
162
+ const clipHeight = this.getClipValue(this.props, "y");
163
+ const clipWidth = this.getClipValue(this.props, "x");
164
+ if (clipWidth === undefined || clipHeight === undefined) {
165
+ return this.renderGroup(this.props);
166
+ }
167
+ const translateX = this.getTranslateValue(this.props, "x");
168
+ const translateY = this.getTranslateValue(this.props, "y");
169
+ const clipProps = (0, _defaults2.default)({}, this.props, {
170
+ clipHeight,
171
+ clipWidth,
172
+ translateX,
173
+ translateY
174
+ });
175
+ return this.renderClippedGroup(clipProps, this.clipId);
176
+ }
177
+ }
178
+ exports.VictoryClipContainer = VictoryClipContainer;