material-react-table 0.8.13 → 0.8.14

package/dist/MaterialReactTable.d.ts

@@ -398,6 +398,7 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
             tableInstance: MRT_TableInstance<D>;
         }>;
     }) => ReactNode;
+    selectAllMode?: 'all' | 'page';
 };
-declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGrouping, enableHiding, enableMultiRowSelection, enablePagination, enablePinning, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, persistentStateMode, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGrouping, enableHiding, enableMultiRowSelection, enablePagination, enablePinning, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, persistentStateMode, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, selectAllMode, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

package/dist/material-react-table.cjs.development.js

@@ -4017,14 +4017,20 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
       localization = _tableInstance$option.localization,
       muiSelectCheckboxProps = _tableInstance$option.muiSelectCheckboxProps,
       onSelectChange = _tableInstance$option.onSelectChange,
-      onSelectAllChange = _tableInstance$option.onSelectAllChange;
+      onSelectAllChange = _tableInstance$option.onSelectAllChange,
+      selectAllMode = _tableInstance$option.selectAllMode;
 
   var _getState = getState(),
       isDensePadding = _getState.isDensePadding;
 
   var handleSelectChange = function handleSelectChange(event) {
     if (selectAll) {
-      tableInstance.getToggleAllRowsSelectedHandler()(event);
+      if (selectAllMode === 'all') {
+        tableInstance.getToggleAllRowsSelectedHandler()(event);
+      } else if (selectAllMode === 'page') {
+        tableInstance.getToggleAllPageRowsSelectedHandler()(event);
+      }
+
       onSelectAllChange == null ? void 0 : onSelectAllChange({
         event: event,
         selectedRows: event.target.checked ? getRowModel().flatRows : [],
@@ -6979,7 +6985,22 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       setCurrentGlobalFilterFn = _useState9[1];
 
   var table = React.useMemo(function () {
-    return reactTable.createTable();
+    return reactTable.createTable().setOptions({
+      //@ts-ignore
+      filterFns: defaultFilterFNs,
+      getCoreRowModel: reactTable.getCoreRowModel(),
+      getExpandedRowModel: reactTable.getExpandedRowModel(),
+      getFacetedRowModel: reactTable.getFacetedRowModel(),
+      getFilteredRowModel: reactTable.getFilteredRowModel(),
+      getGroupedRowModel: reactTable.getGroupedRowModel(),
+      getPaginationRowModel: reactTable.getPaginationRowModel(),
+      getSortedRowModel: reactTable.getSortedRowModel(),
+      getSubRows: function getSubRows(row) {
+        return row == null ? void 0 : row.subRows;
+      },
+      idPrefix: idPrefix,
+      initialState: initialState
+    });
   }, []);
   var displayColumns = React.useMemo(function () {
     var _props$localization, _props$localization2, _props$localization3, _props$localization5;
@@ -7060,26 +7081,12 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
     }) : props.data;
   }, [props.data, (_props$state3 = props.state) == null ? void 0 : _props$state3.isLoading, (_props$state4 = props.state) == null ? void 0 : _props$state4.showSkeletons]); //@ts-ignore
 
-  var tableInstance = _extends({}, reactTable.useTableInstance(table, _extends({
-    filterFns: defaultFilterFNs,
-    getCoreRowModel: reactTable.getCoreRowModel(),
-    getExpandedRowModel: reactTable.getExpandedRowModel(),
-    getFacetedRowModel: reactTable.getFacetedRowModel(),
-    getFilteredRowModel: reactTable.getFilteredRowModel(),
-    getGroupedRowModel: reactTable.getGroupedRowModel(),
-    getPaginationRowModel: reactTable.getPaginationRowModel(),
-    getSortedRowModel: reactTable.getSortedRowModel(),
-    getSubRows: function getSubRows(row) {
-      return row == null ? void 0 : row.subRows;
-    },
-    //@ts-ignore
-    globalFilterFn: currentGlobalFilterFn
-  }, props, {
+  var tableInstance = _extends({}, reactTable.useTableInstance(table, _extends({}, props, {
     //@ts-ignore
     columns: columns,
     data: data,
-    idPrefix: idPrefix,
-    initialState: initialState,
+    //@ts-ignore
+    globalFilterFn: currentGlobalFilterFn,
     state: _extends({
       currentEditingCell: currentEditingCell,
       currentEditingRow: currentEditingRow,
@@ -7141,7 +7148,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
   }));
 };
 
-var _excluded$5 = ["autoResetExpanded", "columnResizeMode", "defaultColumn", "editingMode", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnResizing", "enableDensePaddingToggle", "enableExpandAll", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enablePagination", "enablePinning", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarBottom", "enableToolbarInternalActions", "enableToolbarTop", "icons", "localization", "persistentStateMode", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
+var _excluded$5 = ["autoResetExpanded", "columnResizeMode", "defaultColumn", "editingMode", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnResizing", "enableDensePaddingToggle", "enableExpandAll", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enablePagination", "enablePinning", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarBottom", "enableToolbarInternalActions", "enableToolbarTop", "icons", "localization", "persistentStateMode", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner", "selectAllMode"];
 var MaterialReactTable = (function (_ref) {
   var _ref$autoResetExpande = _ref.autoResetExpanded,
       autoResetExpanded = _ref$autoResetExpande === void 0 ? false : _ref$autoResetExpande,
@@ -7211,6 +7218,8 @@ var MaterialReactTable = (function (_ref) {
       positionToolbarActions = _ref$positionToolbarA === void 0 ? 'top' : _ref$positionToolbarA,
       _ref$positionToolbarA2 = _ref.positionToolbarAlertBanner,
       positionToolbarAlertBanner = _ref$positionToolbarA2 === void 0 ? 'top' : _ref$positionToolbarA2,
+      _ref$selectAllMode = _ref.selectAllMode,
+      selectAllMode = _ref$selectAllMode === void 0 ? 'all' : _ref$selectAllMode,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
   return React__default.createElement(MRT_TableRoot, Object.assign({
@@ -7246,7 +7255,8 @@ var MaterialReactTable = (function (_ref) {
     positionActionsColumn: positionActionsColumn,
     positionPagination: positionPagination,
     positionToolbarActions: positionToolbarActions,
-    positionToolbarAlertBanner: positionToolbarAlertBanner
+    positionToolbarAlertBanner: positionToolbarAlertBanner,
+    selectAllMode: selectAllMode
   }, rest));
 });