@mui/x-tree-view-pro 7.12.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 (98) hide show
  1. package/LICENSE +11 -0
  2. package/README.md +26 -0
  3. package/build/CHANGELOG.md +4336 -0
  4. package/build/LICENSE +11 -0
  5. package/build/README.md +26 -0
  6. package/build/RichTreeViewPro/RichTreeViewPro.d.ts +20 -0
  7. package/build/RichTreeViewPro/RichTreeViewPro.js +359 -0
  8. package/build/RichTreeViewPro/RichTreeViewPro.plugins.d.ts +8 -0
  9. package/build/RichTreeViewPro/RichTreeViewPro.plugins.js +5 -0
  10. package/build/RichTreeViewPro/RichTreeViewPro.types.d.ts +65 -0
  11. package/build/RichTreeViewPro/RichTreeViewPro.types.js +1 -0
  12. package/build/RichTreeViewPro/index.d.ts +3 -0
  13. package/build/RichTreeViewPro/index.js +3 -0
  14. package/build/RichTreeViewPro/package.json +6 -0
  15. package/build/RichTreeViewPro/richTreeViewProClasses.d.ts +7 -0
  16. package/build/RichTreeViewPro/richTreeViewProClasses.js +6 -0
  17. package/build/index.d.ts +12 -0
  18. package/build/index.js +22 -0
  19. package/build/internals/index.d.ts +1 -0
  20. package/build/internals/index.js +1 -0
  21. package/build/internals/package.json +6 -0
  22. package/build/internals/plugins/useTreeViewItemsReordering/index.d.ts +2 -0
  23. package/build/internals/plugins/useTreeViewItemsReordering/index.js +1 -0
  24. package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.d.ts +3 -0
  25. package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.d.ts +4 -0
  26. package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js +128 -0
  27. package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +193 -0
  28. package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.d.ts +140 -0
  29. package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +1 -0
  30. package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.d.ts +26 -0
  31. package/build/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js +150 -0
  32. package/build/internals/utils/releaseInfo.d.ts +1 -0
  33. package/build/internals/utils/releaseInfo.js +13 -0
  34. package/build/internals/zero-styled/index.d.ts +3 -0
  35. package/build/internals/zero-styled/index.js +7 -0
  36. package/build/modern/RichTreeViewPro/RichTreeViewPro.js +359 -0
  37. package/build/modern/RichTreeViewPro/RichTreeViewPro.plugins.js +5 -0
  38. package/build/modern/RichTreeViewPro/RichTreeViewPro.types.js +1 -0
  39. package/build/modern/RichTreeViewPro/index.js +3 -0
  40. package/build/modern/RichTreeViewPro/richTreeViewProClasses.js +6 -0
  41. package/build/modern/index.js +22 -0
  42. package/build/modern/internals/index.js +1 -0
  43. package/build/modern/internals/plugins/useTreeViewItemsReordering/index.js +1 -0
  44. package/build/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js +128 -0
  45. package/build/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +193 -0
  46. package/build/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +1 -0
  47. package/build/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js +150 -0
  48. package/build/modern/internals/utils/releaseInfo.js +13 -0
  49. package/build/modern/internals/zero-styled/index.js +7 -0
  50. package/build/modern/themeAugmentation/index.js +3 -0
  51. package/build/node/RichTreeViewPro/RichTreeViewPro.js +367 -0
  52. package/build/node/RichTreeViewPro/RichTreeViewPro.plugins.js +11 -0
  53. package/build/node/RichTreeViewPro/RichTreeViewPro.types.js +5 -0
  54. package/build/node/RichTreeViewPro/index.js +27 -0
  55. package/build/node/RichTreeViewPro/richTreeViewProClasses.js +14 -0
  56. package/build/node/index.js +154 -0
  57. package/build/node/internals/index.js +12 -0
  58. package/build/node/internals/plugins/useTreeViewItemsReordering/index.js +12 -0
  59. package/build/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js +138 -0
  60. package/build/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +203 -0
  61. package/build/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.js +5 -0
  62. package/build/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.js +160 -0
  63. package/build/node/internals/utils/releaseInfo.js +20 -0
  64. package/build/node/internals/zero-styled/index.js +17 -0
  65. package/build/node/themeAugmentation/index.js +38 -0
  66. package/build/package.json +59 -0
  67. package/build/themeAugmentation/components.d.ts +13 -0
  68. package/build/themeAugmentation/index.d.ts +3 -0
  69. package/build/themeAugmentation/index.js +3 -0
  70. package/build/themeAugmentation/overrides.d.ts +13 -0
  71. package/build/themeAugmentation/package.json +6 -0
  72. package/build/themeAugmentation/props.d.ts +12 -0
  73. package/package.json +71 -0
  74. package/src/RichTreeViewPro/RichTreeViewPro.plugins.ts +54 -0
  75. package/src/RichTreeViewPro/RichTreeViewPro.test.tsx +20 -0
  76. package/src/RichTreeViewPro/RichTreeViewPro.tsx +383 -0
  77. package/src/RichTreeViewPro/RichTreeViewPro.types.ts +80 -0
  78. package/src/RichTreeViewPro/index.ts +8 -0
  79. package/src/RichTreeViewPro/richTreeViewProClasses.ts +18 -0
  80. package/src/index.ts +17 -0
  81. package/src/internals/index.ts +1 -0
  82. package/src/internals/plugins/useTreeViewItemsReordering/index.ts +7 -0
  83. package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.ts +155 -0
  84. package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.test.tsx +370 -0
  85. package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.ts +278 -0
  86. package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.ts +160 -0
  87. package/src/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.ts +199 -0
  88. package/src/internals/utils/releaseInfo.ts +15 -0
  89. package/src/internals/zero-styled/index.ts +8 -0
  90. package/src/themeAugmentation/components.d.ts +13 -0
  91. package/src/themeAugmentation/index.js +1 -0
  92. package/src/themeAugmentation/index.ts +3 -0
  93. package/src/themeAugmentation/overrides.d.ts +13 -0
  94. package/src/themeAugmentation/props.d.ts +12 -0
  95. package/src/themeAugmentation/themeAugmentation.spec.ts +26 -0
  96. package/tsconfig.build.json +21 -0
  97. package/tsconfig.build.tsbuildinfo +1 -0
  98. package/tsconfig.json +14 -0
