@redsift/table 10.3.0-muiv5-alpha.1 → 10.3.0-muiv5-alpha.2

package/CONTRIBUTING.md

@@ -58,6 +58,10 @@ The Design System is following a monorepo architecture, providing multiple packa
 
   This package provides dashboard-related components and decorators to make charts and datagrid filterable using [crossfilter](https://crossfilter.github.io/crossfilter/).
 
+- `@redsift/products`
+
+  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.

package/index.d.ts

@@ -79,6 +79,7 @@ interface DataGridProps extends Partial<Pick<DataGridProProps, 'rows'>>, Omit<Da
     /** Theme. */
     theme?: Theme;
     onSelectionStatusChange?: (newSelectionStatus: SelectionStatusType) => void;
+    isPreviousData?: boolean;
 }
 type SelectionStatusType = 'page' | 'table' | 'other' | 'none';
 type SelectionStatus = {

package/index.js

@@ -21646,14 +21646,14 @@ const TooltipContent = /*#__PURE__*/forwardRef((props, ref) => {
   }, isOpen && /*#__PURE__*/React__default.createElement(StyledTooltipContent, _extends$2({
     className: classNames(TooltipContent.className, className),
     ref: popoverRef,
-    $theme: theme,
+    $theme: theme
+  }, getFloatingProps(props), {
     style: _objectSpread2({
       position: strategy,
       top: y !== null && y !== void 0 ? y : 0,
       left: x !== null && x !== void 0 ? x : 0,
       visibility: x == null ? 'hidden' : 'visible'
-    }, style)
-  }, getFloatingProps(props), {
+    }, style),
     $placement: placement
   }), /*#__PURE__*/React__default.createElement("div", {
     ref: arrowRef,
@@ -24717,9 +24717,18 @@ const onServerSideSelectionStatusChange = _ref => {
     return;
   }
   if (selectionStatusType === 'page' && isSamePage && isSamePageSize && numberOfSelectedRowsInPage === numberOfSelectableRowsInPage) {
+    setSelectionStatusType('none');
+    selectionStatus.current = {
+      type: 'none',
+      numberOfSelectedRows,
+      numberOfSelectedRowsInPage,
+      page,
+      pageSize
+    };
     setTimeout(() => {
       apiRef.current.selectRows(selectedRowsInPage, false, false);
     }, 0);
+    return;
   }
   if (numberOfSelectedRowsInPage === numberOfSelectableRowsInPage && numberOfSelectableRowsInPage != 0) {
     setSelectionStatusType('page');
@@ -24730,7 +24739,9 @@ const onServerSideSelectionStatusChange = _ref => {
       page,
       pageSize
     };
-  } else if (numberOfSelectedRows > 0) {
+    return;
+  }
+  if (numberOfSelectedRows > 0) {
     setSelectionStatusType('other');
     selectionStatus.current = {
       type: 'other',
@@ -24739,16 +24750,17 @@ const onServerSideSelectionStatusChange = _ref => {
       page,
       pageSize
     };
-  } else {
-    setSelectionStatusType('none');
-    selectionStatus.current = {
-      type: 'none',
-      numberOfSelectedRows,
-      numberOfSelectedRowsInPage,
-      page,
-      pageSize
-    };
+    return;
   }
+  setSelectionStatusType('none');
+  selectionStatus.current = {
+    type: 'none',
+    numberOfSelectedRows,
+    numberOfSelectedRowsInPage,
+    page,
+    pageSize
+  };
+  return;
 };
 
 const getSelectableRowsInTable = (apiRef, isRowSelectable) => {
@@ -24819,7 +24831,7 @@ const ControlledPagination = _ref => {
 };
 
 const _excluded$1 = ["hideToolbar", "RenderedToolbar", "filterModel", "onFilterModelChange", "pagination", "paginationPlacement", "selectionStatus", "selectionStatusType", "setSelectionStatusType", "apiRef", "isRowSelectable", "page", "onPageChange", "pageSize", "onPageSizeChange", "rowsPerPageOptions", "paginationProps", "paginationMode", "rowCount"],
-  _excluded2 = ["apiRef", "autoHeight", "className", "components", "componentsProps", "filterModel", "height", "hideToolbar", "initialState", "isRowSelectable", "license", "onFilterModelChange", "onPageChange", "onPageSizeChange", "selectionModel", "onSelectionModelChange", "page", "pageSize", "pagination", "paginationPlacement", "paginationProps", "rows", "rowsPerPageOptions", "sx", "theme", "paginationMode", "rowCount", "onSelectionStatusChange"];
+  _excluded2 = ["apiRef", "autoHeight", "className", "components", "componentsProps", "filterModel", "height", "hideToolbar", "initialState", "isRowSelectable", "license", "onFilterModelChange", "onPageChange", "onPageSizeChange", "selectionModel", "onSelectionModelChange", "page", "pageSize", "pagination", "paginationPlacement", "paginationProps", "rows", "rowsPerPageOptions", "sx", "theme", "paginationMode", "rowCount", "onSelectionStatusChange", "isPreviousData"];
 const COMPONENT_NAME$1 = 'DataGrid';
 const CLASSNAME$1 = 'redsift-datagrid';
 const DEFAULT_PROPS = {
@@ -24913,7 +24925,8 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
       theme: propsTheme,
       paginationMode = 'client',
       rowCount,
-      onSelectionStatusChange: propsOnSelectionStatusChange
+      onSelectionStatusChange: propsOnSelectionStatusChange,
+      isPreviousData
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded2);
   const theme = useTheme$4(propsTheme);
@@ -24972,13 +24985,10 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
       setPageSize(propsPageSize);
     }
   }, [propsPageSize]);
-  const onSelectionStatusChange = selectionStatusType => {
+  useEffect(() => {
     if (propsOnSelectionStatusChange) {
       propsOnSelectionStatusChange(selectionStatusType);
     }
-  };
-  useEffect(() => {
-    onSelectionStatusChange(selectionStatusType);
   }, [selectionStatusType]);
 
   // in server-side pagination we want to update the selection status
@@ -24997,6 +25007,14 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
       });
     }
   }, [selectionModel, page, pageSize]);
+  useEffect(() => {
+    if (paginationMode === 'server' && selectionStatusType === 'table' && !isPreviousData) {
+      const selectableRowsInPage = getSelectableRowsInTable(apiRef, isRowSelectable);
+      setTimeout(() => {
+        apiRef.current.selectRows(selectableRowsInPage, false, true);
+      }, 0);
+    }
+  }, [isPreviousData]);
   if (!Array.isArray(rows)) {
     return null;
   }