umwd-components 0.1.757 → 0.1.759

package/dist/esm/node_modules/recharts/lib/component/Tooltip.js

@@ -0,0 +1,209 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { __exports as Tooltip$1 } from '../../../../_virtual/Tooltip.js';
+import require$$0 from 'react';
+import require$$1 from 'react-dom';
+import './DefaultTooltipContent.js';
+import './TooltipBoundingBox.js';
+import '../util/Global.js';
+import '../util/payload/getUniqPayload.js';
+import '../context/chartLayoutContext.js';
+import '../context/accessibilityContext.js';
+import '../util/useElementOffset.js';
+import './Cursor.js';
+import '../state/selectors/selectors.js';
+import '../context/tooltipPortalContext.js';
+import '../state/hooks.js';
+import '../state/tooltipSlice.js';
+import '../synchronisation/useChartSynchronisation.js';
+import '../state/selectors/selectTooltipEventType.js';
+import '../util/resolveDefaultProps.js';
+import { __exports as Global } from '../../../../_virtual/Global.js';
+import { __exports as resolveDefaultProps } from '../../../../_virtual/resolveDefaultProps.js';
+import { __exports as hooks } from '../../../../_virtual/hooks.js';
+import { __exports as tooltipSlice } from '../../../../_virtual/tooltipSlice.js';
+import { __exports as chartLayoutContext } from '../../../../_virtual/chartLayoutContext.js';
+import { __exports as accessibilityContext } from '../../../../_virtual/accessibilityContext.js';
+import { __exports as selectTooltipEventType } from '../../../../_virtual/selectTooltipEventType.js';
+import { __exports as selectors } from '../../../../_virtual/selectors.js';
+import { __exports as tooltipPortalContext } from '../../../../_virtual/tooltipPortalContext.js';
+import { __exports as useElementOffset } from '../../../../_virtual/useElementOffset.js';
+import { __exports as useChartSynchronisation } from '../../../../_virtual/useChartSynchronisation.js';
+import { __exports as getUniqPayload } from '../../../../_virtual/getUniqPayload.js';
+import { __exports as TooltipBoundingBox } from '../../../../_virtual/TooltipBoundingBox.js';
+import { __exports as Cursor } from '../../../../_virtual/Cursor.js';
+import { __exports as DefaultTooltipContent } from '../../../../_virtual/DefaultTooltipContent.js';
+
+Object.defineProperty(Tooltip$1, "__esModule", {
+  value: true
+});
+Tooltip$1.Tooltip = Tooltip;
+var _react = _interopRequireWildcard(require$$0);
+var React = _react;
+var _reactDom = require$$1;
+var _DefaultTooltipContent = DefaultTooltipContent;
+var _TooltipBoundingBox = TooltipBoundingBox;
+var _Global = Global;
+var _getUniqPayload = getUniqPayload;
+var _chartLayoutContext = chartLayoutContext;
+var _accessibilityContext = accessibilityContext;
+var _useElementOffset = useElementOffset;
+var _Cursor = Cursor;
+var _selectors = selectors;
+var _tooltipPortalContext = tooltipPortalContext;
+var _hooks = hooks;
+var _tooltipSlice = tooltipSlice;
+var _useChartSynchronisation = useChartSynchronisation;
+var _selectTooltipEventType = selectTooltipEventType;
+var _resolveDefaultProps = resolveDefaultProps;
+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 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 defaultUniqBy(entry) {
+  return entry.dataKey;
+}
+function renderContent(content, props) {
+  if (/*#__PURE__*/React.isValidElement(content)) {
+    return /*#__PURE__*/React.cloneElement(content, props);
+  }
+  if (typeof content === 'function') {
+    return /*#__PURE__*/React.createElement(content, props);
+  }
+  return /*#__PURE__*/React.createElement(_DefaultTooltipContent.DefaultTooltipContent, props);
+}
+var emptyPayload = [];
+var defaultTooltipProps = {
+  allowEscapeViewBox: {
+    x: false,
+    y: false
+  },
+  animationDuration: 400,
+  animationEasing: 'ease',
+  axisId: 0,
+  contentStyle: {},
+  cursor: true,
+  filterNull: true,
+  isAnimationActive: !_Global.Global.isSsr,
+  itemSorter: 'name',
+  itemStyle: {},
+  labelStyle: {},
+  offset: 10,
+  reverseDirection: {
+    x: false,
+    y: false
+  },
+  separator: ' : ',
+  trigger: 'hover',
+  useTranslate3d: false,
+  wrapperStyle: {}
+};
+function Tooltip(outsideProps) {
+  var props = (0, _resolveDefaultProps.resolveDefaultProps)(outsideProps, defaultTooltipProps);
+  var {
+    active: activeFromProps,
+    allowEscapeViewBox,
+    animationDuration,
+    animationEasing,
+    content,
+    filterNull,
+    isAnimationActive,
+    offset,
+    payloadUniqBy,
+    position,
+    reverseDirection,
+    useTranslate3d,
+    wrapperStyle,
+    cursor,
+    shared,
+    trigger,
+    defaultIndex,
+    portal: portalFromProps,
+    axisId
+  } = props;
+  var dispatch = (0, _hooks.useAppDispatch)();
+  var defaultIndexAsString = typeof defaultIndex === 'number' ? String(defaultIndex) : defaultIndex;
+  (0, _react.useEffect)(() => {
+    dispatch((0, _tooltipSlice.setTooltipSettingsState)({
+      shared,
+      trigger,
+      axisId,
+      active: activeFromProps,
+      defaultIndex: defaultIndexAsString
+    }));
+  }, [dispatch, shared, trigger, axisId, activeFromProps, defaultIndexAsString]);
+  var viewBox = (0, _chartLayoutContext.useViewBox)();
+  var accessibilityLayer = (0, _accessibilityContext.useAccessibilityLayer)();
+  var tooltipEventType = (0, _selectTooltipEventType.useTooltipEventType)(shared);
+  var {
+    activeIndex,
+    isActive
+  } = (0, _hooks.useAppSelector)(state => (0, _selectors.selectIsTooltipActive)(state, tooltipEventType, trigger, defaultIndexAsString));
+  var payloadFromRedux = (0, _hooks.useAppSelector)(state => (0, _selectors.selectTooltipPayload)(state, tooltipEventType, trigger, defaultIndexAsString));
+  var labelFromRedux = (0, _hooks.useAppSelector)(state => (0, _selectors.selectActiveLabel)(state, tooltipEventType, trigger, defaultIndexAsString));
+  var coordinate = (0, _hooks.useAppSelector)(state => (0, _selectors.selectActiveCoordinate)(state, tooltipEventType, trigger, defaultIndexAsString));
+  var payload = payloadFromRedux;
+  var tooltipPortalFromContext = (0, _tooltipPortalContext.useTooltipPortal)();
+  /*
+   * The user can set `active=true` on the Tooltip in which case the Tooltip will stay always active,
+   * or `active=false` in which case the Tooltip never shows.
+   *
+   * If the `active` prop is not defined then it will show and hide based on mouse or keyboard activity.
+   */
+  var finalIsActive = activeFromProps !== null && activeFromProps !== void 0 ? activeFromProps : isActive;
+  var [lastBoundingBox, updateBoundingBox] = (0, _useElementOffset.useElementOffset)([payload, finalIsActive]);
+  var finalLabel = tooltipEventType === 'axis' ? labelFromRedux : undefined;
+  (0, _useChartSynchronisation.useTooltipChartSynchronisation)(tooltipEventType, trigger, coordinate, finalLabel, activeIndex, finalIsActive);
+  var tooltipPortal = portalFromProps !== null && portalFromProps !== void 0 ? portalFromProps : tooltipPortalFromContext;
+  if (tooltipPortal == null) {
+    return null;
+  }
+  var finalPayload = payload !== null && payload !== void 0 ? payload : emptyPayload;
+  if (!finalIsActive) {
+    finalPayload = emptyPayload;
+  }
+  if (filterNull && finalPayload.length) {
+    finalPayload = (0, _getUniqPayload.getUniqPayload)(payload.filter(entry => entry.value != null && (entry.hide !== true || props.includeHidden)), payloadUniqBy, defaultUniqBy);
+  }
+  var hasPayload = finalPayload.length > 0;
+  var tooltipElement = /*#__PURE__*/React.createElement(_TooltipBoundingBox.TooltipBoundingBox, {
+    allowEscapeViewBox: allowEscapeViewBox,
+    animationDuration: animationDuration,
+    animationEasing: animationEasing,
+    isAnimationActive: isAnimationActive,
+    active: finalIsActive,
+    coordinate: coordinate,
+    hasPayload: hasPayload,
+    offset: offset,
+    position: position,
+    reverseDirection: reverseDirection,
+    useTranslate3d: useTranslate3d,
+    viewBox: viewBox,
+    wrapperStyle: wrapperStyle,
+    lastBoundingBox: lastBoundingBox,
+    innerRef: updateBoundingBox,
+    hasPortalFromProps: Boolean(portalFromProps)
+  }, renderContent(content, _objectSpread(_objectSpread({}, props), {}, {
+    // @ts-expect-error renderContent method expects the payload to be mutable, TODO make it immutable
+    payload: finalPayload,
+    label: finalLabel,
+    active: finalIsActive,
+    coordinate,
+    accessibilityLayer
+  })));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/(0, _reactDom.createPortal)(tooltipElement, tooltipPortal), finalIsActive && /*#__PURE__*/React.createElement(_Cursor.Cursor, {
+    cursor: cursor,
+    tooltipEventType: tooltipEventType,
+    coordinate: coordinate,
+    payload: payload,
+    index: activeIndex
+  }));
+}
+
+export { Tooltip$1 as default };

