@salutejs/plasma-new-hope 0.344.0-canary.2386.20267123212.0 → 0.344.0-canary.2390.20283896115.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.
Files changed (39) hide show
  1. package/dist/css/cjs/components/Table/Table.css +13 -12
  2. package/dist/css/cjs/components/Table/Table.js +12 -7
  3. package/dist/css/cjs/components/Table/Table.js.map +1 -1
  4. package/dist/css/cjs/components/Table/Table.styles.js +66 -51
  5. package/dist/css/cjs/components/Table/Table.styles.js.map +1 -1
  6. package/dist/css/cjs/components/Table/Table.styles_1evzpuw.css +13 -0
  7. package/dist/css/cjs/components/Table/ui/Cell/Cell.css +13 -12
  8. package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +13 -12
  9. package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +13 -12
  10. package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +13 -12
  11. package/dist/css/cjs/index.css +13 -12
  12. package/dist/css/es/components/Table/Table.css +13 -12
  13. package/dist/css/es/components/Table/Table.js +13 -8
  14. package/dist/css/es/components/Table/Table.js.map +1 -1
  15. package/dist/css/es/components/Table/Table.styles.js +66 -52
  16. package/dist/css/es/components/Table/Table.styles.js.map +1 -1
  17. package/dist/css/es/components/Table/Table.styles_1evzpuw.css +13 -0
  18. package/dist/css/es/components/Table/ui/Cell/Cell.css +13 -12
  19. package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +13 -12
  20. package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +13 -12
  21. package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +13 -12
  22. package/dist/css/es/index.css +13 -12
  23. package/dist/emotion/cjs/components/Table/Table.js +13 -8
  24. package/dist/emotion/cjs/components/Table/Table.styles.js +34 -24
  25. package/dist/emotion/es/components/Table/Table.js +14 -9
  26. package/dist/emotion/es/components/Table/Table.styles.js +31 -24
  27. package/dist/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  28. package/dist/styled-components/cjs/components/Table/Table.js +13 -8
  29. package/dist/styled-components/cjs/components/Table/Table.styles.js +26 -13
  30. package/dist/styled-components/es/components/Table/Table.js +14 -9
  31. package/dist/styled-components/es/components/Table/Table.styles.js +23 -13
  32. package/package.json +5 -5
  33. package/types/components/Table/Table.d.ts.map +1 -1
  34. package/types/components/Table/Table.styles.d.ts +4 -0
  35. package/types/components/Table/Table.styles.d.ts.map +1 -1
  36. package/types/components/Table/Table.types.d.ts +16 -0
  37. package/types/components/Table/Table.types.d.ts.map +1 -1
  38. package/dist/css/cjs/components/Table/Table.styles_1jqvkrz.css +0 -12
  39. package/dist/css/es/components/Table/Table.styles_1jqvkrz.css +0 -12
@@ -0,0 +1,7 @@
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 };
@@ -178,7 +178,7 @@ function _unsupported_iterable_to_array(o, minLen) {
178
178
  }
179
179
  var tableRoot = function(Root) {
180
180
  return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
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, [
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, topContent = _param.topContent, bottomContent = _param.bottomContent, loadingSlot = _param.loadingSlot, onScroll = _param.onScroll, props = _object_without_properties(_param, [
182
182
  "data",
183
183
  "onChange",
184
184
  "columns",
@@ -192,7 +192,11 @@ var tableRoot = function(Root) {
192
192
  "maxHeight",
193
193
  "stickyHeader",
194
194
  "onCellUpdate",
195
- "setRowProps"
195
+ "setRowProps",
196
+ "topContent",
197
+ "bottomContent",
198
+ "loadingSlot",
199
+ "onScroll"
196
200
  ]);
197
201
  var _useState = _sliced_to_array((0, _react.useState)(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
198
202
  var _useState1 = _sliced_to_array((0, _react.useState)(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
@@ -315,6 +319,7 @@ var tableRoot = function(Root) {
315
319
  onRowSelectionChange: handleRowSelection,
316
320
  columnResizeMode: 'onChange',
317
321
  columnResizeDirection: 'ltr',
322
+ manualPagination: true,
318
323
  meta: {
319
324
  updateData: function(rowId, columnId, value) {
320
325
  if (onCellUpdate) {
@@ -328,11 +333,11 @@ var tableRoot = function(Root) {
328
333
  data: data,
329
334
  columns: columns,
330
335
  view: view,
331
- size: size,
332
- style: {
333
- maxHeight: maxHeight || 'none'
334
- }
335
- }, props), /*#__PURE__*/ _react.default.createElement(_Tablestyles.Table, {
336
+ size: size
337
+ }, props), topContent, /*#__PURE__*/ _react.default.createElement(_Tablestyles.ScrollableWrapper, {
338
+ onScroll: onScroll,
339
+ maxHeight: maxHeight
340
+ }, /*#__PURE__*/ _react.default.createElement(_Tablestyles.Table, {
336
341
  borderVariant: borderVariant,
337
342
  stickyHeader: stickyHeader
338
343
  }, /*#__PURE__*/ _react.default.createElement(_Tablestyles.Thead, {
@@ -379,7 +384,7 @@ var tableRoot = function(Root) {
379
384
  additionalProps: additionalProps
380
385
  });
381
386
  }));
382
- }))));
387
+ }))), loadingSlot), bottomContent);
383
388
  });
