@cashub/ui 0.48.28 → 0.49.0-beta.0

package/chart/DoughnutChart.js

@@ -1,104 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _reactChartjs = require("react-chartjs-2");
-var _lodash = _interopRequireDefault(require("lodash.uniqueid"));
-var _htmlLegendPlugin = _interopRequireDefault(require("./utils/htmlLegendPlugin"));
-var _customTooltip = _interopRequireDefault(require("./utils/customTooltip"));
-var _centerTextPlugin = _interopRequireDefault(require("./utils/centerTextPlugin"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["height", "data", "showCenterText", "centerTextTitle"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-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 && {}.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; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(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), !0).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: !0, configurable: !0, writable: !0 }) : 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 || "default"); 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 s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
-const DoughnutChart = _ref => {
-  let {
-      height = 300,
-      data,
-      showCenterText = false,
-      centerTextTitle
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const [legendContainerId] = (0, _react.useState)((0, _lodash.default)('legend-container-'));
-  const theme = (0, _react.useContext)(_styledComponents.ThemeContext);
-
-  // fix: read value from theme
-  _reactChartjs.defaults.font.family = theme.fontFamily;
-  _reactChartjs.defaults.font.size = 16;
-  _reactChartjs.defaults.color = theme.fontOnBg;
-  _reactChartjs.defaults.plugins.tooltip.external = (0, _customTooltip.default)(theme);
-  const defaultOptions = (0, _react.useMemo)(() => {
-    return {
-      responsive: true,
-      maintainAspectRatio: false,
-      aspectRatio: 1,
-      plugins: {
-        htmlLegend: {
-          containerID: legendContainerId
-        },
-        legend: {
-          display: false
-        },
-        tooltip: {
-          enabled: false,
-          callbacks: {
-            title(context) {
-              return context[0] ? context[0].label.match(/(.{1,20})/g) : '';
-            },
-            label(context) {
-              const label = context.dataset.data[context.dataIndex];
-              if (context.dataset.customLabel) {
-                return context.dataset.customLabel[context.dataIndex].toString();
-              }
-              return label.toString();
-            },
-            labelTextColor(context) {
-              const {
-                color
-              } = context.dataset;
-              if (!color) {
-                return theme.fontOnPrimary;
-              }
-              if (color && Array.isArray(color)) {
-                return color[context.dataIndex % color.length];
-              }
-              return color;
-            }
-          }
-        },
-        centerText: {
-          display: showCenterText,
-          title: centerTextTitle
-        }
-      }
-    };
-  }, [legendContainerId, theme.fontOnPrimary, showCenterText, centerTextTitle]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Doughnut, _objectSpread({
-        height: height,
-        data: data,
-        options: defaultOptions,
-        plugins: [_htmlLegendPlugin.default, _centerTextPlugin.default]
-      }, props))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(LegendWrapper, {
-      id: legendContainerId
-    })]
-  });
-};
-const LegendWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .custom-legend-tooltip {\n    position: relative;\n  }\n\n  .custom-legend-tooltip:hover::after {\n    content: attr(data-tooltip);\n    position: absolute;\n    top: calc(1rem + var(--spacing-xs));\n    left: 50%;\n    transform: translateX(-50%);\n    border: 1px solid var(--border-color);\n    color: var(--font-on-background);\n    background: var(--color-background2);\n    box-shadow: var(--box-shadow);\n    border-radius: calc(var(--border-radius) / 2);\n    padding: var(--spacing-xs);\n    font-size: var(--font-body1);\n    font-weight: var(--font-normal);\n    text-align: center;\n    width: max-content;\n    max-width: 50vw;\n  }\n"])));
-var _default = exports.default = DoughnutChart;

package/chart/LineChart.js

