@mui/x-data-grid 9.13.0 → 9.15.0

package/hooks/features/rowSelection/useGridRowSelection.mjs

@@ -1,7 +1,7 @@
 'use client';
 
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { GridSignature } from "../../../constants/signature.mjs";
@@ -9,7 +9,8 @@ import { useGridEvent } from "../../utils/useGridEvent.mjs";
 import { useGridApiMethod } from "../../utils/useGridApiMethod.mjs";
 import { useGridLogger } from "../../utils/useGridLogger.mjs";
 import { useGridSelector } from "../../utils/useGridSelector.mjs";
-import { gridRowsLookupSelector, gridRowMaximumTreeDepthSelector, gridRowNodeSelector, gridRowTreeSelector } from "../rows/gridRowsSelector.mjs";
+import { gridDataRowIdsSelector, gridRowsLookupSelector, gridRowMaximumTreeDepthSelector, gridRowNodeSelector, gridRowTreeSelector } from "../rows/gridRowsSelector.mjs";
+import { GRID_ROOT_GROUP_ID } from "../rows/gridRowsUtils.mjs";
 import { gridRowSelectionManagerSelector, gridRowSelectionStateSelector, gridRowSelectionCountSelector, gridRowSelectionIdsSelector } from "./gridRowSelectionSelector.mjs";
 import { gridFocusCellSelector } from "../focus/gridFocusStateSelector.mjs";
 import { gridExpandedSortedRowIdsSelector, gridFilteredRowsLookupSelector, gridFilterModelSelector, gridQuickFilterValuesSelector } from "../filter/gridFilterSelector.mjs";
@@ -119,6 +120,10 @@ You need to upgrade to DataGridPro or DataGridPremium component to unlock multip
     if (props.rowSelection === false) {
       return false;
     }
+    const rowNode = gridRowNodeSelector(apiRef, id);
+    if (rowNode?.type === 'footer' || rowNode?.type === 'pinnedRow' || rowNode?.type === 'skeletonRow') {
+      return false;
+    }
 
     // If `keepNonExistentRowsSelected` is true, we might run in a case where row selectability is checked for a row that does not exist.
     // Since that row was previously selected (otherwise it would not be checked at this point), we return true.
@@ -128,10 +133,6 @@ You need to upgrade to DataGridPro or DataGridPremium component to unlock multip
     if (propIsRowSelectable && !propIsRowSelectable(apiRef.current.getRowParams(id))) {
       return false;
     }
-    const rowNode = gridRowNodeSelector(apiRef, id);
-    if (rowNode?.type === 'footer' || rowNode?.type === 'pinnedRow') {
-      return false;
-    }
     return true;
   }, [apiRef, props.rowSelection, props.keepNonExistentRowsSelected, propIsRowSelectable]);
   const getSelectedRows = React.useCallback(() => gridRowSelectionIdsSelector(apiRef), [apiRef]);
@@ -307,6 +308,7 @@ You need to upgrade to DataGridPro or DataGridPremium component to unlock multip
    * EVENTS
    */
   const isFirstRender = React.useRef(true);
