@megafon/ui-lk-vas 0.10.8 → 0.10.9

package/dist/lib/components/Cards/components/_CardCell/CardCell.js

@@ -1,119 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-require("core-js/modules/es.array.map.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiCore = require("@megafon/ui-core");
-var _uiHelpers = require("@megafon/ui-helpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var EditIcon = function EditIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M17.1 2.9c-1.2-1.2-3.2-1.2-4.5 0L3.5 12 2 17l1 1 5-1.5 9.1-9.1c.6-.6.9-1.4.9-2.3s-.3-1.6-.9-2.2zM7.5 15.5l-4.3 1.3-.1-.1 1.3-4.3L11 5.8l3 3-6.5 6.7zm8.9-8.8l-1.5 1.5-3-3 1.5-1.5c.8-.8 2.2-.8 3 0 .4.3.6.9.6 1.4 0 .6-.2 1.2-.6 1.6z"
-  }));
-};
-var SettingsIcon = function SettingsIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M10 13a3 3 0 113-3 3 3 0 01-3 3zm0-5a2 2 0 102 2 2 2 0 00-2-2zm1.37 10H8.63L8 16.89a1.3 1.3 0 00-1.54-.64l-1.19.37-1.9-1.94.37-1.19a1.3 1.3 0 00-.64-1.54L2 11.37V8.62L3.1 8a1.3 1.3 0 00.64-1.5l-.37-1.19 1.94-1.94 1.19.37A1.3 1.3 0 008 3.1L8.63 2h2.75L12 3.1a1.31 1.31 0 001.54.64l1.19-.37 1.94 1.94-.41 1.19A1.3 1.3 0 0016.9 8l1.1.58v2.75l-1.1.58a1.3 1.3 0 00-.64 1.54l.37 1.19-1.94 1.94-1.19-.37a1.31 1.31 0 00-1.54.64zm-2.14-1h1.54l.3-.57a2.3 2.3 0 012.73-1.13l.61.19 1.09-1.09-.19-.61a2.3 2.3 0 011.13-2.73l.57-.3V9.23l-.57-.3A2.3 2.3 0 0115.3 6.2l.19-.61-1.08-1.09-.61.19a2.3 2.3 0 01-2.73-1.13l-.3-.56H9.23l-.3.57a2.3 2.3 0 01-2.72 1.12l-.62-.19-1.08 1.09.19.61a2.3 2.3 0 01-1.13 2.73l-.57.3v1.54l.57.3a2.3 2.3 0 011.13 2.72l-.19.61 1.09 1.09.61-.19a2.3 2.3 0 012.73 1.13z"
-  }));
-};
-var CancelIcon = function CancelIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    className: "CancelIcon__st0",
-    d: "M10 8.8L6.2 5 5 6.2 8.8 10 5 13.8 6.2 15l3.8-3.8 3.8 3.8 1.2-1.2-3.8-3.8L15 6.2 13.8 5 10 8.8z"
-  }));
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-card-cell');
-var CardCell = function CardCell(_ref) {
-  var className = _ref.className,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    title = _ref.title,
-    _ref$titleColor = _ref.titleColor,
-    titleColor = _ref$titleColor === void 0 ? 'default' : _ref$titleColor,
-    subtitle = _ref.subtitle,
-    switcherProps = _ref.switcherProps,
-    switcherText = _ref.switcherText,
-    actionsItems = _ref.actionsItems,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'left' : _ref$align,
-    isFirstCell = _ref.isFirstCell,
-    _ref$hasBackgroundFil = _ref.hasBackgroundFill,
-    hasBackgroundFill = _ref$hasBackgroundFil === void 0 ? false : _ref$hasBackgroundFil,
-    dataAttrs = _ref.dataAttrs;
-  var currentAlign = type !== 'default' ? align : 'left';
-  var getActionIcon = function getActionIcon(iconType) {
-    switch (iconType) {
-      case 'settings':
-        return SettingsIcon;
-      case 'edit':
-        return EditIcon;
-      default:
-        return CancelIcon;
-    }
-  };
-  var renderActionsContent = function renderActionsContent() {
-    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-      className: cn('actions-box')
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.actions)), !!(actionsItems === null || actionsItems === void 0 ? void 0 : actionsItems.length) && actionsItems.map(function (_ref2, index) {
-      var iconType = _ref2.iconType,
-        onClick = _ref2.onClick;
-      var CurrentIcon = getActionIcon(iconType);
-      return /*#__PURE__*/React.createElement("button", {
-        key: iconType + index,
-        className: cn('actions-box-button'),
-        type: "button",
-        onClick: onClick
-      }, /*#__PURE__*/React.createElement(CurrentIcon, {
-        className: cn('actions-box-icon', {
-          type: iconType
-        })
-      }));
-    }));
-  };
-  var renderTextContent = function renderTextContent() {
-    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-      className: cn('text-box', {
-        highlight: isFirstCell
-      })
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs["default"])), /*#__PURE__*/React.createElement("div", null, subtitle), /*#__PURE__*/React.createElement("div", {
-      className: cn('text-box-title', {
-        color: titleColor
-      })
-    }, title));
-  };
-  var renderSwitcherContent = function renderSwitcherContent() {
-    return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-      className: cn('switcher-box')
-    }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.switcher)), switcherText, /*#__PURE__*/React.createElement(_uiCore.Switcher, switcherProps));
-  };
-  var renderContent = function renderContent() {
-    switch (type) {
-      case 'switcher':
-        return renderSwitcherContent();
-      case 'actions':
-        return renderActionsContent();
-      default:
-        return renderTextContent();
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn({
-      align: currentAlign,
-      fill: hasBackgroundFill
-    }, [className])
-  }, renderContent());
-};
-var _default = exports["default"] = CardCell;

