@mui/x-data-grid 8.5.3 → 8.7.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 (146) hide show
  1. package/CHANGELOG.md +210 -0
  2. package/components/cell/GridActionsCell.js +1 -9
  3. package/components/cell/GridActionsCellItem.d.ts +4 -1
  4. package/components/cell/GridActionsCellItem.js +1 -1
  5. package/components/cell/GridCell.js +1 -0
  6. package/components/cell/GridEditBooleanCell.js +1 -0
  7. package/components/cell/GridEditDateCell.js +1 -0
  8. package/components/cell/GridEditInputCell.js +1 -0
  9. package/components/cell/GridEditSingleSelectCell.js +1 -0
  10. package/components/columnHeaders/GridColumnGroupHeader.js +1 -0
  11. package/components/columnHeaders/GridColumnHeaderItem.js +1 -0
  12. package/components/columnHeaders/GridColumnHeaderTitle.js +1 -0
  13. package/components/columnHeaders/GridGenericColumnHeaderItem.js +1 -0
  14. package/components/columnSelection/GridCellCheckboxRenderer.js +1 -0
  15. package/components/columnSelection/GridHeaderCheckbox.js +1 -0
  16. package/components/columnsManagement/GridColumnsManagement.js +2 -2
  17. package/components/containers/GridRootStyles.js +0 -5
  18. package/components/menu/GridMenu.d.ts +1 -1
  19. package/components/menu/GridMenu.js +9 -1
  20. package/components/panel/GridPanel.js +1 -0
  21. package/components/panel/GridPanelContext.js +1 -0
  22. package/components/panel/filterPanel/GridFilterInputBoolean.js +1 -0
  23. package/components/panel/filterPanel/GridFilterInputDate.js +1 -0
  24. package/components/panel/filterPanel/GridFilterInputMultipleValue.js +1 -0
  25. package/components/panel/filterPanel/GridFilterInputValue.js +1 -0
  26. package/components/panel/filterPanel/GridFilterPanel.js +1 -0
  27. package/components/quickFilter/QuickFilter.js +1 -0
  28. package/components/quickFilter/QuickFilterContext.js +1 -0
  29. package/components/toolbar/GridToolbarDensitySelector.js +1 -10
  30. package/components/toolbar/GridToolbarExportContainer.js +1 -10
  31. package/components/toolbarV8/GridToolbar.js +1 -0
  32. package/components/toolbarV8/Toolbar.js +1 -0
  33. package/components/toolbarV8/ToolbarButton.js +1 -0
  34. package/components/toolbarV8/ToolbarContext.js +1 -0
  35. package/components/virtualization/GridVirtualScrollbar.js +1 -0
  36. package/esm/components/cell/GridActionsCell.js +2 -9
  37. package/esm/components/cell/GridActionsCellItem.d.ts +4 -1
  38. package/esm/components/cell/GridActionsCellItem.js +1 -1
  39. package/esm/components/cell/GridCell.js +2 -0
  40. package/esm/components/cell/GridEditBooleanCell.js +2 -0
  41. package/esm/components/cell/GridEditDateCell.js +2 -0
  42. package/esm/components/cell/GridEditInputCell.js +2 -0
  43. package/esm/components/cell/GridEditSingleSelectCell.js +2 -0
  44. package/esm/components/columnHeaders/GridColumnGroupHeader.js +2 -0
  45. package/esm/components/columnHeaders/GridColumnHeaderItem.js +2 -0
  46. package/esm/components/columnHeaders/GridColumnHeaderTitle.js +2 -0
  47. package/esm/components/columnHeaders/GridGenericColumnHeaderItem.js +2 -0
  48. package/esm/components/columnSelection/GridCellCheckboxRenderer.js +2 -0
  49. package/esm/components/columnSelection/GridHeaderCheckbox.js +2 -0
  50. package/esm/components/columnsManagement/GridColumnsManagement.js +3 -1
  51. package/esm/components/containers/GridRootStyles.js +0 -5
  52. package/esm/components/menu/GridMenu.d.ts +1 -1
  53. package/esm/components/menu/GridMenu.js +10 -1
  54. package/esm/components/panel/GridPanel.js +2 -0
  55. package/esm/components/panel/GridPanelContext.js +2 -0
  56. package/esm/components/panel/filterPanel/GridFilterInputBoolean.js +2 -0
  57. package/esm/components/panel/filterPanel/GridFilterInputDate.js +2 -0
  58. package/esm/components/panel/filterPanel/GridFilterInputMultipleValue.js +2 -0
  59. package/esm/components/panel/filterPanel/GridFilterInputValue.js +2 -0
  60. package/esm/components/panel/filterPanel/GridFilterPanel.js +2 -0
  61. package/esm/components/quickFilter/QuickFilter.js +2 -0
  62. package/esm/components/quickFilter/QuickFilterContext.js +2 -0
  63. package/esm/components/toolbar/GridToolbarDensitySelector.js +2 -10
  64. package/esm/components/toolbar/GridToolbarExportContainer.js +2 -10
  65. package/esm/components/toolbarV8/GridToolbar.js +2 -0
  66. package/esm/components/toolbarV8/Toolbar.js +2 -0
  67. package/esm/components/toolbarV8/ToolbarButton.js +2 -0
  68. package/esm/components/toolbarV8/ToolbarContext.js +2 -0
  69. package/esm/components/virtualization/GridVirtualScrollbar.js +2 -0
  70. package/esm/hooks/core/pipeProcessing/useGridRegisterPipeApplier.js +2 -0
  71. package/esm/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.js +2 -0
  72. package/esm/hooks/core/strategyProcessing/useGridRegisterStrategyProcessor.js +2 -0
  73. package/esm/hooks/core/useGridApiInitialization.js +2 -0
  74. package/esm/hooks/core/useGridIsRtl.js +2 -0
  75. package/esm/hooks/core/useGridProps.js +2 -0
  76. package/esm/hooks/features/columnGrouping/useGridColumnGrouping.js +2 -0
  77. package/esm/hooks/features/columnHeaders/useGridColumnHeaders.js +2 -0
  78. package/esm/hooks/features/columnResize/useGridColumnResize.js +2 -0
  79. package/esm/hooks/features/columns/useGridColumns.js +23 -3
  80. package/esm/hooks/features/dataSource/useGridDataSource.js +2 -0
  81. package/esm/hooks/features/dataSource/useGridDataSourceBase.js +2 -0
  82. package/esm/hooks/features/density/useGridDensity.js +2 -0
  83. package/esm/hooks/features/dimensions/useGridDimensions.js +2 -0
  84. package/esm/hooks/features/editing/useGridCellEditing.js +2 -0
  85. package/esm/hooks/features/editing/useGridEditing.js +2 -0
  86. package/esm/hooks/features/editing/useGridRowEditing.js +2 -0
  87. package/esm/hooks/features/export/useGridPrintExport.js +2 -0
  88. package/esm/hooks/features/focus/useGridFocus.js +3 -1
  89. package/esm/hooks/features/headerFiltering/useGridHeaderFiltering.js +2 -0
  90. package/esm/hooks/features/listView/useGridListView.js +2 -0
  91. package/esm/hooks/features/pagination/useGridPaginationMeta.js +2 -0
  92. package/esm/hooks/features/pagination/useGridPaginationModel.js +2 -0
  93. package/esm/hooks/features/pagination/useGridRowCount.js +2 -0
  94. package/esm/hooks/features/rowSelection/useGridRowSelection.js +2 -0
  95. package/esm/hooks/features/rows/useGridRowSpanning.js +2 -0
  96. package/esm/hooks/features/rows/useGridRows.js +2 -0
  97. package/esm/hooks/features/virtualization/useGridVirtualScroller.js +2 -0
  98. package/esm/hooks/features/virtualization/useGridVirtualization.js +2 -0
  99. package/esm/hooks/utils/useGridEvent.js +2 -0
  100. package/esm/hooks/utils/useGridPrivateApiContext.js +2 -0
  101. package/esm/hooks/utils/useGridSelector.js +2 -0
  102. package/esm/index.js +1 -1
  103. package/esm/internals/demo/TailwindDemoContainer.js +2 -0
  104. package/esm/locales/daDK.js +5 -5
  105. package/esm/locales/deDE.js +65 -73
  106. package/esm/models/params/gridScrollParams.d.ts +4 -0
  107. package/esm/utils/css/context.js +2 -0
  108. package/hooks/core/pipeProcessing/useGridRegisterPipeApplier.js +1 -0
  109. package/hooks/core/pipeProcessing/useGridRegisterPipeProcessor.js +1 -0
  110. package/hooks/core/strategyProcessing/useGridRegisterStrategyProcessor.js +1 -0
  111. package/hooks/core/useGridApiInitialization.js +1 -0
  112. package/hooks/core/useGridIsRtl.js +1 -0
  113. package/hooks/core/useGridProps.js +1 -0
  114. package/hooks/features/columnGrouping/useGridColumnGrouping.js +1 -0
  115. package/hooks/features/columnHeaders/useGridColumnHeaders.js +1 -0
  116. package/hooks/features/columnResize/useGridColumnResize.js +1 -0
  117. package/hooks/features/columns/useGridColumns.js +22 -3
  118. package/hooks/features/dataSource/useGridDataSource.js +1 -0
  119. package/hooks/features/dataSource/useGridDataSourceBase.js +1 -0
  120. package/hooks/features/density/useGridDensity.js +1 -0
  121. package/hooks/features/dimensions/useGridDimensions.js +1 -0
  122. package/hooks/features/editing/useGridCellEditing.js +1 -0
  123. package/hooks/features/editing/useGridEditing.js +1 -0
  124. package/hooks/features/editing/useGridRowEditing.js +1 -0
  125. package/hooks/features/export/useGridPrintExport.js +1 -0
  126. package/hooks/features/focus/useGridFocus.js +2 -1
  127. package/hooks/features/headerFiltering/useGridHeaderFiltering.js +1 -0
  128. package/hooks/features/listView/useGridListView.js +1 -0
  129. package/hooks/features/pagination/useGridPaginationMeta.js +1 -0
  130. package/hooks/features/pagination/useGridPaginationModel.js +1 -0
  131. package/hooks/features/pagination/useGridRowCount.js +1 -0
  132. package/hooks/features/rowSelection/useGridRowSelection.js +1 -0
  133. package/hooks/features/rows/useGridRowSpanning.js +1 -0
  134. package/hooks/features/rows/useGridRows.js +1 -0
  135. package/hooks/features/virtualization/useGridVirtualScroller.js +1 -0
  136. package/hooks/features/virtualization/useGridVirtualization.js +1 -0
  137. package/hooks/utils/useGridEvent.js +1 -0
  138. package/hooks/utils/useGridPrivateApiContext.js +1 -0
  139. package/hooks/utils/useGridSelector.js +1 -0
  140. package/index.js +1 -1
  141. package/internals/demo/TailwindDemoContainer.js +1 -0
  142. package/locales/daDK.js +5 -5
  143. package/locales/deDE.js +65 -73
  144. package/models/params/gridScrollParams.d.ts +4 -0
  145. package/package.json +2 -2
  146. package/utils/css/context.js +1 -0
