@megafon/ui-lk-vas 0.10.8 → 0.10.9

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

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

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

@@ -1,121 +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 = _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 cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-chart-line');
-var ChartLine = function ChartLine(_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) {
-      return (0, _extends2["default"])((0, _extends2["default"])({}, dataset), {
-        backgroundColor: _chartColors["default"][index],
-        borderColor: _chartColors["default"][index],
-        borderWidth: 2,
-        tension: 0,
-        pointRadius: 0,
-        hitRadius: 5,
-        hoverRadius: 0,
-        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: {
-          color: ticksColor,
-          autoSkip: true,
-          maxRotation: 0,
-          callback: function callback(value, index) {
-            return index % skipTicksY === 0 ? value : '';
-          }
-        }
-      },
-      x: {
-        grid: {
-          color: scaleColor
-        },
-        border: {
-          color: scaleColor
-        },
-        ticks: {
-          color: ticksColor,
-          autoSkip: true,
-          maxRotation: 0,
-          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 sumValue = data.reduce(function (sum, current) {
-      return sum + current;
-    }, 0);
-    return {
-      title: label,
-      value: unit ? sumValue + unit : sumValue,
-      color: _chartColors["default"][index]
-    };
-  });
-  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"] = ChartLine;

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

@@ -1,16 +0,0 @@
-declare const CHART_COLORS: string[];
-export declare const CHART_BAR_COLORS: {
-    main: string;
-    hover: string;
-}[];
-export declare const POINT_BORDER_COLOR = "rgba(255, 255, 255, 0.5)";
-export declare const DOUGHNUT_BORDER_COLOR = "rgba(255, 255, 255, 0.1)";
-export declare const TOOLTIP_COLORS: {
-    background: string;
-    titleColor: string;
-};
-export declare const SCALES_COLORS: {
-    ticks: string;
-    scale: string;
-};
-export default CHART_COLORS;

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

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.TOOLTIP_COLORS = exports.SCALES_COLORS = exports.POINT_BORDER_COLOR = exports.DOUGHNUT_BORDER_COLOR = exports.CHART_BAR_COLORS = void 0;
-var CHART_COLORS = ['#00B956',
-// brandGreen
-'#731982',
-// brandPurple
-'#3CB9FF',
-// sky
-'#AA5AFF',
-// berry
-'#1E64AA',
-// night
-'#E64DE6',
-// flamingo
-'#AA67C1',
-// brandPurple80
-'#999999' // spbSky3
-];
-var CHART_BAR_COLORS = exports.CHART_BAR_COLORS = [{
-  main: '#3CB9FF',
-  // sky
-  hover: '#63C7FF' // sky80
-}, {
-  main: '#AA5AFF',
-  // berry
-  hover: '#BB7BFF' // berry80
-}, {
-  main: '#E64DE6',
-  // flamingo
-  hover: '#EB70EB' // flamingo80
-}];
-var POINT_BORDER_COLOR = exports.POINT_BORDER_COLOR = 'rgba(255, 255, 255, 0.5)';
-var DOUGHNUT_BORDER_COLOR = exports.DOUGHNUT_BORDER_COLOR = 'rgba(255, 255, 255, 0.1)';
-var TOOLTIP_COLORS = exports.TOOLTIP_COLORS = {
-  background: '#1E64AA',
-  // night
-  titleColor: '#D2E0EE' // night20
-};
-var SCALES_COLORS = exports.SCALES_COLORS = {
-  ticks: '#999999',
-  // spbSky3
-  scale: '#999999' // spbSky3
-};
-var _default = exports["default"] = CHART_COLORS;

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

@@ -1,40 +0,0 @@
-import { ChartTypeRegistry } from 'chart.js';
-export interface IChart {
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Тип диаграммы */
-    type: keyof Pick<ChartTypeRegistry, 'doughnut' | 'line' | 'bar'>;
-    /** Заголовок */
-    title: string;
-    /** Данные для построения графика */
-    datasets: {
-        /** Название набора данных */
-        label?: string;
-        /** Значение (по оси Y) */
-        data: number[];
-        /** единицы измерения */
-        unit?: string;
-    }[];
-    /** Метки (по оси X) */
-    labels: string[];
-    /** Параметры шкалы измерений */
-    scales?: {
-        /** пропуски подписей значений по шкале Х */
-        skipTicksX?: 1 | 2 | 3 | 4 | 5;
-        /** пропуски подписей значений по шкале Y */
-        skipTicksY?: 1 | 2 | 3 | 4 | 5;
-    };
-    /** Ссылка для скачивания */
-    downloadLink?: string;
-    /** Отключить легенду */
-    hideLegend?: boolean;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        downloadButton?: Record<string, string>;
-    };
-}
-export interface IScalesColors {
-    ticksColor?: string;
-    scaleColor?: string;
-}

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

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/lib/components/Header/Header.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-header{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;position:relative;z-index:100;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--base);-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:400;height:72px;padding:0 32px}

