@megafon/ui-lk-vas 0.10.7 → 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,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface ITableHead {
|
|
3
|
-
/** Дополнительный класс корневого элемента */
|
|
4
|
-
className?: string;
|
|
5
|
-
/** Дополнительные data атрибуты к внутренним элементам */
|
|
6
|
-
dataAttrs?: {
|
|
7
|
-
root?: Record<string, string>;
|
|
8
|
-
};
|
|
9
|
-
}
|
|
10
|
-
declare const TableHead: React.FC<React.PropsWithChildren<ITableHead>>;
|
|
11
|
-
export default TableHead;
|
|
@@ -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-head');
|
|
15
|
-
var TableHead = function TableHead(_ref) {
|
|
16
|
-
var className = _ref.className,
|
|
17
|
-
dataAttrs = _ref.dataAttrs,
|
|
18
|
-
children = _ref.children;
|
|
19
|
-
return /*#__PURE__*/React.createElement("thead", (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"] = TableHead;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-table-settings__dots,.mfui-lkvas-table-settings__dots-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-lkvas-table-settings__dots-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;height:24px;width:24px}.mfui-lkvas-table-settings__dot{background-color:var(--content);border-radius:50%;height:4px;-webkit-transition:background-color .3s;transition:background-color .3s;width:4px}.mfui-lkvas-table-settings__dots:hover .mfui-lkvas-table-settings__dot{background-color:var(--brandGreen)}.mfui-lkvas-table-settings__tooltip{width:276px}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ItemType } from '../../../_DropdownItem/DropdownItem';
|
|
3
|
-
import './TableSettings.scss';
|
|
4
|
-
export interface ITableSettingsProps {
|
|
5
|
-
/** Дополнительный класс корневого элемента */
|
|
6
|
-
className?: string;
|
|
7
|
-
/** Пункты всплывающего списка */
|
|
8
|
-
items: ItemType[];
|
|
9
|
-
/** Дополнительные классы для внутренних элементов */
|
|
10
|
-
classes?: {
|
|
11
|
-
root?: string;
|
|
12
|
-
tooltip?: string;
|
|
13
|
-
};
|
|
14
|
-
/** Дополнительные data атрибуты к внутренним элементам */
|
|
15
|
-
dataAttrs?: {
|
|
16
|
-
root?: Record<string, string>;
|
|
17
|
-
dots?: Record<string, string>;
|
|
18
|
-
tooltip?: Record<string, string>;
|
|
19
|
-
item?: Record<string, string>;
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
declare const TableSettings: React.FC<React.PropsWithChildren<ITableSettingsProps>>;
|
|
23
|
-
export default TableSettings;
|
|
@@ -1,59 +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 _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 cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-table-settings');
|
|
18
|
-
var TableSettings = function TableSettings(_ref) {
|
|
19
|
-
var className = _ref.className,
|
|
20
|
-
items = _ref.items,
|
|
21
|
-
classes = _ref.classes,
|
|
22
|
-
dataAttrs = _ref.dataAttrs;
|
|
23
|
-
var triggerRef = React.useRef(null);
|
|
24
|
-
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
25
|
-
className: cn([className, classes === null || classes === void 0 ? void 0 : classes.root])
|
|
26
|
-
}), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.dots), {
|
|
27
|
-
className: cn('dots'),
|
|
28
|
-
ref: triggerRef
|
|
29
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
30
|
-
className: cn('dots-inner')
|
|
31
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
32
|
-
className: cn('dot')
|
|
33
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
34
|
-
className: cn('dot')
|
|
35
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
36
|
-
className: cn('dot')
|
|
37
|
-
}))), /*#__PURE__*/React.createElement(_uiCore.Tooltip, {
|
|
38
|
-
className: cn('tooltip', [classes === null || classes === void 0 ? void 0 : classes.tooltip]),
|
|
39
|
-
triggerElement: triggerRef,
|
|
40
|
-
placement: "left",
|
|
41
|
-
fallbackPlacements: ['right'],
|
|
42
|
-
triggerEvent: "click",
|
|
43
|
-
colorTheme: "blue",
|
|
44
|
-
strategy: "fixed",
|
|
45
|
-
offset: "small",
|
|
46
|
-
dataAttrs: {
|
|
47
|
-
root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.tooltip
|
|
48
|
-
}
|
|
49
|
-
}, items.map(function (item) {
|
|
50
|
-
return /*#__PURE__*/React.createElement(_DropdownItem["default"], (0, _extends2["default"])({}, item, {
|
|
51
|
-
key: item.id + item.title,
|
|
52
|
-
color: "white",
|
|
53
|
-
dataAttrs: {
|
|
54
|
-
root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item
|
|
55
|
-
}
|
|
56
|
-
}));
|
|
57
|
-
})));
|
|
58
|
-
};
|
|
59
|
-
var _default = exports["default"] = TableSettings;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-table-td{background-color:var(--base);font-size:15px;font-weight:400;line-height:24px;padding:12px}.mfui-lkvas-table-td_pinned:first-child{left:0;position:sticky}.mfui-lkvas-table-td_pinned:first-child:not(.mfui-lkvas-table-td_scroll_start,.mfui-lkvas-table-td_scroll_none):after{background:-webkit-gradient(linear,left top,right 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(90deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;content:"";position:absolute;right:-18px;top:0;width:18px}.mfui-lkvas-table-td_pinned:last-child{position:sticky;right:0}.mfui-lkvas-table-td_pinned:last-child:not(.mfui-lkvas-table-td_scroll_end,.mfui-lkvas-table-td_scroll_none):after{background:-webkit-gradient(linear,right top,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(270deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;content:"";left:-18px;position:absolute;top:0;width:18px}.mfui-lkvas-table-td_active{background-color:var(--spbSky0)}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import './TableTd.scss';
|
|
3
|
-
export interface ITableTdProps {
|
|
4
|
-
/** Дополнительный класс корневого элемента */
|
|
5
|
-
className?: string;
|
|
6
|
-
/** Атрибут colSpan для тега td */
|
|
7
|
-
colSpan?: number;
|
|
8
|
-
/** Фиксация ячейки во время горизонтальной прокрутки (только для первой и последней ячейки в строке) */
|
|
9
|
-
pinned?: boolean;
|
|
10
|
-
/** Сделать активной отсортированную ячейку */
|
|
11
|
-
isSortActive?: boolean;
|
|
12
|
-
/** Дополнительные data атрибуты к внутренним элементам */
|
|
13
|
-
dataAttrs?: {
|
|
14
|
-
root?: Record<string, string>;
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
declare const TableTd: React.FC<React.PropsWithChildren<ITableTdProps>>;
|
|
18
|
-
export default TableTd;
|
|
@@ -1,35 +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
|
-
var _TableContext = _interopRequireDefault(require("../../contexts/TableContext"));
|
|
12
|
-
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); }
|
|
13
|
-
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; }
|
|
14
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
|
-
var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-table-td');
|
|
16
|
-
var TableTd = function TableTd(_ref) {
|
|
17
|
-
var className = _ref.className,
|
|
18
|
-
colSpan = _ref.colSpan,
|
|
19
|
-
pinned = _ref.pinned,
|
|
20
|
-
_ref$isSortActive = _ref.isSortActive,
|
|
21
|
-
isSortActive = _ref$isSortActive === void 0 ? false : _ref$isSortActive,
|
|
22
|
-
dataAttrs = _ref.dataAttrs,
|
|
23
|
-
children = _ref.children;
|
|
24
|
-
var _React$useContext = React.useContext(_TableContext["default"]),
|
|
25
|
-
scrollPosition = _React$useContext.scrollPosition;
|
|
26
|
-
return /*#__PURE__*/React.createElement("td", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
27
|
-
className: cn({
|
|
28
|
-
pinned: pinned,
|
|
29
|
-
scroll: pinned && scrollPosition.horizontal,
|
|
30
|
-
active: isSortActive
|
|
31
|
-
}, [className]),
|
|
32
|
-
colSpan: colSpan
|
|
33
|
-
}), children);
|
|
34
|
-
};
|
|
35
|
-
var _default = exports["default"] = TableTd;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-table-th{background-color:var(--spbSky0);color:var(--spbSky3);font-size:15px;font-weight:500;line-height:24px;padding:16px 12px;text-align:left}.mfui-lkvas-table-th:first-child{border-radius:12px 0 0 12px}.mfui-lkvas-table-th:last-child{border-radius:0 12px 12px 0}.mfui-lkvas-table-th__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:4px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-lkvas-table-th_pinned:first-child{left:0;position:sticky;z-index:1}.mfui-lkvas-table-th_pinned:first-child:not(.mfui-lkvas-table-th_scroll_start,.mfui-lkvas-table-th_scroll_none):after{background:-webkit-gradient(linear,left top,right 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(90deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;content:"";position:absolute;right:-18px;top:0;width:18px}.mfui-lkvas-table-th_pinned:last-child{position:sticky;right:0;z-index:1}.mfui-lkvas-table-th_pinned:last-child:not(.mfui-lkvas-table-th_scroll_end,.mfui-lkvas-table-th_scroll_none):after{background:-webkit-gradient(linear,right top,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(270deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;content:"";left:-18px;position:absolute;top:0;width:18px}.mfui-lkvas-table-th__sorting{display:-webkit-box;display:-ms-flexbox;display:flex;left:100%;position:absolute;top:50%;translate:4px -50%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-lkvas-table-th__sorting-down,.mfui-lkvas-table-th__sorting-up{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;cursor:pointer;height:20px;justify-content:center;width:20px}.mfui-lkvas-table-th__sorting-down:after,.mfui-lkvas-table-th__sorting-up:after{border-left:3px solid transparent;border-right:3px solid transparent;content:"";height:0;width:0}.mfui-lkvas-table-th__sorting-up{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.mfui-lkvas-table-th__sorting-up:after{border-bottom:4px solid var(--spbSky3)}.mfui-lkvas-table-th__sorting-up:hover:after,.mfui-lkvas-table-th__sorting-up_current:after{border-bottom-color:var(--content)}.mfui-lkvas-table-th__sorting-down{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-lkvas-table-th__sorting-down:after{border-top:4px solid var(--spbSky3);content:""}.mfui-lkvas-table-th__sorting-down:hover:after,.mfui-lkvas-table-th__sorting-down_current:after{border-top-color:var(--content)}.mfui-lkvas-table-th__notice-icon{cursor:pointer;display:block;height:24px;width:24px;fill:var(--spbSky3)}.mfui-lkvas-table-th_active{background-color:var(--spbSky1)}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import './TableTh.scss';
|
|
3
|
-
type SortType = 'up' | 'down';
|
|
4
|
-
interface ITooltip {
|
|
5
|
-
/** Заголовок тултипа */
|
|
6
|
-
title: string;
|
|
7
|
-
/** Текст тултипа */
|
|
8
|
-
text: string;
|
|
9
|
-
/** Текст кнопки тултипа */
|
|
10
|
-
buttonText?: string;
|
|
11
|
-
/** Отобразить кнопку закрытия тултипа */
|
|
12
|
-
hasCloseButton?: boolean;
|
|
13
|
-
/** Обработчик клика по кнопке тултипа */
|
|
14
|
-
onButtonClick?: (e: React.SyntheticEvent<EventTarget, Event>) => void;
|
|
15
|
-
/** Обработчик клика по кнопке закрытия тултипа */
|
|
16
|
-
onCloseButtonClick?: (e: React.SyntheticEvent<EventTarget, Event>) => void;
|
|
17
|
-
}
|
|
18
|
-
export interface ITableThProps {
|
|
19
|
-
/** Дополнительный класс корневого элемента */
|
|
20
|
-
className?: string;
|
|
21
|
-
/** Фиксация ячейки во время горизонтальной прокрутки (только для первой и последней ячейки в строке) */
|
|
22
|
-
pinned?: boolean;
|
|
23
|
-
/** Показать элементы сортировки */
|
|
24
|
-
showSorting?: boolean;
|
|
25
|
-
/** Сделать активной отсортированную ячейку */
|
|
26
|
-
isSortActive?: boolean;
|
|
27
|
-
/** Текущий тип сортировки */
|
|
28
|
-
currentSortType?: SortType;
|
|
29
|
-
/** Минимальная ширина ячейки */
|
|
30
|
-
minWidth?: string;
|
|
31
|
-
/** Ширина ячейки */
|
|
32
|
-
width?: string;
|
|
33
|
-
/** Информационная иконка с тултипом */
|
|
34
|
-
infoTooltip?: ITooltip;
|
|
35
|
-
/** Обработчик клика по элементам сортировки */
|
|
36
|
-
onSort?: (type: SortType) => void;
|
|
37
|
-
/** Дополнительные data атрибуты к внутренним элементам */
|
|
38
|
-
dataAttrs?: {
|
|
39
|
-
root?: Record<string, string>;
|
|
40
|
-
sortingUp?: Record<string, string>;
|
|
41
|
-
sortingDown?: Record<string, string>;
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
declare const TableTh: React.FC<React.PropsWithChildren<ITableThProps>>;
|
|
45
|
-
export default TableTh;
|
|
@@ -1,90 +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
|
-
var _TableContext = _interopRequireDefault(require("../../contexts/TableContext"));
|
|
12
|
-
var _TableTooltip = _interopRequireDefault(require("../TableTooltip/TableTooltip"));
|
|
13
|
-
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); }
|
|
14
|
-
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; }
|
|
15
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
16
|
-
var InfoIcon = function InfoIcon(props) {
|
|
17
|
-
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
18
|
-
viewBox: "0 0 32 32"
|
|
19
|
-
}, props), /*#__PURE__*/React.createElement("path", {
|
|
20
|
-
d: "M16 4C9.4 4 4 9.4 4 16s5.4 12 12 12 12-5.4 12-12S22.6 4 16 4zm1 18h-2v-8h2v8zm0-10h-2v-2h2v2z"
|
|
21
|
-
}));
|
|
22
|
-
};
|
|
23
|
-
var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-table-th');
|
|
24
|
-
var TableTh = function TableTh(_ref) {
|
|
25
|
-
var className = _ref.className,
|
|
26
|
-
pinned = _ref.pinned,
|
|
27
|
-
_ref$showSorting = _ref.showSorting,
|
|
28
|
-
showSorting = _ref$showSorting === void 0 ? false : _ref$showSorting,
|
|
29
|
-
_ref$isSortActive = _ref.isSortActive,
|
|
30
|
-
isSortActive = _ref$isSortActive === void 0 ? false : _ref$isSortActive,
|
|
31
|
-
_ref$currentSortType = _ref.currentSortType,
|
|
32
|
-
currentSortType = _ref$currentSortType === void 0 ? 'up' : _ref$currentSortType,
|
|
33
|
-
minWidth = _ref.minWidth,
|
|
34
|
-
width = _ref.width,
|
|
35
|
-
infoTooltip = _ref.infoTooltip,
|
|
36
|
-
children = _ref.children,
|
|
37
|
-
dataAttrs = _ref.dataAttrs,
|
|
38
|
-
onSort = _ref.onSort;
|
|
39
|
-
var _React$useContext = React.useContext(_TableContext["default"]),
|
|
40
|
-
scrollPosition = _React$useContext.scrollPosition;
|
|
41
|
-
var handleSort = function handleSort(type) {
|
|
42
|
-
return function () {
|
|
43
|
-
onSort === null || onSort === void 0 ? void 0 : onSort(type);
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
var renderSorting = function renderSorting() {
|
|
47
|
-
if (!showSorting) {
|
|
48
|
-
return null;
|
|
49
|
-
}
|
|
50
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
51
|
-
className: cn('sorting')
|
|
52
|
-
}, /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.sortingUp), {
|
|
53
|
-
className: cn('sorting-up', {
|
|
54
|
-
current: isSortActive && currentSortType === 'up'
|
|
55
|
-
}),
|
|
56
|
-
onClick: handleSort('up'),
|
|
57
|
-
role: "presentation"
|
|
58
|
-
})), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.sortingDown), {
|
|
59
|
-
className: cn('sorting-down', {
|
|
60
|
-
current: isSortActive && currentSortType === 'down'
|
|
61
|
-
}),
|
|
62
|
-
onClick: handleSort('down'),
|
|
63
|
-
role: "presentation"
|
|
64
|
-
})));
|
|
65
|
-
};
|
|
66
|
-
var renderNotice = function renderNotice() {
|
|
67
|
-
if (!infoTooltip) {
|
|
68
|
-
return null;
|
|
69
|
-
}
|
|
70
|
-
return /*#__PURE__*/React.createElement(_TableTooltip["default"], (0, _extends2["default"])({}, infoTooltip, {
|
|
71
|
-
trigger: /*#__PURE__*/React.createElement(InfoIcon, {
|
|
72
|
-
className: cn('notice-icon')
|
|
73
|
-
})
|
|
74
|
-
}));
|
|
75
|
-
};
|
|
76
|
-
return /*#__PURE__*/React.createElement("th", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
77
|
-
className: cn({
|
|
78
|
-
pinned: pinned,
|
|
79
|
-
scroll: pinned && scrollPosition.horizontal,
|
|
80
|
-
active: isSortActive
|
|
81
|
-
}, [className]),
|
|
82
|
-
style: {
|
|
83
|
-
minWidth: minWidth,
|
|
84
|
-
width: width
|
|
85
|
-
}
|
|
86
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
87
|
-
className: cn('inner')
|
|
88
|
-
}, children, renderNotice(), renderSorting()));
|
|
89
|
-
};
|
|
90
|
-
var _default = exports["default"] = TableTh;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-table-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-lkvas-table-tooltip__trigger{cursor:pointer}.mfui-lkvas-table-tooltip__tooltip{width:288px}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import './TableTooltip.scss';
|
|
3
|
-
export interface ITableTooltipProps {
|
|
4
|
-
/** Дополнительный класс корневого элемента */
|
|
5
|
-
className?: string;
|
|
6
|
-
/** Компонент-триггер */
|
|
7
|
-
trigger: React.ReactNode;
|
|
8
|
-
/** Заголовок */
|
|
9
|
-
title: string;
|
|
10
|
-
/** Текст */
|
|
11
|
-
text: string;
|
|
12
|
-
/** Текст кнопки */
|
|
13
|
-
buttonText?: string;
|
|
14
|
-
/** Отобразить кнопку закрытия */
|
|
15
|
-
hasCloseButton?: boolean;
|
|
16
|
-
/** Дополнительные классы для внутренних элементов */
|
|
17
|
-
classes?: {
|
|
18
|
-
root?: string;
|
|
19
|
-
tooltip?: string;
|
|
20
|
-
};
|
|
21
|
-
/** Обработчик клика по кнопке */
|
|
22
|
-
onButtonClick?: (e: React.SyntheticEvent<EventTarget, Event>) => void;
|
|
23
|
-
/** Обработчик клика по кнопке закрытия */
|
|
24
|
-
onCloseButtonClick?: (e: React.SyntheticEvent<EventTarget, Event>) => void;
|
|
25
|
-
}
|
|
26
|
-
declare const TableTooltip: React.FC<React.PropsWithChildren<ITableTooltipProps>>;
|
|
27
|
-
export default TableTooltip;
|
|
@@ -1,46 +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 _uiCore = require("@megafon/ui-core");
|
|
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
|
-
var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-table-tooltip');
|
|
14
|
-
var TableTooltip = function TableTooltip(_ref) {
|
|
15
|
-
var className = _ref.className,
|
|
16
|
-
trigger = _ref.trigger,
|
|
17
|
-
title = _ref.title,
|
|
18
|
-
text = _ref.text,
|
|
19
|
-
buttonText = _ref.buttonText,
|
|
20
|
-
hasCloseButton = _ref.hasCloseButton,
|
|
21
|
-
classes = _ref.classes,
|
|
22
|
-
onButtonClick = _ref.onButtonClick,
|
|
23
|
-
onCloseButtonClick = _ref.onCloseButtonClick;
|
|
24
|
-
var triggerRef = React.useRef(null);
|
|
25
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
26
|
-
className: cn([className, classes === null || classes === void 0 ? void 0 : classes.root])
|
|
27
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
28
|
-
className: cn('trigger'),
|
|
29
|
-
ref: triggerRef
|
|
30
|
-
}, trigger), /*#__PURE__*/React.createElement(_uiCore.Tooltip, {
|
|
31
|
-
className: cn('tooltip', [classes === null || classes === void 0 ? void 0 : classes.tooltip]),
|
|
32
|
-
title: title,
|
|
33
|
-
text: text,
|
|
34
|
-
buttonText: buttonText,
|
|
35
|
-
hasCloseButton: hasCloseButton,
|
|
36
|
-
onClick: onButtonClick,
|
|
37
|
-
onCloseButtonClick: onCloseButtonClick,
|
|
38
|
-
triggerElement: triggerRef,
|
|
39
|
-
placement: "bottom",
|
|
40
|
-
fallbackPlacements: ['top', 'left', 'right'],
|
|
41
|
-
triggerEvent: "click",
|
|
42
|
-
colorTheme: "blue",
|
|
43
|
-
offset: "small"
|
|
44
|
-
}));
|
|
45
|
-
};
|
|
46
|
-
var _default = exports["default"] = TableTooltip;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-table-tr:not(:last-child) td{border-bottom:1px solid var(--spbSky1)}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import './TableTr.scss';
|
|
3
|
-
export interface ITableTr {
|
|
4
|
-
/** Дополнительный класс корневого элемента */
|
|
5
|
-
className?: string;
|
|
6
|
-
/** Дополнительные data атрибуты к внутренним элементам */
|
|
7
|
-
dataAttrs?: {
|
|
8
|
-
root?: Record<string, string>;
|
|
9
|
-
};
|
|
10
|
-
}
|
|
11
|
-
declare const TableTr: React.FC<React.PropsWithChildren<ITableTr>>;
|
|
12
|
-
export default TableTr;
|
|
@@ -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-tr');
|
|
15
|
-
var TableTr = function TableTr(_ref) {
|
|
16
|
-
var className = _ref.className,
|
|
17
|
-
dataAttrs = _ref.dataAttrs,
|
|
18
|
-
children = _ref.children;
|
|
19
|
-
return /*#__PURE__*/React.createElement("tr", (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"] = TableTr;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var TableContext = /*#__PURE__*/(0, _react.createContext)({
|
|
9
|
-
scrollPosition: {
|
|
10
|
-
horizontal: 'none',
|
|
11
|
-
vertical: 'none'
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
var _default = exports["default"] = TableContext;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.calculateScrollPosition = void 0;
|
|
7
|
-
var calculateScrollPosition = exports.calculateScrollPosition = function calculateScrollPosition(scroll, delta) {
|
|
8
|
-
if (delta === 0) {
|
|
9
|
-
return 'none';
|
|
10
|
-
}
|
|
11
|
-
if (scroll === 0) {
|
|
12
|
-
return 'start';
|
|
13
|
-
}
|
|
14
|
-
if (scroll === delta) {
|
|
15
|
-
return 'end';
|
|
16
|
-
}
|
|
17
|
-
return 'between';
|
|
18
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-dropdown{position:relative}.mfui-lkvas-dropdown__modal{background-color:var(--base);border-radius:12px;-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;display:block;margin-top:8px;min-width:300px;opacity:0;padding:16px;position:absolute;top:100%;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;visibility:hidden;z-index:100}.mfui-lkvas-dropdown_position_right .mfui-lkvas-dropdown__modal{right:-2px}.mfui-lkvas-dropdown_position_left .mfui-lkvas-dropdown__modal{left:-2px}.mfui-lkvas-dropdown_opened .mfui-lkvas-dropdown__modal{opacity:1;visibility:visible}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import './Dropdown.scss';
|
|
3
|
-
export interface IDropdownProps {
|
|
4
|
-
className?: string;
|
|
5
|
-
position?: 'left' | 'right';
|
|
6
|
-
renderTrigger: (isOpened: boolean) => React.ReactNode;
|
|
7
|
-
dataAttrs?: {
|
|
8
|
-
root?: Record<string, string>;
|
|
9
|
-
};
|
|
10
|
-
}
|
|
11
|
-
declare const Dropdown: React.FC<React.PropsWithChildren<IDropdownProps>>;
|
|
12
|
-
export default Dropdown;
|
|
@@ -1,63 +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
|
-
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); }
|
|
13
|
-
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; }
|
|
14
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
|
-
var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-dropdown');
|
|
16
|
-
var Dropdown = function Dropdown(_ref) {
|
|
17
|
-
var className = _ref.className,
|
|
18
|
-
_ref$position = _ref.position,
|
|
19
|
-
position = _ref$position === void 0 ? 'right' : _ref$position,
|
|
20
|
-
renderTrigger = _ref.renderTrigger,
|
|
21
|
-
children = _ref.children,
|
|
22
|
-
dataAttrs = _ref.dataAttrs;
|
|
23
|
-
var _React$useState = React.useState(false),
|
|
24
|
-
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
25
|
-
isOpened = _React$useState2[0],
|
|
26
|
-
setIsOpened = _React$useState2[1];
|
|
27
|
-
var triggerRef = React.useRef(null);
|
|
28
|
-
var handleOutsideClick = React.useCallback(function (event) {
|
|
29
|
-
if (triggerRef.current && !triggerRef.current.contains(event.target)) {
|
|
30
|
-
setIsOpened(false);
|
|
31
|
-
}
|
|
32
|
-
}, []);
|
|
33
|
-
var handleTriggerClick = function handleTriggerClick() {
|
|
34
|
-
setIsOpened(function (state) {
|
|
35
|
-
return !state;
|
|
36
|
-
});
|
|
37
|
-
document.addEventListener('mouseup', handleOutsideClick);
|
|
38
|
-
};
|
|
39
|
-
React.useEffect(function () {
|
|
40
|
-
if (!isOpened) {
|
|
41
|
-
document.removeEventListener('mouseup', handleOutsideClick);
|
|
42
|
-
}
|
|
43
|
-
}, [handleOutsideClick, isOpened]);
|
|
44
|
-
React.useEffect(function () {
|
|
45
|
-
return function () {
|
|
46
|
-
return document.removeEventListener('mouseup', handleOutsideClick);
|
|
47
|
-
};
|
|
48
|
-
}, [handleOutsideClick]);
|
|
49
|
-
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
50
|
-
className: cn({
|
|
51
|
-
opened: isOpened,
|
|
52
|
-
position: position
|
|
53
|
-
}, [className])
|
|
54
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
55
|
-
className: cn('trigger'),
|
|
56
|
-
ref: triggerRef,
|
|
57
|
-
onClick: handleTriggerClick,
|
|
58
|
-
role: "presentation"
|
|
59
|
-
}, renderTrigger(isOpened)), /*#__PURE__*/React.createElement("div", {
|
|
60
|
-
className: cn('modal')
|
|
61
|
-
}, children));
|
|
62
|
-
};
|
|
63
|
-
var _default = exports["default"] = Dropdown;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-dropdown-info_top-border{border-top:1px solid var(--spbSky1);margin-top:8px;padding-top:8px}.mfui-lkvas-dropdown-info__inner{border-radius:12px;padding:12px 16px}.mfui-lkvas-dropdown-info__title{color:var(--spbSky3)}.mfui-lkvas-dropdown-info__subtitle{font-size:15px;font-weight:500;line-height:24px}
|