@mui/x-data-grid 8.23.0 → 8.25.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 (116) hide show
  1. package/CHANGELOG.md +222 -6479
  2. package/components/GridColumnHeaders.js +1 -0
  3. package/components/GridFooter.js +1 -0
  4. package/components/GridHeaders.js +1 -0
  5. package/components/GridLoadingOverlay.js +1 -0
  6. package/components/GridNoColumnsOverlay.js +1 -0
  7. package/components/GridNoResultsOverlay.js +1 -0
  8. package/components/GridNoRowsOverlay.js +1 -0
  9. package/components/GridPagination.js +4 -1
  10. package/components/GridRowCount.js +1 -0
  11. package/components/GridSelectedRowCount.js +1 -0
  12. package/components/GridShadowScrollArea.js +1 -0
  13. package/components/GridSkeletonLoadingOverlay.js +1 -0
  14. package/components/cell/GridActionsCellItem.js +1 -0
  15. package/components/cell/GridEditDateCell.js +3 -1
  16. package/components/columnHeaders/ColumnHeaderMenuIcon.js +1 -0
  17. package/components/columnHeaders/GridBaseColumnHeaders.js +1 -0
  18. package/components/columnHeaders/GridIconButtonContainer.js +1 -0
  19. package/components/containers/GridFooterContainer.js +1 -0
  20. package/components/containers/GridOverlay.js +1 -0
  21. package/components/containers/GridRoot.js +1 -0
  22. package/components/containers/GridRootStyles.js +4 -0
  23. package/components/containers/GridToolbarContainer.js +1 -0
  24. package/components/menu/columnMenu/GridColumnMenu.js +1 -0
  25. package/components/menu/columnMenu/GridColumnMenuContainer.js +4 -1
  26. package/components/panel/GridPanelWrapper.js +1 -0
  27. package/components/panel/filterPanel/GridFilterForm.js +1 -0
  28. package/components/toolbar/GridToolbar.js +1 -0
  29. package/components/toolbar/GridToolbarColumnsButton.js +1 -0
  30. package/components/toolbar/GridToolbarExport.js +1 -0
  31. package/components/toolbar/GridToolbarFilterButton.js +1 -0
  32. package/components/virtualization/GridBottomContainer.js +4 -1
  33. package/components/virtualization/GridMainContainer.js +5 -1
  34. package/components/virtualization/GridTopContainer.js +4 -1
  35. package/components/virtualization/GridVirtualScrollbar.d.ts +1 -1
  36. package/components/virtualization/GridVirtualScrollbar.js +13 -4
  37. package/components/virtualization/GridVirtualScrollerContent.js +1 -0
  38. package/components/virtualization/GridVirtualScrollerFiller.js +18 -5
  39. package/components/virtualization/GridVirtualScrollerRenderZone.js +1 -0
  40. package/context/GridContextProvider.js +1 -0
  41. package/esm/components/GridColumnHeaders.js +2 -0
  42. package/esm/components/GridFooter.js +2 -0
  43. package/esm/components/GridHeaders.js +2 -0
  44. package/esm/components/GridLoadingOverlay.js +2 -0
  45. package/esm/components/GridNoColumnsOverlay.js +2 -0
  46. package/esm/components/GridNoResultsOverlay.js +2 -0
  47. package/esm/components/GridNoRowsOverlay.js +2 -0
  48. package/esm/components/GridPagination.js +5 -1
  49. package/esm/components/GridRowCount.js +2 -0
  50. package/esm/components/GridSelectedRowCount.js +2 -0
  51. package/esm/components/GridShadowScrollArea.js +2 -0
  52. package/esm/components/GridSkeletonLoadingOverlay.js +2 -0
  53. package/esm/components/cell/GridActionsCellItem.js +2 -0
  54. package/esm/components/cell/GridEditDateCell.js +3 -1
  55. package/esm/components/columnHeaders/ColumnHeaderMenuIcon.js +2 -0
  56. package/esm/components/columnHeaders/GridBaseColumnHeaders.js +2 -0
  57. package/esm/components/columnHeaders/GridIconButtonContainer.js +2 -0
  58. package/esm/components/containers/GridFooterContainer.js +2 -0
  59. package/esm/components/containers/GridOverlay.js +2 -0
  60. package/esm/components/containers/GridRoot.js +2 -0
  61. package/esm/components/containers/GridRootStyles.js +4 -0
  62. package/esm/components/containers/GridToolbarContainer.js +2 -0
  63. package/esm/components/menu/columnMenu/GridColumnMenu.js +2 -0
  64. package/esm/components/menu/columnMenu/GridColumnMenuContainer.js +5 -1
  65. package/esm/components/panel/GridPanelWrapper.js +2 -0
  66. package/esm/components/panel/filterPanel/GridFilterForm.js +2 -0
  67. package/esm/components/toolbar/GridToolbar.js +2 -0
  68. package/esm/components/toolbar/GridToolbarColumnsButton.js +2 -0
  69. package/esm/components/toolbar/GridToolbarExport.js +2 -0
  70. package/esm/components/toolbar/GridToolbarFilterButton.js +2 -0
  71. package/esm/components/virtualization/GridBottomContainer.js +4 -1
  72. package/esm/components/virtualization/GridMainContainer.js +6 -1
  73. package/esm/components/virtualization/GridTopContainer.js +4 -1
  74. package/esm/components/virtualization/GridVirtualScrollbar.d.ts +1 -1
  75. package/esm/components/virtualization/GridVirtualScrollbar.js +13 -4
  76. package/esm/components/virtualization/GridVirtualScrollerContent.js +2 -0
  77. package/esm/components/virtualization/GridVirtualScrollerFiller.js +18 -5
  78. package/esm/components/virtualization/GridVirtualScrollerRenderZone.js +2 -0
  79. package/esm/context/GridContextProvider.js +2 -0
  80. package/esm/hooks/core/pipeProcessing/useGridPipeProcessing.js +2 -0
  81. package/esm/hooks/core/strategyProcessing/useGridStrategyProcessing.js +2 -0
  82. package/esm/hooks/core/useGridRefs.js +2 -0
  83. package/esm/hooks/core/useGridStateInitialization.js +2 -0
  84. package/esm/hooks/features/columnMenu/useGridColumnMenu.js +2 -0
  85. package/esm/hooks/utils/useGridApiContext.js +2 -0
  86. package/esm/hooks/utils/useGridApiMethod.js +2 -0
  87. package/esm/hooks/utils/useGridApiRef.js +2 -0
  88. package/esm/hooks/utils/useGridConfiguration.js +2 -0
  89. package/esm/hooks/utils/useGridInitializeState.js +2 -0
  90. package/esm/hooks/utils/useGridLogger.js +2 -0
  91. package/esm/hooks/utils/useGridRootProps.js +2 -0
  92. package/esm/index.js +1 -1
  93. package/esm/locales/arSD.js +1 -1
  94. package/esm/locales/daDK.js +3 -4
  95. package/esm/locales/faIR.js +1 -1
  96. package/esm/locales/jaJP.js +33 -38
  97. package/esm/material/index.js +14 -4
  98. package/hooks/core/pipeProcessing/useGridPipeProcessing.js +1 -0
  99. package/hooks/core/strategyProcessing/useGridStrategyProcessing.js +1 -0
  100. package/hooks/core/useGridRefs.js +1 -0
  101. package/hooks/core/useGridStateInitialization.js +1 -0
  102. package/hooks/features/columnMenu/useGridColumnMenu.js +1 -0
  103. package/hooks/utils/useGridApiContext.js +1 -0
  104. package/hooks/utils/useGridApiMethod.js +1 -0
  105. package/hooks/utils/useGridApiRef.js +1 -0
  106. package/hooks/utils/useGridConfiguration.js +1 -0
  107. package/hooks/utils/useGridInitializeState.js +1 -0
  108. package/hooks/utils/useGridLogger.js +1 -0
  109. package/hooks/utils/useGridRootProps.js +1 -0
  110. package/index.js +1 -1
  111. package/locales/arSD.js +1 -1
  112. package/locales/daDK.js +3 -4
  113. package/locales/faIR.js +1 -1
  114. package/locales/jaJP.js +33 -38
  115. package/material/index.js +14 -4
  116. package/package.json +3 -3