package/dist/lib/components/Header/Header.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import { AccountType } from './components/_HeaderAccount/HeaderAccount';
-import { FavoritesType } from './components/_HeaderFavorites/HeaderFavorites';
-import { FinanceType } from './components/_HeaderFinance/HeaderFinance';
-import { LkSelectType } from './components/_HeaderLkSelect/HeaderLkSelect';
-import { LogoType } from './components/_HeaderLogo/HeaderLogo';
-import { SupportType } from './components/_HeaderSupport/HeaderSupport';
-import './Header.scss';
-export interface IHeaderProps {
-    /** Виджет логотипа */
-    logo?: LogoType;
-    /** Виджет выбора личного кабинета */
-    lkSelect: LkSelectType;
-    /** Виджет баланса и бонусов */
-    finance?: FinanceType;
-    /** Виджет поддержки */
-    support?: SupportType;
-    /** Виджет избранных действий */
-    favorites?: FavoritesType;
-    /** Виджет аккаунта */
-    account: AccountType;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        logo?: Record<string, string>;
-        lkSelect?: Record<string, string>;
-        finance?: Record<string, string>;
-        support?: Record<string, string>;
-        favorites?: Record<string, string>;
-        account?: Record<string, string>;
-    };
-}
-declare const Header: React.FC<IHeaderProps>;
-export default Header;

package/dist/lib/components/Header/Header.js

@@ -1,57 +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 React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-var _HeaderAccount = _interopRequireDefault(require("./components/_HeaderAccount/HeaderAccount"));
-var _HeaderFavorites = _interopRequireDefault(require("./components/_HeaderFavorites/HeaderFavorites"));
-var _HeaderFinance = _interopRequireDefault(require("./components/_HeaderFinance/HeaderFinance"));
-var _HeaderLkSelect = _interopRequireDefault(require("./components/_HeaderLkSelect/HeaderLkSelect"));
-var _HeaderLogo = _interopRequireDefault(require("./components/_HeaderLogo/HeaderLogo"));
-var _HeaderSupport = _interopRequireDefault(require("./components/_HeaderSupport/HeaderSupport"));
-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-header');
-var Header = function Header(_ref) {
-  var logo = _ref.logo,
-    lkSelect = _ref.lkSelect,
-    finance = _ref.finance,
-    favorites = _ref.favorites,
-    account = _ref.account,
-    support = _ref.support,
-    dataAttrs = _ref.dataAttrs;
-  return /*#__PURE__*/React.createElement("header", {
-    className: cn()
-  }, /*#__PURE__*/React.createElement(_HeaderLogo["default"], (0, _extends2["default"])({}, logo, {
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.logo
-    }
-  })), /*#__PURE__*/React.createElement(_HeaderLkSelect["default"], (0, _extends2["default"])({}, lkSelect, {
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.lkSelect
-    }
-  })), !!finance && /*#__PURE__*/React.createElement(_HeaderFinance["default"], (0, _extends2["default"])({}, finance, {
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.finance
-    }
-  })), !!support && /*#__PURE__*/React.createElement(_HeaderSupport["default"], (0, _extends2["default"])({}, support, {
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.support
-    }
-  })), !!favorites && /*#__PURE__*/React.createElement(_HeaderFavorites["default"], (0, _extends2["default"])({}, favorites, {
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.favorites
-    }
-  })), /*#__PURE__*/React.createElement(_HeaderAccount["default"], (0, _extends2["default"])({}, account, {
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.account
-    }
-  })));
-};
-var _default = exports["default"] = Header;

