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