@mui/x-data-grid 8.0.0-alpha.12 → 8.0.0-alpha.13

package/modern/hooks/features/columns/gridColumnsUtils.js

@@ -218,7 +218,8 @@ export const createColumnsState = ({
   columnsToUpsert,
   initialState,
   columnVisibilityModel = gridColumnVisibilityModelSelector(apiRef),
-  keepOnlyColumnsToUpsert = false
+  keepOnlyColumnsToUpsert = false,
+  updateInitialVisibilityModel = false
 }) => {
   const isInsideStateInitializer = !apiRef.current.state.columns;
   let columnsState;
@@ -226,7 +227,8 @@ export const createColumnsState = ({
     columnsState = {
       orderedFields: [],
       lookup: {},
-      columnVisibilityModel
+      columnVisibilityModel,
+      initialColumnVisibilityModel: columnVisibilityModel
     };
   } else {
     const currentState = gridColumnsStateSelector(apiRef);
@@ -234,7 +236,8 @@ export const createColumnsState = ({
       orderedFields: keepOnlyColumnsToUpsert ? [] : [...currentState.orderedFields],
       lookup: _extends({}, currentState.lookup),
       // Will be cleaned later if keepOnlyColumnsToUpsert=true
-      columnVisibilityModel
+      columnVisibilityModel,
+      initialColumnVisibilityModel: updateInitialVisibilityModel ? columnVisibilityModel : currentState.initialColumnVisibilityModel
     };
   }
   let columnsToKeep = {};

package/modern/hooks/features/columns/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./gridColumnsSelector.js";
+export { gridColumnsStateSelector, gridColumnFieldsSelector, gridColumnLookupSelector, gridColumnVisibilityModelSelector, gridColumnDefinitionsSelector, gridVisibleColumnDefinitionsSelector, gridVisibleColumnFieldsSelector, gridPinnedColumnsSelector, gridVisiblePinnedColumnDefinitionsSelector, gridColumnPositionsSelector, gridFilterableColumnDefinitionsSelector, gridFilterableColumnLookupSelector, gridHasColSpanSelector } from "./gridColumnsSelector.js";
 export * from "./gridColumnsInterfaces.js";

package/modern/hooks/features/columns/index.js

@@ -1,2 +1,2 @@
-export * from "./gridColumnsSelector.js";
+export { gridColumnsStateSelector, gridColumnFieldsSelector, gridColumnLookupSelector, gridColumnVisibilityModelSelector, gridColumnDefinitionsSelector, gridVisibleColumnDefinitionsSelector, gridVisibleColumnFieldsSelector, gridPinnedColumnsSelector, gridVisiblePinnedColumnDefinitionsSelector, gridColumnPositionsSelector, gridFilterableColumnDefinitionsSelector, gridFilterableColumnLookupSelector, gridHasColSpanSelector } from "./gridColumnsSelector.js";
 export * from "./gridColumnsInterfaces.js";

package/modern/hooks/features/columns/useGridColumns.js

@@ -82,7 +82,8 @@ export function useGridColumns(apiRef, props) {
       apiRef,
       columnsToUpsert: columns,
       initialState: undefined,
-      keepOnlyColumnsToUpsert: false
+      keepOnlyColumnsToUpsert: false,
+      updateInitialVisibilityModel: true
     });
     setGridColumnsState(columnsState);
   }, [apiRef, setGridColumnsState]);
@@ -288,7 +289,8 @@ export function useGridColumns(apiRef, props) {
       initialState: undefined,
       // If the user provides a model, we don't want to set it in the state here because it has it's dedicated `useEffect` which calls `setColumnVisibilityModel`
       columnsToUpsert: props.columns,
-      keepOnlyColumnsToUpsert: true
+      keepOnlyColumnsToUpsert: true,
+      updateInitialVisibilityModel: true
     });
     previousColumnsProp.current = props.columns;
     setGridColumnsState(columnsState);

package/modern/hooks/features/dataSource/gridDataSourceError.d.ts

