@mui/x-date-pickers 8.2.0 → 8.3.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.
- package/AdapterDateFnsJalaliV2/AdapterDateFnsJalaliV2.js +74 -74
- package/AdapterDateFnsV2/AdapterDateFnsV2.js +74 -74
- package/CHANGELOG.md +107 -0
- package/DateCalendar/PickersFadeTransitionGroup.js +1 -3
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -0
- package/DigitalClock/DigitalClock.js +2 -1
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -1
- package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +2 -1
- package/esm/DateCalendar/PickersFadeTransitionGroup.js +1 -3
- package/esm/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -0
- package/esm/DigitalClock/DigitalClock.js +2 -1
- package/esm/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -1
- package/esm/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +2 -1
- package/esm/index.js +1 -1
- package/esm/internals/components/PickersModalDialog.js +6 -2
- package/index.js +1 -1
- package/internals/components/PickersModalDialog.js +6 -2
- package/package.json +4 -4
|
@@ -15,41 +15,41 @@ var _index6 = _interopRequireDefault(require("date-fns-jalali/addMonths/index.js
|
|
|
15
15
|
var _index7 = _interopRequireDefault(require("date-fns-jalali/addYears/index.js"));
|
|
16
16
|
var _index8 = _interopRequireDefault(require("date-fns-jalali/endOfDay/index.js"));
|
|
17
17
|
var _index9 = _interopRequireDefault(require("date-fns-jalali/endOfWeek/index.js"));
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var
|
|
46
|
-
var
|
|
47
|
-
var
|
|
48
|
-
var
|
|
49
|
-
var
|
|
50
|
-
var
|
|
51
|
-
var
|
|
52
|
-
var
|
|
18
|
+
var _index0 = _interopRequireDefault(require("date-fns-jalali/endOfYear/index.js"));
|
|
19
|
+
var _index1 = _interopRequireDefault(require("date-fns-jalali/format/index.js"));
|
|
20
|
+
var _index10 = _interopRequireDefault(require("date-fns-jalali/getHours/index.js"));
|
|
21
|
+
var _index11 = _interopRequireDefault(require("date-fns-jalali/getSeconds/index.js"));
|
|
22
|
+
var _index12 = _interopRequireDefault(require("date-fns-jalali/getMilliseconds/index.js"));
|
|
23
|
+
var _index13 = _interopRequireDefault(require("date-fns-jalali/getWeek/index.js"));
|
|
24
|
+
var _index14 = _interopRequireDefault(require("date-fns-jalali/getYear/index.js"));
|
|
25
|
+
var _index15 = _interopRequireDefault(require("date-fns-jalali/getMonth/index.js"));
|
|
26
|
+
var _index16 = _interopRequireDefault(require("date-fns-jalali/getDate/index.js"));
|
|
27
|
+
var _index17 = _interopRequireDefault(require("date-fns-jalali/getDaysInMonth/index.js"));
|
|
28
|
+
var _index18 = _interopRequireDefault(require("date-fns-jalali/getMinutes/index.js"));
|
|
29
|
+
var _index19 = _interopRequireDefault(require("date-fns-jalali/isAfter/index.js"));
|
|
30
|
+
var _index20 = _interopRequireDefault(require("date-fns-jalali/isBefore/index.js"));
|
|
31
|
+
var _index21 = _interopRequireDefault(require("date-fns-jalali/isEqual/index.js"));
|
|
32
|
+
var _index22 = _interopRequireDefault(require("date-fns-jalali/isSameDay/index.js"));
|
|
33
|
+
var _index23 = _interopRequireDefault(require("date-fns-jalali/isSameYear/index.js"));
|
|
34
|
+
var _index24 = _interopRequireDefault(require("date-fns-jalali/isSameMonth/index.js"));
|
|
35
|
+
var _index25 = _interopRequireDefault(require("date-fns-jalali/isSameHour/index.js"));
|
|
36
|
+
var _index26 = _interopRequireDefault(require("date-fns-jalali/isValid/index.js"));
|
|
37
|
+
var _index27 = _interopRequireDefault(require("date-fns-jalali/parse/index.js"));
|
|
38
|
+
var _index28 = _interopRequireDefault(require("date-fns-jalali/setDate/index.js"));
|
|
39
|
+
var _index29 = _interopRequireDefault(require("date-fns-jalali/setHours/index.js"));
|
|
40
|
+
var _index30 = _interopRequireDefault(require("date-fns-jalali/setMinutes/index.js"));
|
|
41
|
+
var _index31 = _interopRequireDefault(require("date-fns-jalali/setMonth/index.js"));
|
|
42
|
+
var _index32 = _interopRequireDefault(require("date-fns-jalali/setSeconds/index.js"));
|
|
43
|
+
var _index33 = _interopRequireDefault(require("date-fns-jalali/setMilliseconds/index.js"));
|
|
44
|
+
var _index34 = _interopRequireDefault(require("date-fns-jalali/setYear/index.js"));
|
|
45
|
+
var _index35 = _interopRequireDefault(require("date-fns-jalali/startOfDay/index.js"));
|
|
46
|
+
var _index36 = _interopRequireDefault(require("date-fns-jalali/startOfMonth/index.js"));
|
|
47
|
+
var _index37 = _interopRequireDefault(require("date-fns-jalali/endOfMonth/index.js"));
|
|
48
|
+
var _index38 = _interopRequireDefault(require("date-fns-jalali/startOfWeek/index.js"));
|
|
49
|
+
var _index39 = _interopRequireDefault(require("date-fns-jalali/startOfYear/index.js"));
|
|
50
|
+
var _index40 = _interopRequireDefault(require("date-fns-jalali/isWithinInterval/index.js"));
|
|
51
|
+
var _index41 = _interopRequireDefault(require("date-fns-jalali/locale/fa-IR/index.js"));
|
|
52
|
+
var _index42 = _interopRequireDefault(require("date-fns-jalali/_lib/format/longFormatters/index.js"));
|
|
53
53
|
var _AdapterDateFnsBase = require("../AdapterDateFnsBase");
|
|
54
54
|
// date-fns-jalali@<3 has no exports field defined
|
|
55
55
|
// See https://github.com/date-fns/date-fns/issues/1781
|
|
@@ -128,18 +128,18 @@ class AdapterDateFnsJalali extends _AdapterDateFnsBase.AdapterDateFnsBase {
|
|
|
128
128
|
}
|
|
129
129
|
}
|
|
130
130
|
super({
|
|
131
|
-
locale: locale ??
|
|
131
|
+
locale: locale ?? _index41.default,
|
|
132
132
|
// some formats are different in jalali adapter,
|
|
133
133
|
// this ensures that `AdapterDateFnsBase` formats are overridden
|
|
134
134
|
formats: (0, _extends2.default)({}, defaultFormats, formats),
|
|
135
|
-
longFormatters:
|
|
135
|
+
longFormatters: _index42.default,
|
|
136
136
|
lib: 'date-fns-jalali'
|
|
137
137
|
});
|
|
138
138
|
this.parse = (value, format) => {
|
|
139
139
|
if (value === '') {
|
|
140
140
|
return null;
|
|
141
141
|
}
|
|
142
|
-
return (0,
|
|
142
|
+
return (0, _index27.default)(value, format, new Date(), {
|
|
143
143
|
locale: this.locale
|
|
144
144
|
});
|
|
145
145
|
};
|
|
@@ -147,13 +147,13 @@ class AdapterDateFnsJalali extends _AdapterDateFnsBase.AdapterDateFnsBase {
|
|
|
147
147
|
if (value == null) {
|
|
148
148
|
return false;
|
|
149
149
|
}
|
|
150
|
-
return (0,
|
|
150
|
+
return (0, _index26.default)(value);
|
|
151
151
|
};
|
|
152
152
|
this.format = (value, formatKey) => {
|
|
153
153
|
return this.formatByString(value, this.formats[formatKey]);
|
|
154
154
|
};
|
|
155
155
|
this.formatByString = (value, formatString) => {
|
|
156
|
-
return (0,
|
|
156
|
+
return (0, _index1.default)(value, formatString, {
|
|
157
157
|
locale: this.locale
|
|
158
158
|
});
|
|
159
159
|
};
|
|
@@ -167,63 +167,63 @@ class AdapterDateFnsJalali extends _AdapterDateFnsBase.AdapterDateFnsBase {
|
|
|
167
167
|
if (value === null || comparing === null) {
|
|
168
168
|
return false;
|
|
169
169
|
}
|
|
170
|
-
return (0,
|
|
170
|
+
return (0, _index21.default)(value, comparing);
|
|
171
171
|
};
|
|
172
172
|
this.isSameYear = (value, comparing) => {
|
|
173
|
-
return (0,
|
|
173
|
+
return (0, _index23.default)(value, comparing);
|
|
174
174
|
};
|
|
175
175
|
this.isSameMonth = (value, comparing) => {
|
|
176
|
-
return (0,
|
|
176
|
+
return (0, _index24.default)(value, comparing);
|
|
177
177
|
};
|
|
178
178
|
this.isSameDay = (value, comparing) => {
|
|
179
|
-
return (0,
|
|
179
|
+
return (0, _index22.default)(value, comparing);
|
|
180
180
|
};
|
|
181
181
|
this.isSameHour = (value, comparing) => {
|
|
182
|
-
return (0,
|
|
182
|
+
return (0, _index25.default)(value, comparing);
|
|
183
183
|
};
|
|
184
184
|
this.isAfter = (value, comparing) => {
|
|
185
|
-
return (0,
|
|
185
|
+
return (0, _index19.default)(value, comparing);
|
|
186
186
|
};
|
|
187
187
|
this.isAfterYear = (value, comparing) => {
|
|
188
|
-
return (0,
|
|
188
|
+
return (0, _index19.default)(value, this.endOfYear(comparing));
|
|
189
189
|
};
|
|
190
190
|
this.isAfterDay = (value, comparing) => {
|
|
191
|
-
return (0,
|
|
191
|
+
return (0, _index19.default)(value, this.endOfDay(comparing));
|
|
192
192
|
};
|
|
193
193
|
this.isBefore = (value, comparing) => {
|
|
194
|
-
return (0,
|
|
194
|
+
return (0, _index20.default)(value, comparing);
|
|
195
195
|
};
|
|
196
196
|
this.isBeforeYear = (value, comparing) => {
|
|
197
|
-
return (0,
|
|
197
|
+
return (0, _index20.default)(value, this.startOfYear(comparing));
|
|
198
198
|
};
|
|
199
199
|
this.isBeforeDay = (value, comparing) => {
|
|
200
|
-
return (0,
|
|
200
|
+
return (0, _index20.default)(value, this.startOfDay(comparing));
|
|
201
201
|
};
|
|
202
202
|
this.isWithinRange = (value, [start, end]) => {
|
|
203
|
-
return (0,
|
|
203
|
+
return (0, _index40.default)(value, {
|
|
204
204
|
start,
|
|
205
205
|
end
|
|
206
206
|
});
|
|
207
207
|
};
|
|
208
208
|
this.startOfYear = value => {
|
|
209
|
-
return (0,
|
|
209
|
+
return (0, _index39.default)(value);
|
|
210
210
|
};
|
|
211
211
|
this.startOfMonth = value => {
|
|
212
|
-
return (0,
|
|
212
|
+
return (0, _index36.default)(value);
|
|
213
213
|
};
|
|
214
214
|
this.startOfWeek = value => {
|
|
215
|
-
return (0,
|
|
215
|
+
return (0, _index38.default)(value, {
|
|
216
216
|
locale: this.locale
|
|
217
217
|
});
|
|
218
218
|
};
|
|
219
219
|
this.startOfDay = value => {
|
|
220
|
-
return (0,
|
|
220
|
+
return (0, _index35.default)(value);
|
|
221
221
|
};
|
|
222
222
|
this.endOfYear = value => {
|
|
223
|
-
return (0,
|
|
223
|
+
return (0, _index0.default)(value);
|
|
224
224
|
};
|
|
225
225
|
this.endOfMonth = value => {
|
|
226
|
-
return (0,
|
|
226
|
+
return (0, _index37.default)(value);
|
|
227
227
|
};
|
|
228
228
|
this.endOfWeek = value => {
|
|
229
229
|
return (0, _index9.default)(value, {
|
|
@@ -255,49 +255,49 @@ class AdapterDateFnsJalali extends _AdapterDateFnsBase.AdapterDateFnsBase {
|
|
|
255
255
|
return (0, _index.default)(value, amount);
|
|
256
256
|
};
|
|
257
257
|
this.getYear = value => {
|
|
258
|
-
return (0,
|
|
258
|
+
return (0, _index14.default)(value);
|
|
259
259
|
};
|
|
260
260
|
this.getMonth = value => {
|
|
261
|
-
return (0,
|
|
261
|
+
return (0, _index15.default)(value);
|
|
262
262
|
};
|
|
263
263
|
this.getDate = value => {
|
|
264
|
-
return (0,
|
|
264
|
+
return (0, _index16.default)(value);
|
|
265
265
|
};
|
|
266
266
|
this.getHours = value => {
|
|
267
|
-
return (0,
|
|
267
|
+
return (0, _index10.default)(value);
|
|
268
268
|
};
|
|
269
269
|
this.getMinutes = value => {
|
|
270
|
-
return (0,
|
|
270
|
+
return (0, _index18.default)(value);
|
|
271
271
|
};
|
|
272
272
|
this.getSeconds = value => {
|
|
273
|
-
return (0,
|
|
273
|
+
return (0, _index11.default)(value);
|
|
274
274
|
};
|
|
275
275
|
this.getMilliseconds = value => {
|
|
276
|
-
return (0,
|
|
276
|
+
return (0, _index12.default)(value);
|
|
277
277
|
};
|
|
278
278
|
this.setYear = (value, year) => {
|
|
279
|
-
return (0,
|
|
279
|
+
return (0, _index34.default)(value, year);
|
|
280
280
|
};
|
|
281
281
|
this.setMonth = (value, month) => {
|
|
282
|
-
return (0,
|
|
282
|
+
return (0, _index31.default)(value, month);
|
|
283
283
|
};
|
|
284
284
|
this.setDate = (value, date) => {
|
|
285
|
-
return (0,
|
|
285
|
+
return (0, _index28.default)(value, date);
|
|
286
286
|
};
|
|
287
287
|
this.setHours = (value, hours) => {
|
|
288
|
-
return (0,
|
|
288
|
+
return (0, _index29.default)(value, hours);
|
|
289
289
|
};
|
|
290
290
|
this.setMinutes = (value, minutes) => {
|
|
291
|
-
return (0,
|
|
291
|
+
return (0, _index30.default)(value, minutes);
|
|
292
292
|
};
|
|
293
293
|
this.setSeconds = (value, seconds) => {
|
|
294
|
-
return (0,
|
|
294
|
+
return (0, _index32.default)(value, seconds);
|
|
295
295
|
};
|
|
296
296
|
this.setMilliseconds = (value, milliseconds) => {
|
|
297
|
-
return (0,
|
|
297
|
+
return (0, _index33.default)(value, milliseconds);
|
|
298
298
|
};
|
|
299
299
|
this.getDaysInMonth = value => {
|
|
300
|
-
return (0,
|
|
300
|
+
return (0, _index17.default)(value);
|
|
301
301
|
};
|
|
302
302
|
this.getWeekArray = value => {
|
|
303
303
|
const start = this.startOfWeek(this.startOfMonth(value));
|
|
@@ -315,7 +315,7 @@ class AdapterDateFnsJalali extends _AdapterDateFnsBase.AdapterDateFnsBase {
|
|
|
315
315
|
return nestedWeeks;
|
|
316
316
|
};
|
|
317
317
|
this.getWeekNumber = date => {
|
|
318
|
-
return (0,
|
|
318
|
+
return (0, _index13.default)(date, {
|
|
319
319
|
locale: this.locale
|
|
320
320
|
});
|
|
321
321
|
};
|
|
@@ -14,41 +14,41 @@ var _index6 = _interopRequireDefault(require("date-fns/addMonths/index.js"));
|
|
|
14
14
|
var _index7 = _interopRequireDefault(require("date-fns/addYears/index.js"));
|
|
15
15
|
var _index8 = _interopRequireDefault(require("date-fns/endOfDay/index.js"));
|
|
16
16
|
var _index9 = _interopRequireDefault(require("date-fns/endOfWeek/index.js"));
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var
|
|
46
|
-
var
|
|
47
|
-
var
|
|
48
|
-
var
|
|
49
|
-
var
|
|
50
|
-
var
|
|
51
|
-
var
|
|
17
|
+
var _index0 = _interopRequireDefault(require("date-fns/endOfYear/index.js"));
|
|
18
|
+
var _index1 = _interopRequireDefault(require("date-fns/format/index.js"));
|
|
19
|
+
var _index10 = _interopRequireDefault(require("date-fns/getDate/index.js"));
|
|
20
|
+
var _index11 = _interopRequireDefault(require("date-fns/getDaysInMonth/index.js"));
|
|
21
|
+
var _index12 = _interopRequireDefault(require("date-fns/getHours/index.js"));
|
|
22
|
+
var _index13 = _interopRequireDefault(require("date-fns/getMinutes/index.js"));
|
|
23
|
+
var _index14 = _interopRequireDefault(require("date-fns/getMonth/index.js"));
|
|
24
|
+
var _index15 = _interopRequireDefault(require("date-fns/getSeconds/index.js"));
|
|
25
|
+
var _index16 = _interopRequireDefault(require("date-fns/getMilliseconds/index.js"));
|
|
26
|
+
var _index17 = _interopRequireDefault(require("date-fns/getWeek/index.js"));
|
|
27
|
+
var _index18 = _interopRequireDefault(require("date-fns/getYear/index.js"));
|
|
28
|
+
var _index19 = _interopRequireDefault(require("date-fns/isAfter/index.js"));
|
|
29
|
+
var _index20 = _interopRequireDefault(require("date-fns/isBefore/index.js"));
|
|
30
|
+
var _index21 = _interopRequireDefault(require("date-fns/isEqual/index.js"));
|
|
31
|
+
var _index22 = _interopRequireDefault(require("date-fns/isSameDay/index.js"));
|
|
32
|
+
var _index23 = _interopRequireDefault(require("date-fns/isSameYear/index.js"));
|
|
33
|
+
var _index24 = _interopRequireDefault(require("date-fns/isSameMonth/index.js"));
|
|
34
|
+
var _index25 = _interopRequireDefault(require("date-fns/isSameHour/index.js"));
|
|
35
|
+
var _index26 = _interopRequireDefault(require("date-fns/isValid/index.js"));
|
|
36
|
+
var _index27 = _interopRequireDefault(require("date-fns/parse/index.js"));
|
|
37
|
+
var _index28 = _interopRequireDefault(require("date-fns/setDate/index.js"));
|
|
38
|
+
var _index29 = _interopRequireDefault(require("date-fns/setHours/index.js"));
|
|
39
|
+
var _index30 = _interopRequireDefault(require("date-fns/setMinutes/index.js"));
|
|
40
|
+
var _index31 = _interopRequireDefault(require("date-fns/setMonth/index.js"));
|
|
41
|
+
var _index32 = _interopRequireDefault(require("date-fns/setSeconds/index.js"));
|
|
42
|
+
var _index33 = _interopRequireDefault(require("date-fns/setMilliseconds/index.js"));
|
|
43
|
+
var _index34 = _interopRequireDefault(require("date-fns/setYear/index.js"));
|
|
44
|
+
var _index35 = _interopRequireDefault(require("date-fns/startOfDay/index.js"));
|
|
45
|
+
var _index36 = _interopRequireDefault(require("date-fns/startOfMonth/index.js"));
|
|
46
|
+
var _index37 = _interopRequireDefault(require("date-fns/endOfMonth/index.js"));
|
|
47
|
+
var _index38 = _interopRequireDefault(require("date-fns/startOfWeek/index.js"));
|
|
48
|
+
var _index39 = _interopRequireDefault(require("date-fns/startOfYear/index.js"));
|
|
49
|
+
var _index40 = _interopRequireDefault(require("date-fns/isWithinInterval/index.js"));
|
|
50
|
+
var _index41 = _interopRequireDefault(require("date-fns/locale/en-US/index.js"));
|
|
51
|
+
var _index42 = _interopRequireDefault(require("date-fns/_lib/format/longFormatters/index.js"));
|
|
52
52
|
var _AdapterDateFnsBase = require("../AdapterDateFnsBase");
|
|
53
53
|
// date-fns@<3 has no exports field defined
|
|
54
54
|
// See https://github.com/date-fns/date-fns/issues/1781
|
|
@@ -92,15 +92,15 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
|
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
94
|
super({
|
|
95
|
-
locale: locale ??
|
|
95
|
+
locale: locale ?? _index41.default,
|
|
96
96
|
formats,
|
|
97
|
-
longFormatters:
|
|
97
|
+
longFormatters: _index42.default
|
|
98
98
|
});
|
|
99
99
|
this.parse = (value, format) => {
|
|
100
100
|
if (value === '') {
|
|
101
101
|
return null;
|
|
102
102
|
}
|
|
103
|
-
return (0,
|
|
103
|
+
return (0, _index27.default)(value, format, new Date(), {
|
|
104
104
|
locale: this.locale
|
|
105
105
|
});
|
|
106
106
|
};
|
|
@@ -108,13 +108,13 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
|
|
|
108
108
|
if (value == null) {
|
|
109
109
|
return false;
|
|
110
110
|
}
|
|
111
|
-
return (0,
|
|
111
|
+
return (0, _index26.default)(value);
|
|
112
112
|
};
|
|
113
113
|
this.format = (value, formatKey) => {
|
|
114
114
|
return this.formatByString(value, this.formats[formatKey]);
|
|
115
115
|
};
|
|
116
116
|
this.formatByString = (value, formatString) => {
|
|
117
|
-
return (0,
|
|
117
|
+
return (0, _index1.default)(value, formatString, {
|
|
118
118
|
locale: this.locale
|
|
119
119
|
});
|
|
120
120
|
};
|
|
@@ -125,63 +125,63 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
|
|
|
125
125
|
if (value === null || comparing === null) {
|
|
126
126
|
return false;
|
|
127
127
|
}
|
|
128
|
-
return (0,
|
|
128
|
+
return (0, _index21.default)(value, comparing);
|
|
129
129
|
};
|
|
130
130
|
this.isSameYear = (value, comparing) => {
|
|
131
|
-
return (0,
|
|
131
|
+
return (0, _index23.default)(value, comparing);
|
|
132
132
|
};
|
|
133
133
|
this.isSameMonth = (value, comparing) => {
|
|
134
|
-
return (0,
|
|
134
|
+
return (0, _index24.default)(value, comparing);
|
|
135
135
|
};
|
|
136
136
|
this.isSameDay = (value, comparing) => {
|
|
137
|
-
return (0,
|
|
137
|
+
return (0, _index22.default)(value, comparing);
|
|
138
138
|
};
|
|
139
139
|
this.isSameHour = (value, comparing) => {
|
|
140
|
-
return (0,
|
|
140
|
+
return (0, _index25.default)(value, comparing);
|
|
141
141
|
};
|
|
142
142
|
this.isAfter = (value, comparing) => {
|
|
143
|
-
return (0,
|
|
143
|
+
return (0, _index19.default)(value, comparing);
|
|
144
144
|
};
|
|
145
145
|
this.isAfterYear = (value, comparing) => {
|
|
146
|
-
return (0,
|
|
146
|
+
return (0, _index19.default)(value, (0, _index0.default)(comparing));
|
|
147
147
|
};
|
|
148
148
|
this.isAfterDay = (value, comparing) => {
|
|
149
|
-
return (0,
|
|
149
|
+
return (0, _index19.default)(value, (0, _index8.default)(comparing));
|
|
150
150
|
};
|
|
151
151
|
this.isBefore = (value, comparing) => {
|
|
152
|
-
return (0,
|
|
152
|
+
return (0, _index20.default)(value, comparing);
|
|
153
153
|
};
|
|
154
154
|
this.isBeforeYear = (value, comparing) => {
|
|
155
|
-
return (0,
|
|
155
|
+
return (0, _index20.default)(value, this.startOfYear(comparing));
|
|
156
156
|
};
|
|
157
157
|
this.isBeforeDay = (value, comparing) => {
|
|
158
|
-
return (0,
|
|
158
|
+
return (0, _index20.default)(value, this.startOfDay(comparing));
|
|
159
159
|
};
|
|
160
160
|
this.isWithinRange = (value, [start, end]) => {
|
|
161
|
-
return (0,
|
|
161
|
+
return (0, _index40.default)(value, {
|
|
162
162
|
start,
|
|
163
163
|
end
|
|
164
164
|
});
|
|
165
165
|
};
|
|
166
166
|
this.startOfYear = value => {
|
|
167
|
-
return (0,
|
|
167
|
+
return (0, _index39.default)(value);
|
|
168
168
|
};
|
|
169
169
|
this.startOfMonth = value => {
|
|
170
|
-
return (0,
|
|
170
|
+
return (0, _index36.default)(value);
|
|
171
171
|
};
|
|
172
172
|
this.startOfWeek = value => {
|
|
173
|
-
return (0,
|
|
173
|
+
return (0, _index38.default)(value, {
|
|
174
174
|
locale: this.locale
|
|
175
175
|
});
|
|
176
176
|
};
|
|
177
177
|
this.startOfDay = value => {
|
|
178
|
-
return (0,
|
|
178
|
+
return (0, _index35.default)(value);
|
|
179
179
|
};
|
|
180
180
|
this.endOfYear = value => {
|
|
181
|
-
return (0,
|
|
181
|
+
return (0, _index0.default)(value);
|
|
182
182
|
};
|
|
183
183
|
this.endOfMonth = value => {
|
|
184
|
-
return (0,
|
|
184
|
+
return (0, _index37.default)(value);
|
|
185
185
|
};
|
|
186
186
|
this.endOfWeek = value => {
|
|
187
187
|
return (0, _index9.default)(value, {
|
|
@@ -213,49 +213,49 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
|
|
|
213
213
|
return (0, _index2.default)(value, amount);
|
|
214
214
|
};
|
|
215
215
|
this.getYear = value => {
|
|
216
|
-
return (0,
|
|
216
|
+
return (0, _index18.default)(value);
|
|
217
217
|
};
|
|
218
218
|
this.getMonth = value => {
|
|
219
|
-
return (0,
|
|
219
|
+
return (0, _index14.default)(value);
|
|
220
220
|
};
|
|
221
221
|
this.getDate = value => {
|
|
222
|
-
return (0,
|
|
222
|
+
return (0, _index10.default)(value);
|
|
223
223
|
};
|
|
224
224
|
this.getHours = value => {
|
|
225
|
-
return (0,
|
|
225
|
+
return (0, _index12.default)(value);
|
|
226
226
|
};
|
|
227
227
|
this.getMinutes = value => {
|
|
228
|
-
return (0,
|
|
228
|
+
return (0, _index13.default)(value);
|
|
229
229
|
};
|
|
230
230
|
this.getSeconds = value => {
|
|
231
|
-
return (0,
|
|
231
|
+
return (0, _index15.default)(value);
|
|
232
232
|
};
|
|
233
233
|
this.getMilliseconds = value => {
|
|
234
|
-
return (0,
|
|
234
|
+
return (0, _index16.default)(value);
|
|
235
235
|
};
|
|
236
236
|
this.setYear = (value, year) => {
|
|
237
|
-
return (0,
|
|
237
|
+
return (0, _index34.default)(value, year);
|
|
238
238
|
};
|
|
239
239
|
this.setMonth = (value, month) => {
|
|
240
|
-
return (0,
|
|
240
|
+
return (0, _index31.default)(value, month);
|
|
241
241
|
};
|
|
242
242
|
this.setDate = (value, date) => {
|
|
243
|
-
return (0,
|
|
243
|
+
return (0, _index28.default)(value, date);
|
|
244
244
|
};
|
|
245
245
|
this.setHours = (value, hours) => {
|
|
246
|
-
return (0,
|
|
246
|
+
return (0, _index29.default)(value, hours);
|
|
247
247
|
};
|
|
248
248
|
this.setMinutes = (value, minutes) => {
|
|
249
|
-
return (0,
|
|
249
|
+
return (0, _index30.default)(value, minutes);
|
|
250
250
|
};
|
|
251
251
|
this.setSeconds = (value, seconds) => {
|
|
252
|
-
return (0,
|
|
252
|
+
return (0, _index32.default)(value, seconds);
|
|
253
253
|
};
|
|
254
254
|
this.setMilliseconds = (value, milliseconds) => {
|
|
255
|
-
return (0,
|
|
255
|
+
return (0, _index33.default)(value, milliseconds);
|
|
256
256
|
};
|
|
257
257
|
this.getDaysInMonth = value => {
|
|
258
|
-
return (0,
|
|
258
|
+
return (0, _index11.default)(value);
|
|
259
259
|
};
|
|
260
260
|
this.getWeekArray = value => {
|
|
261
261
|
const start = this.startOfWeek(this.startOfMonth(value));
|
|
@@ -273,7 +273,7 @@ class AdapterDateFns extends _AdapterDateFnsBase.AdapterDateFnsBase {
|
|
|
273
273
|
return nestedWeeks;
|
|
274
274
|
};
|
|
275
275
|
this.getWeekNumber = value => {
|
|
276
|
-
return (0,
|
|
276
|
+
return (0, _index17.default)(value, {
|
|
277
277
|
locale: this.locale
|
|
278
278
|
});
|
|
279
279
|
};
|
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,113 @@
|
|
|
5
5
|
All notable changes to this project will be documented in this file.
|
|
6
6
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
7
7
|
|
|
8
|
+
## 8.3.0
|
|
9
|
+
|
|
10
|
+
_May 8, 2025_
|
|
11
|
+
|
|
12
|
+
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
|
|
13
|
+
|
|
14
|
+
- 🎨 Added new styling options and shapes for `<FunnelChart />`, including `variant`, `borderRadius`, `pyramid`, and `step-pyramid` curves.
|
|
15
|
+
- 📚 Documentation improvements
|
|
16
|
+
- 🐞 Bugfixes
|
|
17
|
+
|
|
18
|
+
Special thanks go out to this community member for a valuable contribution:
|
|
19
|
+
@ptuukkan.
|
|
20
|
+
Team members who have contributed to this release:
|
|
21
|
+
@alexfauquette, @arminmeh, @bernardobelchior, @flaviendelangle, @Janpot, @JCQuintas, @LukasTy, @MBilalShafi, @rita-codes, @romgrk.
|
|
22
|
+
|
|
23
|
+
### Data Grid
|
|
24
|
+
|
|
25
|
+
#### `@mui/x-data-grid@8.3.0`
|
|
26
|
+
|
|
27
|
+
- [DataGrid] Fix cell editing of computed columns with data source (#17684) @ptuukkan
|
|
28
|
+
- [DataGrid] Fix lazy loading crash with `isRowSelectable` prop (#17629) @MBilalShafi
|
|
29
|
+
- [DataGrid] Fix: use CSS nonce (#17726) @romgrk
|
|
30
|
+
- [DataGrid] Ignore `preProcessEditCellProps` for non-editable columns when starting a row update (#17732) @arminmeh
|
|
31
|
+
- [DataGrid] Avoid applying row selection propagation on filtered rows (#17739) @MBilalShafi
|
|
32
|
+
|
|
33
|
+
#### `@mui/x-data-grid-pro@8.3.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
34
|
+
|
|
35
|
+
Same changes as in `@mui/x-data-grid@8.3.0`.
|
|
36
|
+
|
|
37
|
+
#### `@mui/x-data-grid-premium@8.3.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
38
|
+
|
|
39
|
+
Same changes as in `@mui/x-data-grid-pro@8.3.0`.
|
|
40
|
+
|
|
41
|
+
### Date and Time Pickers
|
|
42
|
+
|
|
43
|
+
#### `@mui/x-date-pickers@8.3.0`
|
|
44
|
+
|
|
45
|
+
- [DateTimePicker] Fix focus behavior on desktop variant (#17719) @LukasTy
|
|
46
|
+
- [pickers] Avoid `DigitalClock` stealing focus from a Picker open button on close (#17686) @LukasTy
|
|
47
|
+
|
|
48
|
+
#### `@mui/x-date-pickers-pro@8.3.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
49
|
+
|
|
50
|
+
Same changes as in `@mui/x-date-pickers@8.3.0`, plus:
|
|
51
|
+
|
|
52
|
+
- [DateRangePicker] Fix to reset range position after closing mobile Picker (#17631) @LukasTy
|
|
53
|
+
|
|
54
|
+
### Charts
|
|
55
|
+
|
|
56
|
+
- The `<FunnelChart />` series now accepts a `variant='outlined'` prop for a simpler style.
|
|
57
|
+
<img width="398" alt="Screenshot 2025-05-06 at 20 36 12" src="https://github.com/user-attachments/assets/00fef14f-9026-421e-a4b6-7e081adce1e8" />
|
|
58
|
+
|
|
59
|
+
- Add a `borderRadius` property to `<FunnelChart />`. All funnels have `8px` as a default value.
|
|
60
|
+
<img width="386" alt="Screenshot 2025-05-06 at 14 00 20" src="https://github.com/user-attachments/assets/4f4cc0e7-01ce-4ed6-a0e1-a387f78def23" />
|
|
61
|
+
|
|
62
|
+
- Add a `pyramid` curve to `<FunnelChart />`, which allows creation of a pyramid-shaped funnel.
|
|
63
|
+
<img width="344" alt="Screenshot 2025-05-06 at 14 32 59" src="https://github.com/user-attachments/assets/0b2896e0-0478-4766-bb1b-258a4977a751" />
|
|
64
|
+
|
|
65
|
+
- Add a `step-pyramid` curve to `<FunnelChart />`, which creates a stepped-pyramid like shape.
|
|
66
|
+
<img width="344" alt="Screenshot 2025-05-06 at 14 33 03" src="https://github.com/user-attachments/assets/894f0ab3-7898-40fe-b0df-560feea4085a" />
|
|
67
|
+
|
|
68
|
+
#### `@mui/x-charts@8.3.0`
|
|
69
|
+
|
|
70
|
+
- [charts] Add charts toolbar with zoom options (#17615) @bernardobelchior
|
|
71
|
+
- [charts] Add zoom slider (#17496) @bernardobelchior
|
|
72
|
+
- [charts] Cleanup compiler warnings (#17360) @alexfauquette
|
|
73
|
+
- [charts] Fix `<PieArcLabel />` not taking `arcLabelRadius` into account (#17655) @bernardobelchior
|
|
74
|
+
- [charts] Fix spark line not having clip path (#17501) @bernardobelchior
|
|
75
|
+
- [charts] Fix type issue with ESM (#17624) @alexfauquette
|
|
76
|
+
- [charts] Improve `<MarkElement />` performance (#17546) @bernardobelchior
|
|
77
|
+
- [charts] Rename `materialSlots` internal constant (#17710) @bernardobelchior
|
|
78
|
+
- [charts] Update zoom slider design (#17682) @bernardobelchior
|
|
79
|
+
- [charts] Fix zoom being documented as available for heatmap (#17657) @bernardobelchior
|
|
80
|
+
|
|
81
|
+
#### `@mui/x-charts-pro@8.3.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
82
|
+
|
|
83
|
+
Same changes as in `@mui/x-charts@8.3.0`, plus:
|
|
84
|
+
|
|
85
|
+
- [charts-pro] Add `pyramid` curve to `<FunnelChart />` (#17665) @JCQuintas
|
|
86
|
+
- [charts-pro] Add `variant='outlined'` to `<FunnelChart />` series (#17661) @JCQuintas
|
|
87
|
+
- [charts-pro] Add a `borderRadius` property to `<FunnelChart />` (#17660) @JCQuintas
|
|
88
|
+
|
|
89
|
+
### Tree View
|
|
90
|
+
|
|
91
|
+
#### `@mui/x-tree-view@8.3.0`
|
|
92
|
+
|
|
93
|
+
- [tree view] Bug fix - Escape does not cancel Drag n Drop (#17735) @rita-codes
|
|
94
|
+
- [tree view] Fix keyboard navigation error (#17685) @rita-codes
|
|
95
|
+
- [tree view] Continue cleaning the plugin system (#17386) @flaviendelangle
|
|
96
|
+
|
|
97
|
+
#### `@mui/x-tree-view-pro@8.3.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
98
|
+
|
|
99
|
+
Same changes as in `@mui/x-tree-view@8.3.0`.
|
|
100
|
+
|
|
101
|
+
### Docs
|
|
102
|
+
|
|
103
|
+
- [charts] Add population pyramid demo (#17652) @bernardobelchior
|
|
104
|
+
- [charts] Fix randomised argos test (#17658) @JCQuintas
|
|
105
|
+
- [docs] Make preview messaging consistent in charts @bernardobelchior
|
|
106
|
+
|
|
107
|
+
### Core
|
|
108
|
+
|
|
109
|
+
- [code-infra] Avoid `node` types in the built packages (#17533) @LukasTy
|
|
110
|
+
- [code-infra] Add `pkg.pr.new` publishing (#17402) @Janpot
|
|
111
|
+
- [code-infra] Normalize author package in org @oliviertassinari
|
|
112
|
+
- [code-infra] Remove required checkout step (#17729) @JCQuintas
|
|
113
|
+
- [docs-infra] Normalize netlify.toml in org @oliviertassinari
|
|
114
|
+
|
|
8
115
|
## 8.2.0
|
|
9
116
|
|
|
10
117
|
_May 1, 2025_
|
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.PickersFadeTransitionGroup = PickersFadeTransitionGroup;
|
|
9
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
9
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
11
10
|
var React = _interopRequireWildcard(require("react"));
|
|
12
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
@@ -54,10 +53,9 @@ function PickersFadeTransitionGroup(inProps) {
|
|
|
54
53
|
if (reduceAnimations) {
|
|
55
54
|
return children;
|
|
56
55
|
}
|
|
57
|
-
const ownerState = (0, _extends2.default)({}, other);
|
|
58
56
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersFadeTransitionGroupRoot, {
|
|
59
57
|
className: (0, _clsx.default)(classes.root, className),
|
|
60
|
-
ownerState:
|
|
58
|
+
ownerState: other,
|
|
61
59
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fade.default, {
|
|
62
60
|
appear: false,
|
|
63
61
|
mountOnEnter: true,
|
|
@@ -44,6 +44,8 @@ const rendererInterceptor = function RendererInterceptor(props) {
|
|
|
44
44
|
} = rendererProps,
|
|
45
45
|
otherProps = (0, _objectWithoutPropertiesLoose2.default)(rendererProps, _excluded);
|
|
46
46
|
const finalProps = (0, _extends2.default)({}, otherProps, {
|
|
47
|
+
// we control the focused view manually
|
|
48
|
+
autoFocus: false,
|
|
47
49
|
focusedView: null,
|
|
48
50
|
sx: [{
|
|
49
51
|
[`&.${_MultiSectionDigitalClock.multiSectionDigitalClockClasses.root}`]: {
|
|
@@ -19,6 +19,7 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
|
|
|
19
19
|
var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
|
|
20
20
|
var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
|
|
21
21
|
var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
|
|
22
|
+
var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
|
|
22
23
|
var _usePickerTranslations = require("../hooks/usePickerTranslations");
|
|
23
24
|
var _useUtils = require("../internals/hooks/useUtils");
|
|
24
25
|
var _timeUtils = require("../internals/utils/time-utils");
|
|
@@ -196,7 +197,7 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
|
|
|
196
197
|
const handleItemSelect = (0, _useEventCallback.default)(newValue => {
|
|
197
198
|
setValueAndGoToNextView(newValue, 'finish');
|
|
198
199
|
});
|
|
199
|
-
|
|
200
|
+
(0, _useEnhancedEffect.default)(() => {
|
|
200
201
|
if (containerRef.current === null) {
|
|
201
202
|
return;
|
|
202
203
|
}
|
|
@@ -340,7 +340,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
|
|
|
340
340
|
items: viewTimeOptions[timeView].items,
|
|
341
341
|
onChange: viewTimeOptions[timeView].onChange,
|
|
342
342
|
active: view === timeView,
|
|
343
|
-
autoFocus: autoFocus
|
|
343
|
+
autoFocus: autoFocus || focusedView === timeView,
|
|
344
344
|
disabled: disabled,
|
|
345
345
|
readOnly: readOnly,
|
|
346
346
|
slots: slots,
|
|
@@ -16,6 +16,7 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
|
|
|
16
16
|
var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
|
|
17
17
|
var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
|
|
18
18
|
var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
|
|
19
|
+
var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
|
|
19
20
|
var _multiSectionDigitalClockSectionClasses = require("./multiSectionDigitalClockSectionClasses");
|
|
20
21
|
var _dimensions = require("../internals/constants/dimensions");
|
|
21
22
|
var _utils = require("../internals/utils/utils");
|
|
@@ -131,7 +132,7 @@ const MultiSectionDigitalClockSection = exports.MultiSectionDigitalClockSection
|
|
|
131
132
|
});
|
|
132
133
|
const classes = useUtilityClasses(classesProp);
|
|
133
134
|
const DigitalClockSectionItem = slots?.digitalClockSectionItem ?? MultiSectionDigitalClockSectionItem;
|
|
134
|
-
|
|
135
|
+
(0, _useEnhancedEffect.default)(() => {
|
|
135
136
|
if (containerRef.current === null) {
|
|
136
137
|
return;
|
|
137
138
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
1
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
2
|
const _excluded = ["children"];
|
|
4
3
|
import * as React from 'react';
|
|
@@ -46,10 +45,9 @@ export function PickersFadeTransitionGroup(inProps) {
|
|
|
46
45
|
if (reduceAnimations) {
|
|
47
46
|
return children;
|
|
48
47
|
}
|
|
49
|
-
const ownerState = _extends({}, other);
|
|
50
48
|
return /*#__PURE__*/_jsx(PickersFadeTransitionGroupRoot, {
|
|
51
49
|
className: clsx(classes.root, className),
|
|
52
|
-
ownerState:
|
|
50
|
+
ownerState: other,
|
|
53
51
|
children: /*#__PURE__*/_jsx(Fade, {
|
|
54
52
|
appear: false,
|
|
55
53
|
mountOnEnter: true,
|
|
@@ -37,6 +37,8 @@ const rendererInterceptor = function RendererInterceptor(props) {
|
|
|
37
37
|
} = rendererProps,
|
|
38
38
|
otherProps = _objectWithoutPropertiesLoose(rendererProps, _excluded);
|
|
39
39
|
const finalProps = _extends({}, otherProps, {
|
|
40
|
+
// we control the focused view manually
|
|
41
|
+
autoFocus: false,
|
|
40
42
|
focusedView: null,
|
|
41
43
|
sx: [{
|
|
42
44
|
[`&.${multiSectionDigitalClockClasses.root}`]: {
|
|
@@ -13,6 +13,7 @@ import composeClasses from '@mui/utils/composeClasses';
|
|
|
13
13
|
import MenuItem from '@mui/material/MenuItem';
|
|
14
14
|
import MenuList from '@mui/material/MenuList';
|
|
15
15
|
import useForkRef from '@mui/utils/useForkRef';
|
|
16
|
+
import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
|
|
16
17
|
import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
|
|
17
18
|
import { useUtils, useNow } from "../internals/hooks/useUtils.js";
|
|
18
19
|
import { createIsAfterIgnoreDatePart } from "../internals/utils/time-utils.js";
|
|
@@ -189,7 +190,7 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
|
|
|
189
190
|
const handleItemSelect = useEventCallback(newValue => {
|
|
190
191
|
setValueAndGoToNextView(newValue, 'finish');
|
|
191
192
|
});
|
|
192
|
-
|
|
193
|
+
useEnhancedEffect(() => {
|
|
193
194
|
if (containerRef.current === null) {
|
|
194
195
|
return;
|
|
195
196
|
}
|
|
@@ -333,7 +333,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
|
|
|
333
333
|
items: viewTimeOptions[timeView].items,
|
|
334
334
|
onChange: viewTimeOptions[timeView].onChange,
|
|
335
335
|
active: view === timeView,
|
|
336
|
-
autoFocus: autoFocus
|
|
336
|
+
autoFocus: autoFocus || focusedView === timeView,
|
|
337
337
|
disabled: disabled,
|
|
338
338
|
readOnly: readOnly,
|
|
339
339
|
slots: slots,
|
|
@@ -10,6 +10,7 @@ import composeClasses from '@mui/utils/composeClasses';
|
|
|
10
10
|
import MenuList from '@mui/material/MenuList';
|
|
11
11
|
import MenuItem from '@mui/material/MenuItem';
|
|
12
12
|
import useForkRef from '@mui/utils/useForkRef';
|
|
13
|
+
import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
|
|
13
14
|
import { getMultiSectionDigitalClockSectionUtilityClass } from "./multiSectionDigitalClockSectionClasses.js";
|
|
14
15
|
import { DIGITAL_CLOCK_VIEW_HEIGHT, MULTI_SECTION_CLOCK_SECTION_WIDTH } from "../internals/constants/dimensions.js";
|
|
15
16
|
import { getFocusedListItemIndex } from "../internals/utils/utils.js";
|
|
@@ -124,7 +125,7 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
|
|
|
124
125
|
});
|
|
125
126
|
const classes = useUtilityClasses(classesProp);
|
|
126
127
|
const DigitalClockSectionItem = slots?.digitalClockSectionItem ?? MultiSectionDigitalClockSectionItem;
|
|
127
|
-
|
|
128
|
+
useEnhancedEffect(() => {
|
|
128
129
|
if (containerRef.current === null) {
|
|
129
130
|
return;
|
|
130
131
|
}
|
package/esm/index.js
CHANGED
|
@@ -32,13 +32,17 @@ export function PickersModalDialog(props) {
|
|
|
32
32
|
open
|
|
33
33
|
} = usePickerContext();
|
|
34
34
|
const {
|
|
35
|
-
dismissViews
|
|
35
|
+
dismissViews,
|
|
36
|
+
onPopperExited
|
|
36
37
|
} = usePickerPrivateContext();
|
|
37
38
|
const Dialog = slots?.dialog ?? PickersModalDialogRoot;
|
|
38
39
|
const Transition = slots?.mobileTransition ?? Fade;
|
|
39
40
|
return /*#__PURE__*/_jsx(Dialog, _extends({
|
|
40
41
|
open: open,
|
|
41
|
-
onClose:
|
|
42
|
+
onClose: () => {
|
|
43
|
+
dismissViews();
|
|
44
|
+
onPopperExited?.();
|
|
45
|
+
}
|
|
42
46
|
}, slotProps?.dialog, {
|
|
43
47
|
TransitionComponent: Transition,
|
|
44
48
|
TransitionProps: slotProps?.mobileTransition,
|
package/index.js
CHANGED
|
@@ -40,13 +40,17 @@ function PickersModalDialog(props) {
|
|
|
40
40
|
open
|
|
41
41
|
} = (0, _hooks.usePickerContext)();
|
|
42
42
|
const {
|
|
43
|
-
dismissViews
|
|
43
|
+
dismissViews,
|
|
44
|
+
onPopperExited
|
|
44
45
|
} = (0, _usePickerPrivateContext.usePickerPrivateContext)();
|
|
45
46
|
const Dialog = slots?.dialog ?? PickersModalDialogRoot;
|
|
46
47
|
const Transition = slots?.mobileTransition ?? _Fade.default;
|
|
47
48
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Dialog, (0, _extends2.default)({
|
|
48
49
|
open: open,
|
|
49
|
-
onClose:
|
|
50
|
+
onClose: () => {
|
|
51
|
+
dismissViews();
|
|
52
|
+
onPopperExited?.();
|
|
53
|
+
}
|
|
50
54
|
}, slotProps?.dialog, {
|
|
51
55
|
TransitionComponent: Transition,
|
|
52
56
|
TransitionProps: slotProps?.mobileTransition,
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-date-pickers",
|
|
3
|
-
"version": "8.
|
|
4
|
-
"description": "The community edition of the Date and Time Picker components (MUI X).",
|
|
3
|
+
"version": "8.3.0",
|
|
5
4
|
"author": "MUI Team",
|
|
5
|
+
"description": "The community edition of the MUI X Date and Time Picker components.",
|
|
6
6
|
"main": "./index.js",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"bugs": {
|
|
@@ -35,13 +35,13 @@
|
|
|
35
35
|
"directory": "packages/x-date-pickers"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@babel/runtime": "^7.27.
|
|
38
|
+
"@babel/runtime": "^7.27.1",
|
|
39
39
|
"@mui/utils": "^7.0.2",
|
|
40
40
|
"@types/react-transition-group": "^4.4.12",
|
|
41
41
|
"clsx": "^2.1.1",
|
|
42
42
|
"prop-types": "^15.8.1",
|
|
43
43
|
"react-transition-group": "^4.4.5",
|
|
44
|
-
"@mui/x-internals": "8.
|
|
44
|
+
"@mui/x-internals": "8.3.0"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
47
|
"@emotion/react": "^11.9.0",
|