@redsift/table 11.8.0-muiv5 → 11.8.0

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, mdiChevronUp, mdiChevronDown, mdiViewHeadline, mdiViewSequential, mdiViewStream, 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 { gridPaginatedVisibleSortedGridRowEntriesSelector, gridPaginatedVisibleSortedGridRowIdsSelector, 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 { 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';
@@ -10380,12 +10380,10 @@ const ServerSideControlledPagination = _ref3 => {
     selectionStatus,
     displaySelection,
     displayPagination,
-    page,
-    onPageChange,
-    pageSize,
-    onPageSizeChange,
+    paginationModel,
+    onPaginationModelChange,
+    pageSizeOptions,
     displayRowsPerPage,
-    rowsPerPageOptions,
     paginationProps,
     rowCount
   } = _ref3;
@@ -10404,13 +10402,17 @@ 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: 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);
 };
 
@@ -10436,11 +10438,9 @@ const ControlledPagination = _ref3 => {
     displayPagination = false,
     selectionStatus,
     apiRef,
-    page,
-    onPageChange,
-    pageSize,
-    onPageSizeChange,
-    rowsPerPageOptions,
+    paginationModel,
+    onPaginationModelChange,
+    pageSizeOptions,
     isRowSelectable,
     paginationProps
   } = _ref3;
@@ -10470,13 +10470,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);
 };