@@ -1,154 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _styledComponents = require("styled-components");
-var _reactChartjs = require("react-chartjs-2");
-var _customTooltip = _interopRequireDefault(require("./utils/customTooltip"));
-var _yAxisTopTitlePlugin = _interopRequireDefault(require("./utils/yAxisTopTitlePlugin"));
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["height", "data", "options"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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), !0).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: !0, configurable: !0, writable: !0 }) : 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 || "default"); 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 s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
-const LineChart = _ref => {
-  let {
-      height = 300,
-      data,
-      options = {}
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const theme = (0, _react.useContext)(_styledComponents.ThemeContext);
-
-  // fix: read value from theme
-  _reactChartjs.defaults.font.family = theme.fontFamily;
-  _reactChartjs.defaults.font.size = 16;
-  _reactChartjs.defaults.color = theme.fontOnBg;
-  _reactChartjs.defaults.plugins.tooltip.external = (0, _customTooltip.default)(theme);
-  const customOptions = (0, _react.useMemo)(() => {
-    const {
-      yAxisTopTitle
-    } = options;
-    return {
-      suggestedMax: options.suggestedMax ? options.suggestedMax : 10,
-      tooltipTitlePrefix: '',
-      tooltipLabelPrefix: '',
-      tooltipLabelPostfix: '',
-      showLegend: options.showLegend === undefined ? false : options.showLegend,
-      yAxisTopTitle: yAxisTopTitle ? yAxisTopTitle : ''
-    };
-  }, [options]);
-  if (options.tooltips) {
-    const tooltipsOptions = options.tooltips;
-    customOptions.tooltipTitlePrefix = tooltipsOptions.titlePrefix || '';
-    customOptions.tooltipLabelPrefix = tooltipsOptions.labelPrefix || '';
-    customOptions.tooltipLabelPostfix = tooltipsOptions.labelPostfix || '';
-  }
-  const defaultOptions = (0, _react.useMemo)(() => {
-    return {
-      responsive: true,
-      maintainAspectRatio: false,
-      aspectRatio: 1,
-      interaction: {
-        mode: 'nearest',
-        intersect: false
-      },
-      plugins: {
-        legend: {
-          display: customOptions.showLegend
-        },
-        tooltip: {
-          enabled: false,
-          intersect: false,
-          filter(context) {
-            return context.label !== 'null';
-          },
-          callbacks: {
-            title(context) {
-              const content = context[0] ? context[0].label.match(/(.{1,20})/g) : '';
-              return "".concat(customOptions.tooltipTitlePrefix).concat(content);
-            },
-            label(context) {
-              var _context$dataset$tool;
-              const datasetLabel = context.dataset.label || '';
-              const tooltipLabel = (_context$dataset$tool = context.dataset.tooltipLabels) === null || _context$dataset$tool === void 0 ? void 0 : _context$dataset$tool[context.dataIndex];
-              if (tooltipLabel !== undefined) {
-                return datasetLabel ? "".concat(datasetLabel, ": ").concat(tooltipLabel) : "".concat(tooltipLabel);
-              }
-              const content = context.dataset.data[context.dataIndex].toString();
-              return datasetLabel ? "".concat(datasetLabel, ": ").concat(customOptions.tooltipLabelPrefix).concat(content).concat(customOptions.tooltipLabelPostfix) : "".concat(customOptions.tooltipLabelPrefix).concat(content).concat(customOptions.tooltipLabelPostfix);
-            },
-            labelColor(context) {
-              const {
-                borderColor
-              } = context.dataset;
-              return {
-                borderColor,
-                backgroundColor: borderColor
-              };
-            },
-            labelTextColor(context) {
-              const {
-                color
-              } = context.dataset;
-              if (!color) {
-                return theme.fontOnPrimary;
-              }
-              if (color && Array.isArray(color)) {
-                return color[context.dataIndex % color.length];
-              }
-              return color;
-            }
-          }
-        },
-        yAxisTopTitle: {
-          title: customOptions.yAxisTopTitle
-        }
-      },
-      scales: {
-        x: {
-          grid: {
-            display: false,
-            drawBorder: false
-          }
-        },
-        y: {
-          beginAtZero: true,
-          suggestedMax: customOptions.suggestedMax,
-          grid: {
-            display: false,
-            drawBorder: false
-          },
-          ticks: {
-            callback(value) {
-              if (value % 1 === 0) {
-                return value;
-              }
-              return null;
-            }
-          }
-        }
-      },
-      layout: {
-        padding: {
-          top: 32
-        }
-      }
-    };
-  }, [customOptions, theme.fontOnPrimary]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Line, _objectSpread({
-    height: height,
-    data: data,
-    options: defaultOptions,
-    plugins: [_yAxisTopTitlePlugin.default]
-  }, props));
-};
-var _default = exports.default = LineChart;

package/chart/SingleBarChart.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _backgroundColor = _interopRequireDefault(require("../styles/mixin/backgroundColor"));
-var _templateObject;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-const SingleBarChart = _styledComponents.default.div.attrs(() => ({
-  primary: true
-}))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 1rem;\n  border-radius: var(--border-radius);\n  background: var(--color-background3);\n\n  &::before {\n    position: absolute;\n    content: '';\n    width: ", "%;\n    border-radius: var(--border-radius);\n    top: 0;\n    bottom: 0;\n\n    ", "\n  }\n\n  ", "\n"])), _ref => {
-  let {
-    percentage
-  } = _ref;
-  return percentage;
-}, _backgroundColor.default, _ref2 => {
-  let {
-    marginTop
-  } = _ref2;
-  return marginTop && 'margin-top: var(--spacing-s)';
-});
-var _default = exports.default = SingleBarChart;

