@mui/lab 7.0.0-beta.8 → 7.0.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/CHANGELOG.md +643 -0
- package/Masonry/Masonry.d.ts +2 -2
- package/Masonry/Masonry.js +12 -13
- package/README.md +3 -3
- package/TabContext/TabContext.d.ts +2 -2
- package/TabList/TabList.d.ts +3 -3
- package/TabPanel/TabPanel.d.ts +3 -3
- package/TabPanel/TabPanel.js +3 -4
- package/Timeline/Timeline.d.ts +2 -2
- package/Timeline/Timeline.js +4 -4
- package/Timeline/Timeline.types.d.ts +1 -1
- package/TimelineConnector/TimelineConnector.d.ts +3 -3
- package/TimelineConnector/TimelineConnector.js +3 -4
- package/TimelineContent/TimelineContent.d.ts +5 -4
- package/TimelineContent/TimelineContent.js +2 -2
- package/TimelineDot/TimelineDot.d.ts +3 -3
- package/TimelineDot/TimelineDot.js +2 -2
- package/TimelineItem/TimelineItem.d.ts +3 -3
- package/TimelineItem/TimelineItem.js +2 -2
- package/TimelineOppositeContent/TimelineOppositeContent.d.ts +5 -4
- package/TimelineOppositeContent/TimelineOppositeContent.js +2 -2
- package/TimelineSeparator/TimelineSeparator.d.ts +3 -3
- package/TimelineSeparator/TimelineSeparator.js +3 -4
- package/esm/Masonry/Masonry.d.ts +2 -2
- package/esm/Masonry/Masonry.js +5 -6
- package/esm/TabContext/TabContext.d.ts +2 -2
- package/esm/TabList/TabList.d.ts +3 -3
- package/esm/TabPanel/TabPanel.d.ts +3 -3
- package/esm/TabPanel/TabPanel.js +2 -3
- package/esm/Timeline/Timeline.d.ts +2 -2
- package/esm/Timeline/Timeline.js +3 -3
- package/esm/Timeline/Timeline.types.d.ts +1 -1
- package/esm/TimelineConnector/TimelineConnector.d.ts +3 -3
- package/esm/TimelineConnector/TimelineConnector.js +2 -3
- package/esm/TimelineContent/TimelineContent.d.ts +5 -4
- package/esm/TimelineContent/TimelineContent.js +1 -1
- package/esm/TimelineDot/TimelineDot.d.ts +3 -3
- package/esm/TimelineDot/TimelineDot.js +1 -1
- package/esm/TimelineItem/TimelineItem.d.ts +3 -3
- package/esm/TimelineItem/TimelineItem.js +1 -1
- package/esm/TimelineOppositeContent/TimelineOppositeContent.d.ts +5 -4
- package/esm/TimelineOppositeContent/TimelineOppositeContent.js +1 -1
- package/esm/TimelineSeparator/TimelineSeparator.d.ts +3 -3
- package/esm/TimelineSeparator/TimelineSeparator.js +2 -3
- package/esm/index.js +1 -1
- package/esm/internal/svg-icons/ArrowDropDown.d.ts +1 -1
- package/esm/internal/svg-icons/ArrowLeft.d.ts +1 -1
- package/esm/internal/svg-icons/ArrowRight.d.ts +1 -1
- package/esm/internal/svg-icons/Calendar.d.ts +1 -1
- package/esm/internal/svg-icons/Clock.d.ts +1 -1
- package/esm/internal/svg-icons/DateRange.d.ts +1 -1
- package/esm/internal/svg-icons/Pen.d.ts +1 -1
- package/esm/internal/svg-icons/Time.d.ts +1 -1
- package/esm/useAutocomplete/index.d.ts +1 -1
- package/esm/useAutocomplete/index.js +1 -1
- package/index.js +1 -1
- package/internal/svg-icons/ArrowDropDown.d.ts +1 -1
- package/internal/svg-icons/ArrowLeft.d.ts +1 -1
- package/internal/svg-icons/ArrowRight.d.ts +1 -1
- package/internal/svg-icons/Calendar.d.ts +1 -1
- package/internal/svg-icons/Clock.d.ts +1 -1
- package/internal/svg-icons/DateRange.d.ts +1 -1
- package/internal/svg-icons/Pen.d.ts +1 -1
- package/internal/svg-icons/Time.d.ts +1 -1
- package/package.json +17 -28
- package/useAutocomplete/index.d.ts +1 -1
- package/useAutocomplete/index.js +4 -3
- package/modern/AdapterDateFns/AdapterDateFns.d.ts +0 -6
- package/modern/AdapterDateFns/AdapterDateFns.js +0 -16
- package/modern/AdapterDateFns/index.d.ts +0 -1
- package/modern/AdapterDateFns/index.js +0 -1
- package/modern/AdapterDayjs/AdapterDayjs.d.ts +0 -6
- package/modern/AdapterDayjs/AdapterDayjs.js +0 -16
- package/modern/AdapterDayjs/index.d.ts +0 -1
- package/modern/AdapterDayjs/index.js +0 -1
- package/modern/AdapterLuxon/AdapterLuxon.d.ts +0 -6
- package/modern/AdapterLuxon/AdapterLuxon.js +0 -16
- package/modern/AdapterLuxon/index.d.ts +0 -1
- package/modern/AdapterLuxon/index.js +0 -1
- package/modern/AdapterMoment/AdapterMoment.d.ts +0 -6
- package/modern/AdapterMoment/AdapterMoment.js +0 -16
- package/modern/AdapterMoment/index.d.ts +0 -1
- package/modern/AdapterMoment/index.js +0 -1
- package/modern/CalendarPicker/CalendarPicker.d.ts +0 -15
- package/modern/CalendarPicker/CalendarPicker.js +0 -21
- package/modern/CalendarPicker/index.d.ts +0 -2
- package/modern/CalendarPicker/index.js +0 -2
- package/modern/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +0 -14
- package/modern/CalendarPickerSkeleton/CalendarPickerSkeleton.js +0 -25
- package/modern/CalendarPickerSkeleton/index.d.ts +0 -2
- package/modern/CalendarPickerSkeleton/index.js +0 -2
- package/modern/ClockPicker/ClockPicker.d.ts +0 -15
- package/modern/ClockPicker/ClockPicker.js +0 -21
- package/modern/ClockPicker/index.d.ts +0 -2
- package/modern/ClockPicker/index.js +0 -2
- package/modern/DatePicker/DatePicker.d.ts +0 -10
- package/modern/DatePicker/DatePicker.js +0 -19
- package/modern/DatePicker/index.d.ts +0 -2
- package/modern/DatePicker/index.js +0 -2
- package/modern/DateRangePicker/DateRangePicker.d.ts +0 -12
- package/modern/DateRangePicker/DateRangePicker.js +0 -18
- package/modern/DateRangePicker/index.d.ts +0 -2
- package/modern/DateRangePicker/index.js +0 -2
- package/modern/DateRangePickerDay/DateRangePickerDay.d.ts +0 -14
- package/modern/DateRangePickerDay/DateRangePickerDay.js +0 -22
- package/modern/DateRangePickerDay/index.d.ts +0 -2
- package/modern/DateRangePickerDay/index.js +0 -2
- package/modern/DateTimePicker/DateTimePicker.d.ts +0 -11
- package/modern/DateTimePicker/DateTimePicker.js +0 -20
- package/modern/DateTimePicker/index.d.ts +0 -2
- package/modern/DateTimePicker/index.js +0 -2
- package/modern/DesktopDatePicker/DesktopDatePicker.d.ts +0 -11
- package/modern/DesktopDatePicker/DesktopDatePicker.js +0 -20
- package/modern/DesktopDatePicker/index.d.ts +0 -2
- package/modern/DesktopDatePicker/index.js +0 -2
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +0 -11
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +0 -18
- package/modern/DesktopDateRangePicker/index.d.ts +0 -2
- package/modern/DesktopDateRangePicker/index.js +0 -2
- package/modern/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +0 -11
- package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -20
- package/modern/DesktopDateTimePicker/index.d.ts +0 -2
- package/modern/DesktopDateTimePicker/index.js +0 -2
- package/modern/DesktopTimePicker/DesktopTimePicker.d.ts +0 -11
- package/modern/DesktopTimePicker/DesktopTimePicker.js +0 -20
- package/modern/DesktopTimePicker/index.d.ts +0 -2
- package/modern/DesktopTimePicker/index.js +0 -2
- package/modern/LoadingButton/LoadingButton.d.ts +0 -3
- package/modern/LoadingButton/LoadingButton.js +0 -23
- package/modern/LoadingButton/index.d.ts +0 -2
- package/modern/LoadingButton/index.js +0 -1
- package/modern/LocalizationProvider/LocalizationProvider.d.ts +0 -11
- package/modern/LocalizationProvider/LocalizationProvider.js +0 -19
- package/modern/LocalizationProvider/index.d.ts +0 -2
- package/modern/LocalizationProvider/index.js +0 -2
- package/modern/Masonry/Masonry.d.ts +0 -62
- package/modern/Masonry/Masonry.js +0 -338
- package/modern/Masonry/index.d.ts +0 -4
- package/modern/Masonry/index.js +0 -3
- package/modern/Masonry/masonryClasses.d.ts +0 -8
- package/modern/Masonry/masonryClasses.js +0 -7
- package/modern/MobileDatePicker/MobileDatePicker.d.ts +0 -11
- package/modern/MobileDatePicker/MobileDatePicker.js +0 -20
- package/modern/MobileDatePicker/index.d.ts +0 -2
- package/modern/MobileDatePicker/index.js +0 -2
- package/modern/MobileDateRangePicker/MobileDateRangePicker.d.ts +0 -11
- package/modern/MobileDateRangePicker/MobileDateRangePicker.js +0 -18
- package/modern/MobileDateRangePicker/index.d.ts +0 -2
- package/modern/MobileDateRangePicker/index.js +0 -2
- package/modern/MobileDateTimePicker/MobileDateTimePicker.d.ts +0 -11
- package/modern/MobileDateTimePicker/MobileDateTimePicker.js +0 -20
- package/modern/MobileDateTimePicker/index.d.ts +0 -2
- package/modern/MobileDateTimePicker/index.js +0 -2
- package/modern/MobileTimePicker/MobileTimePicker.d.ts +0 -11
- package/modern/MobileTimePicker/MobileTimePicker.js +0 -20
- package/modern/MobileTimePicker/index.d.ts +0 -2
- package/modern/MobileTimePicker/index.js +0 -2
- package/modern/MonthPicker/MonthPicker.d.ts +0 -14
- package/modern/MonthPicker/MonthPicker.js +0 -25
- package/modern/MonthPicker/index.d.ts +0 -2
- package/modern/MonthPicker/index.js +0 -2
- package/modern/PickersDay/PickersDay.d.ts +0 -14
- package/modern/PickersDay/PickersDay.js +0 -25
- package/modern/PickersDay/index.d.ts +0 -2
- package/modern/PickersDay/index.js +0 -2
- package/modern/StaticDatePicker/StaticDatePicker.d.ts +0 -11
- package/modern/StaticDatePicker/StaticDatePicker.js +0 -20
- package/modern/StaticDatePicker/index.d.ts +0 -2
- package/modern/StaticDatePicker/index.js +0 -2
- package/modern/StaticDateRangePicker/StaticDateRangePicker.d.ts +0 -11
- package/modern/StaticDateRangePicker/StaticDateRangePicker.js +0 -18
- package/modern/StaticDateRangePicker/index.d.ts +0 -2
- package/modern/StaticDateRangePicker/index.js +0 -2
- package/modern/StaticDateTimePicker/StaticDateTimePicker.d.ts +0 -11
- package/modern/StaticDateTimePicker/StaticDateTimePicker.js +0 -20
- package/modern/StaticDateTimePicker/index.d.ts +0 -2
- package/modern/StaticDateTimePicker/index.js +0 -2
- package/modern/StaticTimePicker/StaticTimePicker.d.ts +0 -11
- package/modern/StaticTimePicker/StaticTimePicker.js +0 -20
- package/modern/StaticTimePicker/index.d.ts +0 -2
- package/modern/StaticTimePicker/index.js +0 -2
- package/modern/TabContext/TabContext.d.ts +0 -29
- package/modern/TabContext/TabContext.js +0 -76
- package/modern/TabContext/index.d.ts +0 -2
- package/modern/TabContext/index.js +0 -2
- package/modern/TabList/TabList.d.ts +0 -30
- package/modern/TabList/TabList.js +0 -44
- package/modern/TabList/index.d.ts +0 -2
- package/modern/TabList/index.js +0 -1
- package/modern/TabPanel/TabPanel.d.ts +0 -41
- package/modern/TabPanel/TabPanel.js +0 -96
- package/modern/TabPanel/index.d.ts +0 -4
- package/modern/TabPanel/index.js +0 -3
- package/modern/TabPanel/tabPanelClasses.d.ts +0 -10
- package/modern/TabPanel/tabPanelClasses.js +0 -7
- package/modern/TimePicker/TimePicker.d.ts +0 -11
- package/modern/TimePicker/TimePicker.js +0 -20
- package/modern/TimePicker/index.d.ts +0 -2
- package/modern/TimePicker/index.js +0 -2
- package/modern/Timeline/Timeline.d.ts +0 -24
- package/modern/Timeline/Timeline.js +0 -114
- package/modern/Timeline/Timeline.types.d.ts +0 -27
- package/modern/Timeline/Timeline.types.js +0 -1
- package/modern/Timeline/TimelineContext.d.ts +0 -6
- package/modern/Timeline/TimelineContext.js +0 -12
- package/modern/Timeline/index.d.ts +0 -4
- package/modern/Timeline/index.js +0 -4
- package/modern/Timeline/timelineClasses.d.ts +0 -16
- package/modern/Timeline/timelineClasses.js +0 -7
- package/modern/TimelineConnector/TimelineConnector.d.ts +0 -31
- package/modern/TimelineConnector/TimelineConnector.js +0 -72
- package/modern/TimelineConnector/index.d.ts +0 -4
- package/modern/TimelineConnector/index.js +0 -3
- package/modern/TimelineConnector/timelineConnectorClasses.d.ts +0 -8
- package/modern/TimelineConnector/timelineConnectorClasses.js +0 -7
- package/modern/TimelineContent/TimelineContent.d.ts +0 -32
- package/modern/TimelineContent/TimelineContent.js +0 -89
- package/modern/TimelineContent/index.d.ts +0 -4
- package/modern/TimelineContent/index.js +0 -3
- package/modern/TimelineContent/timelineContentClasses.d.ts +0 -16
- package/modern/TimelineContent/timelineContentClasses.js +0 -7
- package/modern/TimelineDot/TimelineDot.d.ts +0 -44
- package/modern/TimelineDot/TimelineDot.js +0 -123
- package/modern/TimelineDot/index.d.ts +0 -4
- package/modern/TimelineDot/index.js +0 -3
- package/modern/TimelineDot/timelineDotClasses.d.ts +0 -24
- package/modern/TimelineDot/timelineDotClasses.js +0 -7
- package/modern/TimelineItem/TimelineItem.d.ts +0 -35
- package/modern/TimelineItem/TimelineItem.js +0 -128
- package/modern/TimelineItem/index.d.ts +0 -4
- package/modern/TimelineItem/index.js +0 -3
- package/modern/TimelineItem/timelineItemClasses.d.ts +0 -18
- package/modern/TimelineItem/timelineItemClasses.js +0 -7
- package/modern/TimelineOppositeContent/TimelineOppositeContent.d.ts +0 -35
- package/modern/TimelineOppositeContent/TimelineOppositeContent.js +0 -91
- package/modern/TimelineOppositeContent/index.d.ts +0 -4
- package/modern/TimelineOppositeContent/index.js +0 -3
- package/modern/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +0 -16
- package/modern/TimelineOppositeContent/timelineOppositeContentClasses.js +0 -7
- package/modern/TimelineSeparator/TimelineSeparator.d.ts +0 -31
- package/modern/TimelineSeparator/TimelineSeparator.js +0 -69
- package/modern/TimelineSeparator/index.d.ts +0 -4
- package/modern/TimelineSeparator/index.js +0 -3
- package/modern/TimelineSeparator/timelineSeparatorClasses.d.ts +0 -8
- package/modern/TimelineSeparator/timelineSeparatorClasses.js +0 -7
- package/modern/TreeItem/TreeItem.d.ts +0 -11
- package/modern/TreeItem/TreeItem.js +0 -19
- package/modern/TreeItem/index.d.ts +0 -2
- package/modern/TreeItem/index.js +0 -2
- package/modern/TreeView/TreeView.d.ts +0 -11
- package/modern/TreeView/TreeView.js +0 -20
- package/modern/TreeView/index.d.ts +0 -2
- package/modern/TreeView/index.js +0 -2
- package/modern/YearPicker/YearPicker.d.ts +0 -15
- package/modern/YearPicker/YearPicker.js +0 -24
- package/modern/YearPicker/index.d.ts +0 -2
- package/modern/YearPicker/index.js +0 -2
- package/modern/index.d.ts +0 -78
- package/modern/index.js +0 -88
- package/modern/internal/convertTimelinePositionToClass.d.ts +0 -1
- package/modern/internal/convertTimelinePositionToClass.js +0 -4
- package/modern/internal/svg-icons/ArrowDropDown.d.ts +0 -7
- package/modern/internal/svg-icons/ArrowDropDown.js +0 -12
- package/modern/internal/svg-icons/ArrowLeft.d.ts +0 -7
- package/modern/internal/svg-icons/ArrowLeft.js +0 -12
- package/modern/internal/svg-icons/ArrowRight.d.ts +0 -7
- package/modern/internal/svg-icons/ArrowRight.js +0 -12
- package/modern/internal/svg-icons/Calendar.d.ts +0 -7
- package/modern/internal/svg-icons/Calendar.js +0 -12
- package/modern/internal/svg-icons/Clock.d.ts +0 -7
- package/modern/internal/svg-icons/Clock.js +0 -16
- package/modern/internal/svg-icons/DateRange.d.ts +0 -7
- package/modern/internal/svg-icons/DateRange.js +0 -12
- package/modern/internal/svg-icons/Pen.d.ts +0 -7
- package/modern/internal/svg-icons/Pen.js +0 -12
- package/modern/internal/svg-icons/Time.d.ts +0 -7
- package/modern/internal/svg-icons/Time.js +0 -16
- package/modern/package.json +0 -1
- package/modern/themeAugmentation/components.d.ts +0 -63
- package/modern/themeAugmentation/components.js +0 -2
- package/modern/themeAugmentation/index.d.ts +0 -3
- package/modern/themeAugmentation/index.js +0 -1
- package/modern/themeAugmentation/overrides.d.ts +0 -28
- package/modern/themeAugmentation/overrides.js +0 -4
- package/modern/themeAugmentation/props.d.ts +0 -28
- package/modern/themeAugmentation/props.js +0 -2
- package/modern/useAutocomplete/index.d.ts +0 -1
- package/modern/useAutocomplete/index.js +0 -1
- package/modern/zero-styled/index.d.ts +0 -1
- package/modern/zero-styled/index.js +0 -2
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
let warnedOnce = false;
|
|
5
|
-
const warn = () => {
|
|
6
|
-
if (!warnedOnce) {
|
|
7
|
-
console.warn(['MUI: The LocalizationProvider component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { LocalizationProvider } from '@mui/x-date-pickers'`", "or `import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
|
|
8
|
-
warnedOnce = true;
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
/**
|
|
12
|
-
* @deprecated The LocalizationProvider component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
|
|
13
|
-
* @ignore - do not document.
|
|
14
|
-
*/
|
|
15
|
-
const LocalizationProvider = /*#__PURE__*/React.forwardRef(function DeprecatedLocalizationProvider() {
|
|
16
|
-
warn();
|
|
17
|
-
return null;
|
|
18
|
-
});
|
|
19
|
-
export default LocalizationProvider;
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { ResponsiveStyleValue, SxProps } from '@mui/system';
|
|
2
|
-
import { OverridableComponent, OverrideProps } from '@mui/material/OverridableComponent';
|
|
3
|
-
import { Theme } from '@mui/material/styles';
|
|
4
|
-
import { MasonryClasses } from "./masonryClasses.js";
|
|
5
|
-
export interface MasonryOwnProps {
|
|
6
|
-
/**
|
|
7
|
-
* The content of the component.
|
|
8
|
-
*/
|
|
9
|
-
children: NonNullable<React.ReactNode>;
|
|
10
|
-
/**
|
|
11
|
-
* Override or extend the styles applied to the component.
|
|
12
|
-
*/
|
|
13
|
-
classes?: Partial<MasonryClasses>;
|
|
14
|
-
/**
|
|
15
|
-
* Number of columns.
|
|
16
|
-
* @default 4
|
|
17
|
-
*/
|
|
18
|
-
columns?: ResponsiveStyleValue<number | string>;
|
|
19
|
-
/**
|
|
20
|
-
* The default number of columns of the component. This is provided for server-side rendering.
|
|
21
|
-
*/
|
|
22
|
-
defaultColumns?: number;
|
|
23
|
-
/**
|
|
24
|
-
* The default height of the component in px. This is provided for server-side rendering.
|
|
25
|
-
*/
|
|
26
|
-
defaultHeight?: number;
|
|
27
|
-
/**
|
|
28
|
-
* The default spacing of the component. Like `spacing`, it is a factor of the theme's spacing. This is provided for server-side rendering.
|
|
29
|
-
*/
|
|
30
|
-
defaultSpacing?: number;
|
|
31
|
-
/**
|
|
32
|
-
* Defines the space between children. It is a factor of the theme's spacing.
|
|
33
|
-
* @default 1
|
|
34
|
-
*/
|
|
35
|
-
spacing?: ResponsiveStyleValue<number | string>;
|
|
36
|
-
/**
|
|
37
|
-
* Allows using sequential order rather than adding to shortest column
|
|
38
|
-
* @default false
|
|
39
|
-
*/
|
|
40
|
-
sequential?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* Allows defining system overrides as well as additional CSS styles.
|
|
43
|
-
*/
|
|
44
|
-
sx?: SxProps<Theme>;
|
|
45
|
-
}
|
|
46
|
-
export interface MasonryTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
|
|
47
|
-
props: AdditionalProps & MasonryOwnProps;
|
|
48
|
-
defaultComponent: RootComponent;
|
|
49
|
-
}
|
|
50
|
-
/**
|
|
51
|
-
*
|
|
52
|
-
* Demos:
|
|
53
|
-
*
|
|
54
|
-
* - [Masonry](https://next.mui.com/material-ui/react-masonry/)
|
|
55
|
-
*
|
|
56
|
-
* API:
|
|
57
|
-
*
|
|
58
|
-
* - [Masonry API](https://next.mui.com/material-ui/api/masonry/)
|
|
59
|
-
*/
|
|
60
|
-
declare const Masonry: OverridableComponent<MasonryTypeMap>;
|
|
61
|
-
export type MasonryProps<RootComponent extends React.ElementType = MasonryTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<MasonryTypeMap<AdditionalProps, RootComponent>, RootComponent>;
|
|
62
|
-
export default Masonry;
|
|
@@ -1,338 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import { unstable_composeClasses as composeClasses } from '@mui/base';
|
|
4
|
-
import * as ReactDOM from 'react-dom';
|
|
5
|
-
import { styled, useThemeProps } from '@mui/material/styles';
|
|
6
|
-
import { createUnarySpacing, getValue, handleBreakpoints, unstable_resolveBreakpointValues as resolveBreakpointValues } from '@mui/system';
|
|
7
|
-
import { deepmerge, unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
|
|
8
|
-
import clsx from 'clsx';
|
|
9
|
-
import PropTypes from 'prop-types';
|
|
10
|
-
import * as React from 'react';
|
|
11
|
-
import { getMasonryUtilityClass } from "./masonryClasses.js";
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
export const parseToNumber = val => {
|
|
14
|
-
return Number(val.replace('px', ''));
|
|
15
|
-
};
|
|
16
|
-
const lineBreakStyle = {
|
|
17
|
-
flexBasis: '100%',
|
|
18
|
-
width: 0,
|
|
19
|
-
margin: 0,
|
|
20
|
-
padding: 0
|
|
21
|
-
};
|
|
22
|
-
const useUtilityClasses = ownerState => {
|
|
23
|
-
const {
|
|
24
|
-
classes
|
|
25
|
-
} = ownerState;
|
|
26
|
-
const slots = {
|
|
27
|
-
root: ['root']
|
|
28
|
-
};
|
|
29
|
-
return composeClasses(slots, getMasonryUtilityClass, classes);
|
|
30
|
-
};
|
|
31
|
-
export const getStyle = ({
|
|
32
|
-
ownerState,
|
|
33
|
-
theme
|
|
34
|
-
}) => {
|
|
35
|
-
let styles = {
|
|
36
|
-
width: '100%',
|
|
37
|
-
display: 'flex',
|
|
38
|
-
flexFlow: 'column wrap',
|
|
39
|
-
alignContent: 'flex-start',
|
|
40
|
-
boxSizing: 'border-box',
|
|
41
|
-
'& > *': {
|
|
42
|
-
boxSizing: 'border-box'
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
const stylesSSR = {};
|
|
46
|
-
// Only applicable for Server-Side Rendering
|
|
47
|
-
if (ownerState.isSSR) {
|
|
48
|
-
const orderStyleSSR = {};
|
|
49
|
-
const defaultSpacing = parseToNumber(theme.spacing(ownerState.defaultSpacing));
|
|
50
|
-
for (let i = 1; i <= ownerState.defaultColumns; i += 1) {
|
|
51
|
-
orderStyleSSR[`&:nth-of-type(${ownerState.defaultColumns}n+${i % ownerState.defaultColumns})`] = {
|
|
52
|
-
order: i
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
|
-
stylesSSR.height = ownerState.defaultHeight;
|
|
56
|
-
stylesSSR.margin = -(defaultSpacing / 2);
|
|
57
|
-
stylesSSR['& > *'] = {
|
|
58
|
-
...styles['& > *'],
|
|
59
|
-
...orderStyleSSR,
|
|
60
|
-
margin: defaultSpacing / 2,
|
|
61
|
-
width: `calc(${(100 / ownerState.defaultColumns).toFixed(2)}% - ${defaultSpacing}px)`
|
|
62
|
-
};
|
|
63
|
-
return {
|
|
64
|
-
...styles,
|
|
65
|
-
...stylesSSR
|
|
66
|
-
};
|
|
67
|
-
}
|
|
68
|
-
const spacingValues = resolveBreakpointValues({
|
|
69
|
-
values: ownerState.spacing,
|
|
70
|
-
breakpoints: theme.breakpoints.values
|
|
71
|
-
});
|
|
72
|
-
const transformer = createUnarySpacing(theme);
|
|
73
|
-
const spacingStyleFromPropValue = propValue => {
|
|
74
|
-
let spacing;
|
|
75
|
-
// in case of string/number value
|
|
76
|
-
if (typeof propValue === 'string' && !Number.isNaN(Number(propValue)) || typeof propValue === 'number') {
|
|
77
|
-
const themeSpacingValue = Number(propValue);
|
|
78
|
-
spacing = getValue(transformer, themeSpacingValue);
|
|
79
|
-
} else {
|
|
80
|
-
spacing = propValue;
|
|
81
|
-
}
|
|
82
|
-
return {
|
|
83
|
-
margin: `calc(0px - (${spacing} / 2))`,
|
|
84
|
-
'& > *': {
|
|
85
|
-
margin: `calc(${spacing} / 2)`
|
|
86
|
-
},
|
|
87
|
-
...(ownerState.maxColumnHeight && {
|
|
88
|
-
height: typeof spacing === 'number' ? Math.ceil(ownerState.maxColumnHeight + parseToNumber(spacing)) : `calc(${ownerState.maxColumnHeight}px + ${spacing})`
|
|
89
|
-
})
|
|
90
|
-
};
|
|
91
|
-
};
|
|
92
|
-
styles = deepmerge(styles, handleBreakpoints({
|
|
93
|
-
theme
|
|
94
|
-
}, spacingValues, spacingStyleFromPropValue));
|
|
95
|
-
const columnValues = resolveBreakpointValues({
|
|
96
|
-
values: ownerState.columns,
|
|
97
|
-
breakpoints: theme.breakpoints.values
|
|
98
|
-
});
|
|
99
|
-
const columnStyleFromPropValue = propValue => {
|
|
100
|
-
const columnValue = Number(propValue);
|
|
101
|
-
const width = `${(100 / columnValue).toFixed(2)}%`;
|
|
102
|
-
const spacing = typeof spacingValues === 'string' && !Number.isNaN(Number(spacingValues)) || typeof spacingValues === 'number' ? getValue(transformer, Number(spacingValues)) : '0px';
|
|
103
|
-
return {
|
|
104
|
-
'& > *': {
|
|
105
|
-
width: `calc(${width} - ${spacing})`
|
|
106
|
-
}
|
|
107
|
-
};
|
|
108
|
-
};
|
|
109
|
-
styles = deepmerge(styles, handleBreakpoints({
|
|
110
|
-
theme
|
|
111
|
-
}, columnValues, columnStyleFromPropValue));
|
|
112
|
-
|
|
113
|
-
// configure width for responsive spacing values
|
|
114
|
-
if (typeof spacingValues === 'object') {
|
|
115
|
-
styles = deepmerge(styles, handleBreakpoints({
|
|
116
|
-
theme
|
|
117
|
-
}, spacingValues, (propValue, breakpoint) => {
|
|
118
|
-
if (breakpoint) {
|
|
119
|
-
const themeSpacingValue = Number(propValue);
|
|
120
|
-
const lastBreakpoint = Object.keys(columnValues).pop();
|
|
121
|
-
const spacing = getValue(transformer, themeSpacingValue);
|
|
122
|
-
const column = typeof columnValues === 'object' ? columnValues[breakpoint] || columnValues[lastBreakpoint] : columnValues;
|
|
123
|
-
const width = `${(100 / column).toFixed(2)}%`;
|
|
124
|
-
return {
|
|
125
|
-
'& > *': {
|
|
126
|
-
width: `calc(${width} - ${spacing})`
|
|
127
|
-
}
|
|
128
|
-
};
|
|
129
|
-
}
|
|
130
|
-
return null;
|
|
131
|
-
}));
|
|
132
|
-
}
|
|
133
|
-
return styles;
|
|
134
|
-
};
|
|
135
|
-
const MasonryRoot = styled('div', {
|
|
136
|
-
name: 'MuiMasonry',
|
|
137
|
-
slot: 'Root',
|
|
138
|
-
overridesResolver: (props, styles) => {
|
|
139
|
-
return [styles.root];
|
|
140
|
-
}
|
|
141
|
-
})(getStyle);
|
|
142
|
-
const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
|
|
143
|
-
const props = useThemeProps({
|
|
144
|
-
props: inProps,
|
|
145
|
-
name: 'MuiMasonry'
|
|
146
|
-
});
|
|
147
|
-
const {
|
|
148
|
-
children,
|
|
149
|
-
className,
|
|
150
|
-
component = 'div',
|
|
151
|
-
columns = 4,
|
|
152
|
-
spacing = 1,
|
|
153
|
-
sequential = false,
|
|
154
|
-
defaultColumns,
|
|
155
|
-
defaultHeight,
|
|
156
|
-
defaultSpacing,
|
|
157
|
-
...other
|
|
158
|
-
} = props;
|
|
159
|
-
const masonryRef = React.useRef();
|
|
160
|
-
const [maxColumnHeight, setMaxColumnHeight] = React.useState();
|
|
161
|
-
const isSSR = !maxColumnHeight && defaultHeight && defaultColumns !== undefined && defaultSpacing !== undefined;
|
|
162
|
-
const [numberOfLineBreaks, setNumberOfLineBreaks] = React.useState(isSSR ? defaultColumns - 1 : 0);
|
|
163
|
-
const ownerState = {
|
|
164
|
-
...props,
|
|
165
|
-
spacing,
|
|
166
|
-
columns,
|
|
167
|
-
maxColumnHeight,
|
|
168
|
-
defaultColumns,
|
|
169
|
-
defaultHeight,
|
|
170
|
-
defaultSpacing,
|
|
171
|
-
isSSR
|
|
172
|
-
};
|
|
173
|
-
const classes = useUtilityClasses(ownerState);
|
|
174
|
-
const handleResize = React.useCallback(masonryChildren => {
|
|
175
|
-
if (!masonryRef.current || !masonryChildren || masonryChildren.length === 0) {
|
|
176
|
-
return;
|
|
177
|
-
}
|
|
178
|
-
const masonry = masonryRef.current;
|
|
179
|
-
const masonryFirstChild = masonryRef.current.firstChild;
|
|
180
|
-
const parentWidth = masonry.clientWidth;
|
|
181
|
-
const firstChildWidth = masonryFirstChild.clientWidth;
|
|
182
|
-
if (parentWidth === 0 || firstChildWidth === 0) {
|
|
183
|
-
return;
|
|
184
|
-
}
|
|
185
|
-
const firstChildComputedStyle = window.getComputedStyle(masonryFirstChild);
|
|
186
|
-
const firstChildMarginLeft = parseToNumber(firstChildComputedStyle.marginLeft);
|
|
187
|
-
const firstChildMarginRight = parseToNumber(firstChildComputedStyle.marginRight);
|
|
188
|
-
const currentNumberOfColumns = Math.round(parentWidth / (firstChildWidth + firstChildMarginLeft + firstChildMarginRight));
|
|
189
|
-
const columnHeights = new Array(currentNumberOfColumns).fill(0);
|
|
190
|
-
let skip = false;
|
|
191
|
-
let nextOrder = 1;
|
|
192
|
-
masonry.childNodes.forEach(child => {
|
|
193
|
-
if (child.nodeType !== Node.ELEMENT_NODE || child.dataset.class === 'line-break' || skip) {
|
|
194
|
-
return;
|
|
195
|
-
}
|
|
196
|
-
const childComputedStyle = window.getComputedStyle(child);
|
|
197
|
-
const childMarginTop = parseToNumber(childComputedStyle.marginTop);
|
|
198
|
-
const childMarginBottom = parseToNumber(childComputedStyle.marginBottom);
|
|
199
|
-
// if any one of children isn't rendered yet, masonry's height shouldn't be computed yet
|
|
200
|
-
const childHeight = parseToNumber(childComputedStyle.height) ? Math.ceil(parseToNumber(childComputedStyle.height)) + childMarginTop + childMarginBottom : 0;
|
|
201
|
-
if (childHeight === 0) {
|
|
202
|
-
skip = true;
|
|
203
|
-
return;
|
|
204
|
-
}
|
|
205
|
-
// if there is a nested image that isn't rendered yet, masonry's height shouldn't be computed yet
|
|
206
|
-
for (let i = 0; i < child.childNodes.length; i += 1) {
|
|
207
|
-
const nestedChild = child.childNodes[i];
|
|
208
|
-
if (nestedChild.tagName === 'IMG' && nestedChild.clientHeight === 0) {
|
|
209
|
-
skip = true;
|
|
210
|
-
break;
|
|
211
|
-
}
|
|
212
|
-
}
|
|
213
|
-
if (!skip) {
|
|
214
|
-
if (sequential) {
|
|
215
|
-
columnHeights[nextOrder - 1] += childHeight;
|
|
216
|
-
child.style.order = nextOrder;
|
|
217
|
-
nextOrder += 1;
|
|
218
|
-
if (nextOrder > currentNumberOfColumns) {
|
|
219
|
-
nextOrder = 1;
|
|
220
|
-
}
|
|
221
|
-
} else {
|
|
222
|
-
// find the current shortest column (where the current item will be placed)
|
|
223
|
-
const currentMinColumnIndex = columnHeights.indexOf(Math.min(...columnHeights));
|
|
224
|
-
columnHeights[currentMinColumnIndex] += childHeight;
|
|
225
|
-
const order = currentMinColumnIndex + 1;
|
|
226
|
-
child.style.order = order;
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
});
|
|
230
|
-
if (!skip) {
|
|
231
|
-
// In React 18, state updates in a ResizeObserver's callback are happening after the paint which causes flickering
|
|
232
|
-
// when doing some visual updates in it. Using flushSync ensures that the dom will be painted after the states updates happen
|
|
233
|
-
// Related issue - https://github.com/facebook/react/issues/24331
|
|
234
|
-
ReactDOM.flushSync(() => {
|
|
235
|
-
setMaxColumnHeight(Math.max(...columnHeights));
|
|
236
|
-
setNumberOfLineBreaks(currentNumberOfColumns > 0 ? currentNumberOfColumns - 1 : 0);
|
|
237
|
-
});
|
|
238
|
-
}
|
|
239
|
-
}, [sequential]);
|
|
240
|
-
useEnhancedEffect(() => {
|
|
241
|
-
// IE and old browsers are not supported
|
|
242
|
-
if (typeof ResizeObserver === 'undefined') {
|
|
243
|
-
return undefined;
|
|
244
|
-
}
|
|
245
|
-
let animationFrame;
|
|
246
|
-
const resizeObserver = new ResizeObserver(() => {
|
|
247
|
-
// see https://github.com/mui/material-ui/issues/36909
|
|
248
|
-
animationFrame = requestAnimationFrame(handleResize);
|
|
249
|
-
});
|
|
250
|
-
if (masonryRef.current) {
|
|
251
|
-
masonryRef.current.childNodes.forEach(childNode => {
|
|
252
|
-
resizeObserver.observe(childNode);
|
|
253
|
-
});
|
|
254
|
-
}
|
|
255
|
-
return () => {
|
|
256
|
-
if (animationFrame) {
|
|
257
|
-
cancelAnimationFrame(animationFrame);
|
|
258
|
-
}
|
|
259
|
-
if (resizeObserver) {
|
|
260
|
-
resizeObserver.disconnect();
|
|
261
|
-
}
|
|
262
|
-
};
|
|
263
|
-
}, [columns, spacing, children, handleResize]);
|
|
264
|
-
const handleRef = useForkRef(ref, masonryRef);
|
|
265
|
-
|
|
266
|
-
// columns are likely to have different heights and hence can start to merge;
|
|
267
|
-
// a line break at the end of each column prevents columns from merging
|
|
268
|
-
const lineBreaks = new Array(numberOfLineBreaks).fill('').map((_, index) => /*#__PURE__*/_jsx("span", {
|
|
269
|
-
"data-class": "line-break",
|
|
270
|
-
style: {
|
|
271
|
-
...lineBreakStyle,
|
|
272
|
-
order: index + 1
|
|
273
|
-
}
|
|
274
|
-
}, index));
|
|
275
|
-
return /*#__PURE__*/_jsxs(MasonryRoot, {
|
|
276
|
-
as: component,
|
|
277
|
-
className: clsx(classes.root, className),
|
|
278
|
-
ref: handleRef,
|
|
279
|
-
ownerState: ownerState,
|
|
280
|
-
...other,
|
|
281
|
-
children: [children, lineBreaks]
|
|
282
|
-
});
|
|
283
|
-
});
|
|
284
|
-
process.env.NODE_ENV !== "production" ? Masonry.propTypes /* remove-proptypes */ = {
|
|
285
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
286
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
287
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
288
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
289
|
-
/**
|
|
290
|
-
* The content of the component.
|
|
291
|
-
*/
|
|
292
|
-
children: PropTypes /* @typescript-to-proptypes-ignore */.node.isRequired,
|
|
293
|
-
/**
|
|
294
|
-
* Override or extend the styles applied to the component.
|
|
295
|
-
*/
|
|
296
|
-
classes: PropTypes.object,
|
|
297
|
-
/**
|
|
298
|
-
* @ignore
|
|
299
|
-
*/
|
|
300
|
-
className: PropTypes.string,
|
|
301
|
-
/**
|
|
302
|
-
* Number of columns.
|
|
303
|
-
* @default 4
|
|
304
|
-
*/
|
|
305
|
-
columns: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
|
|
306
|
-
/**
|
|
307
|
-
* The component used for the root node.
|
|
308
|
-
* Either a string to use a HTML element or a component.
|
|
309
|
-
*/
|
|
310
|
-
component: PropTypes.elementType,
|
|
311
|
-
/**
|
|
312
|
-
* The default number of columns of the component. This is provided for server-side rendering.
|
|
313
|
-
*/
|
|
314
|
-
defaultColumns: PropTypes.number,
|
|
315
|
-
/**
|
|
316
|
-
* The default height of the component in px. This is provided for server-side rendering.
|
|
317
|
-
*/
|
|
318
|
-
defaultHeight: PropTypes.number,
|
|
319
|
-
/**
|
|
320
|
-
* The default spacing of the component. Like `spacing`, it is a factor of the theme's spacing. This is provided for server-side rendering.
|
|
321
|
-
*/
|
|
322
|
-
defaultSpacing: PropTypes.number,
|
|
323
|
-
/**
|
|
324
|
-
* Allows using sequential order rather than adding to shortest column
|
|
325
|
-
* @default false
|
|
326
|
-
*/
|
|
327
|
-
sequential: PropTypes.bool,
|
|
328
|
-
/**
|
|
329
|
-
* Defines the space between children. It is a factor of the theme's spacing.
|
|
330
|
-
* @default 1
|
|
331
|
-
*/
|
|
332
|
-
spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
|
|
333
|
-
/**
|
|
334
|
-
* Allows defining system overrides as well as additional CSS styles.
|
|
335
|
-
*/
|
|
336
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
|
337
|
-
} : void 0;
|
|
338
|
-
export default Masonry;
|
package/modern/Masonry/index.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export interface MasonryClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export type MasonryClassKey = keyof MasonryClasses;
|
|
6
|
-
export declare function getMasonryUtilityClass(slot: string): string;
|
|
7
|
-
declare const masonryClasses: MasonryClasses;
|
|
8
|
-
export default masonryClasses;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
-
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
|
-
export function getMasonryUtilityClass(slot) {
|
|
4
|
-
return generateUtilityClass('MuiMasonry', slot);
|
|
5
|
-
}
|
|
6
|
-
const masonryClasses = generateUtilityClasses('MuiMasonry', ['root']);
|
|
7
|
-
export default masonryClasses;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
type MobileDatePickerComponent = (<TDate>(props: MobileDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
3
|
-
propTypes?: any;
|
|
4
|
-
};
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated The MobileDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
|
|
7
|
-
* @ignore - do not document.
|
|
8
|
-
*/
|
|
9
|
-
declare const MobileDatePicker: MobileDatePickerComponent;
|
|
10
|
-
export default MobileDatePicker;
|
|
11
|
-
export type MobileDatePickerProps<TDate> = Record<any, any>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
let warnedOnce = false;
|
|
6
|
-
const warn = () => {
|
|
7
|
-
if (!warnedOnce) {
|
|
8
|
-
console.warn(['MUI: The MobileDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { MobileDatePicker } from '@mui/x-date-pickers'`", "or `import { MobileDatePicker } from '@mui/x-date-pickers/MobileDatePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
|
|
9
|
-
warnedOnce = true;
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* @deprecated The MobileDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
|
|
14
|
-
* @ignore - do not document.
|
|
15
|
-
*/
|
|
16
|
-
const MobileDatePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileDatePicker(props, ref) {
|
|
17
|
-
warn();
|
|
18
|
-
return null;
|
|
19
|
-
});
|
|
20
|
-
export default MobileDatePicker;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
type MobileDateRangePickerComponent = (<TDate>(props: MobileDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
3
|
-
propTypes?: any;
|
|
4
|
-
};
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated The MobileDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
|
|
7
|
-
* @ignore - do not document.
|
|
8
|
-
*/
|
|
9
|
-
declare const MobileDateRangePicker: MobileDateRangePickerComponent;
|
|
10
|
-
export default MobileDateRangePicker;
|
|
11
|
-
export type MobileDateRangePickerProps = Record<any, any>;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
let warnedOnce = false;
|
|
4
|
-
const warn = () => {
|
|
5
|
-
if (!warnedOnce) {
|
|
6
|
-
console.warn(['MUI: The MobileDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`', '', "You should use `import { MobileDateRangePicker } from '@mui/x-date-pickers-pro'`", "or `import { MobileDateRangePicker } from '@mui/x-date-pickers-pro/MobileDateRangePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
|
|
7
|
-
warnedOnce = true;
|
|
8
|
-
}
|
|
9
|
-
};
|
|
10
|
-
/**
|
|
11
|
-
* @deprecated The MobileDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
|
|
12
|
-
* @ignore - do not document.
|
|
13
|
-
*/
|
|
14
|
-
const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileDateRangePicker() {
|
|
15
|
-
warn();
|
|
16
|
-
return null;
|
|
17
|
-
});
|
|
18
|
-
export default MobileDateRangePicker;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
type MobileDateTimePickerComponent = (<TDate>(props: MobileDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
3
|
-
propTypes?: any;
|
|
4
|
-
};
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated The MobileDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
|
|
7
|
-
* @ignore - do not document.
|
|
8
|
-
*/
|
|
9
|
-
declare const MobileDateTimePicker: MobileDateTimePickerComponent;
|
|
10
|
-
export default MobileDateTimePicker;
|
|
11
|
-
export type MobileDateTimePickerProps<TDate> = Record<any, any>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
let warnedOnce = false;
|
|
6
|
-
const warn = () => {
|
|
7
|
-
if (!warnedOnce) {
|
|
8
|
-
console.warn(['MUI: The MobileDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { MobileDateTimePicker } from '@mui/x-date-pickers'`", "or `import { MobileDateTimePicker } from '@mui/x-date-pickers/MobileDateTimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
|
|
9
|
-
warnedOnce = true;
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* @deprecated The MobileDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
|
|
14
|
-
* @ignore - do not document.
|
|
15
|
-
*/
|
|
16
|
-
const MobileDateTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileDateTimePicker() {
|
|
17
|
-
warn();
|
|
18
|
-
return null;
|
|
19
|
-
});
|
|
20
|
-
export default MobileDateTimePicker;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
type MobileTimePickerComponent = (<TDate>(props: MobileTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
3
|
-
propTypes?: any;
|
|
4
|
-
};
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated The MobileTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
|
|
7
|
-
* @ignore - do not document.
|
|
8
|
-
*/
|
|
9
|
-
declare const MobileTimePicker: MobileTimePickerComponent;
|
|
10
|
-
export default MobileTimePicker;
|
|
11
|
-
export type MobileTimePickerProps<TDate> = Record<any, any>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
let warnedOnce = false;
|
|
6
|
-
const warn = () => {
|
|
7
|
-
if (!warnedOnce) {
|
|
8
|
-
console.warn(['MUI: The MobileTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { MobileTimePicker } from '@mui/x-date-pickers'`", "or `import { MobileTimePicker } from '@mui/x-date-pickers/MobileTimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
|
|
9
|
-
warnedOnce = true;
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* @deprecated The MobileTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
|
|
14
|
-
* @ignore - do not document.
|
|
15
|
-
*/
|
|
16
|
-
const MobileTimePicker = /*#__PURE__*/React.forwardRef(function DeprecatedMobileTimePicker() {
|
|
17
|
-
warn();
|
|
18
|
-
return null;
|
|
19
|
-
});
|
|
20
|
-
export default MobileTimePicker;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
type MonthPickerComponent = (<TDate>(props: MonthPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
3
|
-
propTypes?: any;
|
|
4
|
-
};
|
|
5
|
-
/**
|
|
6
|
-
* @deprecated The MonthPicker component was moved from `@mui/lab` to `@mui/x-date-pickers`. More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.
|
|
7
|
-
* @ignore - do not document.
|
|
8
|
-
*/
|
|
9
|
-
declare const MonthPicker: MonthPickerComponent;
|
|
10
|
-
export default MonthPicker;
|
|
11
|
-
export declare const monthPickerClasses: {};
|
|
12
|
-
export declare const getMonthPickerUtilityClass: (slot: string) => string;
|
|
13
|
-
export type MonthPickerProps<TDate> = Record<any, any>;
|
|
14
|
-
export type MonthPickerClassKey = any;
|