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

package/hooks/features/dataSource/useGridDataSourceBase.js

@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _useLazyRef = _interopRequireDefault(require("@mui/utils/useLazyRef"));
 var _utils = require("@mui/utils");
+var _warning = require("@mui/x-internals/warning");
 var _gridRowsUtils = require("../rows/gridRowsUtils");
 var _utils2 = require("../../../utils/utils");
 var _strategyProcessing = require("../../core/strategyProcessing");
@@ -18,6 +19,7 @@ var _gridPaginationSelector = require("../pagination/gridPaginationSelector");
 var _gridDataSourceSelector = require("./gridDataSourceSelector");
 var _utils3 = require("./utils");
 var _cache = require("./cache");
+var _gridDataSourceError = require("./gridDataSourceError");
 const noopCache = {
   clear: () => {},
   get: () => undefined,
@@ -31,20 +33,20 @@ function getCache(cacheProp, options = {}) {
 }
 const useGridDataSourceBase = (apiRef, props, options = {}) => {
   const setStrategyAvailability = React.useCallback(() => {
-    apiRef.current.setStrategyAvailability(_strategyProcessing.GridStrategyGroup.DataSource, _utils3.DataSourceRowsUpdateStrategy.Default, props.unstable_dataSource ? () => true : () => false);
-  }, [apiRef, props.unstable_dataSource]);
+    apiRef.current.setStrategyAvailability(_strategyProcessing.GridStrategyGroup.DataSource, _utils3.DataSourceRowsUpdateStrategy.Default, props.dataSource ? () => true : () => false);
+  }, [apiRef, props.dataSource]);
   const [defaultRowsUpdateStrategyActive, setDefaultRowsUpdateStrategyActive] = React.useState(false);
   const paginationModel = (0, _useGridSelector.useGridSelector)(apiRef, _gridPaginationSelector.gridPaginationModelSelector);
   const lastRequestId = React.useRef(0);
-  const onError = props.unstable_onDataSourceError;
+  const onDataSourceErrorProp = props.onDataSourceError;
   const cacheChunkManager = (0, _useLazyRef.default)(() => {
     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 _utils3.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;
     }
@@ -82,20 +84,28 @@ 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 _gridDataSourceError.GridGetRowsError({
+            message: originalError?.message,
+            params: fetchParams,
+            cause: originalError
+          }));
+        } else if (process.env.NODE_ENV !== 'production') {
+          (0, _warning.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(_strategyProcessing.GridStrategyGroup.DataSource) === _utils3.DataSourceRowsUpdateStrategy.Default);
   }, [apiRef]);