package/chart/utils/centerTextPlugin.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactChartjs = require("react-chartjs-2");
-const centerTextPlugin = {
-  id: 'centerText',
-  beforeDraw: chart => {
-    const {
-      options,
-      data
-    } = chart.config;
-    const config = options.plugins.centerText;
-    if (!config || !config.display) {
-      return;
-    }
-    const {
-      ctx,
-      chartArea: {
-        top,
-        width,
-        height
-      }
-    } = chart;
-    ctx.save();
-
-    // calculate center position
-    const centerX = width / 2;
-    const centerY = height / 2 + top;
-
-    // font settings
-    const {
-      font,
-      color
-    } = _reactChartjs.defaults;
-    const {
-      family,
-      size,
-      lineHeight
-    } = font;
-    const offset = size * lineHeight / 2;
-    ctx.textAlign = 'center';
-    ctx.textBaseline = 'middle';
-    ctx.fillStyle = color;
-    const {
-      title
-    } = config;
-    if (title) {
-      ctx.font = "bold ".concat(size, "px ").concat(family);
-      ctx.fillText(title, centerX, centerY - offset);
-    }
-    const total = data.datasets[0].data.reduce((total, current) => {
-      return total + current;
-    }, 0);
-    ctx.font = "".concat(size, "px ").concat(family);
-    ctx.fillText(total.toLocaleString(), centerX, centerY + (title ? offset : 0));
-    ctx.restore();
-  }
-};
-var _default = exports.default = centerTextPlugin;

package/chart/utils/customTooltip.js

