@mui/x-data-grid 8.16.0 → 8.18.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 (180) hide show
  1. package/CHANGELOG.md +208 -1
  2. package/colDef/gridCheckboxSelectionColDef.js +0 -2
  3. package/components/GridColumnSortButton.d.ts +1 -1
  4. package/components/GridFooter.d.ts +2 -3
  5. package/components/GridFooter.js +0 -2
  6. package/components/GridHeader.d.ts +1 -2
  7. package/components/GridHeaders.d.ts +1 -2
  8. package/components/GridHeaders.js +0 -2
  9. package/components/GridNoColumnsOverlay.d.ts +2 -3
  10. package/components/GridNoColumnsOverlay.js +0 -2
  11. package/components/GridNoResultsOverlay.d.ts +2 -3
  12. package/components/GridNoResultsOverlay.js +0 -2
  13. package/components/GridNoRowsOverlay.d.ts +2 -3
  14. package/components/GridNoRowsOverlay.js +0 -2
  15. package/components/GridPagination.d.ts +1 -2
  16. package/components/GridScrollArea.d.ts +1 -2
  17. package/components/GridScrollShadows.d.ts +1 -2
  18. package/components/GridScrollbarFillerCell.d.ts +1 -2
  19. package/components/GridScrollbarFillerCell.js +0 -2
  20. package/components/base/GridFooterPlaceholder.d.ts +1 -2
  21. package/components/base/GridFooterPlaceholder.js +0 -2
  22. package/components/base/GridOverlays.d.ts +1 -1
  23. package/components/cell/GridActionsCell.d.ts +2 -3
  24. package/components/cell/GridActionsCellItem.js +1 -18
  25. package/components/cell/GridBooleanCell.d.ts +1 -1
  26. package/components/cell/GridCell.js +8 -1
  27. package/components/cell/GridEditBooleanCell.d.ts +2 -2
  28. package/components/cell/GridEditDateCell.d.ts +2 -2
  29. package/components/cell/GridEditInputCell.d.ts +1 -1
  30. package/components/cell/GridEditInputCell.js +0 -68
  31. package/components/cell/GridEditSingleSelectCell.d.ts +2 -3
  32. package/components/cell/GridSkeletonCell.d.ts +1 -1
  33. package/components/columnHeaders/ColumnHeaderMenuIcon.d.ts +1 -1
  34. package/components/columnHeaders/GridColumnGroupHeader.d.ts +1 -1
  35. package/components/columnHeaders/GridColumnHeaderFilterIconButton.d.ts +1 -1
  36. package/components/columnHeaders/GridColumnHeaderItem.d.ts +1 -1
  37. package/components/columnHeaders/GridColumnHeaderSeparator.d.ts +1 -1
  38. package/components/columnHeaders/GridColumnHeaderSortIcon.d.ts +1 -1
  39. package/components/columnHeaders/GridColumnHeaderTitle.d.ts +1 -1
  40. package/components/columnsManagement/GridColumnsManagement.d.ts +1 -2
  41. package/components/menu/GridMenu.d.ts +1 -1
  42. package/components/menu/columnMenu/GridColumnHeaderMenu.d.ts +1 -1
  43. package/components/menu/columnMenu/GridColumnMenu.d.ts +2 -3
  44. package/components/menu/columnMenu/GridColumnMenu.js +0 -2
  45. package/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem.d.ts +1 -2
  46. package/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.d.ts +1 -2
  47. package/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.d.ts +1 -2
  48. package/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.d.ts +1 -2
  49. package/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.d.ts +1 -2
  50. package/components/panel/GridColumnsPanel.d.ts +1 -2
  51. package/components/panel/GridColumnsPanel.js +0 -2
  52. package/components/panel/GridPanelContent.d.ts +1 -1
  53. package/components/panel/GridPanelContext.d.ts +1 -1
  54. package/components/panel/GridPanelFooter.d.ts +1 -1
  55. package/components/panel/GridPanelHeader.d.ts +1 -1
  56. package/components/panel/GridPreferencesPanel.d.ts +1 -2
  57. package/components/panel/GridPreferencesPanel.js +0 -2
  58. package/components/panel/filterPanel/GridFilterInputBoolean.d.ts +1 -2
  59. package/components/panel/filterPanel/GridFilterInputDate.d.ts +1 -2
  60. package/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.d.ts +1 -2
  61. package/components/panel/filterPanel/GridFilterInputMultipleValue.d.ts +1 -2
  62. package/components/panel/filterPanel/GridFilterInputSingleSelect.d.ts +1 -2
  63. package/components/panel/filterPanel/GridFilterInputValue.d.ts +1 -2
  64. package/components/quickFilter/QuickFilter.d.ts +1 -1
  65. package/components/toolbar/GridToolbar.d.ts +1 -2
  66. package/components/toolbar/GridToolbar.js +0 -2
  67. package/components/toolbar/GridToolbarExport.d.ts +2 -2
  68. package/components/toolbar/GridToolbarQuickFilter.d.ts +1 -2
  69. package/components/toolbar/GridToolbarQuickFilter.js +0 -2
  70. package/components/toolbarV8/GridToolbar.d.ts +3 -3
  71. package/components/virtualization/GridBottomContainer.d.ts +1 -1
  72. package/components/virtualization/GridTopContainer.d.ts +1 -1
  73. package/components/virtualization/GridVirtualScroller.d.ts +1 -1
  74. package/components/virtualization/GridVirtualScrollerFiller.d.ts +1 -2
  75. package/context/GridContextProvider.d.ts +1 -1
  76. package/esm/colDef/gridCheckboxSelectionColDef.js +0 -1
  77. package/esm/components/GridColumnSortButton.d.ts +1 -1
  78. package/esm/components/GridFooter.d.ts +2 -3
  79. package/esm/components/GridFooter.js +0 -1
  80. package/esm/components/GridHeader.d.ts +1 -2
  81. package/esm/components/GridHeaders.d.ts +1 -2
  82. package/esm/components/GridHeaders.js +0 -1
  83. package/esm/components/GridNoColumnsOverlay.d.ts +2 -3
  84. package/esm/components/GridNoColumnsOverlay.js +0 -1
  85. package/esm/components/GridNoResultsOverlay.d.ts +2 -3
  86. package/esm/components/GridNoResultsOverlay.js +0 -1
  87. package/esm/components/GridNoRowsOverlay.d.ts +2 -3
  88. package/esm/components/GridNoRowsOverlay.js +0 -1
  89. package/esm/components/GridPagination.d.ts +1 -2
  90. package/esm/components/GridScrollArea.d.ts +1 -2
  91. package/esm/components/GridScrollShadows.d.ts +1 -2
  92. package/esm/components/GridScrollbarFillerCell.d.ts +1 -2
  93. package/esm/components/GridScrollbarFillerCell.js +0 -1
  94. package/esm/components/base/GridFooterPlaceholder.d.ts +1 -2
  95. package/esm/components/base/GridFooterPlaceholder.js +0 -1
  96. package/esm/components/base/GridOverlays.d.ts +1 -1
  97. package/esm/components/cell/GridActionsCell.d.ts +2 -3
  98. package/esm/components/cell/GridActionsCellItem.js +0 -17
  99. package/esm/components/cell/GridBooleanCell.d.ts +1 -1
  100. package/esm/components/cell/GridCell.js +8 -1
  101. package/esm/components/cell/GridEditBooleanCell.d.ts +2 -2
  102. package/esm/components/cell/GridEditDateCell.d.ts +2 -2
  103. package/esm/components/cell/GridEditInputCell.d.ts +1 -1
  104. package/esm/components/cell/GridEditInputCell.js +0 -68
  105. package/esm/components/cell/GridEditSingleSelectCell.d.ts +2 -3
  106. package/esm/components/cell/GridSkeletonCell.d.ts +1 -1
  107. package/esm/components/columnHeaders/ColumnHeaderMenuIcon.d.ts +1 -1
  108. package/esm/components/columnHeaders/GridColumnGroupHeader.d.ts +1 -1
  109. package/esm/components/columnHeaders/GridColumnHeaderFilterIconButton.d.ts +1 -1
  110. package/esm/components/columnHeaders/GridColumnHeaderItem.d.ts +1 -1
  111. package/esm/components/columnHeaders/GridColumnHeaderSeparator.d.ts +1 -1
  112. package/esm/components/columnHeaders/GridColumnHeaderSortIcon.d.ts +1 -1
  113. package/esm/components/columnHeaders/GridColumnHeaderTitle.d.ts +1 -1
  114. package/esm/components/columnsManagement/GridColumnsManagement.d.ts +1 -2
  115. package/esm/components/menu/GridMenu.d.ts +1 -1
  116. package/esm/components/menu/columnMenu/GridColumnHeaderMenu.d.ts +1 -1
  117. package/esm/components/menu/columnMenu/GridColumnMenu.d.ts +2 -3
  118. package/esm/components/menu/columnMenu/GridColumnMenu.js +0 -1
  119. package/esm/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem.d.ts +1 -2
  120. package/esm/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.d.ts +1 -2
  121. package/esm/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.d.ts +1 -2
  122. package/esm/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.d.ts +1 -2
  123. package/esm/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.d.ts +1 -2
  124. package/esm/components/panel/GridColumnsPanel.d.ts +1 -2
  125. package/esm/components/panel/GridColumnsPanel.js +0 -1
  126. package/esm/components/panel/GridPanelContent.d.ts +1 -1
  127. package/esm/components/panel/GridPanelContext.d.ts +1 -1
  128. package/esm/components/panel/GridPanelFooter.d.ts +1 -1
  129. package/esm/components/panel/GridPanelHeader.d.ts +1 -1
  130. package/esm/components/panel/GridPreferencesPanel.d.ts +1 -2
  131. package/esm/components/panel/GridPreferencesPanel.js +0 -1
  132. package/esm/components/panel/filterPanel/GridFilterInputBoolean.d.ts +1 -2
  133. package/esm/components/panel/filterPanel/GridFilterInputDate.d.ts +1 -2
  134. package/esm/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.d.ts +1 -2
  135. package/esm/components/panel/filterPanel/GridFilterInputMultipleValue.d.ts +1 -2
  136. package/esm/components/panel/filterPanel/GridFilterInputSingleSelect.d.ts +1 -2
  137. package/esm/components/panel/filterPanel/GridFilterInputValue.d.ts +1 -2
  138. package/esm/components/quickFilter/QuickFilter.d.ts +1 -1
  139. package/esm/components/toolbar/GridToolbar.d.ts +1 -2
  140. package/esm/components/toolbar/GridToolbar.js +0 -1
  141. package/esm/components/toolbar/GridToolbarExport.d.ts +2 -2
  142. package/esm/components/toolbar/GridToolbarQuickFilter.d.ts +1 -2
  143. package/esm/components/toolbar/GridToolbarQuickFilter.js +0 -1
  144. package/esm/components/toolbarV8/GridToolbar.d.ts +3 -3
  145. package/esm/components/virtualization/GridBottomContainer.d.ts +1 -1
  146. package/esm/components/virtualization/GridTopContainer.d.ts +1 -1
  147. package/esm/components/virtualization/GridVirtualScroller.d.ts +1 -1
  148. package/esm/components/virtualization/GridVirtualScrollerFiller.d.ts +1 -2
  149. package/esm/context/GridContextProvider.d.ts +1 -1
  150. package/esm/hooks/features/columnHeaders/useGridColumnHeaders.d.ts +2 -2
  151. package/esm/hooks/features/pagination/useGridPaginationModel.js +5 -3
  152. package/esm/hooks/features/rows/gridRowSpanningUtils.js +8 -5
  153. package/esm/hooks/features/rows/useGridParamsApi.js +2 -12
  154. package/esm/hooks/utils/useGridApiRef.d.ts +1 -2
  155. package/esm/index.js +1 -1
  156. package/esm/internals/demo/TailwindDemoContainer.d.ts +1 -1
  157. package/esm/locales/arSD.js +12 -12
  158. package/esm/locales/caES.d.ts +2 -0
  159. package/esm/locales/caES.js +291 -0
  160. package/esm/locales/index.d.ts +1 -0
  161. package/esm/locales/index.js +1 -0
  162. package/esm/material/icons/index.d.ts +0 -1
  163. package/esm/material/icons/index.js +0 -1
  164. package/esm/utils/css/context.d.ts +3 -3
  165. package/hooks/features/columnHeaders/useGridColumnHeaders.d.ts +2 -2
  166. package/hooks/features/pagination/useGridPaginationModel.js +5 -3
  167. package/hooks/features/rows/gridRowSpanningUtils.js +8 -5
  168. package/hooks/features/rows/useGridParamsApi.js +2 -12
  169. package/hooks/utils/useGridApiRef.d.ts +1 -2
  170. package/index.js +1 -1
  171. package/internals/demo/TailwindDemoContainer.d.ts +1 -1
  172. package/locales/arSD.js +12 -12
  173. package/locales/caES.d.ts +2 -0
  174. package/locales/caES.js +297 -0
  175. package/locales/index.d.ts +1 -0
  176. package/locales/index.js +11 -0
  177. package/material/icons/index.d.ts +0 -1
  178. package/material/icons/index.js +0 -2
  179. package/package.json +4 -4
  180. package/utils/css/context.d.ts +3 -3