@@ -0,0 +1,4336 @@
1
+ # Change Log
2
+
3
+ All notable changes to this project will be documented in this file.
4
+ See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
+
6
+ ## 7.12.0
7
+
8
+ _Aug 1, 2024_
9
+
10
+ ### 💵 Our commercial offering is evolving
11
+
12
+ The [Pro plan](https://mui.com/x/introduction/licensing/#pro-plan) is receiving two new packages:
13
+
14
+ - `@mui/x-tree-view-pro` (available today!)
15
+ - `@mui/x-charts-pro` (available in the coming weeks)
16
+
17
+ As always, every feature released as part of the MIT plan will remain free and MIT licensed forever.
18
+
19
+ This expansion of the Pro plan comes with some adjustments to our pricing strategy. Learn more about those in the [Upcoming changes to MUI X pricing in 2024](https://mui.com/blog/mui-x-sep-2024-price-update/) blog post.
20
+
21
+ ### Highlights
22
+
23
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
24
+
25
+ - 🎁 Introduce [item reordering using drag and drop](https://mui.com/x/react-tree-view/rich-tree-view/ordering/) on the `RichTreeViewPro` component
26
+
27
+ <img width="384" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />
28
+
29
+ - 📦 Support Common JS bundle out of the box on `@mui/x-charts` by adding vendored D3 dependencies.
30
+
31
+ - This modifies how the package imports D3.js. It will impact you if you use `d3` packages installed by `@mui/x-charts` and don't have them in your `package.json`. You shouldn't be affected otherwise.
32
+ - For more context, the initial issue is caused by D3 only exporting ESM.
33
+
34
+ ![image](https://github.com/user-attachments/assets/d705b4de-0c93-420e-a416-528e7a044c1d)
35
+
36
+ - The solution up until now was to export charts with only ESM. But some frameworks are confused by this configuration.
37
+
38
+ ![image](https://github.com/user-attachments/assets/18a09703-9dd4-4226-a33d-167af059219c)
39
+
40
+ - So in order to fix this, we are providing a CJS version of D3.
41
+
42
+ ![image](https://github.com/user-attachments/assets/56387fe6-85d8-4750-bb9d-9866d5be68fa)
43
+
44
+ - 🌍 Improve Turkish (tr-TR) locale on the Data Grid
45
+ - 🌍 Improve Finnish (fi-FI) locale on the Date and Time Pickers
46
+ - 🐞 Bugfixes
47
+ - 📚 Documentation improvements
48
+
49
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
50
+
51
+ ### Data Grid
52
+
53
+ #### `@mui/x-data-grid@7.12.0`
54
+
55
+ - [DataGrid] Fix crash when updating columns immediately after scrolling (#13781) @cherniavskii
56
+ - [DataGrid] Fix `role=presentation` a11y issue (#13891) @romgrk
57
+ - [DataGrid] Fix top corner pixels & outline radius (#13943) @romgrk
58
+ - [DataGrid] Refactor: remove useless copy (#14039) @romgrk
59
+ - [l10n] Improve Turkish (tr-TR) locale (#13996) @bagcivan
60
+
61
+ #### `@mui/x-data-grid-pro@7.12.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
62
+
63
+ Same changes as in `@mui/x-data-grid@7.12.0`.
64
+
65
+ #### `@mui/x-data-grid-premium@7.12.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
66
+
67
+ Same changes as in `@mui/x-data-grid-pro@7.12.0`.
68
+
69
+ ### Date and Time Pickers
70
+
71
+ #### `@mui/x-date-pickers@7.12.0`
72
+
73
+ - [l10n] Improve Finnish (fi-FI) locale (#14054) @frozenzia
74
+
75
+ #### `@mui/x-date-pickers-pro@7.12.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
76
+
77
+ Same changes as in `@mui/x-date-pickers@7.12.0`.
78
+
79
+ ### Charts
80
+
81
+ #### `@mui/x-charts@7.12.0`
82
+
83
+ - [charts] Fix incorrect `axisId` prop being allowed in xAxis/yAxis config. Use `id` instead. (#13986) @JCQuintas
84
+ - [charts] Use vendor to have Common JS bundle working out of the box (#13608) @alexfauquette
85
+ - [charts] Divide the `SeriesProvider` to use in filtering (#14026) @JCQuintas
86
+
87
+ ### Tree View
88
+
89
+ #### `@mui/x-tree-view@7.12.0`
90
+
91
+ - [TreeView] Add new prop `onItemClick` on the Tree View components (#14018) @flaviendelangle
92
+ - [TreeView] Add new utility function `isEventTargetInDescendants` (#13982) @flaviendelangle
93
+ - [TreeView] Support item reordering using drag and drop (#12213) @flaviendelangle
94
+
95
+ ### Docs
96
+
97
+ - [docs] Add Pickers `minDate` and `maxDate` `default` description (#14024) @LukasTy
98
+ - [docs] Fix 404 (#13989) @alexfauquette
99
+ - [docs] Fix Vale errors (#14025) @oliviertassinari
100
+ - [docs] Update on `renderCell` & autogenerated rows (#13879) @romgrk
101
+
102
+ ### Core
103
+
104
+ - [core] Fix event naming convention @oliviertassinari
105
+ - [core] Replace @mui/base with @mui/utils + @mui/material (#13823) @mnajdova
106
+ - [core] Test `charts` performance with codspeed (#13952) @JCQuintas
107
+ - [infra] Consolidate issue cleanup and support labeling action (#14031) @michelengelen
108
+ - [infra] Revert `vale` action `paths` filtering (#14038) @LukasTy
109
+ - [test] Fix adapters code coverage (#13969) @alexfauquette
110
+ - [test] Fix mocha config to run charts tests (#14041) @alexfauquette
111
+
112
+ ## 7.11.1
113
+
114
+ _Jul 25, 2024_
115
+
116
+ We'd like to offer a big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
117
+
118
+ - 🔎 Allow `Zoom` to be controllable for charts (#13858) @JCQuintas
119
+ - 🌍 Add Icelandic (is-IS) and Norwegian Nynorsk (nn-NO) locales on the Data Grid
120
+ - 🌍 Improve Norwegian Bokmål (nb-NO) and German (de-DE) locales on the Data Grid
121
+ - 🌍 Add Norwegian Nynorsk (nn-NO) locale on the Date and Time Pickers
122
+ - 🐞 Bugfixes
123
+ - 📚 Documentation improvements
124
+
125
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
126
+
127
+ ### Data Grid
128
+
129
+ #### `@mui/x-data-grid@7.11.1`
130
+
131
+ - [DataGrid] Remove dead code in internal `GridPreferencesPanel` (#13934) @k-rajat19
132
+ - [DataGrid] Do not miss to escape formulas in CSV export (#13888) @arminmeh
133
+ - [l10n] Add Icelandic (is-IS) locale (#13283) @magnimarels
134
+ - [l10n] Add Norwegian nynorsk (nn-NO) locale and improve Norwegian bokmål (nb-NO) locale (#13588) @AnderzL7
135
+ - [l10n] Improve German (de-DE) locale (#13910) @lhilgert9
136
+
137
+ #### `@mui/x-data-grid-pro@7.11.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
138
+
139
+ Same changes as in `@mui/x-data-grid@7.11.1`.
140
+
141
+ #### `@mui/x-data-grid-premium@7.11.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
142
+
143
+ Same changes as in `@mui/x-data-grid-pro@7.11.1`, plus:
144
+
145
+ - [DataGridPremium] Pass the `api` object to events (#13893) @pcorpet
146
+ - [DataGridPremium] Fix paste to selected cells (#13967) @romgrk
147
+
148
+ ### Date and Time Pickers
149
+
150
+ #### `@mui/x-date-pickers@7.11.1`
151
+
152
+ - [fields] Prevent keyboard editing when disabled (#13900) @arthurbalduini
153
+ - [l10n] Add Norwegian Nynorsk (nn-NO) locale (#13946) @AnderzL7
154
+
155
+ #### `@mui/x-date-pickers-pro@7.11.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
156
+
157
+ Same changes as in `@mui/x-date-pickers@7.11.1`.
158
+
159
+ ### Charts
160
+
161
+ #### `@mui/x-charts@7.11.1`
162
+
163
+ - [charts] Add `ownerState` function to `slotProps` typing when available (#13965) @alexfauquette
164
+ - [charts] Allow `Zoom` to be controllable (#13858) @JCQuintas
165
+ - [charts] Deprecate `xAxisKey` /`zAxisKey` in favor of `xAxisId`/`zAxisId` (#13940) @alexfauquette
166
+ - [charts] Hide empty arcs in the PieChart (#13897) @alexfauquette
167
+ - [charts] Limit the trigger of exit charts (#13682) @alexfauquette
168
+
169
+ ### Tree View
170
+
171
+ #### `@mui/x-tree-view@7.11.1`
172
+
173
+ - [TreeView] Allow the plugins to enrich the props passed to the item slots (#13953) @flaviendelangle
174
+
175
+ ### Docs
176
+
177
+ - [docs] Bump pnpm priority as a package manager (#13894) @oliviertassinari
178
+ - [docs] Explicitly mark charts pro as not released (#13905) @alexfauquette
179
+ - [docs] Fix dot consistency a11y table @oliviertassinari
180
+ - [docs] Fix some typos in charts docs (#13906) @cratiu222
181
+ - [docs] Fix spelling (#13902) @nnsW3
182
+ - [docs] Improve error message when moving between plans (#13874) @oliviertassinari
183
+ - [docs] Update `SparkLineChart` reference not being correctly capitalised (#13960) @duckboy81
184
+ - [docs] Fix scroll demos disorientation (#13909) @oliviertassinari
185
+
186
+ ### Core
187
+
188
+ - [core] Add `@mui/material-nextjs` to `MUI Core` renovate group (#13966) @LukasTy
189
+ - [core] Remove warning message in production (#13911) @oliviertassinari
190
+ - [code-infra] Reuse `useReactVersion` script from the monorepo (#13710) @cherniavskii
191
+ - [infra] Adds order id validation action (#13957) @michelengelen
192
+ - [infra] Fix order id validator action (#13971) @michelengelen
193
+ - [infra] Fix regex in order id validation (#13976) @michelengelen
194
+ - [infra] Issue template improvement (#13954) @michelengelen
195
+
196
+ ## 7.11.0
197
+
198
+ _Jul 18, 2024_
199
+
200
+ We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
201
+
202
+ - 🎨 Add [color legend](https://mui.com/x/react-charts/legend/#color-legend) for charts (#13700) @alexfauquette
203
+ - 🌍 Improve Korean (ko-KR) locale on the Date and Time Pickers
204
+ - 🌍 Improve Russian (ru-RU) locale on the Date and Time Pickers and Data Grid
205
+ - 🐞 Bugfixes
206
+ - 📚 Documentation improvements
207
+
208
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
209
+
210
+ ### Data Grid
211
+
212
+ #### `@mui/x-data-grid@7.11.0`
213
+
214
+ - [DataGrid] Expose `gridEditRowsStateSelector` (#13877) @romgrk
215
+ - [DataGrid] Fix `columnResizeStop` event not emitted when column is not resized (#13307) @mateuseap
216
+ - [DataGrid] Fix delete filter inconsistent behavior (#13353) @oukunan
217
+ - [DataGrid] Enable flip on preferences panel (#13803) @romgrk
218
+ - [DataGrid] Support `date` and `datetime-local` input types in `GridFilterInputMultipleValue` type (#13411) @karudedios
219
+ - [l10n] Improve Russian (ru-RU) locale (#13735) @diro-atk
220
+
221
+ #### `@mui/x-data-grid-pro@7.11.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
222
+
223
+ Same changes as in `@mui/x-data-grid@7.11.0`.
224
+
225
+ #### `@mui/x-data-grid-premium@7.11.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
226
+
227
+ Same changes as in `@mui/x-data-grid-pro@7.11.0`.
228
+
229
+ ### Date and Time Pickers
230
+
231
+ #### `@mui/x-date-pickers@7.11.0`
232
+
233
+ - [l10n] Improve Korean (ko-KR) locale (#13651) @100pearlcent
234
+ - [l10n] Improve Russian (ru-RU) locale (#13871) @Inv1x
235
+ - [pickers] Add more conformance tests improving API docs precision (#13800) @LukasTy
236
+ - [TimePicker] Add `Mui-selected` class to `TimeClock` meridiem buttons (#13848) @LukasTy
237
+
238
+ #### `@mui/x-date-pickers-pro@7.11.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
239
+
240
+ Same changes as in `@mui/x-date-pickers@7.11.0`, plus:
241
+
242
+ - [DateRangePicker] Fix `name` prop propagation regression (#13821) @LukasTy
243
+
244
+ ### Charts
245
+
246
+ #### `@mui/x-charts@7.11.0`
247
+
248
+ - [charts] Create color legend (#13700) @alexfauquette
249
+ - [charts] Defaultize axis on top level `useChartContainerProps` (#13817) @JCQuintas
250
+ - [charts] Fix charts not passing `className` to root element (#13647) @JCQuintas
251
+ - [charts] Generate API documentation for pro components (#13822) @alexfauquette
252
+ - [charts] Improve zoomed highlight behavior (unreleased) (#13868) @JCQuintas
253
+ - [charts] Allow zoom on Y axis and add zoom options to configure zooming behavior (unreleased) (#13726) @JCQuintas
254
+ - [charts] Disable animations while zooming (unreleased) (#13807) @JCQuintas
255
+
256
+ ### Tree View
257
+
258
+ #### `@mui/x-tree-view@7.11.0`
259
+
260
+ - [TreeView] Extract some logic outside of the `useTreeView` hook (#13845) @flaviendelangle
261
+
262
+ ### Docs
263
+
264
+ - [docs] Add warning about `process.env.NODE_ENV` in production (#13869) @cherniavskii
265
+ - [docs] Allow controlling the demo form from the example (#13796) @JCQuintas
266
+ - [docs] Clarify Pickers clearable behavior not working on mobile (#13786) @lnhrdt
267
+ - [docs] Improve the documentation of the picker's `onChange` and `onAccept` props (#13543) @flaviendelangle
268
+ - [docs] Replace company name with project name @oliviertassinari
269
+ - [docs] Sort Pickers & Charts API slots alphabetically (#13843) @LukasTy
270
+
271
+ ### Core
272
+
273
+ - [core] Add MUI Internal `renovate` group (#13846) @LukasTy
274
+ - [core] Link GitHub issue for `import/prefer-default-export` rule @oliviertassinari
275
+ - [core] Normalize `...other` and test imports in charts (#13844) @JCQuintas
276
+ - [core] Normalize rest / other to match the most common used @oliviertassinari
277
+ - [code-infra] Follow `next` tag for `@mui/docs` package bumps (#13813) @LukasTy
278
+ - [code-infra] Use specific version for `@mui/docs` dependency (#13760) @LukasTy
279
+ - [internals] Move `EventManager` to `@mui/x-internals` package (#13815) @flaviendelangle
280
+
281
+ ## 7.10.0
282
+
283
+ _Jul 11, 2024_
284
+
285
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
286
+
287
+ - 🎁 Add selectors to support showing child row count in footer in the Data Grid
288
+ - ✨ New APIs for retrieving current item tree and item's children IDs in the Tree View
289
+ - 🌍 Improve Spanish (es-ES) locale on the Data Grid
290
+ - 🐞 Bugfixes
291
+ - 📚 Documentation improvements
292
+
293
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
294
+
295
+ ### Data Grid
296
+
297
+ #### `@mui/x-data-grid@7.10.0`
298
+
299
+ - [DataGrid] Add selectors to support showing child row count in footer (#13725) @KenanYusuf
300
+ - [DataGrid] Fix incorrect panels position when using a toolbar (#13474) @oukunan
301
+ - [DataGrid] Set default variant to `'standard'` in `GridFilterInputMultipleValue` (#13129) @tarunrajput
302
+ - [DataGrid] Use `readonly` on more array props (#13331) @pcorpet
303
+ - [l10n] Improve Spanish (es-ES) locale (#13772) @joserealdev
304
+
305
+ #### `@mui/x-data-grid-pro@7.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
306
+
307
+ Same changes as in `@mui/x-data-grid@7.10.0`, plus:
308
+
309
+ - [DataGridPro] Keep bottom pinned row at the bottom (#13313) @romgrk
310
+
311
+ #### `@mui/x-data-grid-premium@7.10.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
312
+
313
+ Same changes as in `@mui/x-data-grid-pro@7.10.0`.
314
+
315
+ ### Date and Time Pickers
316
+
317
+ #### `@mui/x-date-pickers@7.10.0`
318
+
319
+ - [fields] Prevent infinite recursion when ensuring selection (#13779) @LukasTy
320
+ - [fields] Unify fields behavior regardless of the `readOnly` flag (#13688) @LukasTy
321
+
322
+ #### `@mui/x-date-pickers-pro@7.10.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
323
+
324
+ Same changes as in `@mui/x-date-pickers@7.10.0`, plus:
325
+
326
+ - [DateRangePicker] Fix `calendarHeader` slot props propagation (#13780) @LukasTy
327
+ - [DateTimeRangePicker] Resolve `format` from given `views` (#13743) @LukasTy
328
+
329
+ ### Charts
330
+
331
+ #### `@mui/x-charts@7.10.0`
332
+
333
+ - [charts] Fix displaying area of a `LineChart` when using the `log` scale (#13791) @alexfauquette
334
+ - [charts] Use correct click handler prop on pie chart `OnSeriesItemClick` documentation (#13761) @tonyhallett
335
+
336
+ ### Tree View
337
+
338
+ #### `@mui/x-tree-view@7.10.0`
339
+
340
+ - [TreeView] Add `getItemTree` and `getItemOrderedChildrenIds` methods to the public API (#13804) @flaviendelangle
341
+ - [TreeView] Add utility function to check if an optional plugin is present (#13788) @flaviendelangle
342
+
343
+ ### Docs
344
+
345
+ - [docs] Add missing default `loading` prop value (#13604) @oliviertassinari
346
+ - [docs] Add the `DateTimeRangePicker` to the "Commonly used components" demo (#13775) @flaviendelangle
347
+ - [docs] Fix Pickers customization playground overflow (#13742) @LukasTy
348
+ - [docs] Move Pickers dialog guidelines to accessibility page (#13778) @arthurbalduini
349
+
350
+ ### Core
351
+
352
+ - [core] Sort `DATA_GRID_PROPS_DEFAULT_VALUES` alphabetically (#13783) @oliviertassinari
353
+ - [test] Fix split infinitive use in tests @oliviertassinari
354
+
355
+ ## 7.9.0
356
+
357
+ _Jul 5, 2024_
358
+
359
+ We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
360
+
361
+ - 🔄 Add loading overlay variants, including a skeleton loader option to the Data Grid component. See [Loading overlay docs](https://mui.com/x/react-data-grid/overlays/#loading-overlay) for more details.
362
+ - 🌳 Add `selectItem` and `getItemDOMElement` methods to the TreeView component public API
363
+ - ⛏️ Make the `usePickersTranslations` hook public in the pickers component
364
+ - 🐞 Bugfixes
365
+
366
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
367
+
368
+ ### Data Grid
369
+
370
+ #### `@mui/x-data-grid@7.9.0`
371
+
372
+ - [DataGrid] Add skeleton loading overlay support (#13293) @KenanYusuf
373
+ - [DataGrid] Fix pagination when `pagination={undefined}` (#13349) @sai6855
374
+
375
+ #### `@mui/x-data-grid-pro@7.9.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
376
+
377
+ Same changes as in `@mui/x-data-grid@7.9.0`.
378
+
379
+ #### `@mui/x-data-grid-premium@7.9.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
380
+
381
+ Same changes as in `@mui/x-data-grid-pro@7.9.0`.
382
+
383
+ ### Date and Time Pickers
384
+
385
+ #### `@mui/x-date-pickers@7.9.0`
386
+
387
+ - [pickers] Make the `usePickersTranslations` hook public (#13657) @flaviendelangle
388
+
389
+ #### `@mui/x-date-pickers-pro@7.9.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
390
+
391
+ Same changes as in `@mui/x-date-pickers@7.9.0`.
392
+
393
+ ### Charts
394
+
395
+ #### `@mui/x-charts@7.9.0`
396
+
397
+ - [charts] Add Heatmap (unreleased) (#13209) @alexfauquette
398
+ - [charts] Add initial `Zoom&Pan` to the Pro charts (unreleased) (#13405) @JCQuintas
399
+ - [charts] Fix Axis Highlight on horizontal bar charts regression (#13717) @JCQuintas
400
+ - [charts] Improve charts interaction for mobile users (#13692) @JCQuintas
401
+ - [charts] Add documentation on how to disable the tooltip on charts (#13724) @JCQuintas
402
+
403
+ ### Tree View
404
+
405
+ #### `@mui/x-tree-view@7.9.0`
406
+
407
+ - [TreeView] Add `selectItem` and `getItemDOMElement` methods to the public API (#13485) @flaviendelangle
408
+
409
+ ### Docs
410
+
411
+ - [docs] Fix custom "no results overlay" demo in dark mode (#13715) @KenanYusuf
412
+
413
+ ### Core
414
+
415
+ - [core] Add `react_next` workflow in CircleCI (#13360) @cherniavskii
416
+ - [core] Create a new package to share utils across X packages (#13528) @flaviendelangle
417
+ - [core] Fix dependency setup (#13684) @LukasTy
418
+ - [core] Remove `jscodeshift-add-imports` package (#13720) @LukasTy
419
+ - [code-infra] Cleanup monorepo and `@mui/docs` usage (#13713) @LukasTy
420
+
421
+ ## 7.8.0
422
+
423
+ _Jun 28, 2024_
424
+
425
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
426
+
427
+ - 🛰 Introduce server-side data source for improved server integration in the Data Grid.
428
+
429
+ Supports server-side pagination, sorting and filtering on plain and tree data, and automatic caching.
430
+
431
+ To enable, provide a `getRows` function to the `unstable_dataSource` prop on the Data Grid component.
432
+
433
+ ```tsx
434
+ const dataSource = {
435
+ getRows: async (params: GridServerGetRowsParams) => {
436
+ const data = await fetch(
437
+ `https://api.example.com/data?${new URLSearchParams({
438
+ page: params.page,
439
+ pageSize: params.pageSize,
440
+ sortModel: JSON.stringify(params.sortModel),
441
+ filterModel: JSON.stringify(params.filterModel),
442
+ }).toString()}`,
443
+ );
444
+ return {
445
+ rows: data.rows,
446
+ totalRows: data.totalRows,
447
+ };
448
+ },
449
+ }
450
+ <DataGridPro
451
+ unstable_dataSource={dataSource}
452
+ {...otherProps}
453
+ />
454
+ ```
455
+
456
+ See [server-side data documentation](https://mui.com/x/react-data-grid/server-side-data/) for more details.
457
+
458
+ - 📈 Support Date data on the BarChart component
459
+ - ↕️ Support custom column sort icons on the Data Grid
460
+ - 🖱️ Support modifying the expansion trigger on the Tree View components
461
+
462
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
463
+
464
+ ### Data Grid
465
+
466
+ #### `@mui/x-data-grid@7.8.0`
467
+
468
+ - [DataGrid] Add `columnHeaderSortIcon` slot (#13563) @arminmeh
469
+ - [DataGrid] Fix dimensions lag issue after autosize (#13587) @MBilalShafi
470
+ - [DataGrid] Fix print export failure when `hideFooter` option is set (#13034) @tarunrajput
471
+
472
+ #### `@mui/x-data-grid-pro@7.8.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
473
+
474
+ Same changes as in `@mui/x-data-grid@7.8.0`, plus:
475
+
476
+ - [DataGridPro] Fix multi-sorting indicator being cut off (#13625) @KenanYusuf
477
+ - [DataGridPro] Server-side tree data support (#12317) @MBilalShafi
478
+
479
+ #### `@mui/x-data-grid-premium@7.8.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
480
+
481
+ Same changes as in `@mui/x-data-grid-pro@7.8.0`.
482
+
483
+ ### Date and Time Pickers
484
+
485
+ #### `@mui/x-date-pickers@7.8.0`
486
+
487
+ - [fields] Fix section clearing behavior on Android (#13652) @LukasTy
488
+
489
+ #### `@mui/x-date-pickers-pro@7.8.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
490
+
491
+ Same changes as in `@mui/x-date-pickers@7.8.0`.
492
+
493
+ ### Charts
494
+
495
+ #### `@mui/x-charts@7.8.0`
496
+
497
+ - [charts] Fix line chart props not passing correct event handlers (#13609) @JCQuintas
498
+ - [charts] Support BarChart with `Date` data (#13471) @alexfauquette
499
+ - [charts] Support RTL for y-axis (#13614) @alexfauquette
500
+ - [charts] Use default values instead of non-null assertion to prevent error being thrown (#13637) @JCQuintas
501
+
502
+ ### Tree View
503
+
504
+ #### `@mui/x-tree-view@7.8.0`
505
+
506
+ - [TreeView] Add `expansionTrigger` prop (#13533) @noraleonte
507
+ - [TreeView] Support experimental features from plugin's dependencies (#13632) @flaviendelangle
508
+
509
+ ### Docs
510
+
511
+ - [docs] Add callout for `Luxon` `throwOnInvalid` support (#13621) @LukasTy
512
+ - [docs] Add "Overlays" section to the Data Grid documentation (#13624) @KenanYusuf
513
+
514
+ ### Core
515
+
516
+ - [core] Add eslint rule to restrict import from `../internals` root (#13633) @JCQuintas
517
+ - [docs-infra] Sync `\_app` folder with monorepo (#13582) @Janpot
518
+ - [license] Allow usage of charts and tree view pro package for old premium licenses (#13619) @flaviendelangle
519
+
520
+ ## 7.7.1
521
+
522
+ _Jun 21, 2024_
523
+
524
+ We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
525
+
526
+ - 🌍 Improve Portuguese (pt-PT) locale on the Data Grid
527
+ - 🌍 Improve Danish (da-DK) locale on the Date and Time Pickers
528
+ - 🐞 Bugfixes
529
+ - 📚 Documentation improvements
530
+
531
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
532
+
533
+ ### Data Grid
534
+
535
+ #### `@mui/x-data-grid@7.7.1`
536
+
537
+ - [DataGrid][docs] Clarify enabling pagination (#13350) @oliviertassinari
538
+ - [DataGrid] Fix CSV export escaping for non-string values (#13560) @joeycumines-scw
539
+ - [l10n] Improve Portuguese (pt-PT) locale (#13348) @joaosreis
540
+
541
+ #### `@mui/x-data-grid-pro@7.7.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
542
+
543
+ Same changes as in `@mui/x-data-grid@7.7.1`, plus:
544
+
545
+ - [DataGrid] Warn about `getTreeDataPath` reference (#13519) @cherniavskii
546
+
547
+ #### `@mui/x-data-grid-premium@7.7.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
548
+
549
+ Same changes as in `@mui/x-data-grid-pro@7.7.1`.
550
+
551
+ ### Date and Time Pickers
552
+
553
+ #### `@mui/x-date-pickers@7.7.1`
554
+
555
+ - [fields] Prevent digit editing on the `Space` key down (#13510) @flaviendelangle
556
+ - [l10n] Improve Danish (da-DK) locale (#13375) @jacrowland1
557
+ - [pickers] Add context to `onAccept` callback (#13511) @flaviendelangle
558
+ - [pickers] Always use the same timezone in the field, the view and the layout components (#13481) @flaviendelangle
559
+ - [pickers] Fix `AdapterDateFnsV3` generated method types (#13464) @alexey-kozlenkov
560
+ - [pickers] Fix controlled `view` behavior (#13552) @LukasTy
561
+ - [TimePicker] Improves RTL verification for the time pickers default views (#13447) @arthurbalduini
562
+
563
+ #### `@mui/x-date-pickers-pro@7.7.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
564
+
565
+ Same changes as in `@mui/x-date-pickers@7.7.1`, plus:
566
+
567
+ - [DateRangePicker] Add accessible name to calendar grid (#13538) @LukasTy
568
+
569
+ ### Charts
570
+
571
+ #### `@mui/x-charts@7.7.1`
572
+
573
+ - [charts] Divide `CartesianProvider` to use logic in Pro package (#13531) @JCQuintas
574
+ - [charts] Do not publish the pro package (#13539) @alexfauquette
575
+ - [charts] Export `Pro` versions of regular charts (#13547) @JCQuintas
576
+ - [charts] Prepare `ChartContainerPro` for future Zoom changes (#13532) @JCQuintas
577
+ - [charts] Remove unnecessary proptypes from internal component (#13518) @JCQuintas
578
+
579
+ ### Tree View
580
+
581
+ #### `@mui/x-tree-view@7.7.1`
582
+
583
+ - [TreeView] Improve typing to support optional dependencies in plugins and in the item (#13523) @flaviendelangle
584
+ - [TreeView] Move `useTreeViewId` to the core plugins (#13566) @flaviendelangle
585
+ - [TreeView] Remove unused state from `useTreeViewId` (#13579) @flaviendelangle
586
+ - [TreeView] Support `itemId` with escaping characters when using `SimpleTreeView` (#13487) @oukunan
587
+
588
+ ### Docs
589
+
590
+ - [docs] Add section about the new uncovered product watermark (#13568) @michelengelen
591
+ - [docs] Document the `PickerValidDate` type override (#13476) @flaviendelangle
592
+ - [docs] Fix typo (#13507) @anshtiwatne
593
+ - [docs] Remove "-" in heat-map and tree-map urls (#13569) @alexfauquette
594
+ - [docs] Use dedicated tab for weather dataset (#13513) @alexfauquette
595
+ - [x-license] license update proposal (#13459) @michelengelen
596
+
597
+ ### Core
598
+
599
+ - [core] Fix failing CI test (#13574) @alexfauquette
600
+ - [infra] Remove explicit `@testing-library/react` dependency (#13478) @LukasTy
601
+
602
+ ## 7.7.0
603
+
604
+ _Jun 13, 2024_
605
+
606
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
607
+
608
+ - 🎁 Allow customization of the Pickers month and the year buttons
609
+ - 🌍 Improve Persian (fa-IR), Portuguese (pt-PT), and Russian (ru-RU) locales on the Data Grid
610
+ - 🌍 Improve Korean (ko-KR) and Persian (fa-IR) locales on the Date and Time Pickers
611
+ - 🐞 Bugfixes
612
+ - 📚 Documentation improvements
613
+
614
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
615
+
616
+ ### Data Grid
617
+
618
+ #### `@mui/x-data-grid@7.7.0`
619
+
620
+ - [DataGrid] Add `getFilterState` method (#13418) @cherniavskii
621
+ - [DataGrid] Do not show resize separators for column groups (#13455) @cherniavskii
622
+ - [l10n] Improve Persian (fa-IR) locale (#13402) @fakhamatia
623
+ - [l10n] Improve Portuguese (pt-PT) locale (#13384) @olavocarvalho
624
+ - [l10n] Improve Russian (ru-RU) locale (#11210) @dastan-akhmetov-scity
625
+
626
+ #### `@mui/x-data-grid-pro@7.7.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
627
+
628
+ Same changes as in `@mui/x-data-grid@7.7.0`, plus:
629
+
630
+ - [DataGridPro] Do not render detail panel if the focused cell is not visible (#13456) @cherniavskii
631
+
632
+ #### `@mui/x-data-grid-premium@7.7.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
633
+
634
+ Same changes as in `@mui/x-data-grid-pro@7.7.0`.
635
+
636
+ ### Date and Time Pickers
637
+
638
+ #### `@mui/x-date-pickers@7.7.0`
639
+
640
+ - [l10n] Improve Korean (ko-KR) locale (#13452) @ryxxn
641
+ - [l10n] Improve Persian (fa-IR) locale (#13402) @fakhamatia
642
+ - [pickers] Allow to customize the month and the year buttons (#13321) @flaviendelangle
643
+
644
+ #### `@mui/x-date-pickers-pro@7.7.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
645
+
646
+ Same changes as in `@mui/x-date-pickers@7.7.0`.
647
+
648
+ ### Charts
649
+
650
+ #### `@mui/x-charts@7.7.0`
651
+
652
+ - [charts] Add watermark on the pro `ResponsiveChartContainer` (#13398) @alexfauquette
653
+ - [charts] Allow to specify y-axis configuration (#13438) @alexfauquette
654
+ - [charts] Fix eslint for react compiler (#13444) @alexfauquette
655
+ - [charts] Improve themeAugmentation typing (#13433) @noraleonte
656
+ - [charts] Move the `ZAxisContextProvider` by default in the `ChartContainer` (#13465) @alexfauquette
657
+ - [charts] Use plugins to define series extremum and colors (#13397) @alexfauquette
658
+
659
+ ### Tree View
660
+
661
+ #### `@mui/x-tree-view@7.7.0`
662
+
663
+ - [TreeView] Improve TypeScript for plugins (#13380) @flaviendelangle
664
+ - [TreeView] Improve the typing of the cancelable events (#13152) @flaviendelangle
665
+ - [TreeView] Prepare support for PigmentCSS (#13412) @flaviendelangle
666
+ - [TreeView] Refactor the tree view internals to prepare for headless API (#13311) @flaviendelangle
667
+
668
+ ### Docs
669
+
670
+ - [docs] Add `renderHeader` recipe to the Master Details docs (#13370) @michelengelen
671
+ - [docs] Add lazy loading detail panel demo (#13453) @cherniavskii
672
+ - [docs] Add small edits to the Data Grid overview page (#13060) @danilo-leal
673
+ - [docs] Update a11y pages description (#13417) @danilo-leal
674
+ - [docs] improve the writing on the "Quick filter outside of the grid" example (#13155) @michelengelen
675
+
676
+ ### Core
677
+
678
+ - [core] Add `eslint-plugin-react-compiler` experimental version and rules (#13415) @JCQuintas
679
+ - [core] Minor setup cleanup (#13467) @LukasTy
680
+ - [infra] Adjust CI setup (#13448) @LukasTy
681
+ - [test] Add tests for the custom slots of `TreeItem2` (#13314) @flaviendelangle
682
+
683
+ ## 7.6.2
684
+
685
+ _Jun 6, 2024_
686
+
687
+ We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
688
+
689
+ - 📚 Adds Date and Time Pickers accessibility page
690
+ - 🐞 Bugfixes
691
+ - 📚 Documentation improvements
692
+
693
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
694
+
695
+ ### Data Grid
696
+
697
+ #### `@mui/x-data-grid@7.6.2`
698
+
699
+ - [DataGrid] Add the `areElementSizesEqual` utility to improve code readability (#13254) @layerok
700
+ - [DataGrid] Clean up IE remnants from the codebase (#13390) @MBilalShafi
701
+
702
+ #### `@mui/x-data-grid-pro@7.6.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
703
+
704
+ Same changes as in `@mui/x-data-grid@7.6.2`.
705
+
706
+ #### `@mui/x-data-grid-premium@7.6.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
707
+
708
+ Same changes as in `@mui/x-data-grid-pro@7.6.2`.
709
+
710
+ ### Date and Time Pickers
711
+
712
+ #### `@mui/x-date-pickers@7.6.2`
713
+
714
+ - [fields] Fix `PageUp` and `PageDown` editing on letter sections (#13310) @arthurbalduini
715
+ - [pickers] Fix `AdapterDayjs` timezone behavior (#13362) @LukasTy
716
+ - [pickers] Use `useRtl` instead of `useTheme` to access direction (#13363) @flaviendelangle
717
+
718
+ #### `@mui/x-date-pickers-pro@7.6.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
719
+
720
+ Same changes as in `@mui/x-date-pickers@7.6.2`.
721
+
722
+ ### Charts
723
+
724
+ #### `@mui/x-charts@7.6.2`
725
+
726
+ - [charts] Add `Initializable` type and behavior to allow checking if a complex context has been initialized. (#13365) @JCQuintas
727
+ - [charts] Fix some props not working in `xAxis` and `yAxis` (#13372) @Valyok26
728
+ - [charts] Harmonize charts types (#13366) @alexfauquette
729
+ - [charts] Introduce plugins system (#13367) @alexfauquette
730
+ - [charts] Simplify plugin types (#13396) @JCQuintas
731
+
732
+ ### Docs
733
+
734
+ - [docs] Add badges like in Material UI @oliviertassinari
735
+ - [docs] Update twitter.com to x.com @oliviertassinari
736
+ - [docs] Fix the description of `tickInterval` (#13355) @alexfauquette
737
+ - [docs] Adjust the code example for `quickFilterValues` (#12919) @michelengelen
738
+ - [docs] Create Pickers accessibility page (#13274) @arthurbalduini
739
+
740
+ ### Core
741
+
742
+ - [core] Comment on `CSS.escape` for the future @oliviertassinari
743
+ - [core] Fix `l10n` action setup (#13382) @LukasTy
744
+ - [core] Fixes in preparation for React 18.3 (#13378) @LukasTy
745
+ - [core] Remove explicit `marked` dependency (#13383) @LukasTy
746
+ - [core] Remove unused `@types/prettier` dependency (#13389) @LukasTy
747
+ - [core] Add `docs/.env.local` to `.gitignore` (#13377) @KenanYusuf
748
+
749
+ ## 7.6.1
750
+
751
+ _May 31, 2024_
752
+
753
+ We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
754
+
755
+ 🐞 Address the `@mui/internal-test-utils` added as a direct dependency to `@mui/x-data-grid` by mistake.
756
+
757
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
758
+
759
+ ### Data Grid
760
+
761
+ #### `@mui/x-data-grid@7.6.1`
762
+
763
+ - [DataGrid] Fix column resize not working with special character (#13069) @oukunan
764
+ - [DataGrid] Move `@mui/internal-test-utils` to dev dependency (#13318) @LukasTy
765
+
766
+ #### `@mui/x-data-grid-pro@7.6.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
767
+
768
+ Same changes as in `@mui/x-data-grid@7.6.1`.
769
+
770
+ #### `@mui/x-data-grid-premium@7.6.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
771
+
772
+ Same changes as in `@mui/x-data-grid-pro@7.6.1`.
773
+
774
+ ## 7.6.0
775
+
776
+ _May 30, 2024_
777
+
778
+ We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
779
+
780
+ - 🎁 Allow to define and customize the indentation of nested items in the Tree View
781
+ - ✨ Allow charts highlights to be controlled
782
+ - 🌍 Improve Persian (fa-IR) locale on the Data Grid
783
+ - 🐞 Bugfixes
784
+ - 📚 Documentation improvements
785
+
786
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
787
+
788
+ ### Data Grid
789
+
790
+ #### `@mui/x-data-grid@7.6.0`
791
+
792
+ - [DataGrid] Avoid re-rendering all cells on column change (#12980) @romgrk
793
+ - [DataGrid] Export `GridColumnHeadersProps` (#13229) @cherniavskii
794
+ - [DataGrid] Fix header filters' issue with custom filters (#13255) @MBilalShafi
795
+ - [DataGrid] Remove dead logic to support Safari < 13 (#13249) @oliviertassinari
796
+ - [l10n] Improve Persian (fa-IR) locale (#12994) @amiryxe
797
+
798
+ #### `@mui/x-data-grid-pro@7.6.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
799
+
800
+ Same changes as in `@mui/x-data-grid@7.6.0`.
801
+
802
+ #### `@mui/x-data-grid-premium@7.6.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
803
+
804
+ Same changes as in `@mui/x-data-grid-pro@7.6.0`, plus:
805
+
806
+ - [DataGridPremium] Fix excel export causing column with wrong width (#13191) @romgrk
807
+
808
+ ### Date and Time Pickers
809
+
810
+ #### `@mui/x-date-pickers@7.6.0`
811
+
812
+ - [pickers] Fix `DateBuilderReturnType` when the date is `undefined` (#13244) @alexey-kozlenkov
813
+
814
+ #### `@mui/x-date-pickers-pro@7.6.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
815
+
816
+ Same changes as in `@mui/x-date-pickers@7.6.0`.
817
+
818
+ ### Charts
819
+
820
+ #### `@mui/x-charts@7.6.0`
821
+
822
+ - [charts] Allow charts highlights to be controlled (#12828) @JCQuintas
823
+ - [charts] Refactor axis band scaleType check (#13295) @JCQuintas
824
+ - [charts] Refactor checkScaleErrors to improve readability and simplify axis message logic (#13305) @JCQuintas
825
+
826
+ ### Tree View
827
+
828
+ #### `@mui/x-tree-view@7.6.0`
829
+
830
+ - [TreeView] Add JSDoc to every instance method (#13219) @flaviendelangle
831
+ - [TreeView] Allow to customize the indentation of nested items (#13225) @flaviendelangle
832
+ - [TreeView] Allow to define indentation at the item level (#13126) @flaviendelangle
833
+
834
+ ### Docs
835
+
836
+ - [docs] Add Bulk editing demo for the Community plan (#12800) @cherniavskii
837
+ - [docs] Add conditional label formatting on tooltip page and link to label page (#13235) @JCQuintas
838
+ - [docs] Add information about key combinations on a11y sections (#13234) @arthurbalduini
839
+ - [docs] Cleanup of the Tree View demos (#13237) @flaviendelangle
840
+ - [docs] Document how to customize a subsection of a line chart (#13210) @alexfauquette
841
+ - [docs] Fix Pickers FAQ callout (#13238) @LukasTy
842
+ - [docs] Fix Vale errors @oliviertassinari
843
+ - [docs] Fix a small typo in property comment (#13245) @Janpot
844
+ - [docs] Improve the Data Grid FAQ page (#13258) @MBilalShafi
845
+ - [docs] Removes unused lines in TreeItem2 styling (#13264) @arthurbalduini
846
+ - [docs] Small improvements on accessibility data grid doc (#13233) @arthurbalduini
847
+ - [docs] Update Pickers demo configurations (#13303) @LukasTy
848
+
849
+ ### Core
850
+
851
+ - [core] Add comment on why logic to sync column header (#13248) @oliviertassinari
852
+ - [core] Fix `l10n` script execution with arguments (#13297) @LukasTy
853
+ - [core] Prevent "Add reviewers" workflow from triggering since it doesn't work (#13236) @JCQuintas
854
+ - [docs-infra] Fix `@mui/material` version used in sandboxes (#13260) @LukasTy
855
+ - [test] Use `describeTreeView` for keyboard navigation tests on disabled items (#13184) @flaviendelangle
856
+ - [test] Use `describeTreeView` for remaining items tests (#13262) @flaviendelangle
857
+ - [test] Use test-utils from npm (#12880) @michaldudak
858
+ - [typescript] Remove duplicate `DateRangePosition` type in favor of `RangePosition` (#13288) @LukasTy
859
+
860
+ ## v7.5.1
861
+
862
+ _May 23, 2024_
863
+
864
+ We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
865
+
866
+ - 🧰 Improve tree view testing
867
+ - 📊 Add `label` to be displayed in BarChart
868
+
869
+ ### Data Grid
870
+
871
+ #### `@mui/x-data-grid@7.5.1`
872
+
873
+ - [DataGrid] Escape formulas in CSV and Excel export (#13115) @cherniavskii
874
+
875
+ #### `@mui/x-data-grid-pro@7.5.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
876
+
877
+ Same changes as in `@mui/x-data-grid@7.5.1`.
878
+
879
+ #### `@mui/x-data-grid-premium@7.5.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
880
+
881
+ Same changes as in `@mui/x-data-grid-pro@7.5.1`.
882
+
883
+ ### Date and Time Pickers
884
+
885
+ #### `@mui/x-date-pickers@7.5.1`
886
+
887
+ - [pickers] Fix `disableOpenPicker` prop behavior (#13212) @LukasTy
888
+
889
+ #### `@mui/x-date-pickers-pro@7.5.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
890
+
891
+ Same changes as in `@mui/x-date-pickers@7.5.1`.
892
+
893
+ ### Charts
894
+
895
+ #### `@mui/x-charts@7.5.1`
896
+
897
+ - [charts] Add `label` to be displayed inside bars in BarChart (#12988) @JCQuintas
898
+ - [charts] Setup the repository for charts-pro (#13182) @alexfauquette
899
+
900
+ ### Docs
901
+
902
+ - [docs] Clean the pages in the navbar (#13192) @flaviendelangle
903
+ - [docs] Improve Tree View selection doc (#13105) @flaviendelangle
904
+ - [docs] Unify Tree View `apiRef` methods doc examples (#13193) @flaviendelangle
905
+
906
+ ### Core
907
+
908
+ - [core] Remove `raw-loader` package (#13160) @LukasTy
909
+ - [core] Remove outdated prop-types (#13181) @flaviendelangle
910
+ - [core] Rename `yarn` to `pnpm` in `PropTypes` comment (#13167) @LukasTy
911
+ - [core] Use `describeTreeView` for items test (partial) (#12893) @flaviendelangle
912
+ - [core] Use `describeTreeView` for keyboard selection tests (#13164) @flaviendelangle
913
+ - [core] Use `describeTreeView` for navigation tests (#12907) @flaviendelangle
914
+ - [core] Use `describeTreeView` for items rendering edge-case tests (#13168) @flaviendelangle
915
+ - [core] Add `test:coverage:inspect` to allow easier debugging (#13198) @JCQuintas
916
+ - [core] Fix `yarn proptypes` vs `pnpm proptypes` (#13199) @JCQuintas
917
+ - [code-infra] Run corepack enable on all CI jobs (#13205) @Janpot
918
+ - [code-infra] Use `nx` for lerna tasks (#13166) @LukasTy
919
+
920
+ ## v7.5.0
921
+
922
+ _May 17, 2024_
923
+
924
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
925
+
926
+ - 🎁 Add support for checkbox selection on the Tree View components
927
+ - 🌍 Improve Norwegian (nb-NO) and Spanish (es-ES) locales on the Data Grid
928
+ - 🐞 Bugfixes
929
+ - 📚 Documentation improvements
930
+
931
+ ### Data Grid
932
+
933
+ #### `@mui/x-data-grid@7.5.0`
934
+
935
+ - [DataGrid] Fix `rowModesModel` controlled prop (#13056) @Janpot
936
+ - [DataGrid] Reduce bundle size with error messages (#12992) @oliviertassinari
937
+ - [l10n] Improve Norwegian (nb-NO) locale (#13106) @oliverlaidma
938
+ - [l10n] Improve Spanish (es-ES) locale (#13133) @Jucabel
939
+
940
+ #### `@mui/x-data-grid-pro@7.5.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
941
+
942
+ Same changes as in `@mui/x-data-grid@7.5.0`.
943
+
944
+ #### `@mui/x-data-grid-premium@7.5.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
945
+
946
+ Same changes as in `@mui/x-data-grid-pro@7.5.0`.
947
+
948
+ ### Date and Time Pickers
949
+
950
+ #### `@mui/x-date-pickers@7.5.0`
951
+
952
+ - [fields] Allow empty `textField` slot placeholder value (#13148) @arthurbalduini
953
+ - [pickers] Fix `AdapterMomentJalaali` regression (#13144) @LukasTy
954
+ - [pickers] Fix field focusing when switching to view without a renderer (#13112) @LukasTy
955
+ - [pickers] Reuse `AdapterDateFnsBase` in Jalali adapters (#13075) @LukasTy
956
+
957
+ #### `@mui/x-date-pickers-pro@7.5.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
958
+
959
+ Same changes as in `@mui/x-date-pickers@7.5.0`.
960
+
961
+ ### Charts
962
+
963
+ #### `@mui/x-charts@7.5.0`
964
+
965
+ - [charts] Tooltip with `trigger=axis` now follow touch on mobile (#13043) @wzdorowa
966
+ - [charts] Allow `series.label` property to receive a function with the "location" it is going to be displayed on (#12830) @JCQuintas
967
+ - [charts] Improve TypeScript performance (#13137) @alexfauquette
968
+ - [charts] Fix area order when overlapping (#13121) @alexfauquette
969
+ - [charts] Improve `useSlotProps` types (#13141) @alexfauquette
970
+ - [charts] Fix using the theme's font in the Overlay (#13107) @alexfauquette
971
+
972
+ ### Tree View
973
+
974
+ #### `@mui/x-tree-view@7.5.0`
975
+
976
+ - [TreeView] Add support for checkbox selection (#11452) @flaviendelangle
977
+ - [TreeView] Remove unused code (#12917) @flaviendelangle
978
+
979
+ ### Docs
980
+
981
+ - [docs] Document missing Charts API's (#12875) @alexfauquette
982
+
983
+ ### Core
984
+
985
+ - [core] Avoid root level `@mui/x-date-pickers` imports (#13120) @LukasTy
986
+ - [core] Refactor ESLint config to disallow root level imports (#13130) @LukasTy
987
+ - [core] Simplify Danger's config (#13062) @oliviertassinari
988
+ - [core] Shift aliasing from babel to webpack (#13051) @Janpot
989
+ - [core] Reuse the `SectionTitle` component in the doc (#13139) @alexfauquette
990
+
991
+ ## 7.4.0
992
+
993
+ _May 10, 2024_
994
+
995
+ We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
996
+
997
+ - ✨ Add optional `id` attribute on shortcut items of the Date and Time Pickers
998
+ - 🎁 Add support for `date-fns-jalali` v3 in the Date and Time Pickers
999
+ - 🚀 Support rounded corners on `BarChart`
1000
+ - 🌍 Add accessibility page to TreeView docs
1001
+ - 🐞 Bugfixes
1002
+ - 📚 Documentation improvements
1003
+
1004
+ ### Data Grid
1005
+
1006
+ #### `@mui/x-data-grid@7.4.0`
1007
+
1008
+ - [DataGrid] Fix error when focus moves from column header to `svg` element (#13028) @oukunan
1009
+ - [DataGrid] Fix error on column groups change (#12965) @romgrk
1010
+
1011
+ #### `@mui/x-data-grid-pro@7.4.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1012
+
1013
+ Same changes as in `@mui/x-data-grid@7.4.0`.
1014
+
1015
+ #### `@mui/x-data-grid-premium@7.4.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1016
+
1017
+ Same changes as in `@mui/x-data-grid-pro@7.4.0`.
1018
+
1019
+ ### Date and Time Pickers
1020
+
1021
+ #### `@mui/x-date-pickers@7.4.0`
1022
+
1023
+ - [fields] Fix regression preventing form submit on "Enter" click (#13065) @LukasTy
1024
+ - [pickers] Add `AdapterDateFnsJalaliV3` adapter (#12891) @smmoosavi
1025
+ - [pickers] Add optional `id` attribute on shortcut items (#12976) @noraleonte
1026
+
1027
+ #### `@mui/x-date-pickers-pro@7.4.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1028
+
1029
+ Same changes as in `@mui/x-date-pickers@7.4.0`.
1030
+
1031
+ ### Charts
1032
+
1033
+ #### `@mui/x-charts@7.4.0`
1034
+
1035
+ - [charts] Add `ChartsGrid` to `themeAugmentation` (#13026) @noraleonte
1036
+ - [charts] Support rounded corners on `BarChart` (#12834) @JCQuintas
1037
+
1038
+ ### Tree View
1039
+
1040
+ #### `@mui/x-tree-view@7.4.0`
1041
+
1042
+ - [TreeView] Fix props propagation and theme entry in `TreeItem2` (#12889) @flaviendelangle
1043
+
1044
+ ### Docs
1045
+
1046
+ - [docs] Add accessibility page to TreeView docs (#12845) @noraleonte
1047
+ - [docs] Fix Charts styling typos (#13061) @oliviertassinari
1048
+ - [docs] Fix legal link to EULA free trial (#13013) @oliviertassinari
1049
+ - [docs] Update interface name in pinned columns docs (#13070) @cherniavskii
1050
+
1051
+ ### Core
1052
+
1053
+ - [core] Improve release process docs (#12977) @JCQuintas
1054
+ - [core] Prepare React 19 (#12991) @oliviertassinari
1055
+ - [docs-infra] Fix Netlify PR preview path (#12993) @oliviertassinari
1056
+ - [infra] Automation: Add release PR reviewers (#12982) @michelengelen
1057
+
1058
+ ## 7.3.2
1059
+
1060
+ _May 2, 2024_
1061
+
1062
+ We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
1063
+
1064
+ - 🎁 Add "no data" and "loading" states to charts, allowing users to create [custom visualizations for each state](https://mui.com/x/react-charts/styling/#overlay)
1065
+ - 🌍 Improve Hebrew (he-IL) and Hungarian (hu-HU) locales on the Date and Time Pickers
1066
+ - 🌍 Improve Danish (da-DK) and Slovak (sk-SK) locales on the Data Grid
1067
+ - 📝 Fix a [typo](https://github.com/mui/mui-x/pull/12941/files/4bf4bffbc2799a01a96bc7458a17318cf41c1722#diff-26c31cc69d6f51110f89e339578ef9b3d4a3551f79077fff73f7babb81c5099f) in the auto-generated Charts gradient `id` attribute.
1068
+ It should not affect you, but if you were relying on the gradient `id` attribute, please update your usage.
1069
+ - 🐞 Bugfixes
1070
+ - 📚 Documentation improvements
1071
+
1072
+ ### Data Grid
1073
+
1074
+ #### `@mui/x-data-grid@7.3.2`
1075
+
1076
+ - [DataGrid] Allow to change reset text in the columns management panel (#12972) @MBilalShafi
1077
+ - [DataGrid] Derive `formattedValue` from the edit value when passing to `renderEditCell` (#12870) @cherniavskii
1078
+ - [DataGrid] Fix rows not being recomputed on `props.rowCount` change (#12833) @MBilalShafi
1079
+ - [l10n] Improve Danish (da-DK) locale (#12844) @fosterbuster
1080
+ - [l10n] Improve Slovak (sk-SK) locale (#12949) @stefikp
1081
+
1082
+ #### `@mui/x-data-grid-pro@7.3.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1083
+
1084
+ Same changes as in `@mui/x-data-grid@7.3.2`.
1085
+
1086
+ #### `@mui/x-data-grid-premium@7.3.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1087
+
1088
+ Same changes as in `@mui/x-data-grid-pro@7.3.2`, plus:
1089
+
1090
+ - [DataGridPremium] Fix print export not working with row grouping (#12957) @MBilalShafi
1091
+
1092
+ ### Date and Time Pickers
1093
+
1094
+ #### `@mui/x-date-pickers@7.3.2`
1095
+
1096
+ - [l10n] Improve Hebrew (he-IL) locale (#12910) @michaelNXT1
1097
+ - [l10n] Improve Hungarian (hu-HU) locale (#12930) @noherczeg
1098
+ - [pickers] Fix typo on the `viewRenderers` prop description (#12915) @flaviendelangle
1099
+ - [pickers] Improve TypeScript performance in `PickersDay` (#12920) @flaviendelangle
1100
+
1101
+ #### `@mui/x-date-pickers-pro@7.3.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1102
+
1103
+ Same changes as in `@mui/x-date-pickers@7.3.2`.
1104
+
1105
+ ### Charts
1106
+
1107
+ #### `@mui/x-charts@7.3.2`
1108
+
1109
+ - [charts] Add an overlay for "no data" or "loading" states (#12817) @alexfauquette
1110
+ - [charts] Fix typos in documentation, translations and errors (#12941) @JCQuintas
1111
+ - [charts] Fix `prop.slots` and `prop.slotProps` not passed to `<ChartsTooltip />` (#12939) @JCQuintas
1112
+
1113
+ ### Docs
1114
+
1115
+ - [docs] Improve Data Grid migration guide (#12969) @MBilalShafi
1116
+ - [docs] Polish references to the plans (#12922) @oliviertassinari
1117
+
1118
+ ### Core
1119
+
1120
+ - [core] Fix dependencies (#12951) @LukasTy
1121
+ - [core] Remove inconsistent blank lines (#12966) @oliviertassinari
1122
+ - [code-infra] Bump node image used by CI in docker (#12961) @LukasTy
1123
+ - [docs-infra] Remove no longer needed `next.config` settings (#12861) @oliviertassinari
1124
+ - [docs-infra] Use the `@mui/docs/HighlightedCode` (#12848) @alexfauquette
1125
+ - [test] Restore `t` command (#12948) @LukasTy
1126
+
1127
+ ## 7.3.1
1128
+
1129
+ _Apr 26, 2024_
1130
+
1131
+ We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
1132
+
1133
+ - 🎁 Scatter Charts get a [z-axis to allow coloring data points independently from their coordinates](https://mui.com/x/react-charts/scatter/#color-scale)
1134
+ - 🌍 Improve Catalan (ca-ES) and Spanish (es-ES) locales on the Date and Time Pickers
1135
+ - 🐞 Bugfixes
1136
+ - 📚 Documentation improvements
1137
+
1138
+ ### Data Grid
1139
+
1140
+ #### `@mui/x-data-grid@7.3.1`
1141
+
1142
+ - [DataGrid] Fix date filtering for negative timezone offsets (#12836) @cherniavskii
1143
+ - [DataGrid] Fix flex column width when used with pinned columns (#12849) @romgrk
1144
+ - [DataGrid] Fix group header resize (#12863) @arminmeh
1145
+ - [DataGrid] Pass slot props to `columnHeaders` slot (#12768) @cherniavskii
1146
+
1147
+ #### `@mui/x-data-grid-pro@7.3.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1148
+
1149
+ Same changes as in `@mui/x-data-grid@7.3.1`.
1150
+
1151
+ #### `@mui/x-data-grid-premium@7.3.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1152
+
1153
+ Same changes as in `@mui/x-data-grid-pro@7.3.1`.
1154
+
1155
+ ### Date and Time Pickers
1156
+
1157
+ #### `@mui/x-date-pickers@7.3.1`
1158
+
1159
+ - [l10n] Improve Catalan (ca-ES) locale (#12856) @soler1212
1160
+ - [l10n] Improve Spanish (es-ES) locale (#12858) @soler1212
1161
+
1162
+ #### `@mui/x-date-pickers-pro@7.3.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1163
+
1164
+ Same changes as in `@mui/x-date-pickers@7.3.1`.
1165
+
1166
+ ### Charts
1167
+
1168
+ #### `@mui/x-charts@7.3.1`
1169
+
1170
+ - [charts] Add documentation on border radius alternative for `BarCharts` (#12859) @JCQuintas
1171
+ - [charts] Add z-axis to colorize scatter charts (#12738) @alexfauquette
1172
+ - [charts] Fix left/bottomAxis not picking up default axis id (#12894) @JCQuintas
1173
+ - [charts] Improve default tooltip content (#12257) @oliviertassinari
1174
+ - [charts] Round y values for bar chart (#12846) @alexfauquette
1175
+
1176
+ ### Tree View
1177
+
1178
+ #### `@mui/x-tree-view@7.3.1`
1179
+
1180
+ - [TreeView] Remove un-needed `aria-activedescendant` attribute (#12867) @flaviendelangle
1181
+ - [TreeView] Rework the selection internals (#12703) @flaviendelangle
1182
+ - [TreeView] Use the order in which the items are displayed for `type-ahead` (#12827) @flaviendelangle
1183
+
1184
+ ### Docs
1185
+
1186
+ - [docs] Add demo for styling charts with `sx` props (#12791) @derek-0000
1187
+ - [docs] Cover webpack 4 support in migration guide (#12710) @cherniavskii
1188
+ - [docs] Document interfaces for charts (#12656) @alexfauquette
1189
+ - [docs] Fix Vale regression (#12862) @oliviertassinari
1190
+ - [docs] Improve Data Grid migration guide (#12879) @MBilalShafi
1191
+ - [docs] Update Column features availability (#12865) @DanailH
1192
+
1193
+ ### Core
1194
+
1195
+ - [core] Fix `l10n` GH workflow (#12895) @LukasTy
1196
+ - [core] Match Base UI and Toolpad @oliviertassinari
1197
+ - [core] Remove redundant `setupFiles` entries in `package.json` (#12899) @LukasTy
1198
+ - [core] Use `describeTreeView` for focus tests (#12698) @flaviendelangle
1199
+ - [core] Use `describeTreeView` for type-ahead tests (#12811) @flaviendelangle
1200
+ - [code-infra] Change package manager to `pnpm` (#11875) @LukasTy
1201
+ - [code-infra] Closer sync with eslint config of codebase (#12864) @oliviertassinari
1202
+ - [support-infra] Add release announcement to GitHub workflows (#11867) (#12843) @michelengelen
1203
+
1204
+ ## 7.3.0
1205
+
1206
+ _Apr 18, 2024_
1207
+
1208
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
1209
+
1210
+ - 📄 Support [unknown and estimated row count in server-side pagination](https://mui.com/x/react-data-grid/pagination/#index-based-pagination) (#12490) @MBilalShafi
1211
+ - 🎨 Support color scales in Charts (#12490) @alexfauquette
1212
+ Add a [`colorMap` configuration](https://mui.com/x/react-charts/styling/#values-color) to an axis, and the chart will use it to select colors.
1213
+ Each impacted chart ([bar charts](https://mui.com/x/react-charts/bars/#color-scale), [line charts](https://mui.com/x/react-charts/lines/#color-scale), [scatter charts](https://mui.com/x/react-charts/scatter/#color-scale)) has a dedicated section explaining how this color map is impacting it.
1214
+
1215
+ <img src="https://github.com/mui/mui-x/assets/45398769/f0066606-3486-4c4e-b3be-7fdd56d763c3" alt="scatter chart with gradient along y-axis" />
1216
+
1217
+ - 🌍 Improve Danish (da-DK) locale on the Data Grid
1218
+ - 🐞 Bugfixes
1219
+ - 📚 Documentation improvements
1220
+
1221
+ ### Data Grid
1222
+
1223
+ #### `@mui/x-data-grid@7.3.0`
1224
+
1225
+ - [DataGrid] Fix calling `onCellEditStop` on error (#12747) @sai6855
1226
+ - [DataGrid] Fix column resize (#12792) @romgrk
1227
+ - [DataGrid] Fix column separators (#12808) @romgrk
1228
+ - [DataGrid] Limit panel width to not exceed screen width (#12799) @cherniavskii
1229
+ - [DataGrid] Support advanced server-side pagination use cases (#12474) @MBilalShafi
1230
+ - [DataGrid] Support state export and restore on grid density (#12671) @MBilalShafi
1231
+ - [l10n] Improve Danish (da-DK) locale (#12784) @EmilBahnsen
1232
+
1233
+ #### `@mui/x-data-grid-pro@7.3.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1234
+
1235
+ Same changes as in `@mui/x-data-grid@7.3.0`, plus:
1236
+
1237
+ - [DataGridPro] Implement header filter height (#12666) @romgrk
1238
+
1239
+ #### `@mui/x-data-grid-premium@7.3.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1240
+
1241
+ Same changes as in `@mui/x-data-grid-pro@7.3.0`.
1242
+
1243
+ ### Charts
1244
+
1245
+ #### Breaking change
1246
+
1247
+ A typo fix:
1248
+
1249
+ ```diff
1250
+ - ContinuouseScaleName
1251
+ + ContinuousScaleName
1252
+ ```
1253
+
1254
+ #### `@mui/x-charts@7.3.0`
1255
+
1256
+ - [charts] Add `dataIndex` to series `valueFormatter` (#12745) @JCQuintas
1257
+ - [charts] Add color scale (#12490) @alexfauquette
1258
+ - [charts] Do not document the usage of `DEFAULT_X_AXIS_KEY` and `DEFAULT_Y_AXIS_KEY` (#12780) @alexfauquette
1259
+ - [charts] Export more utils (#12744) @alexfauquette
1260
+ - [charts] Fix passing slot props down to `PieArcLabel` (#12806) @JCQuintas
1261
+
1262
+ ### Tree View
1263
+
1264
+ #### `@mui/x-tree-view@7.3.0`
1265
+
1266
+ - [TreeView] Support `defaultMuiPrevented` on the `onFocus` prop of the root slot (#12813) @flaviendelangle
1267
+
1268
+ ### Docs
1269
+
1270
+ - [docs] Add grid cell display example to the migration guide (#12793) @romgrk
1271
+ - [docs] Use charts classes objects (#12781) @alexfauquette
1272
+ - [docs] Fix layout shift on demos (#12816) @zanivan
1273
+ - [test] Increase timeout for test that sometimes fail on `DateTimeRangePicker` (#12786) @LukasTy
1274
+
1275
+ ### Core
1276
+
1277
+ - [docs-infra] Prepare infra to document charts interfaces (#12653) @alexfauquette
1278
+
1279
+ ## 7.2.0
1280
+
1281
+ _Apr 12, 2024_
1282
+
1283
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
1284
+
1285
+ - 🎨 Make grid colors customizable through the MUI themes API
1286
+ - 🌍 Improve French (fr-FR), German (de-DE), and Swedish (sv-SE) locales on the Data Grid and Pickers
1287
+ - 🐞 Bugfixes
1288
+ - 📚 Documentation improvements
1289
+
1290
+ ### Data Grid
1291
+
1292
+ #### `@mui/x-data-grid@7.2.0`
1293
+
1294
+ - [DataGrid] Add missing `api` property to `GridCallbackDetails` (#12742) @sai6855
1295
+ - [DataGrid] Do not escape double quotes when copying to clipboard (#12722) @cherniavskii
1296
+ - [DataGrid] Fix column vertical border (#12741) @romgrk
1297
+ - [DataGrid] Fix invalid date error when filtering `date`/`dateTime` columns (#12709) @cherniavskii
1298
+ - [DataGrid] Fix overflow with dynamic row height (#12683) @romgrk
1299
+ - [DataGrid] Make colors customizable (#12614) @romgrk
1300
+ - [l10n] Improve French (fr-FR) locale (#12755) @derek-0000
1301
+ - [l10n] Improve German (de-DE) locale (#12752) @Jens-Schoen
1302
+ - [l10n] Improve Swedish (sv-SE) locale (#12731) @pontusdacke
1303
+
1304
+ #### `@mui/x-data-grid-pro@7.2.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1305
+
1306
+ Same changes as in `@mui/x-data-grid@7.2.0`.
1307
+
1308
+ #### `@mui/x-data-grid-premium@7.2.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1309
+
1310
+ Same changes as in `@mui/x-data-grid-pro@7.2.0`, plus:
1311
+
1312
+ - [DataGridPremium] Fix clipboard paste not working when cell loses focus (#12724) @cherniavskii
1313
+
1314
+ ### Date and Time Pickers
1315
+
1316
+ #### `@mui/x-date-pickers@7.2.0`
1317
+
1318
+ - [fields] Fix field editing after closing the picker (#12675) @LukasTy
1319
+ - [l10n] Improve French (fr-FR) locale (#12692) @FaroukBel
1320
+ - [l10n] Improve German (de-DE) locale (#12752) @Jens-Schoen
1321
+ - [l10n] Improve Swedish (sv-SE) locale (#12731) @pontusdacke
1322
+ - [pickers] Fix desktop date time Pickers grid layout (#12748) @LukasTy
1323
+
1324
+ #### `@mui/x-date-pickers-pro@7.2.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1325
+
1326
+ Same changes as in `@mui/x-date-pickers@7.2.0`, plus:
1327
+
1328
+ - [DateTimeRangePicker] Fix desktop toolbar style (#12760) @LukasTy
1329
+
1330
+ ### Charts
1331
+
1332
+ #### `@mui/x-charts@7.2.0`
1333
+
1334
+ - [charts] Fix Bar chart with empty dataset throwing an error (#12708) @JCQuintas
1335
+ - [charts] Fix `tickLabelInterval` not working on `YAxis` (#12746) @JCQuintas
1336
+
1337
+ ### Tree View
1338
+
1339
+ #### `@mui/x-tree-view@7.2.0`
1340
+
1341
+ - [TreeView] Add a new lookup to access an item index without expansive computation (#12729) @flaviendelangle
1342
+ - [TreeView] Clean up usage of term "node" in internals (#12655) @noraleonte
1343
+ - [TreeView] Improve performance by removing `getNavigableChildrenIds` method (#12713) @flaviendelangle
1344
+ - [TreeView] Remove `state.items.itemTree` (#12717) @flaviendelangle
1345
+ - [TreeView] Remove remaining occurences of the word "node" in the codebase (#12712) @flaviendelangle
1346
+ - [TreeView] Return `instance` and `publicAPI` methods from plugin and populate the main objects inside `useTreeView` (#12650) @flaviendelangle
1347
+ - [TreeView] Fix behaviors when the item order changes (#12369) @flaviendelangle
1348
+
1349
+ ### Docs
1350
+
1351
+ - [docs] Add `AxisFormatter` documentation for customizing tick/tooltip value formatting (#12700) @JCQuintas
1352
+ - [docs] Add file explorer example to rich tree view customization docs (#12707) @noraleonte
1353
+ - [docs] Do not use import of depth 3 in the doc (#12716) @flaviendelangle
1354
+ - [docs] Explain how to clip plots with composition (#12679) @alexfauquette
1355
+ - [docs] Fix typo in Data Grid v7 migration page (#12720) @bfaulk96
1356
+ - [docs] Fix typo in Pickers v7 migration page (#12721) @bfaulk96
1357
+
1358
+ ### Core
1359
+
1360
+ - [core] Support multiple resolved `l10n` PR packages (#12735) @LukasTy
1361
+ - [core] Update Netlify release references in release README (#12687) @LukasTy
1362
+ - [core] Use `describeTreeView` for icons tests (#12672) @flaviendelangle
1363
+ - [core] Use `describeTreeView` in existing tests for `useTreeViewItems` (#12732) @flaviendelangle
1364
+
1365
+ ## 7.1.1
1366
+
1367
+ _Apr 5, 2024_
1368
+
1369
+ We'd like to offer a big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:
1370
+
1371
+ - 🚀 Add `setItemExpansion` Tree View API method (#12595) @flaviendelangle
1372
+ - 🌍 Improve Persian (fa-IR), Portuguese (pt-BR), and Spanish (es-ES) locale on the Data Grid
1373
+ - 🌍 Improve Persian (fa-IR), Portuguese (pt-BR), and Ukrainian (uk-UA) locale on the Pickers
1374
+ - 🐞 Bugfixes
1375
+ - 📚 Documentation improvements
1376
+
1377
+ ### Data Grid
1378
+
1379
+ #### `@mui/x-data-grid@7.1.1`
1380
+
1381
+ - [DataGrid] Allow higher packages' props to be used in MIT (#12365) @MBilalShafi
1382
+ - [DataGrid] Fix RTL mode (#12583) @romgrk
1383
+ - [DataGrid] Fix `ColDefChangesGridNoSnap` demo crash (#12663) @MBilalShafi
1384
+ - [DataGrid] Fix server-side filter demo not working (#12662) @MBilalShafi
1385
+ - [DataGrid] Log error if `rowCount` is used with client-side pagination (#12448) @michelengelen
1386
+ - [DataGrid] Remove `GridFormatterParams` completely (#12660) @romgrk
1387
+ - [DataGrid] Restore main slot (#12657) @romgrk
1388
+ - [l10n] Improve Persian (fa-IR) locale (#12630) @amirhosseinzf
1389
+ - [l10n] Improve Portuguese (pt-BR) locale (#12618) @hugoalkimim
1390
+ - [l10n] Improve Spanish (es-ES) locale (#12606) @aitor40
1391
+
1392
+ #### `@mui/x-data-grid-pro@7.1.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1393
+
1394
+ Same changes as in `@mui/x-data-grid@7.1.1`.
1395
+
1396
+ #### `@mui/x-data-grid-premium@7.1.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1397
+
1398
+ Same changes as in `@mui/x-data-grid-pro@7.1.1`.
1399
+
1400
+ ### Date and Time Pickers
1401
+
1402
+ #### `@mui/x-date-pickers@7.1.1`
1403
+
1404
+ - [fields] Fix `readOnly` behavior (#12609) @LukasTy
1405
+ - [l10n] Improve Persian (fa-IR) locale (#12632) @misafari
1406
+ - [l10n] Improve Portuguese (pt-BR) locale (#12613) @cnHealth
1407
+ - [l10n] Improve Ukrainian (uk-UA) locale (#12627) @alexkobylansky
1408
+
1409
+ #### `@mui/x-date-pickers-pro@7.1.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1410
+
1411
+ Same changes as in `@mui/x-date-pickers@7.1.1`, plus:
1412
+
1413
+ - [DateTimeRangePicker] Fix selection on same day (#12604) @LukasTy
1414
+
1415
+ ### Charts
1416
+
1417
+ #### `@mui/x-charts@7.1.1`
1418
+
1419
+ - [charts] Fix `tickInterval` usage for y-axis (#12592) @alexfauquette
1420
+ - [charts] Fix Scatter series highlight when `id` is a `number` (#12677) @JCQuintas
1421
+ - [charts] Fix TS error when using `sx` property on `ChartsTooltip` (#12659) @JCQuintas
1422
+
1423
+ ### Tree View
1424
+
1425
+ #### `@mui/x-tree-view@7.1.1`
1426
+
1427
+ - [TreeView] Add JSDoc to all `publicAPI` methods (#12649) @flaviendelangle
1428
+ - [TreeView] Create `RichTreeViewPro` component (not released yet) (#12610) @flaviendelangle
1429
+ - [TreeView] Create Pro package (not released yet) (#12240) @flaviendelangle
1430
+ - [TreeView] Fix typo in errors (#12623) @alissa-tung
1431
+ - [TreeView] New API method: `setItemExpansion` (#12595) @flaviendelangle
1432
+
1433
+ ### Docs
1434
+
1435
+ - [docs] Add a recipe for the `checkboxSelectionVisibleOnly` prop (#12646) @michelengelen
1436
+ - [docs] Explain the use of `_action: 'delete'` in `processRowUpdate` (#12670) @michelengelen
1437
+ - [docs] Fix formatting and typo on migration guide @oliviertassinari
1438
+ - [docs] Fix formatting in changelog @oliviertassinari
1439
+ - [docs] Fix grammar in TreeView migration doc (#12615) @joshkel
1440
+ - [docs] Fix missing closing props in `PieShapeNoSnap` demo (#12636) @alp-ex
1441
+ - [docs] Fix type arguments in Custom Field page (#12619) @Juneezee
1442
+ - [docs] Fix typo in `getItemId` prop description (#12637) @flaviendelangle
1443
+ - [docs] Make the Charts `margin` usage more visible (#12591) @alexfauquette
1444
+ - [docs] Match IE 11 spacing with Material UI @oliviertassinari
1445
+ - [docs] Move data grid interfaces to standard API page layout (#12016) @alexfauquette
1446
+ - [docs] Remove ` around @default values (#12158) @alexfauquette
1447
+ - [docs] Remove `day` from the default `dayOfWeekFormatter` function params (#12644) @LukasTy
1448
+ - [docs] Use `TreeItem2` for icon expansion example on `RichTreeView` (#12563) @flaviendelangle
1449
+
1450
+ ### Core
1451
+
1452
+ - [core] Add cherry-pick `master` to `v6` action (#12648) @LukasTy
1453
+ - [core] Fix typo in `@mui/x-tree-view-pro/themeAugmentation` (#12674) @flaviendelangle
1454
+ - [core] Introduce `describeTreeView` to run test on `SimpleTreeView` and `RichTreeView`, using `TreeItem` and `TreeItem2` + migrate expansion tests (#12428) @flaviendelangle
1455
+ - [core] Limit `test-types` CI step allowed memory (#12651) @LukasTy
1456
+ - [core] Remove explicit `express` package (#12602) @LukasTy
1457
+ - [core] Update to new embedded translations in the docs package (#12232) @Janpot
1458
+ - [core] Use PR labels to identify the package a `l10n` PR belongs to (#12639) @LukasTy
1459
+ - [core] Use `describeTreeView` for selection tests (#12647) @flaviendelangle
1460
+ - [docs-infra] Adjust the links to search for issues (#11995) @michelengelen
1461
+ - [infra] Polish support survey experience (#12624) @oliviertassinari
1462
+ - [support-infra] Replace author association with a permission check in survey action (#12068) @michelengelen
1463
+ - [support-infra] Fix user permission check (#12669) @michelengelen
1464
+ - [test] Fix Tree View test import (#12668) @LukasTy
1465
+
1466
+ ## 7.1.0
1467
+
1468
+ _Mar 28, 2024_
1469
+
1470
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
1471
+
1472
+ - 🚀 Add `resizeThrottleMs` prop (#12556) @romgrk
1473
+ - 🌍 Improve Chinese (Hong Kong) (zh-HK) and Italian (it-IT) locale on the Pickers
1474
+ - 🐞 Bugfixes
1475
+ - 📚 Documentation improvements
1476
+
1477
+ ### Data Grid
1478
+
1479
+ #### `@mui/x-data-grid@7.1.0`
1480
+
1481
+ - [DataGrid] Add `resizeThrottleMs` prop (#12556) @romgrk
1482
+ - [DataGrid] Do not publish `rowEditStop` event if row has fields with errors (#11383) @cherniavskii
1483
+ - [DataGrid] Fix bug in suspense (#12553) @romgrk
1484
+ - [DataGrid] Fix missing class name in the `GridToolbarQuickFilter` component (#12484) @jhawkins11
1485
+
1486
+ #### `@mui/x-data-grid-pro@7.1.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1487
+
1488
+ Same changes as in `@mui/x-data-grid@7.1.0`.
1489
+
1490
+ #### `@mui/x-data-grid-premium@7.1.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1491
+
1492
+ Same changes as in `@mui/x-data-grid-pro@7.1.0`.
1493
+
1494
+ ### Date and Time Pickers
1495
+
1496
+ #### `@mui/x-date-pickers@7.1.0`
1497
+
1498
+ - [fields] Fix placeholder override (#12589) @flaviendelangle
1499
+ - [l10n] Improve Chinese (Hong Kong) (zh-HK) locale (#12547) @samchiu90
1500
+ - [l10n] Improve Italian (it-IT) locale (#12549) @antomanc
1501
+ - [pickers] Prepare compatibility with `@mui/zero-runtime` (stop using `ownerState` in `styled`) (#12003) @flaviendelangle
1502
+
1503
+ #### `@mui/x-date-pickers-pro@7.1.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1504
+
1505
+ Same changes as in `@mui/x-date-pickers@7.1.0`, plus:
1506
+
1507
+ - [DateRangePicker] Fix selection behavior with single input field when `readOnly` (#12593) @LukasTy
1508
+
1509
+ ### Charts
1510
+
1511
+ #### `@mui/x-charts@7.1.0`
1512
+
1513
+ - [charts] Fix tooltip causing crash on data change (#12571) @Rishi556
1514
+
1515
+ ### Tree View
1516
+
1517
+ #### `@mui/x-tree-view@7.1.0`
1518
+
1519
+ - [TreeView] Do not use outdated version of the state to compute new label first char in `RichTreeView` (#12512) @flaviendelangle
1520
+
1521
+ ### Docs
1522
+
1523
+ - [docs] Add example to add a second icon next to the field's opening button (#12524) @flaviendelangle
1524
+ - [docs] Add missing note to Data Grid migration guide (#12557) @romgrk
1525
+ - [docs] Fix Charts title for SEO (#12545) @oliviertassinari
1526
+ - [docs] Fix small typo (#12558) @diogoparente
1527
+ - [docs] Improve codemod related documentation (#12582) @MBilalShafi
1528
+ - [docs] Reduce noise in migration docs side navigation (#12552) @cherniavskii
1529
+ - [docs] Sync static images from core repository (#12525) @LukasTy
1530
+
1531
+ ### Core
1532
+
1533
+ - [core] Fix `l10n` script on Windows (#12550) @LukasTy
1534
+ - [core] Include `DateTimeRangePicker` tag in `releaseChangelog` (#12526) @LukasTy
1535
+ - [core] Upgrade monorepo (#12536) @cherniavskii
1536
+
1537
+ ## 7.0.0
1538
+
1539
+ _Mar 22, 2024_
1540
+
1541
+ We're excited to [announce the first v7 stable release](https://mui.com/blog/mui-x-v7/)! 🎉🚀
1542
+
1543
+ This is now the officially supported major version, where we'll keep rolling out new features, bug fixes, and improvements.
1544
+ Migration guides are available with a complete list of the breaking changes:
1545
+
1546
+ - [Data Grid](https://mui.com/x/migration/migration-data-grid-v6/)
1547
+ - [Date and Time Pickers](https://mui.com/x/migration/migration-pickers-v6/)
1548
+ - [Tree View](https://mui.com/x/migration/migration-tree-view-v6/)
1549
+ - [Charts](https://mui.com/x/migration/migration-charts-v6/)
1550
+
1551
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
1552
+
1553
+ - 🚀 Improve the usage of custom `viewRenderers` on `DateTimePicker` (#12441) @LukasTy
1554
+ - ✨ Set focus on the focused Tree Item instead of the Tree View (#12226) @flaviendelangle
1555
+ - 🕹️ Support controlled `density` for the Data Grid (#12332) @MBilalShafi
1556
+ - 🎁 Dynamic virtualization range for the Data Grid (#12353) @romgrk
1557
+ - 🐞 Bugfixes
1558
+ - 📚 Documentation improvements
1559
+
1560
+ ### Data Grid
1561
+
1562
+ #### Breaking changes
1563
+
1564
+ - The `density` is a [controlled prop](https://mui.com/x/react-data-grid/accessibility/#set-the-density-programmatically) now, if you were previously passing the `density` prop to the Data Grid, you will need to do one of the following:
1565
+
1566
+ 1. Move it to the `initialState.density` to initialize it.
1567
+
1568
+ ```diff
1569
+ <DataGrid
1570
+ - density="compact"
1571
+ + initialState={{ density: "compact" }}
1572
+ />
1573
+ ```
1574
+
1575
+ 2. Move it to the state and use `onDensityChange` callback to update the `density` prop accordingly for it to work as expected.
1576
+
1577
+ ```diff
1578
+ + const [density, setDensity] = React.useState<GridDensity>('compact');
1579
+ <DataGrid
1580
+ - density="compact"
1581
+ + density={density}
1582
+ + onDensityChange={(newDensity) => setDensity(newDensity)}
1583
+ />
1584
+ ```
1585
+
1586
+ - The selector `gridDensityValueSelector` was removed, use the `gridDensitySelector` instead.
1587
+
1588
+ - The props `rowBuffer` and `columnBuffer` were renamed to `rowBufferPx` and `columnBufferPx`.
1589
+ Their value is now a pixel value rather than a number of items. Their default value is now `150`.
1590
+
1591
+ - The props `rowThreshold` and `columnThreshold` have been removed.
1592
+ If you had the `rowThreshold` prop set to `0` to force new rows to be rendered more often – this is no longer necessary.
1593
+
1594
+ #### `@mui/x-data-grid@7.0.0`
1595
+
1596
+ - [DataGrid] Allow to control the grid density (#12332) @MBilalShafi
1597
+ - [DataGrid] Dynamic virtualization range (#12353) @romgrk
1598
+ - [DataGrid] Fix `ElementType` usage (#12479) @cherniavskii
1599
+ - [DataGrid] Fix cell value formatting on copy (#12357) @sai6855
1600
+ - [DataGrid] Fix checkbox selection is keeping selection when filtering (#11751) @g1mishra
1601
+ - [DataGrid] Make `rows` an optional prop (#12478) @MBilalShafi
1602
+
1603
+ #### `@mui/x-data-grid-pro@7.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1604
+
1605
+ Same changes as in `@mui/x-data-grid@7.0.0`.
1606
+
1607
+ #### `@mui/x-data-grid-premium@7.0.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1608
+
1609
+ Same changes as in `@mui/x-data-grid-pro@7.0.0`, plus:
1610
+
1611
+ - [DataGridPremium] Add support for confirmation before clipboard paste (#12225) @cherniavskii
1612
+ - [DataGridPremium] Fix single grouping column sorting (#9679) @cherniavskii
1613
+ - [DataGridPremium] Fix boolean cell not rendered in group rows (#12492) @sai6855
1614
+
1615
+ ### Date and Time Pickers
1616
+
1617
+ #### Breaking changes
1618
+
1619
+ - The `DesktopDateTimePicker` view rendering has been optimized by using the same technique as for `DesktopDateTimeRangePicker`.
1620
+ - The `dateTimeViewRenderers` have been removed in favor of reusing existing time view renderers (`renderTimeViewClock`, `renderDigitalClockTimeView` and `renderMultiSectionDigitalClockTimeView`) and date view renderer (`renderDateViewCalendar`).
1621
+ - Passing `renderTimeViewClock` to time view renderers will no longer revert to the old behavior of rendering only date or time view.
1622
+
1623
+ #### `@mui/x-date-pickers@7.0.0`
1624
+
1625
+ - [fields] Allow to override the separator between the start and the end date in all range fields (#12174) @flaviendelangle
1626
+ - [fields] Support format without separator (#12489) @flaviendelangle
1627
+ - [pickers] Use renderer interceptor on `DesktopDateTimePicker` (#12441) @LukasTy
1628
+
1629
+ #### `@mui/x-date-pickers-pro@7.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1630
+
1631
+ Same changes as in `@mui/x-date-pickers@7.0.0`, plus:
1632
+
1633
+ - [DateTimeRangePicker] Add component `JSDoc` (#12518) @LukasTy
1634
+ - [DateTimeRangePicker] Fix views behavior regression (#12529) @LukasTy
1635
+
1636
+ ### Charts
1637
+
1638
+ #### `@mui/x-charts@7.0.0`
1639
+
1640
+ - [charts] Fix small typo in `CartesianContextProvider` (#12461) @Janpot
1641
+
1642
+ ### Tree View
1643
+
1644
+ #### Breaking changes
1645
+
1646
+ - The required `nodeId` prop used by the `TreeItem` has been renamed to `itemId` for consistency:
1647
+
1648
+ ```diff
1649
+ <TreeView>
1650
+ - <TreeItem label="Item 1" nodeId="one">
1651
+ + <TreeItem label="Item 1" itemId="one">
1652
+ </TreeView>
1653
+ ```
1654
+
1655
+ - The focus is now applied to the Tree Item root element instead of the Tree View root element.
1656
+
1657
+ This change will allow new features that require the focus to be on the Tree Item,
1658
+ like the drag and drop reordering of items.
1659
+ It also solves several issues with focus management,
1660
+ like the inability to scroll to the focused item when a lot of items are rendered.
1661
+
1662
+ This will mostly impact how you write tests to interact with the Tree View:
1663
+
1664
+ For example, if you were writing a test with `react-testing-library`, here is what the changes could look like:
1665
+
1666
+ ```diff
1667
+ it('test example on first item', () => {
1668
+ - const { getByRole } = render(
1669
+ + const { getAllByRole } = render(
1670
+ <SimpleTreeView>
1671
+ <TreeItem nodeId="one" />
1672
+ <TreeItem nodeId="two" />
1673
+ </SimpleTreeView>
1674
+ );
1675
+
1676
+ - const tree = getByRole('tree');
1677
+ + const firstTreeItem = getAllByRole('treeitem')[0];
1678
+ act(() => {
1679
+ - tree.focus();
1680
+ + firstTreeItem.focus();
1681
+ });
1682
+ - fireEvent.keyDown(tree, { key: 'ArrowDown' });
1683
+ + fireEvent.keyDown(firstTreeItem, { key: 'ArrowDown' });
1684
+ })
1685
+ ```
1686
+
1687
+ #### `@mui/x-tree-view@7.0.0`
1688
+
1689
+ - [TreeView] Rename `nodeId` to `itemId` (#12418) @noraleonte
1690
+ - [TreeView] Set focus on the focused Tree Item instead of the Tree View (#12226) @flaviendelangle
1691
+ - [TreeView] Update JSDoc of the `ContentComponent` prop to avoid using the word "node" (#12476) @flaviendelangle
1692
+
1693
+ ### `@mui/x-codemod@7.0.0`
1694
+
1695
+ - [codemod] Add a codemod and update the grid migration guide (#12488) @MBilalShafi
1696
+
1697
+ ### Docs
1698
+
1699
+ - [docs] Finalize migration guide (#12501) @noraleonte
1700
+ - [docs] Fix nested cells alignment in the popular features demo (#12450) @cherniavskii
1701
+ - [docs] Fix some Vale errors (#12469) @oliviertassinari
1702
+ - [docs] Remove mentions of pre release (#12513) @noraleonte
1703
+ - [docs] Update branch name and tags (#12498) @cherniavskii
1704
+ - [docs] Update links to v6 (#12496) @cherniavskii
1705
+ - [docs] Update links to v7 docs (#12500) @noraleonte
1706
+ - [docs] Update supported versions (#12508) @joserodolfofreitas
1707
+ - [docs] Update "What's new in MUI X" page #12527 @cherniavskii
1708
+
1709
+ ### Core
1710
+
1711
+ - [core] Bump `@mui/material` peer dependency for all packages (#12516) @LukasTy
1712
+ - [core] Fix `no-restricted-imports` ESLint rule not working for Data Grid packages (#12477) @cherniavskii
1713
+ - [core] Lower the frequency of `no-response` action runs (#12491) @michaldudak
1714
+ - [core] Remove leftover `legacy` `browserlistrc` entry (#12415) @LukasTy
1715
+ - [core] Update NPM tag (#12511) @cherniavskii
1716
+ - [core] Update supported browsers (browserlistrc) (#12521) @LukasTy
1717
+ - [core] Use Circle CI context @oliviertassinari
1718
+ - [license] Fix grammar on expired license error message (#12460) @joserodolfofreitas
1719
+
1720
+ ## 7.0.0-beta.7
1721
+
1722
+ _Mar 14, 2024_
1723
+
1724
+ We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
1725
+
1726
+ - 🦥 The Lazy loading feature is now stable and the `lazyLoading` feature flag was removed from the `experimentalFeatures` prop.
1727
+ - 🌍 Improve Japanese (ja-JP) locale for the Data Grid
1728
+ - 🐞 Bugfixes
1729
+ - 📚 Documentation improvements
1730
+
1731
+ ### Data Grid
1732
+
1733
+ #### Breaking changes
1734
+
1735
+ - The `columnHeader--showColumnBorder` class was replaced by `columnHeader--withLeftBorder` and `columnHeader--withRightBorder`.
1736
+ - The `columnHeadersInner`, `columnHeadersInner--scrollable`, and `columnHeaderDropZone` classes were removed since the inner wrapper was removed in our effort to simplify the DOM structure and improve accessibility.
1737
+ - The `pinnedColumnHeaders`, `pinnedColumnHeaders--left`, and `pinnedColumnHeaders--right` classes were removed along with the element they were applied to.
1738
+ The pinned column headers now use `position: 'sticky'` and are rendered in the same row element as the regular column headers.
1739
+
1740
+ #### `@mui/x-data-grid@7.0.0-beta.7`
1741
+
1742
+ - [DataGrid] Fix focus visible style on scrollbar (#12402) @oliviertassinari
1743
+ - [DataGrid] Fix the issue where pressing the Delete key resets various cell values to an empty string. (#12216) @sooster910
1744
+ - [DataGrid] Make `rowCount` part of the state (#12381) @MBilalShafi
1745
+ - [DataGrid] Make column resizing and autosizing available in Community plan (#12420) @cherniavskii
1746
+ - [DataGrid] Remove `baseSwitch` slot (#12439) @romgrk
1747
+ - [l10n] Improve Japanese (ja-JP) locale (#12398) @makoto14
1748
+
1749
+ #### `@mui/x-data-grid-pro@7.0.0-beta.7` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1750
+
1751
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.7`, plus:
1752
+
1753
+ - [DataGridPro] Add `inputRef` to the props passed to `colDef.renderHeaderFilter` (#12328) @vovarudomanenko
1754
+ - [DataGridPro] Fix filler rendered for no reason when there are pinned columns (#12440) @cherniavskii
1755
+ - [DataGridPro] Make lazy loading feature stable (#12421) @cherniavskii
1756
+ - [DataGridPro] Render pinned and non-pinned column headers in one row (#12376) @cherniavskii
1757
+
1758
+ #### `@mui/x-data-grid-premium@7.0.0-beta.7` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1759
+
1760
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.7`, plus:
1761
+
1762
+ - [DataGridPremium] Fix auto-scroll not working when selecting cell range (#12267) @cherniavskii
1763
+
1764
+ ### Date and Time Pickers
1765
+
1766
+ #### `@mui/x-date-pickers@7.0.0-beta.7`
1767
+
1768
+ - [fields] Fix `tabIndex` on accessible field DOM structure (#12311) @flaviendelangle
1769
+ - [fields] Fix items alignment on multi input range fields (#12312) @flaviendelangle
1770
+ - [pickers] Improve the customization of the range picker calendar header (#11988) @flaviendelangle
1771
+ - [pickers] Keep the existing time when looking for closest enabled date (#12377) @LukasTy
1772
+
1773
+ #### `@mui/x-date-pickers-pro@7.0.0-beta.7` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1774
+
1775
+ Same changes as in `@mui/x-date-pickers@7.0.0-beta.7`.
1776
+
1777
+ ### Charts
1778
+
1779
+ #### `@mui/x-charts@7.0.0-beta.7`
1780
+
1781
+ - [charts] Fix axis highlight when axis is reversed (#12407) @alexfauquette
1782
+
1783
+ ### Tree View
1784
+
1785
+ #### Breaking changes
1786
+
1787
+ The `onNodeFocus` callback has been renamed to `onItemFocus` for consistency:
1788
+
1789
+ ```diff
1790
+ <SimpleTreeView
1791
+ - onNodeFocus={onNodeFocus}
1792
+ + onItemFocus={onItemFocus}
1793
+ />
1794
+ ```
1795
+
1796
+ #### `@mui/x-tree-view@7.0.0-beta.7`
1797
+
1798
+ - [TreeView] Clean the usage of the term "item" and "node" in API introduced during v7 (#12368) @noraleonte
1799
+ - [TreeView] Introduce a new `TreeItem2` component and a new `useTreeItem2` hook (#11721) @flaviendelangle
1800
+ - [TreeView] Rename `onNodeFocus` to `onItemFocus` (#12419) @noraleonte
1801
+
1802
+ ### Docs
1803
+
1804
+ - [docs] Add `legacy` bundle drop mention in migration pages (#12424) @LukasTy
1805
+ - [docs] Add missing luxon `Info` import (#12427) @LukasTy
1806
+ - [docs] Improve slots definitions for charts (#12408) @alexfauquette
1807
+ - [docs] Polish What's new in MUI X blog titles (#12309) @oliviertassinari
1808
+ - [docs] Replace `rel="noreferrer"` by `rel="noopener"` @oliviertassinari
1809
+ - [docs] Update `date-fns` `weekStarsOn` overriding example (#12416) @LukasTy
1810
+
1811
+ ### Core
1812
+
1813
+ - [core] Fix CI (#12414) @flaviendelangle
1814
+ - [core] Fix PR deploy link for Tree View doc pages (#12411) @flaviendelangle
1815
+
1816
+ ## 7.0.0-beta.6
1817
+
1818
+ _Mar 8, 2024_
1819
+
1820
+ We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
1821
+
1822
+ - 🐞 Bugfixes
1823
+ - 📚 Documentation improvements
1824
+
1825
+ ### Data Grid
1826
+
1827
+ #### `@mui/x-data-grid@7.0.0-beta.6`
1828
+
1829
+ - [DataGrid] Fix crashing of demos on rating change (#12315) @sai6855
1830
+ - [DataGrid] Fix double border below header (#12349) @joespeargresham
1831
+ - [DataGrid] Fix empty sort being saved in the `sortModel` (#12325) @MBilalShafi
1832
+ - [DataGrid] Remove unnecessary `stopCellMode` event in `renderEditRating` component (#12335) @sai6855
1833
+ - [DataGrid] Small performance optimizations (#12346) @romgrk
1834
+
1835
+ #### `@mui/x-data-grid-pro@7.0.0-beta.6` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1836
+
1837
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.6`, plus:
1838
+
1839
+ - [DataGridPro] Rework `onRowsScrollEnd` to use `IntersectionObserver` (#8672) @DanailH
1840
+
1841
+ #### `@mui/x-data-grid-premium@7.0.0-beta.6` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1842
+
1843
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.6`.
1844
+
1845
+ ### Charts
1846
+
1847
+ #### `@mui/x-charts@7.0.0-beta.6`
1848
+
1849
+ - [charts] Add context to axis value formatter (#12172) @alexfauquette
1850
+ - [charts] Customize tick position for band scale (#12316) @alexfauquette
1851
+ - [charts] Fix RTL legend (#12175) @alexfauquette
1852
+
1853
+ ### Tree View
1854
+
1855
+ #### Breaking changes
1856
+
1857
+ - The component used to animate the item children is now defined as a slot on the `TreeItem` component.
1858
+
1859
+ If you were passing a `TransitionComponent` or `TransitionProps` to your `TreeItem` component,
1860
+ you need to use the new `groupTransition` slot on this component:
1861
+
1862
+ ```diff
1863
+ <SimpleTreeView>
1864
+ <TreeItem
1865
+ nodeId="1"
1866
+ label="Node 1"
1867
+ - TransitionComponent={Fade}
1868
+ + slots={{ groupTransition: Fade }}
1869
+ - TransitionProps={{ timeout: 600 }}
1870
+ + slotProps={{ groupTransition: { timeout: 600 } }}
1871
+ />
1872
+ </SimpleTreeView>
1873
+ ```
1874
+
1875
+ - The `group` class of the `TreeItem` component has been renamed to `groupTransition` to match with its new slot name.
1876
+
1877
+ ```diff
1878
+ const StyledTreeItem = styled(TreeItem)({
1879
+ - [`& .${treeItemClasses.group}`]: {
1880
+ + [`& .${treeItemClasses.groupTransition}`]: {
1881
+ marginLeft: 20,
1882
+ },
1883
+ });
1884
+ ```
1885
+
1886
+ #### `@mui/x-tree-view@7.0.0-beta.6`
1887
+
1888
+ - [TreeView] Fix invalid nodes state when updating `props.items` (#12359) @flaviendelangle
1889
+ - [TreeView] In the `RichTreeView`, do not use the item id as the HTML id attribute (#12319) @flaviendelangle
1890
+ - [TreeView] New instance and publicAPI method: `getItem` (#12251) @flaviendelangle
1891
+ - [TreeView] Replace `TransitionComponent` and `TransitionProps` with a `groupTransition` slot (#12336) @flaviendelangle
1892
+
1893
+ ### Docs
1894
+
1895
+ - [docs] Add a note about `z-index` usage in SVG (#12337) @alexfauquette
1896
+ - [docs] `RichTreeView` customization docs (#12231) @noraleonte
1897
+
1898
+ ### Core
1899
+
1900
+ - [test] Add `Charts` test (#11551) @alexfauquette
1901
+
1902
+ ## 7.0.0-beta.5
1903
+
1904
+ _Mar 1, 2024_
1905
+
1906
+ We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
1907
+
1908
+ - 🎁 Add `getSortComparator` for more advanced sorting behaviors (#12215) @cherniavskii
1909
+ - 🚀 Add `use client` directive to the Grid packages (#11803) @MBilalShafi
1910
+ - 🌍 Improve Korean (ko-KR) and Chinese (zh-CN) locales on the Pickers
1911
+ - 🐞 Bugfixes
1912
+ - 📚 Documentation improvements
1913
+
1914
+ ### Data Grid
1915
+
1916
+ #### `@mui/x-data-grid@7.0.0-beta.5`
1917
+
1918
+ - [DataGrid] Add `getSortComparator` for more advanced sorting behaviors (#12215) @cherniavskii
1919
+ - [DataGrid] Add `use client` directive to the Grid packages (#11803) @MBilalShafi
1920
+ - [DataGrid] Fix `disableResetButton` and `disableShowHideToggle` flags to not exclude each other (#12169) @adyry
1921
+ - [DataGrid] Fix cell range classnames (#12230) @romgrk
1922
+ - [DataGrid] Fix wrong offset for right-pinned columns when toggling dark/light modes (#12233) @cherniavskii
1923
+ - [DataGrid] Improve row virtualization and rendering performance (#12247) @romgrk
1924
+ - [DataGrid] Improve performance by removing `querySelector` call (#12229) @romgrk
1925
+ - [DataGrid] Fix `onColumnWidthChange` called before autosize affects column width (#12140) @shaharyar-shamshi
1926
+ - [DataGrid] Fix boolean "is" filter (#12117) @shaharyar-shamshi
1927
+ - [DataGrid] Fix `upsertFilterItems` removing filters that are not part of the update (#11954) @gitstart
1928
+ - [DataGrid] Render scrollbars only if there is scroll (#12265) @cherniavskii
1929
+
1930
+ #### `@mui/x-data-grid-pro@7.0.0-beta.5` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1931
+
1932
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.5`, plus:
1933
+
1934
+ - [DataGridPro] Fix column resize errors on MacOS with automatic scrollbars enabled (#12217) @cherniavskii
1935
+ - [DataGridPro] Fix lazy-loading crash (#12080) @romgrk
1936
+ - [DataGridPro] Fix useGridRows not giving error on reversed data (#10821) @martijn-basesoft
1937
+
1938
+ #### `@mui/x-data-grid-premium@7.0.0-beta.5` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
1939
+
1940
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.5`, plus:
1941
+
1942
+ - [DataGridPremium] Make clipboard copy respect the sorting during cell selection (#12235) @MBilalShafi
1943
+
1944
+ ### Date and Time Pickers
1945
+
1946
+ #### `@mui/x-date-pickers@7.0.0-beta.5`
1947
+
1948
+ - [pickers] Fix toolbar components props handling (#12211) @LukasTy
1949
+ - [l10n] Improve Chinese (zh-CN) locale (#12245) @headironc
1950
+ - [l10n] Improve Korean (ko-KR) locale (#12192) @Luzi
1951
+
1952
+ #### `@mui/x-date-pickers-pro@7.0.0-beta.5` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
1953
+
1954
+ Same changes as in `@mui/x-date-pickers@7.0.0-beta.5`.
1955
+
1956
+ - [DateTimeRangePicker] Fix validation behavior (#12243) @LukasTy
1957
+
1958
+ ### Charts / `@mui/x-charts@7.0.0-beta.5`
1959
+
1960
+ - [charts] Fix grid duplicated key (#12208) @alexfauquette
1961
+
1962
+ ### Tree View / `@mui/x-tree-view@7.0.0-beta.5`
1963
+
1964
+ - [TreeView] Add public API and expose focus method (#12143) @noraleonte
1965
+
1966
+ ### Docs
1967
+
1968
+ - [docs] Fix image layout shift when loading @oliviertassinari
1969
+ - [docs] Match Material UI repo comment for redirections @oliviertassinari
1970
+ - [docs] Non breaking spaces @oliviertassinari
1971
+ - [docs] Polish the Date Picker playground (#11869) @zanivan
1972
+ - [docs] Standardize WAI-ARIA references @oliviertassinari
1973
+
1974
+ ### Core
1975
+
1976
+ - [core] Allow local docs next.js settings (#12227) @romgrk
1977
+ - [core] Remove grid folder from `getComponentInfo` RegExp (#12241) @flaviendelangle
1978
+ - [core] Remove `window.` reference for common globals @oliviertassinari
1979
+ - [core] Use runtime agnostic setTimeout type @oliviertassinari
1980
+ - [docs-infra] Fix Stack Overflow breaking space @oliviertassinari
1981
+ - [docs-infra] Fix missing non breaking spaces @oliviertassinari
1982
+ - [infra] Update `no-response` workflow (#12193) @MBilalShafi
1983
+ - [infra] Fix missing permission reset @oliviertassinari
1984
+
1985
+ ## 7.0.0-beta.4
1986
+
1987
+ _Feb 23, 2024_
1988
+
1989
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
1990
+
1991
+ - 🎁 Introduce a new DOM structure for the field components that provides a better accessibility
1992
+ - 🚀 Simplify Data Grid DOM structure for improved performance (#12013) @romgrk
1993
+ - 🕥 The support for IE 11 has been removed (#12151) @flaviendelangle
1994
+ - 🐞 Bugfixes
1995
+ - 📚 Documentation improvements
1996
+
1997
+ ### Breaking changes
1998
+
1999
+ - The support for IE 11 has been removed from all MUI X packages. The `legacy` bundle that used to support old browsers like IE 11 is no longer included.
2000
+
2001
+ ### Data Grid
2002
+
2003
+ #### Breaking changes
2004
+
2005
+ - The cell inner wrapper `.MuiDataGrid-cellContent` has been removed, use `.MuiDataGrid-cell` to style the cells.
2006
+
2007
+ #### `@mui/x-data-grid@7.0.0-beta.4`
2008
+
2009
+ - [DataGrid] Simplify cell DOM structure (#12013) @romgrk
2010
+ - [DataGrid] Fix values labels in `is any of` filter operator (#11939) @gitstart
2011
+
2012
+ #### `@mui/x-data-grid-pro@7.0.0-beta.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2013
+
2014
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.4`.
2015
+
2016
+ #### `@mui/x-data-grid-premium@7.0.0-beta.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2017
+
2018
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.4`.
2019
+
2020
+ ### Date and Time Pickers
2021
+
2022
+ #### Breaking changes
2023
+
2024
+ - The `selectedSections` prop no longer accepts start and end indexes.
2025
+ When selecting several — but not all — sections, the field components were not behaving correctly, you can now only select one or all sections:
2026
+
2027
+ ```diff
2028
+ <DateField
2029
+ - selectedSections={{ startIndex: 0, endIndex: 0 }}
2030
+ + selectedSections={0}
2031
+
2032
+ // If the field has 3 sections
2033
+ - selectedSections={{ startIndex: 0, endIndex: 2 }}
2034
+ + selectedSections="all"
2035
+ />
2036
+ ```
2037
+
2038
+ - The headless field hooks (e.g.: `useDateField`) now returns a new prop called `enableAccessibleFieldDOMStructure`.
2039
+ This property is utilized to determine whether the anticipated UI is constructed using an accessible DOM structure. Learn more about this new [accessible DOM structure](/x/react-date-pickers/fields/#accessible-dom-structure).
2040
+
2041
+ When building a custom UI, you are most-likely only supporting one DOM structure, so you can remove `enableAccessibleFieldDOMStructure` before it is passed to the DOM:
2042
+
2043
+ ```diff
2044
+ function MyCustomTextField(props) {
2045
+ const {
2046
+ + // Should be ignored
2047
+ + enableAccessibleFieldDOMStructure,
2048
+ // ... rest of the props you are using
2049
+ } = props;
2050
+
2051
+ return ( /* Some UI to edit the date */ )
2052
+ }
2053
+
2054
+ function MyCustomField(props) {
2055
+ const fieldResponse = useDateField<Dayjs, false, typeof textFieldProps>({
2056
+ ...props,
2057
+ + // If you only support one DOM structure, we advise you to hardcode it here to avoid unwanted switches in your application
2058
+ + enableAccessibleFieldDOMStructure: false,
2059
+ });
2060
+
2061
+ return <MyCustomTextField ref={ref} {...fieldResponse} />;
2062
+ }
2063
+
2064
+ function App() {
2065
+ return <DatePicker slots={{ field: MyCustomField }} />;
2066
+ }
2067
+ ```
2068
+
2069
+ - The following internal types were exported by mistake and have been removed from the public API:
2070
+
2071
+ - `UseDateFieldDefaultizedProps`
2072
+ - `UseTimeFieldDefaultizedProps`
2073
+ - `UseDateTimeFieldDefaultizedProps`
2074
+ - `UseSingleInputDateRangeFieldComponentProps`
2075
+ - `UseSingleInputTimeRangeFieldComponentProps`
2076
+ - `UseSingleInputDateTimeRangeFieldComponentProps`
2077
+
2078
+ #### `@mui/x-date-pickers@7.0.0-beta.4`
2079
+
2080
+ - [fields] Add a11y support to multi-HTML field (#12173) @LukasTy
2081
+ - [fields] Use the `PickersTextField` component in the fields (#10649) @flaviendelangle
2082
+ - [pickers] Fix styling props propagation to `DateTimePickerTabs` (#12096) @LukasTy
2083
+
2084
+ #### `@mui/x-date-pickers-pro@7.0.0-beta.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2085
+
2086
+ Same changes as in `@mui/x-date-pickers@7.0.0-beta.4`.
2087
+
2088
+ ### Charts / `@mui/x-charts@7.0.0-beta.4`
2089
+
2090
+ #### Breaking changes
2091
+
2092
+ These components are no longer exported from `@mui/x-charts`:
2093
+
2094
+ - `CartesianContextProvider`
2095
+ - `DrawingProvider`
2096
+
2097
+ #### `@mui/x-charts@7.0.0-beta.4`
2098
+
2099
+ - [charts] Don't display text if no value is provided (#12127) @alexfauquette
2100
+ - [charts] Remove export of context providers (#12123) @oliviertassinari
2101
+
2102
+ ### Tree View / `@mui/x-tree-view@7.0.0-beta.4`
2103
+
2104
+ - [TreeView] Stop using custom `findIndex` to support IE 11 (#12129) @flaviendelangle
2105
+
2106
+ ### Docs
2107
+
2108
+ - [docs] Add recipe for hiding separator on non-resizable columns (#12134) @michelengelen
2109
+ - [docs] Add small improvements to the Gauge page (#12076) @danilo-leal
2110
+ - [docs] Add the 'point' scaleType to the axis documentation (#12179) @alexfauquette
2111
+ - [docs] Clarify Pickers 'Component composition' section (#12097) @LukasTy
2112
+ - [docs] Fix "Licensing" page link (#12156) @LukasTy
2113
+ - [docs] Fix the Treemap illustration (#12185) @danilo-leal
2114
+ - [docs] Fix error raised by Grammarly on the page @oliviertassinari
2115
+ - [docs] Improve performance on Charts entry point @oliviertassinari
2116
+ - [docs] Link to React Transition Group with https @oliviertassinari
2117
+ - [docs] Move Heatmap to `pro` plan (#12047) @alexfauquette
2118
+ - [docs] Reduce number of Vale errors @oliviertassinari
2119
+ - [docs] Remove default value set to `undefined` (#12128) @alexfauquette
2120
+
2121
+ ### Core
2122
+
2123
+ - [core] Fix docs link check (#12135) @LukasTy
2124
+ - [core] Fix missing context display names (#12124) @oliviertassinari
2125
+ - [core] Fix shortcuts when Caps Lock enabled (#12121) @oliviertassinari
2126
+ - [core] Remove IE 11 compat logic (#12119) @oliviertassinari
2127
+ - [core] Simplify key utils (#12120) @oliviertassinari
2128
+ - [core] Use the @mui/internal-scripts package (#12142) @michaldudak
2129
+ - [all components] Remove legacy IE 11 bundle (#12151) @flaviendelangle
2130
+ - [code-infra] Bump monorepo (#11880) @Janpot
2131
+ - [code-infra] Use `experimental.cpus` to control amount of export workers in Next.js (#12095) @Janpot
2132
+ - [docs-infra] Remove randomized API page layout (#11876) @alexfauquette
2133
+ - [test] Create local wrapper over `describeConformance` (#12130) @michaldudak
2134
+
2135
+ ## 7.0.0-beta.3
2136
+
2137
+ _Feb 16, 2024_
2138
+
2139
+ We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
2140
+
2141
+ - 🎁 Charts get a [built in grid](https://next.mui.com/x/react-charts/axis/#grid)
2142
+
2143
+ <img src="https://github.com/mui/mui-x/assets/45398769/74299f54-f020-4135-b38c-dc88a230db30" width="510" alt="Charts Grid" />
2144
+
2145
+ - 🎛️ Charts get a [Gauge component](https://next.mui.com/x/react-charts/gauge/).
2146
+
2147
+ <img src="https://github.com/mui/mui-x/assets/45398769/fb7a94b5-bef6-4fc2-a0cd-d6ff5b60fa8b" width="510" alt="Guage Chart" />
2148
+
2149
+ - 🐞 Bugfixes
2150
+
2151
+ - 📚 Documentation improvements
2152
+
2153
+ ### Data Grid
2154
+
2155
+ #### Breaking changes
2156
+
2157
+ - The `rowEditCommit` event and the related prop `onRowEditCommit` was removed. The [`processRowUpdate`](https://next.mui.com/x/react-data-grid/editing/#the-processrowupdate-callback) prop can be used in place.
2158
+
2159
+ #### `@mui/x-data-grid@7.0.0-beta.3`
2160
+
2161
+ - [DataGrid] Performance: avoid style invalidation (#12019) @romgrk
2162
+ - [DataGrid] Remove legacy editing API event: `rowEditCommit` (#12073) @MBilalShafi
2163
+ - [DataGrid] Fix styling grid filter input single select (#11520) @FreakDroid
2164
+
2165
+ #### `@mui/x-data-grid-pro@7.0.0-beta.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2166
+
2167
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.3`.
2168
+
2169
+ #### `@mui/x-data-grid-premium@7.0.0-beta.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2170
+
2171
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.3`.
2172
+
2173
+ ### Charts / `@mui/x-charts@7.0.0-beta.3`
2174
+
2175
+ - [charts] Add Gauge component (#11996) @alexfauquette
2176
+ - [charts] Add a `ChartsGrid` component (#11034) @alexfauquette
2177
+
2178
+ ### Tree View / `@mui/x-tree-view@7.0.0-beta.3`
2179
+
2180
+ - [TreeView] Remove instance existence checks (#12066) @flaviendelangle
2181
+
2182
+ ### Docs
2183
+
2184
+ - [docs] Complete charts API pages (#12038) @alexfauquette
2185
+ - [docs] Add more illustrations to the charts overview page (#12041) @danilo-leal
2186
+ - [docs] Fix 301 redirection to StackBlitz @oliviertassinari
2187
+ - [docs] Fix Tree space to match the reset of the docs @oliviertassinari
2188
+ - [docs] Fix `dayOfWeekFormatter` typo in the pickers v6 to v7 migration document (#12043) @StylesTrip
2189
+ - [docs] Fix redirection @oliviertassinari
2190
+ - [docs] Fix typo for `AdapterDateFnsV3` (#12036) @flaviendelangle
2191
+ - [docs] Removed `focused` prop from demo (#12092) @michelengelen
2192
+
2193
+ ### Core
2194
+
2195
+ - [core] Fix CodeSandbox CI template @oliviertassinari
2196
+ - [core] Sort prop asc (#12033) @oliviertassinari
2197
+ - [core] Bump monorepo (#12055) @alexfauquette
2198
+
2199
+ ## 7.0.0-beta.2
2200
+
2201
+ _Feb 9, 2024_
2202
+
2203
+ We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
2204
+
2205
+ - 🚀 Add slot typings on the Data Grid components (#11795) @romgrk
2206
+ - 🎁 Support UTC date formatting in Charts tooltip (#11943) @shaharyar-shamshi
2207
+ - 🌍 Improve Danish (da-DK) locale Data Grid (#11877) @ShahrazH
2208
+ - 🐞 Bugfixes
2209
+ - 📚 Documentation improvements
2210
+
2211
+ ### Data Grid
2212
+
2213
+ #### `@mui/x-data-grid@7.0.0-beta.2`
2214
+
2215
+ - [DataGrid] Add `removeAllFilterItems` as a reason of `onFilterModelChange` callback (#11911) @shaharyar-shamshi
2216
+ - [DataGrid] Add slot typings (#11795) @romgrk
2217
+ - [DataGrid] Add support for dialogs in menu actions (#11909) @cherniavskii
2218
+ - [DataGrid] Allow passing readonly arrays to `pageSizeOptions` prop (#11609) @pcorpet
2219
+ - [DataGrid] Fix incorrect computation of `lastPage` in `GridPagination` (#11958) @MBilalShafi
2220
+ - [DataGrid] Improve vertical scrolling performance (#11924) @romgrk
2221
+ - [l10n] Improve Danish (da-DK) locale (#11877) @ShahrazH
2222
+
2223
+ #### `@mui/x-data-grid-pro@7.0.0-beta.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2224
+
2225
+ Same changes as in `@mui/x-data-grid@v7.0.0-beta.2`.
2226
+
2227
+ #### `@mui/x-data-grid-premium@v7.0.0-beta.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2228
+
2229
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.2`, plus:
2230
+
2231
+ - [DataGridPremium] Fix autosize grouping cell (#11870) @romgrk
2232
+ - [DataGridPremium] Fix clipboard paste not working with Caps Lock enabled (#11965) @shaharyar-shamshi
2233
+
2234
+ ### Date and Time Pickers
2235
+
2236
+ #### `@mui/x-date-pickers@7.0.0-beta.2`
2237
+
2238
+ - [pickers] Avoid relying on locale in Luxon `isWithinRange` method (#11936) @LukasTy
2239
+ - [pickers] Limit the valid values of `TDate` (#11791) @flaviendelangle
2240
+
2241
+ #### `@mui/x-date-pickers-pro@7.0.0-beta.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2242
+
2243
+ Same changes as in `@mui/x-date-pickers@7.0.0-beta.2`.
2244
+
2245
+ ### Charts / `@mui/x-charts@7.0.0-beta.2`
2246
+
2247
+ - [charts] Add `reverse` property to axes (#11899) @alexfauquette
2248
+ - [charts] Allow series ids to be numbers (#11941) @alexfauquette
2249
+ - [charts] Support UTC date formatting in tooltip (#11943) @shaharyar-shamshi
2250
+
2251
+ ### Tree View / `@mui/x-tree-view@7.0.0-beta.2`
2252
+
2253
+ - [TreeView] Correctly detect if an item is expandable (#11963) @swalker326
2254
+ - [TreeView] Polish the default design & revise the simple version pages (#11529) @danilo-leal
2255
+
2256
+ ### License
2257
+
2258
+ #### Breaking changes
2259
+
2260
+ - If you're using the [commercial license](https://next.mui.com/x/introduction/licensing), you need to update the import path:
2261
+
2262
+ ```diff
2263
+ -import { LicenseInfo } from '@mui/x-license-pro';
2264
+ +import { LicenseInfo } from '@mui/x-license';
2265
+ ```
2266
+
2267
+ `@mui/x-license@7.0.0-beta.2`
2268
+
2269
+ - [license] Rename `@mui/x-license-pro` to `@mui/x-license` (#11938) @cherniavskii
2270
+
2271
+ ### Docs
2272
+
2273
+ - [docs] Add a note about `AdapterDateFnsV3` on the Getting Started page (#11985) @flaviendelangle
2274
+ - [docs] Add missing `Charts` breaking change steps (#11971) @alexfauquette
2275
+ - [docs] Fix `ChartsTooltip` typo (#11961) @thisisharsh7
2276
+ - [docs] Refactor `Localization` documentation sections (#11989) @LukasTy
2277
+ - [docs] Use "cannot" instead of "can't" or "can not" (#11986) @flaviendelangle
2278
+ - [docs] Add quick fixes to the migration guide (#11806) @danilo-leal
2279
+ - [docs] Avoid use of shorthand (#12000) @oliviertassinari
2280
+ - [docs] Avoid the use of MUI Core @oliviertassinari
2281
+ - [docs] Fix image size and dark mode @oliviertassinari
2282
+ - [docs] Follow blank line convention with use client @oliviertassinari
2283
+ - [docs] Stable layout between light and dark mode @oliviertassinari
2284
+
2285
+ ### Core
2286
+
2287
+ - [core] Add `docs:serve` script (#11935) @cherniavskii
2288
+ - [core] Bump monorepo (#12001) @cherniavskii
2289
+ - [core] Deprecate `LicenseInfo` re-exports (#11956) @cherniavskii
2290
+ - [core] Fix `test_types` failing on the `next` branch (#11944) @cherniavskii
2291
+ - [core] Fix failing `test_static` on the next branch (#11977) @cherniavskii
2292
+ - [core] Flatten grid packages folder (#11946) @cherniavskii
2293
+ - [core] Improve license info deprecation message (#11974) @cherniavskii
2294
+ - [core] Integrate changes from Core #40842 PR (#11801) @michaldudak
2295
+ - [core] Move next config to ESM (#11882) @Janpot
2296
+ - [core] Add auto-message on closed issues (#11805) @michelengelen
2297
+ - [core] Simplify bug reproduction (#11849) @oliviertassinari
2298
+ - [core] Fix npm reference @oliviertassinari
2299
+ - [core] Normalize issue template @oliviertassinari
2300
+
2301
+ ## 7.0.0-beta.1
2302
+
2303
+ _Feb 1, 2024_
2304
+
2305
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
2306
+
2307
+ - 🏃 Improve the filtering performance of the Data Grid by changing the `GridColDef` methods signatures (#11573) @cherniavskii
2308
+ - 🎁 The Line Chart component now has animation by default (#11620) @alexfauquette
2309
+ - 🚀 All charts have click handlers (#11411) @alexfauquette
2310
+ Test their respective documentation demonstrations to know more about the data format:
2311
+
2312
+ - [Scatter Chart](https://next.mui.com/x/react-charts/scatter/#click-event)
2313
+ - [Line Chart](https://next.mui.com/x/react-charts/lines/#click-event)
2314
+ - [Bar Chart](https://next.mui.com/x/react-charts/bars/#click-event)
2315
+ - [Pie Chart](https://next.mui.com/x/react-charts/pie/#click-event)
2316
+
2317
+ Big thanks to @giladappsforce and @yaredtsy for their contribution on exploring this feature.
2318
+
2319
+ ### Data Grid
2320
+
2321
+ ### Breaking changes
2322
+
2323
+ - The signature of `GridColDef['valueGetter']` has been changed for performance reasons:
2324
+
2325
+ ```diff
2326
+ - valueGetter: ({ value, row }) => value,
2327
+ + valueGetter: (value, row, column, apiRef) => value,
2328
+ ```
2329
+
2330
+ The `GridValueGetterParams` interface has been removed:
2331
+
2332
+ ```diff
2333
+ - const customValueGetter = (params: GridValueGetterParams) => params.row.budget;
2334
+ + const customValueGetter: GridValueGetterFn = (value, row) => row.budget;
2335
+ ```
2336
+
2337
+ - The signature of `GridColDef['valueFormatter']` has been changed for performance reasons:
2338
+
2339
+ ```diff
2340
+ - valueFormatter: ({ value }) => value,
2341
+ + valueFormatter: (value, row, column, apiRef) => value,
2342
+ ```
2343
+
2344
+ The `GridValueFormatterParams` interface has been removed:
2345
+
2346
+ ```diff
2347
+ - const gridDateFormatter = ({ value, field, id }: GridValueFormatterParams<Date>) => value.toLocaleDateString();
2348
+ + const gridDateFormatter: GridValueFormatter = (value: Date) => value.toLocaleDateString();
2349
+ ```
2350
+
2351
+ - The signature of `GridColDef['valueSetter']` has been changed for performance reasons:
2352
+
2353
+ ```diff
2354
+ - valueSetter: (params) => {
2355
+ - const [firstName, lastName] = params.value!.toString().split(' ');
2356
+ - return { ...params.row, firstName, lastName };
2357
+ - }
2358
+ + valueSetter: (value, row) => {
2359
+ + const [firstName, lastName] = value!.toString().split(' ');
2360
+ + return { ...row, firstName, lastName };
2361
+ +}
2362
+ ```
2363
+
2364
+ The `GridValueSetterParams` interface has been removed:
2365
+
2366
+ ```diff
2367
+ - const setFullName = (params: GridValueSetterParams) => {
2368
+ - const [firstName, lastName] = params.value!.toString().split(' ');
2369
+ - return { ...params.row, firstName, lastName };
2370
+ - };
2371
+ + const setFullName: GridValueSetter<Row> = (value, row) => {
2372
+ + const [firstName, lastName] = value!.toString().split(' ');
2373
+ + return { ...row, firstName, lastName };
2374
+ + }
2375
+ ```
2376
+
2377
+ - The signature of `GridColDef['valueParser']` has been changed for performance reasons:
2378
+
2379
+ ```diff
2380
+ - valueParser: (value, params: GridCellParams) => value.toLowerCase(),
2381
+ + valueParser: (value, row, column, apiRef) => value.toLowerCase(),
2382
+ ```
2383
+
2384
+ - The signature of `GridColDef['colSpan']` has been changed for performance reasons:
2385
+
2386
+ ```diff
2387
+ - colSpan: ({ row, field, value }: GridCellParams) => (row.id === 'total' ? 2 : 1),
2388
+ + colSpan: (value, row, column, apiRef) => (row.id === 'total' ? 2 : 1),
2389
+ ```
2390
+
2391
+ - The signature of `GridColDef['pastedValueParser']` has been changed for performance reasons:
2392
+
2393
+ ```diff
2394
+ - pastedValueParser: (value, params) => new Date(value),
2395
+ + pastedValueParser: (value, row, column, apiRef) => new Date(value),
2396
+ ```
2397
+
2398
+ - The signature of `GridColDef['groupingValueGetter']` has been changed for performance reasons:
2399
+
2400
+ ```diff
2401
+ - groupingValueGetter: (params) => params.value.name,
2402
+ + groupingValueGetter: (value: { name: string }) => value.name,
2403
+ ```
2404
+
2405
+ #### `@mui/x-data-grid@7.0.0-beta.1`
2406
+
2407
+ - [DataGrid] Add `toggleAllMode` prop to the `columnsManagement` slot (#10794) @H999
2408
+ - [DataGrid] Change `GridColDef` methods signatures (#11573) @cherniavskii
2409
+ - [DataGrid] Fix row reorder with cell selection (#11783) @PEsteves8
2410
+ - [DataGrid] Make columns management' casing consistent (#11858) @MBilalShafi
2411
+ - [l10n] Improve Hebrew (he-IL) locale (#11788) @danielmishan85
2412
+
2413
+ #### `@mui/x-data-grid-pro@7.0.0-beta.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2414
+
2415
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.1`.
2416
+
2417
+ #### `@mui/x-data-grid-premium@7.0.0-beta.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2418
+
2419
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.1`.
2420
+
2421
+ ### Date and Time Pickers
2422
+
2423
+ #### `@mui/x-date-pickers@7.0.0-beta.1`
2424
+
2425
+ - [TimePicker] Add missing toolbar classes descriptions (#11856) @LukasTy
2426
+
2427
+ #### `@mui/x-date-pickers-pro@7.0.0-beta.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2428
+
2429
+ Same changes as in `@mui/x-date-pickers@7.0.0-beta.1`.
2430
+
2431
+ ### Charts
2432
+
2433
+ #### Breaking changes
2434
+
2435
+ - The line chart now have animation by default.
2436
+ You can disable it with `skipAnimation` prop.
2437
+ See [animation documentation](next.mui.com/x/react-charts/lines/#animation) for more information.
2438
+
2439
+ - Pie charts `onClick` get renamed `onItemClick` for consistency with other charts click callback.
2440
+
2441
+ `@mui/x-charts@7.0.0-beta.1`
2442
+
2443
+ - [charts] Add `onClick` support (#11411) @alexfauquette
2444
+ - [charts] Add line animation (#11620) @alexfauquette
2445
+ - [charts] Document how to modify color according to values (#11824) @alexfauquette
2446
+ - [charts] Fix Tooltip crash with out of range lines (#11898) @alexfauquette
2447
+
2448
+ ### Docs
2449
+
2450
+ - [docs] Add a general uplift to the changelog page (#11396) @danilo-leal
2451
+ - [docs] Do not reference the Tree View overview page in the API pages (#11826) @flaviendelangle
2452
+ - [docs] Fix charts API links (#11832) @alexfauquette
2453
+ - [docs] Improve Support page (#11556) @oliviertassinari
2454
+ - [docs] Improve column visibility documentation (#11857) @MBilalShafi
2455
+ - [docs] Polish header @oliviertassinari
2456
+ - [docs] Sync support page with core @oliviertassinari
2457
+ - [docs] Update whats new page with "v7 Beta blogpost" content (#11879) @joserodolfofreitas
2458
+
2459
+ ### Core
2460
+
2461
+ - [core] Rely on immutable ref when possible (#11847) @oliviertassinari
2462
+ - [core] Bump monorepo (#11897) @alexfauquette
2463
+
2464
+ ## 7.0.0-beta.0
2465
+
2466
+ _Jan 26, 2024_
2467
+
2468
+ We are glad to announce MUI X v7 beta!
2469
+ This version has several improvements, bug fixes, and exciting features 🎉.
2470
+ We want to offer a big thanks to the 7 contributors who made this release possible ✨:
2471
+
2472
+ - 🚀 Release the [Date Time Range Picker](https://next.mui.com/x/react-date-pickers/date-time-range-picker/) component (#9528) @LukasTy
2473
+
2474
+ <img src="https://github.com/mui/mui-x/assets/4941090/122bb7bc-5e72-4e11-a8e5-96f3026de922" width="510" height="652" alt="Date Time Range Picker example" />
2475
+
2476
+ - 🎁 New column management panel design for the Data Grid (#11770) @MBilalShafi
2477
+
2478
+ <img width="310" alt="image" src="https://github.com/mui/mui-x/assets/12609561/a79dac8b-d54d-4e69-a63a-ef78f3993f37">
2479
+
2480
+ - 🐞 Bugfixes
2481
+ - 📚 Documentation improvements
2482
+
2483
+ ### Data Grid
2484
+
2485
+ #### Breaking changes
2486
+
2487
+ - The columns management component has been redesigned and the component was extracted from the `ColumnsPanel` which now only serves as a wrapper to display the component above the headers as a panel. As a result, a new slot `columnsManagement` and the related prop `slotProps.columnsManagement` have been introduced. The props corresponding to the columns management component which were previously passed to the prop `slotProps.columnsPanel` should now be passed to `slotProps.columnsManagement`. `slotProps.columnsPanel` could still be used to override props corresponding to the `Panel` component used in `ColumnsPanel` which uses [`Popper`](https://next.mui.com/material-ui/react-popper/) component under the hood.
2488
+
2489
+ ```diff
2490
+ <DataGrid
2491
+ slotProps={{
2492
+ - columnsPanel: {
2493
+ + columnsManagement: {
2494
+ sort: 'asc',
2495
+ autoFocusSearchField: false,
2496
+ },
2497
+ }}
2498
+ />
2499
+ ```
2500
+
2501
+ - `Show all` and `Hide all` buttons in the `ColumnsPanel` have been combined into one `Show/Hide All` toggle in the new columns management component. The related props `disableShowAllButton` and `disableHideAllButton` have been replaced with a new prop `disableShowHideToggle`.
2502
+
2503
+ ```diff
2504
+ <DataGrid
2505
+ - disableShowAllButton
2506
+ - disableHideAllButton
2507
+ + disableShowHideToggle
2508
+ />
2509
+ ```
2510
+
2511
+ #### `@mui/x-data-grid@7.0.0-beta.0`
2512
+
2513
+ - [DataGrid] Export `GridColumnTypes` interface for custom column types (#11742) @cherniavskii
2514
+ - [DataGrid] Initialize `apiRef` early (#11792) @cherniavskii
2515
+ - [DataGrid] New column management panel design (#11770) @MBilalShafi
2516
+ - [DataGrid] Fix support for tree with more than 50,000 children (#11757) @zenazn
2517
+
2518
+ #### `@mui/x-data-grid-pro@7.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2519
+
2520
+ Same changes as in `@mui/x-data-grid@7.0.0-beta.0`.
2521
+
2522
+ #### `@mui/x-data-grid-premium@7.0.0-beta.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2523
+
2524
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.0`.
2525
+
2526
+ ### Date and Time Pickers
2527
+
2528
+ #### `@mui/x-date-pickers@7.0.0-beta.0`
2529
+
2530
+ - [pickers] Apply the `layout.tabs` class to `Tabs` slot (#11781) @LukasTy
2531
+ - [pickers] Avoid deep imports (#11794) @LukasTy
2532
+ - [pickers] Fields typing optimization (#11779) @LukasTy
2533
+
2534
+ #### `@mui/x-date-pickers-pro@7.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2535
+
2536
+ Same changes as in `@mui/x-date-pickers@7.0.0-beta.0`, plus:
2537
+
2538
+ - [pickers] Add `DateTimeRangePicker` component (#9528) @LukasTy
2539
+ - [pickers] Add `DateTimeRangePicker` theme augmentation (#11814) @LukasTy
2540
+ - [DateRangePicker] Remove `calendars` prop on `Mobile` (#11752) @LukasTy
2541
+
2542
+ ### Tree View / `@mui/x-tree-view@7.0.0-beta.0`
2543
+
2544
+ - [TreeView] Remove unused props from prop-types and typing (#11778) @flaviendelangle
2545
+ - [TreeView] Throw an error when two items have the same id (#11715) @flaviendelangle
2546
+
2547
+ ### Docs
2548
+
2549
+ - [docs] Add `contextValue` to the headless tree view doc (#11705) @flaviendelangle
2550
+ - [docs] Add section for the `disableSelection` prop (#11821) @flaviendelangle
2551
+ - [docs] Fix brand name non-breaking space (#11758) @oliviertassinari
2552
+ - [docs] Fix typo in Data Grid components page (#11775) @flaviendelangle
2553
+ - [docs] Fix use of quote, should use callout (#11759) @oliviertassinari
2554
+ - [docs] Improve error message for MUI Vale rule @oliviertassinari
2555
+ - [docs] Include `DateTimeRangePicker` in relevant demos (#11815) @LukasTy
2556
+ - [docs] Add recipe for sorting row groups by the number of child rows (#11164) @cherniavskii
2557
+
2558
+ ### Core
2559
+
2560
+ - [core] Cleanup script and alias setup (#11749) @LukasTy
2561
+ - [core] Polish issue templates @oliviertassinari
2562
+ - [code-infra] Update prettier and pretty-quick (#11735) @Janpot
2563
+
2564
+ ## 7.0.0-alpha.9
2565
+
2566
+ _Jan 19, 2024_
2567
+
2568
+ We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
2569
+
2570
+ - 🎁 The Data Grid headers have been refactored to bring immense improvements to scrolling, state management, and overall performance of the grid.
2571
+ - ⚙️ The Data Grid disabled column-specific features like filtering, sorting, grouping, etc. could now be accessed programmatically. See the related [docs](https://next.mui.com/x/react-data-grid/api-object/#access-the-disabled-column-features) section.
2572
+ - 🚀 Uplift the `SimpleTreeView` customization examples (#11424) @noraleonte
2573
+ - 🌍 Add Croatian (hr-HR), Portuguese (pt-PT), and Chinese (Hong Kong) (zh-HK) locales (#11668) on the Data Grid @BCaspari
2574
+ - 🐞 Bugfixes
2575
+ - 💔 Bump `@mui/material` peer dependency for all packages (#11692) @LukasTy
2576
+ The minimum required version of `@mui/material` is now `5.15.0`.
2577
+
2578
+ ### Data Grid
2579
+
2580
+ #### Breaking changes
2581
+
2582
+ - The `ariaV7` experimental flag has been removed and the Data Grid now uses the improved accessibility implementation by default.
2583
+ If you were using the `ariaV7` flag, you can remove it from the `experimentalFeatures` prop:
2584
+
2585
+ ```diff
2586
+ -<DataGrid experimentalFeatures={{ ariaV7: true }} />
2587
+ +<DataGrid />
2588
+ ```
2589
+
2590
+ The most notable changes that might affect your application or tests are:
2591
+
2592
+ - The `role="grid"` attribute along with related ARIA attributes are now applied to the inner `div` element instead of the root `div` element:
2593
+
2594
+ ```diff
2595
+ -<div class="MuiDataGrid-root" role="grid" aria-colcount="5" aria-rowcount="101" aria-multiselectable="false">
2596
+ +<div class="MuiDataGrid-root">
2597
+ <div class="MuiDataGrid-toolbarContainer"></div>
2598
+ - <div class="MuiDataGrid-main"></div>
2599
+ + <div class="MuiDataGrid-main" role="grid" aria-colcount="5" aria-rowcount="101" aria-multiselectable="false"></div>
2600
+ <div class="MuiDataGrid-footerContainer"></div>
2601
+ </div>
2602
+ ```
2603
+
2604
+ - When the [Tree data](https://next.mui.com/x/react-data-grid/tree-data/) feature is used, the grid role is now `role="treegrid"` instead of `role="grid"`.
2605
+ - The Data Grid cells now have `role="gridcell"` instead of `role="cell"`.
2606
+
2607
+ - The buttons in toolbar composable components `GridToolbarColumnsButton`, `GridToolbarFilterButton`, `GridToolbarDensity`, and `GridToolbarExport` are now wrapped with a tooltip component and have a consistent interface. To override some props corresponding to the toolbar buttons or their corresponding tooltips, you can use the `slotProps` prop. Following is an example diff. See [Toolbar section](https://next.mui.com/x/react-data-grid/components/#toolbar) for more details.
2608
+
2609
+ ```diff
2610
+ function CustomToolbar() {
2611
+ return (
2612
+ <GridToolbarContainer>
2613
+ <GridToolbarColumnsButton />
2614
+ <GridToolbarFilterButton
2615
+ - title="Custom filter" // 🛑 This was previously forwarded to the tooltip component
2616
+ + slotProps={{ tooltip: { title: 'Custom filter' } }} // ✅ This is the correct way now
2617
+ />
2618
+ <GridToolbarDensitySelector
2619
+ - variant="outlined" // 🛑 This was previously forwarded to the button component
2620
+ + slotProps={{ button: { variant: 'outlined' } }} // ✅ This is the correct way now
2621
+ />
2622
+ </GridToolbarContainer>
2623
+ );
2624
+ }
2625
+ ```
2626
+
2627
+ - Column grouping is now enabled by default. The flag `columnGrouping` is no longer needed to be passed to the `experimentalFeatures` prop to enable it.
2628
+
2629
+ ```diff
2630
+ -<DataGrid experimentalFeatures={{ columnGrouping: true }} />
2631
+ +<DataGrid />
2632
+ ```
2633
+
2634
+ - The column grouping API methods `getColumnGroupPath` and `getAllGroupDetails` are no longer prefixed with `unstable_`.
2635
+
2636
+ - The column grouping selectors `gridFocusColumnGroupHeaderSelector` and `gridTabIndexColumnGroupHeaderSelector` are no longer prefixed with `unstable_`.
2637
+
2638
+ - The disabled column specific features like `hiding`, `sorting`, `filtering`, `pinning`, `row grouping`, etc could now be controlled programmatically using `initialState`, respective controlled models, or the [API object](https://next.mui.com/x/react-data-grid/api-object/). See the related [docs](https://next.mui.com/x/react-data-grid/api-object/#access-the-disabled-column-features) section.
2639
+
2640
+ #### `@mui/x-data-grid@7.0.0-alpha.9`
2641
+
2642
+ - [DataGrid] Allow to filter non-filterable columns programmatically (#11538) @MBilalShafi
2643
+ - [DataGrid] Allow to programmatically sort unsortable columns (#11512) @MBilalShafi
2644
+ - [DataGrid] Fix incorrect default value for `filterModel.logicOperator` (#11673) @MBilalShafi
2645
+ - [DataGrid] Make `column grouping` feature stable (#11698) @MBilalShafi
2646
+ - [DataGrid] Remove the `ariaV7` experimental flag (#11428) @cherniavskii
2647
+ - [DataGrid] Start the FAQ page (#11686) @MBilalShafi
2648
+ - [DataGrid] Sticky headers (#10059) @romgrk
2649
+ - [DataGrid] Wrap toolbar buttons with tooltip (#11357) @MBilalShafi
2650
+ - [l10n] Add Croatian (hr-HR), Portuguese (pt-PT), and Chinese (Hong Kong) (zh-HK) locales (#11668) @BCaspari
2651
+
2652
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.9` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2653
+
2654
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.9`, plus:
2655
+
2656
+ - [DataGridPro] Allow non-pinnable columns to be pinned programmatically (#11680) @MBilalShafi
2657
+
2658
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.9` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2659
+
2660
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.9`, plus:
2661
+
2662
+ - [DataGridPremium] Allow aggregation to be applied for non-aggregable columns (#11574) @MBilalShafi
2663
+ - [DataGridPremium] Allow programmatically grouping non-groupable columns (#11539) @MBilalShafi
2664
+
2665
+ ### Date and Time Pickers
2666
+
2667
+ #### Breaking changes
2668
+
2669
+ - The `locales` export has been removed from the root of the packages.
2670
+ If you were importing locales from the root, be sure to update it:
2671
+
2672
+ ```diff
2673
+ -import { frFR } from '@mui/x-date-pickers';
2674
+ +import { frFR } from '@mui/x-date-pickers/locales';
2675
+ ```
2676
+
2677
+ #### `@mui/x-date-pickers@7.0.0-alpha.9`
2678
+
2679
+ - [fields] Make `PickersTextField` and its dependencies public (#11581) @flaviendelangle
2680
+ - [fields] Support farsi digits (#11639) @flaviendelangle
2681
+ - [pickers] Fix AdapterLuxon `getWeekNumber` behavior (#11697) @LukasTy
2682
+ - [pickers] Stop root exporting `locales` (#11612) @LukasTy
2683
+
2684
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.9` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2685
+
2686
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.9`.
2687
+
2688
+ ### Charts / `@mui/x-charts@7.0.0-alpha.9`
2689
+
2690
+ - [charts] Do not propagate `innerRadius` and `outerRadius` to the DOM (#11689) @alexfauquette
2691
+ - [charts] Fix default `stackOffset` for `LineChart` (#11647) @alexfauquette
2692
+ - [charts] Remove a TypeScript ignore (#11688) @alexfauquette
2693
+
2694
+ ### Tree View
2695
+
2696
+ #### Breaking changes
2697
+
2698
+ - The `expandIcon` / `defaultExpandIcon` props, used to expand the children of a node (rendered when it is collapsed),
2699
+ is now defined as a slot both on the Tree View and the Tree Item components.
2700
+
2701
+ If you were using the `ChevronRight` icon from `@mui/icons-material`,
2702
+ you can stop passing it to your component because it is now the default value:
2703
+
2704
+ ```diff
2705
+ -import ChevronRightIcon from '@mui/icons-material/ChevronRight';
2706
+
2707
+ <SimpleTreeView
2708
+ - defaultExpandIcon={<ChevronRightIcon />}
2709
+ >
2710
+ {items}
2711
+ </SimpleTreeView>
2712
+ ```
2713
+
2714
+ If you were passing another icon to your Tree View component,
2715
+ you need to use the new `expandIcon` slot on this component:
2716
+
2717
+ ```diff
2718
+ <SimpleTreeView
2719
+ - defaultExpandIcon={<MyCustomExpandIcon />}
2720
+ + slots={{ expandIcon: MyCustomExpandIcon }}
2721
+ >
2722
+ {items}
2723
+ </SimpleTreeView>
2724
+ ```
2725
+
2726
+ If you were passing another icon to your Tree Item component,
2727
+ you need to use the new `expandIcon` slot on this component:
2728
+
2729
+ ```diff
2730
+ <SimpleTreeView>
2731
+ <TreeItem
2732
+ nodeId="1"
2733
+ label="Node 1"
2734
+ - expandIcon={<MyCustomExpandIcon />}
2735
+ + slots={{ expandIcon: MyCustomExpandIcon }}
2736
+ />
2737
+ </SimpleTreeView>
2738
+ ```
2739
+
2740
+ - The `collapseIcon` / `defaultCollapseIcon` props, used to collapse the children of a node (rendered when it is expanded),
2741
+ is now defined as a slot both on the Tree View and the Tree Item components.
2742
+
2743
+ If you were using the `ExpandMore` icon from `@mui/icons-material`,
2744
+ you can stop passing it to your component because it is now the default value:
2745
+
2746
+ ```diff
2747
+ - import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
2748
+
2749
+ <SimpleTreeView
2750
+ - defaultCollapseIcon={<ExpandMoreIcon />}
2751
+ >
2752
+ {items}
2753
+ </SimpleTreeView>
2754
+ ```
2755
+
2756
+ If you were passing another icon to your Tree View component,
2757
+ you need to use the new `collapseIcon` slot on this component:
2758
+
2759
+ ```diff
2760
+ <SimpleTreeView
2761
+ - defaultCollapseIcon={<MyCustomCollapseIcon />}
2762
+ + slots={{ collapseIcon: MyCustomCollapseIcon }}
2763
+ >
2764
+ {items}
2765
+ </SimpleTreeView>
2766
+ ```
2767
+
2768
+ If you were passing another icon to your Tree Item component,
2769
+ you need to use the new `collapseIcon` slot on this component:
2770
+
2771
+ ```diff
2772
+ <SimpleTreeView>
2773
+ <TreeItem
2774
+ nodeId="1"
2775
+ label="Node 1"
2776
+ - collapseIcon={<MyCustomCollapseIcon />}
2777
+ + slots={{ collapseIcon: MyCustomCollapseIcon }}
2778
+ />
2779
+ </SimpleTreeView>
2780
+ ```
2781
+
2782
+ - The `useTreeItem` hook has been renamed `useTreeItemState`.
2783
+ This will help create a new headless version of the `TreeItem` component based on a future `useTreeItem` hook.
2784
+
2785
+ ```diff
2786
+ -import { TreeItem, useTreeItem } from '@mui/x-tree-view/TreeItem';
2787
+ +import { TreeItem, useTreeItemState } from '@mui/x-tree-view/TreeItem';
2788
+
2789
+ const CustomContent = React.forwardRef((props, ref) => {
2790
+ - const { disabled } = useTreeItem(props.nodeId);
2791
+ + const { disabled } = useTreeItemState(props.nodeId);
2792
+
2793
+ // Render some UI
2794
+ });
2795
+
2796
+ function App() {
2797
+ return (
2798
+ <SimpleTreeView>
2799
+ <TreeItem ContentComponent={CustomContent} />
2800
+ </SimpleTreeView>
2801
+ )
2802
+ }
2803
+ ```
2804
+
2805
+ - The `parentIcon` prop has been removed from the Tree View components.
2806
+
2807
+ If you were passing an icon to your Tree View component,
2808
+ you can achieve the same behavior
2809
+ by passing the same icon to both the `collapseIcon` and the `expandIcon` slots on this component:
2810
+
2811
+ ```diff
2812
+ <SimpleTreeView
2813
+ - defaultParentIcon={<MyCustomParentIcon />}
2814
+ + slots={{ collapseIcon: MyCustomParentIcon, expandIcon: MyCustomParentIcon }}
2815
+ >
2816
+ {items}
2817
+ </SimpleTreeView>
2818
+ ```
2819
+
2820
+ - The `endIcon` / `defaultEndIcon` props, rendered next to an item without children,
2821
+ is now defined as a slot both on the Tree View and the Tree Item components.
2822
+
2823
+ If you were passing an icon to your Tree View component,
2824
+ you need to use the new `endIcon` slot on this component:
2825
+
2826
+ ```diff
2827
+ <SimpleTreeView
2828
+ - defaultEndIcon={<MyCustomEndIcon />}
2829
+ + slots={{ endIcon: MyCustomEndIcon }}
2830
+ >
2831
+ {items}
2832
+ </SimpleTreeView>
2833
+ ```
2834
+
2835
+ If you were passing an icon to your Tree Item component,
2836
+ you need to use the new `endIcon` slot on this component:
2837
+
2838
+ ```diff
2839
+ <SimpleTreeView>
2840
+ <TreeItem
2841
+ nodeId="1"
2842
+ label="Node 1"
2843
+ - endIcon={<MyCustomEndIcon />}
2844
+ + slots={{ endIcon: MyCustomEndIcon }}
2845
+ />
2846
+ </SimpleTreeView>
2847
+ ```
2848
+
2849
+ - The `icon` prop, rendered next to an item without children,
2850
+ is now defined as a slot on the Tree Item component.
2851
+
2852
+ If you were passing an icon to your Tree Item component,
2853
+ you need to use the new `icon` slot on this component:
2854
+
2855
+ ```diff
2856
+ <SimpleTreeView>
2857
+ <TreeItem
2858
+ nodeId="1"
2859
+ label="Node 1"
2860
+ - icon={<MyCustomIcon />}
2861
+ + slots={{ icon: MyCustomIcon }}
2862
+ />
2863
+ </SimpleTreeView>
2864
+ ```
2865
+
2866
+ #### `@mui/x-tree-view@7.0.0-alpha.9`
2867
+
2868
+ - [TreeView] Adjust expansion and selection docs (#11723) @noraleonte
2869
+ - [TreeView] Improve plugin signature definition (#11665) @flaviendelangle
2870
+ - [TreeView] Make each plugin responsible for its context value (#11623) @flaviendelangle
2871
+ - [TreeView] Migrate remaining icon props to slots (#11713) @flaviendelangle
2872
+ - [TreeView] Pass through `Theme` generic to variants (#11480) @dhulme
2873
+ - [TreeView] Rename `useTreeItem` to `useTreeItemState` (#11712) @flaviendelangle
2874
+ - [TreeView] Add `slots` and `slotProps` on the Tree View components (#11664) @flaviendelangle
2875
+ - [TreeView] Explore a better plugin model API (#11567) @flaviendelangle
2876
+
2877
+ ### Docs
2878
+
2879
+ - [docs] Clean the pickers migration guide (#11694) @flaviendelangle
2880
+ - [docs] Cleanup and fix Pickers Playground styling (#11700) @LukasTy
2881
+ - [docs] First draft of the Tree View custom plugin doc (#11564) @flaviendelangle
2882
+ - [docs] Fix Pickers migration syntax and diffs (#11695) @LukasTy
2883
+ - [docs] Fix generated tree view API docs (#11737) @LukasTy
2884
+ - [docs] Generate docs for Tree View slots (#11730) @flaviendelangle
2885
+ - [docs] Improve codemod for v7 (#11650) @oliviertassinari
2886
+ - [docs] Improve data grid `pageSizeOptions` prop documentation (#11682) @oliviertassinari
2887
+ - [docs] Parse markdown on API docs demo titles (#11728) @LukasTy
2888
+ - [docs] Remove the description from the `className` prop (#11693) @oliviertassinari
2889
+ - [docs] Uplift `SimpleTreeView` customization examples (#11424) @noraleonte
2890
+ - [docs] Uplift the Date Pickers playground (#11555) @danilo-leal
2891
+
2892
+ ### Core
2893
+
2894
+ - [core] Bump `@mui/material` peer dependency for all packages (#11692) @LukasTy
2895
+ - [core] Make `karma` run in parallel (#11571) @romgrk
2896
+ - [core] make `karma-parallel` run under a new command (#11716) @romgrk
2897
+ - [code-infra] Migrate all prettier APIs to the async version (#11732) @Janpot
2898
+ - [code-infra] Update the Babel macro path (#11479) @michaldudak
2899
+ - [docs-infra] Enforce brand name rules (#11651) @oliviertassinari
2900
+ - [test] Fix flaky Data Grid test (#11725) @cherniavskii
2901
+
2902
+ ## 7.0.0-alpha.8
2903
+
2904
+ _Jan 11, 2024_
2905
+
2906
+ We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
2907
+
2908
+ - ⏰ Support date-fns v3 (#11659) @LukasTy
2909
+ Pickers support both v2 and v3 of date-fns. For v3 use `AdapterDateFnsV3`.
2910
+ ```js
2911
+ // with date-fns v2.x
2912
+ import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
2913
+ import de from 'date-fns/locale/de';
2914
+ ```
2915
+ ```js
2916
+ // with date-fns v3.x
2917
+ import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';
2918
+ import { de } from 'date-fns/locale/de';
2919
+ ```
2920
+
2921
+ ### Data Grid
2922
+
2923
+ #### Breaking changes
2924
+
2925
+ - The import path for locales has been changed:
2926
+
2927
+ ```diff
2928
+ -import { enUS } from '@mui/x-data-grid';
2929
+ +import { enUS } from '@mui/x-data-grid/locales';
2930
+
2931
+ -import { enUS } from '@mui/x-data-grid-pro';
2932
+ +import { enUS } from '@mui/x-data-grid-pro/locales';
2933
+
2934
+ -import { enUS } from '@mui/x-data-grid-premium';
2935
+ +import { enUS } from '@mui/x-data-grid-premium/locales';
2936
+ ```
2937
+
2938
+ #### `@mui/x-data-grid@7.0.0-alpha.8`
2939
+
2940
+ - [DataGrid] Stop exporting locales from the package root (#11614) @cherniavskii
2941
+
2942
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.8` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2943
+
2944
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.8`.
2945
+
2946
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.8` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
2947
+
2948
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.8`.
2949
+
2950
+ ### Date and Time Pickers
2951
+
2952
+ #### `@mui/x-date-pickers@7.0.0-alpha.8`
2953
+
2954
+ - [pickers] Add `date-fns@3.x` adapter (#11462) @LukasTy
2955
+ - [pickers] Avoid deeper than 2nd level imports (#11588) @LukasTy
2956
+ - [pickers] Fix clearable behavior blocking focus return to `OpenPickerButton` (#11642) @noraleonte
2957
+ - [pickers] Move `DateRange` to `@mui/x-date-pickers-pro/models` (#11611) @flaviendelangle
2958
+ - [l10n] Add missing Danish (da-DK) locale export (#11640) @etlos
2959
+
2960
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.8` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
2961
+
2962
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.8`.
2963
+
2964
+ ### Tree View / `@mui/x-tree-view@7.0.0-alpha.8`
2965
+
2966
+ - [tree view] Cleanup `onKeyDown` handler (#11481) @flaviendelangle
2967
+ - [tree view] Define the parameters used by each plugin to avoid listing them in each component (#11473) @flaviendelangle
2968
+
2969
+ ### Docs
2970
+
2971
+ - [docs] Fix parsing of `x-date-pickers-pro` demo adapter imports (#11628) @LukasTy
2972
+ - [docs] Improve `git diff` format @oliviertassinari
2973
+ - [docs] Push up the MUI X brand (#11533) @oliviertassinari
2974
+ - [docs] Remove old data grid translation files (#11646) @cherniavskii
2975
+ - [docs] Improve Server-side data grid docs (#11589) @oliviertassinari
2976
+ - [docs] Improve charts landing page (#11570) @oliviertassinari
2977
+
2978
+ ### Core
2979
+
2980
+ - [core] Lock `jsdom` version (#11652) @cherniavskii
2981
+ - [core] Remove PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD (#11608) @oliviertassinari
2982
+ - [core] Simplify isSsr logic (#11606) @oliviertassinari
2983
+ - [core] Sync playwright cache between MUI X and Material UI (#11607) @oliviertassinari
2984
+ - [core] Use MUI X official name in errors (#11645) @oliviertassinari
2985
+
2986
+ ## 7.0.0-alpha.7
2987
+
2988
+ _Jan 5, 2024_
2989
+
2990
+ We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
2991
+
2992
+ - 🎁 New component to create a Tree View from a structured data source:
2993
+
2994
+ You can now directly pass your data to the `RichTreeView` component instead of manually converting it into JSX `TreeItem` components:
2995
+
2996
+ ```tsx
2997
+ const ITEMS = [
2998
+ {
2999
+ id: 'node-1',
3000
+ label: 'Node 1',
3001
+ children: [
3002
+ { id: 'node-1-1', label: 'Node 1.1' },
3003
+ { id: 'node-1-2', label: 'Node 1.2' },
3004
+ ],
3005
+ },
3006
+ {
3007
+ id: 'node-2',
3008
+ label: 'Node 2',
3009
+ },
3010
+ ];
3011
+
3012
+ <RichTreeView
3013
+ items={MUI_X_PRODUCTS}
3014
+ defaultCollapseIcon={<ExpandMoreIcon />}
3015
+ defaultExpandIcon={<ChevronRightIcon />}
3016
+ />;
3017
+ ```
3018
+
3019
+ - 🌍 Improve Czech (cs-CZ) locale on the Data Grid
3020
+ - 🐞 Bugfixes
3021
+
3022
+ ### Data Grid
3023
+
3024
+ #### `@mui/x-data-grid@7.0.0-alpha.7`
3025
+
3026
+ - [DataGrid] Don't evaluate `hasEval` when `disableEval` is set (#11516) @reihwald
3027
+ - [DataGrid] follow warning message guideline for `autoPageSize` and `autoHeight` (#11585) @Sboonny
3028
+ - [DataGrid] Replace `eval` with `new Function` (#11557) @oliviertassinari
3029
+ - [DataGrid] Warn devs when `autoPageSize` is used with `autoHeight` (#11554) @Sboonny
3030
+ - [l10n] Improve Czech (cs-CZ) locale (#11526) @fdebef
3031
+
3032
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.7` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3033
+
3034
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.7`.
3035
+
3036
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.7` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3037
+
3038
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.7`.
3039
+
3040
+ ### Date and Time Pickers
3041
+
3042
+ #### `@mui/x-date-pickers@7.0.0-alpha.7`
3043
+
3044
+ - [pickers] Fix views management (#11419) @LukasTy
3045
+
3046
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.7` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3047
+
3048
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.7`.
3049
+
3050
+ ### Charts / `@mui/x-charts@7.0.0-alpha.7`
3051
+
3052
+ - [charts] Add `arcLabelRadius` property (#11487) @alexfauquette
3053
+ - [charts] Fix `null` in line chart using dataset (#11550) @alexfauquette
3054
+
3055
+ ### Tree View
3056
+
3057
+ #### Breaking changes
3058
+
3059
+ - The expansion props have been renamed to better describe their behaviors:
3060
+
3061
+ | Old name | New name |
3062
+ | :---------------- | :---------------------- |
3063
+ | `onNodeToggle` | `onExpandedNodesChange` |
3064
+ | `expanded` | `expandedNodes` |
3065
+ | `defaultExpanded` | `defaultExpandedNodes` |
3066
+
3067
+ ```diff
3068
+ <TreeView
3069
+ - onNodeToggle={handleExpansionChange}
3070
+ + onExpandedNodesChange={handleExpansionChange}
3071
+
3072
+ - expanded={expandedNodes}
3073
+ + expandedNodes={expandedNodes}
3074
+
3075
+ - defaultExpanded={defaultExpandedNodes}
3076
+ + defaultExpandedNodes={defaultExpandedNodes}
3077
+ />
3078
+ ```
3079
+
3080
+ - The selection props have been renamed to better describe their behaviors:
3081
+
3082
+ | Old name | New name |
3083
+ | :---------------- | :---------------------- |
3084
+ | `onNodeSelect` | `onSelectedNodesChange` |
3085
+ | `selected` | `selectedNodes` |
3086
+ | `defaultSelected` | `defaultSelectedNodes` |
3087
+
3088
+ ```diff
3089
+ <TreeView
3090
+ - onNodeSelect={handleSelectionChange}
3091
+ + onSelectedNodesChange={handleSelectionChange}
3092
+
3093
+ - selected={selectedNodes}
3094
+ + selectedNodes={selectedNodes}
3095
+
3096
+ - defaultSelected={defaultSelectedNodes}
3097
+ + defaultSelectedNodes={defaultSelectedNodes}
3098
+ />
3099
+ ```
3100
+
3101
+ #### `@mui/x-tree-view@7.0.0-alpha.7`
3102
+
3103
+ - [TreeView] Improve the expansion API (#11476) @flaviendelangle
3104
+ - [TreeView] Improve the selection API (#11560) @flaviendelangle
3105
+ - [TreeView] Introduce the `items` prop (#11059) @flaviendelangle
3106
+
3107
+ ### Docs
3108
+
3109
+ - [docs] Add example for TreeView `onNodeExpansionToggle` prop (#11547) @flaviendelangle
3110
+ - [docs] Clarify Pickers usage with Luxon (#11545) @LukasTy
3111
+ - [docs] Complete transition to next branch (#11521) @oliviertassinari
3112
+ - [docs] Fix 404 links in the docs @oliviertassinari
3113
+ - [docs] Fix over page fetching @oliviertassinari
3114
+ - [docs] Lint `next.config.js` (#11514) @oliviertassinari
3115
+
3116
+ ### Core
3117
+
3118
+ - [core] Fix release changelog (#11496) @romgrk
3119
+ - [core] Fix use of ::before & ::after (#11515) @oliviertassinari
3120
+ - [core] Localize the issue template to MUI X (#11511) @oliviertassinari
3121
+ - [core] Regenerate API files (#11542) @flaviendelangle
3122
+ - [core] Remove issue emoji @oliviertassinari
3123
+ - [core] Sync the release instructions with MUI Core @oliviertassinari
3124
+ - [core] Yaml format match most common convention @oliviertassinari
3125
+
3126
+ ## 7.0.0-alpha.6
3127
+
3128
+ _Dec 22, 2023_
3129
+
3130
+ We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
3131
+
3132
+ - 🎁 Data Grid now supports `Date` objects in the `filterModel`
3133
+ - 🌍 Improve Russian (ru-RU) locale on the Data Grid
3134
+ - 🐞 Bugfixes
3135
+
3136
+ ### Data Grid
3137
+
3138
+ #### Breaking changes
3139
+
3140
+ - The filter panel no longer uses the native version of the [`Select`](https://mui.com/material-ui/react-select/) component for all components.
3141
+ - The `getOptionValue` and `getOptionLabel` props were removed from the following components:
3142
+
3143
+ - `GridEditSingleSelectCell`
3144
+ - `GridFilterInputSingleSelect`
3145
+ - `GridFilterInputMultipleSingleSelect`
3146
+
3147
+ Use the `getOptionValue` and `getOptionLabel` properties on the `singleSelect` column definition instead:
3148
+
3149
+ ```tsx
3150
+ const column: GridColDef = {
3151
+ type: 'singleSelect',
3152
+ field: 'country',
3153
+ valueOptions: [
3154
+ { code: 'BR', name: 'Brazil' },
3155
+ { code: 'FR', name: 'France' },
3156
+ ],
3157
+ getOptionValue: (value: any) => value.code,
3158
+ getOptionLabel: (value: any) => value.name,
3159
+ };
3160
+ ```
3161
+
3162
+ - The `filterModel` now supports `Date` objects as values for `date` and `dateTime` column types.
3163
+ The `filterModel` still accepts strings as values for `date` and `dateTime` column types,
3164
+ but all updates to the `filterModel` coming from the UI (for example filter panel) will set the value as a `Date` object.
3165
+
3166
+ #### `@mui/x-data-grid@7.0.0-alpha.6`
3167
+
3168
+ - [DataGrid] Fix typos in the JSDoc (#11451) @flaviendelangle
3169
+ - [DataGrid] Make `checkboxSelection` respect the `disableMultipleRowSelection` prop (#11448) @cherniavskii
3170
+ - [DataGrid] Support `Date` objects in filter model (#7069) @cherniavskii
3171
+ - [DataGrid] Use non-native `Select`s by default (#11330) @cherniavskii
3172
+ - [l10n] Improve Russian (ru-RU) locale (#11441) @wensiet
3173
+
3174
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.6` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3175
+
3176
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.6`.
3177
+
3178
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.6` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3179
+
3180
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.6`.
3181
+
3182
+ ### Date and Time Pickers
3183
+
3184
+ #### `@mui/x-date-pickers@7.0.0-alpha.6`
3185
+
3186
+ - [fields] Adjust `PickersInput` sizing styles (#11392) @noraleonte
3187
+ - [fields] Fix section pasting (#11447) @LukasTy
3188
+ - [pickers] Add `PickersTextField` `standard` and `filled` variants (#11250) @noraleonte
3189
+ - [pickers] Cleanup error messages in `PickersSectionList` (#11449) @flaviendelangle
3190
+ - [pickers] Create new component `PickersSectionList` (#11352) @flaviendelangle
3191
+
3192
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.6` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3193
+
3194
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.6`.
3195
+
3196
+ ### Charts / `@mui/x-charts@7.0.0-alpha.5`
3197
+
3198
+ - [charts] Allow percentage values for pie chart center and radius (#11464) @alexfauquette
3199
+ - [charts] Improve dataset typing (#11372) @alexfauquette
3200
+ - [charts] Make error message more explicit (#11457) @alexfauquette
3201
+ - [charts] Make the helper `ChartsText` component public (#11370) @alexfauquette
3202
+
3203
+ ### Docs
3204
+
3205
+ - [docs] Document `false` default values for boolean props (#11477) @cherniavskii
3206
+ - [docs] Improve Pickers `name` prop examples (#11422) @LukasTy
3207
+ - [docs] Limit `date-fns` package to v2 in codesandbox (#11463) @LukasTy
3208
+
3209
+ ### Core
3210
+
3211
+ - [core] Add missing breaking changes to changelog (#11420) @MBilalShafi
3212
+ - [core] Cherry pick follow up (#11469) @LukasTy
3213
+ - [core] Fix `cherry-pick` action (#11446) @LukasTy
3214
+ - [core] Fix security regressions in cherry-pick-next-to-master.yml (#11482) @MBilalShafi
3215
+ - [test] Reload the page if its blank and there are no links to the remaining tests (#11466) @cherniavskii
3216
+
3217
+ ## 7.0.0-alpha.5
3218
+
3219
+ _Dec 14, 2023_
3220
+
3221
+ We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
3222
+
3223
+ - 💫 New recipe added for the Data Grid
3224
+ - 🌍 Improve Swedish (sv-SE) and Urdu (ur-PK) locales on the Data Grid
3225
+ - 🐞 Bugfixes
3226
+
3227
+ ### Data Grid
3228
+
3229
+ #### Breaking changes
3230
+
3231
+ - The `instanceId` prop is now required for state selectors.
3232
+ This prop is used to distinguish between multiple Data Grid instances on the same page.
3233
+ See [migration docs](https://next.mui.com/x/migration/migration-data-grid-v6/#instanceid-prop-is-required-for-state-selectors) for more details.
3234
+
3235
+ #### `@mui/x-data-grid@7.0.0-alpha.5`
3236
+
3237
+ - [DataGrid] Make `instanceId` required for state selectors (#11395) @cherniavskii
3238
+ - [DataGrid] Recipe for grouped rows autosizing (#11401) @michelengelen
3239
+ - [l10n] Improve Swedish (sv-SE) locale (#11373) @fredrikcarlbom
3240
+ - [l10n] Improve Urdu (ur-PK) locale (#11400) @MBilalShafi
3241
+
3242
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.5` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3243
+
3244
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.5`.
3245
+
3246
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.5` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3247
+
3248
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.5`.
3249
+
3250
+ ### Date and Time Pickers
3251
+
3252
+ #### Breaking changes
3253
+
3254
+ - The slot interfaces got renamed to match with `@mui/base` naming.
3255
+ The `SlotsComponent` suffix has been replaced with `Slots` and `SlotsComponentsProps` with `SlotProps`.
3256
+
3257
+ ```diff
3258
+ -DateCalendarSlotsComponent
3259
+ -DateCalendarSlotsComponentsProps
3260
+ +DateCalendarSlots
3261
+ +DateCalendarSlotProps
3262
+ ```
3263
+
3264
+ - Move `inputRef` inside the props passed to the field hooks
3265
+
3266
+ The field hooks now only receive the props instead of an object containing both the props and the `inputRef`.
3267
+
3268
+ ```diff
3269
+ -const { inputRef, ...otherProps } = props
3270
+ -const fieldResponse = useDateField({ props: otherProps, inputRef });
3271
+ +const fieldResponse = useDateField(props);
3272
+ ```
3273
+
3274
+ If you are using a multi input range field hook, the same applies to `startInputRef` and `endInputRef` params
3275
+
3276
+ ```diff
3277
+ -const { inputRef: startInputRef, ...otherStartTextFieldProps } = startTextFieldProps
3278
+ -const { inputRef: endInputRef, ...otherEndTextFieldProps } = endTextFieldProps
3279
+
3280
+ const fieldResponse = useMultiInputDateRangeField({
3281
+ sharedProps,
3282
+ - startTextFieldProps: otherStartTextFieldProps,
3283
+ - endTextFieldProps: otherEndTextFieldProps,
3284
+ - startInputRef
3285
+ - endInputRef,
3286
+ + startTextFieldProps,
3287
+ + endTextFieldProps
3288
+ });
3289
+ ```
3290
+
3291
+ - Rename the ref returned by the field hooks to `inputRef`
3292
+
3293
+ When used with the v6 TextField approach (where the input is an `<input />` HTML element), the field hooks return a ref that needs to be passed to the `<input />` element.
3294
+ This ref was previously named `ref` and has been renamed `inputRef` for extra clarity.
3295
+
3296
+ ```diff
3297
+ const fieldResponse = useDateField(props);
3298
+
3299
+ -return <input ref={fieldResponse.ref} />
3300
+ +return <input ref={fieldResponse.inputRef} />
3301
+ ```
3302
+
3303
+ If you are using a multi input range field hook, the same applies to the ref in the `startDate` and `endDate` objects
3304
+
3305
+ ```diff
3306
+ const fieldResponse = useDateField(props);
3307
+
3308
+ return (
3309
+ <div>
3310
+ - <input ref={fieldResponse.startDate.ref} />
3311
+ + <input ref={fieldResponse.startDate.inputRef} />
3312
+ <span>–</span>
3313
+ - <input ref={fieldResponse.endDate.ref} />
3314
+ + <input ref={fieldResponse.endDate.inputRef} />
3315
+ </div>
3316
+ )
3317
+ ```
3318
+
3319
+ - Restructure the API of `useClearableField`
3320
+
3321
+ The `useClearableField` hook API has been simplified to now take a `props` parameter instead of a `fieldProps`, `InputProps`, `clearable`, `onClear`, `slots` and `slotProps` parameters.
3322
+
3323
+ You should now be able to directly pass the returned value from your field hook (e.g: `useDateField`) to `useClearableField`
3324
+
3325
+ ```diff
3326
+ const fieldResponse = useDateField(props);
3327
+
3328
+ -const { InputProps, onClear, clearable, slots, slotProps, ...otherFieldProps } = fieldResponse
3329
+ -const { InputProps: ProcessedInputProps, fieldProps: processedFieldProps } = useClearableField({
3330
+ - fieldProps: otherFieldProps,
3331
+ - InputProps,
3332
+ - clearable,
3333
+ - onClear,
3334
+ - slots,
3335
+ - slotProps,
3336
+ -});
3337
+ -
3338
+ - return <MyCustomTextField {...processedFieldProps} InputProps={ProcessedInputProps} />
3339
+
3340
+ +const processedFieldProps = useClearableField(fieldResponse);
3341
+ +
3342
+ +return <MyCustomTextField {...processedFieldProps} />
3343
+ ```
3344
+
3345
+ #### `@mui/x-date-pickers@7.0.0-alpha.5`
3346
+
3347
+ - [fields] Support empty sections (#10307) @flaviendelangle
3348
+ - [pickers] Fix field types to avoid error on latest `@types/react` version (#11397) @LukasTy
3349
+ - [pickers] Remove all relative imports to the internals index file (#11375) @flaviendelangle
3350
+ - [pickers] Rename slots interfaces (#11339) @alexfauquette
3351
+ - [pickers] Simplify the API of the field hooks (#11371) @flaviendelangle
3352
+ - [pickers] Support name prop (#11025) @gitstart
3353
+
3354
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.5` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3355
+
3356
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.5`, plus:
3357
+
3358
+ - [DateRangePicker] Fix `autoFocus` behavior (#11273) @kealjones-wk
3359
+
3360
+ ### Charts / `@mui/x-charts@7.0.0-alpha.5`
3361
+
3362
+ - [charts] Fix size overflow (#11385) @alexfauquette
3363
+
3364
+ ### `@mui/x-codemod@7.0.0-alpha.5`
3365
+
3366
+ - [codemod] Add `cellSelection` codemod and update migration guide (#11353) @MBilalShafi
3367
+
3368
+ ### Docs
3369
+
3370
+ - [docs] Respect GoT books (@janoma) (#11387) @alexfauquette
3371
+
3372
+ ### Core
3373
+
3374
+ - [core] Automate cherry-pick of PRs from `next` -> `master` (#11382) @MBilalShafi
3375
+ - [infra] Update `no-response` workflow (#11369) @MBilalShafi
3376
+ - [test] Fix flaky screenshots (#11388) @cherniavskii
3377
+
3378
+ ## 7.0.0-alpha.4
3379
+
3380
+ _Dec 8, 2023_
3381
+
3382
+ We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
3383
+
3384
+ - 🚀 The scatter charts now use voronoi to trigger items
3385
+
3386
+ Users needed to hover the item to highlight the scatter item or show the tooltip.
3387
+ Now they can interact with data by triggering the closest element. See the [docs page](https://next.mui.com/x/react-charts/scatter/#interaction) for more info.
3388
+
3389
+ - 📚 Add [Pickers FAQ page](https://next.mui.com/x/react-date-pickers/faq/)
3390
+ - 🎉 The Data Grid Header filters feature is now stable
3391
+ - 🌍 Improve Danish (da-DK) locale on Data Grid
3392
+ - 🐞 Bugfixes
3393
+
3394
+ ### Data Grid
3395
+
3396
+ #### Breaking changes
3397
+
3398
+ - The header filters feature is now stable. `unstable_` prefix is removed from prop `headerFilters` and related exports.
3399
+ See [migration docs](https://next.mui.com/x/migration/migration-data-grid-v6/#filtering) for more details.
3400
+
3401
+ - The `GridColDef['type']` has been narrowed down to only accept the built-in column types.
3402
+ TypeScript users need to use the `GridColDef` interface when defining columns:
3403
+
3404
+ ```tsx
3405
+ // 🛑 `type` is inferred as `string` and is too wide
3406
+ const columns = [{ type: 'number', field: 'id' }];
3407
+ <DataGrid columns={columns} />;
3408
+
3409
+ // ✅ `type` is `'number'`
3410
+ const columns: GridColDef[] = [{ type: 'number', field: 'id' }];
3411
+ <DataGrid columns={columns} />;
3412
+
3413
+ // ✅ Alternalively, `as const` can be used to narrow down the type
3414
+ const columns = [{ type: 'number' as const, field: 'id' }];
3415
+ <DataGrid columns={columns} />;
3416
+ ```
3417
+
3418
+ #### `@mui/x-data-grid@7.0.0-alpha.4`
3419
+
3420
+ - [DataGrid] Added a guard for reorder cells (#11159) @michelengelen
3421
+ - [DataGrid] Narrow down `GridColDef['type']` (#11270) @cherniavskii
3422
+ - [l10n] Improve Danish (da-DK) locale (#11304) @goibon
3423
+
3424
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3425
+
3426
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.4`, plus:
3427
+
3428
+ - [DataGridPro] Make header filters feature stable (#11243) @MBilalShafi
3429
+
3430
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.4` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3431
+
3432
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.4`.
3433
+
3434
+ ### Date and Time Pickers
3435
+
3436
+ #### `@mui/x-date-pickers@7.0.0-alpha.4`
3437
+
3438
+ - [fields] Rework `PickersTextField` (#11258) @flaviendelangle
3439
+ - [pickers] Fix `MultiSectionDigitalClock` issues (#11305) @LukasTy
3440
+ - [pickers] Fix views height consistency (#11337) @LukasTy
3441
+
3442
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3443
+
3444
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.4`.
3445
+
3446
+ ### Charts / `@mui/x-charts@7.0.0-alpha.4`
3447
+
3448
+ - [charts] Remove animation on sparkline (#11311) @oliviertassinari
3449
+ - [charts] Use voronoi cells to trigger interaction with scatter items (#10981) @alexfauquette
3450
+ - [charts] Add `@mui/utils` as a dependency (#11351) @michelengelen
3451
+
3452
+ ### Docs
3453
+
3454
+ - [docs] Add FAQ page (#11271) @noraleonte
3455
+ - [docs] Add a doc section on how to override the start of the week with each adapter (#11223) @flaviendelangle
3456
+ - [docs] Added params to `onPaginationModelChange` docs (#10191) @JFBenzs
3457
+ - [docs] Fix typo (#11324) @cadam11
3458
+ - [docs] Improve `DemoContainer` styling coverage (#11315) @LukasTy
3459
+ - [docs] General revision of the Charts docs (#11249) @danilo-leal
3460
+
3461
+ ## 7.0.0-alpha.3
3462
+
3463
+ _Dec 4, 2023_
3464
+
3465
+ We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
3466
+
3467
+ - 🚀 Support localized start of the week on pickers' `AdapterLuxon`
3468
+
3469
+ When using Luxon 3.4.4 or higher, the start of the week will be defined by the date locale (e.g.: Sunday for `en-US`, Monday for `fr-FR`).
3470
+
3471
+ - 📈 Fix a lot of Charts package issues
3472
+ - 🎉 The Data Grid features Cell selection and Clipboard paste are now stable
3473
+ - 🌍 Improve Bulgarian (bg-BG) locale on Data Grid
3474
+ - 🐞 Bugfixes
3475
+ - 📚 Documentation improvements
3476
+
3477
+ ### Data Grid
3478
+
3479
+ #### Breaking changes
3480
+
3481
+ - The clipboard paste feature is now enabled by default. The flag `clipboardPaste` is no longer needed to be passed to the `experimentalFeatures` prop.
3482
+
3483
+ - The clipboard related exports `ignoreValueFormatterDuringExport` and `splitClipboardPastedText` are no longer prefixed with `unstable_`.
3484
+
3485
+ - The deprecated constants `SUBMIT_FILTER_STROKE_TIME` and `SUBMIT_FILTER_DATE_STROKE_TIME` have been removed from the `DataGrid` exports. Use the [`filterDebounceMs`](https://next.mui.com/x/api/data-grid/data-grid/#data-grid-prop-filterDebounceMs) prop to customize filter debounce time.
3486
+
3487
+ - The `slots.preferencesPanel` slot and the `slotProps.preferencesPanel` prop were removed. Use `slots.panel` and `slotProps.panel` instead.
3488
+
3489
+ - The `GridPreferencesPanel` component is not exported anymore as it wasn't meant to be used outside of the Data Grid.
3490
+
3491
+ - The `unstable_` prefix has been removed from the cell selection props listed below.
3492
+
3493
+ | Old name | New name |
3494
+ | :------------------------------------ | :--------------------------- |
3495
+ | `unstable_cellSelection` | `cellSelection` |
3496
+ | `unstable_cellSelectionModel` | `cellSelectionModel` |
3497
+ | `unstable_onCellSelectionModelChange` | `onCellSelectionModelChange` |
3498
+
3499
+ - The `unstable_` prefix has been removed from the cell selection API methods listed below.
3500
+
3501
+ | Old name | New name |
3502
+ | :--------------------------------- | :------------------------ |
3503
+ | `unstable_getCellSelectionModel` | `getCellSelectionModel` |
3504
+ | `unstable_getSelectedCellsAsArray` | `getSelectedCellsAsArray` |
3505
+ | `unstable_isCellSelected` | `isCellSelected` |
3506
+ | `unstable_selectCellRange` | `selectCellRange` |
3507
+ | `unstable_setCellSelectionModel` | `setCellSelectionModel` |
3508
+
3509
+ - The Quick Filter now ignores hidden columns by default.
3510
+ See [including hidden columns](https://next.mui.com/x/react-data-grid/filtering/quick-filter/#including-hidden-columns) section for more details.
3511
+
3512
+ #### `@mui/x-data-grid@7.0.0-alpha.3`
3513
+
3514
+ - [DataGrid] Fix cell editing adding a leading "v" on paste (#9205) @prasad5795
3515
+ - [DataGrid] Exclude hidden columns from quick filtering by default (#11229) @cherniavskii
3516
+ - [DataGrid] Fix `onFilterModelChange` being fired with stale field value (#11000) @gitstart
3517
+ - [DataGrid] Fix handling of event target in portal (#11174) @cherniavskii
3518
+ - [DataGrid] Remove deprecated constants (#11233) @michelengelen
3519
+ - [DataGrid] Remove the `preferencesPanel` slot (#11228) @cherniavskii
3520
+ - [l10n] Improve Bulgarian (bg-BG) locale (#10856) @Kristiqn95
3521
+
3522
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3523
+
3524
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.3`.
3525
+
3526
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3527
+
3528
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.3`, plus:
3529
+
3530
+ - [DataGridPremium] Fix aggregated column ignoring column definition changes (#11129) @cherniavskii
3531
+ - [DataGridPremium] Make Cell selection feature stable (#11246) @MBilalShafi
3532
+ - [DataGridPremium] Make Clipboard paste feature stable (#11248) @MBilalShafi
3533
+
3534
+ ### Date and Time Pickers
3535
+
3536
+ #### Breaking changes
3537
+
3538
+ - The Date and Time Pickers now use the localized week when using `AdapterLuxon` and Luxon v3.4.4 or higher is installed.
3539
+ This new behavior allows `AdapterLuxon` to have the same behavior as the other adapters.
3540
+ If you want to keep the start of the week on Monday even if your locale says otherwise, you can hardcode the week settings as follows:
3541
+ The Firefox browser currently does not support this behavior because the [getWeekInfo](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/getWeekInfo) API is not yet implemented.
3542
+
3543
+ ```ts
3544
+ import { Settings, Info } from 'luxon';
3545
+
3546
+ Settings.defaultWeekSettings = {
3547
+ firstDay: 1,
3548
+ minimalDays: Info.getMinimumDaysInFirstWeek(),
3549
+ weekend: [6, 7],
3550
+ };
3551
+ ```
3552
+
3553
+ - Add new parameters to the `shortcuts` slot `onChange` callback
3554
+
3555
+ The `onChange` callback fired when selecting a shortcut now requires two new parameters (previously they were optional):
3556
+
3557
+ - The [`changeImportance`](/x/react-date-pickers/shortcuts/#behavior-when-selecting-a-shortcut) of the shortcut.
3558
+ - The `item` containing the entire shortcut object.
3559
+
3560
+ ```diff
3561
+ const CustomShortcuts = (props) => {
3562
+ return (
3563
+ <React.Fragment>
3564
+ {props.items.map(item => {
3565
+ const value = item.getValue({ isValid: props.isValid });
3566
+ return (
3567
+ <button
3568
+ - onClick={() => onChange(value)}
3569
+ + onClick={() => onChange(value, props.changeImportance ?? 'accept', item)}
3570
+ >
3571
+ {value}
3572
+ </button>
3573
+ )
3574
+ }}
3575
+ </React.Fragment>
3576
+ )
3577
+ }
3578
+
3579
+ <DatePicker slots={{ shortcuts: CustomShortcuts }} />
3580
+ ```
3581
+
3582
+ - Usage of `AdapterDayjs` with the `customParseFormat` plugin
3583
+ The call to `dayjs.extend(customParseFormatPlugin)` has been moved to the `AdapterDayjs` constructor. This allows users to pass custom options to this plugin before the adapter uses it.
3584
+
3585
+ If you are using this plugin before the rendering of the first `LocalizationProvider` component and did not call `dayjs.extend` in your own codebase, you will need to manually extend `dayjs`:
3586
+
3587
+ ```tsx
3588
+ import dayjs from 'dayjs';
3589
+ import customParseFormatPlugin from 'dayjs/plugin/customParseFormat';
3590
+
3591
+ dayjs.extend(customParseFormatPlugin);
3592
+ ```
3593
+
3594
+ The other plugins are still added before the adapter initialization.
3595
+
3596
+ #### `@mui/x-date-pickers@7.0.0-alpha.3`
3597
+
3598
+ - [pickers] Expand field placeholder methods flexibility by providing `format` parameter (#11130) @LukasTy
3599
+ - [pickers] Make `changeImportance` and `shortcut` mandatory in `PickersShortcuts` (#10941) @flaviendelangle
3600
+ - [pickers] Moved extend with `customParseFormat` to constructor (#11151) @michelengelen
3601
+ - [pickers] POC: `PickersTextField` styling - outlined variant (#10778) @noraleonte
3602
+ - [pickers] Support localized start of the week on `AdapterLuxon` (#10964) @flaviendelangle
3603
+ - [pickers] Use adapter methods instead of date library ones whenever possible (#11142) @flaviendelangle
3604
+
3605
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3606
+
3607
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.3`.
3608
+
3609
+ ### Charts / `@mui/x-charts@7.0.0-alpha.3`
3610
+
3611
+ - [charts] Adjusted `defaultizeValueFormatter` util to accept an optional `series.valueFormatter` value (#11144) @michelengelen
3612
+ - [charts] Apply `labelStyle` and `tickLabelStyle` props on `<ChartsYAxis />` (#11180) @akamfoad
3613
+ - [charts] Fix TypeScript config (#11259) @alexfauquette
3614
+ - [charts] Fix error with empty dataset (#11063) @alexfauquette
3615
+ - [charts] Fix export strategy (#11235) @alexfauquette
3616
+ - [charts] Remove outdated prop-types (#11045) @alexfauquette
3617
+
3618
+ ### Docs
3619
+
3620
+ - [docs] Add `TextField` styling example to customization playground (#10812) @noraleonte
3621
+ - [docs] Add a card grid to the installation page (#11177) @danilo-leal
3622
+ - [docs] Add end v6 blogpost to whats new page (#10999) @joserodolfofreitas
3623
+ - [docs] Add small formatting improvements to the licensing page (#11178) @danilo-leal
3624
+ - [docs] Document charts composition (#10710) (#11239) @alexfauquette
3625
+ - [docs] Fix <title> generation (#11182) @oliviertassinari
3626
+ - [docs] Fix dead anchor link (#11265) @oliviertassinari
3627
+ - [docs] Improve Data Grid togglable columns example (#11238) @MBilalShafi
3628
+ - [docs] Improve the prop descriptions of `DayCalendar` (#11158) @flaviendelangle
3629
+ - [docs] Move the adapter breaking changes in a collapsable block (#11205) @flaviendelangle
3630
+ - [docs] Polish Next.js header description @oliviertassinari
3631
+ - [docs] Remove the `newFeature` flag on v6 features (#11168) @flaviendelangle
3632
+ - [docs] Simplify a bit chart demo (#11173) @oliviertassinari
3633
+ - [docs] Standardize the usage of callouts in the MUI X docs (#7127) @samuelsycamore
3634
+ - [docs] Adjust the Data Grid demo page design (#11231) @danilo-leal
3635
+
3636
+ ### Core
3637
+
3638
+ - [core] Make `@mui/system` a direct dependency (#11128) @LukasTy
3639
+ - [core] Remove blank lines, coding style @oliviertassinari
3640
+ - [core] Remove outdated `ENABLE_AD` env variable (#11181) @oliviertassinari
3641
+ - [github] Do not add `plan: Pro` and `plan: Premium` labels on Pro / Premium issue templates (#10183) @flaviendelangle
3642
+
3643
+ ## 7.0.0-alpha.2
3644
+
3645
+ _Nov 23, 2023_
3646
+
3647
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
3648
+
3649
+ - 📈 Export missing Charts props
3650
+ - 🌍 Improve Arabic (ar-SD) and Hebrew (he-IL) locales on Data Grid
3651
+ - 🌍 Add Macedonian (mk) locale and improve German (de-DE) locale on Pickers
3652
+ - 🐞 Bugfixes
3653
+ - 📚 Documentation improvements
3654
+
3655
+ ### Data Grid
3656
+
3657
+ #### `@mui/x-data-grid@7.0.0-alpha.2`
3658
+
3659
+ - [l10n] Improve Arabic (ar-SD) locale (#11114) @MBilalShafi
3660
+ - [l10n] Improve Hebrew (he-IL) locale (#11056) (#11149) @MBilalShafi
3661
+ - [DataGrid] Remove unused utilities (#11156) @flaviendelangle
3662
+
3663
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3664
+
3665
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.2`.
3666
+
3667
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3668
+
3669
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.2`.
3670
+
3671
+ ### Date and Time Pickers
3672
+
3673
+ #### Breaking changes
3674
+
3675
+ - The deprecated `shouldDisableClock` prop has been removed in favor of the more flexible `shouldDisableTime` prop.
3676
+ The `shouldDisableClock` prop received `value` as a `number` of hours, minutes, or seconds.
3677
+ Instead, the `shouldDisableTime` prop receives the date object (based on the used adapter).
3678
+
3679
+ You can read more about the deprecation of this prop in [v6 migration guide](https://next.mui.com//x/migration/migration-pickers-v5/#%E2%9C%85-rename-or-refactor-shoulddisabletime-prop).
3680
+
3681
+ ```diff
3682
+ <DateTimePicker
3683
+ - shouldDisableClock={(timeValue, view) => view === 'hours' && timeValue < 12}
3684
+ + shouldDisableTime={(value, view) => view === 'hours' && value.hour() < 12}
3685
+ />
3686
+ ```
3687
+
3688
+ - The `adapter.dateWithTimezone` method has been removed and its content moved to the `date` method.
3689
+ You can use the `adapter.date` method instead:
3690
+
3691
+ ```diff
3692
+ - adapter.dateWithTimezone(undefined, 'system');
3693
+ + adapter.date(undefined, 'system');
3694
+ ```
3695
+
3696
+ - The `dayPickerClasses` variable has been renamed to `dayCalendarClasses` to be consistent with the new name of the `DayCalendar` component introduced in v6.0.0.
3697
+
3698
+ ```diff
3699
+ - import { dayPickerClasses } from '@mui/x-date-pickers/DateCalendar';
3700
+ + import { dayCalendarClasses } from '@mui/x-date-pickers/DateCalendar';
3701
+ ```
3702
+
3703
+ - The deprecated `defaultCalendarMonth` prop has been removed in favor of the more flexible `referenceDate` prop.
3704
+
3705
+ ```diff
3706
+ - <DateCalendar defaultCalendarMonth={dayjs('2022-04-01')};
3707
+ + <DateCalendar referenceDate{dayjs('2022-04-01')} />
3708
+ ```
3709
+
3710
+ - The `adapter.date` method now has the v6 `adapter.dateWithTimezone` method behavior.
3711
+ It no longer accepts `any` as a value but only `string | null | undefined`.
3712
+
3713
+ ```diff
3714
+ - adapter.date(new Date());
3715
+ + adapter.date();
3716
+
3717
+ - adapter.date(new Date('2022-04-17');
3718
+ + adapter.date('2022-04-17');
3719
+
3720
+ - adapter.date(new Date(2022, 3, 17, 4, 5, 34));
3721
+ + adapter.date('2022-04-17T04:05:34');
3722
+
3723
+ - adapter.date(new Date('Invalid Date'));
3724
+ + adapter.getInvalidDate();
3725
+ ```
3726
+
3727
+ #### `@mui/x-date-pickers@7.0.0-alpha.2`
3728
+
3729
+ - [l10n] Improve German (de-DE) locale (#11103) @jho-vema
3730
+ - [l10n] Add Macedonian (mk) locale (#10935) @brsnik
3731
+ - [pickers] Remove the `defaultCalendarMonth` prop (#10987) @flaviendelangle
3732
+ - [pickers] Remove the `shouldDisableClock` prop (#11042) @flaviendelangle
3733
+ - [pickers] Rename the `dayPickerClasses` variable `dayCalendarClasses` (#11140) @flaviendelangle
3734
+ - [pickers] Replace `adapter.date` with the current `adapter.dateWithTimezone` (#10979) @flaviendelangle
3735
+
3736
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3737
+
3738
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.2`.
3739
+
3740
+ ### Charts / `@mui/x-charts@7.0.0-alpha.2`
3741
+
3742
+ - [charts] Change export strategy in index files (#11113) @michelengelen
3743
+ - [charts] Fix `ChartsTooltip` component setup (#11152) @LukasTy
3744
+
3745
+ ### `@mui/x-codemod@7.0.0-alpha.2`
3746
+
3747
+ - [codemod] Add codemod to use `referenceDate` instead of `defaultCalendarMonth` (#11139) @flaviendelangle
3748
+ - [codemod] Clean the components to slots codemod usage (#11145) @flaviendelangle
3749
+
3750
+ ### Docs
3751
+
3752
+ - [docs] Add LTS section to support docs (#10927) @joserodolfofreitas
3753
+ - [docs] Clean the codemod README (#11051) @flaviendelangle
3754
+ - [docs] Fix typos and grammar issues (#11049) @flaviendelangle
3755
+ - [docs] Fix version links (#11001) @LukasTy
3756
+ - [docs] Point to the source of `@mui/x-data-grid-generator` (#11134) @oliviertassinari
3757
+
3758
+ ### Core
3759
+
3760
+ - [core] Bump monorepo (#11160) @LukasTy
3761
+ - [core] Fix comment in doc generation (#11098) @flaviendelangle
3762
+ - [core] Rename OpenCollective @oliviertassinari
3763
+ - [core] Upgrade `babel-plugin-module-resolver` to 5.0.0 (#11065) @flaviendelangle
3764
+ - [changelog] Improve git diff format @oliviertassinari
3765
+ - [renovate] Monthly schedule for lockfile maintenance (#10336) @Janpot
3766
+ - [test] Skip flaky e2e test in webkit (#11110) @cherniavskii
3767
+
3768
+ ## 7.0.0-alpha.1
3769
+
3770
+ _Nov 17, 2023_
3771
+
3772
+ We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
3773
+
3774
+ - 🐞 Bugfixes
3775
+ - 📚 Documentation improvements
3776
+
3777
+ ### Date and Time Pickers
3778
+
3779
+ #### `@mui/x-date-pickers@7.0.0-alpha.1` / `@mui/x-date-pickers-pro@7.0.0-alpha.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3780
+
3781
+ #### Breaking changes
3782
+
3783
+ - The string argument of the `dayOfWeekFormatter` prop has been replaced in favor of the date object to allow more flexibility.
3784
+
3785
+ ```diff
3786
+ <DateCalendar
3787
+ // If you were still using the day string, you can get it back with your date library.
3788
+ - dayOfWeekFormatter={dayStr => `${dayStr}.`}
3789
+ + dayOfWeekFormatter={day => `${day.format('dd')}.`}
3790
+
3791
+ // If you were already using the day object, just remove the first argument.
3792
+ - dayOfWeekFormatter={(_dayStr, day) => `${day.format('dd')}.`}
3793
+ + dayOfWeekFormatter={day => `${day.format('dd')}.`}
3794
+ />
3795
+ ```
3796
+
3797
+ - The imports related to the `calendarHeader` slot have been moved from `@mui/x-date-pickers/DateCalendar` to `@mui/x-date-pickers/PIckersCalendarHeader`:
3798
+
3799
+ ```diff
3800
+ export {
3801
+ pickersCalendarHeaderClasses,
3802
+ PickersCalendarHeaderClassKey,
3803
+ PickersCalendarHeaderClasses,
3804
+ PickersCalendarHeader,
3805
+ PickersCalendarHeaderProps,
3806
+ PickersCalendarHeaderSlotsComponent,
3807
+ PickersCalendarHeaderSlotsComponentsProps,
3808
+ ExportedPickersCalendarHeaderProps,
3809
+ -} from '@mui/x-date-pickers/DateCalendar';
3810
+ +} from '@mui/x-date-pickers/PickersCalendarHeader';
3811
+
3812
+ ```
3813
+
3814
+ - The `monthAndYear` format has been removed.
3815
+ It was used in the header of the calendar views, you can replace it with the new `format` prop of the `calendarHeader` slot:
3816
+
3817
+ ```diff
3818
+ <LocalizationProvider
3819
+ adapter={AdapterDayJS}
3820
+ - formats={{ monthAndYear: 'MM/YYYY' }}
3821
+ />
3822
+ <DatePicker
3823
+ + slotProps={{ calendarHeader: { format: 'MM/YYYY' }}}
3824
+ />
3825
+ <DateRangePicker
3826
+ + slotProps={{ calendarHeader: { format: 'MM/YYYY' }}}
3827
+ />
3828
+ <LocalizationProvider />
3829
+ ```
3830
+
3831
+ - The `adapter.getDiff` method have been removed, you can directly use your date library:
3832
+
3833
+ ```diff
3834
+ // For Day.js
3835
+ -const diff = adapter.getDiff(value, comparing, unit);
3836
+ +const diff = value.diff(comparing, unit);
3837
+
3838
+ // For Luxon
3839
+ -const diff = adapter.getDiff(value, comparing, unit);
3840
+ +const getDiff = (value: DateTime, comparing: DateTime | string, unit?: AdapterUnits) => {
3841
+ + const parsedComparing = typeof comparing === 'string'
3842
+ + ? DateTime.fromJSDate(new Date(comparing))
3843
+ + : comparing;
3844
+ + if (unit) {
3845
+ + return Math.floor(value.diff(comparing).as(unit));
3846
+ + }
3847
+ + return value.diff(comparing).as('millisecond');
3848
+ +};
3849
+ +
3850
+ +const diff = getDiff(value, comparing, unit);
3851
+
3852
+ // For DateFns
3853
+ -const diff = adapter.getDiff(value, comparing, unit);
3854
+ +const getDiff = (value: Date, comparing: Date | string, unit?: AdapterUnits) => {
3855
+ + const parsedComparing = typeof comparing === 'string' ? new Date(comparing) : comparing;
3856
+ + switch (unit) {
3857
+ + case 'years':
3858
+ + return dateFns.differenceInYears(value, parsedComparing);
3859
+ + case 'quarters':
3860
+ + return dateFns.differenceInQuarters(value, parsedComparing);
3861
+ + case 'months':
3862
+ + return dateFns.differenceInMonths(value, parsedComparing);
3863
+ + case 'weeks':
3864
+ + return dateFns.differenceInWeeks(value, parsedComparing);
3865
+ + case 'days':
3866
+ + return dateFns.differenceInDays(value, parsedComparing);
3867
+ + case 'hours':
3868
+ + return dateFns.differenceInHours(value, parsedComparing);
3869
+ + case 'minutes':
3870
+ + return dateFns.differenceInMinutes(value, parsedComparing);
3871
+ + case 'seconds':
3872
+ + return dateFns.differenceInSeconds(value, parsedComparing);
3873
+ + default: {
3874
+ + return dateFns.differenceInMilliseconds(value, parsedComparing);
3875
+ + }
3876
+ + }
3877
+ +};
3878
+ +
3879
+ +const diff = getDiff(value, comparing, unit);
3880
+
3881
+ // For Moment
3882
+ -const diff = adapter.getDiff(value, comparing, unit);
3883
+ +const diff = value.diff(comparing, unit);
3884
+ ```
3885
+
3886
+ - The `adapter.getFormatHelperText` method have been removed, you can use the `adapter.expandFormat` instead:
3887
+
3888
+ ```diff
3889
+ -const expandedFormat = adapter.getFormatHelperText(format);
3890
+ +const expandedFormat = adapter.expandFormat(format);
3891
+ ```
3892
+
3893
+ And if you need the exact same output you can apply the following transformation:
3894
+
3895
+ ```diff
3896
+ // For Day.js
3897
+ -const expandedFormat = adapter.getFormatHelperText(format);
3898
+ +const expandedFormat = adapter.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
3899
+
3900
+ // For Luxon
3901
+ -const expandedFormat = adapter.getFormatHelperText(format);
3902
+ +const expandedFormat = adapter.expandFormat(format).replace(/(a)/g, '(a|p)m').toLocaleLowerCase();
3903
+
3904
+ // For DateFns
3905
+ -const expandedFormat = adapter.getFormatHelperText(format);
3906
+ +const expandedFormat = adapter.expandFormat(format).replace(/(aaa|aa|a)/g, '(a|p)m').toLocaleLowerCase();
3907
+
3908
+ // For Moment
3909
+ -const expandedFormat = adapter.getFormatHelperText(format);
3910
+ +const expandedFormat = adapter.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
3911
+ ```
3912
+
3913
+ - The `adapter.getMeridiemText` method have been removed, you can use the `adapter.setHours`, `adapter.date` and `adapter.format` methods to recreate its behavior:
3914
+
3915
+ ```diff
3916
+ -const meridiem = adapter.getMeridiemText('am');
3917
+ +const getMeridiemText = (meridiem: 'am' | 'pm') => {
3918
+ + const date = adapter.setHours(adapter.date()!, meridiem === 'am' ? 2 : 14);
3919
+ + return utils.format(date, 'meridiem');
3920
+ +};
3921
+ +
3922
+ +const meridiem = getMeridiemText('am');
3923
+ ```
3924
+
3925
+ - The `adapter.getMonthArray` method have been removed, you can use the `adapter.startOfYear` and `adapter.addMonths` methods to recreate its behavior:
3926
+
3927
+ ```diff
3928
+ -const monthArray = adapter.getMonthArray(value);
3929
+ +const getMonthArray = (year) => {
3930
+ + const firstMonth = utils.startOfYear(year);
3931
+ + const months = [firstMonth];
3932
+ +
3933
+ + while (months.length < 12) {
3934
+ + const prevMonth = months[months.length - 1];
3935
+ + months.push(utils.addMonths(prevMonth, 1));
3936
+ + }
3937
+ +
3938
+ + return months;
3939
+ +}
3940
+ +
3941
+ +const monthArray = getMonthArray(value);
3942
+ ```
3943
+
3944
+ - The `adapter.getNextMonth` method have been removed, you can use the `adapter.addMonths` method instead:
3945
+
3946
+ ```diff
3947
+ -const nextMonth = adapter.getNextMonth(value);
3948
+ +const nextMonth = adapter.addMonths(value, 1);
3949
+ ```
3950
+
3951
+ - The `adapter.getPreviousMonth` method have been removed, you can use the `adapter.addMonths` method instead:
3952
+
3953
+ ```diff
3954
+ -const previousMonth = adapter.getPreviousMonth(value);
3955
+ +const previousMonth = adapter.addMonths(value, -1);
3956
+ ```
3957
+
3958
+ - The `adapter.getWeekdays` method have been removed, you can use the `adapter.startOfWeek` and `adapter.addDays` methods instead:
3959
+
3960
+ ```diff
3961
+ -const weekDays = adapter.getWeekdays(value);
3962
+ +const getWeekdays = (value) => {
3963
+ + const start = adapter.startOfWeek(value);
3964
+ + return [0, 1, 2, 3, 4, 5, 6].map((diff) => utils.addDays(start, diff));
3965
+ +};
3966
+ +
3967
+ +const weekDays = getWeekdays(value);
3968
+ ```
3969
+
3970
+ - The `isNull` method have been removed, you can replace it with a very basic check:
3971
+
3972
+ ```diff
3973
+ -const isNull = adapter.isNull(value);
3974
+ +const isNull = value === null;
3975
+ ```
3976
+
3977
+ - The `adapter.mergeDateAndTime` method have been removed, you can use the `adapter.setHours`, `adapter.setMinutes`, and `adapter.setSeconds` methods to recreate its behavior:
3978
+
3979
+ ```diff
3980
+ -const result = adapter.mergeDateAndTime(valueWithDate, valueWithTime);
3981
+ +const mergeDateAndTime = <TDate>(
3982
+ + dateParam,
3983
+ + timeParam,
3984
+ + ) => {
3985
+ + let mergedDate = dateParam;
3986
+ + mergedDate = utils.setHours(mergedDate, utils.getHours(timeParam));
3987
+ + mergedDate = utils.setMinutes(mergedDate, utils.getMinutes(timeParam));
3988
+ + mergedDate = utils.setSeconds(mergedDate, utils.getSeconds(timeParam));
3989
+ +
3990
+ + return mergedDate;
3991
+ + };
3992
+ +
3993
+ +const result = mergeDateAndTime(valueWithDate, valueWithTime);
3994
+ ```
3995
+
3996
+ - The `adapter.parseISO` method have been removed, you can directly use your date library:
3997
+
3998
+ ```diff
3999
+ // For Day.js
4000
+ -const value = adapter.parseISO(isoString);
4001
+ +const value = dayjs(isoString);
4002
+
4003
+ // For Luxon
4004
+ -const value = adapter.parseISO(isoString);
4005
+ +const value = DateTime.fromISO(isoString);
4006
+
4007
+ // For DateFns
4008
+ -const value = adapter.parseISO(isoString);
4009
+ +const value = dateFns.parseISO(isoString);
4010
+
4011
+ // For Moment
4012
+ -const value = adapter.parseISO(isoString);
4013
+ +const value = moment(isoString, true);
4014
+ ```
4015
+
4016
+ - The `adapter.toISO` method have been removed, you can directly use your date library:
4017
+
4018
+ ```diff
4019
+ // For Day.js
4020
+ -const isoString = adapter.toISO(value);
4021
+ +const isoString = value.toISOString();
4022
+
4023
+ // For Luxon
4024
+ -const isoString = adapter.toISO(value);
4025
+ +const isoString = value.toUTC().toISO({ format: 'extended' });
4026
+
4027
+ // For DateFns
4028
+ -const isoString = adapter.toISO(value);
4029
+ +const isoString = dateFns.formatISO(value, { format: 'extended' });
4030
+
4031
+ // For Moment
4032
+ -const isoString = adapter.toISO(value);
4033
+ +const isoString = value.toISOString();
4034
+ ```
4035
+
4036
+ - The `adapter.isEqual` method used to accept any type of value for its two input and tried to parse them before checking if they were equal.
4037
+ The method has been simplified and now only accepts an already-parsed date or `null` (ie: the same formats used by the `value` prop in the pickers)
4038
+
4039
+ ```diff
4040
+ const adapterDayjs = new AdapterDayjs();
4041
+ const adapterLuxon = new AdapterLuxon();
4042
+ const adapterDateFns = new AdapterDateFns();
4043
+ const adapterMoment = new AdatperMoment();
4044
+
4045
+ // Supported formats
4046
+ const isEqual = adapterDayjs.isEqual(null, null); // Same for the other adapters
4047
+ const isEqual = adapterLuxon.isEqual(DateTime.now(), DateTime.fromISO('2022-04-17'));
4048
+ const isEqual = adapterMoment.isEqual(moment(), moment('2022-04-17'));
4049
+ const isEqual = adapterDateFns.isEqual(new Date(), new Date('2022-04-17'));
4050
+
4051
+ // Non-supported formats (JS Date)
4052
+ -const isEqual = adapterDayjs.isEqual(new Date(), new Date('2022-04-17'));
4053
+ +const isEqual = adapterDayjs.isEqual(dayjs(), dayjs('2022-04-17'));
4054
+
4055
+ -const isEqual = adapterLuxon.isEqual(new Date(), new Date('2022-04-17'));
4056
+ +const isEqual = adapterLuxon.isEqual(DateTime.now(), DateTime.fromISO('2022-04-17'));
4057
+
4058
+ -const isEqual = adapterMoment.isEqual(new Date(), new Date('2022-04-17'));
4059
+ +const isEqual = adapterMoment.isEqual(moment(), moment('2022-04-17'));
4060
+
4061
+ // Non-supported formats (string)
4062
+ -const isEqual = adapterDayjs.isEqual('2022-04-16', '2022-04-17');
4063
+ +const isEqual = adapterDayjs.isEqual(dayjs('2022-04-17'), dayjs('2022-04-17'));
4064
+
4065
+ -const isEqual = adapterLuxon.isEqual('2022-04-16', '2022-04-17');
4066
+ +const isEqual = adapterLuxon.isEqual(DateTime.fromISO('2022-04-17'), DateTime.fromISO('2022-04-17'));
4067
+
4068
+ -const isEqual = adapterMoment.isEqual('2022-04-16', '2022-04-17');
4069
+ +const isEqual = adapterMoment.isEqual(moment('2022-04-17'), moment('2022-04-17'));
4070
+
4071
+ -const isEqual = adapterDateFns.isEqual('2022-04-16', '2022-04-17');
4072
+ +const isEqual = adapterDateFns.isEqual(new Date('2022-04-17'), new Date('2022-04-17'));
4073
+ ```
4074
+
4075
+ - The `dateLibInstance` prop of `LocalizationProvider` does not work with `AdapterDayjs` anymore (#11023). This prop was used to set the pickers in UTC mode before the implementation of a proper timezone support in the components.
4076
+ You can learn more about the new approach on the [dedicated doc page](https://mui.com/x/react-date-pickers/timezone/).
4077
+
4078
+ ```diff
4079
+ // When a `value` or a `defaultValue` is provided
4080
+ <LocalizationProvider
4081
+ adapter={AdapterDayjs}
4082
+ - dateLibInstance={dayjs.utc}
4083
+ >
4084
+ <DatePicker value={dayjs.utc('2022-04-17')} />
4085
+ </LocalizationProvider>
4086
+
4087
+ // When no `value` or `defaultValue` is provided
4088
+ <LocalizationProvider
4089
+ adapter={AdapterDayjs}
4090
+ - dateLibInstance={dayjs.utc}
4091
+ >
4092
+ - <DatePicker />
4093
+ + <DatePicker timezone="UTC" />
4094
+ </LocalizationProvider>
4095
+ ```
4096
+
4097
+ - The property `hasLeadingZeros` has been removed from the sections in favor of the more precise `hasLeadingZerosInFormat` and `hasLeadingZerosInInput` properties (#10994). To keep the same behavior, you can replace it by `hasLeadingZerosInFormat`:
4098
+
4099
+ ```diff
4100
+ const fieldRef = React.useRef<FieldRef<FieldSection>>(null);
4101
+
4102
+ React.useEffect(() => {
4103
+ const firstSection = fieldRef.current!.getSections()[0];
4104
+ - console.log(firstSection.hasLeadingZeros);
4105
+ + console.log(firstSection.hasLeadingZerosInFormat);
4106
+ }, []);
4107
+
4108
+ return (
4109
+ <DateField unstableFieldRef={fieldRef} />
4110
+ );
4111
+ ```
4112
+
4113
+ - The `adapter.getYearRange` method used to accept two params and now accepts a tuple to be consistent with the `adapter.isWithinRange` method (#10978):
4114
+
4115
+ ```diff
4116
+ -adapter.getYearRange(start, end);
4117
+ +adapter.getYearRange([start, end])
4118
+ ```
4119
+
4120
+ - The `adapter.isValid` method used to accept any type of value and tried to parse them before checking their validity (#10971).
4121
+ The method has been simplified and now only accepts an already-parsed date or `null`.
4122
+ Which is the same type as the one accepted by the components `value` prop.
4123
+
4124
+ ```diff
4125
+ const adapterDayjs = new AdapterDayjs();
4126
+ const adapterLuxon = new AdapterLuxon();
4127
+ const adapterDateFns = new AdapterDateFns();
4128
+ const adapterMoment = new AdatperMoment();
4129
+
4130
+ // Supported formats
4131
+ const isValid = adapterDayjs.isValid(null); // Same for the other adapters
4132
+ const isValid = adapterLuxon.isValid(DateTime.now());
4133
+ const isValid = adapterMoment.isValid(moment());
4134
+ const isValid = adapterDateFns.isValid(new Date());
4135
+
4136
+ // Non-supported formats (JS Date)
4137
+ -const isValid = adapterDayjs.isValid(new Date('2022-04-17'));
4138
+ +const isValid = adapterDayjs.isValid(dayjs('2022-04-17'));
4139
+
4140
+ -const isValid = adapterLuxon.isValid(new Date('2022-04-17'));
4141
+ +const isValid = adapterLuxon.isValid(DateTime.fromISO('2022-04-17'));
4142
+
4143
+ -const isValid = adapterMoment.isValid(new Date('2022-04-17'));
4144
+ +const isValid = adapterMoment.isValid(moment('2022-04-17'));
4145
+
4146
+ // Non-supported formats (string)
4147
+ -const isValid = adapterDayjs.isValid('2022-04-17');
4148
+ +const isValid = adapterDayjs.isValid(dayjs('2022-04-17'));
4149
+
4150
+ -const isValid = adapterLuxon.isValid('2022-04-17');
4151
+ +const isValid = adapterLuxon.isValid(DateTime.fromISO('2022-04-17'));
4152
+
4153
+ -const isValid = adapterMoment.isValid('2022-04-17');
4154
+ +const isValid = adapterMoment.isValid(moment('2022-04-17'));
4155
+
4156
+ -const isValid = adapterDateFns.isValid('2022-04-17');
4157
+ +const isValid = adapterDateFns.isValid(new Date('2022-04-17'));
4158
+ ```
4159
+
4160
+ #### Changes
4161
+
4162
+ - [pickers] Change the input format of `adapter.getYearRange` to be consistent with `adapter.isWithinRange` (#10978) @flaviendelangle
4163
+ - [pickers] Clean remaining `components` / `componentsProps` typings (#11040) @flaviendelangle
4164
+ - [pickers] Modify `adapter.isEqual` method to accept `TDate | null` instead of `any` (#10976) @flaviendelangle
4165
+ - [pickers] Modify `adapter.isValid` method to accept `TDate | null` instead of `any` (#10971) @flaviendelangle
4166
+ - [pickers] Remove the `hasLeadingZeros` property from `FieldSection` (#10994) @flaviendelangle
4167
+ - [pickers] Remove the deprecated methods and formats from the adapters (#10776) @flaviendelangle
4168
+ - [pickers] Remove the legacy UTC implementation for `dayjs` (#11023) @flaviendelangle
4169
+ - [pickers] Remove unused code (#11048) @flaviendelangle
4170
+ - [pickers] Move the exports of the `calendarHeader` slot to `@mui/x-date-pickers/PickersCalendarHeader` (#11020) @flaviendelangle
4171
+ - [DateCalendar] Allow to override the format of the header with a prop (#10990) @flaviendelangle
4172
+ - [DateCalendar] Remove the string argument of the `dayOfWeekFormatter` prop (#10992) @flaviendelangle
4173
+
4174
+ ### Docs
4175
+
4176
+ - [docs] Fix incorrect component name in the "Custom slots and subcomponents" page (#11024) @flaviendelangle
4177
+ - [docs] Fix typos in pickers migration guide (#11057) @flaviendelangle
4178
+
4179
+ ### Core
4180
+
4181
+ - [core] Clean the component slots doc generation (#11021) @flaviendelangle
4182
+ - [core] Fix script to release with `next` tag (#10996) @LukasTy
4183
+ - [test] Wait for images to load (#11004) @cherniavskii
4184
+
4185
+ ## 7.0.0-alpha.0
4186
+
4187
+ _Nov 10, 2023_
4188
+
4189
+ We're thrilled to announce the first alpha release of our next major version, v7.
4190
+ This release introduces a few breaking changes, paving the way for the upcoming features like Pivoting and DateTimeRangePicker.
4191
+
4192
+ A special shoutout to thank the 12 contributors who made this release possible. Here are some highlights ✨:
4193
+
4194
+ - 🚀 First v7 alpha release
4195
+ - ✨ Fix aggregation label not showing when `renderHeader` is used (#10961) @cherniavskii
4196
+ - 📘 Server side data source [early documentation](https://mui.com/x/react-data-grid/server-side-data/)
4197
+ - 💫 New recipes added for the data grid
4198
+ - 📈 `<ChartsReferenceLine />` component is now available
4199
+ - 🌍 Add Basque (eu) locale, improve Czech (cs-CZ) and Spanish (es-ES) locales
4200
+ - 🐞 Bugfixes
4201
+ - 📚 Documentation improvements
4202
+
4203
+ ### Data Grid
4204
+
4205
+ #### Breaking changes
4206
+
4207
+ - The deprecated `components` and `componentsProps` props have been removed. Use `slots` and `slotProps` instead. See [components section](/x/react-data-grid/components/) for more details.
4208
+ - The print export will now only print the selected rows if there are any.
4209
+ If there are no selected rows, it will print all rows. This makes the print export consistent with the other exports.
4210
+ You can [customize the rows to export by using the `getRowsToExport` function](/x/react-data-grid/export/#customizing-the-rows-to-export).
4211
+ - The `getApplyFilterFnV7` in `GridFilterOperator` was renamed to `getApplyFilterFn`.
4212
+ If you use `getApplyFilterFnV7` directly - rename it to `getApplyFilterFn`.
4213
+ - The signature of the function returned by `getApplyFilterFn` has changed for performance reasons:
4214
+
4215
+ ```diff
4216
+ const getApplyFilterFn: GetApplyFilterFn<any, unknown> = (filterItem) => {
4217
+ if (!filterItem.value) {
4218
+ return null;
4219
+ }
4220
+ const filterRegex = new RegExp(escapeRegExp(filterItem.value), 'i');
4221
+ - return (cellParams) => {
4222
+ - const { value } = cellParams;
4223
+ + return (value, row, colDef, apiRef) => {
4224
+ return value != null ? filterRegex.test(String(value)) : false;
4225
+ };
4226
+ }
4227
+ ```
4228
+
4229
+ - The `getApplyQuickFilterFnV7` in `GridColDef` was renamed to `getApplyQuickFilterFn`.
4230
+ If you use `getApplyQuickFilterFnV7` directly - rename it to `getApplyQuickFilterFn`.
4231
+ - The signature of the function returned by `getApplyQuickFilterFn` has changed for performance reasons:
4232
+
4233
+ ```diff
4234
+ const getGridStringQuickFilterFn: GetApplyQuickFilterFn<any, unknown> = (value) => {
4235
+ if (!value) {
4236
+ return null;
4237
+ }
4238
+ const filterRegex = new RegExp(escapeRegExp(value), 'i');
4239
+ - return (cellParams) => {
4240
+ - const { formattedValue } = cellParams;
4241
+ + return (value, row, column, apiRef) => {
4242
+ + let formattedValue = apiRef.current.getRowFormattedValue(row, column);
4243
+ return formattedValue != null ? filterRegex.test(formattedValue.toString()) : false;
4244
+ };
4245
+ };
4246
+ ```
4247
+
4248
+ #### `@mui/x-data-grid@7.0.0-alpha.0`
4249
+
4250
+ - [DataGrid] Fix for error thrown when removing skeleton rows, after sorting is applied (#10807) @benjaminbialy
4251
+ - [DataGrid] Fix: `undefined` slot value (#10937) @romgrk
4252
+ - [DataGrid] Print selected rows by default (#10846) @cherniavskii
4253
+ - [DataGrid] Remove deprecated `components` and `componentsProps` (#10911) @MBilalShafi
4254
+ - [DataGrid] Remove legacy filtering API (#10897) @cherniavskii
4255
+ - [DataGrid] Fix keyboard navigation for actions cell with disabled buttons (#10882) @michelengelen
4256
+ - [DataGrid] Added a recipe for using non-native select in filter panel (#10916) @michelengelen
4257
+ - [DataGrid] Added a recipe to style cells without impacting the aggregation cells (#10913) @michelengelen
4258
+ - [l10n] Improve Czech (cs-CZ) locale (#10949) @luborepka
4259
+
4260
+ #### `@mui/x-data-grid-pro@7.0.0-alpha.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
4261
+
4262
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.0`, plus:
4263
+
4264
+ - [DataGridPro] Autosize Columns - Fix headers being cut off (#10666) @gitstart
4265
+ - [DataGridPro] Add data source interface and basic documentation (#10543) @MBilalShafi
4266
+
4267
+ #### `@mui/x-data-grid-premium@7.0.0-alpha.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
4268
+
4269
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.0`, plus:
4270
+
4271
+ - [DataGridPremium] Render aggregation label when `renderHeader` is used (#10936) @cherniavskii
4272
+
4273
+ ### Date and Time Pickers
4274
+
4275
+ #### Breaking changes
4276
+
4277
+ - The deprecated `components` and `componentsProps` props have been removed. Use `slots` and `slotProps` instead.
4278
+
4279
+ #### `@mui/x-date-pickers@7.0.0-alpha.0`
4280
+
4281
+ - [pickers] Escape non tokens words (#10400) @alexfauquette
4282
+ - [fields] Fix `MultiInputTimeRangeField` section selection (#10922) @noraleonte
4283
+ - [pickers] Refine `referenceDate` behavior in views (#10863) @LukasTy
4284
+ - [pickers] Remove `components` and `componentsProps` props (#10700) @alexfauquette
4285
+ - [l10n] Add Basque (eu) locale and improve Spanish (es-ES) locale (#10819) @lajtomekadimon
4286
+ - [pickers] Add short weekdays token (#10988) @alexfauquette
4287
+
4288
+ #### `@mui/x-date-pickers-pro@7.0.0-alpha.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
4289
+
4290
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.0`.
4291
+
4292
+ ### Charts / `@mui/x-charts@7.0.0-alpha.0`
4293
+
4294
+ #### Breaking changes
4295
+
4296
+ Types for `slots` and `slotProps` got renamed by removing the "Component" which is meaningless for charts.
4297
+ Unless you imported those types, to create a wrapper, you should not be impacted by this breaking change.
4298
+
4299
+ Here is an example of the renaming for the `<ChartsTooltip />` component.
4300
+
4301
+ ```diff
4302
+ -ChartsTooltipSlotsComponent
4303
+ +ChartsTooltipSlots
4304
+
4305
+ -ChartsTooltipSlotComponentProps
4306
+ +ChartsTooltipSlotProps
4307
+ ```
4308
+
4309
+ - [charts] Add `<ChartsReferenceLine />` component (#10597) (#10946) @alexfauquette
4310
+ - [charts] Improve properties JSDoc (#10931) (#10955) @alexfauquette
4311
+ - [charts] Rename `slots` and `slotProps` types (#10875) @alexfauquette
4312
+
4313
+ ### `@mui/x-codemod@7.0.0-alpha.0`
4314
+
4315
+ - [codemod] Add `v7.0.0/preset-safe` (#10973) @LukasTy
4316
+
4317
+ ### Docs
4318
+
4319
+ - [docs] Add `@next` tag to the installation instructions (#10963) @MBilalShafi
4320
+ - [docs] Document how to hide the legend (#10951) @alexfauquette
4321
+ - [docs] Fix typo in the migration guide (#10972) @flaviendelangle
4322
+
4323
+ ### Core
4324
+
4325
+ - [core] Adds migration docs for charts, pickers and tree view (#10926) @michelengelen
4326
+ - [core] Bump monorepo (#10959) @LukasTy
4327
+ - [core] Changed prettier branch value to next (#10917) @michelengelen
4328
+ - [core] Fix GitHub title tag consistency @oliviertassinari
4329
+ - [core] Fixed wrong package names in migration docs (#10953) @michelengelen
4330
+ - [core] Merge `master` into `next` (#10929) @cherniavskii
4331
+ - [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
4332
+ - [license] Correctly throw errors (#10924) @oliviertassinari
4333
+
4334
+ ## Older versions
4335
+
4336
+ Changes before 7.x are listed in our [changelog for older versions](https://github.com/mui/mui-x/blob/HEAD/changelogOld/).