@redsift/table 11.9.4 → 12.0.0-muiv5

package/CONTRIBUTING.md

@@ -62,10 +62,6 @@ The Design System is following a monorepo architecture, providing multiple packa
 
   This package provides ready-to-use implementation of components with a customize style to fit Red Sift's use cases. It is based on all other packages.
 
-- _Deprecated_ `@redsift/design-system-legacy`
-
-  This package contains all components prior to the 6.0.0 version. These components are deprecated and contributing to this package is discouraged since it will be removed in the future.
-
 Please make sure to work inside the correct package when making contribution.
 
 If you need something inside more than one package, do not duplicate the code. Place it inside one package, export it from this package and import it inside the others.
@@ -410,8 +406,8 @@ yarn build:charts
 yarn build:dashboard
 yarn build:design-system
 yarn build:icons
-yarn build:legacy
 yarn build:table
+yarn build:products
 ```
 
 ## Publishing a release

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, mdiArrowUp, mdiArrowDown, mdiViewHeadline, mdiViewSequential, mdiViewStream, mdiChevronDown, 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 { 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 { 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';
@@ -10328,27 +10328,15 @@ 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(gridExpandedSortedRowEntriesSelector(apiRef.current.state));
-  const selectableRowsInPage = isRowSelectable ? rowsInPage.filter(_ref => {
-    let {
-      id,
-      model
-    } = _ref;
-    return isRowSelectable({
-      id,
-      row: model
-    });
-  }).map(_ref2 => {
-    let {
-      id
-    } = _ref2;
-    return id;
-  }) : rowsInPage.map(_ref3 => {
+  const rowsInPage = Array.from(apiRef.current.getVisibleRowModels().values());
+  const selectableRowsInPage = isRowSelectable ? rowsInPage.filter(model => isRowSelectable({
+    row: model
+  })).map(_ref => {
     let {
       id
-    } = _ref3;
+    } = _ref;
     return id;
-  });
+  }) : rowsInPage;
   const numberOfSelectableRowsInPage = selectableRowsInPage.length;
   const numberOfSelectedRows = newSelectionModel.length;
   const selectedRowsInPage = selectableRowsInPage.filter(rowId => newSelectionModel.includes(rowId));
@@ -10390,18 +10378,20 @@ const onServerSideSelectionStatusChange = (newSelectionModel, apiRef, selectionS
     };
   }
 };
-const ServerSideControlledPagination = _ref4 => {
+const ServerSideControlledPagination = _ref2 => {
   let {
     selectionStatus,
     displaySelection,
     displayPagination,
-    paginationModel,
-    onPaginationModelChange,
-    pageSizeOptions,
+    page,
+    onPageChange,
+    pageSize,
+    onPageSizeChange,
     displayRowsPerPage,
+    rowsPerPageOptions,
     paginationProps,
     rowCount
-  } = _ref4;
+  } = _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)` : ''}.`;
@@ -10417,17 +10407,13 @@ const ServerSideControlledPagination = _ref4 => {
   }, 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);
 };
 
@@ -10453,9 +10439,11 @@ const ControlledPagination = _ref3 => {
     displayPagination = false,
     selectionStatus,
     apiRef,
-    paginationModel,
-    onPaginationModelChange,
-    pageSizeOptions,
+    page,
+    onPageChange,
+    pageSize,
+    onPageSizeChange,
+    rowsPerPageOptions,
     isRowSelectable,
     paginationProps
   } = _ref3;
@@ -10485,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);
 };