@mui/lab 7.0.0-beta.9 → 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 +590 -0
- package/Masonry/Masonry.js +9 -10
- package/TabPanel/TabPanel.d.ts +1 -1
- package/TabPanel/TabPanel.js +1 -2
- package/Timeline/Timeline.types.d.ts +1 -1
- package/TimelineConnector/TimelineConnector.d.ts +1 -1
- package/TimelineConnector/TimelineConnector.js +1 -2
- package/TimelineContent/TimelineContent.d.ts +2 -1
- package/TimelineDot/TimelineDot.d.ts +1 -1
- package/TimelineItem/TimelineItem.d.ts +1 -1
- package/TimelineOppositeContent/TimelineOppositeContent.d.ts +2 -1
- package/TimelineSeparator/TimelineSeparator.d.ts +1 -1
- package/TimelineSeparator/TimelineSeparator.js +1 -2
- package/esm/Masonry/Masonry.js +4 -5
- package/esm/TabPanel/TabPanel.d.ts +1 -1
- package/esm/TabPanel/TabPanel.js +1 -2
- package/esm/Timeline/Timeline.types.d.ts +1 -1
- package/esm/TimelineConnector/TimelineConnector.d.ts +1 -1
- package/esm/TimelineConnector/TimelineConnector.js +1 -2
- package/esm/TimelineContent/TimelineContent.d.ts +2 -1
- package/esm/TimelineDot/TimelineDot.d.ts +1 -1
- package/esm/TimelineItem/TimelineItem.d.ts +1 -1
- package/esm/TimelineOppositeContent/TimelineOppositeContent.d.ts +2 -1
- package/esm/TimelineSeparator/TimelineSeparator.d.ts +1 -1
- package/esm/TimelineSeparator/TimelineSeparator.js +1 -2
- 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/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 -27
- 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,114 +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 composeClasses from '@mui/utils/composeClasses';
|
|
7
|
-
import { styled, useThemeProps } from '@mui/material/styles';
|
|
8
|
-
import TimelineContext from "./TimelineContext.js";
|
|
9
|
-
import { getTimelineUtilityClass } from "./timelineClasses.js";
|
|
10
|
-
import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
|
|
11
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
-
const useUtilityClasses = ownerState => {
|
|
13
|
-
const {
|
|
14
|
-
position,
|
|
15
|
-
classes
|
|
16
|
-
} = ownerState;
|
|
17
|
-
const slots = {
|
|
18
|
-
root: ['root', position && convertTimelinePositionToClass(position)]
|
|
19
|
-
};
|
|
20
|
-
return composeClasses(slots, getTimelineUtilityClass, classes);
|
|
21
|
-
};
|
|
22
|
-
const TimelineRoot = styled('ul', {
|
|
23
|
-
name: 'MuiTimeline',
|
|
24
|
-
slot: 'Root',
|
|
25
|
-
overridesResolver: (props, styles) => {
|
|
26
|
-
const {
|
|
27
|
-
ownerState
|
|
28
|
-
} = props;
|
|
29
|
-
return [styles.root, ownerState.position && styles[convertTimelinePositionToClass(ownerState.position)]];
|
|
30
|
-
}
|
|
31
|
-
})({
|
|
32
|
-
display: 'flex',
|
|
33
|
-
flexDirection: 'column',
|
|
34
|
-
padding: '6px 16px',
|
|
35
|
-
flexGrow: 1
|
|
36
|
-
});
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
*
|
|
40
|
-
* Demos:
|
|
41
|
-
*
|
|
42
|
-
* - [Timeline](https://mui.com/material-ui/react-timeline/)
|
|
43
|
-
*
|
|
44
|
-
* API:
|
|
45
|
-
*
|
|
46
|
-
* - [Timeline API](https://mui.com/material-ui/api/timeline/)
|
|
47
|
-
*/
|
|
48
|
-
const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
|
|
49
|
-
const props = useThemeProps({
|
|
50
|
-
props: inProps,
|
|
51
|
-
name: 'MuiTimeline'
|
|
52
|
-
});
|
|
53
|
-
const {
|
|
54
|
-
position = 'right',
|
|
55
|
-
className,
|
|
56
|
-
...other
|
|
57
|
-
} = props;
|
|
58
|
-
const ownerState = {
|
|
59
|
-
...props,
|
|
60
|
-
position
|
|
61
|
-
};
|
|
62
|
-
const classes = useUtilityClasses(ownerState);
|
|
63
|
-
const contextValue = React.useMemo(() => ({
|
|
64
|
-
position
|
|
65
|
-
}), [position]);
|
|
66
|
-
return /*#__PURE__*/_jsx(TimelineContext.Provider, {
|
|
67
|
-
value: contextValue,
|
|
68
|
-
children: /*#__PURE__*/_jsx(TimelineRoot, {
|
|
69
|
-
className: clsx(classes.root, className),
|
|
70
|
-
ownerState: ownerState,
|
|
71
|
-
ref: ref,
|
|
72
|
-
...other
|
|
73
|
-
})
|
|
74
|
-
});
|
|
75
|
-
});
|
|
76
|
-
process.env.NODE_ENV !== "production" ? Timeline.propTypes /* remove-proptypes */ = {
|
|
77
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
78
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
79
|
-
// │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
|
|
80
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
81
|
-
/**
|
|
82
|
-
* The content of the component.
|
|
83
|
-
*/
|
|
84
|
-
children: PropTypes.node,
|
|
85
|
-
/**
|
|
86
|
-
* Override or extend the styles applied to the component.
|
|
87
|
-
*/
|
|
88
|
-
classes: PropTypes.object,
|
|
89
|
-
/**
|
|
90
|
-
* className applied to the root element.
|
|
91
|
-
*/
|
|
92
|
-
className: PropTypes.string,
|
|
93
|
-
/**
|
|
94
|
-
* The position where the TimelineContent should appear relative to the time axis.
|
|
95
|
-
* @default 'right'
|
|
96
|
-
*/
|
|
97
|
-
position: PropTypes.oneOf(['alternate-reverse', 'alternate', 'left', 'right']),
|
|
98
|
-
/**
|
|
99
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
100
|
-
*/
|
|
101
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
|
102
|
-
} : void 0;
|
|
103
|
-
|
|
104
|
-
/**
|
|
105
|
-
*
|
|
106
|
-
* Demos:
|
|
107
|
-
*
|
|
108
|
-
* - [Timeline](https://mui.com/components/timeline/)
|
|
109
|
-
*
|
|
110
|
-
* API:
|
|
111
|
-
*
|
|
112
|
-
* - [Timeline API](https://mui.com/api/timeline/)
|
|
113
|
-
*/
|
|
114
|
-
export default Timeline;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { InternalStandardProps as StandardProps } from '@mui/material';
|
|
2
|
-
import { Theme } from '@mui/material/styles';
|
|
3
|
-
import { SxProps } from '@mui/system';
|
|
4
|
-
import { TimelineClasses } from "./timelineClasses.js";
|
|
5
|
-
export interface TimelineProps extends StandardProps<React.ComponentProps<'ul'>> {
|
|
6
|
-
/**
|
|
7
|
-
* The position where the TimelineContent should appear relative to the time axis.
|
|
8
|
-
* @default 'right'
|
|
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<TimelineClasses>;
|
|
19
|
-
/**
|
|
20
|
-
* className applied to the root element.
|
|
21
|
-
*/
|
|
22
|
-
className?: string;
|
|
23
|
-
/**
|
|
24
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
25
|
-
*/
|
|
26
|
-
sx?: SxProps<Theme>;
|
|
27
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* @ignore - internal component.
|
|
7
|
-
*/
|
|
8
|
-
const TimelineContext = /*#__PURE__*/React.createContext({});
|
|
9
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
10
|
-
TimelineContext.displayName = 'TimelineContext';
|
|
11
|
-
}
|
|
12
|
-
export default TimelineContext;
|
package/modern/Timeline/index.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export interface TimelineClasses {
|
|
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
|
-
}
|
|
13
|
-
export type TimelineClassKey = keyof TimelineClasses;
|
|
14
|
-
export declare function getTimelineUtilityClass(slot: string): string;
|
|
15
|
-
declare const timelineClasses: TimelineClasses;
|
|
16
|
-
export default timelineClasses;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
-
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
|
-
export function getTimelineUtilityClass(slot) {
|
|
4
|
-
return generateUtilityClass('MuiTimeline', slot);
|
|
5
|
-
}
|
|
6
|
-
const timelineClasses = generateUtilityClasses('MuiTimeline', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'positionAlternateReverse']);
|
|
7
|
-
export default timelineClasses;
|
|
@@ -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 { TimelineConnectorClasses } from "./timelineConnectorClasses.js";
|
|
6
|
-
export interface TimelineConnectorProps extends StandardProps<React.HTMLAttributes<HTMLSpanElement>> {
|
|
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<TimelineConnectorClasses>;
|
|
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://mui.com/material-ui/react-timeline/)
|
|
26
|
-
*
|
|
27
|
-
* API:
|
|
28
|
-
*
|
|
29
|
-
* - [TimelineConnector API](https://mui.com/material-ui/api/timeline-connector/)
|
|
30
|
-
*/
|
|
31
|
-
export default function TimelineConnector(props: TimelineConnectorProps): React.JSX.Element;
|
|
@@ -1,72 +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 composeClasses from '@mui/utils/composeClasses';
|
|
7
|
-
import { styled, useThemeProps } from '@mui/material/styles';
|
|
8
|
-
import { getTimelineConnectorUtilityClass } from "./timelineConnectorClasses.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, getTimelineConnectorUtilityClass, classes);
|
|
18
|
-
};
|
|
19
|
-
const TimelineConnectorRoot = styled('span', {
|
|
20
|
-
name: 'MuiTimelineConnector',
|
|
21
|
-
slot: 'Root',
|
|
22
|
-
overridesResolver: (props, styles) => styles.root
|
|
23
|
-
})(({
|
|
24
|
-
theme
|
|
25
|
-
}) => {
|
|
26
|
-
return {
|
|
27
|
-
width: 2,
|
|
28
|
-
backgroundColor: (theme.vars || theme).palette.grey[400],
|
|
29
|
-
flexGrow: 1
|
|
30
|
-
};
|
|
31
|
-
});
|
|
32
|
-
const TimelineConnector = /*#__PURE__*/React.forwardRef(function TimelineConnector(inProps, ref) {
|
|
33
|
-
const props = useThemeProps({
|
|
34
|
-
props: inProps,
|
|
35
|
-
name: 'MuiTimelineConnector'
|
|
36
|
-
});
|
|
37
|
-
const {
|
|
38
|
-
className,
|
|
39
|
-
...other
|
|
40
|
-
} = props;
|
|
41
|
-
const ownerState = props;
|
|
42
|
-
const classes = useUtilityClasses(ownerState);
|
|
43
|
-
return /*#__PURE__*/_jsx(TimelineConnectorRoot, {
|
|
44
|
-
className: clsx(classes.root, className),
|
|
45
|
-
ownerState: ownerState,
|
|
46
|
-
ref: ref,
|
|
47
|
-
...other
|
|
48
|
-
});
|
|
49
|
-
});
|
|
50
|
-
process.env.NODE_ENV !== "production" ? TimelineConnector.propTypes /* remove-proptypes */ = {
|
|
51
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
52
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
53
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
54
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
55
|
-
/**
|
|
56
|
-
* The content of the component.
|
|
57
|
-
*/
|
|
58
|
-
children: PropTypes.node,
|
|
59
|
-
/**
|
|
60
|
-
* Override or extend the styles applied to the component.
|
|
61
|
-
*/
|
|
62
|
-
classes: PropTypes.object,
|
|
63
|
-
/**
|
|
64
|
-
* @ignore
|
|
65
|
-
*/
|
|
66
|
-
className: PropTypes.string,
|
|
67
|
-
/**
|
|
68
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
69
|
-
*/
|
|
70
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
|
71
|
-
} : void 0;
|
|
72
|
-
export default TimelineConnector;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export interface TimelineConnectorClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export type TimelineConnectorClassKey = keyof TimelineConnectorClasses;
|
|
6
|
-
export declare function getTimelineConnectorUtilityClass(slot: string): string;
|
|
7
|
-
declare const timelineConnectorClasses: TimelineConnectorClasses;
|
|
8
|
-
export default timelineConnectorClasses;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
-
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
|
-
export function getTimelineConnectorUtilityClass(slot) {
|
|
4
|
-
return generateUtilityClass('MuiTimelineConnector', slot);
|
|
5
|
-
}
|
|
6
|
-
const timelineConnectorClasses = generateUtilityClasses('MuiTimelineConnector', ['root']);
|
|
7
|
-
export default timelineConnectorClasses;
|
|
@@ -1,32 +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 { TimelineContentClasses } from "./timelineContentClasses.js";
|
|
6
|
-
export interface TimelineContentProps 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<TimelineContentClasses>;
|
|
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://mui.com/material-ui/react-timeline/)
|
|
26
|
-
*
|
|
27
|
-
* API:
|
|
28
|
-
*
|
|
29
|
-
* - [TimelineContent API](https://mui.com/material-ui/api/timeline-content/)
|
|
30
|
-
* - inherits [Typography API](https://mui.com/material-ui/api/typography/)
|
|
31
|
-
*/
|
|
32
|
-
export default function TimelineContent(props: TimelineContentProps): React.JSX.Element;
|
|
@@ -1,89 +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 composeClasses from '@mui/utils/composeClasses';
|
|
8
|
-
import Typography from '@mui/material/Typography';
|
|
9
|
-
import TimelineContext from "../Timeline/TimelineContext.js";
|
|
10
|
-
import { getTimelineContentUtilityClass } from "./timelineContentClasses.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, getTimelineContentUtilityClass, classes);
|
|
22
|
-
};
|
|
23
|
-
const TimelineContentRoot = styled(Typography, {
|
|
24
|
-
name: 'MuiTimelineContent',
|
|
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
|
-
flex: 1,
|
|
36
|
-
padding: '6px 16px',
|
|
37
|
-
textAlign: 'left',
|
|
38
|
-
...(ownerState.position === 'left' && {
|
|
39
|
-
textAlign: 'right'
|
|
40
|
-
})
|
|
41
|
-
}));
|
|
42
|
-
const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(inProps, ref) {
|
|
43
|
-
const props = useThemeProps({
|
|
44
|
-
props: inProps,
|
|
45
|
-
name: 'MuiTimelineContent'
|
|
46
|
-
});
|
|
47
|
-
const {
|
|
48
|
-
className,
|
|
49
|
-
...other
|
|
50
|
-
} = props;
|
|
51
|
-
const {
|
|
52
|
-
position: positionContext
|
|
53
|
-
} = React.useContext(TimelineContext);
|
|
54
|
-
const ownerState = {
|
|
55
|
-
...props,
|
|
56
|
-
position: positionContext || 'right'
|
|
57
|
-
};
|
|
58
|
-
const classes = useUtilityClasses(ownerState);
|
|
59
|
-
return /*#__PURE__*/_jsx(TimelineContentRoot, {
|
|
60
|
-
component: "div",
|
|
61
|
-
className: clsx(classes.root, className),
|
|
62
|
-
ownerState: ownerState,
|
|
63
|
-
ref: ref,
|
|
64
|
-
...other
|
|
65
|
-
});
|
|
66
|
-
});
|
|
67
|
-
process.env.NODE_ENV !== "production" ? TimelineContent.propTypes /* remove-proptypes */ = {
|
|
68
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
69
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
70
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
71
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
72
|
-
/**
|
|
73
|
-
* The content of the component.
|
|
74
|
-
*/
|
|
75
|
-
children: PropTypes.node,
|
|
76
|
-
/**
|
|
77
|
-
* Override or extend the styles applied to the component.
|
|
78
|
-
*/
|
|
79
|
-
classes: PropTypes.object,
|
|
80
|
-
/**
|
|
81
|
-
* @ignore
|
|
82
|
-
*/
|
|
83
|
-
className: PropTypes.string,
|
|
84
|
-
/**
|
|
85
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
86
|
-
*/
|
|
87
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
|
|
88
|
-
} : void 0;
|
|
89
|
-
export default TimelineContent;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export interface TimelineContentClasses {
|
|
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 TimelineContentClassKey = keyof TimelineContentClasses;
|
|
14
|
-
export declare function getTimelineContentUtilityClass(slot: string): string;
|
|
15
|
-
declare const timelineContentClasses: TimelineContentClasses;
|
|
16
|
-
export default timelineContentClasses;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
|
-
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
|
-
export function getTimelineContentUtilityClass(slot) {
|
|
4
|
-
return generateUtilityClass('MuiTimelineContent', slot);
|
|
5
|
-
}
|
|
6
|
-
const timelineContentClasses = generateUtilityClasses('MuiTimelineContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'positionAlternateReverse']);
|
|
7
|
-
export default timelineContentClasses;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { OverridableStringUnion } from '@mui/types';
|
|
3
|
-
import { SxProps } from '@mui/system';
|
|
4
|
-
import { Theme } from '@mui/material/styles';
|
|
5
|
-
import { InternalStandardProps as StandardProps } from '@mui/material';
|
|
6
|
-
import { TimelineDotClasses } from "./timelineDotClasses.js";
|
|
7
|
-
export interface TimelineDotPropsVariantOverrides {}
|
|
8
|
-
export interface TimelineDotPropsColorOverrides {}
|
|
9
|
-
export interface TimelineDotProps extends StandardProps<React.HTMLAttributes<HTMLSpanElement>> {
|
|
10
|
-
/**
|
|
11
|
-
* The content of the component.
|
|
12
|
-
*/
|
|
13
|
-
children?: React.ReactNode;
|
|
14
|
-
/**
|
|
15
|
-
* Override or extend the styles applied to the component.
|
|
16
|
-
*/
|
|
17
|
-
classes?: Partial<TimelineDotClasses>;
|
|
18
|
-
/**
|
|
19
|
-
* The dot can have a different colors.
|
|
20
|
-
* @default 'grey'
|
|
21
|
-
*/
|
|
22
|
-
color?: OverridableStringUnion<'inherit' | 'grey' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', TimelineDotPropsColorOverrides>;
|
|
23
|
-
/**
|
|
24
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
25
|
-
*/
|
|
26
|
-
sx?: SxProps<Theme>;
|
|
27
|
-
/**
|
|
28
|
-
* The dot can appear filled or outlined.
|
|
29
|
-
* @default 'filled'
|
|
30
|
-
*/
|
|
31
|
-
variant?: OverridableStringUnion<'filled' | 'outlined', TimelineDotPropsVariantOverrides>;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
/**
|
|
35
|
-
*
|
|
36
|
-
* Demos:
|
|
37
|
-
*
|
|
38
|
-
* - [Timeline](https://mui.com/material-ui/react-timeline/)
|
|
39
|
-
*
|
|
40
|
-
* API:
|
|
41
|
-
*
|
|
42
|
-
* - [TimelineDot API](https://mui.com/material-ui/api/timeline-dot/)
|
|
43
|
-
*/
|
|
44
|
-
export default function TimelineDot(props: TimelineDotProps): React.JSX.Element;
|
|
@@ -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 composeClasses from '@mui/utils/composeClasses';
|
|
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;
|