@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
@@ -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 = {