@mui/x-date-pickers 7.11.1 → 7.12.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.
Files changed (174) hide show
  1. package/AdapterDateFns/AdapterDateFns.js +5 -2
  2. package/AdapterDateFnsBase/AdapterDateFnsBase.d.ts +4 -4
  3. package/AdapterDateFnsBase/AdapterDateFnsBase.js +5 -9
  4. package/AdapterDateFnsJalali/AdapterDateFnsJalali.d.ts +0 -1
  5. package/AdapterDateFnsJalali/AdapterDateFnsJalali.js +5 -5
  6. package/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.d.ts +0 -1
  7. package/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.js +8 -8
  8. package/AdapterDateFnsV3/AdapterDateFnsV3.js +8 -5
  9. package/AdapterDayjs/AdapterDayjs.js +2 -1
  10. package/AdapterLuxon/AdapterLuxon.js +1 -0
  11. package/AdapterMomentJalaali/AdapterMomentJalaali.d.ts +1 -0
  12. package/AdapterMomentJalaali/AdapterMomentJalaali.js +3 -0
  13. package/CHANGELOG.md +178 -4
  14. package/DateCalendar/DateCalendar.js +3 -1
  15. package/DateCalendar/DateCalendar.types.d.ts +1 -1
  16. package/DateCalendar/DayCalendar.js +1 -1
  17. package/DateField/DateField.js +3 -1
  18. package/DateField/DateField.types.d.ts +1 -1
  19. package/DatePicker/DatePicker.js +2 -0
  20. package/DatePicker/DatePickerToolbar.js +1 -1
  21. package/DateTimeField/DateTimeField.js +3 -1
  22. package/DateTimeField/DateTimeField.types.d.ts +1 -1
  23. package/DateTimePicker/DateTimePicker.js +2 -0
  24. package/DayCalendarSkeleton/DayCalendarSkeleton.js +1 -1
  25. package/DesktopDatePicker/DesktopDatePicker.js +3 -1
  26. package/DesktopDateTimePicker/DesktopDateTimePicker.js +3 -1
  27. package/DesktopTimePicker/DesktopTimePicker.js +1 -1
  28. package/DigitalClock/DigitalClock.js +1 -1
  29. package/DigitalClock/DigitalClock.types.d.ts +1 -1
  30. package/MobileDatePicker/MobileDatePicker.js +3 -1
  31. package/MobileDateTimePicker/MobileDateTimePicker.js +3 -1
  32. package/MobileTimePicker/MobileTimePicker.js +1 -1
  33. package/MonthCalendar/MonthCalendar.js +2 -0
  34. package/MonthCalendar/PickersMonth.js +1 -1
  35. package/MultiSectionDigitalClock/MultiSectionDigitalClock.types.d.ts +1 -1
  36. package/PickersCalendarHeader/PickersCalendarHeader.js +2 -2
  37. package/PickersCalendarHeader/PickersCalendarHeader.types.d.ts +1 -1
  38. package/PickersLayout/PickersLayout.js +1 -1
  39. package/PickersLayout/PickersLayout.types.d.ts +1 -1
  40. package/PickersLayout/usePickerLayout.js +2 -2
  41. package/PickersSectionList/PickersSectionList.js +1 -1
  42. package/PickersSectionList/PickersSectionList.types.d.ts +1 -1
  43. package/PickersTextField/PickersInputBase/PickersInputBase.js +1 -1
  44. package/PickersTextField/PickersTextField.js +2 -0
  45. package/StaticDatePicker/StaticDatePicker.js +2 -0
  46. package/StaticDateTimePicker/StaticDateTimePicker.js +2 -0
  47. package/TimeClock/ClockNumber.js +1 -1
  48. package/TimeClock/ClockPointer.js +1 -1
  49. package/TimeField/TimeField.js +1 -1
  50. package/TimeField/TimeField.types.d.ts +1 -1
  51. package/TimePicker/TimePickerToolbar.js +1 -1
  52. package/YearCalendar/PickersYear.js +1 -1
  53. package/YearCalendar/YearCalendar.js +2 -0
  54. package/hooks/useClearableField.d.ts +1 -1
  55. package/hooks/useClearableField.js +1 -1
  56. package/index.js +1 -1
  57. package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js +2 -2
  58. package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.types.d.ts +1 -1
  59. package/internals/components/PickersPopper.d.ts +2 -2
  60. package/internals/components/PickersPopper.js +1 -1
  61. package/internals/components/PickersToolbar.js +1 -1
  62. package/internals/components/PickersToolbarButton.js +1 -1
  63. package/internals/components/PickersToolbarText.js +1 -1
  64. package/internals/hooks/useDesktopPicker/useDesktopPicker.js +1 -1
  65. package/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.ts +1 -1
  66. package/internals/hooks/useField/useField.utils.js +1 -1
  67. package/internals/hooks/useMobilePicker/useMobilePicker.js +1 -1
  68. package/internals/hooks/useMobilePicker/useMobilePicker.types.d.ts +1 -1
  69. package/internals/models/validation.d.ts +2 -0
  70. package/locales/fiFI.js +2 -2
  71. package/locales/nlNL.js +15 -19
  72. package/modern/AdapterDateFns/AdapterDateFns.js +5 -2
  73. package/modern/AdapterDateFnsBase/AdapterDateFnsBase.js +5 -9
  74. package/modern/AdapterDateFnsJalali/AdapterDateFnsJalali.js +5 -5
  75. package/modern/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.js +8 -8
  76. package/modern/AdapterDateFnsV3/AdapterDateFnsV3.js +8 -5
  77. package/modern/AdapterDayjs/AdapterDayjs.js +2 -1
  78. package/modern/AdapterLuxon/AdapterLuxon.js +1 -0
  79. package/modern/AdapterMomentJalaali/AdapterMomentJalaali.js +3 -0
  80. package/modern/DateCalendar/DateCalendar.js +3 -1
  81. package/modern/DateCalendar/DayCalendar.js +1 -1
  82. package/modern/DateField/DateField.js +3 -1
  83. package/modern/DatePicker/DatePicker.js +2 -0
  84. package/modern/DatePicker/DatePickerToolbar.js +1 -1
  85. package/modern/DateTimeField/DateTimeField.js +3 -1
  86. package/modern/DateTimePicker/DateTimePicker.js +2 -0
  87. package/modern/DayCalendarSkeleton/DayCalendarSkeleton.js +1 -1
  88. package/modern/DesktopDatePicker/DesktopDatePicker.js +3 -1
  89. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +3 -1
  90. package/modern/DesktopTimePicker/DesktopTimePicker.js +1 -1
  91. package/modern/DigitalClock/DigitalClock.js +1 -1
  92. package/modern/MobileDatePicker/MobileDatePicker.js +3 -1
  93. package/modern/MobileDateTimePicker/MobileDateTimePicker.js +3 -1
  94. package/modern/MobileTimePicker/MobileTimePicker.js +1 -1
  95. package/modern/MonthCalendar/MonthCalendar.js +2 -0
  96. package/modern/MonthCalendar/PickersMonth.js +1 -1
  97. package/modern/PickersCalendarHeader/PickersCalendarHeader.js +2 -2
  98. package/modern/PickersLayout/PickersLayout.js +1 -1
  99. package/modern/PickersLayout/usePickerLayout.js +2 -2
  100. package/modern/PickersSectionList/PickersSectionList.js +1 -1
  101. package/modern/PickersTextField/PickersInputBase/PickersInputBase.js +1 -1
  102. package/modern/PickersTextField/PickersTextField.js +2 -0
  103. package/modern/StaticDatePicker/StaticDatePicker.js +2 -0
  104. package/modern/StaticDateTimePicker/StaticDateTimePicker.js +2 -0
  105. package/modern/TimeClock/ClockNumber.js +1 -1
  106. package/modern/TimeClock/ClockPointer.js +1 -1
  107. package/modern/TimeField/TimeField.js +1 -1
  108. package/modern/TimePicker/TimePickerToolbar.js +1 -1
  109. package/modern/YearCalendar/PickersYear.js +1 -1
  110. package/modern/YearCalendar/YearCalendar.js +2 -0
  111. package/modern/hooks/useClearableField.js +1 -1
  112. package/modern/index.js +1 -1
  113. package/modern/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js +2 -2
  114. package/modern/internals/components/PickersPopper.js +1 -1
  115. package/modern/internals/components/PickersToolbar.js +1 -1
  116. package/modern/internals/components/PickersToolbarButton.js +1 -1
  117. package/modern/internals/components/PickersToolbarText.js +1 -1
  118. package/modern/internals/hooks/useDesktopPicker/useDesktopPicker.js +1 -1
  119. package/modern/internals/hooks/useField/useField.utils.js +1 -1
  120. package/modern/internals/hooks/useMobilePicker/useMobilePicker.js +1 -1
  121. package/modern/locales/fiFI.js +2 -2
  122. package/modern/locales/nlNL.js +15 -19
  123. package/node/AdapterDateFns/AdapterDateFns.js +5 -2
  124. package/node/AdapterDateFnsBase/AdapterDateFnsBase.js +5 -9
  125. package/node/AdapterDateFnsJalali/AdapterDateFnsJalali.js +5 -5
  126. package/node/AdapterDateFnsJalaliV3/AdapterDateFnsJalaliV3.js +8 -8
  127. package/node/AdapterDateFnsV3/AdapterDateFnsV3.js +8 -5
  128. package/node/AdapterDayjs/AdapterDayjs.js +2 -1
  129. package/node/AdapterLuxon/AdapterLuxon.js +1 -0
  130. package/node/AdapterMomentJalaali/AdapterMomentJalaali.js +3 -0
  131. package/node/DateCalendar/DateCalendar.js +10 -8
  132. package/node/DateCalendar/DayCalendar.js +5 -5
  133. package/node/DateField/DateField.js +6 -4
  134. package/node/DatePicker/DatePicker.js +2 -0
  135. package/node/DatePicker/DatePickerToolbar.js +2 -2
  136. package/node/DateTimeField/DateTimeField.js +6 -4
  137. package/node/DateTimePicker/DateTimePicker.js +2 -0
  138. package/node/DayCalendarSkeleton/DayCalendarSkeleton.js +2 -2
  139. package/node/DesktopDatePicker/DesktopDatePicker.js +6 -4
  140. package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +7 -5
  141. package/node/DesktopTimePicker/DesktopTimePicker.js +4 -4
  142. package/node/DigitalClock/DigitalClock.js +2 -2
  143. package/node/MobileDatePicker/MobileDatePicker.js +6 -4
  144. package/node/MobileDateTimePicker/MobileDateTimePicker.js +6 -4
  145. package/node/MobileTimePicker/MobileTimePicker.js +4 -4
  146. package/node/MonthCalendar/MonthCalendar.js +2 -0
  147. package/node/MonthCalendar/PickersMonth.js +2 -2
  148. package/node/PickersCalendarHeader/PickersCalendarHeader.js +5 -5
  149. package/node/PickersLayout/PickersLayout.js +2 -2
  150. package/node/PickersLayout/usePickerLayout.js +6 -6
  151. package/node/PickersSectionList/PickersSectionList.js +6 -6
  152. package/node/PickersTextField/PickersInputBase/PickersInputBase.js +2 -2
  153. package/node/PickersTextField/PickersTextField.js +2 -0
  154. package/node/StaticDatePicker/StaticDatePicker.js +2 -0
  155. package/node/StaticDateTimePicker/StaticDateTimePicker.js +2 -0
  156. package/node/TimeClock/ClockNumber.js +2 -2
  157. package/node/TimeClock/ClockPointer.js +2 -2
  158. package/node/TimeField/TimeField.js +4 -4
  159. package/node/TimePicker/TimePickerToolbar.js +6 -6
  160. package/node/YearCalendar/PickersYear.js +2 -2
  161. package/node/YearCalendar/YearCalendar.js +2 -0
  162. package/node/hooks/useClearableField.js +3 -3
  163. package/node/index.js +1 -1
  164. package/node/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js +7 -7
  165. package/node/internals/components/PickersPopper.js +13 -13
  166. package/node/internals/components/PickersToolbar.js +2 -2
  167. package/node/internals/components/PickersToolbarButton.js +2 -2
  168. package/node/internals/components/PickersToolbarText.js +2 -2
  169. package/node/internals/hooks/useDesktopPicker/useDesktopPicker.js +4 -4
  170. package/node/internals/hooks/useField/useField.utils.js +1 -1
  171. package/node/internals/hooks/useMobilePicker/useMobilePicker.js +4 -4
  172. package/node/locales/fiFI.js +2 -2
  173. package/node/locales/nlNL.js +15 -19
  174. package/package.json +2 -3
