@redsift/table 9.2.0-muiv5 → 9.2.1-muiv5

package/index.js

@@ -24165,14 +24165,29 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
 } : void 0;
 var TablePagination$1 = TablePagination;
 
-const _excluded$1 = ["apiRef", "autoHeight", "className", "components", "componentsProps", "filterModel", "height", "hideToolbar", "initialState", "license", "onFilterModelChange", "onPageChange", "onPageSizeChange", "onSelectionModelChange", "page", "pageSize", "pagination", "paginationPlacement", "rows", "rowsPerPageOptions", "sx"];
+const _excluded$1 = ["apiRef", "autoHeight", "className", "components", "componentsProps", "filterModel", "height", "hideToolbar", "initialState", "isRowSelectable", "license", "onFilterModelChange", "onPageChange", "onPageSizeChange", "onSelectionModelChange", "page", "pageSize", "pagination", "paginationPlacement", "rows", "rowsPerPageOptions", "sx"];
 const COMPONENT_NAME$1 = 'DataGrid';
 const CLASSNAME$1 = 'redsift-datagrid';
 const DEFAULT_PROPS = {
   license: process.env.MUI_LICENSE_KEY,
   paginationPlacement: 'both'
 };
-const Pagination = _ref => {
+const getSelectableRowsInTable = (apiRef, isRowSelectable) => {
+  return isRowSelectable && typeof isRowSelectable === 'function' ? gridFilteredSortedRowEntriesSelector(apiRef).filter(_ref => {
+    let {
+      model
+    } = _ref;
+    return isRowSelectable === null || isRowSelectable === void 0 ? void 0 : isRowSelectable({
+      row: model
+    });
+  }).map(_ref2 => {
+    let {
+      id
+    } = _ref2;
+    return id;
+  }) : gridFilteredSortedRowIdsSelector(apiRef);
+};
+const Pagination = _ref3 => {
   let {
     displaySelection = false,
     displayRowsPerPage = false,
@@ -24183,9 +24198,13 @@ const Pagination = _ref => {
     onPageChange,
     pageSize,
     onPageSizeChange,
-    rowsPerPageOptions
-  } = _ref;
-  const rowsCount = apiRef.current.state.pagination.rowCount;
+    rowsPerPageOptions,
+    isRowSelectable
+  } = _ref3;
+  const filteredRowsInTable = getSelectableRowsInTable(apiRef);
+  const selectableRowsInTable = getSelectableRowsInTable(apiRef, isRowSelectable);
+  const numberOfFilteredRowsInTable = filteredRowsInTable.length;
+  const numberOfSelectableRowsInTable = selectableRowsInTable.length;
   return /*#__PURE__*/React__default.createElement(Flexbox, {
     flexDirection: "row",
     alignItems: "center",
@@ -24193,13 +24212,13 @@ const Pagination = _ref => {
     marginBottom: "7px"
   }, displaySelection ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, selectionStatus.type === 'page' ? /*#__PURE__*/React__default.createElement(Text, {
     fontSize: "14px"
-  }, `All ${selectionStatus.numberOfSelectedRows}${rowsCount !== selectionStatus.numberOfSelectableRowsInTable ? ' selectable' : ''} rows on this page are selected. `, /*#__PURE__*/React__default.createElement(LinkButton, {
+  }, `All ${selectionStatus.numberOfSelectedRows}${numberOfFilteredRowsInTable !== numberOfSelectableRowsInTable ? ' selectable' : ''} rows on this page are selected. `, /*#__PURE__*/React__default.createElement(LinkButton, {
     onClick: () => {
-      apiRef.current.selectRows(apiRef.current.getAllRowIds());
+      apiRef.current.selectRows(numberOfSelectableRowsInTable ? selectableRowsInTable : apiRef.current.getAllRowIds());
     }
-  }, "Select all ", selectionStatus.numberOfSelectableRowsInTable, rowsCount !== selectionStatus.numberOfSelectableRowsInTable ? ' selectable' : '', " rows in the table.")) : selectionStatus.type === 'table' ? /*#__PURE__*/React__default.createElement(Text, {
+  }, "Select all ", numberOfSelectableRowsInTable, numberOfFilteredRowsInTable !== numberOfSelectableRowsInTable ? ' selectable' : '', " rows in the table.")) : selectionStatus.type === 'table' ? /*#__PURE__*/React__default.createElement(Text, {
     fontSize: "14px"
-  }, `All ${selectionStatus.numberOfSelectedRows}${rowsCount !== selectionStatus.numberOfSelectableRowsInTable ? ' selectable' : ''} rows in the table are selected. `, /*#__PURE__*/React__default.createElement(LinkButton, {
+  }, `All ${selectionStatus.numberOfSelectedRows}${numberOfFilteredRowsInTable !== numberOfSelectableRowsInTable ? ' selectable' : ''} rows in the table are selected. `, /*#__PURE__*/React__default.createElement(LinkButton, {
     onClick: () => {
       apiRef.current.selectRows([], false, true);
     }
@@ -24207,11 +24226,13 @@ const Pagination = _ref => {
     fontSize: "14px"
   }, `${selectionStatus.numberOfSelectedRows} row${selectionStatus.numberOfSelectedRows > 1 ? 's' : ''} selected`) : /*#__PURE__*/React__default.createElement(Text, null)) : null, displayPagination ? /*#__PURE__*/React__default.createElement(TablePagination$1, {
     component: "div",
-    count: rowsCount,
+    count: numberOfFilteredRowsInTable,
     page: page,
     onPageChange: (event, newPage) => onPageChange(newPage),
     rowsPerPage: pageSize,
-    onRowsPerPageChange: event => onPageSizeChange(parseInt(event.target.value, 10)),
+    onRowsPerPageChange: event => {
+      onPageSizeChange(parseInt(event.target.value, 10));
+    },
     rowsPerPageOptions: displayRowsPerPage ? rowsPerPageOptions : []
   }) : null);
 };
@@ -24228,6 +24249,7 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
       height: propsHeight,
       hideToolbar,
       initialState,
+      isRowSelectable,
       license,
       onFilterModelChange: propsOnFilterModelChange,
       onPageChange: propsOnPageChange,
@@ -24249,9 +24271,7 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
   const height = propsHeight !== null && propsHeight !== void 0 ? propsHeight : autoHeight ? undefined : '500px';
   const selectionStatus = useRef({
     type: 'none',
-    numberOfSelectedRows: 0,
-    numberOfSelectableRowsInPage: 0,
-    numberOfSelectableRowsInTable: 0
+    numberOfSelectedRows: 0
   });
   const [filterModel, setFilterModel] = useState(propsFilterModel);
   useEffect(() => {
@@ -24274,13 +24294,18 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
     }
   };
   const onPageSizeChange = pageSize => {
+    onPageChange(0);
     if (propsOnPageSizeChange) {
       propsOnPageSizeChange(pageSize, undefined);
     } else {
       setPageSize(pageSize);
-      setPage(0);
     }
   };
+  useEffect(() => {
+    if (propsPageSize) {
+      setPageSize(propsPageSize);
+    }
+  }, [propsPageSize]);
   if (!Array.isArray(rows)) {
     return null;
   }
@@ -24346,7 +24371,8 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
           onPageChange: onPageChange,
           pageSize: pageSize,
           onPageSizeChange: onPageSizeChange,
-          rowsPerPageOptions: rowsPerPageOptions
+          rowsPerPageOptions: rowsPerPageOptions,
+          isRowSelectable: isRowSelectable
         }) : null);
       },
       Pagination: props => pagination ? /*#__PURE__*/React__default.createElement(Pagination, _extends$2({}, props, {
@@ -24359,7 +24385,8 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
         onPageChange: onPageChange,
         pageSize: pageSize,
         onPageSizeChange: onPageSizeChange,
-        rowsPerPageOptions: rowsPerPageOptions
+        rowsPerPageOptions: rowsPerPageOptions,
+        isRowSelectable: isRowSelectable
       })) : null
     }),
     componentsProps: _objectSpread2(_objectSpread2({}, componentsProps), {}, {
@@ -24367,6 +24394,7 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
     }),
     filterModel: filterModel,
     initialState: initialState,