package/dist/lib/components/Charts/Chart/Chart.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-chart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;gap:24px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:24px 32px 32px}.mfui-lkvas-chart,.mfui-lkvas-chart__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mfui-lkvas-chart__header{display:grid;gap:20px;grid-template-columns:1fr auto minmax(-webkit-min-content,1fr);grid-template-columns:1fr auto minmax(min-content,1fr)}.mfui-lkvas-chart__title{font-size:18px;font-weight:500;grid-column-start:2;letter-spacing:.5px;line-height:24px;text-align:center}@media screen and (min-width:1280px){.mfui-lkvas-chart__title{font-size:20px;line-height:28px}}.mfui-lkvas-chart__button{grid-column-start:3;justify-self:end}.mfui-lkvas-chart__image{background-image:url(img/chart.png);background-repeat:no-repeat;background-size:cover;display:block;height:96px;width:96px}.mfui-lkvas-chart__empty-text{font-size:15px;font-weight:400;line-height:24px}

package/dist/lib/components/Charts/Chart/Chart.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { IChart } from './types';
-import './Chart.scss';
-declare const Chart: React.FC<IChart>;
-export default Chart;

package/dist/lib/components/Charts/Chart/Chart.js

@@ -1,113 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _uiCore = require("@megafon/ui-core");
-var _uiHelpers = require("@megafon/ui-helpers");
-var _useCssVariable = _interopRequireDefault(require("../../../hooks/useCssVariable"));
-var _ChartBar = _interopRequireDefault(require("./components/_ChartBar/ChartBar"));
-var _ChartDoughnut = _interopRequireDefault(require("./components/_ChartDoughnut/ChartDoughnut"));
-var _ChartLine = _interopRequireDefault(require("./components/_ChartLine/ChartLine"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var DownloadIcon = function DownloadIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M15.04 5.99L14.97 17l-1.26-1.49-1.42 1.41L15.37 20h1.26l3.08-3.08-1.42-1.41-1.32 1.55.07-11.05-2-.02z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M8 17H6a10 10 0 0020 0h-2a8 8 0 01-16 0z"
-  }));
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-chart');
-var Chart = function Chart(_ref) {
-  var className = _ref.className,
-    type = _ref.type,
-    title = _ref.title,
-    labels = _ref.labels,
-    datasets = _ref.datasets,
-    scales = _ref.scales,
-    downloadLink = _ref.downloadLink,
-    _ref$hideLegend = _ref.hideLegend,
-    hideLegend = _ref$hideLegend === void 0 ? false : _ref$hideLegend,
-    dataAttrs = _ref.dataAttrs;
-  var _React$useState = React.useState(),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    bgColor = _React$useState2[0],
-    setBgColor = _React$useState2[1];
-  var rootRef = React.useRef(null);
-  var ticksColor = (0, _useCssVariable["default"])('--content');
-  var scaleColor = (0, _useCssVariable["default"])('--spbSky1');
-  var scalesColor = {
-    ticksColor: ticksColor,
-    scaleColor: scaleColor
-  };
-  var showChart = !!datasets.length && !!labels.length;
-  React.useEffect(function () {
-    if (type === 'doughnut' && rootRef.current) {
-      var rootNodeStyle = window.getComputedStyle(rootRef.current);
-      setBgColor(rootNodeStyle.getPropertyValue('background-color'));
-    }
-  }, [type]);
-  var renderChart = function renderChart() {
-    if (type === 'line') {
-      return /*#__PURE__*/React.createElement(_ChartLine["default"], {
-        type: type,
-        datasets: datasets,
-        labels: labels,
-        scales: scales,
-        hideLegend: hideLegend,
-        scalesColors: scalesColor
-      });
-    }
-    if (type === 'bar') {
-      return /*#__PURE__*/React.createElement(_ChartBar["default"], {
-        type: type,
-        datasets: datasets,
-        labels: labels,
-        scales: scales,
-        hideLegend: hideLegend,
-        scalesColors: scalesColor
-      });
-    }
-    return /*#__PURE__*/React.createElement(_ChartDoughnut["default"], {
-      type: type,
-      datasets: datasets,
-      labels: labels,
-      hideLegend: hideLegend,
-      bgColor: bgColor
-    });
-  };
-  var emptyContent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: cn('image')
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('empty-text')
-  }, "\u0414\u0430\u043D\u043D\u044B\u0445 \u043D\u0435\u0442"));
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    className: cn([className])
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    ref: rootRef
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('header')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('title')
-  }, title), !!downloadLink && /*#__PURE__*/React.createElement(_uiCore.Button, {
-    className: cn('button'),
-    theme: "green",
-    type: "text",
-    href: downloadLink,
-    download: true,
-    icon: /*#__PURE__*/React.createElement(DownloadIcon, null),
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.downloadButton
-    }
-  }, "\u0421\u043A\u0430\u0447\u0430\u0442\u044C")), showChart ? renderChart() : emptyContent);
-};
-var _default = exports["default"] = Chart;

