@mui/x-data-grid 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/components/cell/GridActionsCell.js

@@ -148,14 +148,6 @@ function GridActionsCell(props) {
       setFocusedButtonIndex(newIndex);
     }
   };
-  const handleListKeyDown = event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-    }
-    if (['Tab', 'Escape'].includes(event.key)) {
-      hideMenu();
-    }
-  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _extends2.default)({
     role: "menu",
     ref: rootRef,
@@ -192,7 +184,6 @@ function GridActionsCell(props) {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseMenuList, {
         id: menuId,
         className: _gridClasses.gridClasses.menuList,
-        onKeyDown: handleListKeyDown,
         "aria-labelledby": buttonId,
         autoFocusItem: true,
         children: menuButtons.map((button, index) => /*#__PURE__*/React.cloneElement(button, {

package/components/cell/GridActionsCellItem.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { GridSlotProps, GridBaseIconProps } from "../../models/gridSlotsComponentsProps.js";
 interface GridActionsCellItemCommonProps {
-  label: string;
   icon?: React.JSXElementConstructor<GridBaseIconProps> | React.ReactNode;
   /** from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component */
   component?: React.ElementType;
@@ -9,6 +8,7 @@ interface GridActionsCellItemCommonProps {
 export type GridActionsCellItemProps = GridActionsCellItemCommonProps & (({
   showInMenu?: false;
   icon: React.ReactElement<any>;
+  label: string;
 } & Omit<GridSlotProps['baseIconButton'], 'component'>) | ({
   showInMenu: true;
   /**
@@ -17,6 +17,7 @@ export type GridActionsCellItemProps = GridActionsCellItemCommonProps & (({
    */
   closeMenuOnClick?: boolean;
   closeMenu?: () => void;
+  label: React.ReactNode;
 } & Omit<GridSlotProps['baseMenuItem'], 'component'>));
 declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCellItemProps> | React.ForwardRefExoticComponent<((GridActionsCellItemCommonProps & {
   showInMenu: true;
@@ -26,6 +27,7 @@ declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCe
    */
   closeMenuOnClick?: boolean;
   closeMenu?: () => void;
+  label: React.ReactNode;
 } & Omit<React.DOMAttributes<HTMLElement> & {
   [k: `aria-${string}`]: any;
   [k: `data-${string}`]: any;
@@ -44,6 +46,7 @@ declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCe
 } & import("@mui/x-data-grid").BaseMenuItemPropsOverrides, "component">) | Omit<GridActionsCellItemCommonProps & {
   showInMenu?: false;
   icon: React.ReactElement<any>;
+  label: string;
 } & Omit<Omit<import("../../models/gridBaseSlots.js").ButtonProps, "startIcon"> & {
   label?: string;
   color?: "default" | "inherit" | "primary";

package/components/cell/GridActionsCellItem.js

@@ -75,7 +75,7 @@ process.env.NODE_ENV !== "production" ? GridActionsCellItem.propTypes = {
   component: _propTypes.default.elementType,
   disabled: _propTypes.default.bool,
   icon: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.element, _propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.string, _propTypes.default.bool]),
-  label: _propTypes.default.string.isRequired,
+  label: _propTypes.default.node,
   showInMenu: _propTypes.default.bool,
   style: _propTypes.default.object
 } : void 0;

package/components/menu/GridMenu.d.ts

@@ -4,7 +4,7 @@ type MenuPosition = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'lef
 export interface GridMenuProps extends Pick<PopperProps, 'className' | 'onExited'> {
   open: boolean;
   target: HTMLElement | null;
-  onClose: (event?: Event) => void;
+  onClose: (event?: React.KeyboardEvent | MouseEvent | TouchEvent) => void;
   position?: MenuPosition;
   children: React.ReactNode;
 }

package/components/menu/GridMenu.js

@@ -15,6 +15,7 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
 var _styles = require("@mui/material/styles");
+var _keyboardUtils = require("../../utils/keyboardUtils");
 var _cssVariables = require("../../constants/cssVariables");
 var _context = require("../../utils/css/context");
 var _gridClasses = require("../../constants/gridClasses");
@@ -78,6 +79,11 @@ function GridMenu(props) {
     }
     onClose(event);
   };
+  const handleKeyDown = event => {
+    if ((0, _keyboardUtils.isHideMenuKey)(event.key)) {
+      onClose(event);
+    }
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(GridMenuRoot, (0, _extends2.default)({
     as: rootProps.slots.basePopper,
     className: (0, _clsx.default)(classes.root, className, variablesClass),
@@ -88,7 +94,8 @@ function GridMenu(props) {
     placement: position,
     onClickAway: handleClickAway,
     onExited: onExited,
-    clickAwayMouseEvent: "onMouseDown"
+    clickAwayMouseEvent: "onMouseDown",
+    onKeyDown: handleKeyDown
   }, other, rootProps.slotProps?.basePopper, {
     children: children
   }));

package/components/toolbar/GridToolbarDensitySelector.js

@@ -13,7 +13,6 @@ var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _densitySelector = require("../../hooks/features/density/densitySelector");
-var _keyboardUtils = require("../../utils/keyboardUtils");
 var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
 var _useGridSelector = require("../../hooks/utils/useGridSelector");
 var _GridMenu = require("../menu/GridMenu");
@@ -71,14 +70,6 @@ const GridToolbarDensitySelector = exports.GridToolbarDensitySelector = (0, _for
     apiRef.current.setDensity(newDensity);
     setOpen(false);
   };
-  const handleListKeyDown = event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-    }
-    if ((0, _keyboardUtils.isHideMenuKey)(event.key)) {
-      setOpen(false);
-    }
-  };
 
   // Disable the button if the corresponding is disabled
   if (rootProps.disableDensitySelector) {
@@ -117,7 +108,6 @@ const GridToolbarDensitySelector = exports.GridToolbarDensitySelector = (0, _for
         id: densityMenuId,
         className: _gridClasses.gridClasses.menuList,
         "aria-labelledby": densityButtonId,
-        onKeyDown: handleListKeyDown,
         autoFocusItem: open,
         children: densityElements
       })

package/components/toolbar/GridToolbarExportContainer.js

@@ -12,7 +12,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
-var _keyboardUtils = require("../../utils/keyboardUtils");
 var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
 var _GridMenu = require("../menu/GridMenu");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
@@ -37,14 +36,6 @@ const GridToolbarExportContainer = exports.GridToolbarExportContainer = (0, _for
     buttonProps.onClick?.(event);
   };
   const handleMenuClose = () => setOpen(false);
-  const handleListKeyDown = event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-    }
-    if ((0, _keyboardUtils.isHideMenuKey)(event.key)) {
-      handleMenuClose();
-    }
-  };
   if (children == null) {
     return null;
   }
@@ -75,7 +66,6 @@ const GridToolbarExportContainer = exports.GridToolbarExportContainer = (0, _for
         id: exportMenuId,
         className: _gridClasses.gridClasses.menuList,
         "aria-labelledby": exportButtonId,
-        onKeyDown: handleListKeyDown,
         autoFocusItem: open,
         children: React.Children.map(children, child => {
           if (! /*#__PURE__*/React.isValidElement(child)) {

package/esm/components/cell/GridActionsCell.js

@@ -139,14 +139,6 @@ function GridActionsCell(props) {
       setFocusedButtonIndex(newIndex);
     }
   };
-  const handleListKeyDown = event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-    }
-    if (['Tab', 'Escape'].includes(event.key)) {
-      hideMenu();
-    }
-  };
   return /*#__PURE__*/_jsxs("div", _extends({
     role: "menu",
     ref: rootRef,
@@ -183,7 +175,6 @@ function GridActionsCell(props) {
       children: /*#__PURE__*/_jsx(rootProps.slots.baseMenuList, {
         id: menuId,
         className: gridClasses.menuList,
-        onKeyDown: handleListKeyDown,
         "aria-labelledby": buttonId,
         autoFocusItem: true,
         children: menuButtons.map((button, index) => /*#__PURE__*/React.cloneElement(button, {

package/esm/components/cell/GridActionsCellItem.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { GridSlotProps, GridBaseIconProps } from "../../models/gridSlotsComponentsProps.js";
 interface GridActionsCellItemCommonProps {
-  label: string;
   icon?: React.JSXElementConstructor<GridBaseIconProps> | React.ReactNode;
   /** from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component */
   component?: React.ElementType;
@@ -9,6 +8,7 @@ interface GridActionsCellItemCommonProps {
 export type GridActionsCellItemProps = GridActionsCellItemCommonProps & (({
   showInMenu?: false;
   icon: React.ReactElement<any>;
+  label: string;
 } & Omit<GridSlotProps['baseIconButton'], 'component'>) | ({
   showInMenu: true;
   /**
@@ -17,6 +17,7 @@ export type GridActionsCellItemProps = GridActionsCellItemCommonProps & (({
    */
   closeMenuOnClick?: boolean;
   closeMenu?: () => void;
+  label: React.ReactNode;
 } & Omit<GridSlotProps['baseMenuItem'], 'component'>));
 declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCellItemProps> | React.ForwardRefExoticComponent<((GridActionsCellItemCommonProps & {
   showInMenu: true;
@@ -26,6 +27,7 @@ declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCe
    */
   closeMenuOnClick?: boolean;
   closeMenu?: () => void;
+  label: React.ReactNode;
 } & Omit<React.DOMAttributes<HTMLElement> & {
   [k: `aria-${string}`]: any;
   [k: `data-${string}`]: any;
@@ -44,6 +46,7 @@ declare const GridActionsCellItem: React.ForwardRefExoticComponent<GridActionsCe
 } & import("@mui/x-data-grid").BaseMenuItemPropsOverrides, "component">) | Omit<GridActionsCellItemCommonProps & {
   showInMenu?: false;
   icon: React.ReactElement<any>;
+  label: string;
 } & Omit<Omit<import("../../models/gridBaseSlots.js").ButtonProps, "startIcon"> & {
   label?: string;
   color?: "default" | "inherit" | "primary";

package/esm/components/cell/GridActionsCellItem.js

@@ -67,7 +67,7 @@ process.env.NODE_ENV !== "production" ? GridActionsCellItem.propTypes = {
   component: PropTypes.elementType,
   disabled: PropTypes.bool,
   icon: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.element, PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.string, PropTypes.bool]),
-  label: PropTypes.string.isRequired,
+  label: PropTypes.node,
   showInMenu: PropTypes.bool,
   style: PropTypes.object
 } : void 0;

package/esm/components/menu/GridMenu.d.ts

@@ -4,7 +4,7 @@ type MenuPosition = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'lef
 export interface GridMenuProps extends Pick<PopperProps, 'className' | 'onExited'> {
   open: boolean;
   target: HTMLElement | null;
-  onClose: (event?: Event) => void;
+  onClose: (event?: React.KeyboardEvent | MouseEvent | TouchEvent) => void;
   position?: MenuPosition;
   children: React.ReactNode;
 }

package/esm/components/menu/GridMenu.js

@@ -8,6 +8,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import { styled } from '@mui/material/styles';
+import { isHideMenuKey } from "../../utils/keyboardUtils.js";
 import { vars } from "../../constants/cssVariables.js";
 import { useCSSVariablesClass } from "../../utils/css/context.js";
 import { getDataGridUtilityClass, gridClasses } from "../../constants/gridClasses.js";
@@ -70,6 +71,11 @@ function GridMenu(props) {
     }
     onClose(event);
   };
+  const handleKeyDown = event => {
+    if (isHideMenuKey(event.key)) {
+      onClose(event);
+    }
+  };
   return /*#__PURE__*/_jsx(GridMenuRoot, _extends({
     as: rootProps.slots.basePopper,
     className: clsx(classes.root, className, variablesClass),
@@ -80,7 +86,8 @@ function GridMenu(props) {
     placement: position,
     onClickAway: handleClickAway,
     onExited: onExited,
-    clickAwayMouseEvent: "onMouseDown"
+    clickAwayMouseEvent: "onMouseDown",
+    onKeyDown: handleKeyDown
   }, other, rootProps.slotProps?.basePopper, {
     children: children
   }));

package/esm/components/toolbar/GridToolbarDensitySelector.js

@@ -5,7 +5,6 @@ import useId from '@mui/utils/useId';
 import useForkRef from '@mui/utils/useForkRef';
 import { forwardRef } from '@mui/x-internals/forwardRef';
 import { gridDensitySelector } from "../../hooks/features/density/densitySelector.js";
-import { isHideMenuKey } from "../../utils/keyboardUtils.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { useGridSelector } from "../../hooks/utils/useGridSelector.js";
 import { GridMenu } from "../menu/GridMenu.js";
@@ -63,14 +62,6 @@ const GridToolbarDensitySelector = forwardRef(function GridToolbarDensitySelecto
     apiRef.current.setDensity(newDensity);
     setOpen(false);
   };
-  const handleListKeyDown = event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-    }
-    if (isHideMenuKey(event.key)) {
-      setOpen(false);
-    }
-  };
 
   // Disable the button if the corresponding is disabled
   if (rootProps.disableDensitySelector) {
@@ -109,7 +100,6 @@ const GridToolbarDensitySelector = forwardRef(function GridToolbarDensitySelecto
         id: densityMenuId,
         className: gridClasses.menuList,
         "aria-labelledby": densityButtonId,
-        onKeyDown: handleListKeyDown,
         autoFocusItem: open,
         children: densityElements
       })

package/esm/components/toolbar/GridToolbarExportContainer.js

@@ -4,7 +4,6 @@ import PropTypes from 'prop-types';
 import useId from '@mui/utils/useId';
 import useForkRef from '@mui/utils/useForkRef';
 import { forwardRef } from '@mui/x-internals/forwardRef';
-import { isHideMenuKey } from "../../utils/keyboardUtils.js";
 import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
 import { GridMenu } from "../menu/GridMenu.js";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
@@ -29,14 +28,6 @@ const GridToolbarExportContainer = forwardRef(function GridToolbarExportContaine
     buttonProps.onClick?.(event);
   };
   const handleMenuClose = () => setOpen(false);
-  const handleListKeyDown = event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-    }
-    if (isHideMenuKey(event.key)) {
-      handleMenuClose();
-    }
-  };
   if (children == null) {
     return null;
   }
@@ -67,7 +58,6 @@ const GridToolbarExportContainer = forwardRef(function GridToolbarExportContaine
         id: exportMenuId,
         className: gridClasses.menuList,
         "aria-labelledby": exportButtonId,
-        onKeyDown: handleListKeyDown,
         autoFocusItem: open,
         children: React.Children.map(children, child => {
           if (! /*#__PURE__*/React.isValidElement(child)) {

package/esm/hooks/features/focus/useGridFocus.js

@@ -357,7 +357,7 @@ export const useGridFocus = (apiRef, props) => {
       paginationMode: props.paginationMode
     });
     const rowIsInCurrentPage = currentPage.rows.find(row => row.id === currentFocusedCell.id);
-    if (rowIsInCurrentPage) {
+    if (rowIsInCurrentPage || currentPage.rows.length === 0) {
       return;
     }
     const visibleColumns = gridVisibleColumnDefinitionsSelector(apiRef);

package/esm/index.js

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

package/esm/locales/daDK.js

@@ -110,12 +110,12 @@ const daDKGrid = {
   columnMenuLabel: 'Menu',
   // columnMenuAriaLabel: (columnName: string) => `${columnName} column menu`,
   columnMenuShowColumns: 'Vis kolonner',
-  columnMenuManageColumns: 'Administrer kolonner',
-  columnMenuFilter: 'Filtrer',
+  columnMenuManageColumns: 'Administrér kolonner',
+  columnMenuFilter: 'Filtrér',
   columnMenuHideColumn: 'Skjul kolonne',
   columnMenuUnsort: 'Fjern sortering',
-  columnMenuSortAsc: 'Sorter stigende',
-  columnMenuSortDesc: 'Sorter faldende',
+  columnMenuSortAsc: 'Sortér stigende',
+  columnMenuSortDesc: 'Sortér faldende',
   // columnMenuManagePivot: 'Manage pivot',
 
   // Column header text

package/esm/locales/deDE.js

@@ -5,8 +5,7 @@ const deDEGrid = {
   noResultsOverlayLabel: 'Keine Ergebnisse gefunden.',
   noColumnsOverlayLabel: 'Keine Spalten',
   noColumnsOverlayManageColumns: 'Spalten verwalten',
-  // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
-
+  emptyPivotOverlayLabel: 'Felder zu Zeilen, Spalten und Werten hinzufügen, um eine Pivot-Tabelle zu erstellen',
   // Density selector toolbar button text
   toolbarDensity: 'Zeilenhöhe',
   toolbarDensityLabel: 'Zeilenhöhe',
@@ -33,11 +32,9 @@ const deDEGrid = {
   toolbarExportPrint: 'Drucken',
   toolbarExportExcel: 'Download als Excel',
   // Toolbar pivot button
-  // toolbarPivot: 'Pivot',
-
+  toolbarPivot: 'Pivot',
   // Toolbar AI Assistant button
-  // toolbarAssistant: 'AI Assistant',
-
+  toolbarAssistant: 'KI-Assistent',
   // Columns management text
   columnsManagementSearchTitle: 'Suche',
   columnsManagementNoColumns: 'Keine Spalten',
@@ -114,8 +111,7 @@ const deDEGrid = {
   columnMenuUnsort: 'Sortierung deaktivieren',
   columnMenuSortAsc: 'Sortiere aufsteigend',
   columnMenuSortDesc: 'Sortiere absteigend',
-  // columnMenuManagePivot: 'Manage pivot',
-
+  columnMenuManagePivot: 'Pivot verwalten',
   // Column header text
   columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} aktive Filter` : `${count} aktiver Filter`,
   columnHeaderFiltersLabel: 'Zeige Filter',
@@ -190,80 +186,76 @@ const deDEGrid = {
   aggregationFunctionLabelMax: 'Maximum',
   aggregationFunctionLabelSize: 'Anzahl',
   // Pivot panel
-  // pivotToggleLabel: 'Pivot',
-  // pivotRows: 'Rows',
-  // pivotColumns: 'Columns',
-  // pivotValues: 'Values',
-  // pivotCloseButton: 'Close pivot settings',
-  // pivotSearchButton: 'Search fields',
-  // pivotSearchControlPlaceholder: 'Search fields',
-  // pivotSearchControlLabel: 'Search fields',
-  // pivotSearchControlClear: 'Clear search',
-  // pivotNoFields: 'No fields',
-  // pivotMenuMoveUp: 'Move up',
-  // pivotMenuMoveDown: 'Move down',
-  // pivotMenuMoveToTop: 'Move to top',
-  // pivotMenuMoveToBottom: 'Move to bottom',
-  // pivotMenuRows: 'Rows',
-  // pivotMenuColumns: 'Columns',
-  // pivotMenuValues: 'Values',
-  // pivotMenuOptions: 'Field options',
-  // pivotMenuAddToRows: 'Add to Rows',
-  // pivotMenuAddToColumns: 'Add to Columns',
-  // pivotMenuAddToValues: 'Add to Values',
-  // pivotMenuRemove: 'Remove',
-  // pivotDragToRows: 'Drag here to create rows',
-  // pivotDragToColumns: 'Drag here to create columns',
-  // pivotDragToValues: 'Drag here to create values',
-  // pivotYearColumnHeaderName: '(Year)',
-  // pivotQuarterColumnHeaderName: '(Quarter)',
-
+  pivotToggleLabel: 'Pivot',
+  pivotRows: 'Zeilen',
+  pivotColumns: 'Spalten',
+  pivotValues: 'Werte',
+  pivotCloseButton: 'Pivot-Einstellungen schließen',
+  pivotSearchButton: 'Felder suchen',
+  pivotSearchControlPlaceholder: 'Felder suchen',
+  pivotSearchControlLabel: 'Felder suchen',
+  pivotSearchControlClear: 'Suche löschen',
+  pivotNoFields: 'Keine Felder',
+  pivotMenuMoveUp: 'Nach oben',
+  pivotMenuMoveDown: 'Nach unten',
+  pivotMenuMoveToTop: 'An den Anfang',
+  pivotMenuMoveToBottom: 'An das Ende',
+  pivotMenuRows: 'Zeilen',
+  pivotMenuColumns: 'Spalten',
+  pivotMenuValues: 'Werte',
+  pivotMenuOptions: 'Feldoptionen',
+  pivotMenuAddToRows: 'Zu Zeilen hinzufügen',
+  pivotMenuAddToColumns: 'Zu Spalten hinzufügen',
+  pivotMenuAddToValues: 'Zu Werten hinzufügen',
+  pivotMenuRemove: 'Entfernen',
+  pivotDragToRows: 'Hier hinziehen, um Zeilen zu erstellen',
+  pivotDragToColumns: 'Hier hinziehen, um Spalten zu erstellen',
+  pivotDragToValues: 'Hier hinziehen, um Werte zu erstellen',
+  pivotYearColumnHeaderName: '(Jahr)',
+  pivotQuarterColumnHeaderName: '(Quartal)',
   // AI Assistant panel
-  // aiAssistantPanelTitle: 'AI Assistant',
-  // aiAssistantPanelClose: 'Close AI Assistant',
-  // aiAssistantPanelNewConversation: 'New conversation',
-  // aiAssistantPanelConversationHistory: 'Conversation history',
-  // aiAssistantPanelEmptyConversation: 'No prompt history',
-  // aiAssistantSuggestions: 'Suggestions',
-
+  aiAssistantPanelTitle: 'KI-Assistent',
+  aiAssistantPanelClose: 'KI-Assistent schließen',
+  aiAssistantPanelNewConversation: 'Neue Unterhaltung',
+  aiAssistantPanelConversationHistory: 'Unterhaltungsverlauf',
+  aiAssistantPanelEmptyConversation: 'Kein Prompt-Verlauf',
+  aiAssistantSuggestions: 'Vorschläge',
   // Prompt field
   promptFieldLabel: 'Prompteingabe',
   promptFieldPlaceholder: 'Prompt eingeben…',
   promptFieldPlaceholderWithRecording: 'Prompt eingeben oder aufnehmen…',
   promptFieldPlaceholderListening: 'Hört Prompteingabe zu…',
-  // promptFieldSpeechRecognitionNotSupported: 'Speech recognition is not supported in this browser',
+  promptFieldSpeechRecognitionNotSupported: 'Spracherkennung wird in diesem Browser nicht unterstützt',
   promptFieldSend: 'Senden',
   promptFieldRecord: 'Aufnahme starten',
-  promptFieldStopRecording: 'Aufnahme stoppen'
-
+  promptFieldStopRecording: 'Aufnahme stoppen',
   // Prompt
-  // promptRerun: 'Run again',
-  // promptProcessing: 'Processing…',
-  // promptAppliedChanges: 'Applied changes',
-
+  promptRerun: 'Erneut ausführen',
+  promptProcessing: 'Verarbeitung…',
+  promptAppliedChanges: 'Änderungen angewendet',
   // Prompt changes
-  // promptChangeGroupDescription: (column: string) => `Group by ${column}`,
-  // promptChangeAggregationLabel: (column: string, aggregation: string) => `${column} (${aggregation})`,
-  // promptChangeAggregationDescription: (column: string, aggregation: string) => `Aggregate ${column} (${aggregation})`,
-  // promptChangeFilterLabel: (column: string, operator: string, value: string) => {
-  //   if (operator === 'is any of') {
-  //     return `${column} is any of: ${value}`;
-  //   }
-  //   return `${column} ${operator} ${value}`;
-  // },
-  // promptChangeFilterDescription: (column: string, operator: string, value: string) => {
-  //   if (operator === 'is any of') {
-  //     return `Filter where ${column} is any of: ${value}`;
-  //   }
-  //   return `Filter where ${column} ${operator} ${value}`;
-  // },
-  // promptChangeSortDescription: (column: string, direction: string) => `Sort by ${column} (${direction})`,
-  // promptChangePivotEnableLabel: 'Pivot',
-  // promptChangePivotEnableDescription: 'Enable pivot',
-  // promptChangePivotColumnsLabel: (count: number) => `Columns (${count})`,
-  // promptChangePivotColumnsDescription: (column: string, direction: string) => `${column}${direction ? ` (${direction})` : ''}`,
-  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
-  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
-  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  promptChangeGroupDescription: column => `Gruppieren nach ${column}`,
+  promptChangeAggregationLabel: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeAggregationDescription: (column, aggregation) => `${column} aggregieren (${aggregation})`,
+  promptChangeFilterLabel: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `${column} entspricht einem der Werte: ${value}`;
+    }
+    return `${column} ${operator} ${value}`;
+  },
+  promptChangeFilterDescription: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `Filtern, bei dem ${column} einem der folgenden Werte entspricht: ${value}`;
+    }
+    return `Filtern wo ${column} ${operator} ${value}`;
+  },
+  promptChangeSortDescription: (column, direction) => `Sortieren nach ${column} (${direction})`,
+  promptChangePivotEnableLabel: 'Pivot',
+  promptChangePivotEnableDescription: 'Pivot aktivieren',
+  promptChangePivotColumnsLabel: count => `Spalten (${count})`,
+  promptChangePivotColumnsDescription: (column, direction) => `${column}${direction ? ` (${direction})` : ''}`,
+  promptChangePivotRowsLabel: count => `Zeilen (${count})`,
+  promptChangePivotValuesLabel: count => `Werte (${count})`,
+  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
 };
 export const deDE = getGridLocalization(deDEGrid);

package/esm/models/params/gridScrollParams.d.ts

@@ -2,6 +2,10 @@ export interface GridColumnsRenderContext {
   firstColumnIndex: number;
   lastColumnIndex: number;
 }
+/**
+ * Provides the current render context range for rows and columns.
+ * End index is exclusive - [firstRowIndex, lastRowIndex) and [firstColumnIndex, lastColumnIndex)
+ */
 export interface GridRenderContext extends GridColumnsRenderContext {
   firstRowIndex: number;
   lastRowIndex: number;

package/hooks/features/focus/useGridFocus.js

@@ -366,7 +366,7 @@ const useGridFocus = (apiRef, props) => {
       paginationMode: props.paginationMode
     });
     const rowIsInCurrentPage = currentPage.rows.find(row => row.id === currentFocusedCell.id);
-    if (rowIsInCurrentPage) {
+    if (rowIsInCurrentPage || currentPage.rows.length === 0) {
       return;
     }
     const visibleColumns = (0, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector)(apiRef);

package/index.js

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

package/locales/daDK.js

@@ -116,12 +116,12 @@ const daDKGrid = {
   columnMenuLabel: 'Menu',
   // columnMenuAriaLabel: (columnName: string) => `${columnName} column menu`,
   columnMenuShowColumns: 'Vis kolonner',
-  columnMenuManageColumns: 'Administrer kolonner',
-  columnMenuFilter: 'Filtrer',
+  columnMenuManageColumns: 'Administrér kolonner',
+  columnMenuFilter: 'Filtrér',
   columnMenuHideColumn: 'Skjul kolonne',
   columnMenuUnsort: 'Fjern sortering',
-  columnMenuSortAsc: 'Sorter stigende',
-  columnMenuSortDesc: 'Sorter faldende',
+  columnMenuSortAsc: 'Sortér stigende',
+  columnMenuSortDesc: 'Sortér faldende',
   // columnMenuManagePivot: 'Manage pivot',
 
   // Column header text

package/locales/deDE.js

@@ -11,8 +11,7 @@ const deDEGrid = {
   noResultsOverlayLabel: 'Keine Ergebnisse gefunden.',
   noColumnsOverlayLabel: 'Keine Spalten',
   noColumnsOverlayManageColumns: 'Spalten verwalten',
-  // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
-
+  emptyPivotOverlayLabel: 'Felder zu Zeilen, Spalten und Werten hinzufügen, um eine Pivot-Tabelle zu erstellen',
   // Density selector toolbar button text
   toolbarDensity: 'Zeilenhöhe',
   toolbarDensityLabel: 'Zeilenhöhe',
@@ -39,11 +38,9 @@ const deDEGrid = {
   toolbarExportPrint: 'Drucken',
   toolbarExportExcel: 'Download als Excel',
   // Toolbar pivot button
-  // toolbarPivot: 'Pivot',
-
+  toolbarPivot: 'Pivot',
   // Toolbar AI Assistant button
-  // toolbarAssistant: 'AI Assistant',
-
+  toolbarAssistant: 'KI-Assistent',
   // Columns management text
   columnsManagementSearchTitle: 'Suche',
   columnsManagementNoColumns: 'Keine Spalten',
@@ -120,8 +117,7 @@ const deDEGrid = {
   columnMenuUnsort: 'Sortierung deaktivieren',
   columnMenuSortAsc: 'Sortiere aufsteigend',
   columnMenuSortDesc: 'Sortiere absteigend',
-  // columnMenuManagePivot: 'Manage pivot',
-
+  columnMenuManagePivot: 'Pivot verwalten',
   // Column header text
   columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} aktive Filter` : `${count} aktiver Filter`,
   columnHeaderFiltersLabel: 'Zeige Filter',
@@ -196,80 +192,76 @@ const deDEGrid = {
   aggregationFunctionLabelMax: 'Maximum',
   aggregationFunctionLabelSize: 'Anzahl',
   // Pivot panel
-  // pivotToggleLabel: 'Pivot',
-  // pivotRows: 'Rows',
-  // pivotColumns: 'Columns',
-  // pivotValues: 'Values',
-  // pivotCloseButton: 'Close pivot settings',
-  // pivotSearchButton: 'Search fields',
-  // pivotSearchControlPlaceholder: 'Search fields',
-  // pivotSearchControlLabel: 'Search fields',
-  // pivotSearchControlClear: 'Clear search',
-  // pivotNoFields: 'No fields',
-  // pivotMenuMoveUp: 'Move up',
-  // pivotMenuMoveDown: 'Move down',
-  // pivotMenuMoveToTop: 'Move to top',
-  // pivotMenuMoveToBottom: 'Move to bottom',
-  // pivotMenuRows: 'Rows',
-  // pivotMenuColumns: 'Columns',
-  // pivotMenuValues: 'Values',
-  // pivotMenuOptions: 'Field options',
-  // pivotMenuAddToRows: 'Add to Rows',
-  // pivotMenuAddToColumns: 'Add to Columns',
-  // pivotMenuAddToValues: 'Add to Values',
-  // pivotMenuRemove: 'Remove',
-  // pivotDragToRows: 'Drag here to create rows',
-  // pivotDragToColumns: 'Drag here to create columns',
-  // pivotDragToValues: 'Drag here to create values',
-  // pivotYearColumnHeaderName: '(Year)',
-  // pivotQuarterColumnHeaderName: '(Quarter)',
-
+  pivotToggleLabel: 'Pivot',
+  pivotRows: 'Zeilen',
+  pivotColumns: 'Spalten',
+  pivotValues: 'Werte',
+  pivotCloseButton: 'Pivot-Einstellungen schließen',
+  pivotSearchButton: 'Felder suchen',
+  pivotSearchControlPlaceholder: 'Felder suchen',
+  pivotSearchControlLabel: 'Felder suchen',
+  pivotSearchControlClear: 'Suche löschen',
+  pivotNoFields: 'Keine Felder',
+  pivotMenuMoveUp: 'Nach oben',
+  pivotMenuMoveDown: 'Nach unten',
+  pivotMenuMoveToTop: 'An den Anfang',
+  pivotMenuMoveToBottom: 'An das Ende',
+  pivotMenuRows: 'Zeilen',
+  pivotMenuColumns: 'Spalten',
+  pivotMenuValues: 'Werte',
+  pivotMenuOptions: 'Feldoptionen',
+  pivotMenuAddToRows: 'Zu Zeilen hinzufügen',
+  pivotMenuAddToColumns: 'Zu Spalten hinzufügen',
+  pivotMenuAddToValues: 'Zu Werten hinzufügen',
+  pivotMenuRemove: 'Entfernen',
+  pivotDragToRows: 'Hier hinziehen, um Zeilen zu erstellen',
+  pivotDragToColumns: 'Hier hinziehen, um Spalten zu erstellen',
+  pivotDragToValues: 'Hier hinziehen, um Werte zu erstellen',
+  pivotYearColumnHeaderName: '(Jahr)',
+  pivotQuarterColumnHeaderName: '(Quartal)',
   // AI Assistant panel
-  // aiAssistantPanelTitle: 'AI Assistant',
-  // aiAssistantPanelClose: 'Close AI Assistant',
-  // aiAssistantPanelNewConversation: 'New conversation',
-  // aiAssistantPanelConversationHistory: 'Conversation history',
-  // aiAssistantPanelEmptyConversation: 'No prompt history',
-  // aiAssistantSuggestions: 'Suggestions',
-
+  aiAssistantPanelTitle: 'KI-Assistent',
+  aiAssistantPanelClose: 'KI-Assistent schließen',
+  aiAssistantPanelNewConversation: 'Neue Unterhaltung',
+  aiAssistantPanelConversationHistory: 'Unterhaltungsverlauf',
+  aiAssistantPanelEmptyConversation: 'Kein Prompt-Verlauf',
+  aiAssistantSuggestions: 'Vorschläge',
   // Prompt field
   promptFieldLabel: 'Prompteingabe',
   promptFieldPlaceholder: 'Prompt eingeben…',
   promptFieldPlaceholderWithRecording: 'Prompt eingeben oder aufnehmen…',
   promptFieldPlaceholderListening: 'Hört Prompteingabe zu…',
-  // promptFieldSpeechRecognitionNotSupported: 'Speech recognition is not supported in this browser',
+  promptFieldSpeechRecognitionNotSupported: 'Spracherkennung wird in diesem Browser nicht unterstützt',
   promptFieldSend: 'Senden',
   promptFieldRecord: 'Aufnahme starten',
-  promptFieldStopRecording: 'Aufnahme stoppen'
-
+  promptFieldStopRecording: 'Aufnahme stoppen',
   // Prompt
-  // promptRerun: 'Run again',
-  // promptProcessing: 'Processing…',
-  // promptAppliedChanges: 'Applied changes',
-
+  promptRerun: 'Erneut ausführen',
+  promptProcessing: 'Verarbeitung…',
+  promptAppliedChanges: 'Änderungen angewendet',
   // Prompt changes
-  // promptChangeGroupDescription: (column: string) => `Group by ${column}`,
-  // promptChangeAggregationLabel: (column: string, aggregation: string) => `${column} (${aggregation})`,
-  // promptChangeAggregationDescription: (column: string, aggregation: string) => `Aggregate ${column} (${aggregation})`,
-  // promptChangeFilterLabel: (column: string, operator: string, value: string) => {
-  //   if (operator === 'is any of') {
-  //     return `${column} is any of: ${value}`;
-  //   }
-  //   return `${column} ${operator} ${value}`;
-  // },
-  // promptChangeFilterDescription: (column: string, operator: string, value: string) => {
-  //   if (operator === 'is any of') {
-  //     return `Filter where ${column} is any of: ${value}`;
-  //   }
-  //   return `Filter where ${column} ${operator} ${value}`;
-  // },
-  // promptChangeSortDescription: (column: string, direction: string) => `Sort by ${column} (${direction})`,
-  // promptChangePivotEnableLabel: 'Pivot',
-  // promptChangePivotEnableDescription: 'Enable pivot',
-  // promptChangePivotColumnsLabel: (count: number) => `Columns (${count})`,
-  // promptChangePivotColumnsDescription: (column: string, direction: string) => `${column}${direction ? ` (${direction})` : ''}`,
-  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
-  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
-  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
+  promptChangeGroupDescription: column => `Gruppieren nach ${column}`,
+  promptChangeAggregationLabel: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeAggregationDescription: (column, aggregation) => `${column} aggregieren (${aggregation})`,
+  promptChangeFilterLabel: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `${column} entspricht einem der Werte: ${value}`;
+    }
+    return `${column} ${operator} ${value}`;
+  },
+  promptChangeFilterDescription: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `Filtern, bei dem ${column} einem der folgenden Werte entspricht: ${value}`;
+    }
+    return `Filtern wo ${column} ${operator} ${value}`;
+  },
+  promptChangeSortDescription: (column, direction) => `Sortieren nach ${column} (${direction})`,
+  promptChangePivotEnableLabel: 'Pivot',
+  promptChangePivotEnableDescription: 'Pivot aktivieren',
+  promptChangePivotColumnsLabel: count => `Spalten (${count})`,
+  promptChangePivotColumnsDescription: (column, direction) => `${column}${direction ? ` (${direction})` : ''}`,
+  promptChangePivotRowsLabel: count => `Zeilen (${count})`,
+  promptChangePivotValuesLabel: count => `Werte (${count})`,
+  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
 };
 const deDE = exports.deDE = (0, _getGridLocalization.getGridLocalization)(deDEGrid);

package/models/params/gridScrollParams.d.ts

@@ -2,6 +2,10 @@ export interface GridColumnsRenderContext {
   firstColumnIndex: number;
   lastColumnIndex: number;
 }
+/**
+ * Provides the current render context range for rows and columns.
+ * End index is exclusive - [firstRowIndex, lastRowIndex) and [firstColumnIndex, lastColumnIndex)
+ */
 export interface GridRenderContext extends GridColumnsRenderContext {
   firstRowIndex: number;
   lastRowIndex: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.5.3",
+  "version": "8.6.0",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "main": "./index.js",
@@ -44,7 +44,7 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-internals": "8.5.3"
+    "@mui/x-internals": "8.6.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",