@mui/x-data-grid 8.14.1 → 8.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/CHANGELOG.md +207 -0
  2. package/DataGrid/DataGrid.js +2 -0
  3. package/DataGrid/useDataGridComponent.js +1 -1
  4. package/components/GridScrollShadows.js +23 -3
  5. package/constants/gridClasses.d.ts +12 -0
  6. package/constants/gridClasses.js +1 -1
  7. package/constants/localeTextConstants.js +2 -1
  8. package/esm/DataGrid/DataGrid.js +2 -0
  9. package/esm/DataGrid/useDataGridComponent.js +1 -1
  10. package/esm/components/GridScrollShadows.js +22 -3
  11. package/esm/constants/gridClasses.d.ts +12 -0
  12. package/esm/constants/gridClasses.js +1 -1
  13. package/esm/constants/localeTextConstants.js +2 -1
  14. package/esm/hooks/core/strategyProcessing/gridStrategyProcessingApi.d.ts +6 -4
  15. package/esm/hooks/features/dataSource/models.d.ts +28 -28
  16. package/esm/hooks/features/dataSource/useGridDataSourceBase.d.ts +1 -1
  17. package/esm/hooks/features/dataSource/useGridDataSourceBase.js +27 -14
  18. package/esm/hooks/features/dataSource/utils.d.ts +2 -1
  19. package/esm/hooks/features/dataSource/utils.js +2 -1
  20. package/esm/hooks/features/editing/useGridCellEditable.d.ts +5 -0
  21. package/esm/hooks/features/editing/useGridCellEditable.js +9 -0
  22. package/esm/hooks/features/editing/useGridEditing.d.ts +2 -1
  23. package/esm/hooks/features/editing/useGridEditing.js +4 -4
  24. package/esm/hooks/features/focus/useGridFocus.js +4 -2
  25. package/esm/hooks/features/rowSelection/useGridRowSelection.js +3 -1
  26. package/esm/index.js +1 -1
  27. package/esm/internals/index.d.ts +3 -1
  28. package/esm/internals/index.js +1 -0
  29. package/esm/locales/arSD.js +1 -0
  30. package/esm/locales/beBY.js +1 -0
  31. package/esm/locales/bgBG.js +1 -0
  32. package/esm/locales/bnBD.js +1 -0
  33. package/esm/locales/csCZ.js +1 -0
  34. package/esm/locales/daDK.js +1 -0
  35. package/esm/locales/deDE.js +1 -0
  36. package/esm/locales/elGR.js +1 -0
  37. package/esm/locales/esES.js +109 -119
  38. package/esm/locales/faIR.js +1 -0
  39. package/esm/locales/fiFI.js +1 -0
  40. package/esm/locales/frFR.js +1 -0
  41. package/esm/locales/heIL.js +1 -0
  42. package/esm/locales/hrHR.js +1 -0
  43. package/esm/locales/huHU.js +1 -0
  44. package/esm/locales/hyAM.js +1 -0
  45. package/esm/locales/idID.js +1 -0
  46. package/esm/locales/isIS.js +1 -0
  47. package/esm/locales/itIT.js +1 -0
  48. package/esm/locales/jaJP.js +1 -0
  49. package/esm/locales/koKR.js +1 -0
  50. package/esm/locales/nbNO.js +1 -0
  51. package/esm/locales/nlNL.js +1 -0
  52. package/esm/locales/nnNO.js +1 -0
  53. package/esm/locales/plPL.js +1 -0
  54. package/esm/locales/ptBR.js +1 -0
  55. package/esm/locales/ptPT.js +1 -0
  56. package/esm/locales/roRO.js +1 -0
  57. package/esm/locales/ruRU.js +1 -0
  58. package/esm/locales/skSK.js +1 -0
  59. package/esm/locales/svSE.js +1 -0
  60. package/esm/locales/trTR.js +1 -0
  61. package/esm/locales/ukUA.js +1 -0
  62. package/esm/locales/urPK.js +1 -0
  63. package/esm/locales/viVN.js +1 -0
  64. package/esm/locales/zhCN.js +1 -0
  65. package/esm/locales/zhHK.js +1 -0
  66. package/esm/locales/zhTW.js +1 -0
  67. package/esm/models/api/gridLocaleTextApi.d.ts +1 -0
  68. package/esm/models/configuration/gridCellEditableConfiguration.d.ts +19 -0
  69. package/esm/models/configuration/gridCellEditableConfiguration.js +1 -0
  70. package/esm/models/configuration/gridConfiguration.d.ts +2 -1
  71. package/esm/models/gridDataSource.d.ts +13 -0
  72. package/hooks/core/strategyProcessing/gridStrategyProcessingApi.d.ts +6 -4
  73. package/hooks/features/dataSource/models.d.ts +28 -28
  74. package/hooks/features/dataSource/useGridDataSourceBase.d.ts +1 -1
  75. package/hooks/features/dataSource/useGridDataSourceBase.js +27 -14
  76. package/hooks/features/dataSource/utils.d.ts +2 -1
  77. package/hooks/features/dataSource/utils.js +2 -1
  78. package/hooks/features/editing/useGridCellEditable.d.ts +5 -0
  79. package/hooks/features/editing/useGridCellEditable.js +15 -0
  80. package/hooks/features/editing/useGridEditing.d.ts +2 -1
  81. package/hooks/features/editing/useGridEditing.js +4 -4
  82. package/hooks/features/focus/useGridFocus.js +4 -2
  83. package/hooks/features/rowSelection/useGridRowSelection.js +3 -1
  84. package/index.js +1 -1
  85. package/internals/index.d.ts +3 -1
  86. package/internals/index.js +8 -0
  87. package/locales/arSD.js +1 -0
  88. package/locales/beBY.js +1 -0
  89. package/locales/bgBG.js +1 -0
  90. package/locales/bnBD.js +1 -0
  91. package/locales/csCZ.js +1 -0
  92. package/locales/daDK.js +1 -0
  93. package/locales/deDE.js +1 -0
  94. package/locales/elGR.js +1 -0
  95. package/locales/esES.js +109 -119
  96. package/locales/faIR.js +1 -0
  97. package/locales/fiFI.js +1 -0
  98. package/locales/frFR.js +1 -0
  99. package/locales/heIL.js +1 -0
  100. package/locales/hrHR.js +1 -0
  101. package/locales/huHU.js +1 -0
  102. package/locales/hyAM.js +1 -0
  103. package/locales/idID.js +1 -0
  104. package/locales/isIS.js +1 -0
  105. package/locales/itIT.js +1 -0
  106. package/locales/jaJP.js +1 -0
  107. package/locales/koKR.js +1 -0
  108. package/locales/nbNO.js +1 -0
  109. package/locales/nlNL.js +1 -0
  110. package/locales/nnNO.js +1 -0
  111. package/locales/plPL.js +1 -0
  112. package/locales/ptBR.js +1 -0
  113. package/locales/ptPT.js +1 -0
  114. package/locales/roRO.js +1 -0
  115. package/locales/ruRU.js +1 -0
  116. package/locales/skSK.js +1 -0
  117. package/locales/svSE.js +1 -0
  118. package/locales/trTR.js +1 -0
  119. package/locales/ukUA.js +1 -0
  120. package/locales/urPK.js +1 -0
  121. package/locales/viVN.js +1 -0
  122. package/locales/zhCN.js +1 -0
  123. package/locales/zhHK.js +1 -0
  124. package/locales/zhTW.js +1 -0
  125. package/models/api/gridLocaleTextApi.d.ts +1 -0
  126. package/models/configuration/gridCellEditableConfiguration.d.ts +19 -0
  127. package/models/configuration/gridCellEditableConfiguration.js +5 -0
  128. package/models/configuration/gridConfiguration.d.ts +2 -1
  129. package/models/gridDataSource.d.ts +13 -0
  130. package/package.json +3 -3
