@mui/x-data-grid 9.0.2 → 9.0.4

package/CHANGELOG.md

@@ -1,5 +1,228 @@
 # Changelog
 
+## 9.0.4
+
+_Apr 28, 2026_
+
+We'd like to extend a big thank you to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- Fix Pickers previous (v9.0.3) release ensuring the latest `@mui/x-internals` version usage
+
+The following team members contributed to this release:
+@alexfauquette, @JCQuintas, @LukasTy, @mj12albert
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.4`
+
+Internal changes.
+
+#### `@mui/x-data-grid-pro@9.0.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.0.4`.
+
+#### `@mui/x-data-grid-premium@9.0.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.0.4`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.4`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.0.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.0.4`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.4`
+
+- [charts] Exclude hidden series and items from keyboard navigation (alt approach) (#22221) @JCQuintas
+- [charts] Fix line interaction with `area` and `conectNulls` (#22227) @alexfauquette
+- [charts] Implement the continuous case of `getAxisIndex` for rotation axis (#22230) @alexfauquette
+
+#### `@mui/x-charts-pro@9.0.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.0.4`.
+
+#### `@mui/x-charts-premium@9.0.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.0.4` plus:
+
+- [charts-premium] Add `showMark` and `shape` properties to radial line (#22226) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.4`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.0.4`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.4`
+
+Internal changes.
+
+#### `@mui/x-scheduler-premium@9.0.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.4`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.4`
+
+Internal changes.
+
+### Docs
+
+- [docs] Update WCAG links (#22234) @mj12albert
+
+### Core
+
+- [code-infra] Avoid overriding `renovate` `ignoredPaths` (#22228) @LukasTy
+
+## 9.0.3
+
+_Apr 27, 2026_
+
+We'd like to extend a big thank you to the 16 contributors who made this release possible. Here are some highlights ✨:
+
+- ⌨️ Keyboard support for creating events in the Scheduler
+
+Special thanks go out to these community members for their valuable contributions:
+@supunsathsara, @ZAKIURREHMAN
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @arminmeh, @brijeshb42, @Janpot, @JCQuintas, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @rita-codes, @romgrk, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.3`
+
+- [DataGrid] Fix `:first-child` SSR warning when `MuiDataGrid.styleOverrides` is set (#22081) @siriwatknp
+- [DataGrid] Fix row reordering when filter hides rows (#22096) @siriwatknp
+- [DataGrid] Remove unused `LayoutDataGridLegacy` class (#22009) @romgrk
+- [DataGrid] Remove unused code, clean up grid-related utilities and deprecate `GridPanelHeader` (#22112) @sai6855
+- [DataGrid] Fix columns cutting off after resizing (#22088) @ZAKIURREHMAN
+
+#### `@mui/x-data-grid-pro@9.0.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.0.3`.
+
+#### `@mui/x-data-grid-premium@9.0.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.0.3`, plus:
+
+- [DataGridPremium] Fix row grouping model updates not being reflected (#22122) @MBilalShafi
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.3`
+
+- [pickers] Fix `DateRangeCalendar` drag with `AdapterDayjs` plain-constructor values (#22165) @LukasTy
+- [pickers] Fix disabled state not overriding error border color (#21169) @supunsathsara
+- [pickers] Forward `data-*` and `aria-*` attributes to the root (#22147) @LukasTy
+- [pickers] Support `K` and `k` hour format tokens (#22108) @michelengelen
+
+#### `@mui/x-date-pickers-pro@9.0.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.0.3`, plus:
+
+- [DateRangeCalendar] Ensure date dragging triggers regardless of trigger element (#21868) @michelengelen
+
+### Charts
+
+#### `@mui/x-charts@9.0.3`
+
+- [charts] Centralize WebGL clear/render cycle (context-based) (#22127) @JCQuintas
+- [charts] Fix closest series detection for line charts (#22168) @alexfauquette
+- [charts] Fix radius grid lines when axis uses point scale (#22134) @alexfauquette
+- [charts] Use cubic solver for berzier intersection (#22152) @alexfauquette
+
+#### `@mui/x-charts-pro@9.0.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.0.3`, plus:
+
+- [charts-pro] Fix wheel zoom clamping with custom `minStart`/`maxEnd` (#22159) @JCQuintas
+
+#### `@mui/x-charts-premium@9.0.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.0.3`, plus:
+
+- [charts] Create a `'radialLine'` series type (#22066) @alexfauquette
+- [charts] Plot radial line (#22133) @alexfauquette
+- [charts] Remove `HeatmapWebGLRenderer` indirection (#22169) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.2`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.0.2`.
+
+### Scheduler
+
+#### Breaking changes
+
+- The `views` of `EventTimelinePremium` have been renamed to `presets`, with names that describe the header layout. The props `view`/`defaultView`/`views`/`onViewChange` are now `preset`/`defaultPreset`/`presets`/`onPresetChange`, and the type `EventTimelinePremiumView` is now `EventTimelinePremiumPreset`.
+
+| Old      | New            |
+| :------- | :------------- |
+| `time`   | `dayAndHour`   |
+| `days`   | `day`          |
+| `weeks`  | `dayAndWeek`   |
+| `months` | `monthAndYear` |
+| `years`  | `year`         |
+
+CSS variables (`--time-cell-width`, etc.) and headless store state (`state.view`, `setView`) follow the same rename. The `presets` array is now sorted internally against a canonical zoom order.
+
+#### `@mui/x-scheduler@9.0.0-alpha.3`
+
+- [scheduler] Allow creating events via keyboard - EventCalendar (#21967) @rita-codes
+- [scheduler] Prefix element IDs with a unique Scheduler instance ID (#22109) @rita-codes
+
+#### `@mui/x-scheduler-premium@9.0.0-alpha.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-alpha.3`.
+
+- [scheduler] Allow creating events via keyboard - `EventTimeline` (#22119) @rita-codes
+- [scheduler] Rename `EventTimeline` `views` to ordered presets (#22130) @rita-codes
+
+### Docs
+
+- [docs] Cleanup generated llm md files for chat (#22163) @brijeshb42
+- [docs] Fix `highlightScope` description (#22154) @alexfauquette
+- [docs] Remove obsolete v7 deprecation warning for `dayOfWeekFormatter` (#22111) @LukasTy
+- [docs] Use mui.com for broken links checker known targets (#22129) @JCQuintas
+- [docs] Document picker behavior inside MUI `Dialog` and provide recommended solutions (#22144) @michelengelen
+- [docs] Improve v9 license key version mismatch error guidance (#22180) @aemartos
+
+### Core
+
+- [code-infra] Reduce concurrency for package build to 5 (#22115) @Janpot
+- [code-infra] Rename `docsx` alias to `docs` (#22155) @brijeshb42
+- [docs-infra] Remove monorepo dependency (#22025) @brijeshb42
+- [docs-infra] Use latest published packages (#22086) @brijeshb42
+- [test] Refactor Pickers tests to async user-event (#22043) @LukasTy
+- [test] Remove redundant explicit `unmount()` calls from Pickers tests (#22118) @LukasTy
+
+### Miscellaneous
+
+- [infra] Update `.gitignore` to exclude `.claude/worktrees` (#22145) @michelengelen
+- [infra] Enable branch tracking when creating release branch (#22177) @michelengelen
+- [license] Add MIT license to `x-virtualizer` package (#22164) @michelengelen
+- [website] Fix outdated MUI logos (#22117) @oliviertassinari
+- [internal] Try avoiding store update when virtualization is disabled (#22093) @arminmeh
+
 ## 9.0.2
 
 <!-- generated comparing v9.0.1..master -->

package/components/cell/GridCell.d.mts

@@ -2,14 +2,7 @@ import * as React from 'react';
 import { type GridRowId } from "../../models/index.mjs";
 import type { GridAlignment, GridStateColDef } from "../../models/colDef/gridColDef.mjs";
 import type { GridRowModel, GridTreeNode } from "../../models/gridRows.mjs";
-import { GridPinnedColumnPosition } from "../../hooks/features/columns/gridColumnsInterfaces.mjs";
 import { PinnedColumnPosition } from "../../internals/constants.mjs";
-export declare const gridPinnedColumnPositionLookup: {
-  1: GridPinnedColumnPosition;
-  2: GridPinnedColumnPosition;
-  0: undefined;
-  3: undefined;
-};
 export type GridCellProps = React.HTMLAttributes<HTMLDivElement> & {
   align: GridAlignment;
   className?: string;

package/components/cell/GridCell.d.ts

@@ -2,14 +2,7 @@ import * as React from 'react';
 import { type GridRowId } from "../../models/index.js";
 import type { GridAlignment, GridStateColDef } from "../../models/colDef/gridColDef.js";
 import type { GridRowModel, GridTreeNode } from "../../models/gridRows.js";
-import { GridPinnedColumnPosition } from "../../hooks/features/columns/gridColumnsInterfaces.js";
 import { PinnedColumnPosition } from "../../internals/constants.js";
-export declare const gridPinnedColumnPositionLookup: {
-  1: GridPinnedColumnPosition;
-  2: GridPinnedColumnPosition;
-  0: undefined;
-  3: undefined;
-};
 export type GridCellProps = React.HTMLAttributes<HTMLDivElement> & {
   align: GridAlignment;
   className?: string;

package/components/cell/GridCell.js

@@ -6,7 +6,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.gridPinnedColumnPositionLookup = exports.GridCell = void 0;
+exports.GridCell = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
@@ -28,7 +28,6 @@ var _models = require("../../models");
 var _useGridSelector = require("../../hooks/utils/useGridSelector");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _gridFocusStateSelector = require("../../hooks/features/focus/gridFocusStateSelector");
-var _gridColumnsInterfaces = require("../../hooks/features/columns/gridColumnsInterfaces");
 var _constants = require("../../internals/constants");
 var _useGridPrivateApiContext = require("../../hooks/utils/useGridPrivateApiContext");
 var _usePinnedScrollOffset = require("../../hooks/utils/usePinnedScrollOffset");
@@ -38,12 +37,6 @@ var _useGridConfiguration = require("../../hooks/utils/useGridConfiguration");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["column", "row", "rowId", "rowNode", "align", "children", "colIndex", "width", "className", "style", "colSpan", "disableDragEvents", "isNotVisible", "pinnedOffset", "pinnedPosition", "showRightBorder", "showLeftBorder", "onClick", "onDoubleClick", "onMouseDown", "onMouseUp", "onMouseOver", "onKeyDown", "onKeyUp", "onDragEnter", "onDragOver"],
   _excluded2 = ["changeReason", "unstable_updateValueOnRender"];
-const gridPinnedColumnPositionLookup = exports.gridPinnedColumnPositionLookup = {
-  [_constants.PinnedColumnPosition.LEFT]: _gridColumnsInterfaces.GridPinnedColumnPosition.LEFT,
-  [_constants.PinnedColumnPosition.RIGHT]: _gridColumnsInterfaces.GridPinnedColumnPosition.RIGHT,
-  [_constants.PinnedColumnPosition.NONE]: undefined,
-  [_constants.PinnedColumnPosition.VIRTUAL]: undefined
-};
 const useUtilityClasses = ownerState => {
   const {
     align,

package/components/cell/GridCell.mjs

@@ -23,7 +23,6 @@ import { GridCellModes } from "../../models/index.mjs";
 import { useGridSelector } from "../../hooks/utils/useGridSelector.mjs";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
 import { gridFocusCellSelector, gridTabIndexCellSelector } from "../../hooks/features/focus/gridFocusStateSelector.mjs";
-import { GridPinnedColumnPosition } from "../../hooks/features/columns/gridColumnsInterfaces.mjs";
 import { PinnedColumnPosition } from "../../internals/constants.mjs";
 import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.mjs";
 import { usePinnedScrollOffset } from "../../hooks/utils/usePinnedScrollOffset.mjs";
@@ -31,12 +30,6 @@ import { gridEditCellStateSelector } from "../../hooks/features/editing/gridEdit
 import { attachPinnedStyle } from "../../internals/utils/index.mjs";
 import { useGridConfiguration } from "../../hooks/utils/useGridConfiguration.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const gridPinnedColumnPositionLookup = {
-  [PinnedColumnPosition.LEFT]: GridPinnedColumnPosition.LEFT,
-  [PinnedColumnPosition.RIGHT]: GridPinnedColumnPosition.RIGHT,
-  [PinnedColumnPosition.NONE]: undefined,
-  [PinnedColumnPosition.VIRTUAL]: undefined
-};
 const useUtilityClasses = ownerState => {
   const {
     align,

package/components/containers/GridRootStyles.js

@@ -29,18 +29,22 @@ const GridRootStyles = exports.GridRootStyles = (0, _styles.styled)('div', {
     // Root overrides
     const overrides = [styles.root];
     _gridClasses.gridClassesOverrides.root.forEach(key => {
-      overrides.push({
-        [`&.${_gridClasses.gridClasses[key]}`]: styles[key]
-      });
+      if (styles[key] !== undefined) {
+        overrides.push({
+          [`&.${_gridClasses.gridClasses[key]}`]: styles[key]
+        });
+      }
     });
 
     // Child element overrides
     // - Only declare overrides here for class names that are not applied to `styled` components.
     // - For `styled` components, declare overrides in the component itself.
     _gridClasses.gridClassesOverrides.children.forEach(key => {
-      overrides.push({
-        [`& .${_gridClasses.gridClasses[key]}`]: styles[key]
-      });
+      if (styles[key] !== undefined) {
+        overrides.push({
+          [`& .${_gridClasses.gridClasses[key]}`]: styles[key]
+        });
+      }
     });
     return overrides;
   }
@@ -132,10 +136,17 @@ const GridRootStyles = exports.GridRootStyles = (0, _styles.styled)('div', {
     transform: 'translate(0, 0)',
     // Create a stacking context to keep scrollbars from showing on top
 
-    [`.${_gridClasses.gridClasses.main} > *:first-child${ignoreSsrWarning}`]: {
-      borderTopLeftRadius: 'var(--unstable_DataGrid-radius)',
-      borderTopRightRadius: 'var(--unstable_DataGrid-radius)'
-    },
+    // Use `css` tagged template so the ignore-comment remains a sibling of the
+    // `:first-child` rule in the stylis AST. Previously, the comment was embedded
+    // in the object-key selector, which got separated from the rule during
+    // pre-serialization when `styleOverrides` were applied, re-triggering Emotion's
+    // unsafe-selector SSR warning. https://github.com/emotion-js/emotion/issues/1105
+    [`.${_gridClasses.gridClasses.main}`]: (0, _styles.css)`
+      & > *:first-child ${ignoreSsrWarning} {
+        border-top-left-radius: var(--unstable_DataGrid-radius);
+        border-top-right-radius: var(--unstable_DataGrid-radius);
+      }
+    `,
     [`&.${_gridClasses.gridClasses.autoHeight}`]: {
       height: 'auto'
     },

package/components/containers/GridRootStyles.mjs

@@ -1,4 +1,4 @@
-import { styled } from '@mui/material/styles';
+import { styled, css } from '@mui/material/styles';
 import { gridClasses as c, gridClassesOverrides } from "../../constants/gridClasses.mjs";
 import { vars } from "../../constants/cssVariables.mjs";
 import { useGridSelector } from "../../hooks/utils/useGridSelector.mjs";
@@ -23,18 +23,22 @@ export const GridRootStyles = styled('div', {
     // Root overrides
     const overrides = [styles.root];
     gridClassesOverrides.root.forEach(key => {
-      overrides.push({
-        [`&.${c[key]}`]: styles[key]
-      });
+      if (styles[key] !== undefined) {
+        overrides.push({
+          [`&.${c[key]}`]: styles[key]
+        });
+      }
     });
 
     // Child element overrides
     // - Only declare overrides here for class names that are not applied to `styled` components.
     // - For `styled` components, declare overrides in the component itself.
     gridClassesOverrides.children.forEach(key => {
-      overrides.push({
-        [`& .${c[key]}`]: styles[key]
-      });
+      if (styles[key] !== undefined) {
+        overrides.push({
+          [`& .${c[key]}`]: styles[key]
+        });
+      }
     });
     return overrides;
   }
@@ -126,10 +130,17 @@ export const GridRootStyles = styled('div', {
     transform: 'translate(0, 0)',
     // Create a stacking context to keep scrollbars from showing on top
 
-    [`.${c.main} > *:first-child${ignoreSsrWarning}`]: {
-      borderTopLeftRadius: 'var(--unstable_DataGrid-radius)',
-      borderTopRightRadius: 'var(--unstable_DataGrid-radius)'
-    },
+    // Use `css` tagged template so the ignore-comment remains a sibling of the
+    // `:first-child` rule in the stylis AST. Previously, the comment was embedded
+    // in the object-key selector, which got separated from the rule during
+    // pre-serialization when `styleOverrides` were applied, re-triggering Emotion's
+    // unsafe-selector SSR warning. https://github.com/emotion-js/emotion/issues/1105
+    [`.${c.main}`]: css`
+      & > *:first-child ${ignoreSsrWarning} {
+        border-top-left-radius: var(--unstable_DataGrid-radius);
+        border-top-right-radius: var(--unstable_DataGrid-radius);
+      }
+    `,
     [`&.${c.autoHeight}`]: {
       height: 'auto'
     },

package/components/panel/GridPanelHeader.d.mts

@@ -1,5 +1,8 @@
 import * as React from 'react';
 import { type SxProps, type Theme } from '@mui/system';
+/**
+ * @deprecated This component is not used internally and will be removed in a future major release.
+ */
 declare function GridPanelHeader(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }): import("react/jsx-runtime").JSX.Element;

package/components/panel/GridPanelHeader.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
 import { type SxProps, type Theme } from '@mui/system';
+/**
+ * @deprecated This component is not used internally and will be removed in a future major release.
+ */
 declare function GridPanelHeader(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }): import("react/jsx-runtime").JSX.Element;

package/components/panel/GridPanelHeader.js

@@ -33,6 +33,10 @@ const GridPanelHeaderRoot = (0, _system.styled)('div', {
 })({
   padding: _cssVariables.vars.spacing(1)
 });
+
+/**
+ * @deprecated This component is not used internally and will be removed in a future major release.
+ */
 function GridPanelHeader(props) {
   const {
       className

package/components/panel/GridPanelHeader.mjs

@@ -25,6 +25,10 @@ const GridPanelHeaderRoot = styled('div', {
 })({
   padding: vars.spacing(1)
 });
+
+/**
+ * @deprecated This component is not used internally and will be removed in a future major release.
+ */
 function GridPanelHeader(props) {
   const {
       className

package/components/virtualization/GridVirtualScroller.js

@@ -113,39 +113,35 @@ function GridVirtualScroller(props) {
   const virtualizer = (0, _useGridVirtualizer.useGridVirtualizer)();
   const layoutMode = virtualizer.store.use(_xVirtualizer.Virtualization.selectors.layoutMode);
   const hasContentFiller = layoutMode === 'uncontrolled' && loadingOverlayVariant !== 'skeleton';
-  const {
-    getContainerProps,
-    getScrollerProps,
-    getScrollerContentProps,
-    getViewportProps,
-    getContentProps,
-    getPositionerProps,
-    getScrollbarVerticalProps,
-    getScrollbarHorizontalProps,
-    getRows,
-    getScrollAreaProps,
-    getContainerVerticalProps
-  } = virtualizer.api.getters;
-  const rows = getRows(undefined, (0, _rows.gridRowTreeSelector)(apiRef));
-  const containerVerticalProps = getContainerVerticalProps();
+  const containerProps = virtualizer.store.use(_xVirtualizer.LayoutDataGrid.selectors.containerProps);
+  const scrollerProps = virtualizer.store.use(_xVirtualizer.LayoutDataGrid.selectors.scrollerProps);
+  const scrollerContentProps = virtualizer.store.use(_xVirtualizer.LayoutDataGrid.selectors.scrollerContentProps);
+  const viewportProps = virtualizer.store.use(_xVirtualizer.LayoutDataGrid.selectors.viewportProps);
+  const contentProps = virtualizer.store.use(_xVirtualizer.LayoutDataGrid.selectors.contentProps);
+  const positionerProps = virtualizer.store.use(_xVirtualizer.LayoutDataGrid.selectors.positionerProps);
+  const scrollbarVerticalProps = virtualizer.store.use(_xVirtualizer.LayoutDataGrid.selectors.scrollbarVerticalProps);
+  const scrollbarHorizontalProps = virtualizer.store.use(_xVirtualizer.LayoutDataGrid.selectors.scrollbarHorizontalProps);
+  const scrollAreaProps = virtualizer.store.use(_xVirtualizer.LayoutDataGrid.selectors.scrollAreaProps);
+  const containerVerticalProps = virtualizer.store.use(_xVirtualizer.LayoutDataGrid.selectors.containerVerticalProps);
+  const rows = virtualizer.api.getters.getRows(undefined, (0, _rows.gridRowTreeSelector)(apiRef));
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_GridMainContainer.GridMainContainer, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, layoutMode === 'controlled' && _gridClasses.gridClasses['virtualizer--layoutControlled'])
-  }, getContainerProps(), {
+  }, containerProps, {
     ownerState: ownerState,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GridScrollArea.GridScrollArea, (0, _extends2.default)({
       scrollDirection: "left"
-    }, getScrollAreaProps())), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridScrollArea.GridScrollArea, (0, _extends2.default)({
+    }, scrollAreaProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridScrollArea.GridScrollArea, (0, _extends2.default)({
       scrollDirection: "right"
-    }, getScrollAreaProps())), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridScrollArea.GridScrollArea, (0, _extends2.default)({
+    }, scrollAreaProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridScrollArea.GridScrollArea, (0, _extends2.default)({
       scrollDirection: "up"
-    }, getScrollAreaProps())), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridScrollArea.GridScrollArea, (0, _extends2.default)({
+    }, scrollAreaProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridScrollArea.GridScrollArea, (0, _extends2.default)({
       scrollDirection: "down"
-    }, getScrollAreaProps())), /*#__PURE__*/(0, _jsxRuntime.jsx)(Scroller, (0, _extends2.default)({
+    }, scrollAreaProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(Scroller, (0, _extends2.default)({
       className: classes.scroller
-    }, getScrollerProps(), {
+    }, scrollerProps, {
       ownerState: ownerState,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridVirtualScrollerContent.GridVirtualScrollerContent, (0, _extends2.default)({}, getScrollerContentProps(), {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Viewport, (0, _extends2.default)({}, getViewportProps(), {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridVirtualScrollerContent.GridVirtualScrollerContent, (0, _extends2.default)({}, scrollerContentProps, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Viewport, (0, _extends2.default)({}, viewportProps, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_GridTopContainer.GridTopContainer, (0, _extends2.default)({}, containerVerticalProps, {
             children: [!rootProps.listView && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridHeaders.GridHeaders, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.pinnedRows, {
               position: "top"
@@ -156,11 +152,11 @@ function GridVirtualScroller(props) {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Overlay, (0, _extends2.default)({}, rootProps.slotProps?.[overlayType]))
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_GridVirtualScrollerRenderZone.GridVirtualScrollerRenderZone, (0, _extends2.default)({
             role: "rowgroup"
-          }, getPositionerProps(), {
+          }, positionerProps, {
             children: [rows, /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.detailPanels, {})]
           })), hasContentFiller && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _extends2.default)({
             className: _gridClasses.gridClasses.contentFiller
-          }, getContentProps())), hasBottomFiller && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridVirtualScrollerFiller.GridVirtualScrollerFiller, {
+          }, contentProps)), hasBottomFiller && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridVirtualScrollerFiller.GridVirtualScrollerFiller, {
             rowsLength: rows.length
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.bottomContainer, (0, _extends2.default)({}, containerVerticalProps, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.pinnedRows, {
@@ -174,13 +170,13 @@ function GridVirtualScroller(props) {
         position: "horizontal"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridVirtualScrollbar.GridVirtualScrollbar, (0, _extends2.default)({
         position: "horizontal"
-      }, getScrollbarHorizontalProps()))]
+      }, scrollbarHorizontalProps))]
     }), hasScrollY && /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
       children: [rootProps.pinnedRowsSectionSeparator?.endsWith('shadow') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridScrollShadows.GridScrollShadows, {
         position: "vertical"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridVirtualScrollbar.GridVirtualScrollbar, (0, _extends2.default)({
         position: "vertical"
-      }, getScrollbarVerticalProps()))]
+      }, scrollbarVerticalProps))]
     }), hasScrollX && hasScrollY && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridVirtualScrollbar.ScrollbarCorner, {
       "aria-hidden": "true"
     }), props.children]