@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.
Files changed (52) hide show
  1. package/dist/css/cjs/components/Table/Table.css +12 -13
  2. package/dist/css/cjs/components/Table/Table.js +7 -14
  3. package/dist/css/cjs/components/Table/Table.js.map +1 -1
  4. package/dist/css/cjs/components/Table/Table.styles.js +51 -66
  5. package/dist/css/cjs/components/Table/Table.styles.js.map +1 -1
  6. package/dist/css/cjs/components/Table/Table.styles_1jqvkrz.css +12 -0
  7. package/dist/css/cjs/components/Table/Table.tokens.js +1 -2
  8. package/dist/css/cjs/components/Table/Table.tokens.js.map +1 -1
  9. package/dist/css/cjs/components/Table/ui/Cell/Cell.css +12 -13
  10. package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +12 -13
  11. package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +12 -13
  12. package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +12 -13
  13. package/dist/css/cjs/index.css +12 -13
  14. package/dist/css/es/components/Table/Table.css +12 -13
  15. package/dist/css/es/components/Table/Table.js +8 -15
  16. package/dist/css/es/components/Table/Table.js.map +1 -1
  17. package/dist/css/es/components/Table/Table.styles.js +52 -66
  18. package/dist/css/es/components/Table/Table.styles.js.map +1 -1
  19. package/dist/css/es/components/Table/Table.styles_1jqvkrz.css +12 -0
  20. package/dist/css/es/components/Table/Table.tokens.js +1 -2
  21. package/dist/css/es/components/Table/Table.tokens.js.map +1 -1
  22. package/dist/css/es/components/Table/ui/Cell/Cell.css +12 -13
  23. package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +12 -13
  24. package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +12 -13
  25. package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +12 -13
  26. package/dist/css/es/index.css +12 -13
  27. package/dist/emotion/cjs/components/Table/Table.js +8 -15
  28. package/dist/emotion/cjs/components/Table/Table.styles.js +24 -34
  29. package/dist/emotion/cjs/components/Table/Table.tokens.js +1 -2
  30. package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
  31. package/dist/emotion/es/components/Table/Table.js +9 -16
  32. package/dist/emotion/es/components/Table/Table.styles.js +24 -31
  33. package/dist/emotion/es/components/Table/Table.tokens.js +1 -2
  34. package/dist/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  35. package/dist/styled-components/cjs/components/Table/Table.js +8 -15
  36. package/dist/styled-components/cjs/components/Table/Table.styles.js +14 -27
  37. package/dist/styled-components/cjs/components/Table/Table.tokens.js +1 -2
  38. package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
  39. package/dist/styled-components/es/components/Table/Table.js +9 -16
  40. package/dist/styled-components/es/components/Table/Table.styles.js +14 -24
  41. package/dist/styled-components/es/components/Table/Table.tokens.js +1 -2
  42. package/dist/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
  43. package/package.json +5 -5
  44. package/types/components/Table/Table.d.ts.map +1 -1
  45. package/types/components/Table/Table.styles.d.ts +0 -4
  46. package/types/components/Table/Table.styles.d.ts.map +1 -1
  47. package/types/components/Table/Table.tokens.d.ts +0 -1
  48. package/types/components/Table/Table.tokens.d.ts.map +1 -1
  49. package/types/components/Table/Table.types.d.ts +0 -16
  50. package/types/components/Table/Table.types.d.ts.map +1 -1
  51. package/dist/css/cjs/components/Table/Table.styles_a4393s.css +0 -13
  52. package/dist/css/es/components/Table/Table.styles_a4393s.css +0 -13
@@ -1031,19 +1031,18 @@
1031
1031
 
1032
1032
  .Cell_styles_1q2mjxm_tv72tnk__e6a383c5{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
1033
1033
 
1034
- .Table_styles_a4393s_b1lxisuf__8ccc8c18{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;}
1035
- .Table_styles_a4393s_s15d4jbz__8ccc8c18{overflow-y:auto;max-height:var(--s15d4jbz-0);}
1036
- .Table_styles_a4393s_t1ri3no5__8ccc8c18{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);}
1037
- .Table_styles_a4393s_t1uk535o__8ccc8c18{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1uk535o-0);}
1038
- .Table_styles_a4393s_t1ezol8__8ccc8c18{position:var(--t1ezol8-0);top:0;background:var(--t1ezol8-1);z-index:10;box-shadow:var(--t1ezol8-2);}.Table_styles_a4393s_t1ezol8__8ccc8c18 .Table_styles_a4393s_t1uk535o__8ccc8c18{background:transparent;}
1039
-
1040
- .Table_styles_a4393s_redz16__8ccc8c18{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;}
1041
- .Table_styles_a4393s_t3mgb7q__8ccc8c18{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;}.Table_styles_a4393s_t3mgb7q__8ccc8c18:hover .Table_styles_a4393s_redz16__8ccc8c18{display:block;}
1042
- .Table_styles_a4393s_s177cehz__8ccc8c18{--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);}
1043
- .Table_styles_a4393s_seus4rw__8ccc8c18{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
1044
- .Table_styles_a4393s_bfybxxj__8ccc8c18{--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);}
1045
- .Table_styles_a4393s_b1ql6jvb__8ccc8c18.Table_styles_a4393s_bfybxxj__8ccc8c18{--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);}
1046
- .Table_styles_a4393s_lq32ky6__8ccc8c18{--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);}
1034
+ .Table_styles_1jqvkrz_b1lxisuf__0454af64{display:inline-block;overflow-y:auto;}
1035
+ .Table_styles_1jqvkrz_t15d4jbz__0454af64{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);}
1036
+ .Table_styles_1jqvkrz_t1ri3no5__0454af64{box-sizing:content-box;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
1037
+ .Table_styles_1jqvkrz_t1uk535o__0454af64{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1jqvkrz_t1uk535o__0454af64 .Table_styles_1jqvkrz_t1ri3no5__0454af64{background:transparent;}
1038
+
1039
+ .Table_styles_1jqvkrz_r18b5m0z__0454af64{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;}
1040
+ .Table_styles_1jqvkrz_tedz16__0454af64{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);}.Table_styles_1jqvkrz_tedz16__0454af64:hover .Table_styles_1jqvkrz_r18b5m0z__0454af64{display:block;}
1041
+ .Table_styles_1jqvkrz_s3mgb7q__0454af64{--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);}
1042
+ .Table_styles_1jqvkrz_s177cehz__0454af64{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
1043
+ .Table_styles_1jqvkrz_beus4rw__0454af64{--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);}
1044
+ .Table_styles_1jqvkrz_bfybxxj__0454af64.Table_styles_1jqvkrz_beus4rw__0454af64{--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);}
1045
+ .Table_styles_1jqvkrz_l1ql6jvb__0454af64{--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);}
1047
1046
 
1048
1047
  .List_styles_97b8jq_bmg9h6q__1b4a3381{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;width:100%;list-style-type:none;padding:0;margin:0;}
1049
1048
 
@@ -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, topContent = _param.topContent, bottomContent = _param.bottomContent, loadingSlot = _param.loadingSlot, onScroll = _param.onScroll, 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, 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
- }, props), topContent, /*#__PURE__*/ _react.default.createElement(_Tablestyles.ScrollableWrapper, {
339
- className: _Tabletokens.classes.scrollableContainer,
340
- onScroll: onScroll,
341
- maxHeight: maxHeight
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
- }))), loadingSlot), bottomContent);
382
+ }))));
390
383
  });
391
384
  };
392
385
  var tableConfig = {