@redsift/table 9.2.0 → 9.2.1

package/index.js

@@ -24166,14 +24166,29 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
 } : void 0;
 var TablePagination$1 = TablePagination;
 
-const _excluded$1 = ["apiRef", "autoHeight", "className", "slots", "slotProps", "filterModel", "height", "hideToolbar", "initialState", "license", "onFilterModelChange", "paginationModel", "onPaginationModelChange", "onRowSelectionModelChange", "pagination", "paginationPlacement", "rows", "pageSizeOptions", "sx"];
+const _excluded$1 = ["apiRef", "autoHeight", "className", "slots", "slotProps", "filterModel", "height", "hideToolbar", "initialState", "isRowSelectable", "license", "onFilterModelChange", "paginationModel", "onPaginationModelChange", "onRowSelectionModelChange", "pagination", "paginationPlacement", "rows", "pageSizeOptions", "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,
@@ -24182,9 +24197,13 @@ const Pagination = _ref => {
     apiRef,
     paginationModel,
     onPaginationModelChange,
-    pageSizeOptions
-  } = _ref;
-  const rowsCount = apiRef.current.state.rows.totalRowCount;
+    pageSizeOptions,
+    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",
@@ -24192,13 +24211,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(selectionStatus.selectableRowsInTable ? selectionStatus.selectableRowsInTable : 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);
     }
@@ -24206,7 +24225,7 @@ 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: selectionStatus.selectableRowsInTable.length ? selectionStatus.selectableRowsInTable.length : apiRef.current.getAllRowIds().length,
+    count: numberOfFilteredRowsInTable,
     page: paginationModel.page,
     onPageChange: (event, page) => onPaginationModelChange({
       page,
@@ -24217,7 +24236,7 @@ const Pagination = _ref => {
       page: paginationModel.page,
       pageSize: parseInt(event.target.value, 10)
     }),
-    rowsPerPageOptions: displayRowsPerPage ? pageSizeOptions || [] : []
+    rowsPerPageOptions: displayRowsPerPage ? pageSizeOptions : []
   }) : null);
 };
 const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
@@ -24233,6 +24252,7 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
       height: propsHeight,
       hideToolbar,
       initialState,
+      isRowSelectable,
       license,
       onFilterModelChange: propsOnFilterModelChange,
       paginationModel: propsPaginationModel,
@@ -24252,10 +24272,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,
-    selectableRowsInTable: []
+    numberOfSelectedRows: 0
   });
   const [filterModel, setFilterModel] = useState(propsFilterModel);
   useEffect(() => {
@@ -24267,23 +24284,6 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
     } else {
       setFilterModel(model);
     }
-    const selectableRowsInTable = props.isRowSelectable && typeof props.isRowSelectable === 'function' ? gridFilteredSortedRowEntriesSelector(apiRef).filter(_ref2 => {
-      var _props$isRowSelectabl;
-      let {
-        model
-      } = _ref2;
-      return (_props$isRowSelectabl = props.isRowSelectable) === null || _props$isRowSelectabl === void 0 ? void 0 : _props$isRowSelectabl.call(props, {
-        row: model
-      });
-    }).map(_ref3 => {
-      let {
-        id
-      } = _ref3;
-      return id;
-    }) : gridFilteredSortedRowIdsSelector(apiRef);
-    const numberOfSelectableRowsInTable = selectableRowsInTable.length;
-    selectionStatus.current.selectableRowsInTable = selectableRowsInTable;
-    selectionStatus.current.numberOfSelectableRowsInTable = numberOfSelectableRowsInTable;
   };
   const [paginationModel, setPaginationModel] = useState({
     pageSize: (initialState === null || initialState === void 0 ? void 0 : (_initialState$paginat = initialState.pagination) === null || _initialState$paginat === void 0 ? void 0 : (_initialState$paginat2 = _initialState$paginat.paginationModel) === null || _initialState$paginat2 === void 0 ? void 0 : _initialState$paginat2.pageSize) || (propsPaginationModel === null || propsPaginationModel === void 0 ? void 0 : propsPaginationModel.pageSize) || 100,
@@ -24364,7 +24364,8 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
           apiRef: apiRef,
           paginationModel: paginationModel,
           onPaginationModelChange: onPaginationModelChange,
-          pageSizeOptions: pageSizeOptions
+          pageSizeOptions: pageSizeOptions,
+          isRowSelectable: isRowSelectable
         }) : null);
       },
       pagination: props => pagination ? /*#__PURE__*/React__default.createElement(Pagination, _extends$2({}, props, {
@@ -24375,7 +24376,8 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
         apiRef: apiRef,
         paginationModel: paginationModel,
         onPaginationModelChange: onPaginationModelChange,
-        pageSizeOptions: pageSizeOptions
+        pageSizeOptions: pageSizeOptions,
+        isRowSelectable: isRowSelectable
       })) : null
     }),
     slotProps: _objectSpread2(_objectSpread2({}, slotProps), {}, {
@@ -24383,6 +24385,7 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
     }),
     filterModel: filterModel,
     initialState: initialState,