package/CHANGELOG.md CHANGED
@@ -5,6 +5,213 @@
5
5
  All notable changes to this project will be documented in this file.
6
6
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
7
7
 
8
+ ## 8.18.0
9
+
10
+ <!-- generated comparing v8.17.0..master -->
11
+
12
+ _Nov 13, 2025_
13
+
14
+ We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:
15
+
16
+ - Add `barLabelPlacement` property to customize the bar label position in bar charts, enabling labels to be placed above bars.
17
+
18
+ ![image](https://github.com/user-attachments/assets/4bc3a75b-74b8-4c6d-896b-5f5bf837bcda)
19
+
20
+ - Add `source` property to the date/time picker lifecycle and event handler context, enabling clearer differentiation between changes initiated by the picker UI and those from direct field input.
21
+ - 🐞 Bugfixes
22
+ - 📚 Documentation improvements
23
+
24
+ Special thanks go out to these community members for their valuable contributions:
25
+ @htollefsen, @sai6855, @Sigdriv
26
+
27
+ The following team members contributed to this release:
28
+ @arminmeh, @bernardobelchior, @brijeshb42, @cherniavskii, @flaviendelangle, @JCQuintas, @michelengelen, @noraleonte, @prakhargupta1, @rita-codes, @siriwatknp
29
+
30
+ ### Data Grid
31
+
32
+ #### `@mui/x-data-grid@8.18.0`
33
+
34
+ - [DataGrid] Allow default event in the column action cell item click event handler (#20272) @arminmeh
35
+ - [DataGrid] Remove unnecessary generic from `useGridApiRef` (#20277) @cherniavskii
36
+
37
+ #### `@mui/x-data-grid-pro@8.18.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
38
+
39
+ Same changes as in `@mui/x-data-grid@8.18.0`.
40
+
41
+ #### `@mui/x-data-grid-premium@8.18.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
42
+
43
+ Same changes as in `@mui/x-data-grid-pro@8.18.0`, plus:
44
+
45
+ - [DataGridPremium] Return the correct `cellParams` value from the aggregation cells (#20224) @arminmeh
46
+
47
+ ### Date and Time Pickers
48
+
49
+ #### `@mui/x-date-pickers@8.18.0`
50
+
51
+ - [pickers] Keep invalid date state consistent (#20040) @michelengelen
52
+ - [pickers] Adds new `source` property to `onChange` and `onAccept` context object (#20234) @michelengelen
53
+
54
+ #### `@mui/x-date-pickers-pro@8.18.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
55
+
56
+ Same changes as in `@mui/x-date-pickers@8.18.0`.
57
+
58
+ ### Charts
59
+
60
+ #### `@mui/x-charts@8.18.0`
61
+
62
+ - [charts] Add prop for positioning a bar label (#20194) @Sigdriv
63
+ - [charts] Fix applying dark mode styles in `ChartAxisZoomSliderThumb` (#20232) @sai6855
64
+
65
+ #### `@mui/x-charts-pro@8.18.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
66
+
67
+ Same changes as in `@mui/x-charts@8.18.0`, plus:
68
+
69
+ - [charts-pro] Allow specifying Content Security Policy nonce on export (#20053) @bernardobelchior
70
+ - [charts-pro] Fix applying dark mode styles to slider (#20220) @sai6855
71
+ - [charts-pro] Sankey should respect node order (#20065) @JCQuintas
72
+
73
+ #### `@mui/x-charts-premium@8.18.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
74
+
75
+ Same changes as in `@mui/x-charts-pro@8.18.0`.
76
+
77
+ ### Tree View
78
+
79
+ #### `@mui/x-tree-view@8.18.0`
80
+
81
+ - [tree view] Prepare tests for the new store structure (#20225) @flaviendelangle
82
+ - [tree view] Prepare the item plugin files for the store migration (#20240) @flaviendelangle
83
+ - [tree view] Use `TreeItemId` type instead of raw string (#20233) @flaviendelangle
84
+
85
+ #### `@mui/x-tree-view-pro@8.18.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
86
+
87
+ Same changes as in `@mui/x-tree-view@8.18.0`.
88
+
89
+ ### Codemod
90
+
91
+ #### `@mui/x-codemod@8.18.0`
92
+
93
+ Internal changes.
94
+
95
+ ### Docs
96
+
97
+ - [charts] Add a demo for a custom tick label (#20073) @prakhargupta1
98
+ - [charts] Create `useAxes()` hook documentation page (#20229) @JCQuintas
99
+ - [charts] Fix logo alignment (#20228) @JCQuintas
100
+ - [charts] Fixes typo in import example (#20236) @htollefsen
101
+ - [Data Grid] Add recipe for cursor pagination with data source (#19700) @siriwatknp
102
+ - [Data Grid] Add a demo for pinned rows aggregation (#20198) @cherniavskii
103
+
104
+ ### Core
105
+
106
+ - [docs-infra] Use deployment config from docs-infra package (#20243) @brijeshb42
107
+
108
+ ## 8.17.0
109
+
110
+ _Nov 5, 2025_
111
+
112
+ We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
113
+
114
+ - Add `colorGetter` prop to cartesian charts series
115
+
116
+ <img width="400" alt="Image" src="https://github.com/user-attachments/assets/d8b1263f-794e-4939-b17e-87350fdd1746" />
117
+
118
+ - 🌎 Add Catalan (ca-ES) locale on the Data Grid
119
+ - 🌎 Add Norwegian Bokmål (nb-NO) locale on the Charts
120
+ - 🐞 Bugfixes
121
+ - 📚 Documentation improvements
122
+
123
+ Special thanks go out to these community members for their valuable contributions:
124
+ @frncesc, @Methuselah96, @samuelwalk, @htollefsen
125
+
126
+ The following team members contributed to this release:
127
+ @alexfauquette, @bernardobelchior, @flaviendelangle, @Janpot, @JCQuintas, @mnajdova, @rita-codes, @arminmeh, @brijeshb42
128
+
129
+ ### Data Grid
130
+
131
+ #### `@mui/x-data-grid@8.17.0`
132
+
133
+ - [DataGrid] Stop event propagation on data grid action buttons (GridActionsCellItem) (#19513) @Copilot
134
+ - [DataGrid] Update cell editable state if `editable` prop is updated in the column definition (#20147) @arminmeh
135
+ - [DataGrid] Wait for external model updates before resetting pagination after sort/filter (#20162) @arminmeh
136
+ - [l10n] Add Catalan (ca-ES) locale (#20154) @frncesc
137
+ - [l10n] Improve Arabic (ar-SD) locale (#20185) @samuelwalk
138
+
139
+ #### `@mui/x-data-grid-pro@8.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
140
+
141
+ Same changes as in `@mui/x-data-grid@8.17.0`.
142
+
143
+ #### `@mui/x-data-grid-premium@8.17.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
144
+
145
+ Same changes as in `@mui/x-data-grid-pro@8.17.0`.
146
+
147
+ ### Date and Time Pickers
148
+
149
+ #### `@mui/x-date-pickers@8.17.0`
150
+
151
+ Internal changes.
152
+
153
+ #### `@mui/x-date-pickers-pro@8.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
154
+
155
+ Same changes as in `@mui/x-date-pickers@8.17.0`.
156
+
157
+ ### Charts
158
+
159
+ #### `@mui/x-charts@8.17.0`
160
+
161
+ - [charts] Add `barLabel` to bar series. Deprecate `barLabel` in `BarPlot`. (#20184) @bernardobelchior
162
+ - [charts] Add series color callback (#20084) @bernardobelchior
163
+ - [charts] Expose `ChartsSurface` classes (#20180) @bernardobelchior
164
+ - [charts] Fix chart cut off when inside `overflow: scroll` container (#20182) @bernardobelchior
165
+ - [charts] Fix tick label overflow on multiple axes and series demo (#20152) @bernardobelchior
166
+ - [charts] Organize series config (#20155) @bernardobelchior
167
+ - [charts] Use selectors from `@mui/x-internals` (#20052) @alexfauquette
168
+ - [charts] Use store from `@mui/x-internals` (#20121) @alexfauquette
169
+ - [charts] Add `useDataset` hook (#20205) @JCQuintas
170
+ - [l10n] Add Norwegian Bokmål (nb-NO) locale (#20197) @htollefsen
171
+
172
+ #### `@mui/x-charts-pro@8.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
173
+
174
+ Same changes as in `@mui/x-charts@8.17.0`, plus:
175
+
176
+ - [charts-pro] Fix zoom pan issue when controlled (#20163) @JCQuintas
177
+
178
+ #### `@mui/x-charts-premium@8.17.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
179
+
180
+ Same changes as in `@mui/x-charts-pro@8.17.0`.
181
+
182
+ ### Tree View
183
+
184
+ #### `@mui/x-tree-view@8.17.0`
185
+
186
+ - [tree view] Accept read only arrays in `expandedItems` prop (#20181) @Methuselah96
187
+ - [tree view] Use `aria-checked` instead of `aria-selected` on items (#19851) @flaviendelangle
188
+
189
+ #### `@mui/x-tree-view-pro@8.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
190
+
191
+ Same changes as in `@mui/x-tree-view@8.17.0`.
192
+
193
+ ### Codemod
194
+
195
+ #### `@mui/x-codemod@8.17.0`
196
+
197
+ Internal changes.
198
+
199
+ ### Docs
200
+
201
+ - [docs] Fix focus issues in the action column demo (#20178) @arminmeh
202
+ - [docs] Remove hidden Tree View headless page (#20119) @flaviendelangle
203
+ - [docs] Fix some external redirects (#20211) @Janpot
204
+
205
+ ### Core
206
+
207
+ - [code-infra] Fix cci job timeout due to buffered test output (#20193) @Janpot
208
+ - [code-infra] Fix publish workflow (#20140) @bernardobelchior
209
+ - [code-infra] Increase JSDOM test parallelism (#20179) @Janpot
210
+ - [code-infra] Remove React import requirement for jsx (#20144) @brijeshb42
211
+ - [code-infra] Replace `getInitialProps` with `getStaticProps` (#20192) @Janpot
212
+ - [code-infra] git-ignore next-env.d.ts (#20177) @Janpot
213
+ - [code-infra] Stabilize screenshot testing (#19868) @Janpot
214
+
8
215
  ## 8.16.0
9
216
 
10
217
  _Oct 29, 2025_
@@ -39,7 +246,7 @@ Same changes as in `@mui/x-data-grid@8.16.0`, plus:
39
246
  Same changes as in `@mui/x-data-grid-pro@8.16.0`, plus:
40
247
 
41
248
  - [DataGridPremium] Export and restore chart integration state (#20079) @arminmeh
42
- - [DataGridPremium] Fix grouping column `valueFormatter()` crash (#20070) @sai6855
249
+ - [DataGridPremium] Fix grouping column `valueFormatter()` crash (#20070) @sai6855
43
250
  - [DataGridPremium] Refetch aggregation data after row update with server-side aggregation (#20039) @arminmeh
44
251
 
45
252
  ### Date and Time Pickers
@@ -1,13 +1,11 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.GRID_CHECKBOX_SELECTION_FIELD = exports.GRID_CHECKBOX_SELECTION_COL_DEF = void 0;
9
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var React = _interopRequireWildcard(require("react"));
11
9
  var _GridCellCheckboxRenderer = require("../components/columnSelection/GridCellCheckboxRenderer");
12
10
  var _GridHeaderCheckbox = require("../components/columnSelection/GridHeaderCheckbox");
13
11
  var _gridBooleanColDef = require("./gridBooleanColDef");
@@ -9,7 +9,7 @@ export type GridColumnSortButtonProps = GridSlotProps['baseIconButton'] & {
9
9
  disabled?: boolean;
10
10
  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
11
11
  };
12
- declare function GridColumnSortButton(props: GridColumnSortButtonProps): React.JSX.Element | null;
12
+ declare function GridColumnSortButton(props: GridColumnSortButtonProps): import("react/jsx-runtime").JSX.Element | null;
13
13
  declare namespace GridColumnSortButton {
14
14
  var propTypes: any;
15
15
  }
@@ -1,6 +1,5 @@
1
- import * as React from 'react';
2
1
  import { GridFooterContainerProps } from "./containers/GridFooterContainer.js";
3
- declare const GridFooter: React.ForwardRefExoticComponent<GridFooterContainerProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
2
+ declare const GridFooter: import("react").ForwardRefExoticComponent<GridFooterContainerProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
4
3
  sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
5
- } & React.RefAttributes<HTMLDivElement>>;
4
+ } & import("react").RefAttributes<HTMLDivElement>>;
6
5
  export { GridFooter };
@@ -1,13 +1,11 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.GridFooter = void 0;
9
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _forwardRef = require("@mui/x-internals/forwardRef");
13
11
  var _useGridSelector = require("../hooks/utils/useGridSelector");
@@ -1,2 +1 @@
1
- import * as React from 'react';
2
- export declare function GridHeader(): React.JSX.Element;
1
+ export declare function GridHeader(): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,3 @@
1
- import * as React from 'react';
2
- declare function GridHeaders(): React.JSX.Element;
1
+ declare function GridHeaders(): import("react/jsx-runtime").JSX.Element;
3
2
  declare const MemoizedGridHeaders: typeof GridHeaders;
4
3
  export { MemoizedGridHeaders as GridHeaders };
@@ -1,13 +1,11 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.GridHeaders = void 0;
9
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var React = _interopRequireWildcard(require("react"));
11
9
  var _fastMemo = require("@mui/x-internals/fastMemo");
12
10
  var _useGridPrivateApiContext = require("../hooks/utils/useGridPrivateApiContext");
13
11
  var _useGridSelector = require("../hooks/utils/useGridSelector");
@@ -1,6 +1,5 @@
1
- import * as React from 'react';
2
1
  import { GridOverlayProps } from "./containers/GridOverlay.js";
3
- declare const GridNoColumnsOverlay: React.ForwardRefExoticComponent<GridOverlayProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
2
+ declare const GridNoColumnsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
4
3
  sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
5
- } & React.RefAttributes<HTMLDivElement>>;
4
+ } & import("react").RefAttributes<HTMLDivElement>>;
6
5
  export { GridNoColumnsOverlay };
@@ -1,13 +1,11 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.GridNoColumnsOverlay = void 0;
9
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _forwardRef = require("@mui/x-internals/forwardRef");
13
11
  var _useGridRootProps = require("../hooks/utils/useGridRootProps");
@@ -1,5 +1,4 @@
1
- import * as React from 'react';
2
1
  import { GridOverlayProps } from "./containers/GridOverlay.js";
3
- export declare const GridNoResultsOverlay: React.ForwardRefExoticComponent<GridOverlayProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
2
+ export declare const GridNoResultsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
4
3
  sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
5
- } & React.RefAttributes<HTMLDivElement>>;
4
+ } & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,13 +1,11 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.GridNoResultsOverlay = void 0;
9
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var React = _interopRequireWildcard(require("react"));
11
9
  var _forwardRef = require("@mui/x-internals/forwardRef");
12
10
  var _useGridApiContext = require("../hooks/utils/useGridApiContext");
13
11
  var _GridOverlay = require("./containers/GridOverlay");
@@ -1,6 +1,5 @@
1
- import * as React from 'react';
2
1
  import { GridOverlayProps } from "./containers/GridOverlay.js";
3
- declare const GridNoRowsOverlay: React.ForwardRefExoticComponent<GridOverlayProps> | React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
2
+ declare const GridNoRowsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
4
3
  sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
5
- } & React.RefAttributes<HTMLDivElement>>;
4
+ } & import("react").RefAttributes<HTMLDivElement>>;
6
5
  export { GridNoRowsOverlay };
@@ -1,13 +1,11 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.GridNoRowsOverlay = void 0;
9
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _forwardRef = require("@mui/x-internals/forwardRef");
13
11
  var _useGridApiContext = require("../hooks/utils/useGridApiContext");
@@ -1,5 +1,4 @@
1
- import * as React from 'react';
2
- declare function GridPagination(): React.JSX.Element;
1
+ declare function GridPagination(): import("react/jsx-runtime").JSX.Element;
3
2
  declare namespace GridPagination {
4
3
  var propTypes: any;
5
4
  }
@@ -1,10 +1,9 @@
1
- import * as React from 'react';
2
1
  import { RefObject } from '@mui/x-internals/types';
3
2
  import { GridScrollParams } from "../models/params/gridScrollParams.js";
4
3
  interface ScrollAreaProps {
5
4
  scrollDirection: 'left' | 'right' | 'up' | 'down';
6
5
  scrollPosition: RefObject<GridScrollParams>;
7
6
  }
8
- declare function GridScrollAreaWrapper(props: ScrollAreaProps): React.JSX.Element | null;
7
+ declare function GridScrollAreaWrapper(props: ScrollAreaProps): import("react/jsx-runtime").JSX.Element | null;
9
8
  export declare const GridScrollArea: typeof GridScrollAreaWrapper;
10
9
  export {};
@@ -1,6 +1,5 @@
1
- import * as React from 'react';
2
1
  interface GridScrollShadowsProps {
3
2
  position: 'vertical' | 'horizontal';
4
3
  }
5
- declare function GridScrollShadows(props: GridScrollShadowsProps): React.JSX.Element;
4
+ declare function GridScrollShadows(props: GridScrollShadowsProps): import("react/jsx-runtime").JSX.Element;
6
5
  export { GridScrollShadows };
@@ -1,7 +1,6 @@
1
- import * as React from 'react';
2
1
  declare function GridScrollbarFillerCell({
3
2
  pinnedRight
4
3
  }: {
5
4
  pinnedRight?: boolean;
6
- }): React.JSX.Element;
5
+ }): import("react/jsx-runtime").JSX.Element;
7
6
  export { GridScrollbarFillerCell };
@@ -1,12 +1,10 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.GridScrollbarFillerCell = GridScrollbarFillerCell;
9
- var React = _interopRequireWildcard(require("react"));
10
8
  var _clsx = _interopRequireDefault(require("clsx"));
11
9
  var _constants = require("../constants");
12
10
  var _jsxRuntime = require("react/jsx-runtime");
@@ -1,2 +1 @@
1
- import * as React from 'react';
2
- export declare function GridFooterPlaceholder(): React.JSX.Element | null;
1
+ export declare function GridFooterPlaceholder(): import("react/jsx-runtime").JSX.Element | null;
@@ -1,13 +1,11 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.GridFooterPlaceholder = GridFooterPlaceholder;
9
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var React = _interopRequireWildcard(require("react"));
11
9
  var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
12
10
  var _jsxRuntime = require("react/jsx-runtime");
13
11
  function GridFooterPlaceholder() {
@@ -4,7 +4,7 @@ interface GridOverlaysProps {
4
4
  overlayType: GridOverlayType;
5
5
  loadingOverlayVariant: GridLoadingOverlayVariant | null;
6
6
  }
7
- export declare function GridOverlayWrapper(props: React.PropsWithChildren<GridOverlaysProps>): React.JSX.Element;
7
+ export declare function GridOverlayWrapper(props: React.PropsWithChildren<GridOverlaysProps>): import("react/jsx-runtime").JSX.Element;
8
8
  export declare namespace GridOverlayWrapper {
9
9
  var propTypes: any;
10
10
  }
@@ -1,13 +1,12 @@
1
- import * as React from 'react';
2
1
  import { GridRenderCellParams } from "../../models/params/gridCellParams.js";
3
2
  import { GridMenuProps } from "../menu/GridMenu.js";
4
3
  interface GridActionsCellProps extends Omit<GridRenderCellParams, 'api'> {
5
4
  api?: GridRenderCellParams['api'];
6
5
  position?: GridMenuProps['position'];
7
6
  }
8
- declare function GridActionsCell(props: GridActionsCellProps): React.JSX.Element;
7
+ declare function GridActionsCell(props: GridActionsCellProps): import("react/jsx-runtime").JSX.Element;
9
8
  declare namespace GridActionsCell {
10
9
  var propTypes: any;
11
10
  }
12
11
  export { GridActionsCell };
13
- export declare const renderActionsCell: (params: GridRenderCellParams) => React.JSX.Element;
12
+ export declare const renderActionsCell: (params: GridRenderCellParams) => import("react/jsx-runtime").JSX.Element;
@@ -9,7 +9,6 @@ exports.GridActionsCellItem = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
11
  var React = _interopRequireWildcard(require("react"));
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
12
  var _forwardRef = require("@mui/x-internals/forwardRef");
14
13
  var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
15
14
  var _jsxRuntime = require("react/jsx-runtime");
@@ -62,20 +61,4 @@ const GridActionsCellItem = exports.GridActionsCellItem = (0, _forwardRef.forwar
62
61
  children: label
63
62
  }));
64
63
  });
65
- if (process.env.NODE_ENV !== "production") GridActionsCellItem.displayName = "GridActionsCellItem";
66
- process.env.NODE_ENV !== "production" ? GridActionsCellItem.propTypes = {
67
- // ----------------------------- Warning --------------------------------
68
- // | These PropTypes are generated from the TypeScript type definitions |
69
- // | To update them edit the TypeScript types and run "pnpm proptypes" |
70
- // ----------------------------------------------------------------------
71
- className: _propTypes.default.string,
72
- /**
73
- * from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component
74
- */
75
- component: _propTypes.default.elementType,
76
- disabled: _propTypes.default.bool,
77
- icon: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.element, _propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.string, _propTypes.default.bool]),
78
- label: _propTypes.default.node,
79
- showInMenu: _propTypes.default.bool,
80
- style: _propTypes.default.object
81
- } : void 0;
64
+ if (process.env.NODE_ENV !== "production") GridActionsCellItem.displayName = "GridActionsCellItem";
@@ -4,7 +4,7 @@ import type { GridRenderCellParams } from "../../models/params/gridCellParams.js
4
4
  interface GridBooleanCellProps extends GridRenderCellParams {
5
5
  hideDescendantCount?: boolean;
6
6
  }
7
- declare function GridBooleanCellRaw(props: GridBooleanCellProps): React.JSX.Element | null;
7
+ declare function GridBooleanCellRaw(props: GridBooleanCellProps): import("react/jsx-runtime").JSX.Element | null;
8
8
  declare namespace GridBooleanCellRaw {
9
9
  var propTypes: any;
10
10
  }
@@ -122,7 +122,14 @@ const GridCell = (0, _forwardRef.forwardRef)(function GridCell(props, ref) {
122
122
  formattedValue: forcedFormattedValue
123
123
  });
124
124
  cellParams.api = apiRef.current;
125
- cellParams.isEditable = (0, _useGridSelector.useGridSelector)(apiRef, () => apiRef.current.isCellEditable(cellParams));
125
+
126
+ // Subscribe to changes of the `isCellEditable` API result to ensure cells re-render.
127
+ // We don't use the result.
128
+ // Subscription will trigger a new call of `getCellParamsForRow` above which will recompute the correct value of `isEditable`.
129
+ // This is to ensure both of the following cases work:
130
+ // - https://github.com/mui/mui-x/issues/19732
131
+ // - https://github.com/mui/mui-x/issues/20143
132
+ (0, _useGridSelector.useGridSelector)(apiRef, () => apiRef.current.isCellEditable(cellParams));
126
133
  const isSelected = (0, _useGridSelector.useGridSelector)(apiRef, () => apiRef.current.unstable_applyPipeProcessors('isCellSelected', false, {
127
134
  id: rowId,
128
135
  field
@@ -9,9 +9,9 @@ export interface GridEditBooleanCellProps extends GridRenderEditCellParams, Omit
9
9
  */
10
10
  onValueChange?: (event: React.ChangeEvent<HTMLInputElement>, newValue: boolean) => Promise<void> | void;
11
11
  }
12
- declare function GridEditBooleanCell(props: GridEditBooleanCellProps): React.JSX.Element;
12
+ declare function GridEditBooleanCell(props: GridEditBooleanCellProps): import("react/jsx-runtime").JSX.Element;
13
13
  declare namespace GridEditBooleanCell {
14
14
  var propTypes: any;
15
15
  }
16
16
  export { GridEditBooleanCell };
17
- export declare const renderEditBooleanCell: (params: GridEditBooleanCellProps) => React.JSX.Element;
17
+ export declare const renderEditBooleanCell: (params: GridEditBooleanCellProps) => import("react/jsx-runtime").JSX.Element;
@@ -13,9 +13,9 @@ export interface GridEditDateCellProps extends GridRenderEditCellParams {
13
13
  root?: Partial<GridSlotProps['baseInput']>;
14
14
  };
15
15
  }
16
- declare function GridEditDateCell(props: GridEditDateCellProps): React.JSX.Element;
16
+ declare function GridEditDateCell(props: GridEditDateCellProps): import("react/jsx-runtime").JSX.Element;
17
17
  declare namespace GridEditDateCell {
18
18
  var propTypes: any;
19
19
  }
20
20
  export { GridEditDateCell };
21
- export declare const renderEditDateCell: (params: GridRenderEditCellParams) => React.JSX.Element;
21
+ export declare const renderEditDateCell: (params: GridRenderEditCellParams) => import("react/jsx-runtime").JSX.Element;
@@ -16,4 +16,4 @@ export interface GridEditInputCellProps extends GridRenderEditCellParams {
16
16
  }
17
17
  declare const GridEditInputCell: React.ForwardRefExoticComponent<GridEditInputCellProps> | React.ForwardRefExoticComponent<Omit<GridEditInputCellProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
18
18
  export { GridEditInputCell };
19
- export declare const renderEditInputCell: (params: GridEditInputCellProps) => React.JSX.Element;
19
+ export declare const renderEditInputCell: (params: GridEditInputCellProps) => import("react/jsx-runtime").JSX.Element;