package/dist/esm/node_modules/recharts/lib/component/TooltipBoundingBox.js

@@ -0,0 +1,129 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { __exports as TooltipBoundingBox$1 } from '../../../../_virtual/TooltipBoundingBox.js';
+import require$$0 from 'react';
+import '../util/tooltip/translate.js';
+import { __exports as translate } from '../../../../_virtual/translate.js';
+
+Object.defineProperty(TooltipBoundingBox$1, "__esModule", {
+  value: true
+});
+TooltipBoundingBox$1.TooltipBoundingBox = void 0;
+var _react = _interopRequireWildcard(require$$0);
+var React = _react;
+var _translate = translate;
+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 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); }
+class TooltipBoundingBox extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
+      dismissed: false,
+      dismissedAtCoordinate: {
+        x: 0,
+        y: 0
+      }
+    });
+    _defineProperty(this, "handleKeyDown", event => {
+      if (event.key === 'Escape') {
+        var _this$props$coordinat, _this$props$coordinat2, _this$props$coordinat3, _this$props$coordinat4;
+        this.setState({
+          dismissed: true,
+          dismissedAtCoordinate: {
+            x: (_this$props$coordinat = (_this$props$coordinat2 = this.props.coordinate) === null || _this$props$coordinat2 === void 0 ? void 0 : _this$props$coordinat2.x) !== null && _this$props$coordinat !== void 0 ? _this$props$coordinat : 0,
+            y: (_this$props$coordinat3 = (_this$props$coordinat4 = this.props.coordinate) === null || _this$props$coordinat4 === void 0 ? void 0 : _this$props$coordinat4.y) !== null && _this$props$coordinat3 !== void 0 ? _this$props$coordinat3 : 0
+          }
+        });
+      }
+    });
+  }
+  componentDidMount() {
+    document.addEventListener('keydown', this.handleKeyDown);
+  }
+  componentWillUnmount() {
+    document.removeEventListener('keydown', this.handleKeyDown);
+  }
+  componentDidUpdate() {
+    var _this$props$coordinat5, _this$props$coordinat6;
+    if (!this.state.dismissed) {
+      return;
+    }
+    if (((_this$props$coordinat5 = this.props.coordinate) === null || _this$props$coordinat5 === void 0 ? void 0 : _this$props$coordinat5.x) !== this.state.dismissedAtCoordinate.x || ((_this$props$coordinat6 = this.props.coordinate) === null || _this$props$coordinat6 === void 0 ? void 0 : _this$props$coordinat6.y) !== this.state.dismissedAtCoordinate.y) {
+      this.state.dismissed = false;
+    }
+  }
+  render() {
+    var {
+      active,
+      allowEscapeViewBox,
+      animationDuration,
+      animationEasing,
+      children,
+      coordinate,
+      hasPayload,
+      isAnimationActive,
+      offset,
+      position,
+      reverseDirection,
+      useTranslate3d,
+      viewBox,
+      wrapperStyle,
+      lastBoundingBox,
+      innerRef,
+      hasPortalFromProps
+    } = this.props;
+    var {
+      cssClasses,
+      cssProperties
+    } = (0, _translate.getTooltipTranslate)({
+      allowEscapeViewBox,
+      coordinate,
+      offsetTopLeft: offset,
+      position,
+      reverseDirection,
+      tooltipBox: {
+        height: lastBoundingBox.height,
+        width: lastBoundingBox.width
+      },
+      useTranslate3d,
+      viewBox
+    });
+
+    // do not use absolute styles if the user has passed a custom portal prop
+    var positionStyles = hasPortalFromProps ? {} : _objectSpread(_objectSpread({
+      transition: isAnimationActive && active ? "transform ".concat(animationDuration, "ms ").concat(animationEasing) : undefined
+    }, cssProperties), {}, {
+      pointerEvents: 'none',
+      visibility: !this.state.dismissed && active && hasPayload ? 'visible' : 'hidden',
+      position: 'absolute',
+      top: 0,
+      left: 0
+    });
+    var outerStyle = _objectSpread(_objectSpread({}, positionStyles), {}, {
+      visibility: !this.state.dismissed && active && hasPayload ? 'visible' : 'hidden'
+    }, wrapperStyle);
+    return (
+      /*#__PURE__*/
+      // This element allow listening to the `Escape` key. See https://github.com/recharts/recharts/pull/2925
+      React.createElement("div", {
+        // @ts-expect-error typescript library does not recognize xmlns attribute, but it's required for an HTML chunk inside SVG.
+        xmlns: "http://www.w3.org/1999/xhtml",
+        tabIndex: -1,
+        className: cssClasses,
+        style: outerStyle,
+        ref: innerRef
+      }, children)
+    );
+  }
+}
+TooltipBoundingBox$1.TooltipBoundingBox = TooltipBoundingBox;
+
+export { TooltipBoundingBox$1 as default };

