@redsift/table 11.10.0-muiv5 → 11.10.0-muiv6

package/_internal/BasePopper.js

@@ -1,9 +1,9 @@
-import { b as _objectWithoutProperties, a as _extends$1 } from './_rollupPluginBabelHelpers.js';
+import { a as _objectWithoutProperties, b as _extends$1 } from './_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import React__default, { forwardRef } from 'react';
 import { ButtonsColorPalette, IconButton, Button, Checkbox, Icon } from '@redsift/design-system';
 import { mdiFilterVariant, mdiViewColumn, mdiArrowUp, mdiArrowDown, mdiViewHeadline, mdiViewSequential, mdiViewStream, mdiChevronDown, mdiChevronRight, mdiTrayArrowDown } from '@redsift/icons';
-import { j as generateUtilityClass, h as generateUtilityClasses, _ as _objectWithoutPropertiesLoose, p as ownerDocument, q as Portal, a as _extends, t as chainPropTypes, P as PropTypes, H as HTMLElementType, o as refType, v as useForkRef, w as useEnhancedEffect, x as useSlotProps, n as composeClasses, y as useClassNamesOverride, k as styled, f as useTheme, l as useThemeProps } from './Portal.js';
+import { f as generateUtilityClass, g as generateUtilityClasses, _ as _objectWithoutPropertiesLoose, o as ownerDocument, n as Portal, a as _extends, p as chainPropTypes, P as PropTypes, H as HTMLElementType, m as refType, q as useForkRef, t as useEnhancedEffect, v as useSlotProps, l as composeClasses, w as useClassNamesOverride, h as styled, x as useTheme, j as useThemeProps } from './Portal.js';
 import { j as jsxRuntimeExports } from './jsx-runtime.js';
 
 var top = 'top';

package/_internal/ControlledPagination.js

@@ -1,9 +1,9 @@
-import { a as _extends$1 } from './_rollupPluginBabelHelpers.js';
+import { b as _extends$1 } from './_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import React__default, { Children, isValidElement, cloneElement, createElement } from 'react';
 import { Flexbox, Text, LinkButton } from '@redsift/design-system';
-import { gridFilteredSortedRowEntriesSelector, gridFilteredSortedRowIdsSelector } from '@mui/x-data-grid-pro';
-import { t as chainPropTypes, P as PropTypes, p as ownerDocument, w as useEnhancedEffect, u as useTheme$1, z as defaultTheme, T as THEME_ID, v as useForkRef, e as exactProp, j as generateUtilityClass, h as generateUtilityClasses, _ as _objectWithoutPropertiesLoose, a as _extends, x as useSlotProps, q as Portal, H as HTMLElementType, n as composeClasses, y as useClassNamesOverride, k as styled, l as useThemeProps, c as clsx, A as isHostComponent, o as refType, m as capitalize, B as formatMuiErrorMessage, r as rootShouldForwardProp, D as deepmerge, E as reactIsExports, F as resolveComponentProps, G as alpha, I as slotShouldForwardProp, J as lighten, K as darken } from './Portal.js';
+import { gridExpandedSortedRowEntriesSelector, gridFilteredSortedRowEntriesSelector, gridFilteredSortedRowIdsSelector } from '@mui/x-data-grid-pro';
+import { p as chainPropTypes, P as PropTypes, o as ownerDocument, t as useEnhancedEffect, u as useTheme$1, y as defaultTheme, T as THEME_ID, q as useForkRef, z as exactProp, f as generateUtilityClass, g as generateUtilityClasses, _ as _objectWithoutPropertiesLoose, a as _extends, v as useSlotProps, n as Portal, H as HTMLElementType, l as composeClasses, w as useClassNamesOverride, h as styled, j as useThemeProps, c as clsx, A as isHostComponent, m as refType, k as capitalize, B as formatMuiErrorMessage, r as rootShouldForwardProp, D as deepmerge, E as reactIsExports, F as resolveComponentProps, G as alpha, I as slotShouldForwardProp, J as lighten, K as darken } from './Portal.js';
 import { j as jsxRuntimeExports } from './jsx-runtime.js';
 import { Global, keyframes } from '@emotion/react';
 import * as ReactDOM from 'react-dom';