@@ -0,0 +1,31 @@
+import type { GridGetRowsParams, GridUpdateRowParams } from '../../../models/gridDataSource';
+export declare class GridGetRowsError<T extends GridGetRowsParams = GridGetRowsParams> extends Error {
+  /**
+   * The parameters used in the failed request
+   */
+  readonly params: T;
+  /**
+   * The original error that caused this error
+   */
+  readonly cause?: Error;
+  constructor(options: {
+    message: string;
+    params: T;
+    cause?: Error;
+  });
+}
+export declare class GridUpdateRowError extends Error {
+  /**
+   * The parameters used in the failed request
+   */
+  readonly params: GridUpdateRowParams;
+  /**
+   * The original error that caused this error
+   */
+  readonly cause?: Error;
+  constructor(options: {
+    message: string;
+    params: GridUpdateRowParams;
+    cause?: Error;
+  });
+}

package/modern/hooks/features/dataSource/gridDataSourceError.js

@@ -0,0 +1,32 @@
+export class GridGetRowsError extends Error {
+  constructor(options) {
+    super(options.message);
+    /**
+     * The parameters used in the failed request
+     */
+    this.params = void 0;
+    /**
+     * The original error that caused this error
+     */
+    this.cause = void 0;
+    this.name = 'GridGetRowsError';
+    this.params = options.params;
+    this.cause = options.cause;
+  }
+}
+export class GridUpdateRowError extends Error {
+  constructor(options) {
+    super(options.message);
+    /**
+     * The parameters used in the failed request
+     */
+    this.params = void 0;
+    /**
+     * The original error that caused this error
+     */
+    this.cause = void 0;
+    this.name = 'GridUpdateRowError';
+    this.params = options.params;
+    this.cause = options.cause;
+  }
+}

package/modern/hooks/features/dataSource/index.d.ts

@@ -0,0 +1,2 @@
+export { GridDataSourceCacheDefault, type GridDataSourceCacheDefaultConfig } from "./cache.js";
+export { GridGetRowsError, GridUpdateRowError } from "./gridDataSourceError.js";

package/modern/hooks/features/dataSource/index.js

@@ -0,0 +1,2 @@
+export { GridDataSourceCacheDefault } from "./cache.js";
+export { GridGetRowsError, GridUpdateRowError } from "./gridDataSourceError.js";

package/modern/hooks/features/dataSource/models.d.ts

@@ -18,5 +18,5 @@ export interface GridDataSourceApi {
   /**
    * The data source API.
    */
-  unstable_dataSource: GridDataSourceApiBase;
+  dataSource: GridDataSourceApiBase;
 }

package/modern/hooks/features/dataSource/useGridDataSourceBase.d.ts

@@ -8,7 +8,7 @@ import type { DataGridProcessedProps } from '../../../models/props/DataGridProps
 import type { GridStrategyProcessor } from '../../core/strategyProcessing';
 import type { GridEventListener } from '../../../models/events';
 import type { GridRowId } from '../../../models';
