umwd-components 0.1.756 → 0.1.758

package/dist/esm/node_modules/recharts/lib/hooks.js

@@ -0,0 +1,101 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { __exports as hooks } from '../../../_virtual/hooks2.js';
+import './state/selectors/axisSelectors.js';
+import './state/hooks.js';
+import './context/PanoramaContext.js';
+import './state/selectors/tooltipSelectors.js';
+import './state/selectors/selectChartOffset.js';
+import './state/selectors/selectPlotArea.js';
+import { __exports as PanoramaContext } from '../../../_virtual/PanoramaContext.js';
+import { __exports as hooks$1 } from '../../../_virtual/hooks.js';
+import { __exports as axisSelectors } from '../../../_virtual/axisSelectors.js';
+import { __exports as tooltipSelectors } from '../../../_virtual/tooltipSelectors.js';
+import { __exports as selectChartOffset } from '../../../_virtual/selectChartOffset.js';
+import { __exports as selectPlotArea } from '../../../_virtual/selectPlotArea.js';
+
+Object.defineProperty(hooks, "__esModule", {
+  value: true
+});
+hooks.useYAxis = hooks.useXAxis = hooks.usePlotArea = hooks.useOffset = hooks.useActiveTooltipLabel = hooks.useActiveTooltipDataPoints = void 0;
+var _axisSelectors = axisSelectors;
+var _hooks = hooks$1;
+var _PanoramaContext = PanoramaContext;
+var _tooltipSelectors = tooltipSelectors;
+var _selectChartOffset = selectChartOffset;
+var _selectPlotArea = selectPlotArea;
+var useXAxis = xAxisId => {
+  var isPanorama = (0, _PanoramaContext.useIsPanorama)();
+  return (0, _hooks.useAppSelector)(state => (0, _axisSelectors.selectAxisWithScale)(state, 'xAxis', xAxisId, isPanorama));
+};
+hooks.useXAxis = useXAxis;
+var useYAxis = yAxisId => {
+  var isPanorama = (0, _PanoramaContext.useIsPanorama)();
+  return (0, _hooks.useAppSelector)(state => (0, _axisSelectors.selectAxisWithScale)(state, 'yAxis', yAxisId, isPanorama));
+};
+
+/**
+ * Returns the active tooltip label. The label is one of the values from the chart data,
+ * and is used to display in the tooltip content.
+ *
+ * Returns undefined if there is no active user interaction or if used outside a chart context
+ *
+ * @returns string | undefined
+ */
+hooks.useYAxis = useYAxis;
+var useActiveTooltipLabel = () => {
+  return (0, _hooks.useAppSelector)(_tooltipSelectors.selectActiveLabel);
+};
+
+/**
+ * Offset defines the blank space between the chart and the plot area.
+ * This blank space is occupied by supporting elements like axes, legends, and brushes.
+ * This also includes any margins that might be applied to the chart.
+ *
+ * @returns Offset of the chart in pixels, or undefined if used outside a chart context.
+ */
+hooks.useActiveTooltipLabel = useActiveTooltipLabel;
+var useOffset = () => {
+  return (0, _hooks.useAppSelector)(_selectChartOffset.selectChartOffset);
+};
+
+/**
+ * Plot area is the area where the actual chart data is rendered.
+ * This means: bars, lines, scatter points, etc.
+ *
+ * The plot area is calculated based on the chart dimensions and the offset.
+ *
+ * @returns Plot area of the chart in pixels, or undefined if used outside a chart context.
+ */
+hooks.useOffset = useOffset;
+var usePlotArea = () => {
+  return (0, _hooks.useAppSelector)(_selectPlotArea.selectPlotArea);
+};
+
+/**
+ * Returns the currently active data points being displayed in the Tooltip.
+ * Active means that it is currently visible; this hook will return `undefined` if there is no current interaction.
+ *
+ * This follows the `<Tooltip />` props, if the Tooltip element is present in the chart.
+ * If there is no `<Tooltip />` then this hook will follow the default Tooltip props.
+ *
+ * Data point is whatever you pass as an input to the chart using the `data={}` prop.
+ *
+ * This returns an array because a chart can have multiple graphical items in it (multiple Lines for example)
+ * and tooltip with `shared={true}` will display all items at the same time.
+ *
+ * Returns undefined when used outside a chart context.
+ *
+ * @returns Data points that are currently visible in a Tooltip
+ */
+hooks.usePlotArea = usePlotArea;
+var useActiveTooltipDataPoints = () => {
+  return (0, _hooks.useAppSelector)(_tooltipSelectors.selectActiveTooltipDataPoints);
+};
+hooks.useActiveTooltipDataPoints = useActiveTooltipDataPoints;
+
+export { hooks as default };