@@ -1,94 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const customTooltip = theme => {
-  // optimize: render in react way
-  return function (context) {
-    // Tooltip Element
-    let tooltipEl = document.getElementById('chartjs-tooltip');
-
-    // Create element on first render
-    if (!tooltipEl) {
-      tooltipEl = document.createElement('div');
-      tooltipEl.id = 'chartjs-tooltip';
-      tooltipEl.innerHTML = '<table></table>';
-      document.body.appendChild(tooltipEl);
-    }
-
-    // Hide tooltip, if no tooltip or no data
-    const tooltipModel = context.tooltip;
-    if (!tooltipModel || !tooltipModel.dataPoints || !tooltipModel.dataPoints[0] || tooltipModel.opacity === 0) {
-      tooltipEl.style.display = 'none';
-      return;
-    }
-
-    // Set caret Position
-    tooltipEl.classList.remove('above', 'below', 'no-transform');
-    if (tooltipModel.yAlign) {
-      tooltipEl.classList.add(tooltipModel.yAlign);
-    } else {
-      tooltipEl.classList.add('no-transform');
-    }
-
-    // Set Text
-    if (tooltipModel.body) {
-      const titleLines = tooltipModel.title || [];
-      const bodyLines = tooltipModel.body.map(bodyItem => {
-        return bodyItem.lines || [];
-      });
-      let innerHtml = '<thead>';
-      titleLines.forEach(title => {
-        innerHtml += "<tr><th>".concat(title, "</th></tr>");
-      });
-      innerHtml += '</thead><tbody>';
-      bodyLines.forEach(body => {
-        if (Array.isArray(body)) {
-          body.forEach(line => {
-            innerHtml += "<tr><td>".concat(line, "</td></tr>");
-          });
-        } else {
-          innerHtml += "<tr><td>".concat(body, "</td></tr>");
-        }
-      });
-      innerHtml += '</tbody>';
-      const tableRoot = tooltipEl.querySelector('table');
-      tableRoot.innerHTML = innerHtml;
-    }
-
-    // `this` will be the overall tooltip
-    const position = context.chart.canvas.getBoundingClientRect();
-
-    // Display, position, and set styles for font
-    tooltipEl.style.fontFamily = theme.fontFamily;
-    tooltipEl.style.fontSize = theme.fontBody1;
-    tooltipEl.style.display = 'block';
-    tooltipEl.style.position = 'absolute';
-    tooltipEl.style.boxShadow = theme.boxShadow;
-    [tooltipEl.style.color] = tooltipModel.labelTextColors;
-    tooltipEl.style.background = tooltipModel.labelColors[0].backgroundColor;
-    tooltipEl.style.borderRadius = theme.borderRadius;
-    tooltipEl.style.textAlign = 'center';
-    tooltipEl.style.padding = "".concat(theme.spacerXS, " ").concat(theme.spacerS);
-    tooltipEl.style.pointerEvents = 'none';
-
-    // determine position is left or right
-    if (tooltipModel.caretX + tooltipEl.offsetWidth <= this._chart.width) {
-      tooltipEl.style.borderTopLeftRadius = 0;
-      tooltipEl.style.left = "".concat(position.left + window.pageXOffset + tooltipModel.caretX + 8, "px");
-    } else {
-      tooltipEl.style.borderTopRightRadius = 0;
-      tooltipEl.style.left = "".concat(position.left + window.pageXOffset + tooltipModel.caretX - tooltipModel.width - 16 * 2, "px");
-    }
-
-    // determine position is top or bottom
-    if (tooltipModel.caretY + tooltipEl.offsetHeight <= this._chart.height) {
-      tooltipEl.style.top = "".concat(position.top + window.pageYOffset + tooltipModel.caretY + 8, "px");
-    } else {
-      tooltipEl.style.top = "".concat(position.top + window.pageYOffset + tooltipModel.caretY - tooltipModel.width - 16 * 2, "px");
-    }
-  };
-};
-var _default = exports.default = customTooltip;

package/chart/utils/htmlLegendPlugin.js

@@ -1,89 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactChartjs = require("react-chartjs-2");
-const htmlLegendPlugin = {
-  id: 'htmlLegend',
-  afterUpdate(chart, args, options) {
-    const ul = getOrCreateLegendList(chart, options.containerID);
-
-    // Remove old legend items
-    while (ul.firstChild) {
-      ul.firstChild.remove();
-    }
-
-    // Reuse the built-in legendItems generator
-    const items = chart.options.plugins.legend.labels.generateLabels(chart);
-    items.forEach(item => {
-      const li = document.createElement('li');
-      li.style.alignItems = 'center';
-      li.style.cursor = 'pointer';
-      li.style.display = 'flex';
-      li.style.flexDirection = 'row';
-      li.style.marginLeft = '16px';
-      li.style.marginTop = '16px';
-      li.style.color = _reactChartjs.defaults.color;
-      const [dataset] = chart.data.datasets;
-      const description = dataset.descriptions ? dataset.descriptions[item.index] : '';
-      if (description) {
-        li.setAttribute('data-tooltip', description);
-        li.classList.add('custom-legend-tooltip');
-      }
-      li.onclick = () => {
-        const {
-          type
-        } = chart.config;
-        if (type === 'pie' || type === 'doughnut') {
-          // Pie and doughnut charts only have a single dataset and visibility is per item
-          chart.toggleDataVisibility(item.index);
-        } else {
-          chart.setDatasetVisibility(item.datasetIndex, !chart.isDatasetVisible(item.datasetIndex));
-        }
-        chart.update();
-      };
-
-      // Color box
-      const boxSpan = document.createElement('span');
-      boxSpan.style.background = item.fillStyle;
-      boxSpan.style.borderColor = item.strokeStyle;
-      boxSpan.style.borderWidth = "".concat(item.lineWidth, "px");
-      boxSpan.style.borderStyle = 'solid';
-      boxSpan.style.display = 'inline-block';
-      boxSpan.style.height = '16px';
-      boxSpan.style.marginRight = '8px';
-      boxSpan.style.width = '32px';
-
-      // Text
-      const textContainer = document.createElement('p');
-      textContainer.style.color = item.fontColor;
-      textContainer.style.margin = 0;
-      textContainer.style.padding = 0;
-      textContainer.style.wordBreak = 'break-all';
-      textContainer.style.textDecoration = item.hidden ? 'line-through' : '';
-      const text = document.createTextNode(item.text);
-      textContainer.appendChild(text);
-      li.appendChild(boxSpan);
-      li.appendChild(textContainer);
-      ul.appendChild(li);
-    });
-  }
-};
-const getOrCreateLegendList = (chart, id) => {
-  const legendContainer = document.getElementById(id);
-  let listContainer = legendContainer.querySelector('ul');
-  if (!listContainer) {
-    listContainer = document.createElement('ul');
-    listContainer.style.display = 'flex';
-    listContainer.style.flexDirection = 'row';
-    listContainer.style.flexWrap = 'wrap';
-    listContainer.style.justifyContent = 'center';
-    listContainer.style.margin = 0;
-    listContainer.style.padding = 0;
-    legendContainer.appendChild(listContainer);
-  }
-  return listContainer;
-};
-var _default = exports.default = htmlLegendPlugin;

