@salutejs/plasma-new-hope 0.344.0-canary.2397.20370453452.0 → 0.344.0-canary.2397.20458161701.0

package/dist/emotion/cjs/components/Table/Table.js

@@ -19,6 +19,7 @@ _export(exports, {
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _reacttable = require("@tanstack/react-table");
 var _plasmacore = require("@salutejs/plasma-core");
+var _Tabletokens = require("./Table.tokens");
 var _utils = require("./utils");
 var _ui = require("./ui");
 var _Tablestyles = require("./Table.styles");
@@ -178,7 +179,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var tableRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        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, [
+        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, [
             "data",
             "onChange",
             "columns",
@@ -192,7 +193,11 @@ var tableRoot = function(Root) {
             "maxHeight",
             "stickyHeader",
             "onCellUpdate",
-            "setRowProps"
+            "setRowProps",
+            "topContent",
+            "bottomContent",
+            "loadingSlot",
+            "onScroll"
         ]);
         var _useState = _sliced_to_array((0, _react.useState)(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
         var _useState1 = _sliced_to_array((0, _react.useState)(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
@@ -315,6 +320,7 @@ var tableRoot = function(Root) {
             onRowSelectionChange: handleRowSelection,
             columnResizeMode: 'onChange',
             columnResizeDirection: 'ltr',
+            manualPagination: true,
             meta: {
                 updateData: function(rowId, columnId, value) {
                     if (onCellUpdate) {
@@ -328,11 +334,12 @@ var tableRoot = function(Root) {
             data: data,
             columns: columns,
             view: view,
-            size: size,
-            style: {
-                maxHeight: maxHeight || 'none'
-            }
-        }, props), /*#__PURE__*/ _react.default.createElement(_Tablestyles.Table, {
+            size: size
+        }, props), topContent, /*#__PURE__*/ _react.default.createElement(_Tablestyles.ScrollableWrapper, {
+            className: _Tabletokens.classes.scrollableContainer,
+            onScroll: onScroll,
+            maxHeight: maxHeight
+        }, /*#__PURE__*/ _react.default.createElement(_Tablestyles.Table, {
             borderVariant: borderVariant,
             stickyHeader: stickyHeader
         }, /*#__PURE__*/ _react.default.createElement(_Tablestyles.Thead, {
@@ -359,8 +366,6 @@ var tableRoot = function(Root) {
             }, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function(cell) {
                 var _cell_column_columnDef_meta_setCellProps, _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column, _cell_column_columnDef_meta1, _cell_column_columnDef1, _cell_column1;
                 var additionalProps = (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : (_cell_column_columnDef_meta_setCellProps = _cell_column_columnDef_meta.setCellProps) === null || _cell_column_columnDef_meta_setCellProps === void 0 ? void 0 : _cell_column_columnDef_meta_setCellProps.call(_cell_column_columnDef_meta, cell.row.original, cell.id)) || {};
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
                 return (cell === null || cell === void 0 ? void 0 : (_cell_column1 = cell.column) === null || _cell_column1 === void 0 ? void 0 : (_cell_column_columnDef1 = _cell_column1.columnDef) === null || _cell_column_columnDef1 === void 0 ? void 0 : (_cell_column_columnDef_meta1 = _cell_column_columnDef1.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.enableEditing) ? /*#__PURE__*/ _react.default.createElement(_ui.EditableCell, {
                     key: cell.id,
                     size: size,
@@ -379,7 +384,7 @@ var tableRoot = function(Root) {
                     additionalProps: additionalProps
                 });
             }));
-        }))));
+        }))), loadingSlot), bottomContent);
     });
 };
 var tableConfig = {