package/dist/esm/node_modules/recharts/lib/polar/defaultPolarAngleAxisProps.js

@@ -0,0 +1,29 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { __exports as defaultPolarAngleAxisProps } from '../../../../_virtual/defaultPolarAngleAxisProps.js';
+
+Object.defineProperty(defaultPolarAngleAxisProps, "__esModule", {
+  value: true
+});
+defaultPolarAngleAxisProps.defaultPolarAngleAxisProps = void 0;
+defaultPolarAngleAxisProps.defaultPolarAngleAxisProps = {
+  allowDuplicatedCategory: true,
+  // if I set this to false then Tooltip synchronisation stops working in Radar, wtf
+  angleAxisId: 0,
+  axisLine: true,
+  cx: 0,
+  cy: 0,
+  orientation: 'outer',
+  reversed: false,
+  scale: 'auto',
+  tick: true,
+  tickLine: true,
+  tickSize: 8,
+  type: 'category'
+};
+
+export { defaultPolarAngleAxisProps as default };

package/dist/esm/node_modules/recharts/lib/polar/defaultPolarRadiusAxisProps.js

@@ -0,0 +1,29 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { __exports as defaultPolarRadiusAxisProps } from '../../../../_virtual/defaultPolarRadiusAxisProps.js';
+
+Object.defineProperty(defaultPolarRadiusAxisProps, "__esModule", {
+  value: true
+});
+defaultPolarRadiusAxisProps.defaultPolarRadiusAxisProps = void 0;
+defaultPolarRadiusAxisProps.defaultPolarRadiusAxisProps = {
+  allowDataOverflow: false,
+  allowDuplicatedCategory: true,
+  angle: 0,
+  axisLine: true,
+  cx: 0,
+  cy: 0,
+  orientation: 'right',
+  radiusAxisId: 0,
+  scale: 'auto',
+  stroke: '#ccc',
+  tick: true,
+  tickCount: 5,
+  type: 'number'
+};
+
+export { defaultPolarRadiusAxisProps as default };

package/dist/esm/node_modules/recharts/lib/shape/Cross.js