package/dist/esm/node_modules/recharts/lib/container/ClipPathProvider.js

@@ -0,0 +1,67 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { __exports as ClipPathProvider$1 } from '../../../../_virtual/ClipPathProvider.js';
+import require$$0 from 'react';
+import '../util/DataUtils.js';
+import '../hooks.js';
+import { __exports as DataUtils } from '../../../../_virtual/DataUtils.js';
+import { __exports as hooks } from '../../../../_virtual/hooks2.js';
+
+Object.defineProperty(ClipPathProvider$1, "__esModule", {
+  value: true
+});
+ClipPathProvider$1.useClipPathId = ClipPathProvider$1.ClipPathProvider = void 0;
+var _react = _interopRequireWildcard(require$$0);
+var React = _react;
+var _DataUtils = DataUtils;
+var _hooks = hooks;
+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); }
+var ClipPathIdContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+
+/**
+ * Generates a unique clip path ID for use in SVG elements,
+ * and puts it in a context provider.
+ *
+ * To read the clip path ID, use the `useClipPathId` hook,
+ * or render `<ClipPath>` component which will automatically use the ID from this context.
+ *
+ * @param props children - React children to be wrapped by the provider
+ * @returns React Context Provider
+ */
+var ClipPathProvider = _ref => {
+  var {
+    children
+  } = _ref;
+  var [clipPathId] = (0, _react.useState)("".concat((0, _DataUtils.uniqueId)('recharts'), "-clip"));
+  var plotArea = (0, _hooks.usePlotArea)();
+  if (plotArea == null) {
+    return null;
+  }
+  var {
+    x,
+    y,
+    width,
+    height
+  } = plotArea;
+  return /*#__PURE__*/React.createElement(ClipPathIdContext.Provider, {
+    value: clipPathId
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: clipPathId
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: x,
+    y: y,
+    height: height,
+    width: width
+  }))), children);
+};
+ClipPathProvider$1.ClipPathProvider = ClipPathProvider;
+var useClipPathId = () => {
+  return (0, _react.useContext)(ClipPathIdContext);
+};
+ClipPathProvider$1.useClipPathId = useClipPathId;
+
+export { ClipPathProvider$1 as default };