@@ -3,10 +3,9 @@ const esESGrid = {
3
3
  // Root
4
4
  noRowsLabel: 'Sin filas',
5
5
  noResultsOverlayLabel: 'Resultados no encontrados',
6
- // noColumnsOverlayLabel: 'No columns',
7
- // noColumnsOverlayManageColumns: 'Manage columns',
8
- // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
9
-
6
+ noColumnsOverlayLabel: 'Ninguna columna',
7
+ noColumnsOverlayManageColumns: 'Gestionar columnas',
8
+ emptyPivotOverlayLabel: 'Añada campos a filas, columnas y valores para crear una tabla dinámica',
10
9
  // Density selector toolbar button text
11
10
  toolbarDensity: 'Densidad',
12
11
  toolbarDensityLabel: 'Densidad',
@@ -33,14 +32,11 @@ const esESGrid = {
33
32
  toolbarExportPrint: 'Imprimir',
34
33
  toolbarExportExcel: 'Descargar como Excel',
35
34
  // Toolbar pivot button
36
- // toolbarPivot: 'Pivot',
37
-
35
+ toolbarPivot: 'Tabla dinámica',
38
36
  // Toolbar charts button
39
- // toolbarCharts: 'Charts',
40
-
37
+ toolbarCharts: 'Gráficos',
41
38
  // Toolbar AI Assistant button
42
- // toolbarAssistant: 'AI Assistant',
43
-
39
+ toolbarAssistant: 'Asistente de IA',
44
40
  // Columns management text
45
41
  columnsManagementSearchTitle: 'Buscar',
46
42
  columnsManagementNoColumns: 'Sin columnas',
@@ -102,15 +98,14 @@ const esESGrid = {
102
98
  'headerFilterOperator>=': 'Es mayor o igual que',
103
99
  'headerFilterOperator<': 'Es menor que',
104
100
  'headerFilterOperator<=': 'Es menor o igual que',
105
- // headerFilterClear: 'Clear filter',
106
-
101
+ headerFilterClear: 'Limpiar filtros',
107
102
  // Filter values text
108
103
  filterValueAny: 'cualquiera',
109
104
  filterValueTrue: 'verdadero',
110
105
  filterValueFalse: 'falso',
111
106
  // Column menu text
112
107
  columnMenuLabel: 'Menú',
113
- // columnMenuAriaLabel: (columnName: string) => `${columnName} column menu`,
108
+ columnMenuAriaLabel: columnName => `Menú de la columna ${columnName}`,
114
109
  columnMenuShowColumns: 'Mostrar columnas',
115
110
  columnMenuManageColumns: 'Administrar columnas',
116
111
  columnMenuFilter: 'Filtro',
@@ -118,9 +113,8 @@ const esESGrid = {
118
113
  columnMenuUnsort: 'Desordenar',
119
114
  columnMenuSortAsc: 'Ordenar ASC',
120
115
  columnMenuSortDesc: 'Ordenar DESC',
121
- // columnMenuManagePivot: 'Manage pivot',
122
- // columnMenuManageCharts: 'Manage charts',
123
-
116
+ columnMenuManagePivot: 'Gestionar tabla dinámica',
117
+ columnMenuManageCharts: 'Gestionar gráficos',
124
118
  // Column header text
125
119
  columnHeaderFiltersTooltipActive: count => count > 1 ? `${count} filtros activos` : `${count} filtro activo`,
126
120
  columnHeaderFiltersLabel: 'Mostrar filtros',
@@ -160,18 +154,18 @@ const esESGrid = {
160
154
  collapseDetailPanel: 'Contraer',
161
155
  // Pagination
162
156
  paginationRowsPerPage: 'Filas por página:',
163
- // paginationDisplayedRows: ({
164
- // from,
165
- // to,
166
- // count,
167
- // estimated
168
- // }) => {
169
- // if (!estimated) {
170
- // return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
171
- // }
172
- // const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
173
- // return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
174
- // },
157
+ paginationDisplayedRows: ({
158
+ from,
159
+ to,
160
+ count,
161
+ estimated
162
+ }) => {
163
+ if (!estimated) {
164
+ return `${from}–${to} de ${count !== -1 ? count : `más de ${to}`}`;
165
+ }
166
+ const estimatedLabel = estimated && estimated > to ? `alrededor de ${estimated}` : `más de ${to}`;
167
+ return `${from}–${to} de ${count !== -1 ? count : estimatedLabel}`;
168
+ },
175
169
  paginationItemAriaLabel: type => {
176
170
  if (type === 'first') {
177
171
  return 'Ir a la primera página';
@@ -189,113 +183,109 @@ const esESGrid = {
189
183
  rowReorderingHeaderName: 'Reordenar filas',
190
184
  // Aggregation
191
185
  aggregationMenuItemHeader: 'Agregación',
192
- // aggregationFunctionLabelNone: 'none',
186
+ aggregationFunctionLabelNone: 'ninguna',
193
187
  aggregationFunctionLabelSum: 'suma',
194
188
  aggregationFunctionLabelAvg: 'promedio',
195
189
  aggregationFunctionLabelMin: 'mínimo',
196
190
  aggregationFunctionLabelMax: 'máximo',
197
191
  aggregationFunctionLabelSize: 'tamaño',
198
192
  // Pivot panel
199
- // pivotToggleLabel: 'Pivot',
200
- // pivotRows: 'Rows',
201
- // pivotColumns: 'Columns',
202
- // pivotValues: 'Values',
203
- // pivotCloseButton: 'Close pivot settings',
204
- // pivotSearchButton: 'Search fields',
205
- // pivotSearchControlPlaceholder: 'Search fields',
206
- // pivotSearchControlLabel: 'Search fields',
207
- // pivotSearchControlClear: 'Clear search',
208
- // pivotNoFields: 'No fields',
209
- // pivotMenuMoveUp: 'Move up',
210
- // pivotMenuMoveDown: 'Move down',
211
- // pivotMenuMoveToTop: 'Move to top',
212
- // pivotMenuMoveToBottom: 'Move to bottom',
213
- // pivotMenuRows: 'Rows',
214
- // pivotMenuColumns: 'Columns',
215
- // pivotMenuValues: 'Values',
216
- // pivotMenuOptions: 'Field options',
217
- // pivotMenuAddToRows: 'Add to Rows',
218
- // pivotMenuAddToColumns: 'Add to Columns',
219
- // pivotMenuAddToValues: 'Add to Values',
220
- // pivotMenuRemove: 'Remove',
221
- // pivotDragToRows: 'Drag here to create rows',
222
- // pivotDragToColumns: 'Drag here to create columns',
223
- // pivotDragToValues: 'Drag here to create values',
224
- // pivotYearColumnHeaderName: '(Year)',
225
- // pivotQuarterColumnHeaderName: '(Quarter)',
226
-
193
+ pivotToggleLabel: 'Tabla dinámica',
194
+ pivotRows: 'Filas',
195
+ pivotColumns: 'Columnas',
196
+ pivotValues: 'Valores',
197
+ pivotCloseButton: 'Cerrar la configuración de tabla dinámica',
198
+ pivotSearchButton: 'Campos de búsqueda',
199
+ pivotSearchControlPlaceholder: 'Campos de búsqueda',
200
+ pivotSearchControlLabel: 'Campos de búsqueda',
201
+ pivotSearchControlClear: 'Limpiar la búsqueda',
202
+ pivotNoFields: 'Ningún campo',
203
+ pivotMenuMoveUp: 'Mover arriba',
204
+ pivotMenuMoveDown: 'Mover abajo',
205
+ pivotMenuMoveToTop: 'Mover al inicio',
206
+ pivotMenuMoveToBottom: 'Mover al final',
207
+ pivotMenuRows: 'Filas',
208
+ pivotMenuColumns: 'Columnas',
209
+ pivotMenuValues: 'Valores',
210
+ pivotMenuOptions: 'Opciones de campo',
211
+ pivotMenuAddToRows: 'Añadir a filas',
212
+ pivotMenuAddToColumns: 'Añadir a columnas',
213
+ pivotMenuAddToValues: 'Añadir a valores',
214
+ pivotMenuRemove: 'Eliminar',
215
+ pivotDragToRows: 'Arrastrar aquí para crear filas',
216
+ pivotDragToColumns: 'Arrastrar aquí para crear columnas',
217
+ pivotDragToValues: 'Arrastrar aquí para crear valores',
218
+ pivotYearColumnHeaderName: '(Año)',
219
+ pivotQuarterColumnHeaderName: '(Trimestre)',
227
220
  // Charts configuration panel
228
- // chartsNoCharts: 'There are no charts available',
229
- // chartsChartNotSelected: 'Select a chart type to configure its options',
230
- // chartsTabChart: 'Chart',
231
- // chartsTabFields: 'Fields',
232
- // chartsTabCustomize: 'Customize',
233
- // chartsCloseButton: 'Close charts configuration',
234
- // chartsSyncButtonLabel: 'Sync chart',
235
- // chartsSearchPlaceholder: 'Search fields',
236
- // chartsSearchLabel: 'Search fields',
237
- // chartsSearchClear: 'Clear search',
238
- // chartsNoFields: 'No fields',
239
- // chartsFieldBlocked: 'This field cannot be added to any section',
240
- // chartsCategories: 'Categories',
241
- // chartsSeries: 'Series',
242
- // chartsMenuAddToDimensions: (dimensionLabel: string) => `Add to ${dimensionLabel}`,
243
- // chartsMenuAddToValues: (valuesLabel: string) => `Add to ${valuesLabel}`,
244
- // chartsMenuMoveUp: 'Move up',
245
- // chartsMenuMoveDown: 'Move down',
246
- // chartsMenuMoveToTop: 'Move to top',
247
- // chartsMenuMoveToBottom: 'Move to bottom',
248
- // chartsMenuOptions: 'Field options',
249
- // chartsMenuRemove: 'Remove',
250
- // chartsDragToDimensions: (dimensionLabel: string) => `Drag here to use column as ${dimensionLabel}`,
251
- // chartsDragToValues: (valuesLabel: string) => `Drag here to use column as ${valuesLabel}`,
252
-
221
+ chartsNoCharts: 'No hay ningún gráfico disponible',
222
+ chartsChartNotSelected: 'Seleccionar un tipo de gráfico para configurar sus opciones',
223
+ chartsTabChart: 'Gráfico',
224
+ chartsTabFields: 'Campos',
225
+ chartsTabCustomize: 'Personalizar',
226
+ chartsCloseButton: 'Cerrar la configuración de gráficos',
227
+ chartsSyncButtonLabel: 'Sincronizar gráfico',
228
+ chartsSearchPlaceholder: 'Campos de búsqueda',
229
+ chartsSearchLabel: 'Campos de búsqueda',
230
+ chartsSearchClear: 'Limpiar búsqueda',
231
+ chartsNoFields: 'Ningún campo',
232
+ chartsFieldBlocked: 'Este campo no se puede añadir a ninguna sección',
233
+ chartsCategories: 'Categorías',
234
+ chartsSeries: 'Series',
235
+ chartsMenuAddToDimensions: dimensionLabel => `Añadir a ${dimensionLabel}`,
236
+ chartsMenuAddToValues: valuesLabel => `Añadir a ${valuesLabel}`,
237
+ chartsMenuMoveUp: 'Mover arriba',
238
+ chartsMenuMoveDown: 'Mover abajo',
239
+ chartsMenuMoveToTop: 'Mover al inicio',
240
+ chartsMenuMoveToBottom: 'Mover al final',
241
+ chartsMenuOptions: 'Opciones de campo',
242
+ chartsMenuRemove: 'Eliminar',
243
+ chartsDragToDimensions: dimensionLabel => `Arrastrar aquí para utilizar la columna como ${dimensionLabel}`,
244
+ chartsDragToValues: valuesLabel => `Arrastrar aquí para utilizar la columna como ${valuesLabel}`,
253
245
  // AI Assistant panel
254
- // aiAssistantPanelTitle: 'AI Assistant',
255
- // aiAssistantPanelClose: 'Close AI Assistant',
256
- // aiAssistantPanelNewConversation: 'New conversation',
257
- // aiAssistantPanelConversationHistory: 'Conversation history',
258
- // aiAssistantPanelEmptyConversation: 'No prompt history',
259
- // aiAssistantSuggestions: 'Suggestions',
260
-
246
+ aiAssistantPanelTitle: 'Asistente de IA',
247
+ aiAssistantPanelClose: 'Cerrar el asistente de IA',
248
+ aiAssistantPanelNewConversation: 'Nueva conversación',
249
+ aiAssistantPanelConversationHistory: 'Historial de conversaciones',
250
+ aiAssistantPanelEmptyConversation: 'El historial de conversaciones está vacío',
251
+ aiAssistantSuggestions: 'Sugerencias',
261
252
  // Prompt field
262
253
  promptFieldLabel: 'Prompt',
263
254
  promptFieldPlaceholder: 'Escribe un prompt…',
264
255
  promptFieldPlaceholderWithRecording: 'Escriba o grabe un prompt…',
265
256
  promptFieldPlaceholderListening: 'Esperando por un prompt…',
266
- // promptFieldSpeechRecognitionNotSupported: 'Speech recognition is not supported in this browser',
257
+ promptFieldSpeechRecognitionNotSupported: 'El reconocimiento de voz no está soportado en este navegador',
267
258
  promptFieldSend: 'Enviar',
268
259
  promptFieldRecord: 'Grabar',
269
- promptFieldStopRecording: 'Parar de grabar'
270
-
260
+ promptFieldStopRecording: 'Parar de grabar',
271
261
  // Prompt
272
- // promptRerun: 'Run again',
273
- // promptProcessing: 'Processing…',
274
- // promptAppliedChanges: 'Applied changes',
275
-
262
+ promptRerun: 'Ejecutar de nuevo',
263
+ promptProcessing: 'Procesando…',
264
+ promptAppliedChanges: 'Se han aplicado los cambios',
276
265
  // Prompt changes
277
- // promptChangeGroupDescription: (column: string) => `Group by ${column}`,
278
- // promptChangeAggregationLabel: (column: string, aggregation: string) => `${column} (${aggregation})`,
279
- // promptChangeAggregationDescription: (column: string, aggregation: string) => `Aggregate ${column} (${aggregation})`,
280
- // promptChangeFilterLabel: (column: string, operator: string, value: string) => {
281
- // if (operator === 'is any of') {
282
- // return `${column} is any of: ${value}`;
283
- // }
284
- // return `${column} ${operator} ${value}`;
285
- // },
286
- // promptChangeFilterDescription: (column: string, operator: string, value: string) => {
287
- // if (operator === 'is any of') {
288
- // return `Filter where ${column} is any of: ${value}`;
289
- // }
290
- // return `Filter where ${column} ${operator} ${value}`;
291
- // },
292
- // promptChangeSortDescription: (column: string, direction: string) => `Sort by ${column} (${direction})`,
293
- // promptChangePivotEnableLabel: 'Pivot',
294
- // promptChangePivotEnableDescription: 'Enable pivot',
295
- // promptChangePivotColumnsLabel: (count: number) => `Columns (${count})`,
296
- // promptChangePivotColumnsDescription: (column: string, direction: string) => `${column}${direction ? ` (${direction})` : ''}`,
297
- // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
298
- // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
299
- // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
266
+ promptChangeGroupDescription: column => `Agrupar por ${column}`,
267
+ promptChangeAggregationLabel: (column, aggregation) => `${column} (${aggregation})`,
268
+ promptChangeAggregationDescription: (column, aggregation) => `Agregar ${column} (${aggregation})`,
269
+ promptChangeFilterLabel: (column, operator, value) => {
270
+ if (operator === 'is any of') {
271
+ return `${column} es uno de: ${value}`;
272
+ }
273
+ return `${column} ${operator} ${value}`;
274
+ },
275
+ promptChangeFilterDescription: (column, operator, value) => {
276
+ if (operator === 'is any of') {
277
+ return `Filtrar por ${column} cuando sea uno de: ${value}`;
278
+ }
279
+ return `Filtrar por ${column} ${operator} ${value}`;
280
+ },
281
+ promptChangeSortDescription: (column, direction) => `Ordenar por ${column} (${direction})`,
282
+ promptChangePivotEnableLabel: 'Tabla dinámica',
283
+ promptChangePivotEnableDescription: 'Activar tabla dinámica',
284
+ promptChangePivotColumnsLabel: count => `Columnas (${count})`,
285
+ promptChangePivotColumnsDescription: (column, direction) => `${column}${direction ? ` (${direction})` : ''}`,
286
+ promptChangePivotRowsLabel: count => `Filas (${count})`,
287
+ promptChangePivotValuesLabel: count => `Valores (${count})`,
288
+ promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`,
289
+ promptChangeChartsLabel: (dimensionsCount, valuesCount) => `Dimensiones (${dimensionsCount}), Valores (${valuesCount})`
300
290
  };
301
291
  export const esES = getGridLocalization(esESGrid);
@@ -298,5 +298,6 @@ const faIRGrid = {
298
298
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
299
299
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
300
300
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
301
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
301
302
  };
302
303
  export const faIR = getGridLocalization(faIRGrid);
@@ -299,5 +299,6 @@ const fiFIGrid = {
299
299
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
300
300
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
301
301
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
302
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
302
303
  };
303
304
  export const fiFI = getGridLocalization(fiFIGrid);
@@ -295,5 +295,6 @@ const frFRGrid = {
295
295
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
296
296
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
297
297
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
298
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
298
299
  };
299
300
  export const frFR = getGridLocalization(frFRGrid);
@@ -297,5 +297,6 @@ const heILGrid = {
297
297
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
298
298
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
299
299
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
300
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
300
301
  };
301
302
  export const heIL = getGridLocalization(heILGrid);
@@ -317,5 +317,6 @@ const hrHRGrid = {
317
317
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
318
318
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
319
319
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
320
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
320
321
  };
321
322
  export const hrHR = getGridLocalization(hrHRGrid);
@@ -297,5 +297,6 @@ const huHUGrid = {
297
297
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
298
298
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
299
299
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
300
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
300
301
  };
301
302
  export const huHU = getGridLocalization(huHUGrid);
@@ -323,5 +323,6 @@ const hyAMGrid = {
323
323
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
324
324
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
325
325
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
326
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
326
327
  };
327
328
  export const hyAM = getGridLocalization(hyAMGrid);
@@ -289,5 +289,6 @@ export const idIDGrid = {
289
289
  promptChangePivotRowsLabel: count => `Baris (${count})`,
290
290
  promptChangePivotValuesLabel: count => `Nilai (${count})`,
291
291
  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
292
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
292
293
  };
293
294
  export const idID = getGridLocalization(idIDGrid);
@@ -299,5 +299,6 @@ const isISGrid = {
299
299
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
300
300
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
301
301
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
302
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
302
303
  };
303
304
  export const isIS = getGridLocalization(isISGrid);
@@ -287,5 +287,6 @@ const itITGrid = {
287
287
  promptChangePivotRowsLabel: count => `Righe (${count})`,
288
288
  promptChangePivotValuesLabel: count => `Valori (${count})`,
289
289
  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
290
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
290
291
  };
291
292
  export const itIT = getGridLocalization(itITGrid);
@@ -299,5 +299,6 @@ const jaJPGrid = {
299
299
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
300
300
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
301
301
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
302
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
302
303
  };
303
304
  export const jaJP = getGridLocalization(jaJPGrid);
@@ -289,5 +289,6 @@ const koKRGrid = {
289
289
  promptChangePivotRowsLabel: count => `(${count}) 개의 행`,
290
290
  promptChangePivotValuesLabel: count => `(${count}) 개의 값`,
291
291
  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
292
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
292
293
  };
293
294
  export const koKR = getGridLocalization(koKRGrid);
@@ -297,5 +297,6 @@ const nbNOGrid = {
297
297
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
298
298
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
299
299
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
300
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
300
301
  };
301
302
  export const nbNO = getGridLocalization(nbNOGrid);
@@ -298,5 +298,6 @@ const nlNLGrid = {
298
298
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
299
299
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
300
300
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
301
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
301
302
  };
302
303
  export const nlNL = getGridLocalization(nlNLGrid);
@@ -289,5 +289,6 @@ const nnNOGrid = {
289
289
  promptChangePivotRowsLabel: count => `Rader (${count})`,
290
290
  promptChangePivotValuesLabel: count => `Verdiar (${count})`,
291
291
  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
292
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
292
293
  };
293
294
  export const nnNO = getGridLocalization(nnNOGrid);
@@ -294,5 +294,6 @@ const plPLGrid = {
294
294
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
295
295
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
296
296
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
297
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
297
298
  };
298
299
  export const plPL = getGridLocalization(plPLGrid);
@@ -286,5 +286,6 @@ const ptBRGrid = {
286
286
  promptChangePivotRowsLabel: count => `Linhas (${count})`,
287
287
  promptChangePivotValuesLabel: count => `Valores (${count})`,
288
288
  promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
289
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
289
290
  };
290
291
  export const ptBR = getGridLocalization(ptBRGrid);
@@ -297,5 +297,6 @@ const ptPTGrid = {
297
297
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
298
298
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
299
299
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
300
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
300
301
  };
301
302
  export const ptPT = getGridLocalization(ptPTGrid);
@@ -297,5 +297,6 @@ const roROGrid = {
297
297
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
298
298
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
299
299
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
300
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
300
301
  };
301
302
  export const roRO = getGridLocalization(roROGrid);
@@ -319,5 +319,6 @@ const ruRUGrid = {
319
319
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
320
320
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
321
321
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
322
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
322
323
  };
323
324
  export const ruRU = getGridLocalization(ruRUGrid);
@@ -325,5 +325,6 @@ const skSKGrid = {
325
325
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
326
326
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
327
327
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
328
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
328
329
  };
329
330
  export const skSK = getGridLocalization(skSKGrid);
@@ -299,5 +299,6 @@ const svSEGrid = {
299
299
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
300
300
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
301
301
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
302
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
302
303
  };
303
304
  export const svSE = getGridLocalization(svSEGrid);
@@ -297,5 +297,6 @@ const trTRGrid = {
297
297
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
298
298
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
299
299
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
300
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
300
301
  };
301
302
  export const trTR = getGridLocalization(trTRGrid);
@@ -319,5 +319,6 @@ const ukUAGrid = {
319
319
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
320
320
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
321
321
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
322
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
322
323
  };
323
324
  export const ukUA = getGridLocalization(ukUAGrid);
@@ -299,5 +299,6 @@ const urPKGrid = {
299
299
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
300
300
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
301
301
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
302
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
302
303
  };
303
304
  export const urPK = getGridLocalization(urPKGrid);
@@ -299,5 +299,6 @@ const viVNGrid = {
299
299
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
300
300
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
301
301
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
302
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
302
303
  };
303
304
  export const viVN = getGridLocalization(viVNGrid);
@@ -295,5 +295,6 @@ const zhCNGrid = {
295
295
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
296
296
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
297
297
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
298
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
298
299
  };
299
300
  export const zhCN = getGridLocalization(zhCNGrid);
@@ -295,5 +295,6 @@ const zhHKGrid = {
295
295
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
296
296
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
297
297
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
298
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
298
299
  };
299
300
  export const zhHK = getGridLocalization(zhHKGrid);
@@ -295,5 +295,6 @@ const zhTWGrid = {
295
295
  // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
296
296
  // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
297
297
  // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
298
+ // promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => `Dimensions (${dimensionsCount}), Values (${valuesCount})`,
298
299
  };
299
300
  export const zhTW = getGridLocalization(zhTWGrid);
@@ -219,6 +219,7 @@ export interface GridLocaleText {
219
219
  promptChangePivotRowsLabel: (count: number) => string;
220
220
  promptChangePivotValuesLabel: (count: number) => string;
221
221
  promptChangePivotValuesDescription: (column: string, aggregation: string) => string;
222
+ promptChangeChartsLabel: (dimensionsCount: number, valuesCount: number) => string;
222
223
  promptFieldLabel: string;
223
224
  promptFieldPlaceholder: string;
224
225
  promptFieldPlaceholderWithRecording: string;
@@ -0,0 +1,19 @@
1
+ import { RefObject } from '@mui/x-internals/types';
2
+ import { GridPrivateApiCommunity } from "../api/gridApiCommunity.js";
3
+ import { DataGridProcessedProps } from "../props/DataGridProps.js";
4
+ import { GridEditingApi } from "../api/gridEditingApi.js";
5
+ /**
6
+ * Get the cell editable condition function
7
+ * @param {Object} params The cell parameters
8
+ * @param {Object} params.rowNode The row node
9
+ * @param {Object} params.colDef The column definition
10
+ * @param {any} params.value The cell value
11
+ * @returns {boolean} Whether the cell is editable
12
+ */
13
+ export type CellEditableConditionFn = (params: Parameters<GridEditingApi['isCellEditable']>[0]) => boolean;
14
+ /**
15
+ * Cell editable configuration interface for internal hooks
16
+ */
17
+ export interface GridCellEditableInternalHook<Api = GridPrivateApiCommunity, Props = DataGridProcessedProps> {
18
+ useIsCellEditable: (apiRef: RefObject<Api>, props: Props) => CellEditableConditionFn;
19
+ }
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import type { GridRowAriaAttributesInternalHook, GridRowsOverridableMethodsInternalHook } from "./gridRowConfiguration.js";
3
3
  import type { GridAggregationInternalHooks } from "./gridAggregationConfiguration.js";
4
+ import type { GridCellEditableInternalHook } from "./gridCellEditableConfiguration.js";
4
5
  import type { GridCSSVariablesInterface } from "../../constants/cssVariables.js";
5
6
  import { DataGridProcessedProps } from "../props/DataGridProps.js";
6
7
  import type { GridPrivateApiCommon } from "../api/gridApiCommon.js";
@@ -9,7 +10,7 @@ import type { GridParamsOverridableMethodsInternalHook } from "./gridParamsConfi
9
10
  export interface GridAriaAttributesInternalHook {
10
11
  useGridAriaAttributes: () => React.HTMLAttributes<HTMLElement>;
11
12
  }
12
- export interface GridInternalHook<Api, Props> extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook, GridAggregationInternalHooks<Api, Props>, GridRowsOverridableMethodsInternalHook<Api>, GridParamsOverridableMethodsInternalHook<Api> {
13
+ export interface GridInternalHook<Api, Props> extends GridAriaAttributesInternalHook, GridRowAriaAttributesInternalHook, GridCellEditableInternalHook<Api, Props>, GridAggregationInternalHooks<Api, Props>, GridRowsOverridableMethodsInternalHook<Api>, GridParamsOverridableMethodsInternalHook<Api> {
13
14
  useCSSVariables: () => {
14
15
  id: string;
15
16
  variables: GridCSSVariablesInterface;
@@ -15,6 +15,19 @@ export interface GridGetRowsParams {
15
15
  */
16
16
  end: number;
17
17
  }
18
+ export interface GridGetRowsOptions {
19
+ /**
20
+ * If `true`, bypasses the cache and forces a refetch of the rows from the server.
21
+ * The response will be used to refresh the cache.
22
+ */
23
+ skipCache?: boolean;
24
+ /**
25
+ * By default, the grid tries to keep the children expanded and attached to the parent with the same ID after the data is re-fetched.
26
+ * If `keepChildrenExpanded` is `false`, the children of the parent with the `parentId` (all children for the root level data fetch) will be collapsed and removed from the tree.
27
+ * @default true
28
+ */
29
+ keepChildrenExpanded?: boolean;
30
+ }
18
31
  export interface GridUpdateRowParams {
19
32
  rowId: GridRowId;
20
33
  updatedRow: GridRowModel;