@@ -0,0 +1,68 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { __exports as Cross$1 } from '../../../../_virtual/Cross.js';
+import require$$0 from 'react';
+import { c as clsxExports } from '../../../clsx/dist/clsx.js';
+import '../util/DataUtils.js';
+import '../util/ReactUtils.js';
+import { __exports as DataUtils } from '../../../../_virtual/DataUtils.js';
+import { __exports as ReactUtils } from '../../../../_virtual/ReactUtils.js';
+
+Object.defineProperty(Cross$1, "__esModule", {
+  value: true
+});
+Cross$1.Cross = void 0;
+var React = _interopRequireWildcard(require$$0);
+var _clsx = clsxExports;
+var _DataUtils = DataUtils;
+var _ReactUtils = ReactUtils;
+var _excluded = ["x", "y", "top", "left", "width", "height", "className"];
+/**
+ * @fileOverview Cross
+ */
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var getPath = (x, y, width, height, top, left) => {
+  return "M".concat(x, ",").concat(top, "v").concat(height, "M").concat(left, ",").concat(y, "h").concat(width);
+};
+var Cross = _ref => {
+  var {
+      x = 0,
+      y = 0,
+      top = 0,
+      left = 0,
+      width = 0,
+      height = 0,
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var props = _objectSpread({
+    x,
+    y,
+    top,
+    left,
+    width,
+    height
+  }, rest);
+  if (!(0, _DataUtils.isNumber)(x) || !(0, _DataUtils.isNumber)(y) || !(0, _DataUtils.isNumber)(width) || !(0, _DataUtils.isNumber)(height) || !(0, _DataUtils.isNumber)(top) || !(0, _DataUtils.isNumber)(left)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("path", _extends({}, (0, _ReactUtils.filterProps)(props, true), {
+    className: (0, _clsx.clsx)('recharts-cross', className),
+    d: getPath(x, y, width, height, top, left)
+  }));
+};
+Cross$1.Cross = Cross;
+
+export { Cross$1 as default };

package/dist/esm/node_modules/recharts/lib/shape/Curve.js

@@ -0,0 +1,137 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { __exports as Curve$1 } from '../../../../_virtual/Curve.js';
+import require$$0 from 'react';
+import { d as d3Shape } from '../../../victory-vendor/lib/d3-shape.js';
+import { c as clsxExports } from '../../../clsx/dist/clsx.js';
+import '../util/types.js';
+import '../util/ReactUtils.js';
+import '../util/DataUtils.js';
+import '../util/isWellBehavedNumber.js';
+import { __exports as isWellBehavedNumber } from '../../../../_virtual/isWellBehavedNumber.js';
+import { __exports as DataUtils } from '../../../../_virtual/DataUtils.js';
+import { __exports as types } from '../../../../_virtual/types.js';
+import { __exports as ReactUtils } from '../../../../_virtual/ReactUtils.js';
+
+Object.defineProperty(Curve$1, "__esModule", {
+  value: true
+});
+Curve$1.getPath = Curve$1.Curve = void 0;
+var React = _interopRequireWildcard(require$$0);
+var _d3Shape = d3Shape;
+var _clsx = clsxExports;
+var _types = types;
+var _ReactUtils = ReactUtils;
+var _DataUtils = DataUtils;
+var _isWellBehavedNumber = isWellBehavedNumber;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
+ * @fileOverview Curve
+ */
+var CURVE_FACTORIES = {
+  curveBasisClosed: _d3Shape.curveBasisClosed,
+  curveBasisOpen: _d3Shape.curveBasisOpen,
+  curveBasis: _d3Shape.curveBasis,
+  curveBumpX: _d3Shape.curveBumpX,
+  curveBumpY: _d3Shape.curveBumpY,
+  curveLinearClosed: _d3Shape.curveLinearClosed,
+  curveLinear: _d3Shape.curveLinear,
+  curveMonotoneX: _d3Shape.curveMonotoneX,
+  curveMonotoneY: _d3Shape.curveMonotoneY,
+  curveNatural: _d3Shape.curveNatural,
+  curveStep: _d3Shape.curveStep,
+  curveStepAfter: _d3Shape.curveStepAfter,
+  curveStepBefore: _d3Shape.curveStepBefore
+};
+
+/**
+ * @deprecated use {@link Coordinate} instead
+ * Duplicated with `Coordinate` in `util/types.ts`
+ */
+
+/**
+ * @deprecated use {@link NullableCoordinate} instead
+ * Duplicated with `NullableCoordinate` in `util/types.ts`
+ */
+
+var defined = p => (0, _isWellBehavedNumber.isWellBehavedNumber)(p.x) && (0, _isWellBehavedNumber.isWellBehavedNumber)(p.y);
+var getX = p => p.x;
+var getY = p => p.y;
+var getCurveFactory = (type, layout) => {
+  if (typeof type === 'function') {
+    return type;
+  }
+  var name = "curve".concat((0, _DataUtils.upperFirst)(type));
+  if ((name === 'curveMonotone' || name === 'curveBump') && layout) {
+    return CURVE_FACTORIES["".concat(name).concat(layout === 'vertical' ? 'Y' : 'X')];
+  }
+  return CURVE_FACTORIES[name] || _d3Shape.curveLinear;
+};
+/**
+ * Calculate the path of curve. Returns null if points is an empty array.
+ * @return path or null
+ */
+var getPath = _ref => {
+  var {
+    type = 'linear',
+    points = [],
+    baseLine,
+    layout,
+    connectNulls = false
+  } = _ref;
+  var curveFactory = getCurveFactory(type, layout);
+  var formatPoints = connectNulls ? points.filter(defined) : points;
+  var lineFunction;
+  if (Array.isArray(baseLine)) {
+    var formatBaseLine = connectNulls ? baseLine.filter(base => defined(base)) : baseLine;
+    var areaPoints = formatPoints.map((entry, index) => _objectSpread(_objectSpread({}, entry), {}, {
+      base: formatBaseLine[index]
+    }));
+    if (layout === 'vertical') {
+      lineFunction = (0, _d3Shape.area)().y(getY).x1(getX).x0(d => d.base.x);
+    } else {
+      lineFunction = (0, _d3Shape.area)().x(getX).y1(getY).y0(d => d.base.y);
+    }
+    lineFunction.defined(defined).curve(curveFactory);
+    return lineFunction(areaPoints);
+  }
+  if (layout === 'vertical' && (0, _DataUtils.isNumber)(baseLine)) {
+    lineFunction = (0, _d3Shape.area)().y(getY).x1(getX).x0(baseLine);
+  } else if ((0, _DataUtils.isNumber)(baseLine)) {
+    lineFunction = (0, _d3Shape.area)().x(getX).y1(getY).y0(baseLine);
+  } else {
+    lineFunction = (0, _d3Shape.line)().x(getX).y(getY);
+  }
+  lineFunction.defined(defined).curve(curveFactory);
+  return lineFunction(formatPoints);
+};
+Curve$1.getPath = getPath;
+var Curve = props => {
+  var {
+    className,
+    points,
+    path,
+    pathRef
+  } = props;
+  if ((!points || !points.length) && !path) {
+    return null;
+  }
+  var realPath = points && points.length ? getPath(props) : path;
+  return /*#__PURE__*/React.createElement("path", _extends({}, (0, _ReactUtils.filterProps)(props, false), (0, _types.adaptEventHandlers)(props), {
+    className: (0, _clsx.clsx)('recharts-curve', className),
+    d: realPath === null ? undefined : realPath,
+    ref: pathRef
+  }));
+};
+Curve$1.Curve = Curve;
+
+export { Curve$1 as default };

package/dist/esm/node_modules/recharts/lib/shape/Rectangle.js

@@ -0,0 +1,171 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { __exports as Rectangle$1 } from '../../../../_virtual/Rectangle.js';
+import require$$0 from 'react';
+import { c as clsxExports } from '../../../clsx/dist/clsx.js';
+import '../util/ReactUtils.js';
+import '../util/resolveDefaultProps.js';
+import '../animation/Animate.js';
+import { __exports as resolveDefaultProps } from '../../../../_virtual/resolveDefaultProps.js';
+import { __exports as ReactUtils } from '../../../../_virtual/ReactUtils.js';
+import { __exports as Animate } from '../../../../_virtual/Animate.js';
+
+Object.defineProperty(Rectangle$1, "__esModule", {
+  value: true
+});
+Rectangle$1.Rectangle = void 0;
+var _react = _interopRequireWildcard(require$$0);
+var React = _react;
+var _clsx = clsxExports;
+var _ReactUtils = ReactUtils;
+var _resolveDefaultProps = resolveDefaultProps;
+var _Animate = Animate;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
+ * @fileOverview Rectangle
+ */
+var getRectanglePath = (x, y, width, height, radius) => {
+  var maxRadius = Math.min(Math.abs(width) / 2, Math.abs(height) / 2);
+  var ySign = height >= 0 ? 1 : -1;
+  var xSign = width >= 0 ? 1 : -1;
+  var clockWise = height >= 0 && width >= 0 || height < 0 && width < 0 ? 1 : 0;
+  var path;
+  if (maxRadius > 0 && radius instanceof Array) {
+    var newRadius = [0, 0, 0, 0];
+    for (var i = 0, len = 4; i < len; i++) {
+      newRadius[i] = radius[i] > maxRadius ? maxRadius : radius[i];
+    }
+    path = "M".concat(x, ",").concat(y + ySign * newRadius[0]);
+    if (newRadius[0] > 0) {
+      path += "A ".concat(newRadius[0], ",").concat(newRadius[0], ",0,0,").concat(clockWise, ",").concat(x + xSign * newRadius[0], ",").concat(y);
+    }
+    path += "L ".concat(x + width - xSign * newRadius[1], ",").concat(y);
+    if (newRadius[1] > 0) {
+      path += "A ".concat(newRadius[1], ",").concat(newRadius[1], ",0,0,").concat(clockWise, ",\n        ").concat(x + width, ",").concat(y + ySign * newRadius[1]);
+    }
+    path += "L ".concat(x + width, ",").concat(y + height - ySign * newRadius[2]);
+    if (newRadius[2] > 0) {
+      path += "A ".concat(newRadius[2], ",").concat(newRadius[2], ",0,0,").concat(clockWise, ",\n        ").concat(x + width - xSign * newRadius[2], ",").concat(y + height);
+    }
+    path += "L ".concat(x + xSign * newRadius[3], ",").concat(y + height);
+    if (newRadius[3] > 0) {
+      path += "A ".concat(newRadius[3], ",").concat(newRadius[3], ",0,0,").concat(clockWise, ",\n        ").concat(x, ",").concat(y + height - ySign * newRadius[3]);
+    }
+    path += 'Z';
+  } else if (maxRadius > 0 && radius === +radius && radius > 0) {
+    var _newRadius = Math.min(maxRadius, radius);
+    path = "M ".concat(x, ",").concat(y + ySign * _newRadius, "\n            A ").concat(_newRadius, ",").concat(_newRadius, ",0,0,").concat(clockWise, ",").concat(x + xSign * _newRadius, ",").concat(y, "\n            L ").concat(x + width - xSign * _newRadius, ",").concat(y, "\n            A ").concat(_newRadius, ",").concat(_newRadius, ",0,0,").concat(clockWise, ",").concat(x + width, ",").concat(y + ySign * _newRadius, "\n            L ").concat(x + width, ",").concat(y + height - ySign * _newRadius, "\n            A ").concat(_newRadius, ",").concat(_newRadius, ",0,0,").concat(clockWise, ",").concat(x + width - xSign * _newRadius, ",").concat(y + height, "\n            L ").concat(x + xSign * _newRadius, ",").concat(y + height, "\n            A ").concat(_newRadius, ",").concat(_newRadius, ",0,0,").concat(clockWise, ",").concat(x, ",").concat(y + height - ySign * _newRadius, " Z");
+  } else {
+    path = "M ".concat(x, ",").concat(y, " h ").concat(width, " v ").concat(height, " h ").concat(-width, " Z");
+  }
+  return path;
+};
+var defaultProps = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  // The radius of border
+  // The radius of four corners when radius is a number
+  // The radius of left-top, right-top, right-bottom, left-bottom when radius is an array
+  radius: 0,
+  isAnimationActive: false,
+  isUpdateAnimationActive: false,
+  animationBegin: 0,
+  animationDuration: 1500,
+  animationEasing: 'ease'
+};
+var Rectangle = rectangleProps => {
+  var props = (0, _resolveDefaultProps.resolveDefaultProps)(rectangleProps, defaultProps);
+  var pathRef = (0, _react.useRef)(null);
+  var [totalLength, setTotalLength] = (0, _react.useState)(-1);
+  (0, _react.useEffect)(() => {
+    if (pathRef.current && pathRef.current.getTotalLength) {
+      try {
+        var pathTotalLength = pathRef.current.getTotalLength();
+        if (pathTotalLength) {
+          setTotalLength(pathTotalLength);
+        }
+      } catch (_unused) {
+        // calculate total length error
+      }
+    }
+  }, []);
+  var {
+    x,
+    y,
+    width,
+    height,
+    radius,
+    className
+  } = props;
+  var {
+    animationEasing,
+    animationDuration,
+    animationBegin,
+    isAnimationActive,
+    isUpdateAnimationActive
+  } = props;
+  if (x !== +x || y !== +y || width !== +width || height !== +height || width === 0 || height === 0) {
+    return null;
+  }
+  var layerClass = (0, _clsx.clsx)('recharts-rectangle', className);
+  if (!isUpdateAnimationActive) {
+    return /*#__PURE__*/React.createElement("path", _extends({}, (0, _ReactUtils.filterProps)(props, true), {
+      className: layerClass,
+      d: getRectanglePath(x, y, width, height, radius)
+    }));
+  }
+  return /*#__PURE__*/React.createElement(_Animate.Animate, {
+    canBegin: totalLength > 0,
+    from: {
+      width,
+      height,
+      x,
+      y
+    },
+    to: {
+      width,
+      height,
+      x,
+      y
+    },
+    duration: animationDuration
+    // @ts-expect-error TODO - fix the type error
+    ,
+    animationEasing: animationEasing,
+    isActive: isUpdateAnimationActive
+  }, _ref => {
+    var {
+      width: currWidth,
+      height: currHeight,
+      x: currX,
+      y: currY
+    } = _ref;
+    return /*#__PURE__*/React.createElement(_Animate.Animate, {
+      canBegin: totalLength > 0
+      // @ts-expect-error TODO - fix the type error
+      ,
+      from: "0px ".concat(totalLength === -1 ? 1 : totalLength, "px")
+      // @ts-expect-error TODO - fix the type error
+      ,
+      to: "".concat(totalLength, "px 0px"),
+      attributeName: "strokeDasharray",
+      begin: animationBegin,
+      duration: animationDuration,
+      isActive: isAnimationActive,
+      easing: animationEasing
+    }, /*#__PURE__*/React.createElement("path", _extends({}, (0, _ReactUtils.filterProps)(props, true), {
+      className: layerClass,
+      d: getRectanglePath(currX, currY, currWidth, currHeight, radius),
+      ref: pathRef
+    })));
+  });
+};
+Rectangle$1.Rectangle = Rectangle;
+
+export { Rectangle$1 as default };