package/dist/lib/components/Charts/Chart/components/_ChartBar/ChartBar.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-chart-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mfui-lkvas-chart-bar__chart{cursor:pointer;height:230px;width:100%}

package/dist/lib/components/Charts/Chart/components/_ChartBar/ChartBar.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { IChart, IScalesColors } from '../../types';
-import './ChartBar.scss';
-interface IChartBar extends Pick<IChart, 'datasets' | 'labels' | 'hideLegend' | 'scales'> {
-    type: 'bar';
-    scalesColors: IScalesColors;
-}
-declare const ChartBar: React.FC<IChartBar>;
-export default ChartBar;

package/dist/lib/components/Charts/Chart/components/_ChartBar/ChartBar.js

@@ -1,119 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.array.reduce.js");
-require("core-js/modules/es.object.to-string.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _ChartBase = _interopRequireDefault(require("../_ChartBase/ChartBase"));
-var _ChartLegend = _interopRequireDefault(require("../_ChartLegend/ChartLegend"));
-var _chartColors = require("../chartColors");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-chart-bar');
-var ChartBar = function ChartBar(_ref) {
-  var type = _ref.type,
-    datasets = _ref.datasets,
-    labels = _ref.labels,
-    _ref$scales = _ref.scales,
-    _ref$scales2 = _ref$scales === void 0 ? {} : _ref$scales,
-    _ref$scales2$skipTick = _ref$scales2.skipTicksX,
-    skipTicksX = _ref$scales2$skipTick === void 0 ? 1 : _ref$scales2$skipTick,
-    _ref$scales2$skipTick2 = _ref$scales2.skipTicksY,
-    skipTicksY = _ref$scales2$skipTick2 === void 0 ? 1 : _ref$scales2$skipTick2,
-    _ref$hideLegend = _ref.hideLegend,
-    hideLegend = _ref$hideLegend === void 0 ? false : _ref$hideLegend,
-    _ref$scalesColors = _ref.scalesColors,
-    _ref$scalesColors$tic = _ref$scalesColors.ticksColor,
-    ticksColor = _ref$scalesColors$tic === void 0 ? _chartColors.SCALES_COLORS.ticks : _ref$scalesColors$tic,
-    _ref$scalesColors$sca = _ref$scalesColors.scaleColor,
-    scaleColor = _ref$scalesColors$sca === void 0 ? _chartColors.SCALES_COLORS.scale : _ref$scalesColors$sca;
-  var chartData = {
-    labels: labels,
-    datasets: datasets.map(function (dataset, index) {
-      var _a, _b;
-      return (0, _extends2["default"])((0, _extends2["default"])({}, dataset), {
-        backgroundColor: (_a = _chartColors.CHART_BAR_COLORS[index]) === null || _a === void 0 ? void 0 : _a.main,
-        hoverBackgroundColor: (_b = _chartColors.CHART_BAR_COLORS[index]) === null || _b === void 0 ? void 0 : _b.hover,
-        categoryPercentage: 0.5,
-        pointBorderColor: _chartColors.POINT_BORDER_COLOR
-      });
-    })
-  };
-  var chartOptions = {
-    responsive: true,
-    maintainAspectRatio: false,
-    scales: {
-      y: {
-        display: true,
-        beginAtZero: true,
-        type: 'linear',
-        position: 'left',
-        grid: {
-          color: scaleColor
-        },
-        border: {
-          color: scaleColor
-        },
-        ticks: {
-          autoSkip: true,
-          maxRotation: 0,
-          color: ticksColor,
-          callback: function callback(value, index) {
-            return index % skipTicksY === 0 ? value : '';
-          }
-        }
-      },
-      x: {
-        grid: {
-          display: false
-        },
-        border: {
-          color: scaleColor
-        },
-        ticks: {
-          autoSkip: true,
-          maxRotation: 0,
-          color: ticksColor,
-          callback: function callback(_value, index) {
-            return index % skipTicksX === 0 ? labels[index] : '';
-          }
-        }
-      }
-    }
-  };
-  var legendItems = datasets.map(function (_ref2, index) {
-    var _ref2$label = _ref2.label,
-      label = _ref2$label === void 0 ? '' : _ref2$label,
-      data = _ref2.data,
-      unit = _ref2.unit;
-    var _a;
-    var sumValue = data.reduce(function (sum, current) {
-      return sum + current;
-    }, 0);
-    return {
-      title: label,
-      value: unit ? sumValue + unit : sumValue,
-      color: (_a = _chartColors.CHART_BAR_COLORS[index]) === null || _a === void 0 ? void 0 : _a.main
-    };
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn()
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('chart')
-  }, /*#__PURE__*/React.createElement(_ChartBase["default"], {
-    type: type,
-    data: chartData,
-    options: chartOptions
-  })), !hideLegend && /*#__PURE__*/React.createElement(_ChartLegend["default"], {
-    items: legendItems
-  }));
-};
-var _default = exports["default"] = ChartBar;

