@mui/x-data-grid-pro 8.5.3 → 8.6.0

package/CHANGELOG.md

@@ -5,6 +5,113 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.6.0
+
+_Jun 27, 2025_
+
+We'd like to extend a big thank you to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Add export menu to charts toolbar
+- 📅 Add `usePickerAdapter` hook to access the date adapter.
+
+  You can use the adapter in your custom components if you need them to work with multiple date libraries — [Learn more](https://mui.com/x/react-date-pickers/custom-components/#access-date-adapter).
+- 🌎 Improve Danish (da-DK) locale
+- 🌎 Improve German (de-DE) locale
+
+Special thanks go out to the community members for their valuable contributions:
+@ShahrazH, @vadimka123
+
+The following are all team members who have contributed to this release:
+@arminmeh, @bernardobelchior, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @noraleonte, @rita-codes, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.6.0`
+
+- [DataGrid] Fix `label` type in `GridActionsCellItem` type (#18175) @sai6855
+- [DataGrid] Fix grid menu not closing when pressing escape/tab (#18300) @KenanYusuf
+- [l10n] Improve Danish (da-DK) locale (#18428) @ShahrazH
+- [l10n] Improve German (de-DE) locale (#18388) @omalyutin
+
+#### `@mui/x-data-grid-pro@8.6.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@8.6.0`, plus:
+
+- [DataGridPro] Fix lazy loading params calculated from rendering context (#18460) @arminmeh
+
+#### `@mui/x-data-grid-premium@8.6.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@8.6.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.6.0`
+
+- [pickers] Add `usePickerAdapter` hook (#18457) @LukasTy
+- [pickers] Fix to use latest `value` when updating `lastCommittedValue` in internal state (#18518) @LukasTy
+- [pickers] Use `usePickerAdapter` hook internally instead of `useUtils` (#18465) @LukasTy
+
+#### `@mui/x-date-pickers-pro@8.6.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@8.6.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.6.0`
+
+- [charts] Add `data-series` to charts legend item (#18414) @bernardobelchior
+- [charts] Add `data-series` to bar charts (#18413) @bernardobelchior
+- [charts] Add `data-series` to elements of line chart (#18409) @bernardobelchior
+- [charts] Add `data-series` to pie charts (#18432) @bernardobelchior
+- [charts] Fix missing key in bar plot (#18502) @bernardobelchior
+- [charts] Split axis utils from main file (#18517) @JCQuintas
+- [charts] Improve touch behavior for polar axis (#18531) @JCQuintas
+- [charts] Add `isElementInside` helper (#18530) @JCQuintas
+
+#### `@mui/x-charts-pro@8.6.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@8.6.0`, plus:
+
+- [charts-pro] Add export menu to charts toolbar (#18210) @bernardobelchior
+- [charts-pro] Fix export docs mentioning tooltip instead of toolbar (#18490) @bernardobelchior
+- [charts-pro] Fix iframe not being removed after print export (#18500) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@8.6.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.6.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-tree-view@8.6.0`, plus:
+
+- [tree view pro] Fix theme augmentation (#18437) @LukasTy
+
+### Codemod
+
+#### `@mui/x-codemod@8.6.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Document `GridRenderContext` (#18492) @arminmeh
+- [docs] Prevent stale rows to appear on sort and filter change in the lazy loading demo (#18461) @arminmeh
+- [docs][pickers] Update action bar demo to use the `nextOrAccept` action (#18505) @LukasTy
+- [docs] Update indeterminate checkbox section in migration guide (#18229) @michelengelen
+- [docs] Data source nested pagination recipe (#14777) @MBilalShafi
+
+### Core
+
+- [core] Avoid json stringify whole window object (#18512) @vadimka123
+
+### Miscellaneous
+
+- [code-infra] Dynamically get pickers adapters dependencies versions (#18446) @JCQuintas
+- [infra] Adjust inquirer version and usage (#18495) @michelengelen
+- [infra] Use `String.raw` for creating the remote regex (#18462) @michelengelen
+
 ## 8.5.3
 
 _Jun 19, 2025_

package/DataGridPro/DataGridPro.js

@@ -29,7 +29,7 @@ const configuration = {
     useCellAggregationResult: () => null
   }
 };
-const releaseInfo = "MTc1MDI4NDAwMDAwMA==";
+const releaseInfo = "MTc1MDk3NTIwMDAwMA==";
 const watermark = /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
   packageName: "x-data-grid-pro",
   releaseInfo: releaseInfo

package/components/headerFiltering/GridHeaderFilterMenu.js

@@ -30,14 +30,6 @@ function GridHeaderFilterMenu({
   const hideMenu = React.useCallback(() => {
     apiRef.current.hideHeaderFilterMenu();
   }, [apiRef]);
-  const handleListKeyDown = React.useCallback(event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-    }
-    if (event.key === 'Escape' || event.key === 'Tab') {
-      hideMenu();
-    }
-  }, [hideMenu]);
   if (!target) {
     return null;
   }
@@ -49,7 +41,6 @@ function GridHeaderFilterMenu({
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(rootProps.slots.baseMenuList, {
       "aria-labelledby": labelledBy,
       id: id,
-      onKeyDown: handleListKeyDown,
       children: [showClearItem && [/*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseMenuItem, {
         iconStart: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.columnMenuClearIcon, {
           fontSize: "small"

package/esm/DataGridPro/DataGridPro.js

@@ -22,7 +22,7 @@ const configuration = {
     useCellAggregationResult: () => null
   }
 };
-const releaseInfo = "MTc1MDI4NDAwMDAwMA==";
+const releaseInfo = "MTc1MDk3NTIwMDAwMA==";
 const watermark = /*#__PURE__*/_jsx(Watermark, {
   packageName: "x-data-grid-pro",
   releaseInfo: releaseInfo

package/esm/components/headerFiltering/GridHeaderFilterMenu.js

@@ -22,14 +22,6 @@ function GridHeaderFilterMenu({
   const hideMenu = React.useCallback(() => {
     apiRef.current.hideHeaderFilterMenu();
   }, [apiRef]);
-  const handleListKeyDown = React.useCallback(event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-    }
-    if (event.key === 'Escape' || event.key === 'Tab') {
-      hideMenu();
-    }
-  }, [hideMenu]);
   if (!target) {
     return null;
   }
@@ -41,7 +33,6 @@ function GridHeaderFilterMenu({
     children: /*#__PURE__*/_jsxs(rootProps.slots.baseMenuList, {
       "aria-labelledby": labelledBy,
       id: id,
-      onKeyDown: handleListKeyDown,
       children: [showClearItem && [/*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, {
         iconStart: /*#__PURE__*/_jsx(rootProps.slots.columnMenuClearIcon, {
           fontSize: "small"

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

@@ -0,0 +1 @@
+export { type GridDataSourceState } from "./models.js";

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

@@ -0,0 +1 @@
+export {};

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

@@ -4,4 +4,4 @@ export * from "./rowReorder/index.js";
 export * from "./treeData/index.js";
 export * from "./detailPanel/index.js";
 export * from "./rowPinning/index.js";
-export type { GridDataSourceState } from "./dataSource/models.js";
+export * from "./dataSource/index.js";

package/esm/hooks/features/index.js

@@ -5,4 +5,4 @@ export * from "./rowReorder/index.js";
 export * from "./treeData/index.js";
 export * from "./detailPanel/index.js";
 export * from "./rowPinning/index.js";
-export {};
+export * from "./dataSource/index.js";

package/esm/hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.js

@@ -276,7 +276,7 @@ export const useGridDataSourceLazyLoader = (privateApiRef, props) => {
     const filterModel = gridFilterModelSelector(privateApiRef);
     const getRowsParams = {
       start: params.firstRowIndex,
-      end: params.lastRowIndex,
+      end: params.lastRowIndex - 1,
       sortModel,
       filterModel
     };
@@ -293,7 +293,7 @@ export const useGridDataSourceLazyLoader = (privateApiRef, props) => {
       visibleRows: currentVisibleRows.rows,
       range: {
         firstRowIndex: params.firstRowIndex,
-        lastRowIndex: params.lastRowIndex
+        lastRowIndex: params.lastRowIndex - 1
       }
     });
     if (!skeletonRowsSection) {

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v8.5.3
+ * @mui/x-data-grid-pro v8.6.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

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

@@ -0,0 +1 @@
+export { type GridDataSourceState } from "./models.js";

package/hooks/features/dataSource/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/hooks/features/index.d.ts

@@ -4,4 +4,4 @@ export * from "./rowReorder/index.js";
 export * from "./treeData/index.js";
 export * from "./detailPanel/index.js";
 export * from "./rowPinning/index.js";
-export type { GridDataSourceState } from "./dataSource/models.js";
+export * from "./dataSource/index.js";

package/hooks/features/index.js

@@ -68,4 +68,15 @@ Object.keys(_rowPinning).forEach(function (key) {
       return _rowPinning[key];
     }
   });
+});
+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];
+    }
+  });
 });

package/hooks/features/serverSideLazyLoader/useGridDataSourceLazyLoader.js

@@ -284,7 +284,7 @@ const useGridDataSourceLazyLoader = (privateApiRef, props) => {
     const filterModel = (0, _xDataGrid.gridFilterModelSelector)(privateApiRef);
     const getRowsParams = {
       start: params.firstRowIndex,
-      end: params.lastRowIndex,
+      end: params.lastRowIndex - 1,
       sortModel,
       filterModel
     };
@@ -301,7 +301,7 @@ const useGridDataSourceLazyLoader = (privateApiRef, props) => {
       visibleRows: currentVisibleRows.rows,
       range: {
         firstRowIndex: params.firstRowIndex,
-        lastRowIndex: params.lastRowIndex
+        lastRowIndex: params.lastRowIndex - 1
       }
     });
     if (!skeletonRowsSection) {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v8.5.3
+ * @mui/x-data-grid-pro v8.6.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "8.5.3",
+  "version": "8.6.0",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Data Grid components.",
   "main": "./index.js",
@@ -40,9 +40,9 @@
     "@types/format-util": "^1.0.4",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-internals": "8.5.3",
-    "@mui/x-license": "8.5.3",
-    "@mui/x-data-grid": "8.5.3"
+    "@mui/x-data-grid": "8.6.0",
+    "@mui/x-internals": "8.6.0",
+    "@mui/x-license": "8.6.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",