@@ -117,7 +127,7 @@ const useGridDataSourceBase = (apiRef, props, options = {}) => {
     }, true);
   }, [apiRef]);
   const dataSourceApi = {
-    unstable_dataSource: {
+    dataSource: {
       fetchRows,
       cache
     }
@@ -129,18 +139,18 @@ 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/hooks/features/dimensions/useGridDimensions.js

@@ -9,7 +9,9 @@ exports.dimensionsStateInitializer = void 0;
 exports.useGridDimensions = useGridDimensions;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/utils");
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
 var _throttle = require("@mui/x-internals/throttle");
 var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
@@ -19,7 +21,7 @@ var _columns = require("../columns");
 var _gridDimensionsSelectors = require("./gridDimensionsSelectors");
 var _density = require("../density");
 var _virtualization = require("../virtualization");
-var _utils2 = require("../../utils");
+var _utils = require("../../utils");
 var _useGridVisibleRows = require("../../utils/useGridVisibleRows");
 var _gridRowsMetaSelector = require("../rows/gridRowsMetaSelector");
 var _gridRowsUtils = require("../rows/gridRowsUtils");
@@ -27,7 +29,7 @@ var _gridColumnsUtils = require("../columns/gridColumnsUtils");
 var _dataGridPropsDefaultValues = require("../../../constants/dataGridPropsDefaultValues");
 var _roundToDecimalPlaces = require("../../../utils/roundToDecimalPlaces");
 var _isJSDOM = require("../../../utils/isJSDOM");
-var _utils3 = require("../../../utils/utils");
+var _utils2 = require("../../../utils/utils");
 const EMPTY_SIZE = {
   width: 0,
   height: 0
@@ -73,9 +75,9 @@ function useGridDimensions(apiRef, props) {
   const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useResizeContainer');
   const errorShown = React.useRef(false);
   const rootDimensionsRef = React.useRef(EMPTY_SIZE);
-  const pinnedColumns = (0, _utils2.useGridSelector)(apiRef, _columns.gridVisiblePinnedColumnDefinitionsSelector);
-  const densityFactor = (0, _utils2.useGridSelector)(apiRef, _density.gridDensityFactorSelector);
-  const columnsTotalWidth = (0, _utils2.useGridSelector)(apiRef, columnsTotalWidthSelector);
+  const pinnedColumns = (0, _utils.useGridSelector)(apiRef, _columns.gridVisiblePinnedColumnDefinitionsSelector);
+  const densityFactor = (0, _utils.useGridSelector)(apiRef, _density.gridDensityFactorSelector);
+  const columnsTotalWidth = (0, _utils.useGridSelector)(apiRef, columnsTotalWidthSelector);
   const isFirstSizing = React.useRef(true);
   const {
     rowHeight,
@@ -119,8 +121,7 @@ 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 = (0, _gridRowsMetaSelector.gridRowsMetaSelector)(apiRef);
     const topContainerHeight = headersTotalHeight + rowsMeta.pinnedTopRowsTotalHeight;
     const bottomContainerHeight = rowsMeta.pinnedBottomRowsTotalHeight;
@@ -200,7 +201,7 @@ function useGridDimensions(apiRef, props) {
       bottomContainerHeight
     };
     const prevDimensions = apiRef.current.state.dimensions;
-    if ((0, _utils3.isDeepEqual)(prevDimensions, newDimensions)) {
+    if ((0, _utils2.isDeepEqual)(prevDimensions, newDimensions)) {
       return;
     }
     setDimensions(newDimensions);
@@ -209,7 +210,7 @@ function useGridDimensions(apiRef, props) {
     }
     apiRef.current.updateRenderContext?.();
   }, [apiRef, setDimensions, props.scrollbarSize, props.autoHeight, rowHeight, headerHeight, groupHeaderHeight, headerFilterHeight, columnsTotalWidth, headersTotalHeight, leftPinnedWidth, rightPinnedWidth]);
-  const updateDimensionCallback = (0, _utils.unstable_useEventCallback)(updateDimensions);
+  const updateDimensionCallback = (0, _useEventCallback.default)(updateDimensions);
   const debouncedUpdateDimensions = React.useMemo(() => props.resizeThrottleMs > 0 ? (0, _throttle.throttle)(() => {
     updateDimensionCallback();
     apiRef.current.publishEvent('debouncedResize', rootDimensionsRef.current);
@@ -222,7 +223,7 @@ function useGridDimensions(apiRef, props) {
     updateDimensions,
     getViewportPageSize
   };
-  (0, _utils.unstable_useEnhancedEffect)(updateDimensions, [updateDimensions]);
+  (0, _useEnhancedEffect.default)(updateDimensions, [updateDimensions]);
   (0, _useGridApiMethod.useGridApiMethod)(apiRef, apiPublic, 'public');
   (0, _useGridApiMethod.useGridApiMethod)(apiRef, apiPrivate, 'private');
   const handleRootMount = React.useCallback(root => {
@@ -279,28 +280,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 = (0, _utils.unstable_ownerDocument)(rootElement);
+  const doc = (0, _ownerDocument.default)(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/hooks/features/editing/useGridCellEditing.js

@@ -10,7 +10,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _toPropertyKey2 = _interopRequireDefault(require("@babel/runtime/helpers/toPropertyKey"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/utils");
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _warning = require("@mui/x-internals/warning");
 var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
 var _gridEditRowModel = require("../../../models/gridEditRowModel");
@@ -18,9 +19,9 @@ var _useGridApiMethod = require("../../utils/useGridApiMethod");
 var _gridEditingSelectors = require("./gridEditingSelectors");
 var _keyboardUtils = require("../../../utils/keyboardUtils");
 var _gridRowsSelector = require("../rows/gridRowsSelector");
-var _utils2 = require("../../../utils/utils");
+var _utils = require("../../../utils/utils");
 var _gridEditCellParams = require("../../../models/params/gridEditCellParams");
-var _utils3 = require("./utils");
+var _utils2 = require("./utils");
 const _excluded = ["id", "field"],
   _excluded2 = ["id", "field"];
 const useGridCellEditing = (apiRef, props) => {
@@ -186,7 +187,7 @@ const useGridCellEditing = (apiRef, props) => {
     const isEditing = editingState[id] && editingState[id][field];
     return isEditing ? _gridEditRowModel.GridCellModes.Edit : _gridEditRowModel.GridCellModes.View;
   }, [apiRef]);
-  const updateCellModesModel = (0, _utils.unstable_useEventCallback)(newModel => {
+  const updateCellModesModel = (0, _useEventCallback.default)(newModel => {
     const isNewModelDifferentFromProp = newModel !== props.cellModesModel;
     if (onCellModesModelChange && isNewModelDifferentFromProp) {
       onCellModesModelChange(newModel, {
@@ -248,7 +249,7 @@ const useGridCellEditing = (apiRef, props) => {
       mode: _gridEditRowModel.GridCellModes.Edit
     }, other));
   }, [throwIfNotEditable, throwIfNotInMode, updateFieldInCellModesModel]);
-  const updateStateToStartCellEditMode = (0, _utils.unstable_useEventCallback)(async params => {
+  const updateStateToStartCellEditMode = (0, _useEventCallback.default)(async params => {
     const {
       id,
       field,
@@ -258,7 +259,7 @@ const useGridCellEditing = (apiRef, props) => {
     const value = apiRef.current.getCellValue(id, field);
     let newValue = value;
     if (deleteValue) {
-      newValue = (0, _utils3.getDefaultCellValue)(apiRef.current.getColumn(field));
+      newValue = (0, _utils2.getDefaultCellValue)(apiRef.current.getColumn(field));
     } else if (initialValue) {
       newValue = initialValue;
     }
@@ -299,7 +300,7 @@ const useGridCellEditing = (apiRef, props) => {
       mode: _gridEditRowModel.GridCellModes.View
     }, other));
   }, [throwIfNotInMode, updateFieldInCellModesModel]);
-  const updateStateToStopCellEditMode = (0, _utils.unstable_useEventCallback)(async params => {
+  const updateStateToStopCellEditMode = (0, _useEventCallback.default)(async params => {
     const {
       id,
       field,
@@ -448,12 +449,12 @@ const useGridCellEditing = (apiRef, props) => {
   }, [cellModesModelProp, updateCellModesModel]);
 
   // Run this effect synchronously so that the keyboard event can impact the yet-to-be-rendered input.
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     const rowsLookup = (0, _gridRowsSelector.gridRowsLookupSelector)(apiRef);
 
     // Update the ref here because updateStateToStopCellEditMode may change it later
     const copyOfPrevCellModes = prevCellModesModel.current;
-    prevCellModesModel.current = (0, _utils2.deepClone)(cellModesModel); // Do a deep-clone because the attributes might be changed later
+    prevCellModesModel.current = (0, _utils.deepClone)(cellModesModel); // Do a deep-clone because the attributes might be changed later
 
     Object.entries(cellModesModel).forEach(([id, fields]) => {
       Object.entries(fields).forEach(([field, params]) => {

package/hooks/features/editing/useGridRowEditing.js

@@ -10,7 +10,8 @@ var _toPropertyKey2 = _interopRequireDefault(require("@babel/runtime/helpers/toP
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/utils");
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _warning = require("@mui/x-internals/warning");
 var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
 var _gridEditRowModel = require("../../../models/gridEditRowModel");
@@ -19,10 +20,10 @@ var _gridEditingSelectors = require("./gridEditingSelectors");
 var _keyboardUtils = require("../../../utils/keyboardUtils");
 var _gridColumnsSelector = require("../columns/gridColumnsSelector");
 var _gridRowsSelector = require("../rows/gridRowsSelector");
-var _utils2 = require("../../../utils/utils");
+var _utils = require("../../../utils/utils");
 var _gridRowParams = require("../../../models/params/gridRowParams");
 var _colDef = require("../../../colDef");
-var _utils3 = require("./utils");
+var _utils2 = require("./utils");
 const _excluded = ["id"],
   _excluded2 = ["id"];
 const useGridRowEditing = (apiRef, props) => {
@@ -246,7 +247,7 @@ const useGridRowEditing = (apiRef, props) => {
     });
     return isEditing ? _gridEditRowModel.GridRowModes.Edit : _gridEditRowModel.GridRowModes.View;
   }, [apiRef, props.editMode]);
-  const updateRowModesModel = (0, _utils.unstable_useEventCallback)(newModel => {
+  const updateRowModesModel = (0, _useEventCallback.default)(newModel => {
     const isNewModelDifferentFromProp = newModel !== props.rowModesModel;
     if (onRowModesModelChange && isNewModelDifferentFromProp) {
       onRowModesModelChange(newModel, {
@@ -310,7 +311,7 @@ const useGridRowEditing = (apiRef, props) => {
       mode: _gridEditRowModel.GridRowModes.Edit
     }, other));
   }, [throwIfNotInMode, updateRowInRowModesModel]);
-  const updateStateToStartRowEditMode = (0, _utils.unstable_useEventCallback)(params => {
+  const updateStateToStartRowEditMode = (0, _useEventCallback.default)(params => {
     const {
       id,
       fieldToFocus,
@@ -327,7 +328,7 @@ const useGridRowEditing = (apiRef, props) => {
       let newValue = apiRef.current.getCellValue(id, field);
       if (fieldToFocus === field && (deleteValue || initialValue)) {
         if (deleteValue) {
-          newValue = (0, _utils3.getDefaultCellValue)(column);
+          newValue = (0, _utils2.getDefaultCellValue)(column);
         } else if (initialValue) {
           newValue = initialValue;
         }
@@ -346,7 +347,7 @@ const useGridRowEditing = (apiRef, props) => {
     columnFields.filter(field => !!apiRef.current.getColumn(field).preProcessEditCellProps && deleteValue).forEach(field => {
       const column = apiRef.current.getColumn(field);
       const value = apiRef.current.getCellValue(id, field);
-      const newValue = deleteValue ? (0, _utils3.getDefaultCellValue)(column) : initialValue ?? value;
+      const newValue = deleteValue ? (0, _utils2.getDefaultCellValue)(column) : initialValue ?? value;
       Promise.resolve(column.preProcessEditCellProps({
         id,
         row: apiRef.current.getRow(id),
@@ -374,7 +375,7 @@ const useGridRowEditing = (apiRef, props) => {
       mode: _gridEditRowModel.GridRowModes.View
     }, other));
   }, [throwIfNotInMode, updateRowInRowModesModel]);
-  const updateStateToStopRowEditMode = (0, _utils.unstable_useEventCallback)(params => {
+  const updateStateToStopRowEditMode = (0, _useEventCallback.default)(params => {
     const {
       id,
       ignoreModifications,
@@ -575,12 +576,12 @@ const useGridRowEditing = (apiRef, props) => {
   }, [rowModesModelProp, updateRowModesModel]);
 
   // Run this effect synchronously so that the keyboard event can impact the yet-to-be-rendered input.
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     const rowsLookup = (0, _gridRowsSelector.gridRowsLookupSelector)(apiRef);
 
     // Update the ref here because updateStateToStopRowEditMode may change it later
     const copyOfPrevRowModesModel = prevRowModesModel.current;
-    prevRowModesModel.current = (0, _utils2.deepClone)(rowModesModel); // Do a deep-clone because the attributes might be changed later
+    prevRowModesModel.current = (0, _utils.deepClone)(rowModesModel); // Do a deep-clone because the attributes might be changed later
 
     const ids = new Set([...Object.keys(rowModesModel), ...Object.keys(copyOfPrevRowModesModel)]);
     Array.from(ids).forEach(id => {

package/hooks/features/export/utils.js

@@ -7,6 +7,7 @@ exports.getColumnsToExport = exports.defaultGetRowsToExport = void 0;
 var _columns = require("../columns");
 var _filter = require("../filter");
 var _gridRowsSelector = require("../rows/gridRowsSelector");
+var _gridRowSelectionSelector = require("../rowSelection/gridRowSelectionSelector");
 const getColumnsToExport = ({
   apiRef,
   options
@@ -30,14 +31,15 @@ const defaultGetRowsToExport = ({
 }) => {
   const filteredSortedRowIds = (0, _filter.gridFilteredSortedRowIdsSelector)(apiRef);
   const rowTree = (0, _gridRowsSelector.gridRowTreeSelector)(apiRef);
-  const selectedRows = apiRef.current.getSelectedRows();
+  const selectedRowsCount = (0, _gridRowSelectionSelector.gridRowSelectionCountSelector)(apiRef);
   const bodyRows = filteredSortedRowIds.filter(id => rowTree[id].type !== 'footer');
   const pinnedRows = (0, _gridRowsSelector.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 = (0, _gridRowSelectionSelector.gridRowSelectionIdsSelector)(apiRef);
     return bodyRows.filter(id => selectedRows.has(id));
   }
   return bodyRows;

package/hooks/features/focus/useGridFocus.js

@@ -8,7 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.useGridFocus = exports.focusStateInitializer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/utils");
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
 var _gridClasses = require("../../../constants/gridClasses");
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
 var _useGridLogger = require("../../utils/useGridLogger");
@@ -17,7 +18,7 @@ var _keyboardUtils = require("../../../utils/keyboardUtils");
 var _gridFocusStateSelector = require("./gridFocusStateSelector");
 var _gridColumnsSelector = require("../columns/gridColumnsSelector");
 var _useGridVisibleRows = require("../../utils/useGridVisibleRows");
-var _utils2 = require("../../../utils/utils");
+var _utils = require("../../../utils/utils");
 var _gridRowsSelector = require("../rows/gridRowsSelector");
 const focusStateInitializer = state => (0, _extends2.default)({}, state, {
   focus: {
@@ -205,7 +206,7 @@ const useGridFocus = (apiRef, props) => {
         columnIndexToFocus = visibleColumns.length - 1;
       }
     }
-    rowIndexToFocus = (0, _utils2.clamp)(rowIndexToFocus, 0, currentPageRows.length - 1);
+    rowIndexToFocus = (0, _utils.clamp)(rowIndexToFocus, 0, currentPageRows.length - 1);
     const rowToFocus = currentPageRows[rowIndexToFocus];
     if (!rowToFocus) {
       return;
@@ -218,7 +219,7 @@ const useGridFocus = (apiRef, props) => {
         columnIndexToFocus = colSpanInfo.rightVisibleCellIndex;
       }
     }
-    columnIndexToFocus = (0, _utils2.clamp)(columnIndexToFocus, 0, visibleColumns.length - 1);
+    columnIndexToFocus = (0, _utils.clamp)(columnIndexToFocus, 0, visibleColumns.length - 1);
     const columnToFocus = visibleColumns[columnIndexToFocus];
     apiRef.current.setCellFocus(rowToFocus.id, columnToFocus.field);
   }, [apiRef, props.pagination, props.paginationMode]);
@@ -339,7 +340,7 @@ const useGridFocus = (apiRef, props) => {
           pagination: props.pagination,
           paginationMode: props.paginationMode
         });
-        const nextRow = currentPage.rows[(0, _utils2.clamp)(lastFocusedRowIndex, 0, currentPage.rows.length - 1)];
+        const nextRow = currentPage.rows[(0, _utils.clamp)(lastFocusedRowIndex, 0, currentPage.rows.length - 1)];
         nextRowId = nextRow?.id ?? null;
       }
       apiRef.current.setState(state => (0, _extends2.default)({}, state, {
@@ -355,7 +356,7 @@ const useGridFocus = (apiRef, props) => {
       }));
     }
   }, [apiRef, props.pagination, props.paginationMode]);
-  const handlePaginationModelChange = (0, _utils.unstable_useEventCallback)(() => {
+  const handlePaginationModelChange = (0, _useEventCallback.default)(() => {
     const currentFocusedCell = (0, _gridFocusStateSelector.gridFocusCellSelector)(apiRef);
     if (!currentFocusedCell) {
       return;
@@ -396,7 +397,7 @@ const useGridFocus = (apiRef, props) => {
   (0, _useGridApiMethod.useGridApiMethod)(apiRef, focusApi, 'public');
   (0, _useGridApiMethod.useGridApiMethod)(apiRef, focusPrivateApi, 'private');
   React.useEffect(() => {
-    const doc = (0, _utils.unstable_ownerDocument)(apiRef.current.rootElementRef.current);
+    const doc = (0, _ownerDocument.default)(apiRef.current.rootElementRef.current);
     doc.addEventListener('mouseup', handleDocumentClick);
     return () => {
       doc.removeEventListener('mouseup', handleDocumentClick);

package/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/hooks/features/index.js

@@ -3,19 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  GridDataSourceCacheDefault: true
-};
-Object.defineProperty(exports, "GridDataSourceCacheDefault", {
-  enumerable: true,
-  get: function () {
-    return _cache.GridDataSourceCacheDefault;
-  }
-});
 var _columnMenu = require("./columnMenu");
 Object.keys(_columnMenu).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _columnMenu[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -27,7 +17,6 @@ Object.keys(_columnMenu).forEach(function (key) {
 var _columns = require("./columns");
 Object.keys(_columns).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _columns[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -39,7 +28,6 @@ Object.keys(_columns).forEach(function (key) {
 var _columnGrouping = require("./columnGrouping");
 Object.keys(_columnGrouping).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _columnGrouping[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -51,7 +39,6 @@ Object.keys(_columnGrouping).forEach(function (key) {
 var _columnResize = require("./columnResize");
 Object.keys(_columnResize).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _columnResize[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -63,7 +50,6 @@ Object.keys(_columnResize).forEach(function (key) {
 var _density = require("./density");
 Object.keys(_density).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _density[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -75,7 +61,6 @@ Object.keys(_density).forEach(function (key) {
 var _editing = require("./editing");
 Object.keys(_editing).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _editing[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -87,7 +72,6 @@ Object.keys(_editing).forEach(function (key) {
 var _filter = require("./filter");
 Object.keys(_filter).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _filter[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -99,7 +83,6 @@ Object.keys(_filter).forEach(function (key) {
 var _focus = require("./focus");
 Object.keys(_focus).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _focus[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -111,7 +94,6 @@ Object.keys(_focus).forEach(function (key) {
 var _listView = require("./listView");
 Object.keys(_listView).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _listView[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -123,7 +105,6 @@ Object.keys(_listView).forEach(function (key) {
 var _pagination = require("./pagination");
 Object.keys(_pagination).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _pagination[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -135,7 +116,6 @@ Object.keys(_pagination).forEach(function (key) {
 var _preferencesPanel = require("./preferencesPanel");
 Object.keys(_preferencesPanel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _preferencesPanel[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -147,7 +127,6 @@ Object.keys(_preferencesPanel).forEach(function (key) {
 var _rows = require("./rows");
 Object.keys(_rows).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _rows[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -159,7 +138,6 @@ Object.keys(_rows).forEach(function (key) {
 var _rowSelection = require("./rowSelection");
 Object.keys(_rowSelection).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _rowSelection[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -171,7 +149,6 @@ Object.keys(_rowSelection).forEach(function (key) {
 var _sorting = require("./sorting");
 Object.keys(_sorting).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _sorting[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -183,7 +160,6 @@ Object.keys(_sorting).forEach(function (key) {
 var _dimensions = require("./dimensions");
 Object.keys(_dimensions).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _dimensions[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -195,7 +171,6 @@ Object.keys(_dimensions).forEach(function (key) {
 var _statePersistence = require("./statePersistence");
 Object.keys(_statePersistence).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _statePersistence[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -207,7 +182,6 @@ Object.keys(_statePersistence).forEach(function (key) {
 var _headerFiltering = require("./headerFiltering");
 Object.keys(_headerFiltering).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _headerFiltering[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -219,7 +193,6 @@ Object.keys(_headerFiltering).forEach(function (key) {
 var _virtualization = require("./virtualization");
 Object.keys(_virtualization).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _virtualization[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -228,4 +201,14 @@ Object.keys(_virtualization).forEach(function (key) {
     }
   });
 });
-var _cache = require("./dataSource/cache");
+var _dataSource = require("./dataSource");
+Object.keys(_dataSource).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dataSource[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dataSource[key];
+    }
+  });
+});