-export declare const useGridDataSourceBase: <Api extends GridPrivateApiCommunity>(apiRef: RefObject<Api>, props: Pick<DataGridProcessedProps, "unstable_dataSource" | "unstable_dataSourceCache" | "unstable_onDataSourceError" | "pageSizeOptions" | "signature">, options?: {
+export declare const useGridDataSourceBase: <Api extends GridPrivateApiCommunity>(apiRef: RefObject<Api>, props: Pick<DataGridProcessedProps, "dataSource" | "dataSourceCache" | "onDataSourceError" | "pageSizeOptions" | "signature">, options?: {
   cacheOptions?: GridDataSourceCacheDefaultConfig;
   fetchRowChildren?: (parents: GridRowId[]) => void;
   clearDataSourceState?: () => void;

package/modern/hooks/features/dataSource/useGridDataSourceBase.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useLazyRef from '@mui/utils/useLazyRef';
 import { unstable_debounce as debounce } from '@mui/utils';
+import { warnOnce } from '@mui/x-internals/warning';
 import { GRID_ROOT_GROUP_ID } from "../rows/gridRowsUtils.js";
 import { runIf } from "../../../utils/utils.js";
 import { GridStrategyGroup } from "../../core/strategyProcessing/index.js";
@@ -10,6 +11,7 @@ import { gridPaginationModelSelector } from "../pagination/gridPaginationSelecto
 import { gridGetRowsParamsSelector } from "./gridDataSourceSelector.js";
 import { CacheChunkManager, DataSourceRowsUpdateStrategy } from "./utils.js";
 import { GridDataSourceCacheDefault } from "./cache.js";
+import { GridGetRowsError } from "./gridDataSourceError.js";
 const noopCache = {
   clear: () => {},
   get: () => undefined,
@@ -23,20 +25,20 @@ function getCache(cacheProp, options = {}) {
 }
 export const useGridDataSourceBase = (apiRef, props, options = {}) => {
   const setStrategyAvailability = React.useCallback(() => {
-    apiRef.current.setStrategyAvailability(GridStrategyGroup.DataSource, DataSourceRowsUpdateStrategy.Default, props.unstable_dataSource ? () => true : () => false);
-  }, [apiRef, props.unstable_dataSource]);
+    apiRef.current.setStrategyAvailability(GridStrategyGroup.DataSource, DataSourceRowsUpdateStrategy.Default, props.dataSource ? () => true : () => false);
+  }, [apiRef, props.dataSource]);
   const [defaultRowsUpdateStrategyActive, setDefaultRowsUpdateStrategyActive] = React.useState(false);
   const paginationModel = useGridSelector(apiRef, gridPaginationModelSelector);
   const lastRequestId = React.useRef(0);
-  const onError = props.unstable_onDataSourceError;
+  const onDataSourceErrorProp = props.onDataSourceError;
   const cacheChunkManager = useLazyRef(() => {
     const sortedPageSizeOptions = props.pageSizeOptions.map(option => typeof option === 'number' ? option : option.value).sort((a, b) => a - b);
     const cacheChunkSize = Math.min(paginationModel.pageSize, sortedPageSizeOptions[0]);
     return new CacheChunkManager(cacheChunkSize);
   }).current;
-  const [cache, setCache] = React.useState(() => getCache(props.unstable_dataSourceCache, options.cacheOptions));
+  const [cache, setCache] = React.useState(() => getCache(props.dataSourceCache, options.cacheOptions));
   const fetchRows = React.useCallback(async (parentId, params) => {
-    const getRows = props.unstable_dataSource?.getRows;
+    const getRows = props.dataSource?.getRows;
     if (!getRows) {
       return;
     }
@@ -74,20 +76,28 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
           fetchParams
         });
       }
-    } catch (error) {
+    } catch (originalError) {
       if (lastRequestId.current === requestId) {
         apiRef.current.applyStrategyProcessor('dataSourceRowsUpdate', {
-          error: error,
+          error: originalError,
           fetchParams
         });
-        onError?.(error, fetchParams);
+        if (typeof onDataSourceErrorProp === 'function') {
+          onDataSourceErrorProp(new GridGetRowsError({
+            message: originalError?.message,
+            params: fetchParams,
+            cause: originalError
+          }));
+        } else if (process.env.NODE_ENV !== 'production') {
+          warnOnce(['MUI X: A call to `dataSource.getRows()` threw an error which was not handled because `unstable_onDataSourceError()` is missing.', 'To handle the error pass a callback to the `onDataSourceError` prop, for example `<DataGrid unstable_onDataSourceError={(error) => ...} />`.', 'For more detail, see https://mui.com/x/react-data-grid/server-side-data/#error-handling.'], 'error');
+        }
       }
     } finally {
       if (defaultRowsUpdateStrategyActive && lastRequestId.current === requestId) {
         apiRef.current.setLoading(false);
       }
     }
-  }, [cacheChunkManager, cache, apiRef, defaultRowsUpdateStrategyActive, props.unstable_dataSource?.getRows, onError, options, props.signature]);
+  }, [cacheChunkManager, cache, apiRef, defaultRowsUpdateStrategyActive, props.dataSource?.getRows, onDataSourceErrorProp, options, props.signature]);
   const handleStrategyActivityChange = React.useCallback(() => {
     setDefaultRowsUpdateStrategyActive(apiRef.current.getActiveStrategy(GridStrategyGroup.DataSource) === DataSourceRowsUpdateStrategy.Default);
   }, [apiRef]);