+  const previousRowsLookupRef = React.useRef(null);
   const removeOutdatedSelection = React.useCallback(() => {
     if (isFirstRender.current) {
       return;
@@ -315,6 +317,11 @@ You need to upgrade to DataGridPro or DataGridPremium component to unlock multip
     const rowsLookup = gridRowsLookupSelector(apiRef);
     const rowTree = gridRowTreeSelector(apiRef);
     const filteredRowsLookup = gridFilteredRowsLookupSelector(apiRef);
+    const previousRowsLookup = previousRowsLookupRef.current;
+    previousRowsLookupRef.current = rowsLookup;
+    // Read the depth at call time. The event that runs this callback can fire in the same
+    // tick as the state update that changes the depth, before the render-scope value updates.
+    const isNested = gridRowMaximumTreeDepthSelector(apiRef) > 1;
     const isNonExistent = id => {
       if (props.filterMode === 'server') {
         return !rowsLookup[id];
@@ -342,6 +349,32 @@ You need to upgrade to DataGridPro or DataGridPremium component to unlock multip
       return node.children.some(childId => isOrHasSelectableDescendant(childId));
     };
     let hasChanged = false;
+
+    // Rows can load after their parent was selected (server-side lazy loading).
+    // They arrive unselected, so the parent re-derivation below would drop the parent.
+    // With `rowSelectionPropagation.descendants`, the rows that appeared since the last run
+    // inherit the selection state of their closest previously known ancestor instead.
+    if (isNested && props.rowSelectionPropagation?.descendants && currentSelection.type === 'include' && currentSelection.ids.size > 0 && previousRowsLookup !== null && previousRowsLookup !== rowsLookup) {
+      const isNewRow = id => rowsLookup[id] !== undefined && previousRowsLookup[id] === undefined;
+      const inheritsSelection = id => {
+        const parentId = rowTree[id]?.parent;
+        if (parentId == null || parentId === GRID_ROOT_GROUP_ID) {
+          return false;
+        }
+        if (selectionManager.has(parentId)) {
+          return true;
+        }
+        // A row that appeared together with its parent reads the state further up the chain.
+        return isNewRow(parentId) ? inheritsSelection(parentId) : false;
+      };
+      const dataRowIds = gridDataRowIdsSelector(apiRef);
+      for (const id of dataRowIds) {
+        if (isNewRow(id) && filteredRowsLookup[id] !== false && inheritsSelection(id) && apiRef.current.isRowSelectable(id)) {
+          selectionManager.select(id);
+          hasChanged = true;
+        }
+      }
+    }
     for (const id of currentSelection.ids) {
       if (isNonExistent(id)) {
         if (props.keepNonExistentRowsSelected) {
@@ -374,9 +407,10 @@ You need to upgrade to DataGridPro or DataGridPremium component to unlock multip
     // For nested data, on row tree updation (filtering, adding rows, etc.) when the selection is
     // not empty, we need to re-run scanning of the tree to propagate the selection changes
     // Example: A parent whose de-selected children are filtered out should now be selected
-    const shouldReapplyPropagation = isNestedData && props.rowSelectionPropagation?.parents && (newSelectionModel.ids.size > 0 ||
-    // In case of exclude selection, newSelectionModel.ids.size === 0 means all rows are selected
-    newSelectionModel.type === 'exclude');
+    // With a data source, an `exclude` model is left alone: the grid only knows the loaded
+    // subset of the rows, so rewriting the model into an `include` of the known rows would
+    // drop the "rows that load later are selected too" semantics of the select-all state.
+    const shouldReapplyPropagation = isNested && props.rowSelectionPropagation?.parents && (newSelectionModel.type === 'exclude' ? props.dataSource === undefined : newSelectionModel.ids.size > 0);
     if (hasChanged || shouldReapplyPropagation) {
       if (shouldReapplyPropagation) {
         if (newSelectionModel.type === 'exclude') {
@@ -390,13 +424,20 @@ You need to upgrade to DataGridPro or DataGridPremium component to unlock multip
           }
           apiRef.current.selectRows(selectedRowIds, true, true);
         } else {
-          apiRef.current.selectRows(Array.from(newSelectionModel.ids), true, true);
+          // `getPropagatedRowSelectionModel` reads the sibling selection state from the model
+          // built above, so the rows selected during this run count for the parent derivation.
+          // `selectRows` would read the state from before this run instead.
+          const propagatedModel = apiRef.current.getPropagatedRowSelectionModel(newSelectionModel);
+          const isSelectionValid = propagatedModel.ids.size < 2 || canHaveMultipleSelection;
+          if (isSelectionValid && (propagatedModel.type !== currentSelection.type || propagatedModel.ids.size !== currentSelection.ids.size || !Array.from(propagatedModel.ids).every(id => currentSelection.ids.has(id)))) {
+            apiRef.current.setRowSelectionModel(propagatedModel, 'multipleRowsSelection');
+          }
         }
       } else {
         apiRef.current.setRowSelectionModel(newSelectionModel, 'multipleRowsSelection');
       }
     }
-  }, [apiRef, isNestedData, props.rowSelectionPropagation?.parents, props.keepNonExistentRowsSelected, props.filterMode, getRowsToBeSelected]);
+  }, [apiRef, props.rowSelectionPropagation?.parents, props.rowSelectionPropagation?.descendants, props.keepNonExistentRowsSelected, props.filterMode, props.dataSource, canHaveMultipleSelection, getRowsToBeSelected]);
   const handleSingleRowSelection = React.useCallback((id, event) => {
     const hasCtrlKey = event.metaKey || event.ctrlKey;
 

package/hooks/features/rowSelection/useGridRowSelectionPreProcessors.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
 import { useGridRegisterPipeProcessor } from "../../core/pipeProcessing/index.mjs";

package/hooks/features/rowSelection/utils.js

@@ -67,6 +67,11 @@ const checkboxPropsSelector = exports.checkboxPropsSelector = (0, _createSelecto
       return;
     }
     const node = rowTree[itemToTraverseId];
+    // Skeleton rows are placeholders for rows that are not loaded yet.
+    // They have no selection state, so they do not affect the parent checkbox state.
+    if (node?.type === 'skeletonRow') {
+      return;
+    }
     if (node?.type === 'group') {
       node.children.forEach(traverseDescendants);
     }

package/hooks/features/rowSelection/utils.mjs

@@ -60,6 +60,11 @@ export const checkboxPropsSelector = createSelector(gridColumnDefinitionsSelecto
       return;
     }
     const node = rowTree[itemToTraverseId];
+    // Skeleton rows are placeholders for rows that are not loaded yet.
+    // They have no selection state, so they do not affect the parent checkbox state.
+    if (node?.type === 'skeletonRow') {
+      return;
+    }
     if (node?.type === 'group') {
       node.children.forEach(traverseDescendants);
     }

package/hooks/features/rows/gridRowsUtils.js

@@ -253,7 +253,7 @@ const warnIfReplaceLosesPrototype = (oldRow, replacement) => {
 
   // The message must stay free of row-specific details: `warnOnce()` caches by message, so
   // interpolating the id would log once per row and grow the cache with every update.
-  (0, _warning.warnOnce)(["MUI X Data Grid: A plain object was provided as the `row` of a `_action: 'replace'` update, but the row it replaces is a class instance.", "Building the replacement with a spread (`{ _action: 'replace', row: { ...row } }`) creates a plain object, dropping the prototype chain and the private fields that `_action: 'replace'` exists to preserve.", "Pass the instance itself instead, for example `{ _action: 'replace', row }`.", 'For more detail, see https://mui.com/x/react-data-grid/row-updates/.']);
+  (0, _warning.warnOnce)(["MUI X Data Grid: A plain object was provided as the `row` of a `_action: 'replace'` update, but the row it replaces is a class instance.", "Building the replacement with a spread (`{ _action: 'replace', row: { ...row } }`) creates a plain object, dropping the prototype chain and the private fields that `_action: 'replace'` exists to preserve.", "Pass the instance itself instead, for example `{ _action: 'replace', row }`.", 'For more detail, see https://mui.com/x/react-data-grid/row-updates/.'].join('\n'));
 };
 exports.warnIfReplaceLosesPrototype = warnIfReplaceLosesPrototype;
 const updateCacheWithNewRows = ({
@@ -286,7 +286,7 @@ const updateCacheWithNewRows = ({
     } else if (uniqueUpdates.has(id)) {
       const accumulatedUpdate = uniqueUpdates.get(id);
       if (process.env.NODE_ENV !== 'production' && replaceIds.has(id)) {
-        (0, _warning.warnOnce)(["MUI X Data Grid: A row was provided with `_action: 'replace'` but it is not the last update for that row in this batch.", 'The remaining updates are merged onto the replacement, so the row keeps its prototype but is neither the same object nor carries its `#private` fields, which a merge cannot copy.', 'Make the replace the last update for that row if `apiRef.current.getRow(id)` must return the object you passed in.', 'For more detail, see https://mui.com/x/react-data-grid/row-updates/.']);
+        (0, _warning.warnOnce)(["MUI X Data Grid: A row was provided with `_action: 'replace'` but it is not the last update for that row in this batch.", 'The remaining updates are merged onto the replacement, so the row keeps its prototype but is neither the same object nor carries its `#private` fields, which a merge cannot copy.', 'Make the replace the last update for that row if `apiRef.current.getRow(id)` must return the object you passed in.', 'For more detail, see https://mui.com/x/react-data-grid/row-updates/.'].join('\n'));
       }
       // The merge keeps the accumulated entry's prototype and the id stays in `replaceIds`,
       // so the result is still applied as a replace.

package/hooks/features/rows/gridRowsUtils.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import { warnOnce } from '@mui/x-internals/warning';
 import { gridRowNodeSelector } from "./gridRowsSelector.mjs";
@@ -231,7 +231,7 @@ export const warnIfReplaceLosesPrototype = (oldRow, replacement) => {
 
   // The message must stay free of row-specific details: `warnOnce()` caches by message, so
   // interpolating the id would log once per row and grow the cache with every update.
-  warnOnce(["MUI X Data Grid: A plain object was provided as the `row` of a `_action: 'replace'` update, but the row it replaces is a class instance.", "Building the replacement with a spread (`{ _action: 'replace', row: { ...row } }`) creates a plain object, dropping the prototype chain and the private fields that `_action: 'replace'` exists to preserve.", "Pass the instance itself instead, for example `{ _action: 'replace', row }`.", 'For more detail, see https://mui.com/x/react-data-grid/row-updates/.']);
+  warnOnce(["MUI X Data Grid: A plain object was provided as the `row` of a `_action: 'replace'` update, but the row it replaces is a class instance.", "Building the replacement with a spread (`{ _action: 'replace', row: { ...row } }`) creates a plain object, dropping the prototype chain and the private fields that `_action: 'replace'` exists to preserve.", "Pass the instance itself instead, for example `{ _action: 'replace', row }`.", 'For more detail, see https://mui.com/x/react-data-grid/row-updates/.'].join('\n'));
 };
 export const updateCacheWithNewRows = ({
   previousCache,
@@ -263,7 +263,7 @@ export const updateCacheWithNewRows = ({
     } else if (uniqueUpdates.has(id)) {
       const accumulatedUpdate = uniqueUpdates.get(id);
       if (process.env.NODE_ENV !== 'production' && replaceIds.has(id)) {
-        warnOnce(["MUI X Data Grid: A row was provided with `_action: 'replace'` but it is not the last update for that row in this batch.", 'The remaining updates are merged onto the replacement, so the row keeps its prototype but is neither the same object nor carries its `#private` fields, which a merge cannot copy.', 'Make the replace the last update for that row if `apiRef.current.getRow(id)` must return the object you passed in.', 'For more detail, see https://mui.com/x/react-data-grid/row-updates/.']);
+        warnOnce(["MUI X Data Grid: A row was provided with `_action: 'replace'` but it is not the last update for that row in this batch.", 'The remaining updates are merged onto the replacement, so the row keeps its prototype but is neither the same object nor carries its `#private` fields, which a merge cannot copy.', 'Make the replace the last update for that row if `apiRef.current.getRow(id)` must return the object you passed in.', 'For more detail, see https://mui.com/x/react-data-grid/row-updates/.'].join('\n'));
       }
       // The merge keeps the accumulated entry's prototype and the id stays in `replaceIds`,
       // so the result is still applied as a replace.

package/hooks/features/rows/useGridRowSpanning.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { Rowspan } from '@mui/x-virtualizer/features';
 import { gridVisibleColumnDefinitionsSelector } from "../columns/gridColumnsSelector.mjs";

package/hooks/features/rows/useGridRows.mjs

@@ -1,7 +1,7 @@
 'use client';
 
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import useLazyRef from '@mui/utils/useLazyRef';
 import { isObjectEmpty } from '@mui/x-internals/isObjectEmpty';

package/hooks/features/rows/useGridRowsMeta.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { useGridApiMethod } from "../../utils/useGridApiMethod.mjs";
 import { gridPaginationSelector } from "../pagination/gridPaginationSelector.mjs";
 import { useGridRegisterPipeApplier } from "../../core/pipeProcessing/index.mjs";

package/hooks/features/rows/useGridRowsOverridableMethods.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import * as React from 'react';
 import { gridRowTreeSelector, gridRowNodeSelector } from "./gridRowsSelector.mjs";

package/hooks/features/rows/useGridRowsPreProcessors.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { GRID_DEFAULT_STRATEGY, useGridRegisterStrategyProcessor } from "../../core/strategyProcessing/index.mjs";
 import { buildRootGroup, GRID_ROOT_GROUP_ID } from "./gridRowsUtils.mjs";
 const createFlatRowTree = rows => {

package/hooks/features/sorting/gridSortingUtils.js

@@ -11,7 +11,7 @@ var _gridRowsSelector = require("../rows/gridRowsSelector");
 const sanitizeSortModel = (model, disableMultipleColumnsSorting) => {
   if (disableMultipleColumnsSorting && model.length > 1) {
     if (process.env.NODE_ENV !== 'production') {
-      (0, _warning.warnOnce)(['MUI X: The `sortModel` can only contain a single item when the `disableMultipleColumnsSorting` prop is set to `true`.', 'If you are using the community version of the Data Grid, this prop is always `true`.'], 'error');
+      (0, _warning.errorOnce)(['MUI X: The `sortModel` can only contain a single item when the `disableMultipleColumnsSorting` prop is set to `true`.', 'If you are using the community version of the Data Grid, this prop is always `true`.'].join('\n'));
     }
     return [model[0]];
   }

package/hooks/features/sorting/gridSortingUtils.mjs

@@ -1,10 +1,10 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { warnOnce } from '@mui/x-internals/warning';
+import _extends from "@babel/runtime/helpers/extends";
+import { errorOnce } from '@mui/x-internals/warning';
 import { gridRowNodeSelector } from "../rows/gridRowsSelector.mjs";
 export const sanitizeSortModel = (model, disableMultipleColumnsSorting) => {
   if (disableMultipleColumnsSorting && model.length > 1) {
     if (process.env.NODE_ENV !== 'production') {
-      warnOnce(['MUI X: The `sortModel` can only contain a single item when the `disableMultipleColumnsSorting` prop is set to `true`.', 'If you are using the community version of the Data Grid, this prop is always `true`.'], 'error');
+      errorOnce(['MUI X: The `sortModel` can only contain a single item when the `disableMultipleColumnsSorting` prop is set to `true`.', 'If you are using the community version of the Data Grid, this prop is always `true`.'].join('\n'));
     }
     return [model[0]];
   }

package/hooks/features/sorting/useGridSorting.js

@@ -9,13 +9,13 @@ exports.useGridSorting = exports.sortingStateInitializer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useOnFirstRender = require("@base-ui/utils/useOnFirstRender");
 var _useGridEvent = require("../../utils/useGridEvent");
 var _useGridApiMethod = require("../../utils/useGridApiMethod");
 var _useGridLogger = require("../../utils/useGridLogger");
 var _gridColumnsSelector = require("../columns/gridColumnsSelector");
 var _gridSortingSelector = require("./gridSortingSelector");
 var _rows = require("../rows");
-var _useFirstRender = require("../../utils/useFirstRender");
 var _strategyProcessing = require("../../core/strategyProcessing");
 var _gridSortingUtils = require("./gridSortingUtils");
 var _pipeProcessing = require("../../core/pipeProcessing");
@@ -247,7 +247,7 @@ const useGridSorting = (apiRef, props) => {
   /**
    * 1ST RENDER
    */
-  (0, _useFirstRender.useFirstRender)(() => {
+  (0, _useOnFirstRender.useOnFirstRender)(() => {
     if (props.signature === 'DataGrid') {
       apiRef.current.applySorting();
     }

package/hooks/features/sorting/useGridSorting.mjs

@@ -1,13 +1,13 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import { useOnFirstRender } from '@base-ui/utils/useOnFirstRender';
 import { useGridEvent } from "../../utils/useGridEvent.mjs";
 import { useGridApiMethod } from "../../utils/useGridApiMethod.mjs";
 import { useGridLogger } from "../../utils/useGridLogger.mjs";
 import { gridColumnLookupSelector } from "../columns/gridColumnsSelector.mjs";
 import { gridSortedRowEntriesSelector, gridSortedRowIdsSelector, gridSortModelSelector } from "./gridSortingSelector.mjs";
 import { GRID_ROOT_GROUP_ID, gridRowTreeSelector } from "../rows/index.mjs";
-import { useFirstRender } from "../../utils/useFirstRender.mjs";
 import { useGridRegisterStrategyProcessor, GRID_DEFAULT_STRATEGY } from "../../core/strategyProcessing/index.mjs";
 import { buildAggregatedSortingApplier, mergeStateWithSortModel, getNextGridSortDirection, sanitizeSortModel } from "./gridSortingUtils.mjs";
 import { useGridRegisterPipeProcessor } from "../../core/pipeProcessing/index.mjs";
@@ -238,7 +238,7 @@ export const useGridSorting = (apiRef, props) => {
   /**
    * 1ST RENDER
    */
-  useFirstRender(() => {
+  useOnFirstRender(() => {
     if (props.signature === 'DataGrid') {
       apiRef.current.applySorting();
     }

package/hooks/features/virtualization/gridFocusedVirtualCellSelector.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { createSelector, createSelectorMemoized } from "../../../utils/createSelector.mjs";
 import { gridVisibleColumnDefinitionsSelector } from "../columns/gridColumnsSelector.mjs";
 import { gridRenderContextSelector } from "./gridVirtualizationSelectors.mjs";

package/hooks/features/virtualization/useGridVirtualization.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { EMPTY_RENDER_CONTEXT } from '@mui/x-virtualizer';
 import { platform } from '@base-ui/utils/platform';

package/hooks/utils/index.d.mts

@@ -1,10 +1,10 @@
 export * from '@mui/x-internals/useRunOnce';
+export { useOnFirstRender as useFirstRender } from '@base-ui/utils/useOnFirstRender';
 export { useGridEvent, useGridEventPriority, unstable_resetCleanupTracking } from "./useGridEvent.mjs";
 export * from "./useGridApiMethod.mjs";
 export * from "./useGridLogger.mjs";
 export { useGridSelector } from "./useGridSelector.mjs";
 export * from "./useGridNativeEventListener.mjs";
-export * from "./useFirstRender.mjs";
 export * from "./useOnMount.mjs";
 export * from "./useRunOncePerLoop.mjs";
 export type { RenderProp } from '@mui/x-internals/useComponentRenderer';

package/hooks/utils/index.d.ts

@@ -1,10 +1,10 @@
 export * from '@mui/x-internals/useRunOnce';
+export { useOnFirstRender as useFirstRender } from '@base-ui/utils/useOnFirstRender';
 export { useGridEvent, useGridEventPriority, unstable_resetCleanupTracking } from "./useGridEvent.js";
 export * from "./useGridApiMethod.js";
 export * from "./useGridLogger.js";
 export { useGridSelector } from "./useGridSelector.js";
 export * from "./useGridNativeEventListener.js";
-export * from "./useFirstRender.js";
 export * from "./useOnMount.js";
 export * from "./useRunOncePerLoop.js";
 export type { RenderProp } from '@mui/x-internals/useComponentRenderer';

package/hooks/utils/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
+  useFirstRender: true,
   useGridEvent: true,
   useGridEventPriority: true,
   unstable_resetCleanupTracking: true,
@@ -15,6 +16,12 @@ Object.defineProperty(exports, "unstable_resetCleanupTracking", {
     return _useGridEvent.unstable_resetCleanupTracking;
   }
 });
+Object.defineProperty(exports, "useFirstRender", {
+  enumerable: true,
+  get: function () {
+    return _useOnFirstRender.useOnFirstRender;
+  }
+});
 Object.defineProperty(exports, "useGridEvent", {
   enumerable: true,
   get: function () {
@@ -45,6 +52,7 @@ Object.keys(_useRunOnce).forEach(function (key) {
     }
   });
 });
+var _useOnFirstRender = require("@base-ui/utils/useOnFirstRender");
 var _useGridEvent = require("./useGridEvent");
 var _useGridApiMethod = require("./useGridApiMethod");
 Object.keys(_useGridApiMethod).forEach(function (key) {
@@ -83,18 +91,6 @@ Object.keys(_useGridNativeEventListener).forEach(function (key) {
     }
   });
 });
-var _useFirstRender = require("./useFirstRender");
-Object.keys(_useFirstRender).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useFirstRender[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useFirstRender[key];
-    }
-  });
-});
 var _useOnMount = require("./useOnMount");
 Object.keys(_useOnMount).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/hooks/utils/index.mjs

@@ -1,9 +1,10 @@
 export * from '@mui/x-internals/useRunOnce';
+// Public re-export kept for backwards compatibility; internals import Base UI directly.
+export { useOnFirstRender as useFirstRender } from '@base-ui/utils/useOnFirstRender';
 export { useGridEvent, useGridEventPriority, unstable_resetCleanupTracking } from "./useGridEvent.mjs";
 export * from "./useGridApiMethod.mjs";
 export * from "./useGridLogger.mjs";
 export { useGridSelector } from "./useGridSelector.mjs";
 export * from "./useGridNativeEventListener.mjs";
-export * from "./useFirstRender.mjs";
 export * from "./useOnMount.mjs";
 export * from "./useRunOncePerLoop.mjs";

package/hooks/utils/useGridSelector.js

@@ -10,7 +10,7 @@ exports.objectShallowCompare = void 0;
 exports.useGridSelector = useGridSelector;
 var React = _interopRequireWildcard(require("react"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
-var _fastObjectShallowCompare = require("@mui/x-internals/fastObjectShallowCompare");
+var _fastObjectShallowCompare = require("@base-ui/utils/fastObjectShallowCompare");
 var _warning = require("@mui/x-internals/warning");
 var _useLazyRef = require("./useLazyRef");
 const defaultCompare = Object.is;
@@ -40,7 +40,7 @@ const createRefs = () => ({
 const EMPTY = [];
 function useGridSelector(apiRef, selector, args = undefined, equals = defaultCompare) {
   if (process.env.NODE_ENV !== 'production' && !apiRef.current.state) {
-    (0, _warning.warnOnce)(['MUI X: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
+    (0, _warning.warnOnce)(['MUI X: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.'].join('\n'));
   }
   const refs = (0, _useLazyRef.useLazyRef)(createRefs);
   const didInit = refs.current.selector !== null;

package/hooks/utils/useGridSelector.mjs

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
+import { fastObjectShallowCompare } from '@base-ui/utils/fastObjectShallowCompare';
 import { warnOnce } from '@mui/x-internals/warning';
 import { useLazyRef } from "./useLazyRef.mjs";
 const defaultCompare = Object.is;
@@ -32,7 +32,7 @@ const createRefs = () => ({
 const EMPTY = [];
 export function useGridSelector(apiRef, selector, args = undefined, equals = defaultCompare) {
   if (process.env.NODE_ENV !== 'production' && !apiRef.current.state) {
-    warnOnce(['MUI X: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.']);
+    warnOnce(['MUI X: `useGridSelector` has been called before the initialization of the state.', 'This hook can only be used inside the context of the grid.'].join('\n'));
   }
   const refs = useLazyRef(createRefs);
   const didInit = refs.current.selector !== null;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v9.13.0
+ * @mui/x-data-grid v9.15.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v9.13.0
+ * @mui/x-data-grid v9.15.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/constants.d.mts

@@ -5,5 +5,5 @@ export declare enum PinnedColumnPosition {
   NONE = 0,
   LEFT = 1,
   RIGHT = 2,
-  VIRTUAL = 3,
+  VIRTUAL = 3
 }

package/internals/constants.d.ts

@@ -5,5 +5,5 @@ export declare enum PinnedColumnPosition {
   NONE = 0,
   LEFT = 1,
   RIGHT = 2,
-  VIRTUAL = 3,
+  VIRTUAL = 3
 }

package/internals/index.d.mts

@@ -102,6 +102,7 @@ export { useGridDataSourceBase } from "../hooks/features/dataSource/useGridDataS
 export { CacheChunkManager } from "../hooks/features/dataSource/utils.mjs";
 export { gridGetRowsParamsSelector } from "../hooks/features/dataSource/gridDataSourceSelector.mjs";
 export { useGridDataSourceFilterModelChange } from "../hooks/features/dataSource/useGridDataSourceFilterModelChange.mjs";
+export { useGridDataSourcePolling } from "../hooks/features/dataSource/useGridDataSourcePolling.mjs";
 export { getColumnsToExport, defaultGetRowsToExport } from "../hooks/features/export/utils.mjs";
 export * from "../utils/createControllablePromise.mjs";
 export * from "../utils/focusElement.mjs";

package/internals/index.d.ts

@@ -102,6 +102,7 @@ export { useGridDataSourceBase } from "../hooks/features/dataSource/useGridDataS
 export { CacheChunkManager } from "../hooks/features/dataSource/utils.js";
 export { gridGetRowsParamsSelector } from "../hooks/features/dataSource/gridDataSourceSelector.js";
 export { useGridDataSourceFilterModelChange } from "../hooks/features/dataSource/useGridDataSourceFilterModelChange.js";
+export { useGridDataSourcePolling } from "../hooks/features/dataSource/useGridDataSourcePolling.js";
 export { getColumnsToExport, defaultGetRowsToExport } from "../hooks/features/export/utils.js";
 export * from "../utils/createControllablePromise.js";
 export * from "../utils/focusElement.js";

package/internals/index.js

@@ -121,6 +121,7 @@ var _exportNames = {
   useGridDataSourceBase: true,
   gridGetRowsParamsSelector: true,
   useGridDataSourceFilterModelChange: true,
+  useGridDataSourcePolling: true,
   getColumnsToExport: true,
   defaultGetRowsToExport: true,
   NotRendered: true,
@@ -765,6 +766,12 @@ Object.defineProperty(exports, "useGridDataSourceFilterModelChange", {
     return _useGridDataSourceFilterModelChange.useGridDataSourceFilterModelChange;
   }
 });
+Object.defineProperty(exports, "useGridDataSourcePolling", {
+  enumerable: true,
+  get: function () {
+    return _useGridDataSourcePolling.useGridDataSourcePolling;
+  }
+});
 Object.defineProperty(exports, "useGridDensity", {
   enumerable: true,
   get: function () {
@@ -1144,6 +1151,7 @@ var _utils2 = require("../hooks/features/dataSource/utils");
 var _useGridDataSourceBase = require("../hooks/features/dataSource/useGridDataSourceBase");
 var _gridDataSourceSelector = require("../hooks/features/dataSource/gridDataSourceSelector");
 var _useGridDataSourceFilterModelChange = require("../hooks/features/dataSource/useGridDataSourceFilterModelChange");
+var _useGridDataSourcePolling = require("../hooks/features/dataSource/useGridDataSourcePolling");
 var _utils3 = require("../hooks/features/export/utils");
 var _createControllablePromise = require("../utils/createControllablePromise");
 Object.keys(_createControllablePromise).forEach(function (key) {

package/internals/index.mjs

@@ -80,6 +80,7 @@ export { useGridDataSourceBase } from "../hooks/features/dataSource/useGridDataS
 export { CacheChunkManager } from "../hooks/features/dataSource/utils.mjs";
 export { gridGetRowsParamsSelector } from "../hooks/features/dataSource/gridDataSourceSelector.mjs";
 export { useGridDataSourceFilterModelChange } from "../hooks/features/dataSource/useGridDataSourceFilterModelChange.mjs";
+export { useGridDataSourcePolling } from "../hooks/features/dataSource/useGridDataSourcePolling.mjs";
 export { getColumnsToExport, defaultGetRowsToExport } from "../hooks/features/export/utils.mjs";
 export * from "../utils/createControllablePromise.mjs";
 export * from "../utils/focusElement.mjs";

package/internals/utils/cache.d.mts

@@ -1,7 +1,6 @@
 import type { GridGetRowsParams, GridGetRowsResponse } from "../../models/gridDataSource.mjs";
 export declare class TestCache {
   private cache;
-  constructor();
   set(key: GridGetRowsParams, value: GridGetRowsResponse): void;
   get(key: GridGetRowsParams): GridGetRowsResponse | undefined;
   size(): number;

package/internals/utils/cache.d.ts

@@ -1,7 +1,6 @@
 import type { GridGetRowsParams, GridGetRowsResponse } from "../../models/gridDataSource.js";
 export declare class TestCache {
   private cache;
-  constructor();
   set(key: GridGetRowsParams, value: GridGetRowsResponse): void;
   get(key: GridGetRowsParams): GridGetRowsResponse | undefined;
   size(): number;

package/internals/utils/cache.js

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TestCache = void 0;
 var _cache = require("../../hooks/features/dataSource/cache");
 class TestCache {
-  constructor() {
-    this.cache = new Map();
-  }
+  cache = new Map();
   set(key, value) {
     this.cache.set((0, _cache.getKeyDefault)(key), value);
   }

package/internals/utils/cache.mjs

@@ -1,8 +1,6 @@
 import { getKeyDefault } from "../../hooks/features/dataSource/cache.mjs";
 export class TestCache {
-  constructor() {
-    this.cache = new Map();
-  }
+  cache = new Map();
   set(key, value) {
     this.cache.set(getKeyDefault(key), value);
   }

package/internals/utils/computeSlots.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 export function computeSlots({
   defaultSlots,
   slots