package/dist/lib/components/Header/components/_HeaderAccount/HeaderAccount.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-account{max-width:256px;min-width:130px}

package/dist/lib/components/Header/components/_HeaderAccount/HeaderAccount.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { ItemType } from '../../../_DropdownItem/DropdownItem';
-import './HeaderAccount.scss';
-export type AccountType = {
-    /** Заголовок */
-    title: string;
-    /** Подзаголовок */
-    subtitle: string;
-    /** Элементы основного списка */
-    items: ItemType[];
-    /** Элементы списка действий */
-    actions: ItemType[];
-};
-export interface IHeaderAccountProps extends AccountType {
-    className?: string;
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-}
-declare const HeaderAccount: React.FC<IHeaderAccountProps>;
-export default HeaderAccount;

package/dist/lib/components/Header/components/_HeaderAccount/HeaderAccount.js

@@ -1,52 +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 _uiHelpers = require("@megafon/ui-helpers");
-var _Dropdown = _interopRequireDefault(require("../../../_Dropdown/Dropdown"));
-var _DropdownItem = _interopRequireDefault(require("../../../_DropdownItem/DropdownItem"));
-var _HeaderButton = _interopRequireDefault(require("../_HeaderButton/HeaderButton"));
-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-account');
-var HeaderAccount = function HeaderAccount(_ref) {
-  var dataAttrs = _ref.dataAttrs,
-    className = _ref.className,
-    title = _ref.title,
-    subtitle = _ref.subtitle,
-    items = _ref.items,
-    actions = _ref.actions;
-  var renderTrigger = function renderTrigger(isOpened) {
-    return /*#__PURE__*/React.createElement(_HeaderButton["default"], {
-      title: title,
-      subtitle: subtitle,
-      icon: "profile",
-      color: "green-soft",
-      isOpened: isOpened
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn([className])
-  }), /*#__PURE__*/React.createElement(_Dropdown["default"], {
-    className: cn('dropdown'),
-    renderTrigger: renderTrigger
-  }, items.map(function (item) {
-    return /*#__PURE__*/React.createElement(_DropdownItem["default"], (0, _extends2["default"])({}, item, {
-      key: item.id + item.title
-    }));
-  }), actions.map(function (action, i) {
-    return /*#__PURE__*/React.createElement(_DropdownItem["default"], (0, _extends2["default"])({}, action, {
-      hasTopBorder: i === 0,
-      key: action.id + action.title,
-      color: "red"
-    }));
-  })));
-};
-var _default = exports["default"] = HeaderAccount;

package/dist/lib/components/Header/components/_HeaderButton/HeaderButton.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:52px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;display:inline-block;font-weight:400;height:40px;max-width:100%;min-width:100%;outline:none;overflow:hidden;padding:0;text-align:left;text-decoration:none;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-lkvas-button_color_green{background-color:var(--brandGreen);color:var(--stcWhite)}@media (pointer:fine){.mfui-lkvas-button_color_green:hover{background-color:var(--buttonHoverGreen)}}.mfui-lkvas-button_color_green:active{background-color:var(--brandGreen)}.mfui-lkvas-button_color_green-soft{background-color:var(--brandGreen20)}@media (pointer:fine){.mfui-lkvas-button_color_green-soft:hover{background-color:var(--buttonHoverGreenSoft)}}.mfui-lkvas-button_color_green-soft:active{background-color:var(--brandGreen20)}.mfui-lkvas-button__inner{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:inherit;padding:0 8px;width:100%}.mfui-lkvas-button__support-svg{-ms-flex-negative:0;flex-shrink:0;height:32px;width:32px;fill:currentColor}.mfui-lkvas-button__profile-svg{-ms-flex-negative:0;flex-shrink:0;height:20px;width:20px;fill:currentColor}.mfui-lkvas-button__text{margin:0 4px 0 8px;overflow:hidden}.mfui-lkvas-button_has-icon .mfui-lkvas-button__text{margin-left:4px}.mfui-lkvas-button__title{font-size:15px;font-weight:500;line-height:18px}.mfui-lkvas-button__subtitle,.mfui-lkvas-button__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfui-lkvas-button__subtitle{font-size:12px;line-height:14px}.mfui-lkvas-button__arrow{-ms-flex-negative:0;background-color:var(--stcWhite);border-radius:50%;flex-shrink:0;height:24px;-webkit-transition:rotate .3s;transition:rotate .3s;width:24px}.mfui-lkvas-button_opened .mfui-lkvas-button__arrow{rotate:-180deg}.mfui-lkvas-button__arrow-svg{height:100%;width:100%;fill:var(--stcBlack)}