package/dist/lib/components/Charts/Chart/components/_ChartBase/ChartBase.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { ChartOptions, ChartData, ChartType, UpdateMode } from 'chart.js';
-export interface IChartBase {
-    data: ChartData;
-    options: ChartOptions;
-    type: ChartType;
-    updateMode?: UpdateMode;
-    height?: number;
-    width?: number;
-}
-declare const ChartBase: React.FC<IChartBase>;
-export default ChartBase;

package/dist/lib/components/Charts/Chart/components/_ChartBase/ChartBase.js

@@ -1,51 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _chart = require("chart.js");
-var _helpers = _interopRequireDefault(require("./helpers"));
-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 _getRequireWildcardCache(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; }
-_chart.Chart.register(_chart.ArcElement, _chart.BarController, _chart.BarElement, _chart.CategoryScale, _chart.DoughnutController, _chart.LinearScale, _chart.LineController, _chart.LineElement, _chart.PointElement, _chart.Tooltip);
-(0, _helpers["default"])();
-var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-chart-base');
-var ChartBase = function ChartBase(_ref) {
-  var data = _ref.data,
-    options = _ref.options,
-    type = _ref.type,
-    updateMode = _ref.updateMode,
-    height = _ref.height,
-    width = _ref.width;
-  var chartInstance = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    if (chartInstance.current) {
-      chartInstance.current.data = data;
-      chartInstance.current.options = options;
-      chartInstance.current.update(updateMode);
-    }
-  }, [data, options, updateMode]);
-  var nodeRef = (0, _react.useCallback)(function (node) {
-    var _a;
-    (_a = chartInstance.current) === null || _a === void 0 ? void 0 : _a.destroy();
-    if (node) {
-      chartInstance.current = new _chart.Chart(node, {
-        type: type,
-        data: data,
-        options: options
-      });
-    }
-  }, [data, options, type]);
-  return /*#__PURE__*/_react["default"].createElement("canvas", {
-    className: cn(),
-    ref: nodeRef,
-    height: height,
-    width: width
-  });
-};
-var _default = exports["default"] = ChartBase;