+    isRowSelectable: isRowSelectable,
     onFilterModelChange: onFilterModelChange,
     pagination: pagination,
     rows: rows,
@@ -24392,11 +24395,11 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
     onRowSelectionModelChange: (newSelectionModel, details) => {
       if (pagination) {
         const selectableRowsInPage = props.isRowSelectable && typeof props.isRowSelectable === 'function' ? gridPaginatedVisibleSortedGridRowEntriesSelector(apiRef).filter(_ref6 => {
-          var _props$isRowSelectabl2;
+          var _props$isRowSelectabl;
           let {
             model
           } = _ref6;
-          return (_props$isRowSelectabl2 = props.isRowSelectable) === null || _props$isRowSelectabl2 === void 0 ? void 0 : _props$isRowSelectabl2.call(props, {
+          return (_props$isRowSelectabl = props.isRowSelectable) === null || _props$isRowSelectabl === void 0 ? void 0 : _props$isRowSelectabl.call(props, {
             row: model
           });
         }).map(_ref7 => {
@@ -24407,11 +24410,11 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
         }) : gridPaginatedVisibleSortedGridRowIdsSelector(apiRef);
         const numberOfSelectableRowsInPage = selectableRowsInPage.length;
         const selectableRowsInTable = props.isRowSelectable && typeof props.isRowSelectable === 'function' ? gridFilteredSortedRowEntriesSelector(apiRef).filter(_ref8 => {
-          var _props$isRowSelectabl3;
+          var _props$isRowSelectabl2;
           let {
             model
           } = _ref8;
-          return (_props$isRowSelectabl3 = props.isRowSelectable) === null || _props$isRowSelectabl3 === void 0 ? void 0 : _props$isRowSelectabl3.call(props, {
+          return (_props$isRowSelectabl2 = props.isRowSelectable) === null || _props$isRowSelectabl2 === void 0 ? void 0 : _props$isRowSelectabl2.call(props, {
             row: model
           });
         }).map(_ref9 => {
@@ -24430,34 +24433,22 @@ const DataGrid = /*#__PURE__*/forwardRef((props, ref) => {
         if (numberOfSelectedRows === numberOfSelectableRowsInPage && numberOfSelectableRowsInPage < numberOfSelectableRowsInTable) {
           selectionStatus.current = {
             type: 'page',
-            numberOfSelectedRows,
-            numberOfSelectableRowsInPage,
-            numberOfSelectableRowsInTable,
-            selectableRowsInTable
+            numberOfSelectedRows
           };
         } else if (numberOfSelectedRows === numberOfSelectableRowsInTable && numberOfSelectableRowsInPage < numberOfSelectableRowsInTable) {
           selectionStatus.current = {
             type: 'table',
-            numberOfSelectedRows,
-            numberOfSelectableRowsInPage,
-            numberOfSelectableRowsInTable,
-            selectableRowsInTable
+            numberOfSelectedRows
           };
         } else if (numberOfSelectedRows > 0) {
           selectionStatus.current = {
             type: 'other',
-            numberOfSelectedRows,
-            numberOfSelectableRowsInPage,
-            numberOfSelectableRowsInTable,
-            selectableRowsInTable
+            numberOfSelectedRows
           };
         } else {
           selectionStatus.current = {
             type: 'none',
-            numberOfSelectedRows,
-            numberOfSelectableRowsInPage,
-            numberOfSelectableRowsInTable,
-            selectableRowsInTable
+            numberOfSelectedRows
           };
         }
       }