@salutejs/plasma-new-hope 0.344.0-canary.2390.20364773479.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 +14 -27
- package/dist/styled-components/cjs/components/Table/Table.tokens.js +1 -2
- package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/dist/styled-components/es/components/Table/Table.js +9 -16
- package/dist/styled-components/es/components/Table/Table.styles.js +14 -24
- package/dist/styled-components/es/components/Table/Table.tokens.js +1 -2
- package/dist/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- 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_a4393s.css +0 -13
- package/dist/css/es/components/Table/Table.styles_a4393s.css +0 -13
|
@@ -4,8 +4,7 @@ export var classes = {
|
|
|
4
4
|
sortingAscIcon: 'sorting-asc-icon',
|
|
5
5
|
sortingDescIcon: 'sorting-desc-icon',
|
|
6
6
|
filterIcon: 'filter-icon',
|
|
7
|
-
resizeDivider: 'resize-divider'
|
|
8
|
-
scrollableContainer: 'table-scrollable-container'
|
|
7
|
+
resizeDivider: 'resize-divider'
|
|
9
8
|
};
|
|
10
9
|
export var tableTokens = {
|
|
11
10
|
fontFamily: '--plasma-table-font-family',
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { component, mergeConfig } from "../../../engines";
|
|
2
|
-
import { comboboxNewConfig } from "../../..";
|
|
3
|
-
import { config } from "./Combobox.config";
|
|
4
|
-
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
-
var ComboboxComponent = component(mergedConfig);
|
|
6
|
-
var Combobox = ComboboxComponent;
|
|
7
|
-
export { Combobox };
|
|
@@ -19,7 +19,6 @@ _export(exports, {
|
|
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
20
20
|
var _reacttable = require("@tanstack/react-table");
|
|
21
21
|
var _plasmacore = require("@salutejs/plasma-core");
|
|
22
|
-
var _Tabletokens = require("./Table.tokens");
|
|
23
22
|
var _utils = require("./utils");
|
|
24
23
|
var _ui = require("./ui");
|
|
25
24
|
var _Tablestyles = require("./Table.styles");
|
|
@@ -179,7 +178,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
179
178
|
}
|
|
180
179
|
var tableRoot = function(Root) {
|
|
181
180
|
return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
|
|
182
|
-
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,
|
|
181
|
+
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, [
|
|
183
182
|
"data",
|
|
184
183
|
"onChange",
|
|
185
184
|
"columns",
|
|
@@ -193,11 +192,7 @@ var tableRoot = function(Root) {
|
|
|
193
192
|
"maxHeight",
|
|
194
193
|
"stickyHeader",
|
|
195
194
|
"onCellUpdate",
|
|
196
|
-
"setRowProps"
|
|
197
|
-
"topContent",
|
|
198
|
-
"bottomContent",
|
|
199
|
-
"loadingSlot",
|
|
200
|
-
"onScroll"
|
|
195
|
+
"setRowProps"
|
|
201
196
|
]);
|
|
202
197
|
var _useState = _sliced_to_array((0, _react.useState)(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
|
|
203
198
|
var _useState1 = _sliced_to_array((0, _react.useState)(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
|
|
@@ -320,7 +315,6 @@ var tableRoot = function(Root) {
|
|
|
320
315
|
onRowSelectionChange: handleRowSelection,
|
|
321
316
|
columnResizeMode: 'onChange',
|
|
322
317
|
columnResizeDirection: 'ltr',
|
|
323
|
-
manualPagination: true,
|
|
324
318
|
meta: {
|
|
325
319
|
updateData: function(rowId, columnId, value) {
|
|
326
320
|
if (onCellUpdate) {
|
|
@@ -334,12 +328,11 @@ var tableRoot = function(Root) {
|
|
|
334
328
|
data: data,
|
|
335
329
|
columns: columns,
|
|
336
330
|
view: view,
|
|
337
|
-
size: size
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
}, /*#__PURE__*/ _react.default.createElement(_Tablestyles.Table, {
|
|
331
|
+
size: size,
|
|
332
|
+
style: {
|
|
333
|
+
maxHeight: maxHeight || 'none'
|
|
334
|
+
}
|
|
335
|
+
}, props), /*#__PURE__*/ _react.default.createElement(_Tablestyles.Table, {
|
|
343
336
|
borderVariant: borderVariant,
|
|
344
337
|
stickyHeader: stickyHeader
|
|
345
338
|
}, /*#__PURE__*/ _react.default.createElement(_Tablestyles.Thead, {
|
|
@@ -386,7 +379,7 @@ var tableRoot = function(Root) {
|
|
|
386
379
|
additionalProps: additionalProps
|
|
387
380
|
});
|
|
388
381
|
}));
|
|
389
|
-
})))
|
|
382
|
+
}))));
|
|
390
383
|
});
|
|
391
384
|
};
|
|
392
385
|
var tableConfig = {
|
|
@@ -21,9 +21,6 @@ _export(exports, {
|
|
|
21
21
|
get Resizer () {
|
|
22
22
|
return Resizer;
|
|
23
23
|
},
|
|
24
|
-
get ScrollableWrapper () {
|
|
25
|
-
return ScrollableWrapper;
|
|
26
|
-
},
|
|
27
24
|
get StyledCheckbox () {
|
|
28
25
|
return StyledCheckbox;
|
|
29
26
|
},
|
|
@@ -106,21 +103,11 @@ var Divider = (0, _engines.component)(mergedDividerConfig);
|
|
|
106
103
|
var mergedLinkButtonConfig = (0, _engines.mergeConfig)(_LinkButton.linkButtonConfig);
|
|
107
104
|
var LinkButtonBase = (0, _engines.component)(mergedLinkButtonConfig);
|
|
108
105
|
var base = (0, _styledcomponents.css)([
|
|
109
|
-
"display:inline-
|
|
106
|
+
"display:inline-block;overflow-y:auto;"
|
|
110
107
|
]);
|
|
111
|
-
var ScrollableWrapper = _styledcomponents.default.div.withConfig({
|
|
112
|
-
displayName: "Table.styles__ScrollableWrapper",
|
|
113
|
-
componentId: "sc-c4913190-0"
|
|
114
|
-
})([
|
|
115
|
-
"overflow-y:auto;max-height:",
|
|
116
|
-
";"
|
|
117
|
-
], function(param) {
|
|
118
|
-
var maxHeight = param.maxHeight;
|
|
119
|
-
return maxHeight || 'none';
|
|
120
|
-
});
|
|
121
108
|
var Table = _styledcomponents.default.table.withConfig({
|
|
122
109
|
displayName: "Table.styles__Table",
|
|
123
|
-
componentId: "sc-
|
|
110
|
+
componentId: "sc-382f3104-0"
|
|
124
111
|
})([
|
|
125
112
|
"width:fit-content;font-family:var(",
|
|
126
113
|
");font-size:var(",
|
|
@@ -136,7 +123,7 @@ var Table = _styledcomponents.default.table.withConfig({
|
|
|
136
123
|
});
|
|
137
124
|
var Tr = _styledcomponents.default.tr.withConfig({
|
|
138
125
|
displayName: "Table.styles__Tr",
|
|
139
|
-
componentId: "sc-
|
|
126
|
+
componentId: "sc-382f3104-1"
|
|
140
127
|
})([
|
|
141
128
|
"box-sizing:content-box;width:fit-content;background-color:",
|
|
142
129
|
";"
|
|
@@ -146,11 +133,11 @@ var Tr = _styledcomponents.default.tr.withConfig({
|
|
|
146
133
|
});
|
|
147
134
|
var Thead = _styledcomponents.default.thead.withConfig({
|
|
148
135
|
displayName: "Table.styles__Thead",
|
|
149
|
-
componentId: "sc-
|
|
136
|
+
componentId: "sc-382f3104-2"
|
|
150
137
|
})([
|
|
151
138
|
"position:",
|
|
152
139
|
";top:0;background:",
|
|
153
|
-
";z-index:
|
|
140
|
+
";z-index:1;box-shadow:",
|
|
154
141
|
";",
|
|
155
142
|
"{background:transparent;}"
|
|
156
143
|
], function(param) {
|
|
@@ -166,13 +153,13 @@ var Thead = _styledcomponents.default.thead.withConfig({
|
|
|
166
153
|
}, Tr);
|
|
167
154
|
var Tbody = _styledcomponents.default.tbody.withConfig({
|
|
168
155
|
displayName: "Table.styles__Tbody",
|
|
169
|
-
componentId: "sc-
|
|
156
|
+
componentId: "sc-382f3104-3"
|
|
170
157
|
})([
|
|
171
158
|
""
|
|
172
159
|
]);
|
|
173
160
|
var Resizer = _styledcomponents.default.div.withConfig({
|
|
174
161
|
displayName: "Table.styles__Resizer",
|
|
175
|
-
componentId: "sc-
|
|
162
|
+
componentId: "sc-382f3104-4"
|
|
176
163
|
})([
|
|
177
164
|
"display:",
|
|
178
165
|
";position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;user-select:none;touch-action:none;"
|
|
@@ -182,12 +169,12 @@ var Resizer = _styledcomponents.default.div.withConfig({
|
|
|
182
169
|
});
|
|
183
170
|
var Th = _styledcomponents.default.th.withConfig({
|
|
184
171
|
displayName: "Table.styles__Th",
|
|
185
|
-
componentId: "sc-
|
|
172
|
+
componentId: "sc-382f3104-5"
|
|
186
173
|
})([
|
|
187
174
|
"padding:",
|
|
188
175
|
";position:relative;font-weight:600;text-align:left;height:var(",
|
|
189
176
|
");background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:",
|
|
190
|
-
"
|
|
177
|
+
";&:hover{",
|
|
191
178
|
"{display:block;}}"
|
|
192
179
|
], function(param) {
|
|
193
180
|
var selectionCell = param.selectionCell;
|
|
@@ -198,7 +185,7 @@ var Th = _styledcomponents.default.th.withConfig({
|
|
|
198
185
|
}, Resizer);
|
|
199
186
|
var StyledCheckbox = (0, _styledcomponents.default)(Checkbox).withConfig({
|
|
200
187
|
displayName: "Table.styles__StyledCheckbox",
|
|
201
|
-
componentId: "sc-
|
|
188
|
+
componentId: "sc-382f3104-6"
|
|
202
189
|
})([
|
|
203
190
|
"",
|
|
204
191
|
":var(",
|
|
@@ -218,7 +205,7 @@ var StyledCheckbox = (0, _styledcomponents.default)(Checkbox).withConfig({
|
|
|
218
205
|
], _Checkbox.checkboxTokens.triggerSize, _Tabletokens.tableTokens.checkboxTriggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Tabletokens.tableTokens.checkboxTriggerBorderRadius, _Checkbox.checkboxTokens.fillColor, _Tabletokens.tableTokens.checkboxFillColor, _Checkbox.checkboxTokens.iconColor, _Tabletokens.tableTokens.checkboxTriggerIconColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor, _Tabletokens.tableTokens.checkboxTriggerBorderCheckedColor, _Checkbox.checkboxTokens.triggerBorderWidth, _Tabletokens.tableTokens.checkboxTriggerBorderWidth, _Checkbox.checkboxTokens.triggerBorderColor, _Tabletokens.tableTokens.checkboxTriggerBorderColor);
|
|
219
206
|
var StyledDivider = (0, _styledcomponents.default)(Divider).withConfig({
|
|
220
207
|
displayName: "Table.styles__StyledDivider",
|
|
221
|
-
componentId: "sc-
|
|
208
|
+
componentId: "sc-382f3104-7"
|
|
222
209
|
})([
|
|
223
210
|
"",
|
|
224
211
|
":0.0625rem;",
|
|
@@ -227,7 +214,7 @@ var StyledDivider = (0, _styledcomponents.default)(Divider).withConfig({
|
|
|
227
214
|
], _Divider.dividerTokens.baseSideSize, _Divider.dividerTokens.background, _Divider.dividerTokens.borderRadius);
|
|
228
215
|
var Button = (0, _styledcomponents.default)(ButtonBase).withConfig({
|
|
229
216
|
displayName: "Table.styles__Button",
|
|
230
|
-
componentId: "sc-
|
|
217
|
+
componentId: "sc-382f3104-8"
|
|
231
218
|
})([
|
|
232
219
|
"",
|
|
233
220
|
":var(",
|
|
@@ -248,7 +235,7 @@ var Button = (0, _styledcomponents.default)(ButtonBase).withConfig({
|
|
|
248
235
|
], _Button.buttonTokens.buttonHeight, _Tabletokens.tableTokens.buttonHeight, _Button.buttonTokens.buttonDisabledOpacity, _Button.buttonTokens.buttonFontFamily, _Tabletokens.tableTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Tabletokens.tableTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Tabletokens.tableTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Tabletokens.tableTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Tabletokens.tableTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Tabletokens.tableTokens.buttonLineHeight);
|
|
249
236
|
var ButtonAccent = (0, _styledcomponents.default)(Button).withConfig({
|
|
250
237
|
displayName: "Table.styles__ButtonAccent",
|
|
251
|
-
componentId: "sc-
|
|
238
|
+
componentId: "sc-382f3104-9"
|
|
252
239
|
})([
|
|
253
240
|
"",
|
|
254
241
|
":var(--on-dark-text-primary);",
|
|
@@ -259,7 +246,7 @@ var ButtonAccent = (0, _styledcomponents.default)(Button).withConfig({
|
|
|
259
246
|
], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonValueColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive);
|
|
260
247
|
var LinkButton = (0, _styledcomponents.default)(LinkButtonBase).withConfig({
|
|
261
248
|
displayName: "Table.styles__LinkButton",
|
|
262
|
-
componentId: "sc-
|
|
249
|
+
componentId: "sc-382f3104-10"
|
|
263
250
|
})([
|
|
264
251
|
"",
|
|
265
252
|
":var(--text-primary);",
|
|
@@ -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,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,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 = {
|
|
@@ -15,21 +15,11 @@ var Divider = component(mergedDividerConfig);
|
|
|
15
15
|
var mergedLinkButtonConfig = mergeConfig(linkButtonConfig);
|
|
16
16
|
var LinkButtonBase = component(mergedLinkButtonConfig);
|
|
17
17
|
export var base = css([
|
|
18
|
-
"display:inline-
|
|
18
|
+
"display:inline-block;overflow-y:auto;"
|
|
19
19
|
]);
|
|
20
|
-
export var ScrollableWrapper = styled.div.withConfig({
|
|
21
|
-
displayName: "Table.styles__ScrollableWrapper",
|
|
22
|
-
componentId: "sc-c4913190-0"
|
|
23
|
-
})([
|
|
24
|
-
"overflow-y:auto;max-height:",
|
|
25
|
-
";"
|
|
26
|
-
], function(param) {
|
|
27
|
-
var maxHeight = param.maxHeight;
|
|
28
|
-
return maxHeight || 'none';
|
|
29
|
-
});
|
|
30
20
|
export var Table = styled.table.withConfig({
|
|
31
21
|
displayName: "Table.styles__Table",
|
|
32
|
-
componentId: "sc-
|
|
22
|
+
componentId: "sc-382f3104-0"
|
|
33
23
|
})([
|
|
34
24
|
"width:fit-content;font-family:var(",
|
|
35
25
|
");font-size:var(",
|
|
@@ -45,7 +35,7 @@ export var Table = styled.table.withConfig({
|
|
|
45
35
|
});
|
|
46
36
|
export var Tr = styled.tr.withConfig({
|
|
47
37
|
displayName: "Table.styles__Tr",
|
|
48
|
-
componentId: "sc-
|
|
38
|
+
componentId: "sc-382f3104-1"
|
|
49
39
|
})([
|
|
50
40
|
"box-sizing:content-box;width:fit-content;background-color:",
|
|
51
41
|
";"
|
|
@@ -55,11 +45,11 @@ export var Tr = styled.tr.withConfig({
|
|
|
55
45
|
});
|
|
56
46
|
export var Thead = styled.thead.withConfig({
|
|
57
47
|
displayName: "Table.styles__Thead",
|
|
58
|
-
componentId: "sc-
|
|
48
|
+
componentId: "sc-382f3104-2"
|
|
59
49
|
})([
|
|
60
50
|
"position:",
|
|
61
51
|
";top:0;background:",
|
|
62
|
-
";z-index:
|
|
52
|
+
";z-index:1;box-shadow:",
|
|
63
53
|
";",
|
|
64
54
|
"{background:transparent;}"
|
|
65
55
|
], function(param) {
|
|
@@ -75,13 +65,13 @@ export var Thead = styled.thead.withConfig({
|
|
|
75
65
|
}, Tr);
|
|
76
66
|
export var Tbody = styled.tbody.withConfig({
|
|
77
67
|
displayName: "Table.styles__Tbody",
|
|
78
|
-
componentId: "sc-
|
|
68
|
+
componentId: "sc-382f3104-3"
|
|
79
69
|
})([
|
|
80
70
|
""
|
|
81
71
|
]);
|
|
82
72
|
export var Resizer = styled.div.withConfig({
|
|
83
73
|
displayName: "Table.styles__Resizer",
|
|
84
|
-
componentId: "sc-
|
|
74
|
+
componentId: "sc-382f3104-4"
|
|
85
75
|
})([
|
|
86
76
|
"display:",
|
|
87
77
|
";position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;user-select:none;touch-action:none;"
|
|
@@ -91,12 +81,12 @@ export var Resizer = styled.div.withConfig({
|
|
|
91
81
|
});
|
|
92
82
|
export var Th = styled.th.withConfig({
|
|
93
83
|
displayName: "Table.styles__Th",
|
|
94
|
-
componentId: "sc-
|
|
84
|
+
componentId: "sc-382f3104-5"
|
|
95
85
|
})([
|
|
96
86
|
"padding:",
|
|
97
87
|
";position:relative;font-weight:600;text-align:left;height:var(",
|
|
98
88
|
");background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:",
|
|
99
|
-
"
|
|
89
|
+
";&:hover{",
|
|
100
90
|
"{display:block;}}"
|
|
101
91
|
], function(param) {
|
|
102
92
|
var selectionCell = param.selectionCell;
|
|
@@ -107,7 +97,7 @@ export var Th = styled.th.withConfig({
|
|
|
107
97
|
}, Resizer);
|
|
108
98
|
export var StyledCheckbox = styled(Checkbox).withConfig({
|
|
109
99
|
displayName: "Table.styles__StyledCheckbox",
|
|
110
|
-
componentId: "sc-
|
|
100
|
+
componentId: "sc-382f3104-6"
|
|
111
101
|
})([
|
|
112
102
|
"",
|
|
113
103
|
":var(",
|
|
@@ -127,7 +117,7 @@ export var StyledCheckbox = styled(Checkbox).withConfig({
|
|
|
127
117
|
], checkboxTokens.triggerSize, tokens.checkboxTriggerSize, checkboxTokens.triggerBorderRadius, tokens.checkboxTriggerBorderRadius, checkboxTokens.fillColor, tokens.checkboxFillColor, checkboxTokens.iconColor, tokens.checkboxTriggerIconColor, checkboxTokens.triggerBorderCheckedColor, tokens.checkboxTriggerBorderCheckedColor, checkboxTokens.triggerBorderWidth, tokens.checkboxTriggerBorderWidth, checkboxTokens.triggerBorderColor, tokens.checkboxTriggerBorderColor);
|
|
128
118
|
export var StyledDivider = styled(Divider).withConfig({
|
|
129
119
|
displayName: "Table.styles__StyledDivider",
|
|
130
|
-
componentId: "sc-
|
|
120
|
+
componentId: "sc-382f3104-7"
|
|
131
121
|
})([
|
|
132
122
|
"",
|
|
133
123
|
":0.0625rem;",
|
|
@@ -136,7 +126,7 @@ export var StyledDivider = styled(Divider).withConfig({
|
|
|
136
126
|
], dividerTokens.baseSideSize, dividerTokens.background, dividerTokens.borderRadius);
|
|
137
127
|
export var Button = styled(ButtonBase).withConfig({
|
|
138
128
|
displayName: "Table.styles__Button",
|
|
139
|
-
componentId: "sc-
|
|
129
|
+
componentId: "sc-382f3104-8"
|
|
140
130
|
})([
|
|
141
131
|
"",
|
|
142
132
|
":var(",
|
|
@@ -157,7 +147,7 @@ export var Button = styled(ButtonBase).withConfig({
|
|
|
157
147
|
], buttonTokens.buttonHeight, tokens.buttonHeight, buttonTokens.buttonDisabledOpacity, buttonTokens.buttonFontFamily, tokens.buttonFontFamily, buttonTokens.buttonFontSize, tokens.buttonFontSize, buttonTokens.buttonFontStyle, tokens.buttonFontStyle, buttonTokens.buttonFontWeight, tokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, tokens.buttonLineHeight);
|
|
158
148
|
export var ButtonAccent = styled(Button).withConfig({
|
|
159
149
|
displayName: "Table.styles__ButtonAccent",
|
|
160
|
-
componentId: "sc-
|
|
150
|
+
componentId: "sc-382f3104-9"
|
|
161
151
|
})([
|
|
162
152
|
"",
|
|
163
153
|
":var(--on-dark-text-primary);",
|
|
@@ -168,7 +158,7 @@ export var ButtonAccent = styled(Button).withConfig({
|
|
|
168
158
|
], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive);
|
|
169
159
|
export var LinkButton = styled(LinkButtonBase).withConfig({
|
|
170
160
|
displayName: "Table.styles__LinkButton",
|
|
171
|
-
componentId: "sc-
|
|
161
|
+
componentId: "sc-382f3104-10"
|
|
172
162
|
})([
|
|
173
163
|
"",
|
|
174
164
|
":var(--text-primary);",
|
|
@@ -4,8 +4,7 @@ export var classes = {
|
|
|
4
4
|
sortingAscIcon: 'sorting-asc-icon',
|
|
5
5
|
sortingDescIcon: 'sorting-desc-icon',
|
|
6
6
|
filterIcon: 'filter-icon',
|
|
7
|
-
resizeDivider: 'resize-divider'
|
|
8
|
-
scrollableContainer: 'table-scrollable-container'
|
|
7
|
+
resizeDivider: 'resize-divider'
|
|
9
8
|
};
|
|
10
9
|
export var tableTokens = {
|
|
11
10
|
fontFamily: '--plasma-table-font-family',
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { component, mergeConfig } from "../../../engines";
|
|
2
|
-
import { comboboxNewConfig } from "../../..";
|
|
3
|
-
import { config } from "./Combobox.config";
|
|
4
|
-
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
-
var ComboboxComponent = component(mergedConfig);
|
|
6
|
-
var Combobox = ComboboxComponent;
|
|
7
|
-
export { Combobox };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.344.0-canary.
|
|
3
|
+
"version": "0.344.0-canary.2392.20298160025.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
@@ -92,8 +92,8 @@
|
|
|
92
92
|
"@rollup/plugin-babel": "^6.0.4",
|
|
93
93
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
94
94
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
95
|
-
"@salutejs/plasma-cy-utils": "0.142.0-canary.
|
|
96
|
-
"@salutejs/plasma-sb-utils": "0.212.0-canary.
|
|
95
|
+
"@salutejs/plasma-cy-utils": "0.142.0-canary.2392.20298160025.0",
|
|
96
|
+
"@salutejs/plasma-sb-utils": "0.212.0-canary.2392.20298160025.0",
|
|
97
97
|
"@salutejs/plasma-themes": "0.38.0",
|
|
98
98
|
"@types/lodash": "^4.14.191",
|
|
99
99
|
"@types/lodash.chunk": "4.2.9",
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
"@linaria/react": "5.0.3",
|
|
123
123
|
"@popperjs/core": "2.11.8",
|
|
124
124
|
"@salutejs/input-core": "2.1.2",
|
|
125
|
-
"@salutejs/plasma-core": "1.212.0-canary.
|
|
125
|
+
"@salutejs/plasma-core": "1.212.0-canary.2392.20298160025.0",
|
|
126
126
|
"@salutejs/react-maskinput": "3.3.2",
|
|
127
127
|
"@tanstack/react-table": "8.21.2",
|
|
128
128
|
"@tanstack/react-virtual": "3.13.2",
|
|
@@ -142,5 +142,5 @@
|
|
|
142
142
|
"sideEffects": [
|
|
143
143
|
"*.css"
|
|
144
144
|
],
|
|
145
|
-
"gitHead": "
|
|
145
|
+
"gitHead": "12dc96e6e3134e7ef45234162a3cb28db4dfaff8"
|
|
146
146
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAcrE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAcrE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,OAAO,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AASzD,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFA8OhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAhPQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;CA0PpE,CAAC"}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
import type { CSSProperties } from 'react';
|
|
2
1
|
import { TableProps } from './Table.types';
|
|
3
2
|
export declare const base: import("@linaria/core").LinariaClassName;
|
|
4
|
-
export declare const ScrollableWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
5
|
-
maxHeight: CSSProperties["maxHeight"];
|
|
6
|
-
}>;
|
|
7
3
|
export declare const Table: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLTableElement> & import("react").TableHTMLAttributes<HTMLTableElement> & {
|
|
8
4
|
borderVariant: TableProps["borderVariant"];
|
|
9
5
|
stickyHeader?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.styles.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAe3C,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,KAAK;mBAAiC,UAAU,CAAC,eAAe,CAAC;mBAAiB,OAAO;EAerG,CAAC;AAEF,eAAO,MAAM,EAAE;eAA0B,OAAO;EAI/C,CAAC;AAEF,eAAO,MAAM,KAAK;UACR,UAAU,CAAC,MAAM,CAAC;mBACT,UAAU,CAAC,eAAe,CAAC;mBAC3B,OAAO;EAiBzB,CAAC;AAEF,eAAO,MAAM,KAAK,uLAAiB,CAAC;AAEpC,eAAO,MAAM,OAAO;gBAA4B,OAAO;EAYtD,CAAC;AAEF,eAAO,MAAM,EAAE;mBAA8B,UAAU,CAAC,eAAe,CAAC;oBAAkB,OAAO;EAsBhG,CAAC;AAEF,eAAO,MAAM,cAAc,iQAQ1B,CAAC;AAEF,eAAO,MAAM,aAAa,8OAIzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAUlB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAMxB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;qDAatB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"Table.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEvB,CAAC"}
|
|
@@ -129,22 +129,6 @@ export interface TableProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
|
|
|
129
129
|
* Сеттер свойств для строки
|
|
130
130
|
*/
|
|
131
131
|
setRowProps?: (row: TableRowData) => HTMLAttributes<any> & ThHTMLAttributes<any>;
|
|
132
|
-
/**
|
|
133
|
-
* Ячейка для контента над таблицей.
|
|
134
|
-
*/
|
|
135
|
-
topContent?: ReactNode;
|
|
136
|
-
/**
|
|
137
|
-
* Ячейка для контента под таблицей.
|
|
138
|
-
*/
|
|
139
|
-
bottomContent?: ReactNode;
|
|
140
|
-
/**
|
|
141
|
-
* Ячейка для лоадинга под контентом.
|
|
142
|
-
*/
|
|
143
|
-
loadingSlot?: ReactNode;
|
|
144
|
-
/**
|
|
145
|
-
* Обработчик сколла контента.
|
|
146
|
-
*/
|
|
147
|
-
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
|
148
132
|
/**
|
|
149
133
|
* Размер таблицы
|
|
150
134
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
.b1lxisuf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
|
|
2
|
-
.s15d4jbz{overflow-y:auto;max-height:var(--s15d4jbz-0);}
|
|
3
|
-
.t1ri3no5{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
|
|
4
|
-
.t1uk535o{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
|
|
5
|
-
.t1ezol8{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.t1ezol8 .t1uk535o{background:transparent;}
|
|
6
|
-
|
|
7
|
-
.redz16{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
|
|
8
|
-
.t3mgb7q{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);box-sizing:border-box;}.t3mgb7q:hover .redz16{display:block;}
|
|
9
|
-
.s177cehz{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
|
|
10
|
-
.seus4rw{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
|
|
11
|
-
.bfybxxj{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
|
|
12
|
-
.b1ql6jvb.bfybxxj{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
|
|
13
|
-
.lq32ky6{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
.b1lxisuf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
|
|
2
|
-
.s15d4jbz{overflow-y:auto;max-height:var(--s15d4jbz-0);}
|
|
3
|
-
.t1ri3no5{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t1ri3no5-0);}
|
|
4
|
-
.t1uk535o{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
|
|
5
|
-
.t1ezol8{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.t1ezol8 .t1uk535o{background:transparent;}
|
|
6
|
-
|
|
7
|
-
.redz16{display:var(--redz16-0);position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
|
|
8
|
-
.t3mgb7q{padding:var(--t3mgb7q-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t3mgb7q-1);box-sizing:border-box;}.t3mgb7q:hover .redz16{display:block;}
|
|
9
|
-
.s177cehz{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-table-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-table-checkbox-trigger-icon-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-table-checkbox-trigger-border-checked-color);--plasma-checkbox-trigger-border-width:var(--plasma-table-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-table-checkbox-trigger-border-color);}
|
|
10
|
-
.seus4rw{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
|
|
11
|
-
.bfybxxj{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
|
|
12
|
-
.b1ql6jvb.bfybxxj{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
|
|
13
|
-
.lq32ky6{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
|