package/dist/esm/node_modules/recharts/lib/container/Layer.js

@@ -0,0 +1,39 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { __exports as Layer } from '../../../../_virtual/Layer.js';
+import require$$0 from 'react';
+import { c as clsxExports } from '../../../clsx/dist/clsx.js';
+import '../util/ReactUtils.js';
+import { __exports as ReactUtils } from '../../../../_virtual/ReactUtils.js';
+
+Object.defineProperty(Layer, "__esModule", {
+  value: true
+});
+Layer.Layer = void 0;
+var React = _interopRequireWildcard(require$$0);
+var _clsx = clsxExports;
+var _ReactUtils = ReactUtils;
+var _excluded = ["children", "className"];
+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 _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; }
+Layer.Layer = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var {
+      children,
+      className
+    } = props,
+    others = _objectWithoutProperties(props, _excluded);
+  var layerClass = (0, _clsx.clsx)('recharts-layer', className);
+  return /*#__PURE__*/React.createElement("g", _extends({
+    className: layerClass
+  }, (0, _ReactUtils.filterProps)(others, true), {
+    ref: ref
+  }), children);
+});
+
+export { Layer as default };

package/dist/esm/node_modules/recharts/lib/container/RootSurface.js

@@ -0,0 +1,116 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { __exports as RootSurface } from '../../../../_virtual/RootSurface.js';
+import require$$0 from 'react';
+import '../context/chartLayoutContext.js';
+import '../context/accessibilityContext.js';
+import '../context/PanoramaContext.js';
+import './Surface.js';
+import '../state/hooks.js';
+import '../state/selectors/brushSelectors.js';
+import '../util/isWellBehavedNumber.js';
+import { __exports as PanoramaContext } from '../../../../_virtual/PanoramaContext.js';
+import { __exports as hooks } from '../../../../_virtual/hooks.js';
+import { __exports as brushSelectors } from '../../../../_virtual/brushSelectors.js';
+import { __exports as Surface } from '../../../../_virtual/Surface.js';
+import { __exports as chartLayoutContext } from '../../../../_virtual/chartLayoutContext.js';
+import { __exports as accessibilityContext } from '../../../../_virtual/accessibilityContext.js';
+import { __exports as isWellBehavedNumber } from '../../../../_virtual/isWellBehavedNumber.js';
+
+Object.defineProperty(RootSurface, "__esModule", {
+  value: true
+});
+RootSurface.RootSurface = void 0;
+var _react = _interopRequireWildcard(require$$0);
+var React = _react;
+var _chartLayoutContext = chartLayoutContext;
+var _accessibilityContext = accessibilityContext;
+var _PanoramaContext = PanoramaContext;
+var _Surface = Surface;
+var _hooks = hooks;
+var _brushSelectors = brushSelectors;
+var _isWellBehavedNumber = isWellBehavedNumber;
+var _excluded = ["children"];
+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 _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; }
+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); }
+var FULL_WIDTH_AND_HEIGHT = {
+  width: '100%',
+  height: '100%'
+};
+var MainChartSurface = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  var width = (0, _chartLayoutContext.useChartWidth)();
+  var height = (0, _chartLayoutContext.useChartHeight)();
+  var hasAccessibilityLayer = (0, _accessibilityContext.useAccessibilityLayer)();
+  if (!(0, _isWellBehavedNumber.isPositiveNumber)(width) || !(0, _isWellBehavedNumber.isPositiveNumber)(height)) {
+    return null;
+  }
+  var {
+    children,
+    otherAttributes,
+    title,
+    desc
+  } = props;
+  var tabIndex, role;
+  if (typeof otherAttributes.tabIndex === 'number') {
+    tabIndex = otherAttributes.tabIndex;
+  } else {
+    tabIndex = hasAccessibilityLayer ? 0 : undefined;
+  }
+  if (typeof otherAttributes.role === 'string') {
+    role = otherAttributes.role;
+  } else {
+    role = hasAccessibilityLayer ? 'application' : undefined;
+  }
+  return /*#__PURE__*/React.createElement(_Surface.Surface, _extends({}, otherAttributes, {
+    title: title,
+    desc: desc,
+    role: role,
+    tabIndex: tabIndex,
+    width: width,
+    height: height,
+    style: FULL_WIDTH_AND_HEIGHT,
+    ref: ref
+  }), children);
+});
+var BrushPanoramaSurface = _ref => {
+  var {
+    children
+  } = _ref;
+  var brushDimensions = (0, _hooks.useAppSelector)(_brushSelectors.selectBrushDimensions);
+  if (!brushDimensions) {
+    return null;
+  }
+  var {
+    width,
+    height,
+    y,
+    x
+  } = brushDimensions;
+  return /*#__PURE__*/React.createElement(_Surface.Surface, {
+    width: width,
+    height: height,
+    x: x,
+    y: y
+  }, children);
+};
+RootSurface.RootSurface = /*#__PURE__*/(0, _react.forwardRef)((_ref2, ref) => {
+  var {
+      children
+    } = _ref2,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var isPanorama = (0, _PanoramaContext.useIsPanorama)();
+  if (isPanorama) {
+    return /*#__PURE__*/React.createElement(BrushPanoramaSurface, null, children);
+  }
+  return /*#__PURE__*/React.createElement(MainChartSurface, _extends({
+    ref: ref
+  }, rest), children);
+});
+
+export { RootSurface as default };

