@salutejs/plasma-new-hope 0.344.0-canary.2399.20427286988.0 → 0.344.0-canary.2400.20429488881.0
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/dist/css/cjs/components/Table/Table.css +13 -12
- package/dist/css/cjs/components/Table/Table.js +14 -10
- package/dist/css/cjs/components/Table/Table.js.map +1 -1
- package/dist/css/cjs/components/Table/Table.styles.js +66 -51
- package/dist/css/cjs/components/Table/Table.styles.js.map +1 -1
- package/dist/css/cjs/components/Table/Table.styles_a4393s.css +13 -0
- package/dist/css/cjs/components/Table/Table.tokens.js +2 -1
- package/dist/css/cjs/components/Table/Table.tokens.js.map +1 -1
- package/dist/css/cjs/components/Table/ui/Cell/Cell.css +13 -12
- package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +13 -12
- package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +13 -12
- package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +13 -12
- package/dist/css/cjs/components/Tabs/utils/index.js +2 -5
- package/dist/css/cjs/components/Tabs/utils/index.js.map +1 -1
- package/dist/css/cjs/index.css +13 -12
- package/dist/css/es/components/Table/Table.css +13 -12
- package/dist/css/es/components/Table/Table.js +15 -11
- package/dist/css/es/components/Table/Table.js.map +1 -1
- package/dist/css/es/components/Table/Table.styles.js +66 -52
- package/dist/css/es/components/Table/Table.styles.js.map +1 -1
- package/dist/css/es/components/Table/Table.styles_a4393s.css +13 -0
- package/dist/css/es/components/Table/Table.tokens.js +2 -1
- package/dist/css/es/components/Table/Table.tokens.js.map +1 -1
- package/dist/css/es/components/Table/ui/Cell/Cell.css +13 -12
- package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +13 -12
- package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +13 -12
- package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +13 -12
- package/dist/css/es/components/Tabs/utils/index.js +2 -5
- package/dist/css/es/components/Tabs/utils/index.js.map +1 -1
- package/dist/css/es/index.css +13 -12
- package/dist/emotion/cjs/components/Table/Table.js +15 -10
- package/dist/emotion/cjs/components/Table/Table.styles.js +34 -24
- package/dist/emotion/cjs/components/Table/Table.tokens.js +2 -1
- package/dist/emotion/cjs/components/Tabs/utils/index.js +2 -4
- package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.types.js +4 -0
- package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/dist/emotion/es/components/Table/Table.js +16 -11
- package/dist/emotion/es/components/Table/Table.styles.js +31 -24
- package/dist/emotion/es/components/Table/Table.tokens.js +2 -1
- package/dist/emotion/es/components/Tabs/utils/index.js +2 -4
- package/dist/emotion/es/components/_beta/Tooltip/Tooltip.types.js +1 -0
- package/dist/styled-components/cjs/components/Table/Table.js +15 -10
- package/dist/styled-components/cjs/components/Table/Table.styles.js +27 -14
- package/dist/styled-components/cjs/components/Table/Table.tokens.js +2 -1
- package/dist/styled-components/cjs/components/Tabs/utils/index.js +2 -4
- package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.types.js +4 -0
- package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/dist/styled-components/es/components/Table/Table.js +16 -11
- package/dist/styled-components/es/components/Table/Table.styles.js +24 -14
- package/dist/styled-components/es/components/Table/Table.tokens.js +2 -1
- package/dist/styled-components/es/components/Tabs/utils/index.js +2 -4
- package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.types.js +1 -0
- package/package.json +5 -5
- package/types/components/Table/Table.d.ts.map +1 -1
- package/types/components/Table/Table.styles.d.ts +4 -0
- package/types/components/Table/Table.styles.d.ts.map +1 -1
- package/types/components/Table/Table.tokens.d.ts +1 -0
- package/types/components/Table/Table.tokens.d.ts.map +1 -1
- package/types/components/Table/Table.types.d.ts +16 -0
- package/types/components/Table/Table.types.d.ts.map +1 -1
- package/types/components/Tabs/utils/index.d.ts.map +1 -1
- package/types/components/_beta/Tooltip/Tooltip.types.d.ts +62 -0
- package/types/components/_beta/Tooltip/Tooltip.types.d.ts.map +1 -0
- package/dist/css/cjs/components/Table/Table.styles_1jqvkrz.css +0 -12
- package/dist/css/es/components/Table/Table.styles_1jqvkrz.css +0 -12
|
@@ -22,7 +22,8 @@ var classes = {
|
|
|
22
22
|
sortingAscIcon: 'sorting-asc-icon',
|
|
23
23
|
sortingDescIcon: 'sorting-desc-icon',
|
|
24
24
|
filterIcon: 'filter-icon',
|
|
25
|
-
resizeDivider: 'resize-divider'
|
|
25
|
+
resizeDivider: 'resize-divider',
|
|
26
|
+
scrollableContainer: 'table-scrollable-container'
|
|
26
27
|
};
|
|
27
28
|
var tableTokens = {
|
|
28
29
|
fontFamily: '--plasma-table-font-family',
|
|
@@ -16,7 +16,6 @@ _export(exports, {
|
|
|
16
16
|
return getLastOverflowingTab;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
var TOLERANCE = 1; // Погрешность для субпиксельного рендеринга
|
|
20
19
|
var getIsFirstOverflowingTab = function(item, maxScroll) {
|
|
21
20
|
var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
|
|
22
21
|
if (!item.current) {
|
|
@@ -26,7 +25,7 @@ var getIsFirstOverflowingTab = function(item, maxScroll) {
|
|
|
26
25
|
if (currentOffset === undefined) {
|
|
27
26
|
return;
|
|
28
27
|
}
|
|
29
|
-
return currentOffset < maxScroll
|
|
28
|
+
return currentOffset < maxScroll;
|
|
30
29
|
};
|
|
31
30
|
var getIsLastOverflowingTab = function(item, minScroll) {
|
|
32
31
|
var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
|
|
@@ -38,8 +37,7 @@ var getIsLastOverflowingTab = function(item, minScroll) {
|
|
|
38
37
|
return;
|
|
39
38
|
}
|
|
40
39
|
var additionalOffset = orientation === 'horizontal' ? item.current.offsetWidth : item.current.offsetHeight;
|
|
41
|
-
|
|
42
|
-
return itemRightEdge > minScroll + TOLERANCE;
|
|
40
|
+
return currentOffset + additionalOffset > minScroll;
|
|
43
41
|
};
|
|
44
42
|
var getFirstOverflowingTab = function(items, maxScroll) {
|
|
45
43
|
var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
|
|
@@ -1,16 +1 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "Combobox", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return Combobox;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _engines = require("../../../engines");
|
|
12
|
-
var _ = require("../../..");
|
|
13
|
-
var _Comboboxconfig = require("./Combobox.config");
|
|
14
|
-
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
|
15
|
-
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
|
16
|
-
var Combobox = ComboboxComponent;
|
|
@@ -114,12 +114,13 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
114
114
|
import React, { forwardRef, useState, useMemo, useRef } from "react";
|
|
115
115
|
import { getCoreRowModel, useReactTable, getSortedRowModel, getFilteredRowModel } from "@tanstack/react-table";
|
|
116
116
|
import { useForkRef } from "@salutejs/plasma-core";
|
|
117
|
+
import { classes } from "./Table.tokens";
|
|
117
118
|
import { SELECT_COLUMN_ID } from "./utils";
|
|
118
119
|
import { HeadCell, Cell, EditableCell } from "./ui";
|
|
119
|
-
import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from "./Table.styles";
|
|
120
|
+
import { base, Table, Tr, Thead, StyledCheckbox, Tbody, ScrollableWrapper } from "./Table.styles";
|
|
120
121
|
export var tableRoot = function(Root) {
|
|
121
122
|
return /*#__PURE__*/ forwardRef(function(_param, ref) {
|
|
122
|
-
var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, props = _object_without_properties(_param, [
|
|
123
|
+
var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, topContent = _param.topContent, bottomContent = _param.bottomContent, loadingSlot = _param.loadingSlot, onScroll = _param.onScroll, props = _object_without_properties(_param, [
|
|
123
124
|
"data",
|
|
124
125
|
"onChange",
|
|
125
126
|
"columns",
|
|
@@ -133,7 +134,11 @@ export var tableRoot = function(Root) {
|
|
|
133
134
|
"maxHeight",
|
|
134
135
|
"stickyHeader",
|
|
135
136
|
"onCellUpdate",
|
|
136
|
-
"setRowProps"
|
|
137
|
+
"setRowProps",
|
|
138
|
+
"topContent",
|
|
139
|
+
"bottomContent",
|
|
140
|
+
"loadingSlot",
|
|
141
|
+
"onScroll"
|
|
137
142
|
]);
|
|
138
143
|
var _useState = _sliced_to_array(useState(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
|
|
139
144
|
var _useState1 = _sliced_to_array(useState(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
|
|
@@ -256,6 +261,7 @@ export var tableRoot = function(Root) {
|
|
|
256
261
|
onRowSelectionChange: handleRowSelection,
|
|
257
262
|
columnResizeMode: 'onChange',
|
|
258
263
|
columnResizeDirection: 'ltr',
|
|
264
|
+
manualPagination: true,
|
|
259
265
|
meta: {
|
|
260
266
|
updateData: function(rowId, columnId, value) {
|
|
261
267
|
if (onCellUpdate) {
|
|
@@ -269,11 +275,12 @@ export var tableRoot = function(Root) {
|
|
|
269
275
|
data: data,
|
|
270
276
|
columns: columns,
|
|
271
277
|
view: view,
|
|
272
|
-
size: size
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
278
|
+
size: size
|
|
279
|
+
}, props), topContent, /*#__PURE__*/ React.createElement(ScrollableWrapper, {
|
|
280
|
+
className: classes.scrollableContainer,
|
|
281
|
+
onScroll: onScroll,
|
|
282
|
+
maxHeight: maxHeight
|
|
283
|
+
}, /*#__PURE__*/ React.createElement(Table, {
|
|
277
284
|
borderVariant: borderVariant,
|
|
278
285
|
stickyHeader: stickyHeader
|
|
279
286
|
}, /*#__PURE__*/ React.createElement(Thead, {
|
|
@@ -300,8 +307,6 @@ export var tableRoot = function(Root) {
|
|
|
300
307
|
}, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function(cell) {
|
|
301
308
|
var _cell_column_columnDef_meta_setCellProps, _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column, _cell_column_columnDef_meta1, _cell_column_columnDef1, _cell_column1;
|
|
302
309
|
var additionalProps = (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : (_cell_column_columnDef_meta_setCellProps = _cell_column_columnDef_meta.setCellProps) === null || _cell_column_columnDef_meta_setCellProps === void 0 ? void 0 : _cell_column_columnDef_meta_setCellProps.call(_cell_column_columnDef_meta, cell.row.original, cell.id)) || {};
|
|
303
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
304
|
-
// @ts-ignore
|
|
305
310
|
return (cell === null || cell === void 0 ? void 0 : (_cell_column1 = cell.column) === null || _cell_column1 === void 0 ? void 0 : (_cell_column_columnDef1 = _cell_column1.columnDef) === null || _cell_column_columnDef1 === void 0 ? void 0 : (_cell_column_columnDef_meta1 = _cell_column_columnDef1.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.enableEditing) ? /*#__PURE__*/ React.createElement(EditableCell, {
|
|
306
311
|
key: cell.id,
|
|
307
312
|
size: size,
|
|
@@ -320,7 +325,7 @@ export var tableRoot = function(Root) {
|
|
|
320
325
|
additionalProps: additionalProps
|
|
321
326
|
});
|
|
322
327
|
}));
|
|
323
|
-
}))));
|
|
328
|
+
}))), loadingSlot), bottomContent);
|
|
324
329
|
});
|
|
325
330
|
};
|
|
326
331
|
export var tableConfig = {
|