+    isRowSelectable: isRowSelectable,
     onFilterModelChange: onFilterModelChange,
     pagination: pagination,
     rows: rows,
@@ -24377,24 +24405,36 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
     onPageSizeChange: onPageSizeChange,
     onSelectionModelChange: (newSelectionModel, details) => {
       if (pagination) {
-        const numberOfSelectableRowsInPage = props.isRowSelectable && typeof props.isRowSelectable === 'function' ? gridPaginatedVisibleSortedGridRowEntriesSelector(apiRef).filter(_ref2 => {
+        const selectableRowsInPage = props.isRowSelectable && typeof props.isRowSelectable === 'function' ? gridPaginatedVisibleSortedGridRowEntriesSelector(apiRef).filter(_ref4 => {
           var _props$isRowSelectabl;
           let {
             model
-          } = _ref2;
+          } = _ref4;
           return (_props$isRowSelectabl = props.isRowSelectable) === null || _props$isRowSelectabl === void 0 ? void 0 : _props$isRowSelectabl.call(props, {
             row: model
           });
-        }).length : gridPaginatedVisibleSortedGridRowIdsSelector(apiRef).length;
-        const numberOfSelectableRowsInTable = props.isRowSelectable && typeof props.isRowSelectable === 'function' ? gridFilteredSortedRowEntriesSelector(apiRef).filter(_ref3 => {
+        }).map(_ref5 => {
+          let {
+            id
+          } = _ref5;
+          return id;
+        }) : gridPaginatedVisibleSortedGridRowIdsSelector(apiRef);
+        const numberOfSelectableRowsInPage = selectableRowsInPage.length;
+        const selectableRowsInTable = props.isRowSelectable && typeof props.isRowSelectable === 'function' ? gridFilteredSortedRowEntriesSelector(apiRef).filter(_ref6 => {
           var _props$isRowSelectabl2;
           let {
             model
-          } = _ref3;
+          } = _ref6;
           return (_props$isRowSelectabl2 = props.isRowSelectable) === null || _props$isRowSelectabl2 === void 0 ? void 0 : _props$isRowSelectabl2.call(props, {
             row: model
           });
-        }).length : gridFilteredSortedRowIdsSelector(apiRef).length;
+        }).map(_ref7 => {
+          let {
+            id
+          } = _ref7;
+          return id;
+        }) : gridFilteredSortedRowIdsSelector(apiRef);
+        const numberOfSelectableRowsInTable = selectableRowsInTable.length;
         const numberOfSelectedRows = newSelectionModel.length;
         if (selectionStatus.current.type === 'table' && numberOfSelectedRows === numberOfSelectableRowsInTable - numberOfSelectableRowsInPage) {
           setTimeout(() => {
@@ -24404,30 +24444,22 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
         if (numberOfSelectedRows === numberOfSelectableRowsInPage && numberOfSelectableRowsInPage < numberOfSelectableRowsInTable) {
           selectionStatus.current = {
             type: 'page',
-            numberOfSelectedRows,
-            numberOfSelectableRowsInPage,
-            numberOfSelectableRowsInTable
+            numberOfSelectedRows
           };
         } else if (numberOfSelectedRows === numberOfSelectableRowsInTable && numberOfSelectableRowsInPage < numberOfSelectableRowsInTable) {
           selectionStatus.current = {
             type: 'table',
-            numberOfSelectedRows,
-            numberOfSelectableRowsInPage,
-            numberOfSelectableRowsInTable
+            numberOfSelectedRows
           };
         } else if (numberOfSelectedRows > 0) {
           selectionStatus.current = {
             type: 'other',
-            numberOfSelectedRows,
-            numberOfSelectableRowsInPage,
-            numberOfSelectableRowsInTable
+            numberOfSelectedRows
           };
         } else {
           selectionStatus.current = {
             type: 'none',
-            numberOfSelectedRows,
-            numberOfSelectableRowsInPage,
-            numberOfSelectableRowsInTable
+            numberOfSelectedRows
           };
         }
       }