package/locales/deDE.js CHANGED
@@ -11,8 +11,7 @@ const deDEGrid = {
11
11
  noResultsOverlayLabel: 'Keine Ergebnisse gefunden.',
12
12
  noColumnsOverlayLabel: 'Keine Spalten',
13
13
  noColumnsOverlayManageColumns: 'Spalten verwalten',
14
- // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
15
-
14
+ emptyPivotOverlayLabel: 'Felder zu Zeilen, Spalten und Werten hinzufügen, um eine Pivot-Tabelle zu erstellen',
16
15
  // Density selector toolbar button text
17
16
  toolbarDensity: 'Zeilenhöhe',
18
17
  toolbarDensityLabel: 'Zeilenhöhe',
@@ -39,11 +38,9 @@ const deDEGrid = {
39
38
  toolbarExportPrint: 'Drucken',
40
39
  toolbarExportExcel: 'Download als Excel',
41
40
  // Toolbar pivot button
42
- // toolbarPivot: 'Pivot',
43
-
41
+ toolbarPivot: 'Pivot',
44
42
  // Toolbar AI Assistant button
45
- // toolbarAssistant: 'AI Assistant',
46
-
43
+ toolbarAssistant: 'KI-Assistent',
47
44
  // Columns management text
48
45
  columnsManagementSearchTitle: 'Suche',
49
46
  columnsManagementNoColumns: 'Keine Spalten',
@@ -120,8 +117,7 @@ const deDEGrid = {
120
117
  columnMenuUnsort: 'Sortierung deaktivieren',
121
118
  columnMenuSortAsc: 'Sortiere aufsteigend',
122
119
  columnMenuSortDesc: 'Sortiere absteigend',
123
- // columnMenuManagePivot: 'Manage pivot',
124
-
120
+ columnMenuManagePivot: 'Pivot verwalten',
125
121
  // Column header text
126
122
  columnHeaderFiltersTooltipActive: count => count !== 1 ? `${count} aktive Filter` : `${count} aktiver Filter`,
127
123
  columnHeaderFiltersLabel: 'Zeige Filter',
@@ -196,80 +192,76 @@ const deDEGrid = {
196
192
  aggregationFunctionLabelMax: 'Maximum',
197
193
  aggregationFunctionLabelSize: 'Anzahl',
198
194
  // 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
-
195
+ pivotToggleLabel: 'Pivot',
196
+ pivotRows: 'Zeilen',
197
+ pivotColumns: 'Spalten',
198
+ pivotValues: 'Werte',
199
+ pivotCloseButton: 'Pivot-Einstellungen schließen',
200
+ pivotSearchButton: 'Felder suchen',
201
+ pivotSearchControlPlaceholder: 'Felder suchen',
202
+ pivotSearchControlLabel: 'Felder suchen',
203
+ pivotSearchControlClear: 'Suche löschen',
204
+ pivotNoFields: 'Keine Felder',
205
+ pivotMenuMoveUp: 'Nach oben',
206
+ pivotMenuMoveDown: 'Nach unten',
207
+ pivotMenuMoveToTop: 'An den Anfang',
208
+ pivotMenuMoveToBottom: 'An das Ende',
209
+ pivotMenuRows: 'Zeilen',
210
+ pivotMenuColumns: 'Spalten',
211
+ pivotMenuValues: 'Werte',
212
+ pivotMenuOptions: 'Feldoptionen',
213
+ pivotMenuAddToRows: 'Zu Zeilen hinzufügen',
214
+ pivotMenuAddToColumns: 'Zu Spalten hinzufügen',
215
+ pivotMenuAddToValues: 'Zu Werten hinzufügen',
216
+ pivotMenuRemove: 'Entfernen',
217
+ pivotDragToRows: 'Hier hinziehen, um Zeilen zu erstellen',
218
+ pivotDragToColumns: 'Hier hinziehen, um Spalten zu erstellen',
219
+ pivotDragToValues: 'Hier hinziehen, um Werte zu erstellen',
220
+ pivotYearColumnHeaderName: '(Jahr)',
221
+ pivotQuarterColumnHeaderName: '(Quartal)',
227
222
  // AI Assistant panel
228
- // aiAssistantPanelTitle: 'AI Assistant',
229
- // aiAssistantPanelClose: 'Close AI Assistant',
230
- // aiAssistantPanelNewConversation: 'New conversation',
231
- // aiAssistantPanelConversationHistory: 'Conversation history',
232
- // aiAssistantPanelEmptyConversation: 'No prompt history',
233
- // aiAssistantSuggestions: 'Suggestions',
234
-
223
+ aiAssistantPanelTitle: 'KI-Assistent',
224
+ aiAssistantPanelClose: 'KI-Assistent schließen',
225
+ aiAssistantPanelNewConversation: 'Neue Unterhaltung',
226
+ aiAssistantPanelConversationHistory: 'Unterhaltungsverlauf',
227
+ aiAssistantPanelEmptyConversation: 'Kein Prompt-Verlauf',
228
+ aiAssistantSuggestions: 'Vorschläge',
235
229
  // Prompt field
236
230
  promptFieldLabel: 'Prompteingabe',
237
231
  promptFieldPlaceholder: 'Prompt eingeben…',
238
232
  promptFieldPlaceholderWithRecording: 'Prompt eingeben oder aufnehmen…',
239
233
  promptFieldPlaceholderListening: 'Hört Prompteingabe zu…',
240
- // promptFieldSpeechRecognitionNotSupported: 'Speech recognition is not supported in this browser',
234
+ promptFieldSpeechRecognitionNotSupported: 'Spracherkennung wird in diesem Browser nicht unterstützt',
241
235
  promptFieldSend: 'Senden',
242
236
  promptFieldRecord: 'Aufnahme starten',
243
- promptFieldStopRecording: 'Aufnahme stoppen'
244
-
237
+ promptFieldStopRecording: 'Aufnahme stoppen',
245
238
  // Prompt
246
- // promptRerun: 'Run again',
247
- // promptProcessing: 'Processing…',
248
- // promptAppliedChanges: 'Applied changes',
249
-
239
+ promptRerun: 'Erneut ausführen',
240
+ promptProcessing: 'Verarbeitung…',
241
+ promptAppliedChanges: 'Änderungen angewendet',
250
242
  // Prompt changes
251
- // promptChangeGroupDescription: (column: string) => `Group by ${column}`,
252
- // promptChangeAggregationLabel: (column: string, aggregation: string) => `${column} (${aggregation})`,
253
- // promptChangeAggregationDescription: (column: string, aggregation: string) => `Aggregate ${column} (${aggregation})`,
254
- // promptChangeFilterLabel: (column: string, operator: string, value: string) => {
255
- // if (operator === 'is any of') {
256
- // return `${column} is any of: ${value}`;
257
- // }
258
- // return `${column} ${operator} ${value}`;
259
- // },
260
- // promptChangeFilterDescription: (column: string, operator: string, value: string) => {
261
- // if (operator === 'is any of') {
262
- // return `Filter where ${column} is any of: ${value}`;
263
- // }
264
- // return `Filter where ${column} ${operator} ${value}`;
265
- // },
266
- // promptChangeSortDescription: (column: string, direction: string) => `Sort by ${column} (${direction})`,
267
- // promptChangePivotEnableLabel: 'Pivot',
268
- // promptChangePivotEnableDescription: 'Enable pivot',
269
- // promptChangePivotColumnsLabel: (count: number) => `Columns (${count})`,
270
- // promptChangePivotColumnsDescription: (column: string, direction: string) => `${column}${direction ? ` (${direction})` : ''}`,
271
- // promptChangePivotRowsLabel: (count: number) => `Rows (${count})`,
272
- // promptChangePivotValuesLabel: (count: number) => `Values (${count})`,
273
- // promptChangePivotValuesDescription: (column: string, aggregation: string) => `${column} (${aggregation})`,
243
+ promptChangeGroupDescription: column => `Gruppieren nach ${column}`,
244
+ promptChangeAggregationLabel: (column, aggregation) => `${column} (${aggregation})`,
245
+ promptChangeAggregationDescription: (column, aggregation) => `${column} aggregieren (${aggregation})`,
246
+ promptChangeFilterLabel: (column, operator, value) => {
247
+ if (operator === 'is any of') {
248
+ return `${column} entspricht einem der Werte: ${value}`;
249
+ }
250
+ return `${column} ${operator} ${value}`;
251
+ },
252
+ promptChangeFilterDescription: (column, operator, value) => {
253
+ if (operator === 'is any of') {
254
+ return `Filtern, bei dem ${column} einem der folgenden Werte entspricht: ${value}`;
255
+ }
256
+ return `Filtern wo ${column} ${operator} ${value}`;
257
+ },
258
+ promptChangeSortDescription: (column, direction) => `Sortieren nach ${column} (${direction})`,
259
+ promptChangePivotEnableLabel: 'Pivot',
260
+ promptChangePivotEnableDescription: 'Pivot aktivieren',
261
+ promptChangePivotColumnsLabel: count => `Spalten (${count})`,
262
+ promptChangePivotColumnsDescription: (column, direction) => `${column}${direction ? ` (${direction})` : ''}`,
263
+ promptChangePivotRowsLabel: count => `Zeilen (${count})`,
264
+ promptChangePivotValuesLabel: count => `Werte (${count})`,
265
+ promptChangePivotValuesDescription: (column, aggregation) => `${column} (${aggregation})`
274
266
  };
275
267
  const deDE = exports.deDE = (0, _getGridLocalization.getGridLocalization)(deDEGrid);
@@ -2,6 +2,10 @@ export interface GridColumnsRenderContext {
2
2
  firstColumnIndex: number;
3
3
  lastColumnIndex: number;
4
4
  }
5
+ /**
6
+ * Provides the current render context range for rows and columns.
7
+ * End index is exclusive - [firstRowIndex, lastRowIndex) and [firstColumnIndex, lastColumnIndex)
8
+ */
5
9
  export interface GridRenderContext extends GridColumnsRenderContext {
6
10
  firstRowIndex: number;
7
11
  lastRowIndex: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-data-grid",
3
- "version": "8.5.3",
3
+ "version": "8.7.0",
4
4
  "author": "MUI Team",
5
5
  "description": "The Community plan edition of the MUI X Data Grid components.",
6
6
  "main": "./index.js",
@@ -44,7 +44,7 @@
44
44
  "clsx": "^2.1.1",
45
45
  "prop-types": "^15.8.1",
46
46
  "use-sync-external-store": "^1.5.0",
47
- "@mui/x-internals": "8.5.3"
47
+ "@mui/x-internals": "8.7.0"
48
48
  },
49
49
  "peerDependencies": {
50
50
  "@emotion/react": "^11.9.0",
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
5
  Object.defineProperty(exports, "__esModule", {