package/dist/lib/components/Header/components/_HeaderButton/HeaderButton.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import './HeaderButton.scss';
-export interface IHeaderButtonProps {
-    className?: string;
-    title?: string;
-    subtitle?: string;
-    icon?: 'support' | 'profile';
-    color?: 'green' | 'green-soft';
-    isOpened: boolean;
-    dataAttrs?: {
-        root?: Record<string, string>;
-        supportIcon?: Record<string, string>;
-        profileIcon?: Record<string, string>;
-        text?: Record<string, string>;
-        title?: Record<string, string>;
-        subtitle?: Record<string, string>;
-    };
-}
-declare const HeaderButton: React.FC<IHeaderButtonProps>;
-export default HeaderButton;

package/dist/lib/components/Header/components/_HeaderButton/HeaderButton.js

@@ -1,91 +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 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; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var ProfileIcon = function ProfileIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M5.22 18h9.55L16 13.47A8.28 8.28 0 0010 11a8.302 8.302 0 00-6 2.5L5.22 18zM14 6a4 4 0 10-8 0 4 4 0 008 0z"
-  }));
-};
-var SupportIcon = function SupportIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M26.71 11.65h-1.53A8.43 8.43 0 0016.76 4h-1.52A8.18 8.18 0 007 11.65H5.29A3.22 3.22 0 002 14.94V18a3.19 3.19 0 003.29 3.29H9v-8.64A7.56 7.56 0 019.19 11 19.33 19.33 0 0019 13.65h4.24L23 21.82c0 1.87-.56 3.84-2.06 4.12A3.5 3.5 0 0017.5 23h-2a3.5 3.5 0 000 7h2a3.5 3.5 0 003.15-2c2.64 0 4.35-2.45 4.35-6.15v-.56h1.69A3.19 3.19 0 0030 18v-3.06a3.22 3.22 0 00-3.29-3.29zM7 19.29H5.29A1.3 1.3 0 014 18v-3.06a1.3 1.3 0 011.29-1.29H7zm12-7.65a17.31 17.31 0 01-9.09-2.55A6 6 0 0115.24 6h1.53a6.44 6.44 0 016.4 5.65zM17.5 28h-2a1.5 1.5 0 010-3h2a1.5 1.5 0 010 3zM28 18a1.3 1.3 0 01-1.29 1.29h-1.64l.14-5.65h1.5a1.3 1.3 0 011.29 1.3z"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: 12.5,
-    cy: 16.5,
-    r: 1.5
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: 19.5,
-    cy: 16.5,
-    r: 1.5
-  }));
-};
-var ArrowIcon = function ArrowIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M6 8h8l-4 5z",
-    fillRule: "evenodd",
-    clipRule: "evenodd"
-  }));
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-button');
-var HeaderButton = function HeaderButton(_ref) {
-  var className = _ref.className,
-    title = _ref.title,
-    subtitle = _ref.subtitle,
-    icon = _ref.icon,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'green' : _ref$color,
-    isOpened = _ref.isOpened,
-    dataAttrs = _ref.dataAttrs;
-  var showText = !!title || !!subtitle;
-  var renderIcon = function renderIcon() {
-    switch (icon) {
-      case 'support':
-        return /*#__PURE__*/React.createElement(SupportIcon, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.supportIcon), {
-          className: cn('support-svg')
-        }));
-      case 'profile':
-        return /*#__PURE__*/React.createElement(ProfileIcon, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.profileIcon), {
-          className: cn('profile-svg')
-        }));
-      default:
-        return null;
-    }
-  };
-  return /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      color: color,
-      opened: isOpened,
-      'has-icon': !!icon
-    }, [className]),
-    type: "button"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('inner')
-  }, renderIcon(), showText && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.text), {
-    className: cn('text')
-  }), !!title && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title), {
-    className: cn('title')
-  }), title), !!subtitle && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.subtitle), {
-    className: cn('subtitle')
-  }), subtitle)), /*#__PURE__*/React.createElement("div", {
-    className: cn('arrow')
-  }, /*#__PURE__*/React.createElement(ArrowIcon, {
-    className: cn('arrow-svg')
-  }))));
-};
-var _default = exports["default"] = HeaderButton;

