@megafon/ui-lk-vas 0.10.8 → 0.10.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +5 -5
- package/dist/es/components/BottomBar/BottomBar.css +0 -1
- package/dist/es/components/BottomBar/BottomBar.d.ts +0 -28
- package/dist/es/components/BottomBar/BottomBar.js +0 -48
- package/dist/es/components/Cards/CardBig/CardBig.css +0 -1
- package/dist/es/components/Cards/CardBig/CardBig.d.ts +0 -13
- package/dist/es/components/Cards/CardBig/CardBig.js +0 -31
- package/dist/es/components/Cards/CardSmall/CardSmall.css +0 -1
- package/dist/es/components/Cards/CardSmall/CardSmall.d.ts +0 -36
- package/dist/es/components/Cards/CardSmall/CardSmall.js +0 -68
- package/dist/es/components/Cards/components/_CardCell/CardCell.css +0 -1
- package/dist/es/components/Cards/components/_CardCell/CardCell.d.ts +0 -41
- package/dist/es/components/Cards/components/_CardCell/CardCell.js +0 -110
- package/dist/es/components/Charts/Chart/Chart.css +0 -1
- package/dist/es/components/Charts/Chart/Chart.d.ts +0 -5
- package/dist/es/components/Charts/Chart/Chart.js +0 -104
- package/dist/es/components/Charts/Chart/components/_ChartBar/ChartBar.css +0 -1
- package/dist/es/components/Charts/Chart/components/_ChartBar/ChartBar.d.ts +0 -9
- package/dist/es/components/Charts/Chart/components/_ChartBar/ChartBar.js +0 -110
- package/dist/es/components/Charts/Chart/components/_ChartBase/ChartBase.d.ts +0 -12
- package/dist/es/components/Charts/Chart/components/_ChartBase/ChartBase.js +0 -41
- package/dist/es/components/Charts/Chart/components/_ChartBase/helpers.d.ts +0 -2
- package/dist/es/components/Charts/Chart/components/_ChartBase/helpers.js +0 -49
- package/dist/es/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.css +0 -1
- package/dist/es/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.d.ts +0 -9
- package/dist/es/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.js +0 -65
- package/dist/es/components/Charts/Chart/components/_ChartLegend/ChartLegend.css +0 -1
- package/dist/es/components/Charts/Chart/components/_ChartLegend/ChartLegend.d.ts +0 -12
- package/dist/es/components/Charts/Chart/components/_ChartLegend/ChartLegend.js +0 -29
- package/dist/es/components/Charts/Chart/components/_ChartLine/ChartLine.css +0 -1
- package/dist/es/components/Charts/Chart/components/_ChartLine/ChartLine.d.ts +0 -9
- package/dist/es/components/Charts/Chart/components/_ChartLine/ChartLine.js +0 -112
- package/dist/es/components/Charts/Chart/components/chartColors.d.ts +0 -16
- package/dist/es/components/Charts/Chart/components/chartColors.js +0 -42
- package/dist/es/components/Charts/Chart/img/chart.png +0 -0
- package/dist/es/components/Charts/Chart/types.d.ts +0 -40
- package/dist/es/components/Charts/Chart/types.js +0 -1
- package/dist/es/components/Header/Header.css +0 -1
- package/dist/es/components/Header/Header.d.ts +0 -33
- package/dist/es/components/Header/Header.js +0 -48
- package/dist/es/components/Header/components/_HeaderAccount/HeaderAccount.css +0 -1
- package/dist/es/components/Header/components/_HeaderAccount/HeaderAccount.d.ts +0 -21
- package/dist/es/components/Header/components/_HeaderAccount/HeaderAccount.js +0 -43
- package/dist/es/components/Header/components/_HeaderButton/HeaderButton.css +0 -1
- package/dist/es/components/Header/components/_HeaderButton/HeaderButton.d.ts +0 -20
- package/dist/es/components/Header/components/_HeaderButton/HeaderButton.js +0 -82
- package/dist/es/components/Header/components/_HeaderFavorites/HeaderFavorites.css +0 -1
- package/dist/es/components/Header/components/_HeaderFavorites/HeaderFavorites.d.ts +0 -19
- package/dist/es/components/Header/components/_HeaderFavorites/HeaderFavorites.js +0 -40
- package/dist/es/components/Header/components/_HeaderFinance/HeaderFinance.css +0 -1
- package/dist/es/components/Header/components/_HeaderFinance/HeaderFinance.d.ts +0 -28
- package/dist/es/components/Header/components/_HeaderFinance/HeaderFinance.js +0 -23
- package/dist/es/components/Header/components/_HeaderLkSelect/HeaderLkSelect.css +0 -1
- package/dist/es/components/Header/components/_HeaderLkSelect/HeaderLkSelect.d.ts +0 -19
- package/dist/es/components/Header/components/_HeaderLkSelect/HeaderLkSelect.js +0 -51
- package/dist/es/components/Header/components/_HeaderLogo/HeaderLogo.css +0 -1
- package/dist/es/components/Header/components/_HeaderLogo/HeaderLogo.d.ts +0 -18
- package/dist/es/components/Header/components/_HeaderLogo/HeaderLogo.js +0 -59
- package/dist/es/components/Header/components/_HeaderSupport/HeaderSupport.d.ts +0 -19
- package/dist/es/components/Header/components/_HeaderSupport/HeaderSupport.js +0 -38
- package/dist/es/components/Layout/Layout.css +0 -1
- package/dist/es/components/Layout/Layout.d.ts +0 -10
- package/dist/es/components/Layout/Layout.js +0 -23
- package/dist/es/components/NavBar/NavBar.css +0 -1
- package/dist/es/components/NavBar/NavBar.d.ts +0 -23
- package/dist/es/components/NavBar/NavBar.js +0 -31
- package/dist/es/components/NavBar/components/_NavBarItem/NavBarItem.css +0 -1
- package/dist/es/components/NavBar/components/_NavBarItem/NavBarItem.d.ts +0 -22
- package/dist/es/components/NavBar/components/_NavBarItem/NavBarItem.js +0 -37
- package/dist/es/components/Table/Table.css +0 -1
- package/dist/es/components/Table/Table.d.ts +0 -15
- package/dist/es/components/Table/Table.js +0 -76
- package/dist/es/components/Table/components/TableBody/TableBody.d.ts +0 -11
- package/dist/es/components/Table/components/TableBody/TableBody.js +0 -13
- package/dist/es/components/Table/components/TableHead/TableHead.d.ts +0 -11
- package/dist/es/components/Table/components/TableHead/TableHead.js +0 -13
- package/dist/es/components/Table/components/TableSettings/TableSettings.css +0 -1
- package/dist/es/components/Table/components/TableSettings/TableSettings.d.ts +0 -23
- package/dist/es/components/Table/components/TableSettings/TableSettings.js +0 -50
- package/dist/es/components/Table/components/TableTd/TableTd.css +0 -1
- package/dist/es/components/Table/components/TableTd/TableTd.d.ts +0 -18
- package/dist/es/components/Table/components/TableTd/TableTd.js +0 -26
- package/dist/es/components/Table/components/TableTh/TableTh.css +0 -1
- package/dist/es/components/Table/components/TableTh/TableTh.d.ts +0 -45
- package/dist/es/components/Table/components/TableTh/TableTh.js +0 -81
- package/dist/es/components/Table/components/TableTooltip/TableTooltip.css +0 -1
- package/dist/es/components/Table/components/TableTooltip/TableTooltip.d.ts +0 -27
- package/dist/es/components/Table/components/TableTooltip/TableTooltip.js +0 -38
- package/dist/es/components/Table/components/TableTr/TableTr.css +0 -1
- package/dist/es/components/Table/components/TableTr/TableTr.d.ts +0 -12
- package/dist/es/components/Table/components/TableTr/TableTr.js +0 -14
- package/dist/es/components/Table/contexts/TableContext.d.ts +0 -6
- package/dist/es/components/Table/contexts/TableContext.js +0 -8
- package/dist/es/components/Table/helpers.d.ts +0 -2
- package/dist/es/components/Table/helpers.js +0 -12
- package/dist/es/components/Table/types.d.ts +0 -5
- package/dist/es/components/Table/types.js +0 -1
- package/dist/es/components/_Dropdown/Dropdown.css +0 -1
- package/dist/es/components/_Dropdown/Dropdown.d.ts +0 -12
- package/dist/es/components/_Dropdown/Dropdown.js +0 -54
- package/dist/es/components/_DropdownInfo/DropdownInfo.css +0 -1
- package/dist/es/components/_DropdownInfo/DropdownInfo.d.ts +0 -9
- package/dist/es/components/_DropdownInfo/DropdownInfo.js +0 -22
- package/dist/es/components/_DropdownItem/DropdownItem.css +0 -1
- package/dist/es/components/_DropdownItem/DropdownItem.d.ts +0 -34
- package/dist/es/components/_DropdownItem/DropdownItem.js +0 -39
- package/dist/es/helpers/setRelAttribute.d.ts +0 -3
- package/dist/es/helpers/setRelAttribute.js +0 -9
- package/dist/es/hooks/useCssVariable.d.ts +0 -2
- package/dist/es/hooks/useCssVariable.js +0 -22
- package/dist/es/index.d.ts +0 -33
- package/dist/es/index.js +0 -33
- package/dist/es/styles/constants.css +0 -0
- package/dist/lib/components/BottomBar/BottomBar.css +0 -1
- package/dist/lib/components/BottomBar/BottomBar.d.ts +0 -28
- package/dist/lib/components/BottomBar/BottomBar.js +0 -57
- package/dist/lib/components/Cards/CardBig/CardBig.css +0 -1
- package/dist/lib/components/Cards/CardBig/CardBig.d.ts +0 -13
- package/dist/lib/components/Cards/CardBig/CardBig.js +0 -40
- package/dist/lib/components/Cards/CardSmall/CardSmall.css +0 -1
- package/dist/lib/components/Cards/CardSmall/CardSmall.d.ts +0 -36
- package/dist/lib/components/Cards/CardSmall/CardSmall.js +0 -77
- package/dist/lib/components/Cards/components/_CardCell/CardCell.css +0 -1
- package/dist/lib/components/Cards/components/_CardCell/CardCell.d.ts +0 -41
- package/dist/lib/components/Cards/components/_CardCell/CardCell.js +0 -119
- package/dist/lib/components/Charts/Chart/Chart.css +0 -1
- package/dist/lib/components/Charts/Chart/Chart.d.ts +0 -5
- package/dist/lib/components/Charts/Chart/Chart.js +0 -113
- package/dist/lib/components/Charts/Chart/components/_ChartBar/ChartBar.css +0 -1
- package/dist/lib/components/Charts/Chart/components/_ChartBar/ChartBar.d.ts +0 -9
- package/dist/lib/components/Charts/Chart/components/_ChartBar/ChartBar.js +0 -119
- package/dist/lib/components/Charts/Chart/components/_ChartBase/ChartBase.d.ts +0 -12
- package/dist/lib/components/Charts/Chart/components/_ChartBase/ChartBase.js +0 -51
- package/dist/lib/components/Charts/Chart/components/_ChartBase/helpers.d.ts +0 -2
- package/dist/lib/components/Charts/Chart/components/_ChartBase/helpers.js +0 -55
- package/dist/lib/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.css +0 -1
- package/dist/lib/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.d.ts +0 -9
- package/dist/lib/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.js +0 -74
- package/dist/lib/components/Charts/Chart/components/_ChartLegend/ChartLegend.css +0 -1
- package/dist/lib/components/Charts/Chart/components/_ChartLegend/ChartLegend.d.ts +0 -12
- package/dist/lib/components/Charts/Chart/components/_ChartLegend/ChartLegend.js +0 -37
- package/dist/lib/components/Charts/Chart/components/_ChartLine/ChartLine.css +0 -1
- package/dist/lib/components/Charts/Chart/components/_ChartLine/ChartLine.d.ts +0 -9
- package/dist/lib/components/Charts/Chart/components/_ChartLine/ChartLine.js +0 -121
- package/dist/lib/components/Charts/Chart/components/chartColors.d.ts +0 -16
- package/dist/lib/components/Charts/Chart/components/chartColors.js +0 -48
- package/dist/lib/components/Charts/Chart/img/chart.png +0 -0
- package/dist/lib/components/Charts/Chart/types.d.ts +0 -40
- package/dist/lib/components/Charts/Chart/types.js +0 -5
- package/dist/lib/components/Header/Header.css +0 -1
- package/dist/lib/components/Header/Header.d.ts +0 -33
- package/dist/lib/components/Header/Header.js +0 -57
- package/dist/lib/components/Header/components/_HeaderAccount/HeaderAccount.css +0 -1
- package/dist/lib/components/Header/components/_HeaderAccount/HeaderAccount.d.ts +0 -21
- package/dist/lib/components/Header/components/_HeaderAccount/HeaderAccount.js +0 -52
- package/dist/lib/components/Header/components/_HeaderButton/HeaderButton.css +0 -1
- package/dist/lib/components/Header/components/_HeaderButton/HeaderButton.d.ts +0 -20
- package/dist/lib/components/Header/components/_HeaderButton/HeaderButton.js +0 -91
- package/dist/lib/components/Header/components/_HeaderFavorites/HeaderFavorites.css +0 -1
- package/dist/lib/components/Header/components/_HeaderFavorites/HeaderFavorites.d.ts +0 -19
- package/dist/lib/components/Header/components/_HeaderFavorites/HeaderFavorites.js +0 -49
- package/dist/lib/components/Header/components/_HeaderFinance/HeaderFinance.css +0 -1
- package/dist/lib/components/Header/components/_HeaderFinance/HeaderFinance.d.ts +0 -28
- package/dist/lib/components/Header/components/_HeaderFinance/HeaderFinance.js +0 -32
- package/dist/lib/components/Header/components/_HeaderLkSelect/HeaderLkSelect.css +0 -1
- package/dist/lib/components/Header/components/_HeaderLkSelect/HeaderLkSelect.d.ts +0 -19
- package/dist/lib/components/Header/components/_HeaderLkSelect/HeaderLkSelect.js +0 -60
- package/dist/lib/components/Header/components/_HeaderLogo/HeaderLogo.css +0 -1
- package/dist/lib/components/Header/components/_HeaderLogo/HeaderLogo.d.ts +0 -18
- package/dist/lib/components/Header/components/_HeaderLogo/HeaderLogo.js +0 -68
- package/dist/lib/components/Header/components/_HeaderSupport/HeaderSupport.d.ts +0 -19
- package/dist/lib/components/Header/components/_HeaderSupport/HeaderSupport.js +0 -48
- package/dist/lib/components/Layout/Layout.css +0 -1
- package/dist/lib/components/Layout/Layout.d.ts +0 -10
- package/dist/lib/components/Layout/Layout.js +0 -31
- package/dist/lib/components/NavBar/NavBar.css +0 -1
- package/dist/lib/components/NavBar/NavBar.d.ts +0 -23
- package/dist/lib/components/NavBar/NavBar.js +0 -40
- package/dist/lib/components/NavBar/components/_NavBarItem/NavBarItem.css +0 -1
- package/dist/lib/components/NavBar/components/_NavBarItem/NavBarItem.d.ts +0 -22
- package/dist/lib/components/NavBar/components/_NavBarItem/NavBarItem.js +0 -45
- package/dist/lib/components/Table/Table.css +0 -1
- package/dist/lib/components/Table/Table.d.ts +0 -15
- package/dist/lib/components/Table/Table.js +0 -85
- package/dist/lib/components/Table/components/TableBody/TableBody.d.ts +0 -11
- package/dist/lib/components/Table/components/TableBody/TableBody.js +0 -23
- package/dist/lib/components/Table/components/TableHead/TableHead.d.ts +0 -11
- package/dist/lib/components/Table/components/TableHead/TableHead.js +0 -23
- package/dist/lib/components/Table/components/TableSettings/TableSettings.css +0 -1
- package/dist/lib/components/Table/components/TableSettings/TableSettings.d.ts +0 -23
- package/dist/lib/components/Table/components/TableSettings/TableSettings.js +0 -59
- package/dist/lib/components/Table/components/TableTd/TableTd.css +0 -1
- package/dist/lib/components/Table/components/TableTd/TableTd.d.ts +0 -18
- package/dist/lib/components/Table/components/TableTd/TableTd.js +0 -35
- package/dist/lib/components/Table/components/TableTh/TableTh.css +0 -1
- package/dist/lib/components/Table/components/TableTh/TableTh.d.ts +0 -45
- package/dist/lib/components/Table/components/TableTh/TableTh.js +0 -90
- package/dist/lib/components/Table/components/TableTooltip/TableTooltip.css +0 -1
- package/dist/lib/components/Table/components/TableTooltip/TableTooltip.d.ts +0 -27
- package/dist/lib/components/Table/components/TableTooltip/TableTooltip.js +0 -46
- package/dist/lib/components/Table/components/TableTr/TableTr.css +0 -1
- package/dist/lib/components/Table/components/TableTr/TableTr.d.ts +0 -12
- package/dist/lib/components/Table/components/TableTr/TableTr.js +0 -23
- package/dist/lib/components/Table/contexts/TableContext.d.ts +0 -6
- package/dist/lib/components/Table/contexts/TableContext.js +0 -14
- package/dist/lib/components/Table/helpers.d.ts +0 -2
- package/dist/lib/components/Table/helpers.js +0 -18
- package/dist/lib/components/Table/types.d.ts +0 -5
- package/dist/lib/components/Table/types.js +0 -5
- package/dist/lib/components/_Dropdown/Dropdown.css +0 -1
- package/dist/lib/components/_Dropdown/Dropdown.d.ts +0 -12
- package/dist/lib/components/_Dropdown/Dropdown.js +0 -63
- package/dist/lib/components/_DropdownInfo/DropdownInfo.css +0 -1
- package/dist/lib/components/_DropdownInfo/DropdownInfo.d.ts +0 -9
- package/dist/lib/components/_DropdownInfo/DropdownInfo.js +0 -30
- package/dist/lib/components/_DropdownItem/DropdownItem.css +0 -1
- package/dist/lib/components/_DropdownItem/DropdownItem.d.ts +0 -34
- package/dist/lib/components/_DropdownItem/DropdownItem.js +0 -48
- package/dist/lib/helpers/setRelAttribute.d.ts +0 -3
- package/dist/lib/helpers/setRelAttribute.js +0 -15
- package/dist/lib/hooks/useCssVariable.d.ts +0 -2
- package/dist/lib/hooks/useCssVariable.js +0 -29
- package/dist/lib/index.d.ts +0 -33
- package/dist/lib/index.js +0 -237
- package/dist/lib/styles/constants.css +0 -0
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var React = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _uiHelpers = require("@megafon/ui-helpers");
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
-
var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-finance');
|
|
15
|
-
var HeaderFinance = function HeaderFinance(_ref) {
|
|
16
|
-
var className = _ref.className,
|
|
17
|
-
balance = _ref.balance,
|
|
18
|
-
bonuses = _ref.bonuses,
|
|
19
|
-
dataAttrs = _ref.dataAttrs;
|
|
20
|
-
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
21
|
-
className: cn([className])
|
|
22
|
-
}), !!balance && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.balance), {
|
|
23
|
-
className: cn('item')
|
|
24
|
-
}), balance.title, ": ", /*#__PURE__*/React.createElement("b", {
|
|
25
|
-
className: cn('value')
|
|
26
|
-
}, balance.value)), !!bonuses && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.bonuses), {
|
|
27
|
-
className: cn('item')
|
|
28
|
-
}), bonuses.title, ": ", /*#__PURE__*/React.createElement("b", {
|
|
29
|
-
className: cn('value')
|
|
30
|
-
}, bonuses.value)));
|
|
31
|
-
};
|
|
32
|
-
var _default = exports["default"] = HeaderFinance;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-lk-select{margin-right:auto;position:relative}.mfui-lkvas-lk-select:before{border-left:1px solid var(--spbSky3);content:"";height:20px;left:-8px;position:absolute;top:50%;translate:0 -50%;width:1px}.mfui-lkvas-lk-select__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-weight:500;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}@media (pointer:fine){.mfui-lkvas-lk-select__title:hover{color:var(--brandGreen)}}.mfui-lkvas-lk-select__title:active{color:var(--content)}.mfui-lkvas-lk-select__arrow-svg{-webkit-box-sizing:border-box;box-sizing:border-box;height:20px;-webkit-transition:rotate .3s;transition:rotate .3s;width:20px;fill:currentColor}.mfui-lkvas-lk-select__arrow-svg_opened{rotate:-180deg}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ItemType } from '../../../_DropdownItem/DropdownItem';
|
|
3
|
-
import './HeaderLkSelect.scss';
|
|
4
|
-
export type LkSelectType = {
|
|
5
|
-
/** Заголовок */
|
|
6
|
-
title: string;
|
|
7
|
-
/** Элементы основного списка */
|
|
8
|
-
items: ItemType[];
|
|
9
|
-
/** Элементы списка действий */
|
|
10
|
-
actions: ItemType[];
|
|
11
|
-
};
|
|
12
|
-
export interface IHeaderLkSelectProps extends LkSelectType {
|
|
13
|
-
className?: string;
|
|
14
|
-
dataAttrs?: {
|
|
15
|
-
root?: Record<string, string>;
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
declare const HeaderLkSelect: React.FC<IHeaderLkSelectProps>;
|
|
19
|
-
export default HeaderLkSelect;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
require("core-js/modules/es.array.map.js");
|
|
10
|
-
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _uiHelpers = require("@megafon/ui-helpers");
|
|
12
|
-
var _Dropdown = _interopRequireDefault(require("../../../_Dropdown/Dropdown"));
|
|
13
|
-
var _DropdownItem = _interopRequireDefault(require("../../../_DropdownItem/DropdownItem"));
|
|
14
|
-
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); }
|
|
15
|
-
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; }
|
|
16
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
17
|
-
var ArrowIcon = function ArrowIcon(props) {
|
|
18
|
-
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
19
|
-
viewBox: "0 0 20 20"
|
|
20
|
-
}, props), /*#__PURE__*/React.createElement("path", {
|
|
21
|
-
d: "M6 8h8l-4 5z",
|
|
22
|
-
fillRule: "evenodd",
|
|
23
|
-
clipRule: "evenodd"
|
|
24
|
-
}));
|
|
25
|
-
};
|
|
26
|
-
var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-lk-select');
|
|
27
|
-
var HeaderLkSelect = function HeaderLkSelect(_ref) {
|
|
28
|
-
var dataAttrs = _ref.dataAttrs,
|
|
29
|
-
className = _ref.className,
|
|
30
|
-
title = _ref.title,
|
|
31
|
-
items = _ref.items,
|
|
32
|
-
actions = _ref.actions;
|
|
33
|
-
var renderTrigger = function renderTrigger(isOpened) {
|
|
34
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
35
|
-
className: cn('title')
|
|
36
|
-
}, title, /*#__PURE__*/React.createElement(ArrowIcon, {
|
|
37
|
-
className: cn('arrow-svg', {
|
|
38
|
-
opened: isOpened
|
|
39
|
-
})
|
|
40
|
-
}));
|
|
41
|
-
};
|
|
42
|
-
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
43
|
-
className: cn([className])
|
|
44
|
-
}), /*#__PURE__*/React.createElement(_Dropdown["default"], {
|
|
45
|
-
className: cn('dropdown'),
|
|
46
|
-
position: "left",
|
|
47
|
-
renderTrigger: renderTrigger
|
|
48
|
-
}, items.map(function (item) {
|
|
49
|
-
return /*#__PURE__*/React.createElement(_DropdownItem["default"], (0, _extends2["default"])({}, item, {
|
|
50
|
-
key: item.id + item.title
|
|
51
|
-
}));
|
|
52
|
-
}), actions.map(function (action, i) {
|
|
53
|
-
return /*#__PURE__*/React.createElement(_DropdownItem["default"], (0, _extends2["default"])({}, action, {
|
|
54
|
-
color: "green",
|
|
55
|
-
hasTopBorder: i === 0,
|
|
56
|
-
key: action.id + action.title
|
|
57
|
-
}));
|
|
58
|
-
})));
|
|
59
|
-
};
|
|
60
|
-
var _default = exports["default"] = HeaderLkSelect;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-lk-logo{display:block;-ms-flex-negative:0;flex-shrink:0;height:20px;width:113px}.mfui-lkvas-lk-logo_clickable{cursor:pointer}.mfui-lkvas-lk-logo__svg{display:block;height:100%;width:100%}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import './HeaderLogo.scss';
|
|
3
|
-
export type LogoType = {
|
|
4
|
-
/** Ссылка */
|
|
5
|
-
href?: string;
|
|
6
|
-
/** Обработчик клика */
|
|
7
|
-
onClick?: () => void;
|
|
8
|
-
/** Функция рендера компонента-обертки */
|
|
9
|
-
renderWrapper?: (node: React.ReactNode) => React.ReactNode;
|
|
10
|
-
};
|
|
11
|
-
export interface IHeaderLogoProps extends LogoType {
|
|
12
|
-
className?: string;
|
|
13
|
-
dataAttrs?: {
|
|
14
|
-
root?: Record<string, string>;
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
declare const HeaderLogo: React.FC<IHeaderLogoProps>;
|
|
18
|
-
export default HeaderLogo;
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var React = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _uiHelpers = require("@megafon/ui-helpers");
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
-
var LogoSvg = function LogoSvg(props) {
|
|
15
|
-
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
16
|
-
width: 113,
|
|
17
|
-
height: 20,
|
|
18
|
-
fill: "none"
|
|
19
|
-
}, props), /*#__PURE__*/React.createElement("g", {
|
|
20
|
-
clipPath: "url(#LogoSvg__clip0_694_495)"
|
|
21
|
-
}, /*#__PURE__*/React.createElement("mask", {
|
|
22
|
-
id: "LogoSvg__a",
|
|
23
|
-
style: {
|
|
24
|
-
maskType: 'luminance'
|
|
25
|
-
},
|
|
26
|
-
maskUnits: "userSpaceOnUse",
|
|
27
|
-
x: 0,
|
|
28
|
-
y: 0,
|
|
29
|
-
width: 113,
|
|
30
|
-
height: 20
|
|
31
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
32
|
-
d: "M0 0h113v20H0V0z",
|
|
33
|
-
fill: "#fff"
|
|
34
|
-
})), /*#__PURE__*/React.createElement("g", {
|
|
35
|
-
mask: "url(#LogoSvg__a)",
|
|
36
|
-
fill: "#00B956"
|
|
37
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
38
|
-
d: "M16.746 15.453a1.23 1.23 0 01-.687-.213 1.264 1.264 0 01-.188-1.925 1.236 1.236 0 011.118-.342 1.233 1.233 0 01.903.75 1.263 1.263 0 01-.562 1.582c-.18.097-.38.148-.584.148zm-2.89 0c-.329 0-.644-.132-.876-.367a1.259 1.259 0 010-1.77 1.232 1.232 0 011.752 0 1.258 1.258 0 010 1.77 1.232 1.232 0 01-.876.367zm-2.89 0c-.328 0-.643-.132-.875-.367a1.258 1.258 0 010-1.77 1.232 1.232 0 011.752 0 1.258 1.258 0 010 1.77 1.233 1.233 0 01-.876.367zm.202-15.38v10.314a.816.816 0 01-.238.57.8.8 0 01-.567.236H9.099a.112.112 0 00-.077.033.114.114 0 00-.032.076v8.655a9.856 9.856 0 007.698-2.673 10.02 10.02 0 002.813-4.808c.466-1.84.404-3.776-.179-5.582a10.002 10.002 0 00-3.114-4.614A9.845 9.845 0 0011.129.073"
|
|
39
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
40
|
-
d: "M8.005 8.262a1.23 1.23 0 01-.688-.212 1.27 1.27 0 01-.19-1.928 1.231 1.231 0 011.743.01 1.262 1.262 0 01.01 1.763 1.231 1.231 0 01-.875.367zM9.9 0a9.842 9.842 0 00-6.616 2.568A10.034 10.034 0 00.414 7.155a10.135 10.135 0 00-.084 5.43 10.043 10.043 0 002.727 4.677 9.86 9.86 0 004.738 2.549v-8.992a.82.82 0 01.23-.556.801.801 0 01.546-.244h1.25a.11.11 0 00.109-.103V0h-.029zm17.654 0h-.682v20h.682V0zm7.074 15.593h1.901V5.61h4.762v9.983h1.9V3.884h-8.563v11.709zm17.297-6.775a3.716 3.716 0 00-1.245-.895 3.863 3.863 0 00-1.604-.311c-.469.003-.93.117-1.348.333-.424.202-.782.52-1.034.92V7.8H44.89v11.693h1.806v-4.938c.252.4.61.72 1.034.921.417.216.879.33 1.347.333a3.932 3.932 0 001.605-.325 3.765 3.765 0 001.245-.929c.53-.59.886-1.319 1.029-2.103a4.34 4.34 0 00-.218-2.337 4.126 4.126 0 00-.81-1.297zm-.863 3.83a2.224 2.224 0 01-1.178 1.32c-.29.136-.607.205-.928.2a2.184 2.184 0 01-1.306-.407 2.226 2.226 0 01-.818-1.11 2.899 2.899 0 01-.155-.953c-.003-.325.05-.648.155-.954.15-.448.435-.837.817-1.11.382-.272.84-.415 1.307-.406.32-.006.638.063.928.2a2.23 2.23 0 011.178 1.313 2.927 2.927 0 010 1.907zm10.07-3.83a3.816 3.816 0 00-1.29-.895 4.124 4.124 0 00-1.676-.326c-.572-.01-1.14.1-1.669.326a3.794 3.794 0 00-1.275.895c-.353.38-.63.825-.817 1.311a4.396 4.396 0 000 3.136c.19.477.467.915.817 1.29.355.387.784.696 1.26.91a4.138 4.138 0 001.67.326 4.182 4.182 0 001.676-.326 3.87 3.87 0 001.304-.91c.358-.376.64-.818.827-1.304a4.396 4.396 0 000-3.136 3.93 3.93 0 00-.827-1.297zm-.85 3.83c-.104.288-.26.555-.462.785a2.225 2.225 0 01-.722.534 2.146 2.146 0 01-.936.2 2.06 2.06 0 01-.924-.2 2.203 2.203 0 01-.724-.536 2.237 2.237 0 01-.454-.783 2.894 2.894 0 01-.156-.955c-.002-.324.05-.647.156-.953a2.204 2.204 0 011.178-1.32c.289-.137.605-.206.924-.2.323-.004.642.064.936.2.274.127.52.31.722.535.202.23.36.496.462.785a2.816 2.816 0 010 1.907zm10.203-2.843a3.311 3.311 0 00-1.084-.732 3.38 3.38 0 00-1.39-.277h-2.479v-3.19h5.04V3.884h-6.93v11.693h4.38c.476.008.949-.084 1.39-.267a3.17 3.17 0 001.067-.729c.302-.314.538-.688.693-1.097.317-.84.317-1.77 0-2.61a3.125 3.125 0 00-.687-1.07zm-1.38 3.577a1.342 1.342 0 01-1.084.492h-2.478v-3.368h2.478a1.328 1.328 0 011.084.493 1.962 1.962 0 010 2.39v-.007zM78.041 8.5l-3.426 4.4V7.796h-1.798v7.796h1.798v-.655l3.426-4.363v5.018h1.798V7.798h-1.798V8.5zm7.618 3.077a1.92 1.92 0 001.131-.544 1.73 1.73 0 00.437-1.28 1.89 1.89 0 00-.759-1.557 3.389 3.389 0 00-2.135-.584 3.226 3.226 0 00-2.168.701 2.352 2.352 0 00-.823 1.857h1.752a1.235 1.235 0 01.264-.793 1.181 1.181 0 01.96-.329 1.28 1.28 0 01.868.278.852.852 0 01.321.694 1.058 1.058 0 01-.281.768 1.39 1.39 0 01-1.008.284h-.777v1.273h.877c.37-.034.738.073 1.034.299a1.009 1.009 0 01.322.771.734.734 0 01-.361.683c-.261.154-.56.23-.86.22a1.674 1.674 0 01-1.11-.31 1.002 1.002 0 01-.36-.812H81.23a2.424 2.424 0 00.802 1.9 3.348 3.348 0 002.287.709c.394.002.787-.05 1.167-.157.347-.098.676-.25.975-.453.276-.19.504-.439.668-.731.17-.3.256-.641.25-.987a1.758 1.758 0 00-.506-1.33 2.076 2.076 0 00-1.214-.57zm8.39-.702h-3.523V7.798h-1.799v7.795h1.799v-3.198h3.522v3.198h1.803V7.798h-1.803v3.077zm9.342-2.266a3.53 3.53 0 00-1.142-.73 3.618 3.618 0 00-1.394-.267 4.051 4.051 0 00-1.622.307c-.46.187-.87.477-1.204.848a3.83 3.83 0 00-.721 1.304 5.018 5.018 0 00-.257 1.622 5.26 5.26 0 00.238 1.605c.15.48.396.924.722 1.304.332.376.741.674 1.2.87.537.223 1.114.331 1.694.318a4.04 4.04 0 001.341-.209 3.548 3.548 0 001.04-.558 2.885 2.885 0 001.084-1.777h-1.807a1.796 1.796 0 01-.513.732 1.687 1.687 0 01-1.122.303 2.459 2.459 0 01-.943-.161 1.603 1.603 0 01-.618-.434 1.836 1.836 0 01-.362-.643 3.633 3.633 0 01-.148-.787h5.506c.039-.218.064-.44.076-.661v-.475a3.469 3.469 0 00-1.033-2.5l-.015-.011zM98.835 10.9A1.794 1.794 0 0199.4 9.44a2.06 2.06 0 011.406-.487 1.748 1.748 0 011.376.54 1.8 1.8 0 01.491 1.408h-3.837zm12.381 2.013a2.016 2.016 0 01-.542.91c-.335.25-.749.369-1.164.333a2.236 2.236 0 01-.993-.2 1.852 1.852 0 01-.675-.535 2.178 2.178 0 01-.42-.774 3.615 3.615 0 01-.122-.955c-.003-.32.038-.638.122-.946.08-.284.212-.55.391-.785a1.844 1.844 0 011.553-.731c.476-.044.951.095 1.329.39.277.276.45.64.488 1.031h1.806a3.67 3.67 0 00-.274-1.096 2.851 2.851 0 00-.661-.969 3.347 3.347 0 00-1.106-.694 4.326 4.326 0 00-1.611-.267 3.749 3.749 0 00-1.655.344 3.615 3.615 0 00-1.199.91c-.324.384-.57.83-.723 1.311a4.857 4.857 0 000 3.07c.154.479.4.922.723 1.305.335.386.746.695 1.207.91a3.796 3.796 0 001.661.343 4.65 4.65 0 001.482-.215c.395-.134.763-.341 1.084-.61.298-.256.543-.57.722-.922.176-.355.298-.736.361-1.129l-1.784-.029z"
|
|
41
|
-
}))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
42
|
-
id: "LogoSvg__clip0_694_495"
|
|
43
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
44
|
-
fill: "#fff",
|
|
45
|
-
d: "M0 0h113v20H0z"
|
|
46
|
-
}))));
|
|
47
|
-
};
|
|
48
|
-
var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-lk-logo');
|
|
49
|
-
var HeaderLogo = function HeaderLogo(_ref) {
|
|
50
|
-
var dataAttrs = _ref.dataAttrs,
|
|
51
|
-
className = _ref.className,
|
|
52
|
-
href = _ref.href,
|
|
53
|
-
onClick = _ref.onClick,
|
|
54
|
-
renderWrapper = _ref.renderWrapper;
|
|
55
|
-
var Element = href ? 'a' : 'div';
|
|
56
|
-
var isClickableElement = !!href || !!onClick;
|
|
57
|
-
var rootElement = /*#__PURE__*/React.createElement(Element, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
58
|
-
className: cn({
|
|
59
|
-
clickable: isClickableElement
|
|
60
|
-
}, [className]),
|
|
61
|
-
href: href,
|
|
62
|
-
onClick: onClick
|
|
63
|
-
}), /*#__PURE__*/React.createElement(LogoSvg, {
|
|
64
|
-
className: cn('svg')
|
|
65
|
-
}));
|
|
66
|
-
return renderWrapper ? renderWrapper(rootElement) : rootElement;
|
|
67
|
-
};
|
|
68
|
-
var _default = exports["default"] = HeaderLogo;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ItemType } from '../../../_DropdownItem/DropdownItem';
|
|
3
|
-
export type SupportType = {
|
|
4
|
-
/** Элементы основного списка */
|
|
5
|
-
items: ItemType[];
|
|
6
|
-
/** Элементы информационного списка */
|
|
7
|
-
info: {
|
|
8
|
-
title: string;
|
|
9
|
-
subtitle: string;
|
|
10
|
-
}[];
|
|
11
|
-
};
|
|
12
|
-
export interface IHeaderSupportProps extends SupportType {
|
|
13
|
-
className?: string;
|
|
14
|
-
dataAttrs?: {
|
|
15
|
-
root?: Record<string, string>;
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
declare const HeaderSupport: React.FC<IHeaderSupportProps>;
|
|
19
|
-
export default HeaderSupport;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
require("core-js/modules/es.array.map.js");
|
|
10
|
-
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _uiHelpers = require("@megafon/ui-helpers");
|
|
12
|
-
var _Dropdown = _interopRequireDefault(require("../../../_Dropdown/Dropdown"));
|
|
13
|
-
var _DropdownInfo = _interopRequireDefault(require("../../../_DropdownInfo/DropdownInfo"));
|
|
14
|
-
var _DropdownItem = _interopRequireDefault(require("../../../_DropdownItem/DropdownItem"));
|
|
15
|
-
var _HeaderButton = _interopRequireDefault(require("../_HeaderButton/HeaderButton"));
|
|
16
|
-
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); }
|
|
17
|
-
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; }
|
|
18
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
19
|
-
var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-support');
|
|
20
|
-
var HeaderSupport = function HeaderSupport(_ref) {
|
|
21
|
-
var dataAttrs = _ref.dataAttrs,
|
|
22
|
-
className = _ref.className,
|
|
23
|
-
items = _ref.items,
|
|
24
|
-
info = _ref.info;
|
|
25
|
-
var renderTrigger = function renderTrigger(isOpened) {
|
|
26
|
-
return /*#__PURE__*/React.createElement(_HeaderButton["default"], {
|
|
27
|
-
icon: "support",
|
|
28
|
-
color: "green-soft",
|
|
29
|
-
isOpened: isOpened
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
33
|
-
className: cn([className])
|
|
34
|
-
}), /*#__PURE__*/React.createElement(_Dropdown["default"], {
|
|
35
|
-
className: cn('dropdown'),
|
|
36
|
-
renderTrigger: renderTrigger
|
|
37
|
-
}, items.map(function (item) {
|
|
38
|
-
return /*#__PURE__*/React.createElement(_DropdownItem["default"], (0, _extends2["default"])({}, item, {
|
|
39
|
-
key: item.id + item.title
|
|
40
|
-
}));
|
|
41
|
-
}), info.map(function (item, i) {
|
|
42
|
-
return /*#__PURE__*/React.createElement(_DropdownInfo["default"], (0, _extends2["default"])({}, item, {
|
|
43
|
-
hasTopBorder: i === 0,
|
|
44
|
-
key: i + item.title
|
|
45
|
-
}));
|
|
46
|
-
})));
|
|
47
|
-
};
|
|
48
|
-
var _default = exports["default"] = HeaderSupport;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-layout{font-family:inherit;font-size:15px;height:100vh;line-height:24px;overflow-x:auto;overflow-y:hidden}.mfui-lkvas-layout ::-webkit-scrollbar{width:12px}.mfui-lkvas-layout ::-webkit-scrollbar-track{background-color:var(--spbSky1)}.mfui-lkvas-layout ::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:100px}.mfui-lkvas-layout__container{background-color:var(--base);-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-areas:"header header" "navbar main";grid-template-columns:264px auto;grid-template-rows:72px minmax(0,auto);height:100%;min-width:1280px}.mfui-lkvas-layout__header{-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:header}.mfui-lkvas-layout__navbar{-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:navbar}.mfui-lkvas-layout__main{-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:main;overflow-y:auto}.mfui-lkvas-layout__content{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1656px;padding:32px 32px 96px}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import './Layout.scss';
|
|
3
|
-
export interface ILayoutProps {
|
|
4
|
-
/** Компонент шапки */
|
|
5
|
-
header: React.ReactNode;
|
|
6
|
-
/** Компонент боковой панели */
|
|
7
|
-
navBar: React.ReactNode;
|
|
8
|
-
}
|
|
9
|
-
declare const Header: React.FC<React.PropsWithChildren<ILayoutProps>>;
|
|
10
|
-
export default Header;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _uiHelpers = require("@megafon/ui-helpers");
|
|
10
|
-
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); }
|
|
11
|
-
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; }
|
|
12
|
-
var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-layout');
|
|
13
|
-
var Header = function Header(_ref) {
|
|
14
|
-
var header = _ref.header,
|
|
15
|
-
navBar = _ref.navBar,
|
|
16
|
-
children = _ref.children;
|
|
17
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
18
|
-
className: cn()
|
|
19
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
20
|
-
className: cn('container')
|
|
21
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
22
|
-
className: cn('header')
|
|
23
|
-
}, header), /*#__PURE__*/React.createElement("div", {
|
|
24
|
-
className: cn('navbar')
|
|
25
|
-
}, navBar), /*#__PURE__*/React.createElement("main", {
|
|
26
|
-
className: cn('main')
|
|
27
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
28
|
-
className: cn('content')
|
|
29
|
-
}, children))));
|
|
30
|
-
};
|
|
31
|
-
var _default = exports["default"] = Header;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-navbar{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--spbSky0);-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-between;max-width:264px;padding:20px 20px 32px;width:100%}.mfui-lkvas-navbar,.mfui-lkvas-navbar__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.mfui-lkvas-navbar__nav{gap:2px;overflow-y:auto}.mfui-lkvas-navbar__nav::-webkit-scrollbar{width:12px}.mfui-lkvas-navbar__nav::-webkit-scrollbar-track{background-color:var(--spbSky1)}.mfui-lkvas-navbar__nav::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:100px}.mfui-lkvas-navbar__button{-ms-flex-negative:0;flex-shrink:0;margin-top:24px}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { INavBarItem } from './components/_NavBarItem/NavBarItem';
|
|
3
|
-
import './NavBar.scss';
|
|
4
|
-
export type ButtonType = {
|
|
5
|
-
/** Название */
|
|
6
|
-
title: string;
|
|
7
|
-
/** Ссылка */
|
|
8
|
-
href: string;
|
|
9
|
-
/** Атрибут ссылки target */
|
|
10
|
-
target?: '_self' | '_blank' | '_parent' | '_top';
|
|
11
|
-
/** Атрибут ссылки rel */
|
|
12
|
-
rel?: string;
|
|
13
|
-
};
|
|
14
|
-
export interface INavBar {
|
|
15
|
-
/** Дополнительный класс корневого элемента */
|
|
16
|
-
className?: string;
|
|
17
|
-
/** Элементы списка */
|
|
18
|
-
items: INavBarItem[];
|
|
19
|
-
/** Кнопка */
|
|
20
|
-
button?: ButtonType;
|
|
21
|
-
}
|
|
22
|
-
declare const NavBar: React.FC<INavBar>;
|
|
23
|
-
export default NavBar;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
require("core-js/modules/es.array.map.js");
|
|
10
|
-
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _uiCore = require("@megafon/ui-core");
|
|
12
|
-
var _uiHelpers = require("@megafon/ui-helpers");
|
|
13
|
-
var _NavBarItem = _interopRequireDefault(require("./components/_NavBarItem/NavBarItem"));
|
|
14
|
-
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); }
|
|
15
|
-
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; }
|
|
16
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
17
|
-
var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-navbar');
|
|
18
|
-
var NavBar = function NavBar(_ref) {
|
|
19
|
-
var className = _ref.className,
|
|
20
|
-
items = _ref.items,
|
|
21
|
-
button = _ref.button;
|
|
22
|
-
return /*#__PURE__*/React.createElement("aside", {
|
|
23
|
-
className: cn([className])
|
|
24
|
-
}, /*#__PURE__*/React.createElement("nav", {
|
|
25
|
-
className: cn('nav'),
|
|
26
|
-
role: "navigation"
|
|
27
|
-
}, items.map(function (item, index) {
|
|
28
|
-
return /*#__PURE__*/React.createElement(_NavBarItem["default"], (0, _extends2["default"])({
|
|
29
|
-
key: item.title + index
|
|
30
|
-
}, item));
|
|
31
|
-
})), (button === null || button === void 0 ? void 0 : button.title) && /*#__PURE__*/React.createElement(_uiCore.Button, {
|
|
32
|
-
className: cn('button'),
|
|
33
|
-
type: "outline",
|
|
34
|
-
fullWidth: true,
|
|
35
|
-
href: button.href,
|
|
36
|
-
target: button.target,
|
|
37
|
-
rel: button.rel
|
|
38
|
-
}, button.title));
|
|
39
|
-
};
|
|
40
|
-
var _default = exports["default"] = NavBar;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-navbar-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;justify-content:flex-start;padding:10px;text-decoration:none;-webkit-transition:background-color;transition:background-color;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}.mfui-lkvas-navbar-item:hover{background-color:var(--base);text-decoration:none}.mfui-lkvas-navbar-item__icon{display:block;height:32px;max-width:32px;-o-object-fit:cover;object-fit:cover;width:32px}.mfui-lkvas-navbar-item__title{font-size:15px;font-weight:500;line-height:24px;line-height:18px}.mfui-lkvas-navbar-item_active{background-color:var(--base)}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import './NavBarItem.scss';
|
|
3
|
-
export interface INavBarItem {
|
|
4
|
-
/** Заголовок */
|
|
5
|
-
title: string;
|
|
6
|
-
/** Ссылка на иконку в формате .png */
|
|
7
|
-
iconSrc: string;
|
|
8
|
-
/** Статус активности */
|
|
9
|
-
isActive?: boolean;
|
|
10
|
-
/** Ссылка */
|
|
11
|
-
href?: string;
|
|
12
|
-
/** Атрибут ссылки target */
|
|
13
|
-
target?: '_self' | '_blank' | '_parent' | '_top';
|
|
14
|
-
/** Атрибут ссылки rel */
|
|
15
|
-
rel?: string;
|
|
16
|
-
/** Обработчик клика */
|
|
17
|
-
onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
|
|
18
|
-
/** Функция рендера компонента-обертки */
|
|
19
|
-
renderWrapper?: (item: React.ReactNode) => React.ReactNode;
|
|
20
|
-
}
|
|
21
|
-
declare const NavBarItem: React.FC<INavBarItem>;
|
|
22
|
-
export default NavBarItem;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _uiHelpers = require("@megafon/ui-helpers");
|
|
10
|
-
var _setRelAttribute = require("../../../../helpers/setRelAttribute");
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
|
-
var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-navbar-item');
|
|
14
|
-
var NavBarItem = function NavBarItem(_ref) {
|
|
15
|
-
var title = _ref.title,
|
|
16
|
-
iconSrc = _ref.iconSrc,
|
|
17
|
-
_ref$isActive = _ref.isActive,
|
|
18
|
-
isActive = _ref$isActive === void 0 ? false : _ref$isActive,
|
|
19
|
-
href = _ref.href,
|
|
20
|
-
target = _ref.target,
|
|
21
|
-
rel = _ref.rel,
|
|
22
|
-
onClick = _ref.onClick,
|
|
23
|
-
renderWrapper = _ref.renderWrapper;
|
|
24
|
-
var ElementType = href ? 'a' : 'div';
|
|
25
|
-
var handleClick = function handleClick(e) {
|
|
26
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
27
|
-
};
|
|
28
|
-
var item = /*#__PURE__*/React.createElement(ElementType, {
|
|
29
|
-
className: cn({
|
|
30
|
-
active: isActive
|
|
31
|
-
}),
|
|
32
|
-
tabIndex: 0,
|
|
33
|
-
href: href,
|
|
34
|
-
rel: (0, _setRelAttribute.setRelAttribute)(rel, target),
|
|
35
|
-
onClick: handleClick
|
|
36
|
-
}, /*#__PURE__*/React.createElement("img", {
|
|
37
|
-
className: cn('icon'),
|
|
38
|
-
src: iconSrc,
|
|
39
|
-
alt: "icon"
|
|
40
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
41
|
-
className: cn('title')
|
|
42
|
-
}, title));
|
|
43
|
-
return renderWrapper ? renderWrapper(item) : item;
|
|
44
|
-
};
|
|
45
|
-
var _default = exports["default"] = NavBarItem;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-table{position:relative}.mfui-lkvas-table:after,.mfui-lkvas-table:before{height:18px;left:0;position:absolute;right:0;z-index:2}.mfui-lkvas-table:not(.mfui-lkvas-table_v-scroll_start):not(.mfui-lkvas-table_v-scroll_none):before{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));content:"";top:0}.mfui-lkvas-table_h-scroll_none:not(.mfui-lkvas-table_v-scroll_end):not(.mfui-lkvas-table_v-scroll_none):after{background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),to(hsla(0,0%,100%,0)));background:linear-gradient(0deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;content:""}.mfui-lkvas-table__inner{border-radius:12px 12px 0 0;overflow:auto;position:relative;z-index:1}.mfui-lkvas-table__inner::-webkit-scrollbar{height:12px;width:12px}.mfui-lkvas-table__inner::-webkit-scrollbar,.mfui-lkvas-table__inner::-webkit-scrollbar-track{background-color:var(--spbSky1);border-radius:100px}.mfui-lkvas-table__inner::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:100px}.mfui-lkvas-table__table{background-color:var(--base);border-collapse:collapse;border-spacing:0;border-width:0;width:100%}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import './Table.scss';
|
|
3
|
-
export interface ITable {
|
|
4
|
-
/** Дополнительный класс корневого элемента */
|
|
5
|
-
className?: string;
|
|
6
|
-
/** Высота таблицы */
|
|
7
|
-
height?: string;
|
|
8
|
-
/** Дополнительные data атрибуты к внутренним элементам */
|
|
9
|
-
dataAttrs?: {
|
|
10
|
-
root?: Record<string, string>;
|
|
11
|
-
inner?: Record<string, string>;
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
declare const Table: React.FC<React.PropsWithChildren<ITable>>;
|
|
15
|
-
export default Table;
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
|
-
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _uiHelpers = require("@megafon/ui-helpers");
|
|
12
|
-
var _lodash = _interopRequireDefault(require("lodash.throttle"));
|
|
13
|
-
var _TableContext = _interopRequireDefault(require("./contexts/TableContext"));
|
|
14
|
-
var _helpers = require("./helpers");
|
|
15
|
-
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); }
|
|
16
|
-
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; }
|
|
17
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
18
|
-
var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-table');
|
|
19
|
-
var Table = function Table(_ref) {
|
|
20
|
-
var className = _ref.className,
|
|
21
|
-
height = _ref.height,
|
|
22
|
-
dataAttrs = _ref.dataAttrs,
|
|
23
|
-
children = _ref.children;
|
|
24
|
-
var rootRef = React.useRef(null);
|
|
25
|
-
var tableRef = React.useRef(null);
|
|
26
|
-
var _React$useState = React.useState({
|
|
27
|
-
horizontal: 'none',
|
|
28
|
-
vertical: 'none'
|
|
29
|
-
}),
|
|
30
|
-
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
31
|
-
scrollPosition = _React$useState2[0],
|
|
32
|
-
setScrollPosition = _React$useState2[1];
|
|
33
|
-
var handleTableScroll = React.useCallback(function () {
|
|
34
|
-
var rootNode = rootRef.current;
|
|
35
|
-
if (!rootNode) {
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
var scrollWidth = rootNode.scrollWidth,
|
|
39
|
-
scrollHeight = rootNode.scrollHeight,
|
|
40
|
-
clientWidth = rootNode.clientWidth,
|
|
41
|
-
clientHeight = rootNode.clientHeight,
|
|
42
|
-
scrollLeft = rootNode.scrollLeft,
|
|
43
|
-
scrollTop = rootNode.scrollTop;
|
|
44
|
-
var deltaWidth = scrollWidth - clientWidth;
|
|
45
|
-
var deltaHeight = scrollHeight - clientHeight;
|
|
46
|
-
setScrollPosition({
|
|
47
|
-
horizontal: (0, _helpers.calculateScrollPosition)(scrollLeft, deltaWidth),
|
|
48
|
-
vertical: (0, _helpers.calculateScrollPosition)(scrollTop, deltaHeight)
|
|
49
|
-
});
|
|
50
|
-
}, []);
|
|
51
|
-
React.useEffect(function () {
|
|
52
|
-
if (!tableRef.current) {
|
|
53
|
-
return undefined;
|
|
54
|
-
}
|
|
55
|
-
var tableNode = tableRef.current;
|
|
56
|
-
var handleResize = (0, _lodash["default"])(handleTableScroll, 300);
|
|
57
|
-
var observer = new ResizeObserver(handleResize);
|
|
58
|
-
observer.observe(tableNode);
|
|
59
|
-
handleTableScroll();
|
|
60
|
-
return function () {
|
|
61
|
-
observer.unobserve(tableNode);
|
|
62
|
-
};
|
|
63
|
-
}, [handleTableScroll]);
|
|
64
|
-
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
65
|
-
className: cn({
|
|
66
|
-
'v-scroll': scrollPosition.vertical,
|
|
67
|
-
'h-scroll': scrollPosition.horizontal
|
|
68
|
-
}, [className])
|
|
69
|
-
}), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.inner), {
|
|
70
|
-
className: cn('inner'),
|
|
71
|
-
style: {
|
|
72
|
-
height: height
|
|
73
|
-
},
|
|
74
|
-
ref: rootRef,
|
|
75
|
-
onScroll: handleTableScroll
|
|
76
|
-
}), /*#__PURE__*/React.createElement(_TableContext["default"].Provider, {
|
|
77
|
-
value: {
|
|
78
|
-
scrollPosition: scrollPosition
|
|
79
|
-
}
|
|
80
|
-
}, /*#__PURE__*/React.createElement("table", {
|
|
81
|
-
className: cn('table'),
|
|
82
|
-
ref: tableRef
|
|
83
|
-
}, children))));
|
|
84
|
-
};
|
|
85
|
-
var _default = exports["default"] = Table;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface ITableBody {
|
|
3
|
-
/** Дополнительный класс корневого элемента */
|
|
4
|
-
className?: string;
|
|
5
|
-
/** Дополнительные data атрибуты к внутренним элементам */
|
|
6
|
-
dataAttrs?: {
|
|
7
|
-
root?: Record<string, string>;
|
|
8
|
-
};
|
|
9
|
-
}
|
|
10
|
-
declare const TableBody: React.FC<React.PropsWithChildren<ITableBody>>;
|
|
11
|
-
export default TableBody;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var React = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _uiHelpers = require("@megafon/ui-helpers");
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
14
|
-
var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-table-body');
|
|
15
|
-
var TableBody = function TableBody(_ref) {
|
|
16
|
-
var className = _ref.className,
|
|
17
|
-
dataAttrs = _ref.dataAttrs,
|
|
18
|
-
children = _ref.children;
|
|
19
|
-
return /*#__PURE__*/React.createElement("tbody", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
20
|
-
className: cn([className])
|
|
21
|
-
}), children);
|
|
22
|
-
};
|
|
23
|
-
var _default = exports["default"] = TableBody;
|