@mui/x-data-grid-pro 9.0.0-alpha.4 → 9.0.0-beta.0

package/CHANGELOG.md

@@ -1,5 +1,111 @@
 # Changelog
 
+## 9.0.0-beta.0
+
+<!-- generated comparing v9.0.0-alpha.4..master -->
+
+_Mar 27, 2026_
+
+We'd like to extend a big thank you to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🔊 New Charts voiceover component for improved screen reader support
+- ⌨️ Charts keyboard navigation improvements: axis tooltip now shows when navigating with the keyboard
+- 📊 Charts axes now can be set to automatically resize to fit their content
+- 📝 New `rowCheckbox` slot in Data Grid for easier checkbox column customization
+- ⚡️ `fetchRows()` API in Data Grid Pro now defaults `start` and `end` based on scroll position with lazy loading
+- 🐞 Bugfixes and internal improvements
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @arminmeh, @cherniavskii, @Janpot, @JCQuintas, @mapache-salvaje, @michelengelen, @noraleonte, @rita-codes
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-beta.0`
+
+- [DataGrid] Add `rowCheckbox` slot for easier customization (#21797) @michelengelen
+- [DataGrid] Prevent repeated `hasScrollbar` state updates (#21820) @arminmeh
+
+#### `@mui/x-data-grid-pro@9.0.0-beta.0` [![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.0-beta.0`, plus:
+
+- [DataGridPro] `fetchRows()` API's default `start` and `end` params based on scroll position with lazy loading (#21742) @arminmeh
+
+#### `@mui/x-data-grid-premium@9.0.0-beta.0` [![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.0-beta.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-beta.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@9.0.0-beta.0` [![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.0-beta.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-beta.0`
+
+- [charts] Add `className` prop to Pro chart plot components (#21793) @JCQuintas
+- [charts] Add experimental position-based pointer interaction for line series (#21809) @JCQuintas
+- [charts] Add l10n to the bar accessibility (#21815) @alexfauquette
+- [charts] Add localization for the basic charts (#21822) @alexfauquette
+- [charts] Add voiceover component (#21344) @alexfauquette
+- [charts] Allow axes to automatically resize to content (#21087) @JCQuintas
+- [charts] Document multiple use-cases for references (#21768) @alexfauquette
+- [charts] Remove compatibility layer for React vs native events (#21780) @JCQuintas
+- [charts] Remove deprecated `barLabel` props (#21783) @alexfauquette
+- [charts] Show axis tooltip when navigating with keyboard (#21689) @Copilot
+
+#### `@mui/x-charts-pro@9.0.0-beta.0` [![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.0-beta.0`.
+
+#### `@mui/x-charts-premium@9.0.0-beta.0` [![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.0-beta.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-alpha.4`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.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.0-alpha.4`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.4`
+
+Internal changes.
+
+### Docs
+
+- [docs] Document how to customize voiceover announcement (#21833) @alexfauquette
+- [docs] Remove Discord mention from docs (#21855) @mapache-salvaje
+- [docs] Remove stabilized experimental feature from demo (#21869) @JCQuintas
+- [docs] Update telemetry guide to reflect pseudonymous data collection and license compliance (#21812) @aemartos
+- [docs] Revise the Sparkline doc (#21614) @mapache-salvaje
+- [docs] Revise the Gauge doc (#21673) @mapache-salvaje
+- [docs] Revise the Heatmap doc (#21676) @mapache-salvaje
+
+### Core
+
+- [code-infra] Remove unused deps and unify es-toolkit via catalog (#21840) @Janpot
+- [code-infra] Update @mui/internal-bundle-size-checker to canary.68 (#21836) @Janpot
+- [code-infra] Update next (#21837) @Janpot
+- [internal] Remove headless data grid packages (#21843) @cherniavskii
+
+### Miscellaneous
+
+- Add @romgrk to CODEOWNERS for `x-virtualizer` and `x-internals` (#21819) @Copilot
+- [x-license] add 2022 plan version (#21814) @aemartos
+
 ## 9.0.0-alpha.4
 
 _Mar 19, 2026_
@@ -59,7 +165,7 @@ Same changes as in `@mui/x-date-pickers@9.0.0-alpha.4`.
 - [charts] Remove deprecated `useMouseTracker()` (#21787) @alexfauquette
 - [charts] Remove deprecated classes (#21775) @alexfauquette
 - [charts] Remove deprecated props from PieArcLabel animation (#21789) @alexfauquette
-- [charts] Remove get*UtilityClass from public exports (#21769) @JCQuintas
+- [charts] Remove get\*UtilityClass from public exports (#21769) @JCQuintas
 - [charts] Remove the deprecated `disableHover` property (#21785) @alexfauquette
 - [charts] Remove the deprecated `message` prop (#21784) @alexfauquette
 - [charts] Remove deprecated props about voronoi (#21796) @alexfauquette

package/DataGridPro/DataGridPro.js

@@ -35,8 +35,8 @@ const configuration = {
   }
 };
 const packageInfo = {
-  releaseDate: "MTc3Mzk2NDgwMDAwMA==",
-  version: "9.0.0-alpha.4",
+  releaseDate: "MTc3NDU2OTYwMDAwMA==",
+  version: "9.0.0-beta.0",
   name: 'x-data-grid-pro'
 };
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.Watermark, {

package/DataGridPro/DataGridPro.mjs

@@ -28,8 +28,8 @@ const configuration = {
   }
 };
 const packageInfo = {
-  releaseDate: "MTc3Mzk2NDgwMDAwMA==",
-  version: "9.0.0-alpha.4",
+  releaseDate: "MTc3NDU2OTYwMDAwMA==",
+  version: "9.0.0-beta.0",
   name: 'x-data-grid-pro'
 };
 const watermark = /*#__PURE__*/_jsx(Watermark, {

package/hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.js

@@ -463,6 +463,34 @@ const useGridDataSourceLazyLoader = (privateApiRef, props) => {
   const handleStrategyActivityChange = React.useCallback(() => {
     setLazyLoadingRowsUpdateStrategyActive(privateApiRef.current.getActiveStrategy(_internals.GridStrategyGroup.DataSource) === _internals.DataSourceRowsUpdateStrategy.LazyLoading);
   }, [privateApiRef]);
+
+  // Provide render context based start/end for lazy loading so that
+  // `apiRef.current.dataSource.fetchRows()` without params
+  // re-fetches the currently visible range instead of always using the
+  // pagination-model state.
+  const addGetRowsParams = React.useCallback(params => {
+    if (!lazyLoadingRowsUpdateStrategyActive) {
+      return params;
+    }
+    const renderContext = (0, _internals.gridRenderContextSelector)(privateApiRef);
+    // On initial load the grid hasn't rendered yet — keep the defaults.
+    if (renderContext.lastRowIndex === 0) {
+      return params;
+    }
+    const paginationModel = (0, _xDataGrid.gridPaginationModelSelector)(privateApiRef);
+    const adjustedParams = (0, _utils.adjustRowParams)({
+      start: renderContext.firstRowIndex,
+      end: renderContext.lastRowIndex - 1
+    }, {
+      pageSize: paginationModel.pageSize,
+      rowCount: privateApiRef.current.state.pagination.rowCount
+    });
+    return (0, _extends2.default)({}, params, {
+      start: adjustedParams.start,
+      end: adjustedParams.end
+    });
+  }, [privateApiRef, lazyLoadingRowsUpdateStrategyActive]);
+  (0, _internals.useGridRegisterPipeProcessor)(privateApiRef, 'getRowsParams', addGetRowsParams);
   (0, _internals.useGridRegisterStrategyProcessor)(privateApiRef, _internals.DataSourceRowsUpdateStrategy.LazyLoading, 'dataSourceRowsUpdate', handleDataUpdate);
   (0, _xDataGrid.useGridEvent)(privateApiRef, 'strategyAvailabilityChange', handleStrategyActivityChange);
   (0, _xDataGrid.useGridEvent)(privateApiRef, 'rowCountChange', (0, _internals.runIf)(lazyLoadingRowsUpdateStrategyActive, handleRowCountChange));

package/hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.mjs

@@ -7,7 +7,7 @@ import { isDeepEqual } from '@mui/x-internals/isDeepEqual';
 import useEventCallback from '@mui/utils/useEventCallback';
 import debounce from '@mui/utils/debounce';
 import { useGridEvent, gridSortModelSelector, gridFilterModelSelector, GRID_ROOT_GROUP_ID, gridPaginationModelSelector, gridFilteredSortedRowIdsSelector, gridRowIdSelector } from '@mui/x-data-grid';
-import { getVisibleRows, gridRenderContextSelector, GridStrategyGroup, useGridRegisterStrategyProcessor, runIf, DataSourceRowsUpdateStrategy } from '@mui/x-data-grid/internals';
+import { getVisibleRows, gridRenderContextSelector, GridStrategyGroup, useGridRegisterStrategyProcessor, useGridRegisterPipeProcessor, runIf, DataSourceRowsUpdateStrategy } from '@mui/x-data-grid/internals';
 import { findSkeletonRowsSection, adjustRowParams } from "../lazyLoader/utils.mjs";
 import { GRID_SKELETON_ROW_ROOT_ID } from "../lazyLoader/useGridLazyLoaderPreProcessors.mjs";
 var LoadingTrigger = /*#__PURE__*/function (LoadingTrigger) {
@@ -456,6 +456,34 @@ export const useGridDataSourceLazyLoader = (privateApiRef, props) => {
   const handleStrategyActivityChange = React.useCallback(() => {
     setLazyLoadingRowsUpdateStrategyActive(privateApiRef.current.getActiveStrategy(GridStrategyGroup.DataSource) === DataSourceRowsUpdateStrategy.LazyLoading);
   }, [privateApiRef]);
+
+  // Provide render context based start/end for lazy loading so that
+  // `apiRef.current.dataSource.fetchRows()` without params
+  // re-fetches the currently visible range instead of always using the
+  // pagination-model state.
+  const addGetRowsParams = React.useCallback(params => {
+    if (!lazyLoadingRowsUpdateStrategyActive) {
+      return params;
+    }
+    const renderContext = gridRenderContextSelector(privateApiRef);
+    // On initial load the grid hasn't rendered yet — keep the defaults.
+    if (renderContext.lastRowIndex === 0) {
+      return params;
+    }
+    const paginationModel = gridPaginationModelSelector(privateApiRef);
+    const adjustedParams = adjustRowParams({
+      start: renderContext.firstRowIndex,
+      end: renderContext.lastRowIndex - 1
+    }, {
+      pageSize: paginationModel.pageSize,
+      rowCount: privateApiRef.current.state.pagination.rowCount
+    });
+    return _extends({}, params, {
+      start: adjustedParams.start,
+      end: adjustedParams.end
+    });
+  }, [privateApiRef, lazyLoadingRowsUpdateStrategyActive]);
+  useGridRegisterPipeProcessor(privateApiRef, 'getRowsParams', addGetRowsParams);
   useGridRegisterStrategyProcessor(privateApiRef, DataSourceRowsUpdateStrategy.LazyLoading, 'dataSourceRowsUpdate', handleDataUpdate);
   useGridEvent(privateApiRef, 'strategyAvailabilityChange', handleStrategyActivityChange);
   useGridEvent(privateApiRef, 'rowCountChange', runIf(lazyLoadingRowsUpdateStrategyActive, handleRowCountChange));

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v9.0.0-alpha.4
+ * @mui/x-data-grid-pro v9.0.0-beta.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v9.0.0-alpha.4
+ * @mui/x-data-grid-pro v9.0.0-beta.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "9.0.0-alpha.4",
+  "version": "9.0.0-beta.0",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Data Grid components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -38,8 +38,8 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "@mui/x-internals": "9.0.0-alpha.4",
-    "@mui/x-data-grid": "9.0.0-alpha.4",
-    "@mui/x-license": "9.0.0-alpha.4"
+    "@mui/x-data-grid": "9.0.0-beta.0",
+    "@mui/x-license": "9.0.0-beta.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",