package/dist/lib/components/Header/components/_HeaderFavorites/HeaderFavorites.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-favorites{max-width:256px;min-width:100px}

package/dist/lib/components/Header/components/_HeaderFavorites/HeaderFavorites.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { ItemType } from '../../../_DropdownItem/DropdownItem';
-import './HeaderFavorites.scss';
-export type FavoritesType = {
-    /** Заголовок */
-    title: string;
-    /** Элементы основного списка */
-    items: ItemType[];
-    /** Элементы списка действий */
-    actions: ItemType[];
-};
-export interface IHeaderFavoritesProps extends FavoritesType {
-    className?: string;
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-}
-declare const HeaderFavorites: React.FC<IHeaderFavoritesProps>;
-export default HeaderFavorites;

package/dist/lib/components/Header/components/_HeaderFavorites/HeaderFavorites.js

@@ -1,49 +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 _uiHelpers = require("@megafon/ui-helpers");
-var _Dropdown = _interopRequireDefault(require("../../../_Dropdown/Dropdown"));
-var _DropdownItem = _interopRequireDefault(require("../../../_DropdownItem/DropdownItem"));
-var _HeaderButton = _interopRequireDefault(require("../_HeaderButton/HeaderButton"));
-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-favorites');
-var HeaderFavorites = function HeaderFavorites(_ref) {
-  var dataAttrs = _ref.dataAttrs,
-    className = _ref.className,
-    title = _ref.title,
-    items = _ref.items,
-    actions = _ref.actions;
-  var renderTrigger = function renderTrigger(isOpened) {
-    return /*#__PURE__*/React.createElement(_HeaderButton["default"], {
-      title: title,
-      color: "green",
-      isOpened: isOpened
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn([className])
-  }), /*#__PURE__*/React.createElement(_Dropdown["default"], {
-    className: cn('dropdown'),
-    renderTrigger: renderTrigger
-  }, items.map(function (item) {
-    return /*#__PURE__*/React.createElement(_DropdownItem["default"], (0, _extends2["default"])({}, item, {
-      key: item.id + item.title
-    }));
-  }), actions.map(function (action, i) {
-    return /*#__PURE__*/React.createElement(_DropdownItem["default"], (0, _extends2["default"])({}, action, {
-      color: "green",
-      hasTopBorder: i === 0,
-      key: action.id + action.title
-    }));
-  })));
-};
-var _default = exports["default"] = HeaderFavorites;

package/dist/lib/components/Header/components/_HeaderFinance/HeaderFinance.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-finance{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.mfui-lkvas-finance__item{white-space:nowrap}.mfui-lkvas-finance__value{font-weight:500}

package/dist/lib/components/Header/components/_HeaderFinance/HeaderFinance.d.ts

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import './HeaderFinance.scss';
-export type FinanceType = {
-    /** Баланс */
-    balance?: {
-        /** Заголовок */
-        title: string;
-        /** Значение */
-        value: string;
-    };
-    /** Бонусы */
-    bonuses?: {
-        /** Заголовок */
-        title: string;
-        /** Значение */
-        value: string;
-    };
-};
-export interface IHeaderFinanceProps extends FinanceType {
-    className?: string;
-    dataAttrs?: {
-        root?: Record<string, string>;
-        balance?: Record<string, string>;
-        bonuses?: Record<string, string>;
-    };
-}
-declare const HeaderFinance: React.FC<IHeaderFinanceProps>;
-export default HeaderFinance;