@mui/x-data-grid 8.15.0 → 8.16.0

package/CHANGELOG.md

@@ -5,6 +5,106 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.16.0
+
+_Oct 29, 2025_
+
+We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 🖌️ Add `brush` zoom interaction to charts
+- 🔁 [Server-side update](https://mui.com/x/react-data-grid/server-side-data/#updating-server-side-data) in a grid with tree data/row grouping and aggregation will trigger re-fetch for all parent levels of that row to update aggregated values. See the [demo](https://mui.com/x/react-data-grid/server-side-data/aggregation/#usage-with-tree-data).
+
+Special thanks go out to the community members for their valuable contributions:
+@felix-wg, @frncesc, @sai6855
+
+The following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @brijeshb42, @flaviendelangle, @JCQuintas, @MBilalShafi, @mbrookes, @michelengelen, @noraleonte, @rita-codes
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.16.0`
+
+- [DataGrid] Ignore `Ctrl+A` key combination for the row selection in the community version (#20110) @felix-wg
+- [DataGrid][l10n] Improve Spanish (es-ES) locale (#20134) @frncesc
+
+#### `@mui/x-data-grid-pro@8.16.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.16.0`, plus:
+
+- [DataGridPro] Add explicit return type to `getVisibleRowsLookup()` to fix the build with `tsc` (#20116) @arminmeh
+- [DataGridPro] Retain the expansion state with expansion configuration props (#20126) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@8.16.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.16.0`, plus:
+
+- [DataGridPremium] Export and restore chart integration state (#20079) @arminmeh
+- [DataGridPremium] Fix grouping column `valueFormatter()` crash  (#20070) @sai6855
+- [DataGridPremium] Refetch aggregation data after row update with server-side aggregation (#20039) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.16.0`
+
+- [pickers] Prevent blur event propagation on individual sections (#19825) @michelengelen
+
+#### `@mui/x-date-pickers-pro@8.16.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.16.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.16.0`
+
+- [charts] Allow tooltip to anchor items (#19954) @alexfauquette
+- [charts] Fix behavior of grouped axis (#20118) @JCQuintas
+- [charts] Move scale symlog inside scales (#20137) @JCQuintas
+- [charts] Fix AreaChartConnectNulls demo height not correctly resizing (#20078) @sai6855
+- [charts] Fix charts resizing overflow (#20080) @alexfauquette
+- [charts] Fix tooltip not showing on first render (#20115) @bernardobelchior
+- [charts] Handle `undefined` id and color in series (#20087) @bernardobelchior
+- [charts] Remove `useMemo` from isZoomOn*Enabled and isPanOn*Enabled hooks (#20132) @Copilot
+- [charts] Use static data for perf (#20072) @JCQuintas
+- [charts] Move scale symlog inside scales (#20137) @JCQuintas
+
+#### `@mui/x-charts-pro@8.16.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.16.0`, plus:
+
+- [charts-pro] Add `brush` zoom interaction (#19899) @JCQuintas
+- [charts-pro] Add sankey performance check (#20069) @JCQuintas
+
+#### `@mui/x-charts-premium@8.16.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@8.16.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.16.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.16.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.16.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.16.0`
+
+Internal changes.
+
+### Core
+
+- [code-infra] Setup eslint compat plugin (#20105) @brijeshb42
+- [code-infra] Improve store types (#20129) @JCQuintas
+- [docs] Update the callout in `rows` prop documentation (#20127) @MBilalShafi
+- [docs-infra] Refine changelog contributor acknowledgment messages (#20123) @mbrookes
+
+### Miscellaneous
+
+- [x-telemetry] Skip telemetry tests on browser mode (#20122) @bernardobelchior
+
 ## 8.15.0
 
 _Oct 23, 2025_

package/DataGrid/DataGrid.js

@@ -16,6 +16,7 @@ var _useGridAriaAttributes = require("../hooks/utils/useGridAriaAttributes");
 var _useGridRowAriaAttributes = require("../hooks/features/rows/useGridRowAriaAttributes");
 var _useGridRowsOverridableMethods = require("../hooks/features/rows/useGridRowsOverridableMethods");
 var _useGridParamsOverridableMethods = require("../hooks/features/rows/useGridParamsOverridableMethods");
+var _useGridCellEditable = require("../hooks/features/editing/useGridCellEditable");
 var _GridContextProvider = require("../context/GridContextProvider");
 var _useDataGridComponent = require("./useDataGridComponent");
 var _useDataGridProps = require("./useDataGridProps");
@@ -30,6 +31,7 @@ const configuration = {
     useGridRowAriaAttributes: _useGridRowAriaAttributes.useGridRowAriaAttributes,
     useGridRowsOverridableMethods: _useGridRowsOverridableMethods.useGridRowsOverridableMethods,
     useGridParamsOverridableMethods: _useGridParamsOverridableMethods.useGridParamsOverridableMethods,
+    useIsCellEditable: _useGridCellEditable.useIsCellEditable,
     useCellAggregationResult: () => null,
     useFilterValueGetter: apiRef => apiRef.current.getRowValue
   }

package/DataGrid/useDataGridComponent.js

@@ -81,7 +81,7 @@ const useDataGridComponent = (apiRef, props, configuration) => {
   (0, _useGridParamsApi.useGridParamsApi)(apiRef, props, configuration);
   (0, _useGridColumnSpanning.useGridColumnSpanning)(apiRef);
   (0, _useGridColumnGrouping.useGridColumnGrouping)(apiRef, props);
-  (0, _useGridEditing.useGridEditing)(apiRef, props);
+  (0, _useGridEditing.useGridEditing)(apiRef, props, configuration);
   (0, _useGridFocus.useGridFocus)(apiRef, props);
   (0, _useGridPreferencesPanel.useGridPreferencesPanel)(apiRef, props);
   (0, _useGridFilter.useGridFilter)(apiRef, props, configuration);

package/esm/DataGrid/DataGrid.js

@@ -9,6 +9,7 @@ import { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
 import { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
 import { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.js";
 import { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.js";
+import { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.js";
 import { GridContextProvider } from "../context/GridContextProvider.js";
 import { useDataGridComponent } from "./useDataGridComponent.js";
 import { useDataGridProps } from "./useDataGridProps.js";
@@ -23,6 +24,7 @@ const configuration = {
     useGridRowAriaAttributes,
     useGridRowsOverridableMethods,
     useGridParamsOverridableMethods,
+    useIsCellEditable,
     useCellAggregationResult: () => null,
     useFilterValueGetter: apiRef => apiRef.current.getRowValue
   }

package/esm/DataGrid/useDataGridComponent.js

@@ -75,7 +75,7 @@ export const useDataGridComponent = (apiRef, props, configuration) => {
   useGridParamsApi(apiRef, props, configuration);
   useGridColumnSpanning(apiRef);
   useGridColumnGrouping(apiRef, props);
-  useGridEditing(apiRef, props);
+  useGridEditing(apiRef, props, configuration);
   useGridFocus(apiRef, props);
   useGridPreferencesPanel(apiRef, props);
   useGridFilter(apiRef, props, configuration);

package/esm/hooks/features/editing/useGridCellEditable.d.ts

@@ -0,0 +1,5 @@
+import { CellEditableConditionFn } from "../../../models/configuration/gridCellEditableConfiguration.js";
+/**
+ * Default implementation of the cell editable condition hook
+ */
+export declare const useIsCellEditable: () => CellEditableConditionFn;

package/esm/hooks/features/editing/useGridCellEditable.js

@@ -0,0 +1,9 @@
+'use client';
+
+import * as React from 'react';
+import { isAutogeneratedRowNode } from "../rows/gridRowsUtils.js";
+
+/**
+ * Default implementation of the cell editable condition hook
+ */
+export const useIsCellEditable = () => React.useCallback(params => !isAutogeneratedRowNode(params.rowNode), []);

package/esm/hooks/features/editing/useGridEditing.d.ts

@@ -1,6 +1,7 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import { GridConfiguration } from "../../../models/configuration/gridConfiguration.js";
 import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const editingStateInitializer: GridStateInitializer;
-export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate" | "dataSource" | "onDataSourceError">) => void;
+export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate" | "dataSource" | "onDataSourceError">, configuration: GridConfiguration) => void;

package/esm/hooks/features/editing/useGridEditing.js

@@ -7,19 +7,19 @@ import { useGridCellEditing } from "./useGridCellEditing.js";
 import { GridCellModes, GridEditModes } from "../../../models/gridEditRowModel.js";
 import { useGridRowEditing } from "./useGridRowEditing.js";
 import { gridEditRowsStateSelector } from "./gridEditingSelectors.js";
-import { isAutogeneratedRowNode } from "../rows/gridRowsUtils.js";
 export const editingStateInitializer = state => _extends({}, state, {
   editRows: {}
 });
-export const useGridEditing = (apiRef, props) => {
+export const useGridEditing = (apiRef, props, configuration) => {
   useGridCellEditing(apiRef, props);
   useGridRowEditing(apiRef, props);
   const debounceMap = React.useRef({});
   const {
     isCellEditable: isCellEditableProp
   } = props;
+  const isCellEditableFn = configuration.hooks.useIsCellEditable(apiRef, props);
   const isCellEditable = React.useCallback(params => {
-    if (isAutogeneratedRowNode(params.rowNode)) {
+    if (!isCellEditableFn(params)) {
       return false;
     }
     if (!params.colDef.editable) {
@@ -32,7 +32,7 @@ export const useGridEditing = (apiRef, props) => {
       return isCellEditableProp(params);
     }
     return true;
-  }, [isCellEditableProp]);
+  }, [isCellEditableProp, isCellEditableFn]);
   const maybeDebounce = (id, field, debounceMs, callback) => {
     if (!debounceMs) {
       callback();

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

@@ -2,6 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
+import debounce from '@mui/utils/debounce';
 import useEventCallback from '@mui/utils/useEventCallback';
 import ownerDocument from '@mui/utils/ownerDocument';
 import { gridClasses } from "../../../constants/gridClasses.js";
@@ -318,7 +319,7 @@ export const useGridFocus = (apiRef, props) => {
       apiRef.current.setCellFocus(params.id, params.field);
     }
   }, [apiRef]);
-  const handleRowSet = React.useCallback(() => {
+  const handleRowsSet = React.useCallback(() => {
     const cell = gridFocusCellSelector(apiRef);
 
     // If the focused cell is in a row which does not exist anymore,
@@ -349,6 +350,7 @@ export const useGridFocus = (apiRef, props) => {
       }));
     }
   }, [apiRef, props.pagination, props.paginationMode]);
+  const debouncedHandleRowsSet = React.useMemo(() => debounce(handleRowsSet, 0), [handleRowsSet]);
   const handlePaginationModelChange = useEventCallback(() => {
     const currentFocusedCell = gridFocusCellSelector(apiRef);
     if (!currentFocusedCell) {
@@ -403,6 +405,6 @@ export const useGridFocus = (apiRef, props) => {
   useGridEvent(apiRef, 'cellModeChange', handleCellModeChange);
   useGridEvent(apiRef, 'columnHeaderFocus', handleColumnHeaderFocus);
   useGridEvent(apiRef, 'columnGroupHeaderFocus', handleColumnGroupHeaderFocus);
-  useGridEvent(apiRef, 'rowsSet', handleRowSet);
+  useGridEvent(apiRef, 'rowsSet', debouncedHandleRowsSet);
   useGridEvent(apiRef, 'paginationModelChange', handlePaginationModelChange);
 };

package/esm/hooks/features/rowSelection/useGridRowSelection.js

@@ -506,7 +506,9 @@ export const useGridRowSelection = (apiRef, props) => {
     }
     if (String.fromCharCode(event.keyCode) === 'A' && (event.ctrlKey || event.metaKey)) {
       event.preventDefault();
-      toggleAllRows(true);
+      if (canHaveMultipleSelection) {
+        toggleAllRows(true);
+      }
     }
   }, [apiRef, canHaveMultipleSelection, handleSingleRowSelection, toggleAllRows]);
   const syncControlledState = useEventCallback(() => {

package/esm/index.js

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

package/esm/internals/index.d.ts

@@ -56,6 +56,7 @@ export { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
 export { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
 export { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.js";
 export { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.js";
+export { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.js";
 export { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreProcessors.js";
 export type { GridRowTreeCreationParams, GridRowTreeCreationValue, GridHydrateRowsValue, GridRowsPartialUpdates, GridRowsPartialUpdateAction, GridTreeDepths, GridPinnedRowsState } from "../hooks/features/rows/gridRowsInterfaces.js";
 export { getTreeNodeDescendants, buildRootGroup } from "../hooks/features/rows/gridRowsUtils.js";
@@ -117,6 +118,7 @@ export type { Localization } from "../utils/getGridLocalization.js";
 export * from "./demo/index.js";
 export { GridSkeletonLoadingOverlayInner } from "../components/GridSkeletonLoadingOverlay.js";
 export type { GridConfiguration } from "../models/configuration/gridConfiguration.js";
+export type { CellEditableConditionFn } from "../models/configuration/gridCellEditableConfiguration.js";
 export * from "../hooks/features/pivoting/index.js";
 export { createSvgIcon } from "../material/icons/createSvgIcon.js";
 export { useGridPanelContext } from "../components/panel/GridPanelContext.js";

package/esm/internals/index.js

@@ -45,6 +45,7 @@ export { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
 export { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
 export { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.js";
 export { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.js";
+export { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.js";
 export { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreProcessors.js";
 export { getTreeNodeDescendants, buildRootGroup } from "../hooks/features/rows/gridRowsUtils.js";
 export { useGridRowsMeta, rowsMetaStateInitializer } from "../hooks/features/rows/useGridRowsMeta.js";

package/esm/locales/esES.js

@@ -3,10 +3,9 @@ const esESGrid = {
   // Root
   noRowsLabel: 'Sin filas',
   noResultsOverlayLabel: 'Resultados no encontrados',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
-  // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
-
+  noColumnsOverlayLabel: 'Ninguna columna',
+  noColumnsOverlayManageColumns: 'Gestionar columnas',
+  emptyPivotOverlayLabel: 'Añada campos a filas, columnas y valores para crear una tabla dinámica',
   // Density selector toolbar button text
   toolbarDensity: 'Densidad',
   toolbarDensityLabel: 'Densidad',
@@ -33,14 +32,11 @@ const esESGrid = {
   toolbarExportPrint: 'Imprimir',
   toolbarExportExcel: 'Descargar como Excel',
   // Toolbar pivot button
-  // toolbarPivot: 'Pivot',
-
+  toolbarPivot: 'Tabla dinámica',
   // Toolbar charts button
-  // toolbarCharts: 'Charts',
-
+  toolbarCharts: 'Gráficos',
   // Toolbar AI Assistant button
-  // toolbarAssistant: 'AI Assistant',
-
+  toolbarAssistant: 'Asistente de IA',
   // Columns management text
   columnsManagementSearchTitle: 'Buscar',
   columnsManagementNoColumns: 'Sin columnas',
@@ -102,15 +98,14 @@ const esESGrid = {
   'headerFilterOperator>=': 'Es mayor o igual que',
   'headerFilterOperator<': 'Es menor que',
   'headerFilterOperator<=': 'Es menor o igual que',
-  // headerFilterClear: 'Clear filter',
-
+  headerFilterClear: 'Limpiar filtros',
   // Filter values text
   filterValueAny: 'cualquiera',
   filterValueTrue: 'verdadero',
   filterValueFalse: 'falso',
   // Column menu text
   columnMenuLabel: 'Menú',
-  // columnMenuAriaLabel: (columnName: string) => `${columnName} column menu`,
+  columnMenuAriaLabel: columnName => `Menú de la columna ${columnName}`,
   columnMenuShowColumns: 'Mostrar columnas',
   columnMenuManageColumns: 'Administrar columnas',
   columnMenuFilter: 'Filtro',
@@ -118,9 +113,8 @@ const esESGrid = {
   columnMenuUnsort: 'Desordenar',
   columnMenuSortAsc: 'Ordenar ASC',
   columnMenuSortDesc: 'Ordenar DESC',
-  // columnMenuManagePivot: 'Manage pivot',
-  // columnMenuManageCharts: 'Manage charts',
-
+  columnMenuManagePivot: 'Gestionar tabla dinámica',
+  columnMenuManageCharts: 'Gestionar gráficos',
   // Column header text
   columnHeaderFiltersTooltipActive: count => count > 1 ? `${count} filtros activos` : `${count} filtro activo`,
   columnHeaderFiltersLabel: 'Mostrar filtros',
@@ -160,18 +154,18 @@ const esESGrid = {
   collapseDetailPanel: 'Contraer',
   // Pagination
   paginationRowsPerPage: 'Filas por página:',
-  // paginationDisplayedRows: ({
-  //   from,
-  //   to,
-  //   count,
-  //   estimated
-  // }) => {
-  //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
-  //   }
-  //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
-  // },
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    if (!estimated) {
+      return `${from}–${to} de ${count !== -1 ? count : `más de ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `alrededor de ${estimated}` : `más de ${to}`;
+    return `${from}–${to} de ${count !== -1 ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'Ir a la primera página';
@@ -189,114 +183,109 @@ const esESGrid = {
   rowReorderingHeaderName: 'Reordenar filas',
   // Aggregation
   aggregationMenuItemHeader: 'Agregación',
-  // aggregationFunctionLabelNone: 'none',
+  aggregationFunctionLabelNone: 'ninguna',
   aggregationFunctionLabelSum: 'suma',
   aggregationFunctionLabelAvg: 'promedio',
   aggregationFunctionLabelMin: 'mínimo',
   aggregationFunctionLabelMax: 'máximo',
   aggregationFunctionLabelSize: 'tamaño',
   // 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: 'Tabla dinámica',
+  pivotRows: 'Filas',
+  pivotColumns: 'Columnas',
+  pivotValues: 'Valores',
+  pivotCloseButton: 'Cerrar la configuración de tabla dinámica',
+  pivotSearchButton: 'Campos de búsqueda',
+  pivotSearchControlPlaceholder: 'Campos de búsqueda',
+  pivotSearchControlLabel: 'Campos de búsqueda',
+  pivotSearchControlClear: 'Limpiar la búsqueda',
+  pivotNoFields: 'Ningún campo',
+  pivotMenuMoveUp: 'Mover arriba',
+  pivotMenuMoveDown: 'Mover abajo',
+  pivotMenuMoveToTop: 'Mover al inicio',
+  pivotMenuMoveToBottom: 'Mover al final',
+  pivotMenuRows: 'Filas',
+  pivotMenuColumns: 'Columnas',
+  pivotMenuValues: 'Valores',
+  pivotMenuOptions: 'Opciones de campo',
+  pivotMenuAddToRows: 'Añadir a filas',
+  pivotMenuAddToColumns: 'Añadir a columnas',
+  pivotMenuAddToValues: 'Añadir a valores',
+  pivotMenuRemove: 'Eliminar',
+  pivotDragToRows: 'Arrastrar aquí para crear filas',
+  pivotDragToColumns: 'Arrastrar aquí para crear columnas',
+  pivotDragToValues: 'Arrastrar aquí para crear valores',
+  pivotYearColumnHeaderName: '(Año)',
+  pivotQuarterColumnHeaderName: '(Trimestre)',
   // Charts configuration panel
-  // chartsNoCharts: 'There are no charts available',
-  // chartsChartNotSelected: 'Select a chart type to configure its options',
-  // chartsTabChart: 'Chart',
-  // chartsTabFields: 'Fields',
-  // chartsTabCustomize: 'Customize',
-  // chartsCloseButton: 'Close charts configuration',
-  // chartsSyncButtonLabel: 'Sync chart',
-  // chartsSearchPlaceholder: 'Search fields',
-  // chartsSearchLabel: 'Search fields',
-  // chartsSearchClear: 'Clear search',
-  // chartsNoFields: 'No fields',
-  // chartsFieldBlocked: 'This field cannot be added to any section',
-  // chartsCategories: 'Categories',
-  // chartsSeries: 'Series',
-  // chartsMenuAddToDimensions: (dimensionLabel: string) => `Add to ${dimensionLabel}`,
-  // chartsMenuAddToValues: (valuesLabel: string) => `Add to ${valuesLabel}`,
-  // chartsMenuMoveUp: 'Move up',
-  // chartsMenuMoveDown: 'Move down',
-  // chartsMenuMoveToTop: 'Move to top',
-  // chartsMenuMoveToBottom: 'Move to bottom',
-  // chartsMenuOptions: 'Field options',
-  // chartsMenuRemove: 'Remove',
-  // chartsDragToDimensions: (dimensionLabel: string) => `Drag here to use column as ${dimensionLabel}`,
-  // chartsDragToValues: (valuesLabel: string) => `Drag here to use column as ${valuesLabel}`,
-
+  chartsNoCharts: 'No hay ningún gráfico disponible',
+  chartsChartNotSelected: 'Seleccionar un tipo de gráfico para configurar sus opciones',
+  chartsTabChart: 'Gráfico',
+  chartsTabFields: 'Campos',
+  chartsTabCustomize: 'Personalizar',
+  chartsCloseButton: 'Cerrar la configuración de gráficos',
+  chartsSyncButtonLabel: 'Sincronizar gráfico',
+  chartsSearchPlaceholder: 'Campos de búsqueda',
+  chartsSearchLabel: 'Campos de búsqueda',
+  chartsSearchClear: 'Limpiar búsqueda',
+  chartsNoFields: 'Ningún campo',
+  chartsFieldBlocked: 'Este campo no se puede añadir a ninguna sección',
+  chartsCategories: 'Categorías',
+  chartsSeries: 'Series',
+  chartsMenuAddToDimensions: dimensionLabel => `Añadir a ${dimensionLabel}`,
+  chartsMenuAddToValues: valuesLabel => `Añadir a ${valuesLabel}`,
+  chartsMenuMoveUp: 'Mover arriba',
+  chartsMenuMoveDown: 'Mover abajo',
+  chartsMenuMoveToTop: 'Mover al inicio',
+  chartsMenuMoveToBottom: 'Mover al final',
+  chartsMenuOptions: 'Opciones de campo',
+  chartsMenuRemove: 'Eliminar',
+  chartsDragToDimensions: dimensionLabel => `Arrastrar aquí para utilizar la columna como ${dimensionLabel}`,
+  chartsDragToValues: valuesLabel => `Arrastrar aquí para utilizar la columna como  ${valuesLabel}`,
   // AI Assistant panel
-  // aiAssistantPanelTitle: 'AI Assistant',
-  // aiAssistantPanelClose: 'Close AI Assistant',
-  // aiAssistantPanelNewConversation: 'New conversation',
-  // aiAssistantPanelConversationHistory: 'Conversation history',
-  // aiAssistantPanelEmptyConversation: 'No prompt history',
-  // aiAssistantSuggestions: 'Suggestions',
-
+  aiAssistantPanelTitle: 'Asistente de IA',
+  aiAssistantPanelClose: 'Cerrar el asistente de IA',
+  aiAssistantPanelNewConversation: 'Nueva conversación',
+  aiAssistantPanelConversationHistory: 'Historial de conversaciones',
+  aiAssistantPanelEmptyConversation: 'El historial de conversaciones está vacío',
+  aiAssistantSuggestions: 'Sugerencias',
   // Prompt field
   promptFieldLabel: 'Prompt',
   promptFieldPlaceholder: 'Escribe un prompt…',
   promptFieldPlaceholderWithRecording: 'Escriba o grabe un prompt…',
   promptFieldPlaceholderListening: 'Esperando por un prompt…',
-  // promptFieldSpeechRecognitionNotSupported: 'Speech recognition is not supported in this browser',
+  promptFieldSpeechRecognitionNotSupported: 'El reconocimiento de voz no está soportado en este navegador',
   promptFieldSend: 'Enviar',
   promptFieldRecord: 'Grabar',
-  promptFieldStopRecording: 'Parar de grabar'
-
+  promptFieldStopRecording: 'Parar de grabar',
   // Prompt
-  // promptRerun: 'Run again',
-  // promptProcessing: 'Processing…',
-  // promptAppliedChanges: 'Applied changes',
-
+  promptRerun: 'Ejecutar de nuevo',
+  promptProcessing: 'Procesando…',
+  promptAppliedChanges: 'Se han aplicado los cambios',
   // 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})`,
-  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
+  promptChangeGroupDescription: column => `Agrupar por ${column}`,
+  promptChangeAggregationLabel: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeAggregationDescription: (column, aggregation) => `Agregar ${column} (${aggregation})`,
+  promptChangeFilterLabel: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `${column} es uno de: ${value}`;
+    }
+    return `${column} ${operator} ${value}`;
+  },
+  promptChangeFilterDescription: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `Filtrar por ${column} cuando sea uno de: ${value}`;
+    }
+    return `Filtrar por ${column} ${operator} ${value}`;
+  },
+  promptChangeSortDescription: (column, direction) => `Ordenar por ${column} (${direction})`,
+  promptChangePivotEnableLabel: 'Tabla dinámica',
+  promptChangePivotEnableDescription: 'Activar tabla dinámica',
+  promptChangePivotColumnsLabel: count => `Columnas (${count})`,
+  promptChangePivotColumnsDescription: (column, direction) => `${column}${direction ? ` (${direction})` : ''}`,
+  promptChangePivotRowsLabel: count => `Filas (${count})`,
+  promptChangePivotValuesLabel: count => `Valores (${count})`,
+  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeChartsLabel: (dimensionsCount, valuesCount) => `Dimensiones (${dimensionsCount}), Valores (${valuesCount})`
 };
 export const esES = getGridLocalization(esESGrid);

package/esm/models/configuration/gridCellEditableConfiguration.d.ts

@@ -0,0 +1,19 @@
+import { RefObject } from '@mui/x-internals/types';
+import { GridPrivateApiCommunity } from "../api/gridApiCommunity.js";
+import { DataGridProcessedProps } from "../props/DataGridProps.js";
+import { GridEditingApi } from "../api/gridEditingApi.js";
+/**
+ * Get the cell editable condition function
+ * @param {Object} params The cell parameters
+ * @param {Object} params.rowNode The row node
+ * @param {Object} params.colDef The column definition
+ * @param {any} params.value The cell value
+ * @returns {boolean} Whether the cell is editable
+ */
+export type CellEditableConditionFn = (params: Parameters<GridEditingApi['isCellEditable']>[0]) => boolean;
+/**
+ * Cell editable configuration interface for internal hooks
+ */
+export interface GridCellEditableInternalHook<Api = GridPrivateApiCommunity, Props = DataGridProcessedProps> {
+  useIsCellEditable: (apiRef: RefObject<Api>, props: Props) => CellEditableConditionFn;
+}

package/esm/models/configuration/gridCellEditableConfiguration.js

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

package/esm/models/configuration/gridConfiguration.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import type { GridRowAriaAttributesInternalHook, GridRowsOverridableMethodsInternalHook } from "./gridRowConfiguration.js";
 import type { GridAggregationInternalHooks } from "./gridAggregationConfiguration.js";
+import type { GridCellEditableInternalHook } from "./gridCellEditableConfiguration.js";
 import type { GridCSSVariablesInterface } from "../../constants/cssVariables.js";
 import { DataGridProcessedProps } from "../props/DataGridProps.js";
 import type { GridPrivateApiCommon } from "../api/gridApiCommon.js";
@@ -9,7 +10,7 @@ import type { GridParamsOverridableMethodsInternalHook } from "./gridParamsConfi
 export interface GridAriaAttributesInternalHook {
   useGridAriaAttributes: () => React.HTMLAttributes<HTMLElement>;
 }
-export interface GridInternalHook<Api, Props> extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook, GridAggregationInternalHooks<Api, Props>, GridRowsOverridableMethodsInternalHook<Api>, GridParamsOverridableMethodsInternalHook<Api> {
+export interface GridInternalHook<Api, Props> extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook, GridCellEditableInternalHook<Api, Props>, GridAggregationInternalHooks<Api, Props>, GridRowsOverridableMethodsInternalHook<Api>, GridParamsOverridableMethodsInternalHook<Api> {
   useCSSVariables: () => {
     id: string;
     variables: GridCSSVariablesInterface;

package/hooks/features/editing/useGridCellEditable.d.ts

@@ -0,0 +1,5 @@
+import { CellEditableConditionFn } from "../../../models/configuration/gridCellEditableConfiguration.js";
+/**
+ * Default implementation of the cell editable condition hook
+ */
+export declare const useIsCellEditable: () => CellEditableConditionFn;

package/hooks/features/editing/useGridCellEditable.js

@@ -0,0 +1,15 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsCellEditable = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _gridRowsUtils = require("../rows/gridRowsUtils");
+/**
+ * Default implementation of the cell editable condition hook
+ */
+const useIsCellEditable = () => React.useCallback(params => !(0, _gridRowsUtils.isAutogeneratedRowNode)(params.rowNode), []);
+exports.useIsCellEditable = useIsCellEditable;

package/hooks/features/editing/useGridEditing.d.ts

@@ -1,6 +1,7 @@
 import { RefObject } from '@mui/x-internals/types';
 import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
 import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
+import { GridConfiguration } from "../../../models/configuration/gridConfiguration.js";
 import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
 export declare const editingStateInitializer: GridStateInitializer;
-export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate" | "dataSource" | "onDataSourceError">) => void;
+export declare const useGridEditing: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "isCellEditable" | "editMode" | "processRowUpdate" | "dataSource" | "onDataSourceError">, configuration: GridConfiguration) => void;

package/hooks/features/editing/useGridEditing.js

@@ -14,20 +14,20 @@ var _useGridCellEditing = require("./useGridCellEditing");
 var _gridEditRowModel = require("../../../models/gridEditRowModel");
 var _useGridRowEditing = require("./useGridRowEditing");
 var _gridEditingSelectors = require("./gridEditingSelectors");
-var _gridRowsUtils = require("../rows/gridRowsUtils");
 const editingStateInitializer = state => (0, _extends2.default)({}, state, {
   editRows: {}
 });
 exports.editingStateInitializer = editingStateInitializer;
-const useGridEditing = (apiRef, props) => {
+const useGridEditing = (apiRef, props, configuration) => {
   (0, _useGridCellEditing.useGridCellEditing)(apiRef, props);
   (0, _useGridRowEditing.useGridRowEditing)(apiRef, props);
   const debounceMap = React.useRef({});
   const {
     isCellEditable: isCellEditableProp
   } = props;
+  const isCellEditableFn = configuration.hooks.useIsCellEditable(apiRef, props);
   const isCellEditable = React.useCallback(params => {
-    if ((0, _gridRowsUtils.isAutogeneratedRowNode)(params.rowNode)) {
+    if (!isCellEditableFn(params)) {
       return false;
     }
     if (!params.colDef.editable) {
@@ -40,7 +40,7 @@ const useGridEditing = (apiRef, props) => {
       return isCellEditableProp(params);
     }
     return true;
-  }, [isCellEditableProp]);
+  }, [isCellEditableProp, isCellEditableFn]);
   const maybeDebounce = (id, field, debounceMs, callback) => {
     if (!debounceMs) {
       callback();

package/hooks/features/focus/useGridFocus.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useGridFocus = exports.focusStateInitializer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _debounce = _interopRequireDefault(require("@mui/utils/debounce"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
 var _gridClasses = require("../../../constants/gridClasses");
@@ -326,7 +327,7 @@ const useGridFocus = (apiRef, props) => {
       apiRef.current.setCellFocus(params.id, params.field);
     }
   }, [apiRef]);
-  const handleRowSet = React.useCallback(() => {
+  const handleRowsSet = React.useCallback(() => {
     const cell = (0, _gridFocusStateSelector.gridFocusCellSelector)(apiRef);
 
     // If the focused cell is in a row which does not exist anymore,
@@ -357,6 +358,7 @@ const useGridFocus = (apiRef, props) => {
       }));
     }
   }, [apiRef, props.pagination, props.paginationMode]);
+  const debouncedHandleRowsSet = React.useMemo(() => (0, _debounce.default)(handleRowsSet, 0), [handleRowsSet]);
   const handlePaginationModelChange = (0, _useEventCallback.default)(() => {
     const currentFocusedCell = (0, _gridFocusStateSelector.gridFocusCellSelector)(apiRef);
     if (!currentFocusedCell) {
@@ -411,7 +413,7 @@ const useGridFocus = (apiRef, props) => {
   (0, _useGridEvent.useGridEvent)(apiRef, 'cellModeChange', handleCellModeChange);
   (0, _useGridEvent.useGridEvent)(apiRef, 'columnHeaderFocus', handleColumnHeaderFocus);
   (0, _useGridEvent.useGridEvent)(apiRef, 'columnGroupHeaderFocus', handleColumnGroupHeaderFocus);
-  (0, _useGridEvent.useGridEvent)(apiRef, 'rowsSet', handleRowSet);
+  (0, _useGridEvent.useGridEvent)(apiRef, 'rowsSet', debouncedHandleRowsSet);
   (0, _useGridEvent.useGridEvent)(apiRef, 'paginationModelChange', handlePaginationModelChange);
 };
 exports.useGridFocus = useGridFocus;

package/hooks/features/rowSelection/useGridRowSelection.js

@@ -514,7 +514,9 @@ const useGridRowSelection = (apiRef, props) => {
     }
     if (String.fromCharCode(event.keyCode) === 'A' && (event.ctrlKey || event.metaKey)) {
       event.preventDefault();
-      toggleAllRows(true);
+      if (canHaveMultipleSelection) {
+        toggleAllRows(true);
+      }
     }
   }, [apiRef, canHaveMultipleSelection, handleSingleRowSelection, toggleAllRows]);
   const syncControlledState = (0, _useEventCallback.default)(() => {

package/index.js

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

package/internals/index.d.ts

@@ -56,6 +56,7 @@ export { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
 export { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
 export { useGridRowsOverridableMethods } from "../hooks/features/rows/useGridRowsOverridableMethods.js";
 export { useGridParamsOverridableMethods } from "../hooks/features/rows/useGridParamsOverridableMethods.js";
+export { useIsCellEditable } from "../hooks/features/editing/useGridCellEditable.js";
 export { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreProcessors.js";
 export type { GridRowTreeCreationParams, GridRowTreeCreationValue, GridHydrateRowsValue, GridRowsPartialUpdates, GridRowsPartialUpdateAction, GridTreeDepths, GridPinnedRowsState } from "../hooks/features/rows/gridRowsInterfaces.js";
 export { getTreeNodeDescendants, buildRootGroup } from "../hooks/features/rows/gridRowsUtils.js";
@@ -117,6 +118,7 @@ export type { Localization } from "../utils/getGridLocalization.js";
 export * from "./demo/index.js";
 export { GridSkeletonLoadingOverlayInner } from "../components/GridSkeletonLoadingOverlay.js";
 export type { GridConfiguration } from "../models/configuration/gridConfiguration.js";
+export type { CellEditableConditionFn } from "../models/configuration/gridCellEditableConfiguration.js";
 export * from "../hooks/features/pivoting/index.js";
 export { createSvgIcon } from "../material/icons/createSvgIcon.js";
 export { useGridPanelContext } from "../components/panel/GridPanelContext.js";

package/internals/index.js

@@ -66,6 +66,7 @@ var _exportNames = {
   useGridRowAriaAttributes: true,
   useGridRowsOverridableMethods: true,
   useGridParamsOverridableMethods: true,
+  useIsCellEditable: true,
   useGridRowsPreProcessors: true,
   getTreeNodeDescendants: true,
   buildRootGroup: true,
@@ -833,6 +834,12 @@ Object.defineProperty(exports, "useGridVisibleRows", {
     return _useGridVisibleRows.useGridVisibleRows;
   }
 });
+Object.defineProperty(exports, "useIsCellEditable", {
+  enumerable: true,
+  get: function () {
+    return _useGridCellEditable.useIsCellEditable;
+  }
+});
 Object.defineProperty(exports, "useTimeout", {
   enumerable: true,
   get: function () {
@@ -935,6 +942,7 @@ var _useGridAriaAttributes = require("../hooks/utils/useGridAriaAttributes");
 var _useGridRowAriaAttributes = require("../hooks/features/rows/useGridRowAriaAttributes");
 var _useGridRowsOverridableMethods = require("../hooks/features/rows/useGridRowsOverridableMethods");
 var _useGridParamsOverridableMethods = require("../hooks/features/rows/useGridParamsOverridableMethods");
+var _useGridCellEditable = require("../hooks/features/editing/useGridCellEditable");
 var _useGridRowsPreProcessors = require("../hooks/features/rows/useGridRowsPreProcessors");
 var _gridRowsUtils = require("../hooks/features/rows/gridRowsUtils");
 var _useGridRowsMeta = require("../hooks/features/rows/useGridRowsMeta");

package/locales/esES.js

@@ -9,10 +9,9 @@ const esESGrid = {
   // Root
   noRowsLabel: 'Sin filas',
   noResultsOverlayLabel: 'Resultados no encontrados',
-  // noColumnsOverlayLabel: 'No columns',
-  // noColumnsOverlayManageColumns: 'Manage columns',
-  // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
-
+  noColumnsOverlayLabel: 'Ninguna columna',
+  noColumnsOverlayManageColumns: 'Gestionar columnas',
+  emptyPivotOverlayLabel: 'Añada campos a filas, columnas y valores para crear una tabla dinámica',
   // Density selector toolbar button text
   toolbarDensity: 'Densidad',
   toolbarDensityLabel: 'Densidad',
@@ -39,14 +38,11 @@ const esESGrid = {
   toolbarExportPrint: 'Imprimir',
   toolbarExportExcel: 'Descargar como Excel',
   // Toolbar pivot button
-  // toolbarPivot: 'Pivot',
-
+  toolbarPivot: 'Tabla dinámica',
   // Toolbar charts button
-  // toolbarCharts: 'Charts',
-
+  toolbarCharts: 'Gráficos',
   // Toolbar AI Assistant button
-  // toolbarAssistant: 'AI Assistant',
-
+  toolbarAssistant: 'Asistente de IA',
   // Columns management text
   columnsManagementSearchTitle: 'Buscar',
   columnsManagementNoColumns: 'Sin columnas',
@@ -108,15 +104,14 @@ const esESGrid = {
   'headerFilterOperator>=': 'Es mayor o igual que',
   'headerFilterOperator<': 'Es menor que',
   'headerFilterOperator<=': 'Es menor o igual que',
-  // headerFilterClear: 'Clear filter',
-
+  headerFilterClear: 'Limpiar filtros',
   // Filter values text
   filterValueAny: 'cualquiera',
   filterValueTrue: 'verdadero',
   filterValueFalse: 'falso',
   // Column menu text
   columnMenuLabel: 'Menú',
-  // columnMenuAriaLabel: (columnName: string) => `${columnName} column menu`,
+  columnMenuAriaLabel: columnName => `Menú de la columna ${columnName}`,
   columnMenuShowColumns: 'Mostrar columnas',
   columnMenuManageColumns: 'Administrar columnas',
   columnMenuFilter: 'Filtro',
@@ -124,9 +119,8 @@ const esESGrid = {
   columnMenuUnsort: 'Desordenar',
   columnMenuSortAsc: 'Ordenar ASC',
   columnMenuSortDesc: 'Ordenar DESC',
-  // columnMenuManagePivot: 'Manage pivot',
-  // columnMenuManageCharts: 'Manage charts',
-
+  columnMenuManagePivot: 'Gestionar tabla dinámica',
+  columnMenuManageCharts: 'Gestionar gráficos',
   // Column header text
   columnHeaderFiltersTooltipActive: count => count > 1 ? `${count} filtros activos` : `${count} filtro activo`,
   columnHeaderFiltersLabel: 'Mostrar filtros',
@@ -166,18 +160,18 @@ const esESGrid = {
   collapseDetailPanel: 'Contraer',
   // Pagination
   paginationRowsPerPage: 'Filas por página:',
-  // paginationDisplayedRows: ({
-  //   from,
-  //   to,
-  //   count,
-  //   estimated
-  // }) => {
-  //   if (!estimated) {
-  //     return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
-  //   }
-  //   const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
-  //   return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
-  // },
+  paginationDisplayedRows: ({
+    from,
+    to,
+    count,
+    estimated
+  }) => {
+    if (!estimated) {
+      return `${from}–${to} de ${count !== -1 ? count : `más de ${to}`}`;
+    }
+    const estimatedLabel = estimated && estimated > to ? `alrededor de ${estimated}` : `más de ${to}`;
+    return `${from}–${to} de ${count !== -1 ? count : estimatedLabel}`;
+  },
   paginationItemAriaLabel: type => {
     if (type === 'first') {
       return 'Ir a la primera página';
@@ -195,114 +189,109 @@ const esESGrid = {
   rowReorderingHeaderName: 'Reordenar filas',
   // Aggregation
   aggregationMenuItemHeader: 'Agregación',
-  // aggregationFunctionLabelNone: 'none',
+  aggregationFunctionLabelNone: 'ninguna',
   aggregationFunctionLabelSum: 'suma',
   aggregationFunctionLabelAvg: 'promedio',
   aggregationFunctionLabelMin: 'mínimo',
   aggregationFunctionLabelMax: 'máximo',
   aggregationFunctionLabelSize: 'tamaño',
   // 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: 'Tabla dinámica',
+  pivotRows: 'Filas',
+  pivotColumns: 'Columnas',
+  pivotValues: 'Valores',
+  pivotCloseButton: 'Cerrar la configuración de tabla dinámica',
+  pivotSearchButton: 'Campos de búsqueda',
+  pivotSearchControlPlaceholder: 'Campos de búsqueda',
+  pivotSearchControlLabel: 'Campos de búsqueda',
+  pivotSearchControlClear: 'Limpiar la búsqueda',
+  pivotNoFields: 'Ningún campo',
+  pivotMenuMoveUp: 'Mover arriba',
+  pivotMenuMoveDown: 'Mover abajo',
+  pivotMenuMoveToTop: 'Mover al inicio',
+  pivotMenuMoveToBottom: 'Mover al final',
+  pivotMenuRows: 'Filas',
+  pivotMenuColumns: 'Columnas',
+  pivotMenuValues: 'Valores',
+  pivotMenuOptions: 'Opciones de campo',
+  pivotMenuAddToRows: 'Añadir a filas',
+  pivotMenuAddToColumns: 'Añadir a columnas',
+  pivotMenuAddToValues: 'Añadir a valores',
+  pivotMenuRemove: 'Eliminar',
+  pivotDragToRows: 'Arrastrar aquí para crear filas',
+  pivotDragToColumns: 'Arrastrar aquí para crear columnas',
+  pivotDragToValues: 'Arrastrar aquí para crear valores',
+  pivotYearColumnHeaderName: '(Año)',
+  pivotQuarterColumnHeaderName: '(Trimestre)',
   // Charts configuration panel
-  // chartsNoCharts: 'There are no charts available',
-  // chartsChartNotSelected: 'Select a chart type to configure its options',
-  // chartsTabChart: 'Chart',
-  // chartsTabFields: 'Fields',
-  // chartsTabCustomize: 'Customize',
-  // chartsCloseButton: 'Close charts configuration',
-  // chartsSyncButtonLabel: 'Sync chart',
-  // chartsSearchPlaceholder: 'Search fields',
-  // chartsSearchLabel: 'Search fields',
-  // chartsSearchClear: 'Clear search',
-  // chartsNoFields: 'No fields',
-  // chartsFieldBlocked: 'This field cannot be added to any section',
-  // chartsCategories: 'Categories',
-  // chartsSeries: 'Series',
-  // chartsMenuAddToDimensions: (dimensionLabel: string) => `Add to ${dimensionLabel}`,
-  // chartsMenuAddToValues: (valuesLabel: string) => `Add to ${valuesLabel}`,
-  // chartsMenuMoveUp: 'Move up',
-  // chartsMenuMoveDown: 'Move down',
-  // chartsMenuMoveToTop: 'Move to top',
-  // chartsMenuMoveToBottom: 'Move to bottom',
-  // chartsMenuOptions: 'Field options',
-  // chartsMenuRemove: 'Remove',
-  // chartsDragToDimensions: (dimensionLabel: string) => `Drag here to use column as ${dimensionLabel}`,
-  // chartsDragToValues: (valuesLabel: string) => `Drag here to use column as ${valuesLabel}`,
-
+  chartsNoCharts: 'No hay ningún gráfico disponible',
+  chartsChartNotSelected: 'Seleccionar un tipo de gráfico para configurar sus opciones',
+  chartsTabChart: 'Gráfico',
+  chartsTabFields: 'Campos',
+  chartsTabCustomize: 'Personalizar',
+  chartsCloseButton: 'Cerrar la configuración de gráficos',
+  chartsSyncButtonLabel: 'Sincronizar gráfico',
+  chartsSearchPlaceholder: 'Campos de búsqueda',
+  chartsSearchLabel: 'Campos de búsqueda',
+  chartsSearchClear: 'Limpiar búsqueda',
+  chartsNoFields: 'Ningún campo',
+  chartsFieldBlocked: 'Este campo no se puede añadir a ninguna sección',
+  chartsCategories: 'Categorías',
+  chartsSeries: 'Series',
+  chartsMenuAddToDimensions: dimensionLabel => `Añadir a ${dimensionLabel}`,
+  chartsMenuAddToValues: valuesLabel => `Añadir a ${valuesLabel}`,
+  chartsMenuMoveUp: 'Mover arriba',
+  chartsMenuMoveDown: 'Mover abajo',
+  chartsMenuMoveToTop: 'Mover al inicio',
+  chartsMenuMoveToBottom: 'Mover al final',
+  chartsMenuOptions: 'Opciones de campo',
+  chartsMenuRemove: 'Eliminar',
+  chartsDragToDimensions: dimensionLabel => `Arrastrar aquí para utilizar la columna como ${dimensionLabel}`,
+  chartsDragToValues: valuesLabel => `Arrastrar aquí para utilizar la columna como  ${valuesLabel}`,
   // AI Assistant panel
-  // aiAssistantPanelTitle: 'AI Assistant',
-  // aiAssistantPanelClose: 'Close AI Assistant',
-  // aiAssistantPanelNewConversation: 'New conversation',
-  // aiAssistantPanelConversationHistory: 'Conversation history',
-  // aiAssistantPanelEmptyConversation: 'No prompt history',
-  // aiAssistantSuggestions: 'Suggestions',
-
+  aiAssistantPanelTitle: 'Asistente de IA',
+  aiAssistantPanelClose: 'Cerrar el asistente de IA',
+  aiAssistantPanelNewConversation: 'Nueva conversación',
+  aiAssistantPanelConversationHistory: 'Historial de conversaciones',
+  aiAssistantPanelEmptyConversation: 'El historial de conversaciones está vacío',
+  aiAssistantSuggestions: 'Sugerencias',
   // Prompt field
   promptFieldLabel: 'Prompt',
   promptFieldPlaceholder: 'Escribe un prompt…',
   promptFieldPlaceholderWithRecording: 'Escriba o grabe un prompt…',
   promptFieldPlaceholderListening: 'Esperando por un prompt…',
-  // promptFieldSpeechRecognitionNotSupported: 'Speech recognition is not supported in this browser',
+  promptFieldSpeechRecognitionNotSupported: 'El reconocimiento de voz no está soportado en este navegador',
   promptFieldSend: 'Enviar',
   promptFieldRecord: 'Grabar',
-  promptFieldStopRecording: 'Parar de grabar'
-
+  promptFieldStopRecording: 'Parar de grabar',
   // Prompt
-  // promptRerun: 'Run again',
-  // promptProcessing: 'Processing…',
-  // promptAppliedChanges: 'Applied changes',
-
+  promptRerun: 'Ejecutar de nuevo',
+  promptProcessing: 'Procesando…',
+  promptAppliedChanges: 'Se han aplicado los cambios',
   // 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})`,
-  // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
+  promptChangeGroupDescription: column => `Agrupar por ${column}`,
+  promptChangeAggregationLabel: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeAggregationDescription: (column, aggregation) => `Agregar ${column} (${aggregation})`,
+  promptChangeFilterLabel: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `${column} es uno de: ${value}`;
+    }
+    return `${column} ${operator} ${value}`;
+  },
+  promptChangeFilterDescription: (column, operator, value) => {
+    if (operator === 'is any of') {
+      return `Filtrar por ${column} cuando sea uno de: ${value}`;
+    }
+    return `Filtrar por ${column} ${operator} ${value}`;
+  },
+  promptChangeSortDescription: (column, direction) => `Ordenar por ${column} (${direction})`,
+  promptChangePivotEnableLabel: 'Tabla dinámica',
+  promptChangePivotEnableDescription: 'Activar tabla dinámica',
+  promptChangePivotColumnsLabel: count => `Columnas (${count})`,
+  promptChangePivotColumnsDescription: (column, direction) => `${column}${direction ? ` (${direction})` : ''}`,
+  promptChangePivotRowsLabel: count => `Filas (${count})`,
+  promptChangePivotValuesLabel: count => `Valores (${count})`,
+  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`,
+  promptChangeChartsLabel: (dimensionsCount, valuesCount) => `Dimensiones (${dimensionsCount}), Valores (${valuesCount})`
 };
 const esES = exports.esES = (0, _getGridLocalization.getGridLocalization)(esESGrid);

package/models/configuration/gridCellEditableConfiguration.d.ts

@@ -0,0 +1,19 @@
+import { RefObject } from '@mui/x-internals/types';
+import { GridPrivateApiCommunity } from "../api/gridApiCommunity.js";
+import { DataGridProcessedProps } from "../props/DataGridProps.js";
+import { GridEditingApi } from "../api/gridEditingApi.js";
+/**
+ * Get the cell editable condition function
+ * @param {Object} params The cell parameters
+ * @param {Object} params.rowNode The row node
+ * @param {Object} params.colDef The column definition
+ * @param {any} params.value The cell value
+ * @returns {boolean} Whether the cell is editable
+ */
+export type CellEditableConditionFn = (params: Parameters<GridEditingApi['isCellEditable']>[0]) => boolean;
+/**
+ * Cell editable configuration interface for internal hooks
+ */
+export interface GridCellEditableInternalHook<Api = GridPrivateApiCommunity, Props = DataGridProcessedProps> {
+  useIsCellEditable: (apiRef: RefObject<Api>, props: Props) => CellEditableConditionFn;
+}

package/models/configuration/gridCellEditableConfiguration.js

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

package/models/configuration/gridConfiguration.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import type { GridRowAriaAttributesInternalHook, GridRowsOverridableMethodsInternalHook } from "./gridRowConfiguration.js";
 import type { GridAggregationInternalHooks } from "./gridAggregationConfiguration.js";
+import type { GridCellEditableInternalHook } from "./gridCellEditableConfiguration.js";
 import type { GridCSSVariablesInterface } from "../../constants/cssVariables.js";
 import { DataGridProcessedProps } from "../props/DataGridProps.js";
 import type { GridPrivateApiCommon } from "../api/gridApiCommon.js";
@@ -9,7 +10,7 @@ import type { GridParamsOverridableMethodsInternalHook } from "./gridParamsConfi
 export interface GridAriaAttributesInternalHook {
   useGridAriaAttributes: () => React.HTMLAttributes<HTMLElement>;
 }
-export interface GridInternalHook<Api, Props> extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook, GridAggregationInternalHooks<Api, Props>, GridRowsOverridableMethodsInternalHook<Api>, GridParamsOverridableMethodsInternalHook<Api> {
+export interface GridInternalHook<Api, Props> extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook, GridCellEditableInternalHook<Api, Props>, GridAggregationInternalHooks<Api, Props>, GridRowsOverridableMethodsInternalHook<Api>, GridParamsOverridableMethodsInternalHook<Api> {
   useCSSVariables: () => {
     id: string;
     variables: GridCSSVariablesInterface;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "8.15.0",
+  "version": "8.16.0",
   "author": "MUI Team",
   "description": "The Community plan edition of the MUI X Data Grid components.",
   "license": "MIT",
@@ -42,8 +42,8 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "use-sync-external-store": "^1.6.0",
-    "@mui/x-internals": "8.14.0",
-    "@mui/x-virtualizer": "0.2.5"
+    "@mui/x-internals": "8.16.0",
+    "@mui/x-virtualizer": "0.2.6"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",