umwd-components 0.1.757 → 0.1.758

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

@@ -0,0 +1,191 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { __exports as DefaultLegendContent$1 } from '../../../../_virtual/DefaultLegendContent.js';
+import require$$0 from 'react';
+import { c as clsxExports } from '../../../clsx/dist/clsx.js';
+import '../container/Surface.js';
+import '../shape/Symbols.js';
+import '../util/types.js';
+import { __exports as Symbols } from '../../../../_virtual/Symbols.js';
+import { __exports as types } from '../../../../_virtual/types.js';
+import { __exports as Surface } from '../../../../_virtual/Surface.js';
+
+Object.defineProperty(DefaultLegendContent$1, "__esModule", {
+  value: true
+});
+DefaultLegendContent$1.DefaultLegendContent = void 0;
+var _react = _interopRequireWildcard(require$$0);
+var React = _react;
+var _clsx = clsxExports;
+var _Surface = Surface;
+var _Symbols = Symbols;
+var _types = types;
+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 Default Legend Content
+ */
+var SIZE = 32;
+class DefaultLegendContent extends _react.PureComponent {
+  /**
+   * Render the path of icon
+   * @param data Data of each legend item
+   * @param iconType if defined, it will always render this icon. If undefined then it uses icon from data.type
+   * @return Path element
+   */
+  renderIcon(data, iconType) {
+    var {
+      inactiveColor
+    } = this.props;
+    var halfSize = SIZE / 2;
+    var sixthSize = SIZE / 6;
+    var thirdSize = SIZE / 3;
+    var color = data.inactive ? inactiveColor : data.color;
+    var preferredIcon = iconType !== null && iconType !== void 0 ? iconType : data.type;
+    if (preferredIcon === 'none') {
+      return null;
+    }
+    if (preferredIcon === 'plainline') {
+      return /*#__PURE__*/React.createElement("line", {
+        strokeWidth: 4,
+        fill: "none",
+        stroke: color,
+        strokeDasharray: data.payload.strokeDasharray,
+        x1: 0,
+        y1: halfSize,
+        x2: SIZE,
+        y2: halfSize,
+        className: "recharts-legend-icon"
+      });
+    }
+    if (preferredIcon === 'line') {
+      return /*#__PURE__*/React.createElement("path", {
+        strokeWidth: 4,
+        fill: "none",
+        stroke: color,
+        d: "M0,".concat(halfSize, "h").concat(thirdSize, "\n            A").concat(sixthSize, ",").concat(sixthSize, ",0,1,1,").concat(2 * thirdSize, ",").concat(halfSize, "\n            H").concat(SIZE, "M").concat(2 * thirdSize, ",").concat(halfSize, "\n            A").concat(sixthSize, ",").concat(sixthSize, ",0,1,1,").concat(thirdSize, ",").concat(halfSize),
+        className: "recharts-legend-icon"
+      });
+    }
+    if (preferredIcon === 'rect') {
+      return /*#__PURE__*/React.createElement("path", {
+        stroke: "none",
+        fill: color,
+        d: "M0,".concat(SIZE / 8, "h").concat(SIZE, "v").concat(SIZE * 3 / 4, "h").concat(-SIZE, "z"),
+        className: "recharts-legend-icon"
+      });
+    }
+    if (/*#__PURE__*/React.isValidElement(data.legendIcon)) {
+      var iconProps = _objectSpread({}, data);
+      delete iconProps.legendIcon;
+      return /*#__PURE__*/React.cloneElement(data.legendIcon, iconProps);
+    }
+    return /*#__PURE__*/React.createElement(_Symbols.Symbols, {
+      fill: color,
+      cx: halfSize,
+      cy: halfSize,
+      size: SIZE,
+      sizeType: "diameter",
+      type: preferredIcon
+    });
+  }
+
+  /**
+   * Draw items of legend
+   * @return Items
+   */
+  renderItems() {
+    var {
+      payload,
+      iconSize,
+      layout,
+      formatter,
+      inactiveColor,
+      iconType
+    } = this.props;
+    var viewBox = {
+      x: 0,
+      y: 0,
+      width: SIZE,
+      height: SIZE
+    };
+    var itemStyle = {
+      display: layout === 'horizontal' ? 'inline-block' : 'block',
+      marginRight: 10
+    };
+    var svgStyle = {
+      display: 'inline-block',
+      verticalAlign: 'middle',
+      marginRight: 4
+    };
+    return payload.map((entry, i) => {
+      var finalFormatter = entry.formatter || formatter;
+      var className = (0, _clsx.clsx)({
+        'recharts-legend-item': true,
+        ["legend-item-".concat(i)]: true,
+        inactive: entry.inactive
+      });
+      if (entry.type === 'none') {
+        return null;
+      }
+      var color = entry.inactive ? inactiveColor : entry.color;
+      var finalValue = finalFormatter ? finalFormatter(entry.value, entry, i) : entry.value;
+      return /*#__PURE__*/React.createElement("li", _extends({
+        className: className,
+        style: itemStyle
+        // eslint-disable-next-line react/no-array-index-key
+        ,
+        key: "legend-item-".concat(i)
+      }, (0, _types.adaptEventsOfChild)(this.props, entry, i)), /*#__PURE__*/React.createElement(_Surface.Surface, {
+        width: iconSize,
+        height: iconSize,
+        viewBox: viewBox,
+        style: svgStyle,
+        "aria-label": "".concat(finalValue, " legend icon")
+      }, this.renderIcon(entry, iconType)), /*#__PURE__*/React.createElement("span", {
+        className: "recharts-legend-item-text",
+        style: {
+          color
+        }
+      }, finalValue));
+    });
+  }
+  render() {
+    var {
+      payload,
+      layout,
+      align
+    } = this.props;
+    if (!payload || !payload.length) {
+      return null;
+    }
+    var finalStyle = {
+      padding: 0,
+      margin: 0,
+      textAlign: layout === 'horizontal' ? align : 'left'
+    };
+    return /*#__PURE__*/React.createElement("ul", {
+      className: "recharts-default-legend",
+      style: finalStyle
+    }, this.renderItems());
+  }
+}
+DefaultLegendContent$1.DefaultLegendContent = DefaultLegendContent;
+_defineProperty(DefaultLegendContent, "displayName", 'Legend');
+_defineProperty(DefaultLegendContent, "defaultProps", {
+  align: 'center',
+  iconSize: 14,
+  inactiveColor: '#ccc',
+  layout: 'horizontal',
+  verticalAlign: 'middle'
+});
+
+export { DefaultLegendContent$1 as default };

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