package/dist/esm/node_modules/recharts/lib/container/Surface.js

@@ -0,0 +1,58 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { __exports as Surface } from '../../../../_virtual/Surface.js';
+import require$$0 from 'react';
+import { c as clsxExports } from '../../../clsx/dist/clsx.js';
+import '../util/ReactUtils.js';
+import { __exports as ReactUtils } from '../../../../_virtual/ReactUtils.js';
+
+Object.defineProperty(Surface, "__esModule", {
+  value: true
+});
+Surface.Surface = void 0;
+var _react = _interopRequireWildcard(require$$0);
+var React = _react;
+var _clsx = clsxExports;
+var _ReactUtils = ReactUtils;
+var _excluded = ["children", "width", "height", "viewBox", "className", "style", "title", "desc"];
+/**
+ * @fileOverview Surface
+ */
+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 _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; }
+Surface.Surface = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  var {
+      children,
+      width,
+      height,
+      viewBox,
+      className,
+      style,
+      title,
+      desc
+    } = props,
+    others = _objectWithoutProperties(props, _excluded);
+  var svgView = viewBox || {
+    width,
+    height,
+    x: 0,
+    y: 0
+  };
+  var layerClass = (0, _clsx.clsx)('recharts-surface', className);
+  return /*#__PURE__*/React.createElement("svg", _extends({}, (0, _ReactUtils.filterProps)(others, true, 'svg'), {
+    className: layerClass,
+    width: width,
+    height: height,
+    style: style,
+    viewBox: "".concat(svgView.x, " ").concat(svgView.y, " ").concat(svgView.width, " ").concat(svgView.height),
+    ref: ref
+  }), /*#__PURE__*/React.createElement("title", null, title), /*#__PURE__*/React.createElement("desc", null, desc), children);
+});
+
+export { Surface as default };