@salutejs/plasma-new-hope 0.344.0-canary.2390.20329173821.0 → 0.344.0-canary.2392.20298160025.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 +12 -13
- package/dist/css/cjs/components/Table/Table.js +7 -14
- package/dist/css/cjs/components/Table/Table.js.map +1 -1
- package/dist/css/cjs/components/Table/Table.styles.js +51 -66
- package/dist/css/cjs/components/Table/Table.styles.js.map +1 -1
- package/dist/css/cjs/components/Table/Table.styles_1jqvkrz.css +12 -0
- package/dist/css/cjs/components/Table/Table.tokens.js +1 -2
- package/dist/css/cjs/components/Table/Table.tokens.js.map +1 -1
- package/dist/css/cjs/components/Table/ui/Cell/Cell.css +12 -13
- package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +12 -13
- package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +12 -13
- package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +12 -13
- package/dist/css/cjs/index.css +12 -13
- package/dist/css/es/components/Table/Table.css +12 -13
- package/dist/css/es/components/Table/Table.js +8 -15
- package/dist/css/es/components/Table/Table.js.map +1 -1
- package/dist/css/es/components/Table/Table.styles.js +52 -66
- package/dist/css/es/components/Table/Table.styles.js.map +1 -1
- package/dist/css/es/components/Table/Table.styles_1jqvkrz.css +12 -0
- package/dist/css/es/components/Table/Table.tokens.js +1 -2
- package/dist/css/es/components/Table/Table.tokens.js.map +1 -1
- package/dist/css/es/components/Table/ui/Cell/Cell.css +12 -13
- package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +12 -13
- package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +12 -13
- package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +12 -13
- package/dist/css/es/index.css +12 -13
- package/dist/emotion/cjs/components/Table/Table.js +8 -15
- package/dist/emotion/cjs/components/Table/Table.styles.js +24 -34
- package/dist/emotion/cjs/components/Table/Table.tokens.js +1 -2
- package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/dist/emotion/es/components/Table/Table.js +9 -16
- package/dist/emotion/es/components/Table/Table.styles.js +24 -31
- package/dist/emotion/es/components/Table/Table.tokens.js +1 -2
- package/dist/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/dist/styled-components/cjs/components/Table/Table.js +8 -15
- package/dist/styled-components/cjs/components/Table/Table.styles.js +13 -26
- package/dist/styled-components/cjs/components/Table/Table.tokens.js +1 -2
- package/dist/styled-components/es/components/Table/Table.js +9 -16
- package/dist/styled-components/es/components/Table/Table.styles.js +13 -23
- package/dist/styled-components/es/components/Table/Table.tokens.js +1 -2
- package/package.json +5 -5
- package/types/components/Table/Table.d.ts.map +1 -1
- package/types/components/Table/Table.styles.d.ts +0 -4
- package/types/components/Table/Table.styles.d.ts.map +1 -1
- package/types/components/Table/Table.tokens.d.ts +0 -1
- package/types/components/Table/Table.tokens.d.ts.map +1 -1
- package/types/components/Table/Table.types.d.ts +0 -16
- package/types/components/Table/Table.types.d.ts.map +1 -1
- package/dist/css/cjs/components/Table/Table.styles_1evzpuw.css +0 -13
- package/dist/css/es/components/Table/Table.styles_1evzpuw.css +0 -13
|
@@ -22,8 +22,7 @@ var classes = {
|
|
|
22
22
|
sortingAscIcon: 'sorting-asc-icon',
|
|
23
23
|
sortingDescIcon: 'sorting-desc-icon',
|
|
24
24
|
filterIcon: 'filter-icon',
|
|
25
|
-
resizeDivider: 'resize-divider'
|
|
26
|
-
scrollableContainer: 'table-scrollable-container'
|
|
25
|
+
resizeDivider: 'resize-divider'
|
|
27
26
|
};
|
|
28
27
|
var tableTokens = {
|
|
29
28
|
fontFamily: '--plasma-table-font-family',
|
|
@@ -1 +1,16 @@
|
|
|
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,13 +114,12 @@ 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";
|
|
118
117
|
import { SELECT_COLUMN_ID } from "./utils";
|
|
119
118
|
import { HeadCell, Cell, EditableCell } from "./ui";
|
|
120
|
-
import { base, Table, Tr, Thead, StyledCheckbox, Tbody
|
|
119
|
+
import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from "./Table.styles";
|
|
121
120
|
export var tableRoot = function(Root) {
|
|
122
121
|
return /*#__PURE__*/ forwardRef(function(_param, ref) {
|
|
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,
|
|
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, [
|
|
124
123
|
"data",
|
|
125
124
|
"onChange",
|
|
126
125
|
"columns",
|
|
@@ -134,11 +133,7 @@ export var tableRoot = function(Root) {
|
|
|
134
133
|
"maxHeight",
|
|
135
134
|
"stickyHeader",
|
|
136
135
|
"onCellUpdate",
|
|
137
|
-
"setRowProps"
|
|
138
|
-
"topContent",
|
|
139
|
-
"bottomContent",
|
|
140
|
-
"loadingSlot",
|
|
141
|
-
"onScroll"
|
|
136
|
+
"setRowProps"
|
|
142
137
|
]);
|
|
143
138
|
var _useState = _sliced_to_array(useState(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
|
|
144
139
|
var _useState1 = _sliced_to_array(useState(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
|
|
@@ -261,7 +256,6 @@ export var tableRoot = function(Root) {
|
|
|
261
256
|
onRowSelectionChange: handleRowSelection,
|
|
262
257
|
columnResizeMode: 'onChange',
|
|
263
258
|
columnResizeDirection: 'ltr',
|
|
264
|
-
manualPagination: true,
|
|
265
259
|
meta: {
|
|
266
260
|
updateData: function(rowId, columnId, value) {
|
|
267
261
|
if (onCellUpdate) {
|
|
@@ -275,12 +269,11 @@ export var tableRoot = function(Root) {
|
|
|
275
269
|
data: data,
|
|
276
270
|
columns: columns,
|
|
277
271
|
view: view,
|
|
278
|
-
size: size
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
}, /*#__PURE__*/ React.createElement(Table, {
|
|
272
|
+
size: size,
|
|
273
|
+
style: {
|
|
274
|
+
maxHeight: maxHeight || 'none'
|
|
275
|
+
}
|
|
276
|
+
}, props), /*#__PURE__*/ React.createElement(Table, {
|
|
284
277
|
borderVariant: borderVariant,
|
|
285
278
|
stickyHeader: stickyHeader
|
|
286
279
|
}, /*#__PURE__*/ React.createElement(Thead, {
|
|
@@ -327,7 +320,7 @@ export var tableRoot = function(Root) {
|
|
|
327
320
|
additionalProps: additionalProps
|
|
328
321
|
});
|
|
329
322
|
}));
|
|
330
|
-
})))
|
|
323
|
+
}))));
|
|
331
324
|
});
|
|
332
325
|
};
|
|
333
326
|
export var tableConfig = {
|