@redsift/table 11.8.2 → 11.8.3

package/_internal/ControlledPagination.js

@@ -2,7 +2,7 @@ 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 { gridPaginatedVisibleSortedGridRowEntriesSelector, gridPaginatedVisibleSortedGridRowIdsSelector, gridFilteredSortedRowEntriesSelector, gridFilteredSortedRowIdsSelector } from '@mui/x-data-grid-pro';
+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';
@@ -10321,11 +10321,21 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
 var TablePagination$1 = TablePagination;
 
 const onServerSideSelectionStatusChange = (newSelectionModel, apiRef, selectionStatus, isRowSelectable, page, pageSize) => {
-  const selectableRowsInPage = isRowSelectable ? gridPaginatedVisibleSortedGridRowEntriesSelector(apiRef).filter(_ref => {
+  // We can't rely on the gridPaginatedVisibleSortedGridRowEntriesSelector(apiRef) function to fetch the list of visible rows
+  // as it doesn't work properly when all rows are selected on a page via checkbox
+  // and then navigate to another page.
+  // So instead we fetch the visible rows directly from the apiRef state, since the logic in `onServerSideSelectionStatusChange` applies
+  // 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(gridExpandedSortedRowEntriesSelector(apiRef.current.state));
+  const selectableRowsInPage = isRowSelectable ? rowsInPage.filter(_ref => {
     let {
+      id,
       model
     } = _ref;
     return isRowSelectable({
+      id,
       row: model
     });
   }).map(_ref2 => {
@@ -10333,7 +10343,12 @@ const onServerSideSelectionStatusChange = (newSelectionModel, apiRef, selectionS
       id
     } = _ref2;
     return id;
-  }) : gridPaginatedVisibleSortedGridRowIdsSelector(apiRef);
+  }) : rowsInPage.map(_ref3 => {
+    let {
+      id
+    } = _ref3;
+    return id;
+  });
   const numberOfSelectableRowsInPage = selectableRowsInPage.length;
   const numberOfSelectedRows = newSelectionModel.length;
   const selectedRowsInPage = selectableRowsInPage.filter(rowId => newSelectionModel.includes(rowId));
@@ -10375,7 +10390,7 @@ const onServerSideSelectionStatusChange = (newSelectionModel, apiRef, selectionS
     };
   }
 };
-const ServerSideControlledPagination = _ref3 => {
+const ServerSideControlledPagination = _ref4 => {
   let {
     selectionStatus,
     displaySelection,
@@ -10386,7 +10401,7 @@ const ServerSideControlledPagination = _ref3 => {
     displayRowsPerPage,
     paginationProps,
     rowCount
-  } = _ref3;
+  } = _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)` : ''}.`;