@mui/lab 5.0.0-alpha.45 → 5.0.0-alpha.49
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/Alert/Alert.js +1 -1
- package/AlertTitle/AlertTitle.js +1 -1
- package/Autocomplete/Autocomplete.js +1 -1
- package/AvatarGroup/AvatarGroup.js +1 -1
- package/CHANGELOG.md +337 -48
- package/CalendarPicker/CalendarPicker.d.ts +2 -2
- package/CalendarPicker/CalendarPicker.js +2 -2
- package/CalendarPicker/PickersCalendar.d.ts +1 -1
- package/CalendarPicker/PickersCalendarHeader.d.ts +4 -1
- package/CalendarPicker/PickersCalendarHeader.js +0 -1
- package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +2 -2
- package/CalendarPickerSkeleton/CalendarPickerSkeleton.js +4 -4
- package/ClockPicker/Clock.js +3 -3
- package/ClockPicker/ClockPicker.d.ts +6 -4
- package/ClockPicker/ClockPicker.js +3 -3
- package/ClockPicker/shared.js +1 -1
- package/DatePicker/DatePicker.d.ts +3 -3
- package/DatePicker/DatePicker.js +7 -7
- package/DateRangePicker/DateRangePicker.d.ts +2 -2
- package/DateRangePicker/DateRangePicker.js +5 -5
- package/DateRangePicker/DateRangePickerInput.d.ts +1 -1
- package/DateRangePickerDay/DateRangePickerDay.d.ts +2 -2
- package/DateRangePickerDay/DateRangePickerDay.js +2 -2
- package/DateTimePicker/DateTimePicker.d.ts +3 -3
- package/DateTimePicker/DateTimePicker.js +9 -9
- package/DateTimePicker/DateTimePickerToolbar.js +27 -14
- package/DateTimePicker/shared.d.ts +1 -1
- package/DesktopDatePicker/DesktopDatePicker.d.ts +2 -2
- package/DesktopDatePicker/DesktopDatePicker.js +6 -6
- package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +2 -2
- package/DesktopDateRangePicker/DesktopDateRangePicker.js +5 -5
- package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +2 -2
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +8 -8
- package/DesktopTimePicker/DesktopTimePicker.d.ts +2 -2
- package/DesktopTimePicker/DesktopTimePicker.js +5 -5
- package/LoadingButton/LoadingButton.d.ts +3 -3
- package/LoadingButton/LoadingButton.js +2 -2
- package/Masonry/Masonry.d.ts +2 -2
- package/Masonry/Masonry.js +1 -1
- package/MasonryItem/MasonryItem.d.ts +2 -2
- package/MasonryItem/MasonryItem.js +15 -27
- package/MobileDatePicker/MobileDatePicker.d.ts +2 -2
- package/MobileDatePicker/MobileDatePicker.js +4 -4
- package/MobileDateRangePicker/MobileDateRangePicker.d.ts +2 -2
- package/MobileDateRangePicker/MobileDateRangePicker.js +3 -3
- package/MobileDateTimePicker/MobileDateTimePicker.d.ts +2 -2
- package/MobileDateTimePicker/MobileDateTimePicker.js +6 -6
- package/MobileTimePicker/MobileTimePicker.d.ts +2 -2
- package/MobileTimePicker/MobileTimePicker.js +3 -3
- package/MonthPicker/MonthPicker.d.ts +2 -2
- package/MonthPicker/MonthPicker.js +2 -2
- package/Pagination/Pagination.js +1 -1
- package/PaginationItem/PaginationItem.js +1 -1
- package/PickersDay/PickersDay.d.ts +2 -2
- package/PickersDay/PickersDay.js +3 -3
- package/README.md +11 -7
- package/Rating/Rating.js +1 -1
- package/Skeleton/Skeleton.js +1 -1
- package/SpeedDial/SpeedDial.js +1 -1
- package/SpeedDialAction/SpeedDialAction.js +1 -1
- package/SpeedDialIcon/SpeedDialIcon.js +1 -1
- package/StaticDatePicker/StaticDatePicker.d.ts +2 -2
- package/StaticDatePicker/StaticDatePicker.js +4 -4
- package/StaticDateRangePicker/StaticDateRangePicker.d.ts +2 -2
- package/StaticDateRangePicker/StaticDateRangePicker.js +3 -3
- package/StaticDateTimePicker/StaticDateTimePicker.d.ts +2 -2
- package/StaticDateTimePicker/StaticDateTimePicker.js +6 -6
- package/StaticTimePicker/StaticTimePicker.d.ts +2 -2
- package/StaticTimePicker/StaticTimePicker.js +3 -3
- package/TabContext/TabContext.d.ts +2 -2
- package/TabList/TabList.d.ts +3 -3
- package/TabPanel/TabPanel.d.ts +2 -2
- package/TimePicker/TimePicker.d.ts +3 -3
- package/TimePicker/TimePicker.js +6 -6
- package/Timeline/Timeline.d.ts +4 -4
- package/Timeline/Timeline.js +4 -4
- package/TimelineConnector/TimelineConnector.d.ts +2 -2
- package/TimelineContent/TimelineContent.d.ts +3 -3
- package/TimelineDot/TimelineDot.d.ts +2 -2
- package/TimelineItem/TimelineItem.d.ts +2 -2
- package/TimelineOppositeContent/TimelineOppositeContent.d.ts +3 -3
- package/TimelineSeparator/TimelineSeparator.d.ts +2 -2
- package/ToggleButton/ToggleButton.js +1 -1
- package/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/TreeItem/TreeItem.d.ts +3 -3
- package/TreeItem/TreeItem.js +1 -1
- package/TreeView/TreeView.d.ts +2 -2
- package/YearPicker/PickersYear.js +1 -1
- package/YearPicker/YearPicker.d.ts +2 -2
- package/YearPicker/YearPicker.js +2 -2
- package/index.js +1 -1
- package/internal/pickers/PickersArrowSwitcher.d.ts +3 -3
- package/internal/pickers/PickersPopper.d.ts +2 -2
- package/internal/pickers/PureDateInput.d.ts +1 -1
- package/internal/pickers/hooks/date-helpers-hooks.js +1 -1
- package/legacy/Alert/Alert.js +1 -1
- package/legacy/AlertTitle/AlertTitle.js +1 -1
- package/legacy/Autocomplete/Autocomplete.js +1 -1
- package/legacy/AvatarGroup/AvatarGroup.js +1 -1
- package/legacy/CalendarPicker/CalendarPicker.js +2 -2
- package/legacy/CalendarPicker/PickersCalendarHeader.js +0 -1
- package/legacy/CalendarPickerSkeleton/CalendarPickerSkeleton.js +4 -4
- package/legacy/ClockPicker/Clock.js +3 -3
- package/legacy/ClockPicker/ClockPicker.js +3 -3
- package/legacy/ClockPicker/shared.js +1 -1
- package/legacy/DatePicker/DatePicker.js +7 -7
- package/legacy/DateRangePicker/DateRangePicker.js +5 -5
- package/legacy/DateRangePickerDay/DateRangePickerDay.js +2 -2
- package/legacy/DateTimePicker/DateTimePicker.js +9 -9
- package/legacy/DateTimePicker/DateTimePickerToolbar.js +30 -15
- package/legacy/DesktopDatePicker/DesktopDatePicker.js +6 -6
- package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.js +5 -5
- package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js +8 -8
- package/legacy/DesktopTimePicker/DesktopTimePicker.js +5 -5
- package/legacy/LoadingButton/LoadingButton.js +2 -2
- package/legacy/Masonry/Masonry.js +1 -1
- package/legacy/MasonryItem/MasonryItem.js +18 -30
- package/legacy/MobileDatePicker/MobileDatePicker.js +4 -4
- package/legacy/MobileDateRangePicker/MobileDateRangePicker.js +3 -3
- package/legacy/MobileDateTimePicker/MobileDateTimePicker.js +6 -6
- package/legacy/MobileTimePicker/MobileTimePicker.js +3 -3
- package/legacy/MonthPicker/MonthPicker.js +2 -2
- package/legacy/Pagination/Pagination.js +1 -1
- package/legacy/PaginationItem/PaginationItem.js +1 -1
- package/legacy/PickersDay/PickersDay.js +3 -3
- package/legacy/Rating/Rating.js +1 -1
- package/legacy/Skeleton/Skeleton.js +1 -1
- package/legacy/SpeedDial/SpeedDial.js +1 -1
- package/legacy/SpeedDialAction/SpeedDialAction.js +1 -1
- package/legacy/SpeedDialIcon/SpeedDialIcon.js +1 -1
- package/legacy/StaticDatePicker/StaticDatePicker.js +4 -4
- package/legacy/StaticDateRangePicker/StaticDateRangePicker.js +3 -3
- package/legacy/StaticDateTimePicker/StaticDateTimePicker.js +6 -6
- package/legacy/StaticTimePicker/StaticTimePicker.js +3 -3
- package/legacy/TimePicker/TimePicker.js +6 -6
- package/legacy/Timeline/Timeline.js +4 -4
- package/legacy/ToggleButton/ToggleButton.js +1 -1
- package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/legacy/TreeItem/TreeItem.js +1 -1
- package/legacy/YearPicker/PickersYear.js +1 -1
- package/legacy/YearPicker/YearPicker.js +2 -2
- package/legacy/index.js +1 -1
- package/legacy/internal/pickers/hooks/date-helpers-hooks.js +1 -1
- package/modern/Alert/Alert.js +1 -1
- package/modern/AlertTitle/AlertTitle.js +1 -1
- package/modern/Autocomplete/Autocomplete.js +1 -1
- package/modern/AvatarGroup/AvatarGroup.js +1 -1
- package/modern/CalendarPicker/CalendarPicker.js +2 -2
- package/modern/CalendarPicker/PickersCalendarHeader.js +0 -1
- package/modern/CalendarPickerSkeleton/CalendarPickerSkeleton.js +4 -4
- package/modern/ClockPicker/Clock.js +3 -3
- package/modern/ClockPicker/ClockPicker.js +3 -3
- package/modern/ClockPicker/shared.js +1 -1
- package/modern/DatePicker/DatePicker.js +7 -7
- package/modern/DateRangePicker/DateRangePicker.js +5 -5
- package/modern/DateRangePickerDay/DateRangePickerDay.js +2 -2
- package/modern/DateTimePicker/DateTimePicker.js +9 -9
- package/modern/DateTimePicker/DateTimePickerToolbar.js +27 -14
- package/modern/DesktopDatePicker/DesktopDatePicker.js +6 -6
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +5 -5
- package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +8 -8
- package/modern/DesktopTimePicker/DesktopTimePicker.js +5 -5
- package/modern/LoadingButton/LoadingButton.js +2 -2
- package/modern/Masonry/Masonry.js +1 -1
- package/modern/MasonryItem/MasonryItem.js +15 -27
- package/modern/MobileDatePicker/MobileDatePicker.js +4 -4
- package/modern/MobileDateRangePicker/MobileDateRangePicker.js +3 -3
- package/modern/MobileDateTimePicker/MobileDateTimePicker.js +6 -6
- package/modern/MobileTimePicker/MobileTimePicker.js +3 -3
- package/modern/MonthPicker/MonthPicker.js +2 -2
- package/modern/Pagination/Pagination.js +1 -1
- package/modern/PaginationItem/PaginationItem.js +1 -1
- package/modern/PickersDay/PickersDay.js +3 -3
- package/modern/Rating/Rating.js +1 -1
- package/modern/Skeleton/Skeleton.js +1 -1
- package/modern/SpeedDial/SpeedDial.js +1 -1
- package/modern/SpeedDialAction/SpeedDialAction.js +1 -1
- package/modern/SpeedDialIcon/SpeedDialIcon.js +1 -1
- package/modern/StaticDatePicker/StaticDatePicker.js +4 -4
- package/modern/StaticDateRangePicker/StaticDateRangePicker.js +3 -3
- package/modern/StaticDateTimePicker/StaticDateTimePicker.js +6 -6
- package/modern/StaticTimePicker/StaticTimePicker.js +3 -3
- package/modern/TimePicker/TimePicker.js +6 -6
- package/modern/Timeline/Timeline.js +4 -4
- package/modern/ToggleButton/ToggleButton.js +1 -1
- package/modern/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/modern/TreeItem/TreeItem.js +1 -1
- package/modern/YearPicker/PickersYear.js +1 -1
- package/modern/YearPicker/YearPicker.js +2 -2
- package/modern/index.js +1 -1
- package/modern/internal/pickers/hooks/date-helpers-hooks.js +1 -1
- package/node/Alert/Alert.js +1 -1
- package/node/AlertTitle/AlertTitle.js +1 -1
- package/node/Autocomplete/Autocomplete.js +1 -1
- package/node/AvatarGroup/AvatarGroup.js +1 -1
- package/node/CalendarPicker/CalendarPicker.js +2 -2
- package/node/CalendarPicker/PickersCalendarHeader.js +0 -1
- package/node/CalendarPickerSkeleton/CalendarPickerSkeleton.js +4 -4
- package/node/ClockPicker/Clock.js +3 -3
- package/node/ClockPicker/ClockPicker.js +3 -3
- package/node/ClockPicker/shared.js +1 -1
- package/node/DatePicker/DatePicker.js +7 -7
- package/node/DateRangePicker/DateRangePicker.js +5 -5
- package/node/DateRangePickerDay/DateRangePickerDay.js +2 -2
- package/node/DateTimePicker/DateTimePicker.js +9 -9
- package/node/DateTimePicker/DateTimePickerToolbar.js +27 -14
- package/node/DesktopDatePicker/DesktopDatePicker.js +6 -6
- package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +5 -5
- package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +8 -8
- package/node/DesktopTimePicker/DesktopTimePicker.js +5 -5
- package/node/LoadingButton/LoadingButton.js +2 -2
- package/node/Masonry/Masonry.js +1 -1
- package/node/MasonryItem/MasonryItem.js +14 -26
- package/node/MobileDatePicker/MobileDatePicker.js +4 -4
- package/node/MobileDateRangePicker/MobileDateRangePicker.js +3 -3
- package/node/MobileDateTimePicker/MobileDateTimePicker.js +6 -6
- package/node/MobileTimePicker/MobileTimePicker.js +3 -3
- package/node/MonthPicker/MonthPicker.js +2 -2
- package/node/Pagination/Pagination.js +1 -1
- package/node/PaginationItem/PaginationItem.js +1 -1
- package/node/PickersDay/PickersDay.js +3 -3
- package/node/Rating/Rating.js +1 -1
- package/node/Skeleton/Skeleton.js +1 -1
- package/node/SpeedDial/SpeedDial.js +1 -1
- package/node/SpeedDialAction/SpeedDialAction.js +1 -1
- package/node/SpeedDialIcon/SpeedDialIcon.js +1 -1
- package/node/StaticDatePicker/StaticDatePicker.js +4 -4
- package/node/StaticDateRangePicker/StaticDateRangePicker.js +3 -3
- package/node/StaticDateTimePicker/StaticDateTimePicker.js +6 -6
- package/node/StaticTimePicker/StaticTimePicker.js +3 -3
- package/node/TimePicker/TimePicker.js +6 -6
- package/node/Timeline/Timeline.js +4 -4
- package/node/ToggleButton/ToggleButton.js +1 -1
- package/node/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/node/TreeItem/TreeItem.js +1 -1
- package/node/YearPicker/PickersYear.js +1 -1
- package/node/YearPicker/YearPicker.js +2 -2
- package/node/index.js +1 -1
- package/node/internal/pickers/hooks/date-helpers-hooks.js +1 -1
- package/package.json +13 -13
|
@@ -23,11 +23,11 @@ const rangePickerValueManager = {
|
|
|
23
23
|
*
|
|
24
24
|
* Demos:
|
|
25
25
|
*
|
|
26
|
-
* - [Date Range Picker](https://
|
|
26
|
+
* - [Date Range Picker](https://mui.com/components/date-range-picker/)
|
|
27
27
|
*
|
|
28
28
|
* API:
|
|
29
29
|
*
|
|
30
|
-
* - [DesktopDateRangePicker API](https://
|
|
30
|
+
* - [DesktopDateRangePicker API](https://mui.com/api/desktop-date-range-picker/)
|
|
31
31
|
*/
|
|
32
32
|
const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDateRangePicker(inProps, ref) {
|
|
33
33
|
const props = useThemeProps({
|
|
@@ -354,7 +354,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
|
|
|
354
354
|
orientation: PropTypes.oneOf(['landscape', 'portrait']),
|
|
355
355
|
|
|
356
356
|
/**
|
|
357
|
-
* Popper props passed down to [Popper](https://
|
|
357
|
+
* Popper props passed down to [Popper](https://mui.com/api/popper/) component.
|
|
358
358
|
*/
|
|
359
359
|
PopperProps: PropTypes.object,
|
|
360
360
|
|
|
@@ -377,7 +377,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
|
|
|
377
377
|
|
|
378
378
|
/**
|
|
379
379
|
* The `renderInput` prop allows you to customize the rendered input.
|
|
380
|
-
* The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://
|
|
380
|
+
* The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api),
|
|
381
381
|
* that you need to forward to the range start/end inputs respectively.
|
|
382
382
|
* Pay specific attention to the `ref` and `inputProps` keys.
|
|
383
383
|
* @example
|
|
@@ -462,7 +462,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
|
|
|
462
462
|
toolbarTitle: PropTypes.node,
|
|
463
463
|
|
|
464
464
|
/**
|
|
465
|
-
* Custom component for popper [Transition](https://
|
|
465
|
+
* Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
|
|
466
466
|
*/
|
|
467
467
|
TransitionComponent: PropTypes.elementType,
|
|
468
468
|
|
|
@@ -10,11 +10,11 @@ declare type DesktopDateTimePickerComponent = (<TDate>(props: DesktopDateTimePic
|
|
|
10
10
|
*
|
|
11
11
|
* Demos:
|
|
12
12
|
*
|
|
13
|
-
* - [Date Time Picker](https://
|
|
13
|
+
* - [Date Time Picker](https://mui.com/components/date-time-picker/)
|
|
14
14
|
*
|
|
15
15
|
* API:
|
|
16
16
|
*
|
|
17
|
-
* - [DesktopDateTimePicker API](https://
|
|
17
|
+
* - [DesktopDateTimePicker API](https://mui.com/api/desktop-date-time-picker/)
|
|
18
18
|
*/
|
|
19
19
|
declare const DesktopDateTimePicker: DesktopDateTimePickerComponent;
|
|
20
20
|
export default DesktopDateTimePicker;
|
|
@@ -22,11 +22,11 @@ const valueManager = {
|
|
|
22
22
|
*
|
|
23
23
|
* Demos:
|
|
24
24
|
*
|
|
25
|
-
* - [Date Time Picker](https://
|
|
25
|
+
* - [Date Time Picker](https://mui.com/components/date-time-picker/)
|
|
26
26
|
*
|
|
27
27
|
* API:
|
|
28
28
|
*
|
|
29
|
-
* - [DesktopDateTimePicker API](https://
|
|
29
|
+
* - [DesktopDateTimePicker API](https://mui.com/api/desktop-date-time-picker/)
|
|
30
30
|
*/
|
|
31
31
|
const DesktopDateTimePicker = /*#__PURE__*/React.forwardRef(function DesktopDateTimePicker(inProps, ref) {
|
|
32
32
|
// TODO: TDate needs to be instantiated at every usage.
|
|
@@ -367,7 +367,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
|
|
|
367
367
|
/**
|
|
368
368
|
* First view to show.
|
|
369
369
|
*/
|
|
370
|
-
openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'year']),
|
|
370
|
+
openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
|
|
371
371
|
|
|
372
372
|
/**
|
|
373
373
|
* Force rendering in particular orientation.
|
|
@@ -375,7 +375,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
|
|
|
375
375
|
orientation: PropTypes.oneOf(['landscape', 'portrait']),
|
|
376
376
|
|
|
377
377
|
/**
|
|
378
|
-
* Popper props passed down to [Popper](https://
|
|
378
|
+
* Popper props passed down to [Popper](https://mui.com/api/popper/) component.
|
|
379
379
|
*/
|
|
380
380
|
PopperProps: PropTypes.object,
|
|
381
381
|
|
|
@@ -391,13 +391,13 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
|
|
|
391
391
|
reduceAnimations: PropTypes.bool,
|
|
392
392
|
|
|
393
393
|
/**
|
|
394
|
-
* Custom renderer for day. Check the [PickersDay](https://
|
|
394
|
+
* Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
|
|
395
395
|
*/
|
|
396
396
|
renderDay: PropTypes.func,
|
|
397
397
|
|
|
398
398
|
/**
|
|
399
399
|
* The `renderInput` prop allows you to customize the rendered input.
|
|
400
|
-
* The `props` argument of this render prop contains props of [TextField](https://
|
|
400
|
+
* The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
|
|
401
401
|
* Pay specific attention to the `ref` and `inputProps` keys.
|
|
402
402
|
* @example ```jsx
|
|
403
403
|
* renderInput={props => <TextField {...props} />}
|
|
@@ -478,7 +478,7 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
|
|
|
478
478
|
toolbarTitle: PropTypes.node,
|
|
479
479
|
|
|
480
480
|
/**
|
|
481
|
-
* Custom component for popper [Transition](https://
|
|
481
|
+
* Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
|
|
482
482
|
*/
|
|
483
483
|
TransitionComponent: PropTypes.elementType,
|
|
484
484
|
|
|
@@ -490,6 +490,6 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
|
|
|
490
490
|
/**
|
|
491
491
|
* Array of views to show.
|
|
492
492
|
*/
|
|
493
|
-
views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'year']).isRequired)
|
|
493
|
+
views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
|
|
494
494
|
} : void 0;
|
|
495
495
|
export default DesktopDateTimePicker;
|
|
@@ -10,11 +10,11 @@ declare type DesktopTimePickerComponent = (<TDate>(props: DesktopTimePickerProps
|
|
|
10
10
|
*
|
|
11
11
|
* Demos:
|
|
12
12
|
*
|
|
13
|
-
* - [Time Picker](https://
|
|
13
|
+
* - [Time Picker](https://mui.com/components/time-picker/)
|
|
14
14
|
*
|
|
15
15
|
* API:
|
|
16
16
|
*
|
|
17
|
-
* - [DesktopTimePicker API](https://
|
|
17
|
+
* - [DesktopTimePicker API](https://mui.com/api/desktop-time-picker/)
|
|
18
18
|
*/
|
|
19
19
|
declare const DesktopTimePicker: DesktopTimePickerComponent;
|
|
20
20
|
export default DesktopTimePicker;
|
|
@@ -22,11 +22,11 @@ const valueManager = {
|
|
|
22
22
|
*
|
|
23
23
|
* Demos:
|
|
24
24
|
*
|
|
25
|
-
* - [Time Picker](https://
|
|
25
|
+
* - [Time Picker](https://mui.com/components/time-picker/)
|
|
26
26
|
*
|
|
27
27
|
* API:
|
|
28
28
|
*
|
|
29
|
-
* - [DesktopTimePicker API](https://
|
|
29
|
+
* - [DesktopTimePicker API](https://mui.com/api/desktop-time-picker/)
|
|
30
30
|
*/
|
|
31
31
|
const DesktopTimePicker = /*#__PURE__*/React.forwardRef(function DesktopTimePicker(inProps, ref) {
|
|
32
32
|
// TODO: TDate needs to be instantiated at every usage.
|
|
@@ -268,7 +268,7 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes
|
|
|
268
268
|
orientation: PropTypes.oneOf(['landscape', 'portrait']),
|
|
269
269
|
|
|
270
270
|
/**
|
|
271
|
-
* Popper props passed down to [Popper](https://
|
|
271
|
+
* Popper props passed down to [Popper](https://mui.com/api/popper/) component.
|
|
272
272
|
*/
|
|
273
273
|
PopperProps: PropTypes.object,
|
|
274
274
|
|
|
@@ -279,7 +279,7 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes
|
|
|
279
279
|
|
|
280
280
|
/**
|
|
281
281
|
* The `renderInput` prop allows you to customize the rendered input.
|
|
282
|
-
* The `props` argument of this render prop contains props of [TextField](https://
|
|
282
|
+
* The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
|
|
283
283
|
* Pay specific attention to the `ref` and `inputProps` keys.
|
|
284
284
|
* @example ```jsx
|
|
285
285
|
* renderInput={props => <TextField {...props} />}
|
|
@@ -327,7 +327,7 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes
|
|
|
327
327
|
toolbarTitle: PropTypes.node,
|
|
328
328
|
|
|
329
329
|
/**
|
|
330
|
-
* Custom component for popper [Transition](https://
|
|
330
|
+
* Custom component for popper [Transition](https://mui.com/components/transitions/#transitioncomponent-prop).
|
|
331
331
|
*/
|
|
332
332
|
TransitionComponent: PropTypes.elementType,
|
|
333
333
|
|
|
@@ -56,12 +56,12 @@ export type LoadingButtonTypeMap<
|
|
|
56
56
|
*
|
|
57
57
|
* Demos:
|
|
58
58
|
*
|
|
59
|
-
* - [Buttons](https://
|
|
59
|
+
* - [Buttons](https://mui.com/components/buttons/)
|
|
60
60
|
*
|
|
61
61
|
* API:
|
|
62
62
|
*
|
|
63
|
-
* - [LoadingButton API](https://
|
|
64
|
-
* - inherits [Button API](https://
|
|
63
|
+
* - [LoadingButton API](https://mui.com/api/loading-button/)
|
|
64
|
+
* - inherits [Button API](https://mui.com/api/button/)
|
|
65
65
|
*/
|
|
66
66
|
declare const LoadingButton: ExtendButton<LoadingButtonTypeMap>;
|
|
67
67
|
|
|
@@ -170,11 +170,11 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
|
|
|
170
170
|
*/
|
|
171
171
|
loadingPosition: chainPropTypes(PropTypes.oneOf(['start', 'end', 'center']), props => {
|
|
172
172
|
if (props.loadingPosition === 'start' && !props.startIcon) {
|
|
173
|
-
return new Error(`
|
|
173
|
+
return new Error(`MUI: The loadingPosition="start" should be used in combination with startIcon.`);
|
|
174
174
|
}
|
|
175
175
|
|
|
176
176
|
if (props.loadingPosition === 'end' && !props.endIcon) {
|
|
177
|
-
return new Error(`
|
|
177
|
+
return new Error(`MUI: The loadingPosition="end" should be used in combination with endIcon.`);
|
|
178
178
|
}
|
|
179
179
|
|
|
180
180
|
return null;
|
package/Masonry/Masonry.d.ts
CHANGED
|
@@ -34,11 +34,11 @@ export interface MasonryTypeMap<P = {}, D extends React.ElementType = 'div'> {
|
|
|
34
34
|
*
|
|
35
35
|
* Demos:
|
|
36
36
|
*
|
|
37
|
-
* - [Masonry](https://
|
|
37
|
+
* - [Masonry](https://mui.com/components/masonry/)
|
|
38
38
|
*
|
|
39
39
|
* API:
|
|
40
40
|
*
|
|
41
|
-
* - [Masonry API](https://
|
|
41
|
+
* - [Masonry API](https://mui.com/api/masonry/)
|
|
42
42
|
*/
|
|
43
43
|
declare const Masonry: OverridableComponent<MasonryTypeMap>;
|
|
44
44
|
|
package/Masonry/Masonry.js
CHANGED
|
@@ -109,7 +109,7 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
|
|
|
109
109
|
// scroller always appears when masonry's height goes beyond 2,000px on Chrome
|
|
110
110
|
const handleScroll = () => {
|
|
111
111
|
if (masonryRef.current.clientHeight === 1998 && !didWarn) {
|
|
112
|
-
console.warn(['
|
|
112
|
+
console.warn(['MUI: The Masonry can have the maximum height of 2,000px on Chrome browser.', 'Items that go beyond this height fail to be rendered on Chrome browser.', 'You can find more in this open issue: https://github.com/mui-org/material-ui/issues/27934'].join('\n')); // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
113
113
|
|
|
114
114
|
didWarn = true;
|
|
115
115
|
}
|
|
@@ -33,11 +33,11 @@ export interface MasonryItemTypeMap<P = {}, D extends React.ElementType = 'div'>
|
|
|
33
33
|
*
|
|
34
34
|
* Demos:
|
|
35
35
|
*
|
|
36
|
-
* - [Masonry](https://
|
|
36
|
+
* - [Masonry](https://mui.com/components/masonry/)
|
|
37
37
|
*
|
|
38
38
|
* API:
|
|
39
39
|
*
|
|
40
|
-
* - [MasonryItem API](https://
|
|
40
|
+
* - [MasonryItem API](https://mui.com/api/masonry-item/)
|
|
41
41
|
*/
|
|
42
42
|
declare const MasonryItem: OverridableComponent<MasonryItemTypeMap>;
|
|
43
43
|
|
|
@@ -9,18 +9,9 @@ import { unstable_useForkRef as useForkRef } from '@mui/utils';
|
|
|
9
9
|
import { unstable_composeClasses as composeClasses } from '@mui/core';
|
|
10
10
|
import { styled, useThemeProps, useTheme } from '@mui/material/styles';
|
|
11
11
|
import { getMasonryItemUtilityClass } from './masonryItemClasses';
|
|
12
|
-
import MasonryContext from '../Masonry/MasonryContext';
|
|
13
|
-
|
|
12
|
+
import MasonryContext from '../Masonry/MasonryContext';
|
|
14
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
14
|
|
|
16
|
-
const MockResizeObserver = () => {
|
|
17
|
-
return {
|
|
18
|
-
observe: () => {},
|
|
19
|
-
unobserve: () => {},
|
|
20
|
-
disconnect: () => {}
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
|
|
24
15
|
const useUtilityClasses = ownerState => {
|
|
25
16
|
const {
|
|
26
17
|
classes
|
|
@@ -41,7 +32,7 @@ export const style = ({
|
|
|
41
32
|
// all contents should have a width of 100%
|
|
42
33
|
width: '100%',
|
|
43
34
|
boxSizing: 'inherit'
|
|
44
|
-
}, ownerState.
|
|
35
|
+
}, ownerState.hasDefaultHeight && {
|
|
45
36
|
height: '100%'
|
|
46
37
|
}),
|
|
47
38
|
visibility: ownerState.height ? 'visible' : 'hidden',
|
|
@@ -106,39 +97,36 @@ const MasonryItem = /*#__PURE__*/React.forwardRef(function MasonryItem(inProps,
|
|
|
106
97
|
} = props,
|
|
107
98
|
other = _objectWithoutPropertiesLoose(props, _excluded);
|
|
108
99
|
|
|
109
|
-
const
|
|
100
|
+
const hasDefaultHeight = defaultHeight !== undefined;
|
|
110
101
|
const [height, setHeight] = React.useState(defaultHeight);
|
|
111
102
|
|
|
112
103
|
const ownerState = _extends({}, props, {
|
|
113
|
-
isSSR,
|
|
114
104
|
spacing,
|
|
105
|
+
hasDefaultHeight,
|
|
115
106
|
columnSpan,
|
|
116
107
|
height: height < 0 ? 0 : height // MasonryItems to which negative or zero height is passed will be hidden
|
|
117
108
|
|
|
118
109
|
});
|
|
119
110
|
|
|
120
111
|
const classes = useUtilityClasses(ownerState);
|
|
121
|
-
const resizeObserver = React.useRef(null);
|
|
122
112
|
React.useEffect(() => {
|
|
123
|
-
//
|
|
124
|
-
if (
|
|
125
|
-
return
|
|
113
|
+
// Do not create a resize observer in case of provided height masonry
|
|
114
|
+
if (hasDefaultHeight) {
|
|
115
|
+
return undefined;
|
|
126
116
|
}
|
|
127
117
|
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
setHeight(item.contentRect.height);
|
|
131
|
-
});
|
|
132
|
-
} catch (err) {
|
|
133
|
-
resizeObserver.current = MockResizeObserver();
|
|
118
|
+
if (typeof ResizeObserver === 'undefined') {
|
|
119
|
+
return undefined;
|
|
134
120
|
}
|
|
135
121
|
|
|
136
|
-
const
|
|
137
|
-
|
|
122
|
+
const resizeObserver = new ResizeObserver(([item]) => {
|
|
123
|
+
setHeight(item.contentRect.height);
|
|
124
|
+
});
|
|
125
|
+
resizeObserver.observe(masonryItemRef.current.firstChild);
|
|
138
126
|
return () => {
|
|
139
|
-
resizeObserver.
|
|
127
|
+
resizeObserver.disconnect();
|
|
140
128
|
};
|
|
141
|
-
}, [
|
|
129
|
+
}, [hasDefaultHeight]);
|
|
142
130
|
const handleRef = useForkRef(ref, masonryItemRef);
|
|
143
131
|
const theme = useTheme();
|
|
144
132
|
const styleProp = {};
|
|
@@ -10,11 +10,11 @@ declare type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<T
|
|
|
10
10
|
*
|
|
11
11
|
* Demos:
|
|
12
12
|
*
|
|
13
|
-
* - [Date Picker](https://
|
|
13
|
+
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
14
14
|
*
|
|
15
15
|
* API:
|
|
16
16
|
*
|
|
17
|
-
* - [MobileDatePicker API](https://
|
|
17
|
+
* - [MobileDatePicker API](https://mui.com/api/mobile-date-picker/)
|
|
18
18
|
*/
|
|
19
19
|
declare const MobileDatePicker: MobileDatePickerComponent;
|
|
20
20
|
export default MobileDatePicker;
|
|
@@ -22,11 +22,11 @@ const valueManager = {
|
|
|
22
22
|
*
|
|
23
23
|
* Demos:
|
|
24
24
|
*
|
|
25
|
-
* - [Date Picker](https://
|
|
25
|
+
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
26
26
|
*
|
|
27
27
|
* API:
|
|
28
28
|
*
|
|
29
|
-
* - [MobileDatePicker API](https://
|
|
29
|
+
* - [MobileDatePicker API](https://mui.com/api/mobile-date-picker/)
|
|
30
30
|
*/
|
|
31
31
|
const MobileDatePicker = /*#__PURE__*/React.forwardRef(function MobileDatePicker(inProps, ref) {
|
|
32
32
|
// TODO: TDate needs to be instantiated at every usage.
|
|
@@ -343,13 +343,13 @@ process.env.NODE_ENV !== "production" ? MobileDatePicker.propTypes
|
|
|
343
343
|
reduceAnimations: PropTypes.bool,
|
|
344
344
|
|
|
345
345
|
/**
|
|
346
|
-
* Custom renderer for day. Check the [PickersDay](https://
|
|
346
|
+
* Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
|
|
347
347
|
*/
|
|
348
348
|
renderDay: PropTypes.func,
|
|
349
349
|
|
|
350
350
|
/**
|
|
351
351
|
* The `renderInput` prop allows you to customize the rendered input.
|
|
352
|
-
* The `props` argument of this render prop contains props of [TextField](https://
|
|
352
|
+
* The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
|
|
353
353
|
* Pay specific attention to the `ref` and `inputProps` keys.
|
|
354
354
|
* @example ```jsx
|
|
355
355
|
* renderInput={props => <TextField {...props} />}
|
|
@@ -54,11 +54,11 @@ declare type MobileDateRangePickerComponent = (<TDate>(props: MobileDateRangePic
|
|
|
54
54
|
*
|
|
55
55
|
* Demos:
|
|
56
56
|
*
|
|
57
|
-
* - [Date Range Picker](https://
|
|
57
|
+
* - [Date Range Picker](https://mui.com/components/date-range-picker/)
|
|
58
58
|
*
|
|
59
59
|
* API:
|
|
60
60
|
*
|
|
61
|
-
* - [MobileDateRangePicker API](https://
|
|
61
|
+
* - [MobileDateRangePicker API](https://mui.com/api/mobile-date-range-picker/)
|
|
62
62
|
*/
|
|
63
63
|
declare const MobileDateRangePicker: MobileDateRangePickerComponent;
|
|
64
64
|
export default MobileDateRangePicker;
|
|
@@ -23,11 +23,11 @@ const rangePickerValueManager = {
|
|
|
23
23
|
*
|
|
24
24
|
* Demos:
|
|
25
25
|
*
|
|
26
|
-
* - [Date Range Picker](https://
|
|
26
|
+
* - [Date Range Picker](https://mui.com/components/date-range-picker/)
|
|
27
27
|
*
|
|
28
28
|
* API:
|
|
29
29
|
*
|
|
30
|
-
* - [MobileDateRangePicker API](https://
|
|
30
|
+
* - [MobileDateRangePicker API](https://mui.com/api/mobile-date-range-picker/)
|
|
31
31
|
*/
|
|
32
32
|
const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRangePicker(inProps, ref) {
|
|
33
33
|
const props = useThemeProps({
|
|
@@ -397,7 +397,7 @@ process.env.NODE_ENV !== "production" ? MobileDateRangePicker.propTypes
|
|
|
397
397
|
|
|
398
398
|
/**
|
|
399
399
|
* The `renderInput` prop allows you to customize the rendered input.
|
|
400
|
-
* The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://
|
|
400
|
+
* The `startProps` and `endProps` arguments of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api),
|
|
401
401
|
* that you need to forward to the range start/end inputs respectively.
|
|
402
402
|
* Pay specific attention to the `ref` and `inputProps` keys.
|
|
403
403
|
* @example
|
|
@@ -10,11 +10,11 @@ declare type MobileDateTimePickerComponent = (<TDate>(props: MobileDateTimePicke
|
|
|
10
10
|
*
|
|
11
11
|
* Demos:
|
|
12
12
|
*
|
|
13
|
-
* - [Date Time Picker](https://
|
|
13
|
+
* - [Date Time Picker](https://mui.com/components/date-time-picker/)
|
|
14
14
|
*
|
|
15
15
|
* API:
|
|
16
16
|
*
|
|
17
|
-
* - [MobileDateTimePicker API](https://
|
|
17
|
+
* - [MobileDateTimePicker API](https://mui.com/api/mobile-date-time-picker/)
|
|
18
18
|
*/
|
|
19
19
|
declare const MobileDateTimePicker: MobileDateTimePickerComponent;
|
|
20
20
|
export default MobileDateTimePicker;
|
|
@@ -22,11 +22,11 @@ const valueManager = {
|
|
|
22
22
|
*
|
|
23
23
|
* Demos:
|
|
24
24
|
*
|
|
25
|
-
* - [Date Time Picker](https://
|
|
25
|
+
* - [Date Time Picker](https://mui.com/components/date-time-picker/)
|
|
26
26
|
*
|
|
27
27
|
* API:
|
|
28
28
|
*
|
|
29
|
-
* - [MobileDateTimePicker API](https://
|
|
29
|
+
* - [MobileDateTimePicker API](https://mui.com/api/mobile-date-time-picker/)
|
|
30
30
|
*/
|
|
31
31
|
const MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function MobileDateTimePicker(inProps, ref) {
|
|
32
32
|
// TODO: TDate needs to be instantiated at every usage.
|
|
@@ -393,7 +393,7 @@ process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes
|
|
|
393
393
|
/**
|
|
394
394
|
* First view to show.
|
|
395
395
|
*/
|
|
396
|
-
openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'year']),
|
|
396
|
+
openTo: PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']),
|
|
397
397
|
|
|
398
398
|
/**
|
|
399
399
|
* Force rendering in particular orientation.
|
|
@@ -412,13 +412,13 @@ process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes
|
|
|
412
412
|
reduceAnimations: PropTypes.bool,
|
|
413
413
|
|
|
414
414
|
/**
|
|
415
|
-
* Custom renderer for day. Check the [PickersDay](https://
|
|
415
|
+
* Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
|
|
416
416
|
*/
|
|
417
417
|
renderDay: PropTypes.func,
|
|
418
418
|
|
|
419
419
|
/**
|
|
420
420
|
* The `renderInput` prop allows you to customize the rendered input.
|
|
421
|
-
* The `props` argument of this render prop contains props of [TextField](https://
|
|
421
|
+
* The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
|
|
422
422
|
* Pay specific attention to the `ref` and `inputProps` keys.
|
|
423
423
|
* @example ```jsx
|
|
424
424
|
* renderInput={props => <TextField {...props} />}
|
|
@@ -518,6 +518,6 @@ process.env.NODE_ENV !== "production" ? MobileDateTimePicker.propTypes
|
|
|
518
518
|
/**
|
|
519
519
|
* Array of views to show.
|
|
520
520
|
*/
|
|
521
|
-
views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'year']).isRequired)
|
|
521
|
+
views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired)
|
|
522
522
|
} : void 0;
|
|
523
523
|
export default MobileDateTimePicker;
|
|
@@ -10,11 +10,11 @@ declare type MobileTimePickerComponent = (<TDate>(props: MobileTimePickerProps<T
|
|
|
10
10
|
*
|
|
11
11
|
* Demos:
|
|
12
12
|
*
|
|
13
|
-
* - [Time Picker](https://
|
|
13
|
+
* - [Time Picker](https://mui.com/components/time-picker/)
|
|
14
14
|
*
|
|
15
15
|
* API:
|
|
16
16
|
*
|
|
17
|
-
* - [MobileTimePicker API](https://
|
|
17
|
+
* - [MobileTimePicker API](https://mui.com/api/mobile-time-picker/)
|
|
18
18
|
*/
|
|
19
19
|
declare const MobileTimePicker: MobileTimePickerComponent;
|
|
20
20
|
export default MobileTimePicker;
|
|
@@ -22,11 +22,11 @@ const valueManager = {
|
|
|
22
22
|
*
|
|
23
23
|
* Demos:
|
|
24
24
|
*
|
|
25
|
-
* - [Time Picker](https://
|
|
25
|
+
* - [Time Picker](https://mui.com/components/time-picker/)
|
|
26
26
|
*
|
|
27
27
|
* API:
|
|
28
28
|
*
|
|
29
|
-
* - [MobileTimePicker API](https://
|
|
29
|
+
* - [MobileTimePicker API](https://mui.com/api/mobile-time-picker/)
|
|
30
30
|
*/
|
|
31
31
|
const MobileTimePicker = /*#__PURE__*/React.forwardRef(function MobileTimePicker(inProps, ref) {
|
|
32
32
|
// TODO: TDate needs to be instantiated at every usage.
|
|
@@ -300,7 +300,7 @@ process.env.NODE_ENV !== "production" ? MobileTimePicker.propTypes
|
|
|
300
300
|
|
|
301
301
|
/**
|
|
302
302
|
* The `renderInput` prop allows you to customize the rendered input.
|
|
303
|
-
* The `props` argument of this render prop contains props of [TextField](https://
|
|
303
|
+
* The `props` argument of this render prop contains props of [TextField](https://mui.com/api/text-field/#textfield-api) that you need to forward.
|
|
304
304
|
* Pay specific attention to the `ref` and `inputProps` keys.
|
|
305
305
|
* @example ```jsx
|
|
306
306
|
* renderInput={props => <TextField {...props} />}
|
|
@@ -40,10 +40,10 @@ declare const _default: <TDate>(props: MonthPickerProps<TDate> & React.RefAttrib
|
|
|
40
40
|
*
|
|
41
41
|
* Demos:
|
|
42
42
|
*
|
|
43
|
-
* - [Date Picker](https://
|
|
43
|
+
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
44
44
|
*
|
|
45
45
|
* API:
|
|
46
46
|
*
|
|
47
|
-
* - [MonthPicker API](https://
|
|
47
|
+
* - [MonthPicker API](https://mui.com/api/month-picker/)
|
|
48
48
|
*/
|
|
49
49
|
export default _default;
|
|
@@ -155,11 +155,11 @@ process.env.NODE_ENV !== "production" ? MonthPicker.propTypes
|
|
|
155
155
|
*
|
|
156
156
|
* Demos:
|
|
157
157
|
*
|
|
158
|
-
* - [Date Picker](https://
|
|
158
|
+
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
159
159
|
*
|
|
160
160
|
* API:
|
|
161
161
|
*
|
|
162
|
-
* - [MonthPicker API](https://
|
|
162
|
+
* - [MonthPicker API](https://mui.com/api/month-picker/)
|
|
163
163
|
*/
|
|
164
164
|
|
|
165
165
|
export default MonthPicker;
|
package/Pagination/Pagination.js
CHANGED
|
@@ -9,7 +9,7 @@ let warnedOnce = false;
|
|
|
9
9
|
|
|
10
10
|
export default /*#__PURE__*/React.forwardRef(function DeprecatedPagination(props, ref) {
|
|
11
11
|
if (!warnedOnce) {
|
|
12
|
-
console.warn(['
|
|
12
|
+
console.warn(['MUI: The Pagination component was moved from the lab to the core.', '', "You should use `import { Pagination } from '@mui/material'`", "or `import Pagination from '@mui/material/Pagination'`"].join('\n'));
|
|
13
13
|
warnedOnce = true;
|
|
14
14
|
}
|
|
15
15
|
|
|
@@ -9,7 +9,7 @@ let warnedOnce = false;
|
|
|
9
9
|
|
|
10
10
|
export default /*#__PURE__*/React.forwardRef(function DeprecatedPaginationItem(props, ref) {
|
|
11
11
|
if (!warnedOnce) {
|
|
12
|
-
console.warn(['
|
|
12
|
+
console.warn(['MUI: The PaginationItem component was moved from the lab to the core.', '', "You should use `import { PaginationItem } from '@mui/material'`", "or `import PaginationItem from '@mui/material/PaginationItem'`"].join('\n'));
|
|
13
13
|
warnedOnce = true;
|
|
14
14
|
}
|
|
15
15
|
|
|
@@ -84,10 +84,10 @@ declare const _default: <TDate>(props: PickersDayProps<TDate> & React.RefAttribu
|
|
|
84
84
|
*
|
|
85
85
|
* Demos:
|
|
86
86
|
*
|
|
87
|
-
* - [Date Picker](https://
|
|
87
|
+
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
88
88
|
*
|
|
89
89
|
* API:
|
|
90
90
|
*
|
|
91
|
-
* - [PickersDay API](https://
|
|
91
|
+
* - [PickersDay API](https://mui.com/api/pickers-day/)
|
|
92
92
|
*/
|
|
93
93
|
export default _default;
|
package/PickersDay/PickersDay.js
CHANGED
|
@@ -155,7 +155,7 @@ const PickersDay = /*#__PURE__*/React.forwardRef(function PickersDay(inProps, fo
|
|
|
155
155
|
|
|
156
156
|
useEnhancedEffect(() => {
|
|
157
157
|
if (autoFocus && !disabled && !isAnimating && !outsideCurrentMonth) {
|
|
158
|
-
// ref.current being null would be a bug in
|
|
158
|
+
// ref.current being null would be a bug in MUI
|
|
159
159
|
ref.current.focus();
|
|
160
160
|
}
|
|
161
161
|
}, [autoFocus, disabled, isAnimating, outsideCurrentMonth]);
|
|
@@ -386,11 +386,11 @@ process.env.NODE_ENV !== "production" ? PickersDay.propTypes
|
|
|
386
386
|
*
|
|
387
387
|
* Demos:
|
|
388
388
|
*
|
|
389
|
-
* - [Date Picker](https://
|
|
389
|
+
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
390
390
|
*
|
|
391
391
|
* API:
|
|
392
392
|
*
|
|
393
|
-
* - [PickersDay API](https://
|
|
393
|
+
* - [PickersDay API](https://mui.com/api/pickers-day/)
|
|
394
394
|
*/
|
|
395
395
|
|
|
396
396
|
export default /*#__PURE__*/React.memo(PickersDay, areDayPropsEqual);
|
package/README.md
CHANGED
|
@@ -6,27 +6,31 @@ This package hosts the incubator components that are not yet ready to move to `c
|
|
|
6
6
|
|
|
7
7
|
Install the package in your project directory with:
|
|
8
8
|
|
|
9
|
+
<!-- #default-branch-switch -->
|
|
10
|
+
|
|
9
11
|
```sh
|
|
10
12
|
// with npm
|
|
11
|
-
npm install @mui/lab
|
|
13
|
+
npm install @mui/lab
|
|
12
14
|
|
|
13
15
|
// with yarn
|
|
14
|
-
yarn add @mui/lab
|
|
16
|
+
yarn add @mui/lab
|
|
15
17
|
```
|
|
16
18
|
|
|
17
|
-
The lab has a peer dependency on the
|
|
18
|
-
If you are not already using
|
|
19
|
+
The lab has a peer dependency on the Material Design components.
|
|
20
|
+
If you are not already using MUI in your project, you can install it with:
|
|
21
|
+
|
|
22
|
+
<!-- #default-branch-switch -->
|
|
19
23
|
|
|
20
24
|
```sh
|
|
21
25
|
// with npm
|
|
22
|
-
npm install @mui/material
|
|
26
|
+
npm install @mui/material
|
|
23
27
|
|
|
24
28
|
// with yarn
|
|
25
|
-
yarn add @mui/material
|
|
29
|
+
yarn add @mui/material
|
|
26
30
|
```
|
|
27
31
|
|
|
28
32
|
## Documentation
|
|
29
33
|
|
|
30
34
|
<!-- #default-branch-switch -->
|
|
31
35
|
|
|
32
|
-
[The documentation](https://
|
|
36
|
+
[The documentation](https://mui.com/components/about-the-lab/)
|