@@ -0,0 +1,139 @@
+/*
+ * UMWD-Components
+ * @copyright Jelle Paulus
+ * @license MIT
+ */
+  
+import { __exports as DefaultTooltipContent$1 } from '../../../../_virtual/DefaultTooltipContent.js';
+import require$$0 from 'react';
+import { s as sortBy } from '../../../es-toolkit/compat/sortBy.js';
+import { c as clsxExports } from '../../../clsx/dist/clsx.js';
+import '../util/DataUtils.js';
+import { __exports as DataUtils } from '../../../../_virtual/DataUtils.js';
+
+Object.defineProperty(DefaultTooltipContent$1, "__esModule", {
+  value: true
+});
+DefaultTooltipContent$1.DefaultTooltipContent = void 0;
+var React = _interopRequireWildcard(require$$0);
+var _sortBy = _interopRequireDefault(sortBy);
+var _clsx = clsxExports;
+var _DataUtils = DataUtils;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 Default Tooltip Content
+ */
+function defaultFormatter(value) {
+  return Array.isArray(value) && (0, _DataUtils.isNumOrStr)(value[0]) && (0, _DataUtils.isNumOrStr)(value[1]) ? value.join(' ~ ') : value;
+}
+var DefaultTooltipContent = props => {
+  var {
+    separator = ' : ',
+    contentStyle = {},
+    itemStyle = {},
+    labelStyle = {},
+    payload,
+    formatter,
+    itemSorter,
+    wrapperClassName,
+    labelClassName,
+    label,
+    labelFormatter,
+    accessibilityLayer = false
+  } = props;
+  var renderContent = () => {
+    if (payload && payload.length) {
+      var listStyle = {
+        padding: 0,
+        margin: 0
+      };
+      var items = (itemSorter ? (0, _sortBy.default)(payload, itemSorter) : payload).map((entry, i) => {
+        if (entry.type === 'none') {
+          return null;
+        }
+        var finalFormatter = entry.formatter || formatter || defaultFormatter;
+        var {
+          value,
+          name
+        } = entry;
+        var finalValue = value;
+        var finalName = name;
+        if (finalFormatter) {
+          var formatted = finalFormatter(value, name, entry, i, payload);
+          if (Array.isArray(formatted)) {
+            [finalValue, finalName] = formatted;
+          } else if (formatted != null) {
+            finalValue = formatted;
+          } else {
+            return null;
+          }
+        }
+        var finalItemStyle = _objectSpread({
+          display: 'block',
+          paddingTop: 4,
+          paddingBottom: 4,
+          color: entry.color || '#000'
+        }, itemStyle);
+        return (
+          /*#__PURE__*/
+          // eslint-disable-next-line react/no-array-index-key
+          React.createElement("li", {
+            className: "recharts-tooltip-item",
+            key: "tooltip-item-".concat(i),
+            style: finalItemStyle
+          }, (0, _DataUtils.isNumOrStr)(finalName) ? /*#__PURE__*/React.createElement("span", {
+            className: "recharts-tooltip-item-name"
+          }, finalName) : null, (0, _DataUtils.isNumOrStr)(finalName) ? /*#__PURE__*/React.createElement("span", {
+            className: "recharts-tooltip-item-separator"
+          }, separator) : null, /*#__PURE__*/React.createElement("span", {
+            className: "recharts-tooltip-item-value"
+          }, finalValue), /*#__PURE__*/React.createElement("span", {
+            className: "recharts-tooltip-item-unit"
+          }, entry.unit || ''))
+        );
+      });
+      return /*#__PURE__*/React.createElement("ul", {
+        className: "recharts-tooltip-item-list",
+        style: listStyle
+      }, items);
+    }
+    return null;
+  };
+  var finalStyle = _objectSpread({
+    margin: 0,
+    padding: 10,
+    backgroundColor: '#fff',
+    border: '1px solid #ccc',
+    whiteSpace: 'nowrap'
+  }, contentStyle);
+  var finalLabelStyle = _objectSpread({
+    margin: 0
+  }, labelStyle);
+  var hasLabel = !(0, _DataUtils.isNullish)(label);
+  var finalLabel = hasLabel ? label : '';
+  var wrapperCN = (0, _clsx.clsx)('recharts-default-tooltip', wrapperClassName);
+  var labelCN = (0, _clsx.clsx)('recharts-tooltip-label', labelClassName);
+  if (hasLabel && labelFormatter && payload !== undefined && payload !== null) {
+    finalLabel = labelFormatter(label, payload);
+  }
+  var accessibilityAttributes = accessibilityLayer ? {
+    role: 'status',
+    'aria-live': 'assertive'
+  } : {};
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: wrapperCN,
+    style: finalStyle
+  }, accessibilityAttributes), /*#__PURE__*/React.createElement("p", {
+    className: labelCN,
+    style: finalLabelStyle
+  }, /*#__PURE__*/React.isValidElement(finalLabel) ? finalLabel : "".concat(finalLabel)), renderContent());
+};
+DefaultTooltipContent$1.DefaultTooltipContent = DefaultTooltipContent;
+
+export { DefaultTooltipContent$1 as default };