package/dist/lib/components/Charts/Chart/components/_ChartBase/helpers.d.ts

@@ -1,2 +0,0 @@
-declare const setChartDefaultSettings: () => void;
-export default setChartDefaultSettings;

package/dist/lib/components/Charts/Chart/components/_ChartBase/helpers.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _chart = require("chart.js");
-var _chartColors = require("../chartColors");
-var FONT_FAMILY = 'Graphik, Arial, sans-serif';
-var setChartDefaultSettings = function setChartDefaultSettings() {
-  _chart.Chart.defaults.responsive = true;
-  _chart.Chart.defaults.font.family = FONT_FAMILY;
-  _chart.Chart.defaults.scales.category.ticks.autoSkip = true;
-  _chart.Chart.defaults.scales.category.ticks.maxRotation = 0;
-  _chart.Chart.defaults.scales.category.ticks.font = {
-    size: 12
-  };
-  _chart.Chart.defaults.scales.linear.type = 'linear';
-  _chart.Chart.defaults.scales.linear.position = 'left';
-  _chart.Chart.defaults.scales.linear.beginAtZero = true;
-  _chart.Chart.defaults.scales.linear.ticks.autoSkip = true;
-  _chart.Chart.defaults.scales.linear.ticks.maxRotation = 0;
-  _chart.Chart.defaults.scales.linear.ticks.font = {
-    size: 12
-  };
-  _chart.Chart.defaults.plugins.tooltip.enabled = true;
-  _chart.Chart.defaults.plugins.tooltip.backgroundColor = _chartColors.TOOLTIP_COLORS.background;
-  _chart.Chart.defaults.plugins.tooltip.titleColor = _chartColors.TOOLTIP_COLORS.titleColor;
-  _chart.Chart.defaults.plugins.tooltip.titleFont = {
-    weight: '400'
-  };
-  _chart.Chart.defaults.plugins.tooltip.bodyFont = {
-    weight: '500'
-  };
-  _chart.Chart.defaults.plugins.tooltip.bodyAlign = 'left';
-  _chart.Chart.defaults.plugins.tooltip.padding = {
-    top: 8,
-    left: 12,
-    bottom: 6,
-    right: 12
-  };
-  _chart.Chart.defaults.plugins.tooltip.cornerRadius = 8;
-  _chart.Chart.defaults.plugins.tooltip.displayColors = true;
-  _chart.Chart.defaults.plugins.tooltip.boxWidth = 8;
-  _chart.Chart.defaults.plugins.tooltip.boxHeight = 8;
-  _chart.Chart.defaults.plugins.tooltip.boxPadding = 4;
-  _chart.Chart.defaults.plugins.tooltip.usePointStyle = true;
-  _chart.Chart.defaults.plugins.tooltip.callbacks.labelPointStyle = function () {
-    return {
-      pointStyle: 'circle',
-      rotation: 0
-    };
-  };
-};
-var _default = exports["default"] = setChartDefaultSettings;