package/locales/daDK.js CHANGED
@@ -9,8 +9,8 @@ const daDKGrid = {
9
9
  // Root
10
10
  noRowsLabel: 'Ingen rækker',
11
11
  noResultsOverlayLabel: 'Ingen resultater',
12
- // noColumnsOverlayLabel: 'No columns',
13
- // noColumnsOverlayManageColumns: 'Manage columns',
12
+ noColumnsOverlayLabel: 'Ingen kolonner',
13
+ noColumnsOverlayManageColumns: 'Administrer kolonner',
14
14
  // emptyPivotOverlayLabel: 'Add fields to rows, columns, and values to create a pivot table',
15
15
 
16
16
  // Density selector toolbar button text
@@ -109,8 +109,7 @@ const daDKGrid = {
109
109
  'headerFilterOperator>=': 'Større end eller lig med',
110
110
  'headerFilterOperator<': 'Mindre end',
111
111
  'headerFilterOperator<=': 'Mindre end eller lig med',
112
- // headerFilterClear: 'Clear filter',
113
-
112
+ headerFilterClear: 'Ryd filter',
114
113
  // Filter values text
115
114
  filterValueAny: 'hvilken som helst',
116
115
  filterValueTrue: 'positiv',
package/locales/faIR.js CHANGED
@@ -29,7 +29,7 @@ const faIRGrid = {
29
29
  toolbarFiltersTooltipShow: 'نمایش فیلترها',
30
30
  toolbarFiltersTooltipActive: count => count !== 1 ? `${count} فیلترهای فعال` : `${count} فیلتر فعال`,
31
31
  // Quick filter toolbar field
32
- toolbarQuickFilterPlaceholder: 'جستجو...',
32
+ toolbarQuickFilterPlaceholder: 'جستجو…',
33
33
  toolbarQuickFilterLabel: 'جستجو',
34
34
  toolbarQuickFilterDeleteIconLabel: 'حذف',
35
35
  // Export selector toolbar button text
package/locales/jaJP.js CHANGED
@@ -109,8 +109,7 @@ const jaJPGrid = {
109
109
  'headerFilterOperator>=': '以上',
110
110
  'headerFilterOperator<': '未満',
111
111
  'headerFilterOperator<=': '以下',
112
- // headerFilterClear: 'Clear filter',
113
-
112
+ headerFilterClear: 'フィルターを削除',
114
113
  // Filter values text
115
114
  filterValueAny: 'いずれか',
116
115
  filterValueTrue: '真',
@@ -125,9 +124,8 @@ const jaJPGrid = {
125
124
  columnMenuUnsort: 'ソート解除',
126
125
  columnMenuSortAsc: '昇順ソート',
127
126
  columnMenuSortDesc: '降順ソート',
128
- // columnMenuManagePivot: 'Manage pivot',
129
- // columnMenuManageCharts: 'Manage charts',
130
-
127
+ columnMenuManagePivot: 'ピボットを管理',
128
+ columnMenuManageCharts: 'チャートを管理',
131
129
  // Column header text
132
130
  columnHeaderFiltersTooltipActive: count => `${count}件のフィルターを適用中`,
133
131
  columnHeaderFiltersLabel: 'フィルター表示',
@@ -167,18 +165,18 @@ const jaJPGrid = {
167
165
  collapseDetailPanel: '折りたたみ',
168
166
  // Pagination
169
167
  paginationRowsPerPage: 'ページあたりの行数:',
170
- // paginationDisplayedRows: ({
171
- // from,
172
- // to,
173
- // count,
174
- // estimated
175
- // }) => {
176
- // if (!estimated) {
177
- // return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
178
- // }
179
- // const estimatedLabel = estimated && estimated > to ? `around ${estimated}` : `more than ${to}`;
180
- // return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
181
- // },
168
+ paginationDisplayedRows: ({
169
+ from,
170
+ to,
171
+ count,
172
+ estimated
173
+ }) => {
174
+ if (!estimated) {
175
+ return `${from}–${to} of ${count !== -1 ? count : `${to}以上`}`;
176
+ }
177
+ const estimatedLabel = estimated && estimated > to ? `${estimated}前後` : `${to}以上`;
178
+ return `${from}–${to} of ${count !== -1 ? count : estimatedLabel}`;
179
+ },
182
180
  paginationItemAriaLabel: type => {
183
181
  if (type === 'first') {
184
182
  return '最初のページへ';
@@ -201,8 +199,7 @@ const jaJPGrid = {
201
199
  aggregationFunctionLabelAvg: '平均',
202
200
  aggregationFunctionLabelMin: '最小値',
203
201
  aggregationFunctionLabelMax: '最大値',
204
- aggregationFunctionLabelSize: 'サイズ'
205
-
202
+ aggregationFunctionLabelSize: 'サイズ',
206
203
  // Pivot panel
207
204
  // pivotToggleLabel: 'Pivot',
208
205
  // pivotRows: 'Rows',
@@ -237,16 +234,16 @@ const jaJPGrid = {
237
234
  // chartsChartNotSelected: 'Select a chart type to configure its options',
238
235
  // chartsTabChart: 'Chart',
239
236
  // chartsTabFields: 'Fields',
240
- // chartsTabCustomize: 'Customize',
237
+ chartsTabCustomize: 'カスタマイズ',
241
238
  // chartsCloseButton: 'Close charts configuration',
242
239
  // chartsSyncButtonLabel: 'Sync chart',
243
240
  // chartsSearchPlaceholder: 'Search fields',
244
- // chartsSearchLabel: 'Search fields',
241
+ chartsSearchLabel: 'フィールドを検索する',
245
242
  // chartsSearchClear: 'Clear search',
246
243
  // chartsNoFields: 'No fields',
247
244
  // chartsFieldBlocked: 'This field cannot be added to any section',
248
- // chartsCategories: 'Categories',
249
- // chartsSeries: 'Series',
245
+ chartsCategories: 'カテゴリ',
246
+ chartsSeries: 'シリーズ',
250
247
  // chartsMenuAddToDimensions: (dimensionLabel: string) => `Add to ${dimensionLabel}`,
251
248
  // chartsMenuAddToValues: (valuesLabel: string) => `Add to ${valuesLabel}`,
252
249
  // chartsMenuMoveUp: 'Move up',
@@ -259,27 +256,25 @@ const jaJPGrid = {
259
256
  // chartsDragToValues: (valuesLabel: string) => `Drag here to use column as ${valuesLabel}`,
260
257
 
261
258
  // AI Assistant panel
262
- // aiAssistantPanelTitle: 'AI Assistant',
263
- // aiAssistantPanelClose: 'Close AI Assistant',
264
- // aiAssistantPanelNewConversation: 'New conversation',
265
- // aiAssistantPanelConversationHistory: 'Conversation history',
259
+ aiAssistantPanelTitle: 'AIアシスタント',
260
+ aiAssistantPanelClose: 'AIアシスタントパネルを閉じる',
261
+ aiAssistantPanelNewConversation: '新しい会話を開始する',
262
+ aiAssistantPanelConversationHistory: '会話の履歴',
266
263
  // aiAssistantPanelEmptyConversation: 'No prompt history',
267
- // aiAssistantSuggestions: 'Suggestions',
268
-
264
+ aiAssistantSuggestions: '提案',
269
265
  // Prompt field
270
- // promptFieldLabel: 'Prompt',
271
- // promptFieldPlaceholder: 'Type a prompt…',
266
+ promptFieldLabel: 'プロンプト',
267
+ promptFieldPlaceholder: 'プロンプトを入力...',
272
268
  // promptFieldPlaceholderWithRecording: 'Type or record a prompt…',
273
269
  // promptFieldPlaceholderListening: 'Listening for prompt…',
274
270
  // promptFieldSpeechRecognitionNotSupported: 'Speech recognition is not supported in this browser',
275
- // promptFieldSend: 'Send',
276
- // promptFieldRecord: 'Record',
277
- // promptFieldStopRecording: 'Stop recording',
278
-
271
+ promptFieldSend: '送信',
272
+ promptFieldRecord: '録音',
273
+ promptFieldStopRecording: '録音を止める',
279
274
  // Prompt
280
- // promptRerun: 'Run again',
281
- // promptProcessing: 'Processing…',
282
- // promptAppliedChanges: 'Applied changes',
275
+ promptRerun: '再試行',
276
+ promptProcessing: '実行中…',
277
+ promptAppliedChanges: '変更を適用済み'
283
278
 
284
279
  // Prompt changes
285
280
  // promptChangeGroupDescription: (column: string) => `Group by ${column}`,
package/material/index.js CHANGED
@@ -87,7 +87,9 @@ const _excluded = ["id", "label", "labelId", "material", "disabled", "slotProps"
87
87
  _excluded23 = ["items", "value", "material"];
88
88
  /* eslint-disable material-ui/disallow-react-api-in-server-components */
89
89
 
90
- const InputAdornment = (0, _styles.styled)(_InputAdornment.default)(({
90
+ const InputAdornment = (0, _styles.styled)(_InputAdornment.default, {
91
+ slot: 'internal'
92
+ })(({
91
93
  theme
92
94
  }) => ({
93
95
  [`&.${_InputAdornment.inputAdornmentClasses.positionEnd} .${_IconButton.iconButtonClasses.sizeSmall}`]: {
@@ -95,6 +97,7 @@ const InputAdornment = (0, _styles.styled)(_InputAdornment.default)(({
95
97
  }
96
98
  }));
97
99
  const FormControlLabel = (0, _styles.styled)(_FormControlLabel.default, {
100
+ slot: 'internal',
98
101
  shouldForwardProp: prop => prop !== 'fullWidth'
99
102
  })(({
100
103
  theme
@@ -118,6 +121,7 @@ const FormControlLabel = (0, _styles.styled)(_FormControlLabel.default, {
118
121
  }]
119
122
  }));
120
123
  const Checkbox = (0, _styles.styled)(_Checkbox.default, {
124
+ slot: 'internal',
121
125
  shouldForwardProp: prop => prop !== 'density'
122
126
  })(({
123
127
  theme
@@ -131,7 +135,9 @@ const Checkbox = (0, _styles.styled)(_Checkbox.default, {
131
135
  }
132
136
  }]
133
137
  }));
134
- const ListItemText = (0, _styles.styled)(_ListItemText.default)({
138
+ const ListItemText = (0, _styles.styled)(_ListItemText.default, {
139
+ slot: 'internal'
140
+ })({
135
141
  [`& .${_ListItemText.listItemTextClasses.primary}`]: {
136
142
  overflowX: 'clip',
137
143
  textOverflow: 'ellipsis',
@@ -195,7 +201,9 @@ const BaseSelect = (0, _forwardRef.forwardRef)(function BaseSelect(props, ref) {
195
201
  });
196
202
  });
197
203
  if (process.env.NODE_ENV !== "production") BaseSelect.displayName = "BaseSelect";
198
- const StyledPagination = (0, _styles.styled)(_TablePagination.default)(({
204
+ const StyledPagination = (0, _styles.styled)(_TablePagination.default, {
205
+ slot: 'internal'
206
+ })(({
199
207
  theme
200
208
  }) => ({
201
209
  [`& .${_TablePagination.tablePaginationClasses.selectLabel}`]: {
@@ -346,7 +354,9 @@ const BaseButton = (0, _forwardRef.forwardRef)(function BaseButton(props, ref) {
346
354
  }));
347
355
  });
348
356
  if (process.env.NODE_ENV !== "production") BaseButton.displayName = "BaseButton";
349
- const StyledToggleButton = (0, _styles.styled)(_ToggleButton.default)(({
357
+ const StyledToggleButton = (0, _styles.styled)(_ToggleButton.default, {
358
+ slot: 'internal'
359
+ })(({
350
360
  theme
351
361
  }) => ({
352
362
  gap: theme.spacing(1),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-data-grid",
3
- "version": "8.23.0",
3
+ "version": "8.25.0",
4
4
  "author": "MUI Team",
5
5
  "description": "The Community plan edition of the MUI X Data Grid components.",
6
6
  "license": "MIT",
@@ -42,8 +42,8 @@
42
42
  "clsx": "^2.1.1",
43
43
  "prop-types": "^15.8.1",
44
44
  "use-sync-external-store": "^1.6.0",
45
- "@mui/x-internals": "8.23.0",
46
- "@mui/x-virtualizer": "0.3.0"
45
+ "@mui/x-internals": "8.25.0",
46
+ "@mui/x-virtualizer": "0.3.2"
47
47
  },
48
48
  "peerDependencies": {
49
49
  "@emotion/react": "^11.9.0",