@@ -109,7 +119,7 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
     }, true);
   }, [apiRef]);
   const dataSourceApi = {
-    unstable_dataSource: {
+    dataSource: {
       fetchRows,
       cache
     }
@@ -121,18 +131,18 @@ export const useGridDataSourceBase = (apiRef, props, options = {}) => {
       isFirstRender.current = false;
       return;
     }
-    if (props.unstable_dataSourceCache === undefined) {
+    if (props.dataSourceCache === undefined) {
       return;
     }
-    const newCache = getCache(props.unstable_dataSourceCache, options.cacheOptions);
+    const newCache = getCache(props.dataSourceCache, options.cacheOptions);
     setCache(prevCache => prevCache !== newCache ? newCache : prevCache);
-  }, [props.unstable_dataSourceCache, options.cacheOptions]);
+  }, [props.dataSourceCache, options.cacheOptions]);
   React.useEffect(() => {
-    if (props.unstable_dataSource) {
-      apiRef.current.unstable_dataSource.cache.clear();
-      apiRef.current.unstable_dataSource.fetchRows();
+    if (props.dataSource) {
+      apiRef.current.dataSource.cache.clear();
+      apiRef.current.dataSource.fetchRows();
     }
-  }, [apiRef, props.unstable_dataSource]);
+  }, [apiRef, props.dataSource]);
   return {
     api: {
       public: dataSourceApi

package/modern/hooks/features/dimensions/useGridDimensions.js

@@ -1,6 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { unstable_ownerDocument as ownerDocument, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useEventCallback as useEventCallback } from '@mui/utils';
+import useEventCallback from '@mui/utils/useEventCallback';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import ownerDocument from '@mui/utils/ownerDocument';
 import { throttle } from '@mui/x-internals/throttle';
 import { useGridApiOptionHandler } from "../../utils/useGridApiEventHandler.js";
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
@@ -109,8 +111,7 @@ export function useGridDimensions(apiRef, props) {
     // All the floating point dimensions should be rounded to .1 decimal places to avoid subpixel rendering issues
     // https://github.com/mui/mui-x/issues/9550#issuecomment-1619020477
     // https://github.com/mui/mui-x/issues/15721
-    const rootElement = apiRef.current.rootElementRef.current;
-    const scrollbarSize = measureScrollbarSize(rootElement, props.scrollbarSize);
+    const scrollbarSize = measureScrollbarSize(apiRef.current.mainElementRef.current, props.scrollbarSize);
     const rowsMeta = gridRowsMetaSelector(apiRef);
     const topContainerHeight = headersTotalHeight + rowsMeta.pinnedTopRowsTotalHeight;
     const bottomContainerHeight = rowsMeta.pinnedBottomRowsTotalHeight;
@@ -269,28 +270,28 @@ function getStaticDimensions(props, apiRef, density, pinnedColumnns) {
   };
 }
 const scrollbarSizeCache = new WeakMap();
-function measureScrollbarSize(rootElement, scrollbarSize) {
+function measureScrollbarSize(element, scrollbarSize) {
   if (scrollbarSize !== undefined) {
     return scrollbarSize;
   }
-  if (rootElement === null) {
+  if (element === null) {
     return 0;
   }
-  const cachedSize = scrollbarSizeCache.get(rootElement);
+  const cachedSize = scrollbarSizeCache.get(element);
   if (cachedSize !== undefined) {
     return cachedSize;
   }
-  const doc = ownerDocument(rootElement);
+  const doc = ownerDocument(element);
   const scrollDiv = doc.createElement('div');
   scrollDiv.style.width = '99px';
   scrollDiv.style.height = '99px';
   scrollDiv.style.position = 'absolute';
   scrollDiv.style.overflow = 'scroll';
   scrollDiv.className = 'scrollDiv';
-  rootElement.appendChild(scrollDiv);
+  element.appendChild(scrollDiv);
   const size = scrollDiv.offsetWidth - scrollDiv.clientWidth;
-  rootElement.removeChild(scrollDiv);
-  scrollbarSizeCache.set(rootElement, size);
+  element.removeChild(scrollDiv);
+  scrollbarSizeCache.set(element, size);
   return size;
 }
 function areElementSizesEqual(a, b) {

package/modern/hooks/features/editing/useGridCellEditing.js

@@ -4,7 +4,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["id", "field"],
   _excluded2 = ["id", "field"];
 import * as React from 'react';
-import { unstable_useEventCallback as useEventCallback, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
+import useEventCallback from '@mui/utils/useEventCallback';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { warnOnce } from '@mui/x-internals/warning';
 import { useGridApiEventHandler, useGridApiOptionHandler } from "../../utils/useGridApiEventHandler.js";
 import { GridEditModes, GridCellModes } from "../../../models/gridEditRowModel.js";

package/modern/hooks/features/editing/useGridRowEditing.js

@@ -4,7 +4,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["id"],
   _excluded2 = ["id"];
 import * as React from 'react';
-import { unstable_useEventCallback as useEventCallback, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
+import useEventCallback from '@mui/utils/useEventCallback';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { warnOnce } from '@mui/x-internals/warning';
 import { useGridApiEventHandler, useGridApiOptionHandler } from "../../utils/useGridApiEventHandler.js";
 import { GridEditModes, GridRowModes } from "../../../models/gridEditRowModel.js";

package/modern/hooks/features/export/utils.js

@@ -1,6 +1,7 @@
 import { gridColumnDefinitionsSelector, gridVisibleColumnDefinitionsSelector } from "../columns/index.js";
 import { gridFilteredSortedRowIdsSelector } from "../filter/index.js";
 import { gridPinnedRowsSelector, gridRowTreeSelector } from "../rows/gridRowsSelector.js";
+import { gridRowSelectionCountSelector, gridRowSelectionIdsSelector } from "../rowSelection/gridRowSelectionSelector.js";
 export const getColumnsToExport = ({
   apiRef,
   options
@@ -23,14 +24,15 @@ export const defaultGetRowsToExport = ({
 }) => {
   const filteredSortedRowIds = gridFilteredSortedRowIdsSelector(apiRef);
   const rowTree = gridRowTreeSelector(apiRef);
-  const selectedRows = apiRef.current.getSelectedRows();
+  const selectedRowsCount = gridRowSelectionCountSelector(apiRef);
   const bodyRows = filteredSortedRowIds.filter(id => rowTree[id].type !== 'footer');
   const pinnedRows = gridPinnedRowsSelector(apiRef);
   const topPinnedRowsIds = pinnedRows?.top?.map(row => row.id) || [];
   const bottomPinnedRowsIds = pinnedRows?.bottom?.map(row => row.id) || [];
   bodyRows.unshift(...topPinnedRowsIds);
   bodyRows.push(...bottomPinnedRowsIds);
-  if (selectedRows.size > 0) {
+  if (selectedRowsCount > 0) {
+    const selectedRows = gridRowSelectionIdsSelector(apiRef);
     return bodyRows.filter(id => selectedRows.has(id));
   }
   return bodyRows;

package/modern/hooks/features/focus/useGridFocus.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { unstable_ownerDocument as ownerDocument, unstable_useEventCallback as useEventcallback } from '@mui/utils';
+import useEventCallback from '@mui/utils/useEventCallback';
+import ownerDocument from '@mui/utils/ownerDocument';
 import { gridClasses } from "../../../constants/gridClasses.js";
 import { useGridApiMethod } from "../../utils/useGridApiMethod.js";
 import { useGridLogger } from "../../utils/useGridLogger.js";
@@ -346,7 +347,7 @@ export const useGridFocus = (apiRef, props) => {
       }));
     }
   }, [apiRef, props.pagination, props.paginationMode]);
-  const handlePaginationModelChange = useEventcallback(() => {
+  const handlePaginationModelChange = useEventCallback(() => {
     const currentFocusedCell = gridFocusCellSelector(apiRef);
     if (!currentFocusedCell) {
       return;

package/modern/hooks/features/index.d.ts

@@ -16,4 +16,4 @@ export * from "./dimensions/index.js";
 export * from "./statePersistence/index.js";
 export * from "./headerFiltering/index.js";
 export * from "./virtualization/index.js";
-export { GridDataSourceCacheDefault, type GridDataSourceCacheDefaultConfig } from "./dataSource/cache.js";
+export * from "./dataSource/index.js";

package/modern/hooks/features/index.js

@@ -17,4 +17,4 @@ export * from "./dimensions/index.js";
 export * from "./statePersistence/index.js";
 export * from "./headerFiltering/index.js";
 export * from "./virtualization/index.js";
-export { GridDataSourceCacheDefault } from "./dataSource/cache.js";
+export * from "./dataSource/index.js";

package/modern/hooks/features/rowSelection/gridRowSelectionSelector.d.ts

@@ -1,6 +1,6 @@
 import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
 import { GridRowId } from "../../../models/gridRows.js";
 export declare const gridRowSelectionStateSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("../../..").GridRowSelectionModel>;
-export declare const selectedGridRowsCountSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../..").GridRowSelectionModel, number>;
-export declare const selectedGridRowsSelector: import("../../..").OutputSelector<GridStateCommunity, import("..").GridRowIdToModelLookup<import("../../..").GridValidRowModel>, Map<GridRowId, import("../../..").GridValidRowModel>>;
-export declare const selectedIdsLookupSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../..").GridRowSelectionModel, Record<GridRowId, GridRowId>>;
+export declare const gridRowSelectionManagerSelector: import("../../..").OutputSelector<GridStateCommunity, import("../../..").GridRowSelectionModel, import("../../../models/gridRowSelectionManager").RowSelectionManager>;
+export declare const gridRowSelectionCountSelector: import("../../..").OutputSelector<GridStateCommunity, number, number>;
+export declare const gridRowSelectionIdsSelector: import("../../..").OutputSelector<GridStateCommunity, GridRowId[], Map<GridRowId, import("../../..").GridValidRowModel>>;

package/modern/hooks/features/rowSelection/gridRowSelectionSelector.js

@@ -1,9 +1,29 @@
 import { createSelector, createRootSelector, createSelectorMemoized } from "../../../utils/createSelector.js";
-import { gridRowsLookupSelector } from "../rows/gridRowsSelector.js";
+import { gridDataRowIdsSelector, gridRowsLookupSelector } from "../rows/gridRowsSelector.js";
+import { gridFilteredRowCountSelector } from "../filter/gridFilterSelector.js";
+import { createRowSelectionManager } from "../../../models/gridRowSelectionManager.js";
 export const gridRowSelectionStateSelector = createRootSelector(state => state.rowSelection);
-export const selectedGridRowsCountSelector = createSelector(gridRowSelectionStateSelector, selection => selection.length);
-export const selectedGridRowsSelector = createSelectorMemoized(gridRowSelectionStateSelector, gridRowsLookupSelector, (selectedRows, rowsLookup) => new Map(selectedRows.map(id => [id, rowsLookup[id]])));
-export const selectedIdsLookupSelector = createSelectorMemoized(gridRowSelectionStateSelector, selection => selection.reduce((lookup, rowId) => {
-  lookup[rowId] = rowId;
-  return lookup;
-}, {}));
+export const gridRowSelectionManagerSelector = createSelectorMemoized(gridRowSelectionStateSelector, createRowSelectionManager);
+export const gridRowSelectionCountSelector = createSelector(gridRowSelectionStateSelector, gridFilteredRowCountSelector, (selection, filteredRowCount) => {
+  if (selection.type === 'include') {
+    return selection.ids.size;
+  }
+  // In exclude selection, all rows are selectable.
+  return filteredRowCount - selection.ids.size;
+});
+export const gridRowSelectionIdsSelector = createSelectorMemoized(gridRowSelectionStateSelector, gridRowsLookupSelector, gridDataRowIdsSelector, (selectionModel, rowsLookup, rowIds) => {
+  const map = new Map();
+  if (selectionModel.type === 'include') {
+    for (const id of selectionModel.ids) {
+      map.set(id, rowsLookup[id]);
+    }
+  } else {
+    for (let i = 0; i < rowIds.length; i += 1) {
+      const id = rowIds[i];
+      if (!selectionModel.ids.has(id)) {
+        map.set(id, rowsLookup[id]);
+      }
+    }
+  }
+  return map;
+});