@mui/x-data-grid 8.5.2 → 8.6.0

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/components/toolbarV8/GridToolbar.js

@@ -121,6 +121,7 @@ function GridToolbar(props) {
     }), additionalItems, showExportMenu && (!rootProps.disableColumnFilter || !rootProps.disableColumnSelector) && /*#__PURE__*/_jsx(GridToolbarDivider, {}), showExportMenu && /*#__PURE__*/_jsxs(React.Fragment, {
       children: [/*#__PURE__*/_jsx(rootProps.slots.baseTooltip, {
         title: apiRef.current.getLocaleText('toolbarExport'),
+        disableInteractive: exportMenuOpen,
         children: /*#__PURE__*/_jsx(ToolbarButton, {
           ref: exportMenuTriggerRef,
           id: exportMenuTriggerId,

package/esm/components/toolbarV8/Toolbar.d.ts

@@ -6,7 +6,7 @@ export type ToolbarProps = React.HTMLAttributes<HTMLDivElement> & {
    */
   render?: RenderProp<React.ComponentProps<typeof ToolbarRoot>>;
 };
-declare const ToolbarRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
+declare const ToolbarRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
 /**
  * The top level Toolbar component that provides context to child components.
  * It renders a styled `<div />` element.

package/esm/hooks/features/columnHeaders/useGridColumnHeaders.d.ts

@@ -31,7 +31,7 @@ export interface GetHeadersParams {
 type OwnerState = DataGridProcessedProps;
 export declare const GridColumnHeaderRow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: OwnerState;
-}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
 export declare const useGridColumnHeaders: (props: UseGridColumnHeadersProps) => {
   renderContext: GridColumnsRenderContext;
   leftRenderContext: {

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

@@ -26,7 +26,7 @@ export class CacheChunkManager {
 
       // split the range into chunks
       const chunkedKeys = [];
-      for (let i = key.start; i < key.end; i += this.chunkSize) {
+      for (let i = key.start; i <= key.end; i += this.chunkSize) {
         const end = Math.min(i + this.chunkSize - 1, key.end);
         chunkedKeys.push(_extends({}, key, {
           start: i,

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.2
+ * @mui/x-data-grid v8.6.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/internals/demo/TailwindDemoContainer.d.ts

@@ -7,5 +7,5 @@ interface TailwindDemoContainerProps {
  * WARNING: This is an internal component used in documentation to inject the Tailwind script.
  * Please do not use it in your application.
  */
-export declare function TailwindDemoContainer(props: TailwindDemoContainerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+export declare function TailwindDemoContainer(props: TailwindDemoContainerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
 export {};

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/gridBaseSlots.d.ts

@@ -267,6 +267,7 @@ export type TooltipProps = CommonProps & {
   children: React.ReactElement<any, any>;
   enterDelay?: number;
   title: React.ReactNode;
+  disableInteractive?: boolean;
 };
 export type IconProps = CommonProps<SVGSVGElement> & {
   fontSize?: 'small' | 'medium' | 'large' | 'inherit';

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/columnHeaders/useGridColumnHeaders.d.ts

@@ -31,7 +31,7 @@ export interface GetHeadersParams {
 type OwnerState = DataGridProcessedProps;
 export declare const GridColumnHeaderRow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: OwnerState;
-}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
 export declare const useGridColumnHeaders: (props: UseGridColumnHeadersProps) => {
   renderContext: GridColumnsRenderContext;
   leftRenderContext: {

package/hooks/features/dataSource/utils.js

@@ -32,7 +32,7 @@ class CacheChunkManager {
 
       // split the range into chunks
       const chunkedKeys = [];
-      for (let i = key.start; i < key.end; i += this.chunkSize) {
+      for (let i = key.start; i <= key.end; i += this.chunkSize) {
         const end = Math.min(i + this.chunkSize - 1, key.end);
         chunkedKeys.push((0, _extends2.default)({}, key, {
           start: i,

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.2
+ * @mui/x-data-grid v8.6.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/demo/TailwindDemoContainer.d.ts

@@ -7,5 +7,5 @@ interface TailwindDemoContainerProps {
  * WARNING: This is an internal component used in documentation to inject the Tailwind script.
  * Please do not use it in your application.
  */
-export declare function TailwindDemoContainer(props: TailwindDemoContainerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+export declare function TailwindDemoContainer(props: TailwindDemoContainerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
 export {};

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/gridBaseSlots.d.ts

@@ -267,6 +267,7 @@ export type TooltipProps = CommonProps & {
   children: React.ReactElement<any, any>;
   enterDelay?: number;
   title: React.ReactNode;
+  disableInteractive?: boolean;
 };
 export type IconProps = CommonProps<SVGSVGElement> & {
   fontSize?: 'small' | 'medium' | 'large' | 'inherit';

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.2",
+  "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.2"
+    "@mui/x-internals": "8.6.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",