384
389
  };
385
390
  var tableConfig = {
@@ -21,6 +21,9 @@ _export(exports, {
21
21
  get Resizer () {
22
22
  return Resizer;
23
23
  },
24
+ get ScrollableWrapper () {
25
+ return ScrollableWrapper;
26
+ },
24
27
  get StyledCheckbox () {
25
28
  return StyledCheckbox;
26
29
  },
@@ -103,11 +106,21 @@ var Divider = (0, _engines.component)(mergedDividerConfig);
103
106
  var mergedLinkButtonConfig = (0, _engines.mergeConfig)(_LinkButton.linkButtonConfig);
104
107
  var LinkButtonBase = (0, _engines.component)(mergedLinkButtonConfig);
105
108
  var base = (0, _styledcomponents.css)([
106
- "display:inline-block;overflow-y:auto;"
109
+ "display:inline-flex;flex-direction:column;align-items:flex-start;"
107
110
  ]);
111
+ var ScrollableWrapper = _styledcomponents.default.div.withConfig({
112
+ displayName: "Table.styles__ScrollableWrapper",
113
+ componentId: "sc-508bc303-0"
114
+ })([
115
+ "overflow-y:auto;max-height:",
116
+ ";"
117
+ ], function(param) {
118
+ var maxHeight = param.maxHeight;
119
+ return maxHeight || 'none';
120
+ });
108
121
  var Table = _styledcomponents.default.table.withConfig({
109
122
  displayName: "Table.styles__Table",
110
- componentId: "sc-382f3104-0"
123
+ componentId: "sc-508bc303-1"
111
124
  })([
112
125
  "width:fit-content;font-family:var(",
113
126
  ");font-size:var(",
@@ -123,7 +136,7 @@ var Table = _styledcomponents.default.table.withConfig({
123
136
  });
124
137
  var Tr = _styledcomponents.default.tr.withConfig({
125
138
  displayName: "Table.styles__Tr",
126
- componentId: "sc-382f3104-1"
139
+ componentId: "sc-508bc303-2"
127
140
  })([
128
141
  "box-sizing:content-box;width:fit-content;background-color:",
129
142
  ";"
@@ -133,11 +146,11 @@ var Tr = _styledcomponents.default.tr.withConfig({
133
146
  });
134
147
  var Thead = _styledcomponents.default.thead.withConfig({
135
148
  displayName: "Table.styles__Thead",
136
- componentId: "sc-382f3104-2"
149
+ componentId: "sc-508bc303-3"
137
150
  })([
138
151
  "position:",
139
152
  ";top:0;background:",
140
- ";z-index:1;box-shadow:",
153
+ ";z-index:10;box-shadow:",
141
154
  ";",
142
155
  "{background:transparent;}"
143
156
  ], function(param) {
@@ -153,13 +166,13 @@ var Thead = _styledcomponents.default.thead.withConfig({
153
166
  }, Tr);
154
167
  var Tbody = _styledcomponents.default.tbody.withConfig({
155
168
  displayName: "Table.styles__Tbody",
156
- componentId: "sc-382f3104-3"
169
+ componentId: "sc-508bc303-4"
157
170
  })([
158
171
  ""
159
172
  ]);
160
173
  var Resizer = _styledcomponents.default.div.withConfig({
161
174
  displayName: "Table.styles__Resizer",
162
- componentId: "sc-382f3104-4"
175
+ componentId: "sc-508bc303-5"
163
176
  })([
164
177
  "display:",
165
178
  ";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;"
@@ -169,7 +182,7 @@ var Resizer = _styledcomponents.default.div.withConfig({
169
182
  });
170
183
  var Th = _styledcomponents.default.th.withConfig({
171
184
  displayName: "Table.styles__Th",
172
- componentId: "sc-382f3104-5"
185
+ componentId: "sc-508bc303-6"
173
186
  })([
174
187
  "padding:",
175
188
  ";position:relative;font-weight:600;text-align:left;height:var(",
@@ -185,7 +198,7 @@ var Th = _styledcomponents.default.th.withConfig({
185
198
  }, Resizer);
186
199
  var StyledCheckbox = (0, _styledcomponents.default)(Checkbox).withConfig({
187
200
  displayName: "Table.styles__StyledCheckbox",
188
- componentId: "sc-382f3104-6"
201
+ componentId: "sc-508bc303-7"
189
202
  })([
190
203
  "",
191
204
  ":var(",
@@ -205,7 +218,7 @@ var StyledCheckbox = (0, _styledcomponents.default)(Checkbox).withConfig({
205
218
  ], _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);
206
219
  var StyledDivider = (0, _styledcomponents.default)(Divider).withConfig({
207
220
  displayName: "Table.styles__StyledDivider",
208
- componentId: "sc-382f3104-7"
221
+ componentId: "sc-508bc303-8"
209
222
  })([
210
223
  "",
211
224
  ":0.0625rem;",
@@ -214,7 +227,7 @@ var StyledDivider = (0, _styledcomponents.default)(Divider).withConfig({
214
227
  ], _Divider.dividerTokens.baseSideSize, _Divider.dividerTokens.background, _Divider.dividerTokens.borderRadius);
215
228
  var Button = (0, _styledcomponents.default)(ButtonBase).withConfig({
216
229
  displayName: "Table.styles__Button",
217
- componentId: "sc-382f3104-8"
230
+ componentId: "sc-508bc303-9"
218
231
  })([
219
232
  "",
220
233
  ":var(",
@@ -235,7 +248,7 @@ var Button = (0, _styledcomponents.default)(ButtonBase).withConfig({
235
248
  ], _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);
236
249
  var ButtonAccent = (0, _styledcomponents.default)(Button).withConfig({
237
250
  displayName: "Table.styles__ButtonAccent",
238
- componentId: "sc-382f3104-9"
251
+ componentId: "sc-508bc303-10"
239
252
  })([
240
253
  "",
241
254
  ":var(--on-dark-text-primary);",
@@ -246,7 +259,7 @@ var ButtonAccent = (0, _styledcomponents.default)(Button).withConfig({
246
259
  ], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonValueColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive);
247
260
  var LinkButton = (0, _styledcomponents.default)(LinkButtonBase).withConfig({
248
261
  displayName: "Table.styles__LinkButton",
249
- componentId: "sc-382f3104-10"
262
+ componentId: "sc-508bc303-11"
250
263
  })([
251
264
  "",
252
265
  ":var(--text-primary);",
@@ -116,10 +116,10 @@ import { getCoreRowModel, useReactTable, getSortedRowModel, getFilteredRowModel
116
116
  import { useForkRef } from "@salutejs/plasma-core";
117
117
  import { SELECT_COLUMN_ID } from "./utils";
118
118
  import { HeadCell, Cell, EditableCell } from "./ui";
119
- import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from "./Table.styles";
119
+ import { base, Table, Tr, Thead, StyledCheckbox, Tbody, ScrollableWrapper } from "./Table.styles";
120
120
  export var tableRoot = function(Root) {
121
121
  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, [
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, topContent = _param.topContent, bottomContent = _param.bottomContent, loadingSlot = _param.loadingSlot, onScroll = _param.onScroll, props = _object_without_properties(_param, [
123
123
  "data",
124
124
  "onChange",
125
125
  "columns",
@@ -133,7 +133,11 @@ export var tableRoot = function(Root) {
133
133
  "maxHeight",
134
134
  "stickyHeader",
135
135
  "onCellUpdate",
136
- "setRowProps"
136
+ "setRowProps",
137
+ "topContent",
138
+ "bottomContent",
139
+ "loadingSlot",
140
+ "onScroll"
137
141
  ]);
138
142
  var _useState = _sliced_to_array(useState(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
139
143
  var _useState1 = _sliced_to_array(useState(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
@@ -256,6 +260,7 @@ export var tableRoot = function(Root) {
256
260
  onRowSelectionChange: handleRowSelection,
257
261
  columnResizeMode: 'onChange',
258
262
  columnResizeDirection: 'ltr',
263
+ manualPagination: true,
259
264
  meta: {
260
265
  updateData: function(rowId, columnId, value) {
261
266
  if (onCellUpdate) {
@@ -269,11 +274,11 @@ export var tableRoot = function(Root) {
269
274
  data: data,
270
275
  columns: columns,
271
276
  view: view,
272
- size: size,
273
- style: {
274
- maxHeight: maxHeight || 'none'
275
- }
276
- }, props), /*#__PURE__*/ React.createElement(Table, {
277
+ size: size
278
+ }, props), topContent, /*#__PURE__*/ React.createElement(ScrollableWrapper, {
279
+ onScroll: onScroll,
280
+ maxHeight: maxHeight
281
+ }, /*#__PURE__*/ React.createElement(Table, {
277
282
  borderVariant: borderVariant,
278
283
  stickyHeader: stickyHeader
279
284
  }, /*#__PURE__*/ React.createElement(Thead, {
@@ -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 = {
@@ -15,11 +15,21 @@ 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-block;overflow-y:auto;"
18
+ "display:inline-flex;flex-direction:column;align-items:flex-start;"
19
19
  ]);
20
+ export var ScrollableWrapper = styled.div.withConfig({
21
+ displayName: "Table.styles__ScrollableWrapper",
22
+ componentId: "sc-508bc303-0"
23
+ })([
24
+ "overflow-y:auto;max-height:",
25
+ ";"
26
+ ], function(param) {
27
+ var maxHeight = param.maxHeight;
28
+ return maxHeight || 'none';
29
+ });
20
30
  export var Table = styled.table.withConfig({
21
31
  displayName: "Table.styles__Table",
22
- componentId: "sc-382f3104-0"
32
+ componentId: "sc-508bc303-1"
23
33
  })([
24
34
  "width:fit-content;font-family:var(",
25
35
  ");font-size:var(",
@@ -35,7 +45,7 @@ export var Table = styled.table.withConfig({
35
45
  });
36
46
  export var Tr = styled.tr.withConfig({
37
47
  displayName: "Table.styles__Tr",
38
- componentId: "sc-382f3104-1"
48
+ componentId: "sc-508bc303-2"
39
49
  })([
40
50
  "box-sizing:content-box;width:fit-content;background-color:",
41
51
  ";"
@@ -45,11 +55,11 @@ export var Tr = styled.tr.withConfig({
45
55
  });
46
56
  export var Thead = styled.thead.withConfig({
47
57
  displayName: "Table.styles__Thead",
48
- componentId: "sc-382f3104-2"
58
+ componentId: "sc-508bc303-3"
49
59
  })([
50
60
  "position:",
51
61
  ";top:0;background:",
52
- ";z-index:1;box-shadow:",
62
+ ";z-index:10;box-shadow:",
53
63
  ";",
54
64
  "{background:transparent;}"
55
65
  ], function(param) {
@@ -65,13 +75,13 @@ export var Thead = styled.thead.withConfig({
65
75
  }, Tr);
66
76
  export var Tbody = styled.tbody.withConfig({
67
77
  displayName: "Table.styles__Tbody",
68
- componentId: "sc-382f3104-3"
78
+ componentId: "sc-508bc303-4"
69
79
  })([
70
80
  ""
71
81
  ]);
72
82
  export var Resizer = styled.div.withConfig({
73
83
  displayName: "Table.styles__Resizer",
74
- componentId: "sc-382f3104-4"
84
+ componentId: "sc-508bc303-5"
75
85
  })([
76
86
  "display:",
77
87
  ";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;"
@@ -81,7 +91,7 @@ export var Resizer = styled.div.withConfig({
81
91
  });
82
92
  export var Th = styled.th.withConfig({
83
93
  displayName: "Table.styles__Th",
84
- componentId: "sc-382f3104-5"
94
+ componentId: "sc-508bc303-6"
85
95
  })([
86
96
  "padding:",
87
97
  ";position:relative;font-weight:600;text-align:left;height:var(",
@@ -97,7 +107,7 @@ export var Th = styled.th.withConfig({
97
107
  }, Resizer);
98
108
  export var StyledCheckbox = styled(Checkbox).withConfig({
99
109
  displayName: "Table.styles__StyledCheckbox",
100
- componentId: "sc-382f3104-6"
110
+ componentId: "sc-508bc303-7"
101
111
  })([
102
112
  "",
103
113
  ":var(",
@@ -117,7 +127,7 @@ export var StyledCheckbox = styled(Checkbox).withConfig({
117
127
  ], 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);
118
128
  export var StyledDivider = styled(Divider).withConfig({
119
129
  displayName: "Table.styles__StyledDivider",
120
- componentId: "sc-382f3104-7"
130
+ componentId: "sc-508bc303-8"
121
131
  })([
122
132
  "",
123
133
  ":0.0625rem;",
@@ -126,7 +136,7 @@ export var StyledDivider = styled(Divider).withConfig({
126
136
  ], dividerTokens.baseSideSize, dividerTokens.background, dividerTokens.borderRadius);
127
137
  export var Button = styled(ButtonBase).withConfig({
128
138
  displayName: "Table.styles__Button",
129
- componentId: "sc-382f3104-8"
139
+ componentId: "sc-508bc303-9"
130
140
  })([
131
141
  "",
132
142
  ":var(",
@@ -147,7 +157,7 @@ export var Button = styled(ButtonBase).withConfig({
147
157
  ], 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);
148
158
  export var ButtonAccent = styled(Button).withConfig({
149
159
  displayName: "Table.styles__ButtonAccent",
150
- componentId: "sc-382f3104-9"
160
+ componentId: "sc-508bc303-10"
151
161
  })([
152
162
  "",
153
163
  ":var(--on-dark-text-primary);",
@@ -158,7 +168,7 @@ export var ButtonAccent = styled(Button).withConfig({
158
168
  ], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive);
159
169
  export var LinkButton = styled(LinkButtonBase).withConfig({
160
170
  displayName: "Table.styles__LinkButton",
161
- componentId: "sc-382f3104-10"
171
+ componentId: "sc-508bc303-11"
162
172
  })([
163
173
  "",
164
174
  ":var(--text-primary);",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.344.0-canary.2386.20267123212.0",
3
+ "version": "0.344.0-canary.2390.20283896115.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.2386.20267123212.0",
96
- "@salutejs/plasma-sb-utils": "0.212.0-canary.2386.20267123212.0",
95
+ "@salutejs/plasma-cy-utils": "0.142.0-canary.2390.20283896115.0",
96
+ "@salutejs/plasma-sb-utils": "0.212.0-canary.2390.20283896115.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.2386.20267123212.0",
125
+ "@salutejs/plasma-core": "1.212.0-canary.2390.20283896115.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": "47d4efd164429eda865c64a90a0a0af36da3512f"
145
+ "gitHead": "6fc723d47742acbe532ca78e4043ff3c2b6f1ece"
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;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
+ {"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,sFAqPhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAvPQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;CAiQpE,CAAC"}
@@ -1,5 +1,9 @@
1
+ import type { CSSProperties } from 'react';
1
2
  import { TableProps } from './Table.types';
2
3
  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
+ }>;
3
7
  export declare const Table: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLTableElement> & import("react").TableHTMLAttributes<HTMLTableElement> & {
4
8
  borderVariant: TableProps["borderVariant"];
5
9
  stickyHeader?: boolean;
@@ -1 +1 @@
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
+ {"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAU3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAe3C,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,iBAAiB;eAA2B,aAAa,CAAC,WAAW,CAAC;EAGlF,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"}
@@ -129,6 +129,22 @@ 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;
132
148
  /**
133
149
  * Размер таблицы
134
150
  */
@@ -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,12 +0,0 @@
1
- .b1lxisuf{display:inline-block;overflow-y:auto;}
2
- .t15d4jbz{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(--t15d4jbz-0);}
3
- .t1ri3no5{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
4
- .t1uk535o{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.t1uk535o .t1ri3no5{background:transparent;}
5
-
6
- .r18b5m0z{display:var(--r18b5m0z-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;}
7
- .tedz16{padding:var(--tedz16-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(--tedz16-1);}.tedz16:hover .r18b5m0z{display:block;}
8
- .s3mgb7q{--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);}
9
- .s177cehz{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
10
- .beus4rw{--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);}
11
- .bfybxxj.beus4rw{--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);}
12
- .l1ql6jvb{--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,12 +0,0 @@
1
- .b1lxisuf{display:inline-block;overflow-y:auto;}
2
- .t15d4jbz{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(--t15d4jbz-0);}
3
- .t1ri3no5{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
4
- .t1uk535o{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.t1uk535o .t1ri3no5{background:transparent;}
5
-
6
- .r18b5m0z{display:var(--r18b5m0z-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;}
7
- .tedz16{padding:var(--tedz16-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(--tedz16-1);}.tedz16:hover .r18b5m0z{display:block;}
8
- .s3mgb7q{--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);}
9
- .s177cehz{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
10
- .beus4rw{--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);}
11
- .bfybxxj.beus4rw{--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);}
12
- .l1ql6jvb{--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);}