package/chart/utils/yAxisTopTitlePlugin.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactChartjs = require("react-chartjs-2");
-const yAxisTopTitlePlugin = {
-  id: 'yAxisTopTitle',
-  afterDraw(chart) {
-    const {
-      options
-    } = chart.config;
-    const config = options.plugins.yAxisTopTitle;
-    if (!config || !config.title) {
-      return;
-    }
-    const {
-      title
-    } = config;
-    const {
-      ctx,
-      chartArea,
-      scales
-    } = chart;
-    const yScale = scales.y;
-    if (!yScale) {
-      return;
-    }
-    ctx.save();
-    const {
-      font,
-      color
-    } = _reactChartjs.defaults;
-    const {
-      family,
-      size
-    } = font;
-    ctx.font = "bold ".concat(size, "px ").concat(family);
-    ctx.fillStyle = color;
-    ctx.textAlign = 'left';
-    ctx.textBaseline = 'middle';
-    const x = yScale.left;
-    const y = chartArea.top - 24;
-    ctx.fillText(title, x, y);
-    ctx.restore();
-  }
-};
-var _default = exports.default = yAxisTopTitlePlugin;

package/container/FlexContainer.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _templateObject;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-const FlexContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), _ref => {
-  let {
-    marginBottom
-  } = _ref;
-  return marginBottom && 'margin-bottom: var(--spacing-l)';
-}, _ref2 => {
-  let {
-    wrap
-  } = _ref2;
-  return wrap && 'flex-wrap: wrap';
-}, _ref3 => {
-  let {
-    alignCenter
-  } = _ref3;
-  return alignCenter && 'align-items: center;';
-}, _ref4 => {
-  let {
-    spaceBetween
-  } = _ref4;
-  return spaceBetween && 'justify-content: space-between;';
-});
-var _default = exports.default = FlexContainer;

package/cropper/Cropper.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-require("cropperjs/dist/cropper.css");
-var _cropperjs = _interopRequireDefault(require("cropperjs"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CropperWrapper = _ref => {
-  let {
-    src,
-    alt = 'picture',
-    width,
-    height,
-    cropBoxResizable = false,
-    onInitialized,
-    dragMode = 'move'
-  } = _ref;
-  const imageRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    const node = imageRef.current;
-    if (node !== null) {
-      const cropper = new _cropperjs.default(node, {
-        dragMode,
-        viewMode: 1,
-        initialAspectRatio: 9 / 16,
-        background: true,
-        cropBoxResizable,
-        data: {
-          width,
-          height
-        }
-      });
-      if (onInitialized) {
-        onInitialized(cropper);
-      }
-    }
-    return () => {
-      var _node$cropper;
-      node === null || node === void 0 || (_node$cropper = node.cropper) === null || _node$cropper === void 0 || _node$cropper.destroy();
-    };
-  }, [onInitialized, dragMode, width, height, cropBoxResizable]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      src: src,
-      alt: alt,
-      ref: imageRef,
-      crossOrigin: "anonymous"
-    })
-  });
-};
-var _default = exports.default = CropperWrapper;