package/dist/lib/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-chart-doughnut{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mfui-lkvas-chart-doughnut__chart{margin:-4px;pointer-events:none}

package/dist/lib/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { IChart } from '../../types';
-import './ChartDoughnut.scss';
-interface IChartDoughnut extends Pick<IChart, 'datasets' | 'labels' | 'hideLegend'> {
-    type: 'doughnut';
-    bgColor?: string;
-}
-declare const ChartDoughnut: React.FC<IChartDoughnut>;
-export default ChartDoughnut;

package/dist/lib/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.js

@@ -1,74 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-require("core-js/modules/es.array.map.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _ChartBase = _interopRequireDefault(require("../_ChartBase/ChartBase"));
-var _ChartLegend = _interopRequireDefault(require("../_ChartLegend/ChartLegend"));
-var _chartColors = _interopRequireWildcard(require("../chartColors"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var DOUGHNUT_SIZE = 220;
-var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-chart-doughnut');
-var ChartDoughnut = function ChartDoughnut(_ref) {
-  var type = _ref.type,
-    datasets = _ref.datasets,
-    labels = _ref.labels,
-    _ref$hideLegend = _ref.hideLegend,
-    hideLegend = _ref$hideLegend === void 0 ? false : _ref$hideLegend,
-    _ref$bgColor = _ref.bgColor,
-    bgColor = _ref$bgColor === void 0 ? _chartColors.DOUGHNUT_BORDER_COLOR : _ref$bgColor;
-  var _datasets = (0, _slicedToArray2["default"])(datasets, 1),
-    _datasets$ = _datasets[0],
-    data = _datasets$.data,
-    unit = _datasets$.unit;
-  var legendItems = data.map(function (value, index) {
-    return {
-      title: labels[index],
-      value: unit ? value + unit : value,
-      color: _chartColors["default"][index]
-    };
-  });
-  var chartData = {
-    labels: labels,
-    datasets: datasets.map(function (dataset) {
-      return (0, _extends2["default"])((0, _extends2["default"])({}, dataset), {
-        backgroundColor: _chartColors["default"],
-        borderColor: bgColor,
-        borderWidth: 4
-      });
-    })
-  };
-  var chartOptions = {
-    events: [],
-    responsive: false,
-    cutout: 70,
-    plugins: {
-      tooltip: {
-        enabled: false
-      }
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn()
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('chart')
-  }, /*#__PURE__*/React.createElement(_ChartBase["default"], {
-    type: type,
-    data: chartData,
-    options: chartOptions,
-    height: DOUGHNUT_SIZE,
-    width: DOUGHNUT_SIZE
-  })), !hideLegend && /*#__PURE__*/React.createElement(_ChartLegend["default"], {
-    items: legendItems
-  }));
-};
-var _default = exports["default"] = ChartDoughnut;

package/dist/lib/components/Charts/Chart/components/_ChartLegend/ChartLegend.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-chart-legend{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;border:1px solid var(--spbSky1);border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-evenly;padding:12px;width:100%}.mfui-lkvas-chart-legend,.mfui-lkvas-chart-legend__item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.mfui-lkvas-chart-legend__item-point{-ms-flex-negative:0;border-radius:50%;flex-shrink:0;height:12px;margin-top:6px;width:12px}.mfui-lkvas-chart-legend__item-title{display:block;font-size:15px;font-weight:400;line-height:24px}.mfui-lkvas-chart-legend__item-value{display:block;font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-lkvas-chart-legend__item-value{font-size:20px;line-height:28px}}

package/dist/lib/components/Charts/Chart/components/_ChartLegend/ChartLegend.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import './ChartLegend.scss';
-export type ChartLegendItemType = {
-    title: string;
-    value: number | string;
-    color: string;
-};
-export interface IChartLegend {
-    items: ChartLegendItemType[];
-}
-declare const ChartLegend: React.FC<IChartLegend>;
-export default ChartLegend;

package/dist/lib/components/Charts/Chart/components/_ChartLegend/ChartLegend.js

@@ -1,37 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-require("core-js/modules/es.array.map.js");
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-chart-legend');
-var ChartLegend = function ChartLegend(_ref) {
-  var items = _ref.items;
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn()
-  }, items.map(function (_ref2, index) {
-    var title = _ref2.title,
-      value = _ref2.value,
-      color = _ref2.color;
-    return /*#__PURE__*/React.createElement("div", {
-      key: title + index,
-      className: cn('item')
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cn('item-point'),
-      style: {
-        backgroundColor: color
-      }
-    }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-      className: cn('item-title')
-    }, title), !!value && /*#__PURE__*/React.createElement("span", {
-      className: cn('item-value')
-    }, value)));
-  }));
-};
-var _default = exports["default"] = ChartLegend;

package/dist/lib/components/Charts/Chart/components/_ChartLine/ChartLine.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-chart-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.mfui-lkvas-chart-line__chart{cursor:pointer;height:230px;width:100%}