@mui/x-tree-view 6.17.0 → 7.0.0-alpha.1

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,681 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 7.0.0-alpha.1
7
+
8
+ _Nov 17, 2023_
9
+
10
+ We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
11
+
12
+ - 🐞 Bugfixes
13
+ - 📚 Documentation improvements
14
+
15
+ ### Date Pickers
16
+
17
+ #### `@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')
18
+
19
+ #### Breaking changes
20
+
21
+ - The string argument of the `dayOfWeekFormatter` prop has been replaced in favor of the date object to allow more flexibility.
22
+
23
+ ```diff
24
+ <DateCalendar
25
+ // If you were still using the day string, you can get it back with your date library.
26
+ - dayOfWeekFormatter={dayStr => `${dayStr}.`}
27
+ + dayOfWeekFormatter={day => `${day.format('dd')}.`}
28
+
29
+ // If you were already using the day object, just remove the first argument.
30
+ - dayOfWeekFormatter={(_dayStr, day) => `${day.format('dd')}.`}
31
+ + dayOfWeekFormatter={day => `${day.format('dd')}.`}
32
+ />
33
+ ```
34
+
35
+ - The imports related to the `calendarHeader` slot have been moved from `@mui/x-date-pickers/DateCalendar` to `@mui/x-date-pickers/PIckersCalendarHeader`:
36
+
37
+ ```diff
38
+ export {
39
+ pickersCalendarHeaderClasses,
40
+ PickersCalendarHeaderClassKey,
41
+ PickersCalendarHeaderClasses,
42
+ PickersCalendarHeader,
43
+ PickersCalendarHeaderProps,
44
+ PickersCalendarHeaderSlotsComponent,
45
+ PickersCalendarHeaderSlotsComponentsProps,
46
+ ExportedPickersCalendarHeaderProps,
47
+ - } from '@mui/x-date-pickers/DateCalendar';
48
+ + } from '@mui/x-date-pickers/PickersCalendarHeader';
49
+
50
+ ```
51
+
52
+ - The `monthAndYear` format has been removed.
53
+ It was used in the header of the calendar views, you can replace it with the new `format` prop of the `calendarHeader` slot:
54
+
55
+ ```diff
56
+ <LocalizationProvider
57
+ adapter={AdapterDayJS}
58
+ - formats={{ monthAndYear: 'MM/YYYY' }}
59
+ />
60
+ <DatePicker
61
+ + slotProps={{ calendarHeader: { format: 'MM/YYYY' }}}
62
+ />
63
+ <DateRangePicker
64
+ + slotProps={{ calendarHeader: { format: 'MM/YYYY' }}}
65
+ />
66
+ <LocalizationProvider />
67
+ ```
68
+
69
+ - The `adapter.getDiff` method have been removed, you can directly use your date library:
70
+
71
+ ```diff
72
+ // For Day.js
73
+ - const diff = adapter.getDiff(value, comparing, unit);
74
+ + const diff = value.diff(comparing, unit);
75
+
76
+ // For Luxon
77
+ - const diff = adapter.getDiff(value, comparing, unit);
78
+ + const getDiff = (value: DateTime, comparing: DateTime | string, unit?: AdapterUnits) => {
79
+ + const parsedComparing = typeof comparing === 'string'
80
+ + ? DateTime.fromJSDate(new Date(comparing))
81
+ + : comparing;
82
+ + if (unit) {
83
+ + return Math.floor(value.diff(comparing).as(unit));
84
+ + }
85
+ + return value.diff(comparing).as('millisecond');
86
+ + };
87
+ +
88
+ + const diff = getDiff(value, comparing, unit);
89
+
90
+ // For DateFns
91
+ - const diff = adapter.getDiff(value, comparing, unit);
92
+ + const getDiff = (value: Date, comparing: Date | string, unit?: AdapterUnits) => {
93
+ + const parsedComparing = typeof comparing === 'string' ? new Date(comparing) : comparing;
94
+ + switch (unit) {
95
+ + case 'years':
96
+ + return dateFns.differenceInYears(value, parsedComparing);
97
+ + case 'quarters':
98
+ + return dateFns.differenceInQuarters(value, parsedComparing);
99
+ + case 'months':
100
+ + return dateFns.differenceInMonths(value, parsedComparing);
101
+ + case 'weeks':
102
+ + return dateFns.differenceInWeeks(value, parsedComparing);
103
+ + case 'days':
104
+ + return dateFns.differenceInDays(value, parsedComparing);
105
+ + case 'hours':
106
+ + return dateFns.differenceInHours(value, parsedComparing);
107
+ + case 'minutes':
108
+ + return dateFns.differenceInMinutes(value, parsedComparing);
109
+ + case 'seconds':
110
+ + return dateFns.differenceInSeconds(value, parsedComparing);
111
+ + default: {
112
+ + return dateFns.differenceInMilliseconds(value, parsedComparing);
113
+ + }
114
+ + }
115
+ + };
116
+ +
117
+ + const diff = getDiff(value, comparing, unit);
118
+
119
+ // For Moment
120
+ - const diff = adapter.getDiff(value, comparing, unit);
121
+ + const diff = value.diff(comparing, unit);
122
+ ```
123
+
124
+ - The `adapter.getFormatHelperText` method have been removed, you can use the `adapter.expandFormat` instead:
125
+
126
+ ```diff
127
+ - const expandedFormat = adapter.getFormatHelperText(format);
128
+ + const expandedFormat = adapter.expandFormat(format);
129
+ ```
130
+
131
+ And if you need the exact same output you can apply the following transformation:
132
+
133
+ ```diff
134
+ // For Day.js
135
+ - const expandedFormat = adapter.getFormatHelperText(format);
136
+ + const expandedFormat = adapter.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
137
+
138
+ // For Luxon
139
+ - const expandedFormat = adapter.getFormatHelperText(format);
140
+ + const expandedFormat = adapter.expandFormat(format).replace(/(a)/g, '(a|p)m').toLocaleLowerCase();
141
+
142
+ // For DateFns
143
+ - const expandedFormat = adapter.getFormatHelperText(format);
144
+ + const expandedFormat = adapter.expandFormat(format).replace(/(aaa|aa|a)/g, '(a|p)m').toLocaleLowerCase();
145
+
146
+ // For Moment
147
+ - const expandedFormat = adapter.getFormatHelperText(format);
148
+ + const expandedFormat = adapter.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
149
+ ```
150
+
151
+ - The `adapter.getMeridiemText` method have been removed, you can use the `adapter.setHours`, `adapter.date` and `adapter.format` methods to recreate its behavior:
152
+
153
+ ```diff
154
+ - const meridiem = adapter.getMeridiemText('am');
155
+ + const getMeridiemText = (meridiem: 'am' | 'pm') => {
156
+ + const date = adapter.setHours(adapter.date()!, meridiem === 'am' ? 2 : 14);
157
+ + return utils.format(date, 'meridiem');
158
+ + };
159
+ +
160
+ + const meridiem = getMeridiemText('am');
161
+ ```
162
+
163
+ - The `adapter.getMonthArray` method have been removed, you can use the `adapter.startOfYear` and `adapter.addMonths` methods to recreate its behavior:
164
+
165
+ ```diff
166
+ - const monthArray = adapter.getMonthArray(value);
167
+ + const getMonthArray = (year) => {
168
+ + const firstMonth = utils.startOfYear(year);
169
+ + const months = [firstMonth];
170
+ +
171
+ + while (months.length < 12) {
172
+ + const prevMonth = months[months.length - 1];
173
+ + months.push(utils.addMonths(prevMonth, 1));
174
+ + }
175
+ +
176
+ + return months;
177
+ + }
178
+ +
179
+ + const monthArray = getMonthArray(value);
180
+ ```
181
+
182
+ - The `adapter.getNextMonth` method have been removed, you can use the `adapter.addMonths` method instead:
183
+
184
+ ```diff
185
+ - const nextMonth = adapter.getNextMonth(value);
186
+ + const nextMonth = adapter.addMonths(value, 1);
187
+ ```
188
+
189
+ - The `adapter.getPreviousMonth` method have been removed, you can use the `adapter.addMonths` method instead:
190
+
191
+ ```diff
192
+ - const previousMonth = adapter.getPreviousMonth(value);
193
+ + const previousMonth = adapter.addMonths(value, -1);
194
+ ```
195
+
196
+ - The `adapter.getWeekdays` method have been removed, you can use the `adapter.startOfWeek` and `adapter.addDays` methods instead:
197
+
198
+ ```diff
199
+ - const weekDays = adapter.getWeekdays(value);
200
+ + const getWeekdays = (value) => {
201
+ + const start = adapter.startOfWeek(value);
202
+ + return [0, 1, 2, 3, 4, 5, 6].map((diff) => utils.addDays(start, diff));
203
+ + };
204
+ +
205
+ + const weekDays = getWeekdays(value);
206
+ ```
207
+
208
+ - The `isNull` method have been removed, you can replace it with a very basic check:
209
+
210
+ ```diff
211
+ - const isNull = adapter.isNull(value);
212
+ + const isNull = value === null;
213
+ ```
214
+
215
+ - The `adapter.mergeDateAndTime` method have been removed, you can use the `adapter.setHours`, `adapter.setMinutes`, and `adapter.setSeconds` methods to recreate its behavior:
216
+
217
+ ```diff
218
+ - const result = adapter.mergeDateAndTime(valueWithDate, valueWithTime);
219
+ + const mergeDateAndTime = <TDate>(
220
+ + dateParam,
221
+ + timeParam,
222
+ + ) => {
223
+ + let mergedDate = dateParam;
224
+ + mergedDate = utils.setHours(mergedDate, utils.getHours(timeParam));
225
+ + mergedDate = utils.setMinutes(mergedDate, utils.getMinutes(timeParam));
226
+ + mergedDate = utils.setSeconds(mergedDate, utils.getSeconds(timeParam));
227
+ +
228
+ + return mergedDate;
229
+ + };
230
+ +
231
+ + const result = mergeDateAndTime(valueWithDate, valueWithTime);
232
+ ```
233
+
234
+ - The `adapter.parseISO` method have been removed, you can directly use your date library:
235
+
236
+ ```diff
237
+ // For Day.js
238
+ - const value = adapter.parseISO(isoString);
239
+ + const value = dayjs(isoString);
240
+
241
+ // For Luxon
242
+ - const value = adapter.parseISO(isoString);
243
+ + const value = DateTime.fromISO(isoString);
244
+
245
+ // For DateFns
246
+ - const value = adapter.parseISO(isoString);
247
+ + const value = dateFns.parseISO(isoString);
248
+
249
+ // For Moment
250
+ - const value = adapter.parseISO(isoString);
251
+ + const value = moment(isoString, true);
252
+ ```
253
+
254
+ - The `adapter.toISO` method have been removed, you can directly use your date library:
255
+
256
+ ```diff
257
+ - const isoString = adapter.toISO(value);
258
+ + const isoString = value.toISOString();
259
+ + const isoString = value.toUTC().toISO({ format: 'extended' });
260
+ + const isoString = dateFns.formatISO(value, { format: 'extended' });
261
+ + const isoString = value.toISOString();
262
+ ```
263
+
264
+ - 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.
265
+ 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)
266
+
267
+ ```diff
268
+ const adapterDayjs = new AdapterDayjs();
269
+ const adapterLuxon = new AdapterLuxon();
270
+ const adapterDateFns = new AdapterDateFns();
271
+ const adapterMoment = new AdatperMoment();
272
+
273
+ // Supported formats
274
+ const isEqual = adapterDayjs.isEqual(null, null); // Same for the other adapters
275
+ const isEqual = adapterLuxon.isEqual(DateTime.now(), DateTime.fromISO('2022-04-17'));
276
+ const isEqual = adapterMoment.isEqual(moment(), moment('2022-04-17'));
277
+ const isEqual = adapterDateFns.isEqual(new Date(), new Date('2022-04-17'));
278
+
279
+ // Non-supported formats (JS Date)
280
+ - const isEqual = adapterDayjs.isEqual(new Date(), new Date('2022-04-17'));
281
+ + const isEqual = adapterDayjs.isEqual(dayjs(), dayjs('2022-04-17'));
282
+
283
+ - const isEqual = adapterLuxon.isEqual(new Date(), new Date('2022-04-17'));
284
+ + const isEqual = adapterLuxon.isEqual(DateTime.now(), DateTime.fromISO('2022-04-17'));
285
+
286
+ - const isEqual = adapterMoment.isEqual(new Date(), new Date('2022-04-17'));
287
+ + const isEqual = adapterMoment.isEqual(moment(), moment('2022-04-17'));
288
+
289
+ // Non-supported formats (string)
290
+ - const isEqual = adapterDayjs.isEqual('2022-04-16', '2022-04-17');
291
+ + const isEqual = adapterDayjs.isEqual(dayjs('2022-04-17'), dayjs('2022-04-17'));
292
+
293
+ - const isEqual = adapterLuxon.isEqual('2022-04-16', '2022-04-17');
294
+ + const isEqual = adapterLuxon.isEqual(DateTime.fromISO('2022-04-17'), DateTime.fromISO('2022-04-17'));
295
+
296
+ - const isEqual = adapterMoment.isEqual('2022-04-16', '2022-04-17');
297
+ + const isEqual = adapterMoment.isEqual(moment('2022-04-17'), moment('2022-04-17'));
298
+
299
+ - const isEqual = adapterDateFns.isEqual('2022-04-16', '2022-04-17');
300
+ + const isEqual = adapterDateFns.isEqual(new Date('2022-04-17'), new Date('2022-04-17'));
301
+ ```
302
+
303
+ - 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.
304
+ You can learn more about the new approach on the [dedicated doc page](https://mui.com/x/react-date-pickers/timezone/).
305
+
306
+ ```diff
307
+ // When a `value` or a `defaultValue` is provided
308
+ <LocalizationProvider
309
+ adapter={AdapterDayjs}
310
+ - dateLibInstance={dayjs.utc}
311
+ >
312
+ <DatePicker value={dayjs.utc('2022-04-17')} />
313
+ </LocalizationProvider>
314
+
315
+ // When no `value` or `defaultValue` is provided
316
+ <LocalizationProvider
317
+ adapter={AdapterDayjs}
318
+ - dateLibInstance={dayjs.utc}
319
+ >
320
+ - <DatePicker />
321
+ + <DatePicker timezone="UTC" />
322
+ </LocalizationProvider>
323
+ ```
324
+
325
+ - 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`:
326
+
327
+ ```diff
328
+ const fieldRef = React.useRef<FieldRef<FieldSection>>(null);
329
+
330
+ React.useEffect(() => {
331
+ const firstSection = fieldRef.current!.getSections()[0]
332
+ - console.log(firstSection.hasLeadingZeros)
333
+ + console.log(firstSection.hasLeadingZerosInFormat)
334
+ }, [])
335
+
336
+ return (
337
+ <DateField unstableFieldRef={fieldRef} />
338
+ );
339
+ ```
340
+
341
+ - The `adapter.getYearRange` method used to accept two params and now accepts a tuple to be consistent with the `adapter.isWithinRange` method (#10978):
342
+
343
+ ```diff
344
+ - adapter.getYearRange(start, end);
345
+ + adapter.getYearRange([start, end])
346
+ ```
347
+
348
+ - The `adapter.isValid` method used to accept any type of value and tried to parse them before checking their validity (#10971).
349
+ The method has been simplified and now only accepts an already-parsed date or `null`.
350
+ Which is the same type as the one accepted by the components `value` prop.
351
+
352
+ ```diff
353
+ const adapterDayjs = new AdapterDayjs();
354
+ const adapterLuxon = new AdapterLuxon();
355
+ const adapterDateFns = new AdapterDateFns();
356
+ const adapterMoment = new AdatperMoment();
357
+
358
+ // Supported formats
359
+ const isValid = adapterDayjs.isValid(null); // Same for the other adapters
360
+ const isValid = adapterLuxon.isValid(DateTime.now());
361
+ const isValid = adapterMoment.isValid(moment());
362
+ const isValid = adapterDateFns.isValid(new Date());
363
+
364
+ // Non-supported formats (JS Date)
365
+ - const isValid = adapterDayjs.isValid(new Date('2022-04-17'));
366
+ + const isValid = adapterDayjs.isValid(dayjs('2022-04-17'));
367
+
368
+ - const isValid = adapterLuxon.isValid(new Date('2022-04-17'));
369
+ + const isValid = adapterLuxon.isValid(DateTime.fromISO('2022-04-17'));
370
+
371
+ - const isValid = adapterMoment.isValid(new Date('2022-04-17'));
372
+ + const isValid = adapterMoment.isValid(moment('2022-04-17'));
373
+
374
+ // Non-supported formats (string)
375
+ - const isValid = adapterDayjs.isValid('2022-04-17');
376
+ + const isValid = adapterDayjs.isValid(dayjs('2022-04-17'));
377
+
378
+ - const isValid = adapterLuxon.isValid('2022-04-17');
379
+ + const isValid = adapterLuxon.isValid(DateTime.fromISO('2022-04-17'));
380
+
381
+ - const isValid = adapterMoment.isValid('2022-04-17');
382
+ + const isValid = adapterMoment.isValid(moment('2022-04-17'));
383
+
384
+ - const isValid = adapterDateFns.isValid('2022-04-17');
385
+ + const isValid = adapterDateFns.isValid(new Date('2022-04-17'));
386
+ ```
387
+
388
+ #### Changes
389
+
390
+ - [pickers] Change the input format of `adapter.getYearRange` to be consistent with `adapter.isWithinRange` (#10978) @flaviendelangle
391
+ - [pickers] Clean remaining `components` / `componentsProps` typings (#11040) @flaviendelangle
392
+ - [pickers] Modify `adapter.isEqual` method to accept `TDate | null` instead of `any` (#10976) @flaviendelangle
393
+ - [pickers] Modify `adapter.isValid` method to accept `TDate | null` instead of `any` (#10971) @flaviendelangle
394
+ - [pickers] Remove the `hasLeadingZeros` property from `FieldSection` (#10994) @flaviendelangle
395
+ - [pickers] Remove the deprecated methods and formats from the adapters (#10776) @flaviendelangle
396
+ - [pickers] Remove the legacy UTC implementation for `dayjs` (#11023) @flaviendelangle
397
+ - [pickers] Remove unused code (#11048) @flaviendelangle
398
+ - [pickers] Move the exports of the `calendarHeader` slot to `@mui/x-date-pickers/PickersCalendarHeader` (#11020) @flaviendelangle
399
+ - [DateCalendar] Allow to override the format of the header with a prop (#10990) @flaviendelangle
400
+ - [DateCalendar] Remove the string argument of the `dayOfWeekFormatter` prop (#10992) @flaviendelangle
401
+
402
+ ### Docs
403
+
404
+ - [docs] Fix incorrect component name in the "Custom slots and subcomponents" page (#11024) @flaviendelangle
405
+ - [docs] Fix typos in pickers migration guide (#11057) @flaviendelangle
406
+
407
+ ### Core
408
+
409
+ - [core] Clean the component slots doc generation (#11021) @flaviendelangle
410
+ - [core] Fix script to release with `next` tag (#10996) @LukasTy
411
+ - [test] Wait for images to load (#11004) @cherniavskii
412
+
413
+ ## 7.0.0-alpha.0
414
+
415
+ _Nov 10, 2023_
416
+
417
+ We're thrilled to announce the first alpha release of our next major version, v7.
418
+ This release introduces a few breaking changes, paving the way for the upcoming features like Pivoting and DateTimeRangePicker.
419
+
420
+ A special shoutout to thank the 12 contributors who made this release possible. Here are some highlights ✨:
421
+
422
+ - 🚀 First v7 alpha release
423
+ - ✨ Fix aggregation label not showing when `renderHeader` is used (#10961) @cherniavskii
424
+ - 📘 Server side data source [early documentation](https://mui.com/x/react-data-grid/server-side-data/)
425
+ - 💫 New recipes added for the data grid
426
+ - 📈 `<ChartsReferenceLine />` component is now available
427
+ - 🌍 Add Basque (eu) locale, improve Czech (cs-CZ) and Spanish (es-ES) locales
428
+ - 🐞 Bugfixes
429
+ - 📚 Documentation improvements
430
+
431
+ ### Data Grid
432
+
433
+ #### Breaking changes
434
+
435
+ - 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.
436
+ - The print export will now only print the selected rows if there are any.
437
+ If there are no selected rows, it will print all rows. This makes the print export consistent with the other exports.
438
+ You can [customize the rows to export by using the `getRowsToExport` function](/x/react-data-grid/export/#customizing-the-rows-to-export).
439
+ - The `getApplyFilterFnV7` in `GridFilterOperator` was renamed to `getApplyFilterFn`.
440
+ If you use `getApplyFilterFnV7` directly - rename it to `getApplyFilterFn`.
441
+ - The signature of the function returned by `getApplyFilterFn` has changed for performance reasons:
442
+
443
+ ```diff
444
+ const getApplyFilterFn: GetApplyFilterFn<any, unknown> = (filterItem) => {
445
+ if (!filterItem.value) {
446
+ return null;
447
+ }
448
+ const filterRegex = new RegExp(escapeRegExp(filterItem.value), 'i');
449
+ - return (cellParams) => {
450
+ - const { value } = cellParams;
451
+ + return (value, row, colDef, apiRef) => {
452
+ return value != null ? filterRegex.test(String(value)) : false;
453
+ };
454
+ }
455
+ ```
456
+
457
+ - The `getApplyQuickFilterFnV7` in `GridColDef` was renamed to `getApplyQuickFilterFn`.
458
+ If you use `getApplyQuickFilterFnV7` directly - rename it to `getApplyQuickFilterFn`.
459
+ - The signature of the function returned by `getApplyQuickFilterFn` has changed for performance reasons:
460
+
461
+ ```diff
462
+ const getGridStringQuickFilterFn: GetApplyQuickFilterFn<any, unknown> = (value) => {
463
+ if (!value) {
464
+ return null;
465
+ }
466
+ const filterRegex = new RegExp(escapeRegExp(value), 'i');
467
+ - return (cellParams) => {
468
+ - const { formattedValue } = cellParams;
469
+ + return (value, row, column, apiRef) => {
470
+ + let formattedValue = apiRef.current.getRowFormattedValue(row, column);
471
+ return formattedValue != null ? filterRegex.test(formattedValue.toString()) : false;
472
+ };
473
+ };
474
+ ```
475
+
476
+ #### `@mui/x-data-grid@7.0.0-alpha.0`
477
+
478
+ - [DataGrid] Fix for error thrown when removing skeleton rows, after sorting is applied (#10807) @benjaminbialy
479
+ - [DataGrid] Fix: `undefined` slot value (#10937) @romgrk
480
+ - [DataGrid] Print selected rows by default (#10846) @cherniavskii
481
+ - [DataGrid] Remove deprecated `components` and `componentsProps` (#10911) @MBilalShafi
482
+ - [DataGrid] Remove legacy filtering API (#10897) @cherniavskii
483
+ - [DataGrid] Fix keyboard navigation for actions cell with disabled buttons (#10882) @michelengelen
484
+ - [DataGrid] Added a recipe for using non-native select in filter panel (#10916) @michelengelen
485
+ - [DataGrid] Added a recipe to style cells without impacting the aggregation cells (#10913) @michelengelen
486
+ - [l10n] Improve Czech (cs-CZ) locale (#10949) @luborepka
487
+
488
+ #### `@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')
489
+
490
+ Same changes as in `@mui/x-data-grid@7.0.0-alpha.0`, plus:
491
+
492
+ - [DataGridPro] Autosize Columns - Fix headers being cut off (#10666) @gitstart
493
+ - [DataGridPro] Add data source interface and basic documentation (#10543) @MBilalShafi
494
+
495
+ #### `@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')
496
+
497
+ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.0`, plus:
498
+
499
+ - [DataGridPremium] Render aggregation label when `renderHeader` is used (#10936) @cherniavskii
500
+
501
+ ### Date Pickers
502
+
503
+ #### Breaking changes
504
+
505
+ - The deprecated `components` and `componentsProps` props have been removed. Use `slots` and `slotProps` instead.
506
+
507
+ #### `@mui/x-date-pickers@7.0.0-alpha.0`
508
+
509
+ - [pickers] Escape non tokens words (#10400) @alexfauquette
510
+ - [fields] Fix `MultiInputTimeRangeField` section selection (#10922) @noraleonte
511
+ - [pickers] Refine `referenceDate` behavior in views (#10863) @LukasTy
512
+ - [pickers] Remove `components` and `componentsProps` props (#10700) @alexfauquette
513
+ - [l10n] Add Basque (eu) locale and improve Spanish (es-ES) locale (#10819) @lajtomekadimon
514
+ - [pickers] Add short weekdays token (#10988) @alexfauquette
515
+
516
+ #### `@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')
517
+
518
+ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.0`.
519
+
520
+ ### Charts / `@mui/x-charts@7.0.0-alpha.0`
521
+
522
+ #### Breaking changes
523
+
524
+ Types for `slots` and `slotProps` got renamed by removing the "Component" which is meaningless for charts.
525
+ Unless you imported those types, to create a wrapper, you should not be impacted by this breaking change.
526
+
527
+ Here is an example of the renaming for the `<ChartsTooltip />` component.
528
+
529
+ ```diff
530
+ -ChartsTooltipSlotsComponent
531
+ +ChartsTooltipSlots
532
+
533
+ -ChartsTooltipSlotComponentProps
534
+ +ChartsTooltipSlotProps
535
+ ```
536
+
537
+ - [charts] Add `<ChartsReferenceLine />` component (#10597) (#10946) @alexfauquette
538
+ - [charts] Improve properties JSDoc (#10931) (#10955) @alexfauquette
539
+ - [charts] Rename `slots` and `slotProps` types (#10875) @alexfauquette
540
+
541
+ ### `@mui/x-codemod@7.0.0-alpha.0`
542
+
543
+ - [codemod] Add `v7.0.0/preset-safe` (#10973) @LukasTy
544
+
545
+ ### Docs
546
+
547
+ - [docs] Add `@next` tag to the installation instructions (#10963) @MBilalShafi
548
+ - [docs] Document how to hide the legend (#10951) @alexfauquette
549
+ - [docs] Fix typo in the migration guide (#10972) @flaviendelangle
550
+
551
+ ### Core
552
+
553
+ - [core] Adds migration docs for charts, pickers and tree view (#10926) @michelengelen
554
+ - [core] Bump monorepo (#10959) @LukasTy
555
+ - [core] Changed prettier branch value to next (#10917) @michelengelen
556
+ - [core] Fix GitHub title tag consistency @oliviertassinari
557
+ - [core] Fixed wrong package names in migration docs (#10953) @michelengelen
558
+ - [core] Merge `master` into `next` (#10929) @cherniavskii
559
+ - [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
560
+ - [license] Correctly throw errors (#10924) @oliviertassinari
561
+
562
+ ## 6.18.1
563
+
564
+ _Nov 9, 2023_
565
+
566
+ We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
567
+
568
+ - ✨ Fix aggregation label not showing when `renderHeader` is used (#10961) @cherniavskii
569
+ - 📘 Server side data source [early documentation](https://mui.com/x/react-data-grid/server-side-data/) published
570
+ - 📈 `<ChartsReferenceLine />` component is now available
571
+ - 🐞 Bugfixes
572
+ - 📚 Documentation improvements
573
+
574
+ ### Data Grid
575
+
576
+ #### `@mui/x-data-grid@6.18.1`
577
+
578
+ - [DataGrid] Fix cell value type in quick filtering v7 (#10884) @cherniavskii
579
+ - [DataGrid] Fix keyboard navigation for actions cell with disabled buttons (#10947) @michelengelen
580
+ - [DataGrid] Fix `undefined` slot values (#10934) @romgrk
581
+
582
+ #### `@mui/x-data-grid-pro@6.18.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
583
+
584
+ Same changes as in `@mui/x-data-grid@6.18.1`, plus:
585
+
586
+ - [DataGridPro] Add data source interface and basic documentation (#10543) @MBilalShafi
587
+
588
+ #### `@mui/x-data-grid-premium@6.18.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
589
+
590
+ Same changes as in `@mui/x-data-grid-pro@6.18.1`, plus:
591
+
592
+ - [DataGridPremium] Render aggregation label when `renderHeader` is used (#10961) @cherniavskii
593
+
594
+ ### Date Pickers
595
+
596
+ #### `@mui/x-date-pickers@6.18.1`
597
+
598
+ - [fields] Fix multi input date time field section selection (#10915) @noraleonte
599
+ - [pickers] Always use up-to-date `defaultView` (#10889) @LukasTy
600
+
601
+ #### `@mui/x-date-pickers-pro@6.18.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
602
+
603
+ Same changes as in `@mui/x-date-pickers@6.18.1`.
604
+
605
+ ### Charts / `@mui/x-charts@6.18.1`
606
+
607
+ - [charts] Add `<ChartsReferenceLine />` component (#10597) @wascou
608
+ - [charts] Improve properties JSDoc (#10931) @alexfauquette
609
+
610
+ ### Docs
611
+
612
+ - [docs] Fix charts docs as stable (#10888) @alexfauquette
613
+ - [docs] Document how to hide the legend (#10954) @alexfauquette
614
+
615
+ ### Core
616
+
617
+ - [core] Adds new alpha version to version select on the docs (#10944) @michelengelen
618
+ - [core] Fix GitHub title tag consistency @oliviertassinari
619
+
620
+ ## 6.18.0
621
+
622
+ _Nov 3, 2023_
623
+
624
+ We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
625
+
626
+ - 🎁 The Charts package is now officially stable!
627
+ - 🥧 Pie charts are now animated.
628
+ - 📈 Line charts now support partial data, and can interpolate missing data.
629
+
630
+ <img width="380" alt="line charts with partial data" src="https://github.com/mui/mui-x/assets/45398769/385ecf77-19b2-4a03-8aef-5d547db1d9ad">
631
+
632
+ - ✨ Allow to ignore [diacritics](https://en.wikipedia.org/wiki/Diacritic) when filtering
633
+ - 📚 Documentation improvements
634
+
635
+ ### Data Grid
636
+
637
+ #### `@mui/x-data-grid@6.18.0`
638
+
639
+ - [DataGrid] Allow to ignore [diacritics](https://en.wikipedia.org/wiki/Diacritic) when filtering (#10569) @cherniavskii
640
+ - [DataGrid] Fix a typo in `gridFilterApi` (#10786) @vu-dao-93
641
+ - [DataGrid] Fix `undefined` row id (#10670) @romgrk
642
+ - [DataGrid] Make column autosizing work with dynamic row height (#10693) @cherniavskii
643
+ - [l10n] Allow to customize sorting label per column (#10839) @JerryWu1234
644
+
645
+ #### `@mui/x-data-grid-pro@6.18.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
646
+
647
+ Same changes as in `@mui/x-data-grid@6.18.0`.
648
+
649
+ #### `@mui/x-data-grid-premium@6.18.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
650
+
651
+ Same changes as in `@mui/x-data-grid-pro@6.18.0`.
652
+
653
+ ### Date Pickers
654
+
655
+ #### `@mui/x-date-pickers@6.18.0`
656
+
657
+ - [pickers] Add reference links to calendar components (#10644) @michelengelen
658
+
659
+ #### `@mui/x-date-pickers-pro@6.18.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
660
+
661
+ Same changes as in `@mui/x-date-pickers@6.18.0`.
662
+
663
+ ### Charts / `@mui/x-charts@6.18.0`
664
+
665
+ - [charts] Add animation on pie chart (#10782) @alexfauquette
666
+ - [charts] Add reference links to shared/misc chart components (#10660) @michelengelen
667
+ - [charts] Allows to connect nulls (#10803) @alexfauquette
668
+ - [charts] Fix axis highlight in dark mode (#10820) @LukasTy
669
+
670
+ ### Docs
671
+
672
+ - [docs] Add a data grid recipe for autosizing columns after fetching row-data (#10822) @michelengelen
673
+ - [docs] Add a data grid recipe showing how to remove cell outline on `focus` (#10843) @michelengelen
674
+ - [docs] Add demo about how to use charts margin (#10886) @alexfauquette
675
+ - [docs] Improve custom field input demos readability (#10559) @LukasTy
676
+
677
+ ### Core
678
+
679
+ - [core] Generate `slot` API descriptions based on `slots` or `components` (#10879) @LukasTy
680
+
6
681
  ## 6.17.0
7
682
 
8
683
  _Oct 27, 2023_
@@ -116,7 +791,7 @@ Same changes as in `@mui/x-date-pickers@6.16.3`, plus:
116
791
 
117
792
  - [charts] Add reference links to area + bar chart components (#10652) @michelengelen
118
793
  - [charts] Add reference links to line chart + sparkline components (#10650) @michelengelen
119
- - [charts] Add reference links to pie + scatter chart components (#10653) @michelengelen
794
+ - [charts] Add reference links to pie + scatter chart components (#10653) @michelengelen
120
795
  - [charts] Render only when `width` and `height` are resolved (#10714) @alexfauquette
121
796
  - [charts] Support animation on `BarChart` (#9926) @alexfauquette
122
797
  - [charts] Use new text component to avoid tick label overflow on x-axis (#10648) @alexfauquette
@@ -192,6 +867,7 @@ It adds line break support and avoids overlapping text in the legend.
192
867
  This comes with some breaking changes.
193
868
 
194
869
  - The DOM structure is modified. An intermediary `<tspan />` element has been added. This can impact how your style is applied.
870
+
195
871
  ```diff
196
872
  - <text>The label</text>
197
873
  + <text><tspan>The label</tspan></text>
@@ -296,7 +972,7 @@ Same changes as in `@mui/x-date-pickers@6.16.1`, plus:
296
972
 
297
973
  - [core] Fix casing consistency with legal and marketing content @oliviertassinari
298
974
  - [core] Revert the link in the priority support ticket description (#10517) @michelengelen
299
- - [CHANGELOG] Polish image @oliviertassinari
975
+ - [changelog] Polish image @oliviertassinari
300
976
 
301
977
  ## 6.16.0
302
978
 
@@ -1088,7 +1764,7 @@ Same changes as in `@mui/x-date-pickers@6.10.1`.
1088
1764
  ### Core
1089
1765
 
1090
1766
  - [core] Add `validate` command (#9714) @romgrk
1091
- - [CHANGELOG] Update generator to new format @oliviertassinari
1767
+ - [changelog] Update generator to new format @oliviertassinari
1092
1768
 
1093
1769
  ## 6.10.0
1094
1770
 
@@ -1146,7 +1822,7 @@ Same changes as in `@mui/x-date-pickers@6.10.0`.
1146
1822
 
1147
1823
  - [core] Disambiguate eslint plugin name @oliviertassinari
1148
1824
  - [core] Update priority support issue template and prompt (#9574) @DanailH
1149
- - [CHANGELOG] Clarify each plan (#9446) @oliviertassinari
1825
+ - [changelog] Clarify each plan (#9446) @oliviertassinari
1150
1826
  - [license] Fix error terminology (#9614) @oliviertassinari
1151
1827
 
1152
1828
  ## 6.9.2
@@ -1295,8 +1971,8 @@ Same changes as in `@mui/x-date-pickers@6.9.1`.
1295
1971
  - [core] Fix priority support prompt action (#9472) @DanailH
1296
1972
  - [core] Update `uses` for priority support action (#9480) @DanailH
1297
1973
  - [core] Bumb update monorepo (#9476) @alexfauquette
1298
- - [CHANGELOG] Fix media quality (#9439) @oliviertassinari
1299
- - [CHANGELOG] Remove height img attribute @oliviertassinari
1974
+ - [changelog] Fix media quality (#9439) @oliviertassinari
1975
+ - [changelog] Remove height img attribute @oliviertassinari
1300
1976
  - [test] Skip flaky row pinning tests in JSDOM (#9511) @cherniavskii
1301
1977
 
1302
1978
  ## 6.9.0
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-tree-view v6.17.0
2
+ * @mui/x-tree-view v7.0.0-alpha.1
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/legacy/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-tree-view v6.17.0
2
+ * @mui/x-tree-view v7.0.0-alpha.1
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-tree-view v6.17.0
2
+ * @mui/x-tree-view v7.0.0-alpha.1
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-tree-view v6.17.0
2
+ * @mui/x-tree-view v7.0.0-alpha.1
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-tree-view",
3
- "version": "6.17.0",
3
+ "version": "7.0.0-alpha.1",
4
4
  "description": "The community edition of the tree view components (MUI X).",
5
5
  "author": "MUI Team",
6
6
  "main": "./node/index.js",
@@ -32,8 +32,8 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.23.2",
35
- "@mui/base": "^5.0.0-beta.20",
36
- "@mui/utils": "^5.14.14",
35
+ "@mui/base": "^5.0.0-beta.22",
36
+ "@mui/utils": "^5.14.16",
37
37
  "@types/react-transition-group": "^4.4.8",
38
38
  "clsx": "^2.0.0",
39
39
  "prop-types": "^15.8.1",