@@ -75,8 +75,11 @@ export class AdapterDateFns extends AdapterDateFnsBase {
75
75
  locale,
76
76
  formats
77
77
  } = {}) {
78
- if (typeof addDays !== 'function') {
79
- throw new Error(['MUI: The `date-fns` package v3.x is not compatible with this adapter.', 'Please, install v2.x of the package or use the `AdapterDateFnsV3` instead.'].join('\n'));
78
+ /* istanbul ignore next */
79
+ if (process.env.NODE_ENV !== 'production') {
80
+ if (typeof addDays !== 'function') {
81
+ throw new Error(['MUI: The `date-fns` package v3.x is not compatible with this adapter.', 'Please, install v2.x of the package or use the `AdapterDateFnsV3` instead.'].join('\n'));
82
+ }
80
83
  }
81
84
  super({
82
85
  locale: locale ?? defaultLocale,
@@ -2,14 +2,14 @@ import { AdapterFormats, AdapterOptions, DateBuilderReturnType, FieldFormatToken
2
2
  import { MakeRequired } from '../internals/models/helpers';
3
3
  type DateFnsLocaleBase = {
4
4
  formatLong?: {
5
- date?: any;
6
- time?: any;
7
- dateTime?: any;
5
+ date: (...args: Array<any>) => any;
6
+ time: (...args: Array<any>) => any;
7
+ dateTime: (...args: Array<any>) => any;
8
8
  };
9
9
  code?: string;
10
10
  };
11
11
  type DateFnsAdapterBaseOptions<DateFnsLocale extends DateFnsLocaleBase> = MakeRequired<AdapterOptions<DateFnsLocale, never>, 'locale'> & {
12
- longFormatters: Record<'p' | 'P', (token: string, formatLong: any) => string>;
12
+ longFormatters: Record<'p' | 'P', (token: string, formatLong: DateFnsLocaleBase['formatLong']) => string>;
13
13
  lib?: string;
14
14
  };
15
15
  /**
@@ -249,19 +249,15 @@ export class AdapterDateFnsBase {
249
249
  return value;
250
250
  };
251
251
  this.getCurrentLocaleCode = () => {
252
- return this.locale?.code || 'en-US';
252
+ // `code` is undefined only in `date-fns` types, but all locales have it
253
+ return this.locale.code;
253
254
  };
254
255
  // Note: date-fns input types are more lenient than this adapter, so we need to expose our more
255
256
  // strict signature and delegate to the more lenient signature. Otherwise, we have downstream type errors upon usage.
256
257
  this.is12HourCycleInCurrentLocale = () => {
257
- if (this.locale) {
258
- return /a/.test(this.locale.formatLong.time({
259
- width: 'short'
260
- }));
261
- }
262
-
263
- // By default, date-fns is using en-US locale with am/pm enabled
264
- return true;
258
+ return /a/.test(this.locale.formatLong.time({
259
+ width: 'short'
260
+ }));
265
261
  };
266
262
  this.expandFormat = format => {
267
263
  const longFormatRegexp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
@@ -35,7 +35,6 @@ declare module '@mui/x-date-pickers/models' {
35
35
  export declare class AdapterDateFnsJalali extends AdapterDateFnsBase<DateFnsLocale> implements MuiPickersAdapter<Date, DateFnsLocale> {
36
36
  constructor({ locale, formats }?: AdapterOptions<DateFnsLocale, never>);
37
37
  parse: (value: string, format: string) => Date | null;
38
- getCurrentLocaleCode: () => string;
39
38
  isValid: (value: Date | null) => boolean;
40
39
  format: (value: Date, formatKey: keyof AdapterFormats) => string;
41
40
  formatByString: (value: Date, formatString: string) => string;
@@ -113,8 +113,11 @@ export class AdapterDateFnsJalali extends AdapterDateFnsBase {
113
113
  locale,
114
114
  formats
115
115
  } = {}) {
116
- if (typeof addDays !== 'function') {
117
- throw new Error(['MUI: The `date-fns-jalali` package v3.x is not compatible with this adapter.', 'Please, install v2.x of the package or use the `AdapterDateFnsJalaliV3` instead.'].join('\n'));
116
+ /* istanbul ignore next */
117
+ if (process.env.NODE_ENV !== 'production') {
118
+ if (typeof addDays !== 'function') {
119
+ throw new Error(['MUI: The `date-fns-jalali` package v3.x is not compatible with this adapter.', 'Please, install v2.x of the package or use the `AdapterDateFnsJalaliV3` instead.'].join('\n'));
120
+ }
118
121
  }
119
122
  super({
120
123
  locale: locale ?? defaultLocale,
@@ -132,9 +135,6 @@ export class AdapterDateFnsJalali extends AdapterDateFnsBase {
132
135
  locale: this.locale
133
136
  });
134
137
  };
135
- this.getCurrentLocaleCode = () => {
136
- return this.locale?.code || 'fa-IR';
137
- };
138
138
  this.isValid = value => {
139
139
  if (value == null) {
140
140
  return false;
@@ -34,7 +34,6 @@ declare module '@mui/x-date-pickers/models' {
34
34
  export declare class AdapterDateFnsJalali extends AdapterDateFnsBase<DateFnsLocale> implements MuiPickersAdapter<Date, DateFnsLocale> {
35
35
  constructor({ locale, formats }?: AdapterOptions<DateFnsLocale, never>);
36
36
  parse: (value: string, format: string) => Date | null;
37
- getCurrentLocaleCode: () => string;
38
37
  isValid: (value: Date | null) => boolean;
39
38
  format: (value: Date, formatKey: keyof AdapterFormats) => string;
40
39
  formatByString: (value: Date, formatString: string) => string;
@@ -116,11 +116,14 @@ export class AdapterDateFnsJalali extends AdapterDateFnsBase {
116
116
  locale,
117
117
  formats
118
118
  } = {}) {
119
- if (typeof addDays !== 'function') {
120
- throw new Error([`MUI: The \`date-fns-jalali\` package v2.x is not compatible with this adapter.`, 'Please, install v3.x of the package or use the `AdapterDateFnsJalali` instead.'].join('\n'));
121
- }
122
- if (!longFormatters) {
123
- throw new Error('MUI: The minimum supported `date-fns-jalali` package version compatible with this adapter is `3.2.x`.');
119
+ /* istanbul ignore next */
120
+ if (process.env.NODE_ENV !== 'production') {
121
+ if (typeof addDays !== 'function') {
122
+ throw new Error([`MUI: The \`date-fns-jalali\` package v2.x is not compatible with this adapter.`, 'Please, install v3.x of the package or use the `AdapterDateFnsJalali` instead.'].join('\n'));
123
+ }
124
+ if (!longFormatters) {
125
+ throw new Error('MUI: The minimum supported `date-fns-jalali` package version compatible with this adapter is `3.2.x`.');
126
+ }
124
127
  }
125
128
  super({
126
129
  locale: locale ?? defaultLocale,
@@ -139,9 +142,6 @@ export class AdapterDateFnsJalali extends AdapterDateFnsBase {
139
142
  locale: this.locale
140
143
  });
141
144
  };
142
- this.getCurrentLocaleCode = () => {
143
- return this.locale?.code || 'fa-IR';
144
- };
145
145
  this.isValid = value => {
146
146
  if (value == null) {
147
147
  return false;
@@ -79,11 +79,14 @@ export class AdapterDateFns extends AdapterDateFnsBase {
79
79
  locale,
80
80
  formats
81
81
  } = {}) {
82
- if (typeof addDays !== 'function') {
83
- throw new Error([`MUI: The \`date-fns\` package v2.x is not compatible with this adapter.`, 'Please, install v3.x of the package or use the `AdapterDateFns` instead.'].join('\n'));
84
- }
85
- if (!longFormatters) {
86
- throw new Error('MUI: The minimum supported `date-fns` package version compatible with this adapter is `3.2.x`.');
82
+ /* istanbul ignore next */
83
+ if (process.env.NODE_ENV !== 'production') {
84
+ if (typeof addDays !== 'function') {
85
+ throw new Error([`MUI: The \`date-fns\` package v2.x is not compatible with this adapter.`, 'Please, install v3.x of the package or use the `AdapterDateFns` instead.'].join('\n'));
86
+ }
87
+ if (!longFormatters) {
88
+ throw new Error('MUI: The minimum supported `date-fns` package version compatible with this adapter is `3.2.x`.');
89
+ }
87
90
  }
88
91
  super({
89
92
  locale: locale ?? enUS,
@@ -233,6 +233,7 @@ export class AdapterDayjs {
233
233
  const locale = this.locale || 'en';
234
234
  let localeObject = locales[locale];
235
235
  if (localeObject === undefined) {
236
+ /* istanbul ignore next */
236
237
  if (process.env.NODE_ENV !== 'production') {
237
238
  warnOnce(['MUI X: Your locale has not been found.', 'Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.', "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", 'fallback on English locale.']);
238
239
  }
@@ -254,7 +255,7 @@ export class AdapterDayjs {
254
255
  if (timezone !== 'UTC') {
255
256
  const fixedValue = value.tz(this.cleanTimezone(timezone), true);
256
257
  // @ts-ignore
257
- if ((fixedValue.$offset ?? 0) === (value.$offset ?? 0)) {
258
+ if (fixedValue.$offset === (value.$offset ?? 0)) {
258
259
  return value;
259
260
  }
260
261
  // Change only what is needed to avoid creating a new object with unwanted data
@@ -480,6 +480,7 @@ export class AdapterLuxon {
480
480
  return weeks;
481
481
  };
482
482
  this.getWeekNumber = value => {
483
+ /* istanbul ignore next */
483
484
  return value.localWeekNumber ?? value.weekNumber;
484
485
  };
485
486
  this.getDayOfWeek = value => {
@@ -55,6 +55,7 @@ export declare class AdapterMomentJalaali extends AdapterMoment implements MuiPi
55
55
  getYear: (value: Moment) => number;
56
56
  getMonth: (value: Moment) => number;
57
57
  getDate: (value: Moment) => number;
58
+ getDaysInMonth: (value: Moment) => number;
58
59
  setYear: (value: Moment, year: number) => defaultJMoment.Moment;
59
60
  setMonth: (value: Moment, month: number) => defaultJMoment.Moment;
60
61
  setDate: (value: Moment, date: number) => defaultJMoment.Moment;
@@ -201,6 +201,9 @@ export class AdapterMomentJalaali extends AdapterMoment {
201
201
  this.getDate = value => {
202
202
  return value.jDate();
203
203
  };
204
+ this.getDaysInMonth = value => {
205
+ return this.moment.jDaysInMonth(value.jYear(), value.jMonth());
206
+ };
204
207
  this.setYear = (value, year) => {
205
208
  return value.clone().jYear(year);
206
209
  };
package/CHANGELOG.md CHANGED
@@ -3,6 +3,180 @@
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.12.1
7
+
8
+ _Aug 8, 2024_
9
+
10
+ We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
11
+
12
+ - 🎨 Charts get a new component to display color mapping in the legend
13
+ - 🚀 The `@mui/x-charts-pro` is released in alpha version 🧪. This new package introduces two main features:
14
+ - The Heatmap component
15
+ - The zoom interaction on the bar, line, and scatter charts
16
+ - 🌍 Improve Dutch (nl-NL) locale on the Date and Time Pickers
17
+ - 🐞 Bugfixes
18
+
19
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
20
+
21
+ ### Data Grid
22
+
23
+ #### `@mui/x-data-grid@7.12.1`
24
+
25
+ - [DataGrid] Fix `checkboxSelectionVisibleOnly` behavior with server-side pagination (#14083) @MBilalShafi
26
+ - [DataGrid] Fix `columnHeadersContainerRef` being `undefined` before mount (#14051) @samwato
27
+ - [DataGrid] Support Yarn PnP (#14126) @cherniavskii
28
+
29
+ #### `@mui/x-data-grid-pro@7.12.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
30
+
31
+ Same changes as in `@mui/x-data-grid@7.12.1`.
32
+
33
+ #### `@mui/x-data-grid-premium@7.12.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
34
+
35
+ Same changes as in `@mui/x-data-grid-pro@7.12.1`.
36
+
37
+ ### Date and Time Pickers
38
+
39
+ #### `@mui/x-date-pickers@7.12.1`
40
+
41
+ - [l10n] Improve Dutch (nlNL) locale (pickers) (#14036) @Robin1896
42
+
43
+ #### `@mui/x-date-pickers-pro@7.12.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
44
+
45
+ Same changes as in `@mui/x-date-pickers@7.12.1`.
46
+
47
+ ### Charts
48
+
49
+ #### `@mui/x-charts@7.12.1`
50
+
51
+ - [charts] Fix charts vendor publish config (#14073) @JCQuintas
52
+ - [charts] Move `plugins` to `PluginProvider` (#14056) @JCQuintas
53
+
54
+ #### `@mui/x-date-charts-pro@7.0.0-alpha.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
55
+
56
+ Same changes as in `@mui/x-charts@7.12.1`, plus:
57
+
58
+ - [charts-pro] Release the pro package in alpha (#13859) @alexfauquette
59
+
60
+ ### Tree View
61
+
62
+ #### `@mui/x-tree-view@7.12.1`
63
+
64
+ ### Docs
65
+
66
+ - [docs] Add a warning to promote the usage of `updateRows` (#14027) @MBilalShafi
67
+ - [docs] Disable ad in `Rich Tree View-Ordering` page (#14123) @oliviertassinari
68
+ - [docs] Redesign Date and Time Pickers overview page (#13241) @noraleonte
69
+
70
+ - [CHANGELOG] Polish details @oliviertassinari
71
+ - [code-infra] Use concurrency 1 in CircleCI (#14110) @JCQuintas
72
+ - [infra] Re-added the removal of `Latest Version` section (#14132) @michelengelen
73
+
74
+ ## 7.12.0
75
+
76
+ _Aug 1, 2024_
77
+
78
+ ### 💵 Our commercial offering is evolving
79
+
80
+ The [Pro plan](https://mui.com/x/introduction/licensing/#pro-plan) is receiving two new packages:
81
+
82
+ - `@mui/x-tree-view-pro` (available today!)
83
+ - `@mui/x-charts-pro` (available in the coming weeks)
84
+
85
+ As always, every feature released as part of the MIT plan will remain free and MIT licensed forever.
86
+
87
+ This expansion of the Pro plan comes with some adjustments to our pricing strategy. Learn more about those in the [Upcoming changes to MUI X pricing in 2024](https://mui.com/blog/mui-x-sep-2024-price-update/) blog post.
88
+
89
+ ### Highlights
90
+
91
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
92
+
93
+ - 🎁 Introduce [item reordering using drag and drop](https://mui.com/x/react-tree-view/rich-tree-view/ordering/) on the `RichTreeViewPro` component
94
+
95
+ <img width="287" src="https://github.com/user-attachments/assets/78bd83c5-7ce4-4ed7-acf9-be70b2dbce54" alt="Item reordering using drag and drop" />
96
+
97
+ - 📦 Support CommonJS bundle out of the box on `@mui/x-charts` by adding vendored D3 dependencies.
98
+
99
+ - This modifies how the package imports D3.js. It will impact you if you use `d3` packages installed by `@mui/x-charts` and don't have them in your `package.json`. You shouldn't be affected otherwise.
100
+ - For more context, the initial issue is caused by D3 only exporting ESM.
101
+
102
+ ![image](https://github.com/user-attachments/assets/d705b4de-0c93-420e-a416-528e7a044c1d)
103
+
104
+ - The solution up until now was to export charts with only ESM. But some frameworks are confused by this configuration.
105
+
106
+ ![image](https://github.com/user-attachments/assets/18a09703-9dd4-4226-a33d-167af059219c)
107
+
108
+ - So in order to fix this, we are providing a CJS version of D3.
109
+
110
+ ![image](https://github.com/user-attachments/assets/56387fe6-85d8-4750-bb9d-9866d5be68fa)
111
+
112
+ - 🌍 Improve Turkish (tr-TR) locale on the Data Grid
113
+ - 🌍 Improve Finnish (fi-FI) locale on the Date and Time Pickers
114
+ - 🐞 Bugfixes
115
+ - 📚 Documentation improvements
116
+
117
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
118
+
119
+ ### Data Grid
120
+
121
+ #### `@mui/x-data-grid@7.12.0`
122
+
123
+ - [DataGrid] Fix crash when updating columns immediately after scrolling (#13781) @cherniavskii
124
+ - [DataGrid] Fix `role=presentation` a11y issue (#13891) @romgrk
125
+ - [DataGrid] Fix top corner pixels & outline radius (#13943) @romgrk
126
+ - [DataGrid] Refactor: remove useless copy (#14039) @romgrk
127
+ - [l10n] Improve Turkish (tr-TR) locale (#13996) @bagcivan
128
+
129
+ #### `@mui/x-data-grid-pro@7.12.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
130
+
131
+ Same changes as in `@mui/x-data-grid@7.12.0`.
132
+
133
+ #### `@mui/x-data-grid-premium@7.12.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
134
+
135
+ Same changes as in `@mui/x-data-grid-pro@7.12.0`.
136
+
137
+ ### Date and Time Pickers
138
+
139
+ #### `@mui/x-date-pickers@7.12.0`
140
+
141
+ - [l10n] Improve Finnish (fi-FI) locale (#14054) @frozenzia
142
+
143
+ #### `@mui/x-date-pickers-pro@7.12.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
144
+
145
+ Same changes as in `@mui/x-date-pickers@7.12.0`.
146
+
147
+ ### Charts
148
+
149
+ #### `@mui/x-charts@7.12.0`
150
+
151
+ - [charts] Fix incorrect `axisId` prop being allowed in xAxis/yAxis config. Use `id` instead. (#13986) @JCQuintas
152
+ - [charts] Use vendor to have Common JS bundle working out of the box (#13608) @alexfauquette
153
+ - [charts] Divide the `SeriesProvider` to use in filtering (#14026) @JCQuintas
154
+
155
+ ### Tree View
156
+
157
+ #### `@mui/x-tree-view@7.12.0`
158
+
159
+ - [TreeView] Add new prop `onItemClick` on the Tree View components (#14018) @flaviendelangle
160
+ - [TreeView] Add new utility function `isEventTargetInDescendants` (#13982) @flaviendelangle
161
+ - [TreeView] Support item reordering using drag and drop (#12213) @flaviendelangle
162
+
163
+ ### Docs
164
+
165
+ - [docs] Add Pickers `minDate` and `maxDate` `default` description (#14024) @LukasTy
166
+ - [docs] Fix 404 (#13989) @alexfauquette
167
+ - [docs] Fix Vale errors (#14025) @oliviertassinari
168
+ - [docs] Update on `renderCell` & autogenerated rows (#13879) @romgrk
169
+
170
+ ### Core
171
+
172
+ - [core] Fix event naming convention @oliviertassinari
173
+ - [core] Replace @mui/base with @mui/utils + @mui/material (#13823) @mnajdova
174
+ - [core] Test `charts` performance with codspeed (#13952) @JCQuintas
175
+ - [infra] Consolidate issue cleanup and support labeling action (#14031) @michelengelen
176
+ - [infra] Revert `vale` action `paths` filtering (#14038) @LukasTy
177
+ - [test] Fix adapters code coverage (#13969) @alexfauquette
178
+ - [test] Fix mocha config to run charts tests (#14041) @alexfauquette
179
+
6
180
  ## 7.11.1
7
181
 
8
182
  _Jul 25, 2024_
@@ -143,8 +317,8 @@ Same changes as in `@mui/x-date-pickers@7.11.0`, plus:
143
317
  - [charts] Defaultize axis on top level `useChartContainerProps` (#13817) @JCQuintas
144
318
  - [charts] Fix charts not passing `className` to root element (#13647) @JCQuintas
145
319
  - [charts] Generate API documentation for pro components (#13822) @alexfauquette
146
- - [charts] Improve zoomed highlight behaviour (unreleased) (#13868) @JCQuintas
147
- - [charts] Allow zoom on Y axis and add zoom options to configure zooming behaviour (unreleased) (#13726) @JCQuintas
320
+ - [charts] Improve zoomed highlight behavior (unreleased) (#13868) @JCQuintas
321
+ - [charts] Allow zoom on Y axis and add zoom options to configure zooming behavior (unreleased) (#13726) @JCQuintas
148
322
  - [charts] Disable animations while zooming (unreleased) (#13807) @JCQuintas
149
323
 
150
324
  ### Tree View
@@ -617,7 +791,7 @@ Same changes as in `@mui/x-date-pickers@7.6.2`.
617
791
 
618
792
  #### `@mui/x-charts@7.6.2`
619
793
 
620
- - [charts] Add `Initializable` type and behaviour to allow checking if a complex context has been initialized. (#13365) @JCQuintas
794
+ - [charts] Add `Initializable` type and behavior to allow checking if a complex context has been initialized. (#13365) @JCQuintas
621
795
  - [charts] Fix some props not working in `xAxis` and `yAxis` (#13372) @Valyok26
622
796
  - [charts] Harmonize charts types (#13366) @alexfauquette
623
797
  - [charts] Introduce plugins system (#13367) @alexfauquette
@@ -625,7 +799,7 @@ Same changes as in `@mui/x-date-pickers@7.6.2`.
625
799
 
626
800
  ### Docs
627
801
 
628
- - [docs] Add badges like in Material UI @oliviertassinari
802
+ - [docs] Add badges like in Material UI @oliviertassinari
629
803
  - [docs] Update twitter.com to x.com @oliviertassinari
630
804
  - [docs] Fix the description of `tickInterval` (#13355) @alexfauquette
631
805
  - [docs] Adjust the code example for `quickFilterValues` (#12919) @michelengelen
@@ -4,7 +4,7 @@ const _excluded = ["autoFocus", "onViewChange", "value", "defaultValue", "refere
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import clsx from 'clsx';
7
- import { useSlotProps } from '@mui/base/utils';
7
+ import useSlotProps from '@mui/utils/useSlotProps';
8
8
  import { styled, useThemeProps } from '@mui/material/styles';
9
9
  import { unstable_composeClasses as composeClasses, unstable_useId as useId, unstable_useEventCallback as useEventCallback } from '@mui/utils';
10
10
  import { useCalendarState } from './useCalendarState';
@@ -412,10 +412,12 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
412
412
  loading: PropTypes.bool,
413
413
  /**
414
414
  * Maximal selectable date.
415
+ * @default 2099-12-31
415
416
  */
416
417
  maxDate: PropTypes.object,
417
418
  /**
418
419
  * Minimal selectable date.
420
+ * @default 1900-01-01
419
421
  */
420
422
  minDate: PropTypes.object,
421
423
  /**
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { Theme } from '@mui/material/styles';
4
- import { SlotComponentProps } from '@mui/base/utils';
4
+ import { SlotComponentProps } from '@mui/utils';
5
5
  import { PickersCalendarHeader, PickersCalendarHeaderProps, PickersCalendarHeaderSlots, PickersCalendarHeaderSlotProps } from '../PickersCalendarHeader';
6
6
  import { DayCalendarSlots, DayCalendarSlotProps, ExportedDayCalendarProps } from './DayCalendar';
7
7
  import { DateCalendarClasses } from './dateCalendarClasses';
@@ -5,7 +5,7 @@ const _excluded = ["parentProps", "day", "focusableDay", "selectedDays", "isDate
5
5
  import * as React from 'react';
6
6
  import useEventCallback from '@mui/utils/useEventCallback';
7
7
  import Typography from '@mui/material/Typography';
8
- import { useSlotProps } from '@mui/base/utils';
8
+ import useSlotProps from '@mui/utils/useSlotProps';
9
9
  import { useRtl } from '@mui/system/RtlProvider';
10
10
  import { styled, useThemeProps } from '@mui/material/styles';
11
11
  import { unstable_composeClasses as composeClasses, unstable_useControlled as useControlled } from '@mui/utils';
@@ -5,7 +5,7 @@ import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import MuiTextField from '@mui/material/TextField';
7
7
  import { useThemeProps } from '@mui/material/styles';
8
- import { useSlotProps } from '@mui/base/utils';
8
+ import useSlotProps from '@mui/utils/useSlotProps';
9
9
  import { refType } from '@mui/utils';
10
10
  import { useDateField } from './useDateField';
11
11
  import { useClearableField } from '../hooks';
@@ -174,10 +174,12 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
174
174
  margin: PropTypes.oneOf(['dense', 'none', 'normal']),
175
175
  /**
176
176
  * Maximal selectable date.
177
+ * @default 2099-12-31
177
178
  */
178
179
  maxDate: PropTypes.object,
179
180
  /**
180
181
  * Minimal selectable date.
182
+ * @default 1900-01-01
181
183
  */
182
184
  minDate: PropTypes.object,
183
185
  /**
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { SlotComponentProps } from '@mui/base/utils';
2
+ import { SlotComponentProps } from '@mui/utils';
3
3
  import TextField from '@mui/material/TextField';
4
4
  import { ExportedUseClearableFieldProps, UseClearableFieldSlots, UseClearableFieldSlotProps } from '../hooks/useClearableField';
5
5
  import { DateValidationError, FieldSection, PickerValidDate, BuiltInFieldTextFieldProps } from '../models';
@@ -149,10 +149,12 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
149
149
  localeText: PropTypes.object,
150
150
  /**
151
151
  * Maximal selectable date.
152
+ * @default 2099-12-31
152
153
  */
153
154
  maxDate: PropTypes.object,
154
155
  /**
155
156
  * Minimal selectable date.
157
+ * @default 1900-01-01
156
158
  */
157
159
  minDate: PropTypes.object,
158
160
  /**
@@ -6,7 +6,7 @@ import clsx from 'clsx';
6
6
  import PropTypes from 'prop-types';
7
7
  import Typography from '@mui/material/Typography';
8
8
  import { styled, useThemeProps } from '@mui/material/styles';
9
- import { unstable_composeClasses as composeClasses } from '@mui/utils';
9
+ import composeClasses from '@mui/utils/composeClasses';
10
10
  import { PickersToolbar } from '../internals/components/PickersToolbar';
11
11
  import { usePickersTranslations } from '../hooks/usePickersTranslations';
12
12
  import { useUtils } from '../internals/hooks/useUtils';
@@ -5,7 +5,7 @@ import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import MuiTextField from '@mui/material/TextField';
7
7
  import { useThemeProps } from '@mui/material/styles';
8
- import { useSlotProps } from '@mui/base/utils';
8
+ import useSlotProps from '@mui/utils/useSlotProps';
9
9
  import { refType } from '@mui/utils';
10
10
  import { useDateTimeField } from './useDateTimeField';
11
11
  import { useClearableField } from '../hooks';
@@ -184,6 +184,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
184
184
  margin: PropTypes.oneOf(['dense', 'none', 'normal']),
185
185
  /**
186
186
  * Maximal selectable date.
187
+ * @default 2099-12-31
187
188
  */
188
189
  maxDate: PropTypes.object,
189
190
  /**
@@ -197,6 +198,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
197
198
  maxTime: PropTypes.object,
198
199
  /**
199
200
  * Minimal selectable date.
201
+ * @default 1900-01-01
200
202
  */
201
203
  minDate: PropTypes.object,
202
204
  /**
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { SlotComponentProps } from '@mui/base/utils';
2
+ import { SlotComponentProps } from '@mui/utils';
3
3
  import TextField from '@mui/material/TextField';
4
4
  import { DateTimeValidationError, FieldSection, PickerValidDate, BuiltInFieldTextFieldProps } from '../models';
5
5
  import { UseFieldInternalProps } from '../internals/hooks/useField';
@@ -164,6 +164,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
164
164
  localeText: PropTypes.object,
165
165
  /**
166
166
  * Maximal selectable date.
167
+ * @default 2099-12-31
167
168
  */
168
169
  maxDate: PropTypes.object,
169
170
  /**
@@ -177,6 +178,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
177
178
  maxTime: PropTypes.object,
178
179
  /**
179
180
  * Minimal selectable date.
181
+ * @default 1900-01-01
180
182
  */
181
183
  minDate: PropTypes.object,
182
184
  /**
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
6
6
  import clsx from 'clsx';
7
7
  import Skeleton from '@mui/material/Skeleton';
8
8
  import { styled, useThemeProps } from '@mui/material/styles';
9
- import { unstable_composeClasses as composeClasses } from '@mui/utils';
9
+ import composeClasses from '@mui/utils/composeClasses';
10
10
  import { DAY_SIZE, DAY_MARGIN } from '../internals/constants/dimensions';
11
11
  import { getDayCalendarSkeletonUtilityClass } from './dayCalendarSkeletonClasses';
12
12
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import * as React from 'react';
3
3
  import PropTypes from 'prop-types';
4
- import { resolveComponentProps } from '@mui/base/utils';
4
+ import resolveComponentProps from '@mui/utils/resolveComponentProps';
5
5
  import { refType } from '@mui/utils';
6
6
  import { singleItemValueManager } from '../internals/utils/valueManagers';
7
7
  import { useDatePickerDefaultizedProps } from '../DatePicker/shared';
@@ -165,10 +165,12 @@ DesktopDatePicker.propTypes = {
165
165
  localeText: PropTypes.object,
166
166
  /**
167
167
  * Maximal selectable date.
168
+ * @default 2099-12-31
168
169
  */
169
170
  maxDate: PropTypes.object,
170
171
  /**
171
172
  * Minimal selectable date.
173
+ * @default 1900-01-01
172
174
  */
173
175
  minDate: PropTypes.object,
174
176
  /**
@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
3
3
  const _excluded = ["openTo", "focusedView", "timeViewsCount"];
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
- import { resolveComponentProps } from '@mui/base/utils';
6
+ import resolveComponentProps from '@mui/utils/resolveComponentProps';
7
7
  import { refType } from '@mui/utils';
8
8
  import Divider from '@mui/material/Divider';
9
9
  import { singleItemValueManager } from '../internals/utils/valueManagers';
@@ -267,6 +267,7 @@ DesktopDateTimePicker.propTypes = {
267
267
  localeText: PropTypes.object,
268
268
  /**
269
269
  * Maximal selectable date.
270
+ * @default 2099-12-31
270
271
  */
271
272
  maxDate: PropTypes.object,
272
273
  /**
@@ -280,6 +281,7 @@ DesktopDateTimePicker.propTypes = {
280
281
  maxTime: PropTypes.object,
281
282
  /**
282
283
  * Minimal selectable date.
284
+ * @default 1900-01-01
283
285
  */
284
286
  minDate: PropTypes.object,
285
287
  /**
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import * as React from 'react';
3
3
  import PropTypes from 'prop-types';
4
- import { resolveComponentProps } from '@mui/base/utils';
4
+ import resolveComponentProps from '@mui/utils/resolveComponentProps';
5
5
  import { refType } from '@mui/utils';
6
6
  import { singleItemValueManager } from '../internals/utils/valueManagers';
7
7
  import { TimeField } from '../TimeField';
@@ -4,7 +4,7 @@ const _excluded = ["ampm", "timeStep", "autoFocus", "slots", "slotProps", "value
4
4
  import * as React from 'react';
5
5
  import clsx from 'clsx';
6
6
  import PropTypes from 'prop-types';
7
- import { useSlotProps } from '@mui/base/utils';
7
+ import useSlotProps from '@mui/utils/useSlotProps';
8
8
  import { alpha, styled, useThemeProps } from '@mui/material/styles';
9
9
  import useEventCallback from '@mui/utils/useEventCallback';
10
10
  import composeClasses from '@mui/utils/composeClasses';