@@ -10328,15 +10328,27 @@ const onServerSideSelectionStatusChange = (newSelectionModel, apiRef, selectionS
   // to server-side pagination only and visible rows are all loaded rows.
   // The bug may have been latent for several MUI releases now, as it seems to have been fixed in MUI v7.
   // See https://github.com/mui/mui-x/pull/14083
-  const rowsInPage = Array.from(apiRef.current.getVisibleRowModels().values());
-  const selectableRowsInPage = isRowSelectable ? rowsInPage.filter(model => isRowSelectable({
-    row: model
-  })).map(_ref => {
+  const rowsInPage = Array.from(gridExpandedSortedRowEntriesSelector(apiRef.current.state));
+  const selectableRowsInPage = isRowSelectable ? rowsInPage.filter(_ref => {
     let {
-      id
+      id,
+      model
     } = _ref;
+    return isRowSelectable({
+      id,
+      row: model
+    });
+  }).map(_ref2 => {
+    let {
+      id
+    } = _ref2;
+    return id;
+  }) : rowsInPage.map(_ref3 => {
+    let {
+      id
+    } = _ref3;
     return id;
-  }) : rowsInPage;
+  });
   const numberOfSelectableRowsInPage = selectableRowsInPage.length;
   const numberOfSelectedRows = newSelectionModel.length;
   const selectedRowsInPage = selectableRowsInPage.filter(rowId => newSelectionModel.includes(rowId));
@@ -10378,20 +10390,18 @@ const onServerSideSelectionStatusChange = (newSelectionModel, apiRef, selectionS
     };
   }
 };
-const ServerSideControlledPagination = _ref2 => {
+const ServerSideControlledPagination = _ref4 => {
   let {
     selectionStatus,
     displaySelection,
     displayPagination,
-    page,
-    onPageChange,
-    pageSize,
-    onPageSizeChange,
+    paginationModel,
+    onPaginationModelChange,
+    pageSizeOptions,
     displayRowsPerPage,
-    rowsPerPageOptions,
     paginationProps,
     rowCount
-  } = _ref2;
+  } = _ref4;
   const totalNumberOfRowsInTable = rowCount;
   const totalRowsLabel = `${selectionStatus.numberOfSelectedRows} row${selectionStatus.numberOfSelectedRows > 1 ? 's' : ''} selected`;
   const pageRowsLabel = `All ${selectionStatus.numberOfSelectedRowsInPage} selectable rows on this page are selected${selectionStatus.numberOfSelectedRows != selectionStatus.numberOfSelectedRowsInPage ? ` (${selectionStatus.numberOfSelectedRows} row${selectionStatus.numberOfSelectedRows > 1 ? 's' : ''} selected in total)` : ''}.`;
@@ -10407,13 +10417,17 @@ const ServerSideControlledPagination = _ref2 => {
   }, totalRowsLabel) : /*#__PURE__*/React__default.createElement(Text, null)) : null, displayPagination ? /*#__PURE__*/React__default.createElement(TablePagination$1, _extends$1({
     component: "div",
     count: totalNumberOfRowsInTable,
-    page: page,
-    onPageChange: (event, newPage) => onPageChange(newPage),
-    rowsPerPage: pageSize,
-    onRowsPerPageChange: event => {
-      onPageSizeChange(parseInt(event.target.value, 10));
-    },
-    rowsPerPageOptions: displayRowsPerPage ? rowsPerPageOptions : []
+    page: paginationModel.page,
+    onPageChange: (event, page) => onPaginationModelChange({
+      page,
+      pageSize: paginationModel.pageSize
+    }),
+    rowsPerPage: paginationModel.pageSize,
+    onRowsPerPageChange: event => onPaginationModelChange({
+      page: paginationModel.page,
+      pageSize: parseInt(event.target.value, 10)
+    }),
+    rowsPerPageOptions: displayRowsPerPage ? pageSizeOptions : []
   }, paginationProps)) : null);
 };
 
@@ -10439,11 +10453,9 @@ const ControlledPagination = _ref3 => {
     displayPagination = false,
     selectionStatus,
     apiRef,
-    page,
-    onPageChange,
-    pageSize,
-    onPageSizeChange,
-    rowsPerPageOptions,
+    paginationModel,
+    onPaginationModelChange,
+    pageSizeOptions,
     isRowSelectable,
     paginationProps
   } = _ref3;
@@ -10473,13 +10485,21 @@ const ControlledPagination = _ref3 => {
   }, `${selectionStatus.numberOfSelectedRows} row${selectionStatus.numberOfSelectedRows > 1 ? 's' : ''} selected`) : /*#__PURE__*/React__default.createElement(Text, null)) : null, displayPagination ? /*#__PURE__*/React__default.createElement(TablePagination$1, _extends$1({
     component: "div",
     count: numberOfFilteredRowsInTable,
-    page: page,
-    onPageChange: (event, newPage) => onPageChange(newPage),
-    rowsPerPage: pageSize,
+    page: paginationModel.page,
+    onPageChange: (event, page) => {
+      onPaginationModelChange({
+        page,
+        pageSize: paginationModel.pageSize
+      });
+    },
+    rowsPerPage: paginationModel.pageSize,
     onRowsPerPageChange: event => {
-      onPageSizeChange(parseInt(event.target.value, 10));
+      onPaginationModelChange({
+        page: paginationModel.page,
+        pageSize: parseInt(event.target.value, 10)
+      });
     },
-    rowsPerPageOptions: displayRowsPerPage ? rowsPerPageOptions : []
+    rowsPerPageOptions: displayRowsPerPage ? pageSizeOptions : []
   }, paginationProps)) : null);
 };