@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,123 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { styled, useThemeProps } from '@mui/material/styles';
|
|
7
|
-
import { capitalize } from '@mui/material/utils';
|
|
8
|
-
import { unstable_composeClasses as composeClasses } from '@mui/base';
|
|
9
|
-
import { getTimelineDotUtilityClass } from "./timelineDotClasses.js";
|
|
10
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
-
const useUtilityClasses = ownerState => {
|
|
12
|
-
const {
|
|
13
|
-
color,
|
|
14
|
-
variant,
|
|
15
|
-
classes
|
|
16
|
-
} = ownerState;
|
|
17
|
-
const slots = {
|
|
18
|
-
root: ['root', variant, color !== 'inherit' && `${variant}${capitalize(color)}`]
|
|
19
|
-
};
|
|
20
|
-
return composeClasses(slots, getTimelineDotUtilityClass, classes);
|
|
21
|
-
};
|
|
22
|
-
const TimelineDotRoot = styled('span', {
|
|
23
|
-
name: 'MuiTimelineDot',
|
|
24
|
-
slot: 'Root',
|
|
25
|
-
overridesResolver: (props, styles) => {
|
|
26
|
-
const {
|
|
27
|
-
ownerState
|
|
28
|
-
} = props;
|
|
29
|
-
return [styles.root, styles[ownerState.color !== 'inherit' && `${ownerState.variant}${capitalize(ownerState.color)}`], styles[ownerState.variant]];
|
|
30
|
-
}
|
|
31
|
-
})(({
|
|
32
|
-
ownerState,
|
|
33
|
-
theme
|
|
34
|
-
}) => ({
|
|
35
|
-
display: 'flex',
|
|
36
|
-
alignSelf: 'baseline',
|
|
37
|
-
borderStyle: 'solid',
|
|
38
|
-
borderWidth: 2,
|
|
39
|
-
padding: 4,
|
|
40
|
-
borderRadius: '50%',
|
|
41
|
-
boxShadow: (theme.vars || theme).shadows[1],
|
|
42
|
-
margin: '11.5px 0',
|
|
43
|
-
...(ownerState.variant === 'filled' && {
|
|
44
|
-
borderColor: 'transparent',
|
|
45
|
-
...(ownerState.color !== 'inherit' && {
|
|
46
|
-
...(ownerState.color === 'grey' ? {
|
|
47
|
-
color: (theme.vars || theme).palette.grey[50],
|
|
48
|
-
backgroundColor: (theme.vars || theme).palette.grey[400]
|
|
49
|
-
} : {
|
|
50
|
-
color: (theme.vars || theme).palette[ownerState.color].contrastText,
|
|
51
|
-
backgroundColor: (theme.vars || theme).palette[ownerState.color].main
|
|
52
|
-
})
|
|
53
|
-
})
|
|
54
|
-
}),
|
|
55
|
-
...(ownerState.variant === 'outlined' && {
|
|
56
|
-
boxShadow: 'none',
|
|
57
|
-
backgroundColor: 'transparent',
|
|
58
|
-
...(ownerState.color !== 'inherit' && {
|
|
59
|
-
...(ownerState.color === 'grey' ? {
|
|
60
|
-
borderColor: (theme.vars || theme).palette.grey[400]
|
|
61
|
-
} : {
|
|
62
|
-
borderColor: (theme.vars || theme).palette[ownerState.color].main
|
|
63
|
-
})
|
|
64
|
-
})
|
|
65
|
-
})
|
|
66
|
-
}));
|
|
67
|
-
const TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps, ref) {
|
|
68
|
-
const props = useThemeProps({
|
|
69
|
-
props: inProps,
|
|
70
|
-
name: 'MuiTimelineDot'
|
|
71
|
-
});
|
|
72
|
-
const {
|
|
73
|
-
className,
|
|
74
|
-
color = 'grey',
|
|
75
|
-
variant = 'filled',
|
|
76
|
-
...other
|
|
77
|
-
} = props;
|
|
78
|
-
const ownerState = {
|
|
79
|
-
...props,
|
|
80
|
-
color,
|
|
81
|
-
variant
|
|
82
|
-
};
|
|
83
|
-
const classes = useUtilityClasses(ownerState);
|
|
84
|
-
return /*#__PURE__*/_jsx(TimelineDotRoot, {
|
|
85
|
-
className: clsx(classes.root, className),
|
|
86
|
-
ownerState: ownerState,
|
|
87
|
-
ref: ref,
|
|
88
|
-
...other
|
|
89
|
-
});
|
|
90
|
-
});
|
|
91
|
-
process.env.NODE_ENV !== "production" ? TimelineDot.propTypes /* remove-proptypes */ = {
|
|
92
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
93
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
94
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
95
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
96
|
-
/**
|
|
97
|
-
* The content of the component.
|
|
98
|
-
*/
|
|
99
|
-
children: PropTypes.node,
|
|
100
|
-
/**
|
|
101
|
-
* Override or extend the styles applied to the component.
|
|
102
|
-
*/
|
|
103
|
-
classes: PropTypes.object,
|
|
104
|
-
/**
|
|
105
|
-
* @ignore
|
|
106
|
-
*/
|
|
107
|
-
className: PropTypes.string,
|
|
108
|
-
/**
|
|
109
|
-
* The dot can have a different colors.
|
|
110
|
-
* @default 'grey'
|
|
111
|
-
*/
|
|
112
|
-
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['error', 'grey', 'info', 'inherit', 'primary', 'secondary', 'success', 'warning']), PropTypes.string]),
|
|
113
|
-
/**
|
|
114
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
115
|
-
*/
|
|
116
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
117
|
-
/**
|
|
118
|
-
* The dot can appear filled or outlined.
|
|
119
|
-
* @default 'filled'
|
|
120
|
-
*/
|
|
121
|
-
variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['filled', 'outlined']), PropTypes.string])
|
|
122
|
-
} : void 0;
|
|
123
|
-
export default TimelineDot;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
export interface TimelineDotClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `variant="filled"`. */
|
|
5
|
-
filled: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="outlined"`. */
|
|
7
|
-
outlined: string;
|
|
8
|
-
/** Styles applied to the root element if `color="grey"` and `variant="filled"`. */
|
|
9
|
-
filledGrey: string;
|
|
10
|
-
/** Styles applied to the root element if `color="grey"` and `variant="outlined"`. */
|
|
11
|
-
outlinedGrey: string;
|
|
12
|
-
/** Styles applied to the root element if `color="primary"` and `variant="filled"`. */
|
|
13
|
-
filledPrimary: string;
|
|
14
|
-
/** Styles applied to the root element if `color="primary"` and `variant="outlined"`. */
|
|
15
|
-
outlinedPrimary: string;
|
|
16
|
-
/** Styles applied to the root element if `color="secondary"` and `variant="filled"`. */
|
|
17
|
-
filledSecondary: string;
|
|
18
|
-
/** Styles applied to the root element if `color="secondary"` and `variant="outlined"`. */
|
|
19
|
-
outlinedSecondary: string;
|
|
20
|
-
}
|
|
21
|
-
export type TimelineDotClassKey = keyof TimelineDotClasses;
|
|
22
|
-
export declare function getTimelineDotUtilityClass(slot: string): string;
|
|
23
|
-
declare const timelineDotClasses: TimelineDotClasses;
|
|
24
|
-
export default timelineDotClasses;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
-
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
|
-
export function getTimelineDotUtilityClass(slot) {
|
|
4
|
-
return generateUtilityClass('MuiTimelineDot', slot);
|
|
5
|
-
}
|
|
6
|
-
const timelineDotClasses = generateUtilityClasses('MuiTimelineDot', ['root', 'filled', 'outlined', 'filledGrey', 'outlinedGrey', 'filledPrimary', 'outlinedPrimary', 'filledSecondary', 'outlinedSecondary']);
|
|
7
|
-
export default timelineDotClasses;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { SxProps } from '@mui/system';
|
|
3
|
-
import { Theme } from '@mui/material/styles';
|
|
4
|
-
import { InternalStandardProps as StandardProps } from '@mui/material';
|
|
5
|
-
import { TimelineItemClasses } from "./timelineItemClasses.js";
|
|
6
|
-
export interface TimelineItemProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
|
|
7
|
-
/**
|
|
8
|
-
* The position where the timeline's item should appear.
|
|
9
|
-
*/
|
|
10
|
-
position?: 'left' | 'right' | 'alternate' | 'alternate-reverse';
|
|
11
|
-
/**
|
|
12
|
-
* The content of the component.
|
|
13
|
-
*/
|
|
14
|
-
children?: React.ReactNode;
|
|
15
|
-
/**
|
|
16
|
-
* Override or extend the styles applied to the component.
|
|
17
|
-
*/
|
|
18
|
-
classes?: Partial<TimelineItemClasses>;
|
|
19
|
-
/**
|
|
20
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
21
|
-
*/
|
|
22
|
-
sx?: SxProps<Theme>;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
*
|
|
27
|
-
* Demos:
|
|
28
|
-
*
|
|
29
|
-
* - [Timeline](https://next.mui.com/material-ui/react-timeline/)
|
|
30
|
-
*
|
|
31
|
-
* API:
|
|
32
|
-
*
|
|
33
|
-
* - [TimelineItem API](https://next.mui.com/material-ui/api/timeline-item/)
|
|
34
|
-
*/
|
|
35
|
-
export default function TimelineItem(props: TimelineItemProps): React.JSX.Element;
|
|
@@ -1,128 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { isMuiElement } from '@mui/material/utils';
|
|
7
|
-
import { styled, useThemeProps } from '@mui/material/styles';
|
|
8
|
-
import { unstable_composeClasses as composeClasses } from '@mui/base';
|
|
9
|
-
import { timelineContentClasses } from "../TimelineContent/index.js";
|
|
10
|
-
import { timelineOppositeContentClasses } from "../TimelineOppositeContent/index.js";
|
|
11
|
-
import TimelineContext from "../Timeline/TimelineContext.js";
|
|
12
|
-
import { getTimelineItemUtilityClass } from "./timelineItemClasses.js";
|
|
13
|
-
import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
|
|
14
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
-
const useUtilityClasses = ownerState => {
|
|
16
|
-
const {
|
|
17
|
-
position,
|
|
18
|
-
classes,
|
|
19
|
-
hasOppositeContent
|
|
20
|
-
} = ownerState;
|
|
21
|
-
const slots = {
|
|
22
|
-
root: ['root', convertTimelinePositionToClass(position), !hasOppositeContent && 'missingOppositeContent']
|
|
23
|
-
};
|
|
24
|
-
return composeClasses(slots, getTimelineItemUtilityClass, classes);
|
|
25
|
-
};
|
|
26
|
-
const TimelineItemRoot = styled('li', {
|
|
27
|
-
name: 'MuiTimelineItem',
|
|
28
|
-
slot: 'Root',
|
|
29
|
-
overridesResolver: (props, styles) => {
|
|
30
|
-
const {
|
|
31
|
-
ownerState
|
|
32
|
-
} = props;
|
|
33
|
-
return [styles.root, styles[convertTimelinePositionToClass(ownerState.position)]];
|
|
34
|
-
}
|
|
35
|
-
})(({
|
|
36
|
-
ownerState
|
|
37
|
-
}) => ({
|
|
38
|
-
listStyle: 'none',
|
|
39
|
-
display: 'flex',
|
|
40
|
-
position: 'relative',
|
|
41
|
-
minHeight: 70,
|
|
42
|
-
...(ownerState.position === 'left' && {
|
|
43
|
-
flexDirection: 'row-reverse'
|
|
44
|
-
}),
|
|
45
|
-
...((ownerState.position === 'alternate' || ownerState.position === 'alternate-reverse') && {
|
|
46
|
-
[`&:nth-of-type(${ownerState.position === 'alternate' ? 'even' : 'odd'})`]: {
|
|
47
|
-
flexDirection: 'row-reverse',
|
|
48
|
-
[`& .${timelineContentClasses.root}`]: {
|
|
49
|
-
textAlign: 'right'
|
|
50
|
-
},
|
|
51
|
-
[`& .${timelineOppositeContentClasses.root}`]: {
|
|
52
|
-
textAlign: 'left'
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}),
|
|
56
|
-
...(!ownerState.hasOppositeContent && {
|
|
57
|
-
'&::before': {
|
|
58
|
-
content: '""',
|
|
59
|
-
flex: 1,
|
|
60
|
-
padding: '6px 16px'
|
|
61
|
-
}
|
|
62
|
-
})
|
|
63
|
-
}));
|
|
64
|
-
const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps, ref) {
|
|
65
|
-
const props = useThemeProps({
|
|
66
|
-
props: inProps,
|
|
67
|
-
name: 'MuiTimelineItem'
|
|
68
|
-
});
|
|
69
|
-
const {
|
|
70
|
-
position: positionProp,
|
|
71
|
-
className,
|
|
72
|
-
...other
|
|
73
|
-
} = props;
|
|
74
|
-
const {
|
|
75
|
-
position: positionContext
|
|
76
|
-
} = React.useContext(TimelineContext);
|
|
77
|
-
let hasOppositeContent = false;
|
|
78
|
-
React.Children.forEach(props.children, child => {
|
|
79
|
-
if (isMuiElement(child, ['TimelineOppositeContent'])) {
|
|
80
|
-
hasOppositeContent = true;
|
|
81
|
-
}
|
|
82
|
-
});
|
|
83
|
-
const ownerState = {
|
|
84
|
-
...props,
|
|
85
|
-
position: positionProp || positionContext || 'right',
|
|
86
|
-
hasOppositeContent
|
|
87
|
-
};
|
|
88
|
-
const classes = useUtilityClasses(ownerState);
|
|
89
|
-
const contextValue = React.useMemo(() => ({
|
|
90
|
-
position: ownerState.position
|
|
91
|
-
}), [ownerState.position]);
|
|
92
|
-
return /*#__PURE__*/_jsx(TimelineContext.Provider, {
|
|
93
|
-
value: contextValue,
|
|
94
|
-
children: /*#__PURE__*/_jsx(TimelineItemRoot, {
|
|
95
|
-
className: clsx(classes.root, className),
|
|
96
|
-
ownerState: ownerState,
|
|
97
|
-
ref: ref,
|
|
98
|
-
...other
|
|
99
|
-
})
|
|
100
|
-
});
|
|
101
|
-
});
|
|
102
|
-
process.env.NODE_ENV !== "production" ? TimelineItem.propTypes /* remove-proptypes */ = {
|
|
103
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
104
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
105
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
106
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
107
|
-
/**
|
|
108
|
-
* The content of the component.
|
|
109
|
-
*/
|
|
110
|
-
children: PropTypes.node,
|
|
111
|
-
/**
|
|
112
|
-
* Override or extend the styles applied to the component.
|
|
113
|
-
*/
|
|
114
|
-
classes: PropTypes.object,
|
|
115
|
-
/**
|
|
116
|
-
* @ignore
|
|
117
|
-
*/
|
|
118
|
-
className: PropTypes.string,
|
|
119
|
-
/**
|
|
120
|
-
* The position where the timeline's item should appear.
|
|
121
|
-
*/
|
|
122
|
-
position: PropTypes.oneOf(['alternate-reverse', 'alternate', 'left', 'right']),
|
|
123
|
-
/**
|
|
124
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
125
|
-
*/
|
|
126
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
|
127
|
-
} : void 0;
|
|
128
|
-
export default TimelineItem;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export interface TimelineItemClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `position="left"`. */
|
|
5
|
-
positionLeft: string;
|
|
6
|
-
/** Styles applied to the root element if `position="right"`. */
|
|
7
|
-
positionRight: string;
|
|
8
|
-
/** Styles applied to the root element if `position="alternate"`. */
|
|
9
|
-
positionAlternate: string;
|
|
10
|
-
/** Styles applied to the root element if `position="alternate-reverse"`. */
|
|
11
|
-
positionAlternateReverse: string;
|
|
12
|
-
/** Styles applied to the root element if TimelineOppositeContent isn't provided. */
|
|
13
|
-
missingOppositeContent: string;
|
|
14
|
-
}
|
|
15
|
-
export type TimelineItemClassKey = keyof TimelineItemClasses;
|
|
16
|
-
export declare function getTimelineItemUtilityClass(slot: string): string;
|
|
17
|
-
declare const timelineItemClasses: TimelineItemClasses;
|
|
18
|
-
export default timelineItemClasses;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
-
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
|
-
export function getTimelineItemUtilityClass(slot) {
|
|
4
|
-
return generateUtilityClass('MuiTimelineItem', slot);
|
|
5
|
-
}
|
|
6
|
-
const timelineItemClasses = generateUtilityClasses('MuiTimelineItem', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'positionAlternateReverse', 'missingOppositeContent']);
|
|
7
|
-
export default timelineItemClasses;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { SxProps } from '@mui/system';
|
|
3
|
-
import { Theme } from '@mui/material/styles';
|
|
4
|
-
import { InternalStandardProps as StandardProps, TypographyProps } from '@mui/material';
|
|
5
|
-
import { TimelineOppositeContentClasses } from "./timelineOppositeContentClasses.js";
|
|
6
|
-
export interface TimelineOppositeContentProps extends StandardProps<TypographyProps> {
|
|
7
|
-
/**
|
|
8
|
-
* The content of the component.
|
|
9
|
-
*/
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* Override or extend the styles applied to the component.
|
|
13
|
-
*/
|
|
14
|
-
classes?: Partial<TimelineOppositeContentClasses>;
|
|
15
|
-
/**
|
|
16
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
17
|
-
*/
|
|
18
|
-
sx?: SxProps<Theme>;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
*
|
|
23
|
-
* Demos:
|
|
24
|
-
*
|
|
25
|
-
* - [Timeline](https://next.mui.com/material-ui/react-timeline/)
|
|
26
|
-
*
|
|
27
|
-
* API:
|
|
28
|
-
*
|
|
29
|
-
* - [TimelineOppositeContent API](https://next.mui.com/material-ui/api/timeline-opposite-content/)
|
|
30
|
-
* - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
|
|
31
|
-
*/
|
|
32
|
-
declare const TimelineOppositeContent: ((props: TimelineOppositeContentProps) => React.JSX.Element) & {
|
|
33
|
-
muiName: string;
|
|
34
|
-
};
|
|
35
|
-
export default TimelineOppositeContent;
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { styled, useThemeProps } from '@mui/material/styles';
|
|
7
|
-
import { unstable_composeClasses as composeClasses } from '@mui/base';
|
|
8
|
-
import Typography from '@mui/material/Typography';
|
|
9
|
-
import TimelineContext from "../Timeline/TimelineContext.js";
|
|
10
|
-
import { getTimelineOppositeContentUtilityClass } from "./timelineOppositeContentClasses.js";
|
|
11
|
-
import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
const useUtilityClasses = ownerState => {
|
|
14
|
-
const {
|
|
15
|
-
position,
|
|
16
|
-
classes
|
|
17
|
-
} = ownerState;
|
|
18
|
-
const slots = {
|
|
19
|
-
root: ['root', convertTimelinePositionToClass(position)]
|
|
20
|
-
};
|
|
21
|
-
return composeClasses(slots, getTimelineOppositeContentUtilityClass, classes);
|
|
22
|
-
};
|
|
23
|
-
const TimelineOppositeContentRoot = styled(Typography, {
|
|
24
|
-
name: 'MuiTimelineOppositeContent',
|
|
25
|
-
slot: 'Root',
|
|
26
|
-
overridesResolver: (props, styles) => {
|
|
27
|
-
const {
|
|
28
|
-
ownerState
|
|
29
|
-
} = props;
|
|
30
|
-
return [styles.root, styles[convertTimelinePositionToClass(ownerState.position)]];
|
|
31
|
-
}
|
|
32
|
-
})(({
|
|
33
|
-
ownerState
|
|
34
|
-
}) => ({
|
|
35
|
-
padding: '6px 16px',
|
|
36
|
-
marginRight: 'auto',
|
|
37
|
-
textAlign: 'right',
|
|
38
|
-
flex: 1,
|
|
39
|
-
...(ownerState.position === 'left' && {
|
|
40
|
-
textAlign: 'left'
|
|
41
|
-
})
|
|
42
|
-
}));
|
|
43
|
-
const TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineOppositeContent(inProps, ref) {
|
|
44
|
-
const props = useThemeProps({
|
|
45
|
-
props: inProps,
|
|
46
|
-
name: 'MuiTimelineOppositeContent'
|
|
47
|
-
});
|
|
48
|
-
const {
|
|
49
|
-
className,
|
|
50
|
-
...other
|
|
51
|
-
} = props;
|
|
52
|
-
const {
|
|
53
|
-
position: positionContext
|
|
54
|
-
} = React.useContext(TimelineContext);
|
|
55
|
-
const ownerState = {
|
|
56
|
-
...props,
|
|
57
|
-
position: positionContext || 'left'
|
|
58
|
-
};
|
|
59
|
-
const classes = useUtilityClasses(ownerState);
|
|
60
|
-
return /*#__PURE__*/_jsx(TimelineOppositeContentRoot, {
|
|
61
|
-
component: "div",
|
|
62
|
-
className: clsx(classes.root, className),
|
|
63
|
-
ownerState: ownerState,
|
|
64
|
-
ref: ref,
|
|
65
|
-
...other
|
|
66
|
-
});
|
|
67
|
-
});
|
|
68
|
-
process.env.NODE_ENV !== "production" ? TimelineOppositeContent.propTypes /* remove-proptypes */ = {
|
|
69
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
70
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
71
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
72
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
73
|
-
/**
|
|
74
|
-
* The content of the component.
|
|
75
|
-
*/
|
|
76
|
-
children: PropTypes.node,
|
|
77
|
-
/**
|
|
78
|
-
* Override or extend the styles applied to the component.
|
|
79
|
-
*/
|
|
80
|
-
classes: PropTypes.object,
|
|
81
|
-
/**
|
|
82
|
-
* @ignore
|
|
83
|
-
*/
|
|
84
|
-
className: PropTypes.string,
|
|
85
|
-
/**
|
|
86
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
87
|
-
*/
|
|
88
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
|
89
|
-
} : void 0;
|
|
90
|
-
TimelineOppositeContent.muiName = 'TimelineOppositeContent';
|
|
91
|
-
export default TimelineOppositeContent;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export interface TimelineOppositeContentClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `position="right"`. */
|
|
5
|
-
positionRight: string;
|
|
6
|
-
/** Styles applied to the root element if `position="left"`. */
|
|
7
|
-
positionLeft: string;
|
|
8
|
-
/** Styles applied to the root element if `position="alternate"`. */
|
|
9
|
-
positionAlternate: string;
|
|
10
|
-
/** Styles applied to the root element if `position="alternate-reverse"`. */
|
|
11
|
-
positionAlternateReverse: string;
|
|
12
|
-
}
|
|
13
|
-
export type TimelineOppositeContentClassKey = keyof TimelineOppositeContentClasses;
|
|
14
|
-
export declare function getTimelineOppositeContentUtilityClass(slot: string): string;
|
|
15
|
-
declare const timelineOppositeContentClasses: TimelineOppositeContentClasses;
|
|
16
|
-
export default timelineOppositeContentClasses;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
-
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
|
-
export function getTimelineOppositeContentUtilityClass(slot) {
|
|
4
|
-
return generateUtilityClass('MuiTimelineOppositeContent', slot);
|
|
5
|
-
}
|
|
6
|
-
const timelineOppositeContentClasses = generateUtilityClasses('MuiTimelineOppositeContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'positionAlternateReverse']);
|
|
7
|
-
export default timelineOppositeContentClasses;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { InternalStandardProps as StandardProps } from '@mui/material';
|
|
3
|
-
import { Theme } from '@mui/material/styles';
|
|
4
|
-
import { SxProps } from '@mui/system';
|
|
5
|
-
import { TimelineSeparatorClasses } from "./timelineSeparatorClasses.js";
|
|
6
|
-
export interface TimelineSeparatorProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
|
|
7
|
-
/**
|
|
8
|
-
* The content of the component.
|
|
9
|
-
*/
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* Override or extend the styles applied to the component.
|
|
13
|
-
*/
|
|
14
|
-
classes?: Partial<TimelineSeparatorClasses>;
|
|
15
|
-
/**
|
|
16
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
17
|
-
*/
|
|
18
|
-
sx?: SxProps<Theme>;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
*
|
|
23
|
-
* Demos:
|
|
24
|
-
*
|
|
25
|
-
* - [Timeline](https://next.mui.com/material-ui/react-timeline/)
|
|
26
|
-
*
|
|
27
|
-
* API:
|
|
28
|
-
*
|
|
29
|
-
* - [TimelineSeparator API](https://next.mui.com/material-ui/api/timeline-separator/)
|
|
30
|
-
*/
|
|
31
|
-
export default function TimelineSeparator(props: TimelineSeparatorProps): React.JSX.Element;
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
|
-
import clsx from 'clsx';
|
|
6
|
-
import { unstable_composeClasses as composeClasses } from '@mui/base';
|
|
7
|
-
import { styled, useThemeProps } from '@mui/material/styles';
|
|
8
|
-
import { getTimelineSeparatorUtilityClass } from "./timelineSeparatorClasses.js";
|
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
const useUtilityClasses = ownerState => {
|
|
11
|
-
const {
|
|
12
|
-
classes
|
|
13
|
-
} = ownerState;
|
|
14
|
-
const slots = {
|
|
15
|
-
root: ['root']
|
|
16
|
-
};
|
|
17
|
-
return composeClasses(slots, getTimelineSeparatorUtilityClass, classes);
|
|
18
|
-
};
|
|
19
|
-
const TimelineSeparatorRoot = styled('div', {
|
|
20
|
-
name: 'MuiTimelineSeparator',
|
|
21
|
-
slot: 'Root',
|
|
22
|
-
overridesResolver: (props, styles) => styles.root
|
|
23
|
-
})({
|
|
24
|
-
display: 'flex',
|
|
25
|
-
flexDirection: 'column',
|
|
26
|
-
flex: 0,
|
|
27
|
-
alignItems: 'center'
|
|
28
|
-
});
|
|
29
|
-
const TimelineSeparator = /*#__PURE__*/React.forwardRef(function TimelineSeparator(inProps, ref) {
|
|
30
|
-
const props = useThemeProps({
|
|
31
|
-
props: inProps,
|
|
32
|
-
name: 'MuiTimelineSeparator'
|
|
33
|
-
});
|
|
34
|
-
const {
|
|
35
|
-
className,
|
|
36
|
-
...other
|
|
37
|
-
} = props;
|
|
38
|
-
const ownerState = props;
|
|
39
|
-
const classes = useUtilityClasses(ownerState);
|
|
40
|
-
return /*#__PURE__*/_jsx(TimelineSeparatorRoot, {
|
|
41
|
-
className: clsx(classes.root, className),
|
|
42
|
-
ownerState: ownerState,
|
|
43
|
-
ref: ref,
|
|
44
|
-
...other
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
process.env.NODE_ENV !== "production" ? TimelineSeparator.propTypes /* remove-proptypes */ = {
|
|
48
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
49
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
50
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
51
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
52
|
-
/**
|
|
53
|
-
* The content of the component.
|
|
54
|
-
*/
|
|
55
|
-
children: PropTypes.node,
|
|
56
|
-
/**
|
|
57
|
-
* Override or extend the styles applied to the component.
|
|
58
|
-
*/
|
|
59
|
-
classes: PropTypes.object,
|
|
60
|
-
/**
|
|
61
|
-
* @ignore
|
|
62
|
-
*/
|
|
63
|
-
className: PropTypes.string,
|
|
64
|
-
/**
|
|
65
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
66
|
-
*/
|
|
67
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
|
68
|
-
} : void 0;
|
|
69
|
-
export default TimelineSeparator;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export interface TimelineSeparatorClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export type TimelineSeparatorClassKey = keyof TimelineSeparatorClasses;
|
|
6
|
-
export declare function getTimelineSeparatorUtilityClass(slot: string): string;
|
|
7
|
-
declare const timelineSeparatorClasses: TimelineSeparatorClasses;
|
|
8
|
-
export default timelineSeparatorClasses;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
-
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
|
-
export function getTimelineSeparatorUtilityClass(slot) {
|
|
4
|
-
return generateUtilityClass('MuiTimelineSeparator', slot);
|
|
5
|
-
}
|
|
6
|
-
const timelineSeparatorClasses = generateUtilityClasses('MuiTimelineSeparator', ['root']);
|
|
7
|
-
export default timelineSeparatorClasses;
|