@redsift/table 11.8.2 → 11.8.3-muiv5

package/_internal/BasePopper.js

@@ -1,9 +1,9 @@
-import { a as _objectWithoutProperties, b as _extends$1 } from './_rollupPluginBabelHelpers.js';
+import { b as _objectWithoutProperties, a 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, mdiChevronUp, mdiChevronDown, mdiViewHeadline, mdiViewSequential, mdiViewStream, mdiChevronRight, mdiTrayArrowDown } from '@redsift/icons';
-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 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 { j as jsxRuntimeExports } from './jsx-runtime.js';
 
 var top = 'top';

package/_internal/ControlledPagination.js

@@ -1,9 +1,9 @@
-import { b as _extends$1 } from './_rollupPluginBabelHelpers.js';
+import { a 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 { 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 { 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 { j as jsxRuntimeExports } from './jsx-runtime.js';
 import { Global, keyframes } from '@emotion/react';
 import * as ReactDOM from 'react-dom';
@@ -10321,19 +10321,22 @@ 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 => {
-    let {
-      model
-    } = _ref;
-    return isRowSelectable({
-      row: model
-    });
-  }).map(_ref2 => {
+  // 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(apiRef.current.getVisibleRowModels().values());
+  const selectableRowsInPage = isRowSelectable ? rowsInPage.filter(model => isRowSelectable({
+    row: model
+  })).map(_ref => {
     let {
       id
-    } = _ref2;
+    } = _ref;
     return id;
-  }) : gridPaginatedVisibleSortedGridRowIdsSelector(apiRef);
+  }) : rowsInPage;
   const numberOfSelectableRowsInPage = selectableRowsInPage.length;
   const numberOfSelectedRows = newSelectionModel.length;
   const selectedRowsInPage = selectableRowsInPage.filter(rowId => newSelectionModel.includes(rowId));
@@ -10375,18 +10378,20 @@ const onServerSideSelectionStatusChange = (newSelectionModel, apiRef, selectionS
     };
   }
 };
-const ServerSideControlledPagination = _ref3 => {
+const ServerSideControlledPagination = _ref2 => {
   let {
     selectionStatus,
     displaySelection,
     displayPagination,
-    paginationModel,
-    onPaginationModelChange,
-    pageSizeOptions,
+    page,
+    onPageChange,
+    pageSize,
+    onPageSizeChange,
     displayRowsPerPage,
+    rowsPerPageOptions,
     paginationProps,
     rowCount
-  } = _ref3;
+  } = _ref2;
   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)` : ''}.`;
@@ -10402,17 +10407,13 @@ const ServerSideControlledPagination = _ref3 => {
   }, totalRowsLabel) : /*#__PURE__*/React__default.createElement(Text, null)) : null, displayPagination ? /*#__PURE__*/React__default.createElement(TablePagination$1, _extends$1({
     component: "div",
     count: totalNumberOfRowsInTable,
-    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 : []
+    page: page,
+    onPageChange: (event, newPage) => onPageChange(newPage),
+    rowsPerPage: pageSize,
+    onRowsPerPageChange: event => {
+      onPageSizeChange(parseInt(event.target.value, 10));
+    },
+    rowsPerPageOptions: displayRowsPerPage ? rowsPerPageOptions : []
   }, paginationProps)) : null);
 };
 
@@ -10438,9 +10439,11 @@ const ControlledPagination = _ref3 => {
     displayPagination = false,
     selectionStatus,
     apiRef,
-    paginationModel,
-    onPaginationModelChange,
-    pageSizeOptions,
+    page,
+    onPageChange,
+    pageSize,
+    onPageSizeChange,
+    rowsPerPageOptions,
     isRowSelectable,
     paginationProps
   } = _ref3;
@@ -10470,21 +10473,13 @@ 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: paginationModel.page,
-    onPageChange: (event, page) => {
-      onPaginationModelChange({
-        page,
-        pageSize: paginationModel.pageSize
-      });
-    },
-    rowsPerPage: paginationModel.pageSize,
+    page: page,
+    onPageChange: (event, newPage) => onPageChange(newPage),
+    rowsPerPage: pageSize,
     onRowsPerPageChange: event => {
-      onPaginationModelChange({
-        page: paginationModel.page,
-        pageSize: parseInt(event.target.value, 10)
-      });
+      onPageSizeChange(parseInt(event.target.value, 10));
     },
-    rowsPerPageOptions: displayRowsPerPage ? pageSizeOptions : []
+    rowsPerPageOptions: displayRowsPerPage ? rowsPerPageOptions : []
   }, paginationProps)) : null);
 };