@mui/lab 7.0.0-beta.1 → 7.0.0-beta.11
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 +360 -0
- package/Masonry/Masonry.d.ts +2 -2
- package/Masonry/Masonry.js +3 -3
- package/README.md +3 -3
- package/TabContext/TabContext.d.ts +2 -2
- package/TabList/TabList.d.ts +3 -3
- package/TabPanel/TabPanel.d.ts +2 -2
- package/TabPanel/TabPanel.js +2 -2
- package/Timeline/Timeline.d.ts +2 -2
- package/Timeline/Timeline.js +4 -4
- package/TimelineConnector/TimelineConnector.d.ts +2 -2
- package/TimelineConnector/TimelineConnector.js +2 -2
- package/TimelineContent/TimelineContent.d.ts +3 -3
- package/TimelineContent/TimelineContent.js +2 -2
- package/TimelineDot/TimelineDot.d.ts +2 -2
- package/TimelineDot/TimelineDot.js +2 -2
- package/TimelineItem/TimelineItem.d.ts +2 -2
- package/TimelineItem/TimelineItem.js +2 -2
- package/TimelineOppositeContent/TimelineOppositeContent.d.ts +3 -3
- package/TimelineOppositeContent/TimelineOppositeContent.js +2 -2
- package/TimelineSeparator/TimelineSeparator.d.ts +2 -2
- package/TimelineSeparator/TimelineSeparator.js +2 -2
- package/esm/Masonry/Masonry.d.ts +2 -2
- package/esm/Masonry/Masonry.js +1 -1
- package/esm/TabContext/TabContext.d.ts +2 -2
- package/esm/TabList/TabList.d.ts +3 -3
- package/esm/TabPanel/TabPanel.d.ts +2 -2
- package/esm/TabPanel/TabPanel.js +1 -1
- package/esm/Timeline/Timeline.d.ts +2 -2
- package/esm/Timeline/Timeline.js +3 -3
- package/esm/TimelineConnector/TimelineConnector.d.ts +2 -2
- package/esm/TimelineConnector/TimelineConnector.js +1 -1
- package/esm/TimelineContent/TimelineContent.d.ts +3 -3
- package/esm/TimelineContent/TimelineContent.js +1 -1
- package/esm/TimelineDot/TimelineDot.d.ts +2 -2
- package/esm/TimelineDot/TimelineDot.js +1 -1
- package/esm/TimelineItem/TimelineItem.d.ts +2 -2
- package/esm/TimelineItem/TimelineItem.js +1 -1
- package/esm/TimelineOppositeContent/TimelineOppositeContent.d.ts +3 -3
- package/esm/TimelineOppositeContent/TimelineOppositeContent.js +1 -1
- package/esm/TimelineSeparator/TimelineSeparator.d.ts +2 -2
- package/esm/TimelineSeparator/TimelineSeparator.js +1 -1
- package/esm/index.js +1 -1
- package/esm/useAutocomplete/index.d.ts +1 -1
- package/esm/useAutocomplete/index.js +1 -1
- package/index.js +1 -1
- package/modern/Masonry/Masonry.d.ts +2 -2
- package/modern/TabContext/TabContext.d.ts +2 -2
- package/modern/TabList/TabList.d.ts +3 -3
- package/modern/TabPanel/TabPanel.d.ts +2 -2
- package/modern/Timeline/Timeline.d.ts +2 -2
- package/modern/TimelineConnector/TimelineConnector.d.ts +2 -2
- package/modern/TimelineContent/TimelineContent.d.ts +3 -3
- package/modern/TimelineDot/TimelineDot.d.ts +2 -2
- package/modern/TimelineItem/TimelineItem.d.ts +2 -2
- package/modern/TimelineOppositeContent/TimelineOppositeContent.d.ts +3 -3
- package/modern/TimelineSeparator/TimelineSeparator.d.ts +2 -2
- package/modern/useAutocomplete/index.d.ts +1 -1
- package/package.json +11 -17
- package/useAutocomplete/index.d.ts +1 -1
- package/useAutocomplete/index.js +4 -3
- package/modern/AdapterDateFns/AdapterDateFns.js +0 -16
- package/modern/AdapterDateFns/index.js +0 -1
- package/modern/AdapterDayjs/AdapterDayjs.js +0 -16
- package/modern/AdapterDayjs/index.js +0 -1
- package/modern/AdapterLuxon/AdapterLuxon.js +0 -16
- package/modern/AdapterLuxon/index.js +0 -1
- package/modern/AdapterMoment/AdapterMoment.js +0 -16
- package/modern/AdapterMoment/index.js +0 -1
- package/modern/CalendarPicker/CalendarPicker.js +0 -21
- package/modern/CalendarPicker/index.js +0 -2
- package/modern/CalendarPickerSkeleton/CalendarPickerSkeleton.js +0 -25
- package/modern/CalendarPickerSkeleton/index.js +0 -2
- package/modern/ClockPicker/ClockPicker.js +0 -21
- package/modern/ClockPicker/index.js +0 -2
- package/modern/DatePicker/DatePicker.js +0 -19
- package/modern/DatePicker/index.js +0 -2
- package/modern/DateRangePicker/DateRangePicker.js +0 -18
- package/modern/DateRangePicker/index.js +0 -2
- package/modern/DateRangePickerDay/DateRangePickerDay.js +0 -22
- package/modern/DateRangePickerDay/index.js +0 -2
- package/modern/DateTimePicker/DateTimePicker.js +0 -20
- package/modern/DateTimePicker/index.js +0 -2
- package/modern/DesktopDatePicker/DesktopDatePicker.js +0 -20
- package/modern/DesktopDatePicker/index.js +0 -2
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +0 -18
- package/modern/DesktopDateRangePicker/index.js +0 -2
- package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -20
- package/modern/DesktopDateTimePicker/index.js +0 -2
- package/modern/DesktopTimePicker/DesktopTimePicker.js +0 -20
- package/modern/DesktopTimePicker/index.js +0 -2
- package/modern/LoadingButton/LoadingButton.js +0 -23
- package/modern/LoadingButton/index.js +0 -1
- package/modern/LocalizationProvider/LocalizationProvider.js +0 -19
- package/modern/LocalizationProvider/index.js +0 -2
- package/modern/Masonry/Masonry.js +0 -338
- package/modern/Masonry/index.js +0 -3
- package/modern/Masonry/masonryClasses.js +0 -7
- package/modern/MobileDatePicker/MobileDatePicker.js +0 -20
- package/modern/MobileDatePicker/index.js +0 -2
- package/modern/MobileDateRangePicker/MobileDateRangePicker.js +0 -18
- package/modern/MobileDateRangePicker/index.js +0 -2
- package/modern/MobileDateTimePicker/MobileDateTimePicker.js +0 -20
- package/modern/MobileDateTimePicker/index.js +0 -2
- package/modern/MobileTimePicker/MobileTimePicker.js +0 -20
- package/modern/MobileTimePicker/index.js +0 -2
- package/modern/MonthPicker/MonthPicker.js +0 -25
- package/modern/MonthPicker/index.js +0 -2
- package/modern/PickersDay/PickersDay.js +0 -25
- package/modern/PickersDay/index.js +0 -2
- package/modern/StaticDatePicker/StaticDatePicker.js +0 -20
- package/modern/StaticDatePicker/index.js +0 -2
- package/modern/StaticDateRangePicker/StaticDateRangePicker.js +0 -18
- package/modern/StaticDateRangePicker/index.js +0 -2
- package/modern/StaticDateTimePicker/StaticDateTimePicker.js +0 -20
- package/modern/StaticDateTimePicker/index.js +0 -2
- package/modern/StaticTimePicker/StaticTimePicker.js +0 -20
- package/modern/StaticTimePicker/index.js +0 -2
- package/modern/TabContext/TabContext.js +0 -76
- package/modern/TabContext/index.js +0 -2
- package/modern/TabList/TabList.js +0 -44
- package/modern/TabList/index.js +0 -1
- package/modern/TabPanel/TabPanel.js +0 -96
- package/modern/TabPanel/index.js +0 -3
- package/modern/TabPanel/tabPanelClasses.js +0 -7
- package/modern/TimePicker/TimePicker.js +0 -20
- package/modern/TimePicker/index.js +0 -2
- package/modern/Timeline/Timeline.js +0 -114
- package/modern/Timeline/Timeline.types.js +0 -1
- package/modern/Timeline/TimelineContext.js +0 -12
- package/modern/Timeline/index.js +0 -4
- package/modern/Timeline/timelineClasses.js +0 -7
- package/modern/TimelineConnector/TimelineConnector.js +0 -72
- package/modern/TimelineConnector/index.js +0 -3
- package/modern/TimelineConnector/timelineConnectorClasses.js +0 -7
- package/modern/TimelineContent/TimelineContent.js +0 -89
- package/modern/TimelineContent/index.js +0 -3
- package/modern/TimelineContent/timelineContentClasses.js +0 -7
- package/modern/TimelineDot/TimelineDot.js +0 -123
- package/modern/TimelineDot/index.js +0 -3
- package/modern/TimelineDot/timelineDotClasses.js +0 -7
- package/modern/TimelineItem/TimelineItem.js +0 -128
- package/modern/TimelineItem/index.js +0 -3
- package/modern/TimelineItem/timelineItemClasses.js +0 -7
- package/modern/TimelineOppositeContent/TimelineOppositeContent.js +0 -91
- package/modern/TimelineOppositeContent/index.js +0 -3
- package/modern/TimelineOppositeContent/timelineOppositeContentClasses.js +0 -7
- package/modern/TimelineSeparator/TimelineSeparator.js +0 -69
- package/modern/TimelineSeparator/index.js +0 -3
- package/modern/TimelineSeparator/timelineSeparatorClasses.js +0 -7
- package/modern/TreeItem/TreeItem.js +0 -19
- package/modern/TreeItem/index.js +0 -2
- package/modern/TreeView/TreeView.js +0 -20
- package/modern/TreeView/index.js +0 -2
- package/modern/YearPicker/YearPicker.js +0 -24
- package/modern/YearPicker/index.js +0 -2
- package/modern/index.js +0 -88
- package/modern/internal/convertTimelinePositionToClass.js +0 -4
- package/modern/internal/svg-icons/ArrowDropDown.js +0 -12
- package/modern/internal/svg-icons/ArrowLeft.js +0 -12
- package/modern/internal/svg-icons/ArrowRight.js +0 -12
- package/modern/internal/svg-icons/Calendar.js +0 -12
- package/modern/internal/svg-icons/Clock.js +0 -16
- package/modern/internal/svg-icons/DateRange.js +0 -12
- package/modern/internal/svg-icons/Pen.js +0 -12
- package/modern/internal/svg-icons/Time.js +0 -16
- package/modern/package.json +0 -1
- package/modern/themeAugmentation/components.js +0 -2
- package/modern/themeAugmentation/index.js +0 -1
- package/modern/themeAugmentation/overrides.js +0 -4
- package/modern/themeAugmentation/props.js +0 -2
- package/modern/useAutocomplete/index.js +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,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,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,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,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,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,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,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;
|
|
@@ -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 TreeItem component was moved from `@mui/lab` to `@mui/x-tree-view`.', '', "You should use `import { TreeItem } from '@mui/x-tree-view'`", "or `import { TreeItem } from '@mui/x-tree-view/TreeItem'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-tree-view-to-mui-x/.'].join('\n'));
|
|
8
|
-
warnedOnce = true;
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
/**
|
|
12
|
-
* @deprecated The TreeItem component was moved from `@mui/lab` to `@mui/x-tree-view`. More information about this migration on our blog: https://mui.com/blog/lab-tree-view-to-mui-x/.
|
|
13
|
-
* @ignore - do not document.
|
|
14
|
-
*/
|
|
15
|
-
const TreeItem = /*#__PURE__*/React.forwardRef(function DeprecatedTreeItem() {
|
|
16
|
-
warn();
|
|
17
|
-
return null;
|
|
18
|
-
});
|
|
19
|
-
export default TreeItem;
|
package/modern/TreeItem/index.js
DELETED
|
@@ -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 TreeView component was moved from `@mui/lab` to `@mui/x-tree-view`.', '', "You should use `import { TreeView } from '@mui/x-tree-view'`", "or `import { TreeView } from '@mui/x-tree-view/TreeView'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-tree-view-to-mui-x/.'].join('\n'));
|
|
9
|
-
warnedOnce = true;
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* @deprecated The TreeView component was moved from `@mui/lab` to `@mui/x-tree-view`. More information about this migration on our blog: https://mui.com/blog/lab-tree-view-to-mui-x/.
|
|
14
|
-
* @ignore - do not document.
|
|
15
|
-
*/
|
|
16
|
-
const TreeView = /*#__PURE__*/React.forwardRef(function DeprecatedTreeView() {
|
|
17
|
-
warn();
|
|
18
|
-
return null;
|
|
19
|
-
});
|
|
20
|
-
export default TreeView;
|
package/modern/TreeView/index.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
4
|
-
let warnedOnce = false;
|
|
5
|
-
const warn = () => {
|
|
6
|
-
if (!warnedOnce) {
|
|
7
|
-
console.warn(['MUI: The YearPicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { YearPicker } from '@mui/x-date-pickers'`", "or `import { YearPicker } from '@mui/x-date-pickers/YearPicker'`", '', '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 YearPicker 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 YearPicker = function DeprecatedYearPicker() {
|
|
16
|
-
warn();
|
|
17
|
-
return null;
|
|
18
|
-
};
|
|
19
|
-
export default YearPicker;
|
|
20
|
-
export const yearPickerClasses = {};
|
|
21
|
-
export const getYearPickerUtilityClass = slot => {
|
|
22
|
-
warn();
|
|
23
|
-
return '';
|
|
24
|
-
};
|
package/modern/index.js
DELETED
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @mui/lab v7.0.0-beta.1
|
|
3
|
-
*
|
|
4
|
-
* @license MIT
|
|
5
|
-
* This source code is licensed under the MIT license found in the
|
|
6
|
-
* LICENSE file in the root directory of this source tree.
|
|
7
|
-
*/
|
|
8
|
-
/* eslint-disable import/export */
|
|
9
|
-
|
|
10
|
-
export { default as CalendarPicker } from "./CalendarPicker/index.js";
|
|
11
|
-
export * from "./CalendarPicker/index.js";
|
|
12
|
-
export { default as ClockPicker } from "./ClockPicker/index.js";
|
|
13
|
-
export * from "./ClockPicker/index.js";
|
|
14
|
-
export { default as DatePicker } from "./DatePicker/index.js";
|
|
15
|
-
export * from "./DatePicker/index.js";
|
|
16
|
-
export { default as DateRangePicker } from "./DateRangePicker/index.js";
|
|
17
|
-
export * from "./DateRangePicker/index.js";
|
|
18
|
-
export { default as DateRangePickerDay } from "./DateRangePickerDay/index.js";
|
|
19
|
-
export * from "./DateRangePickerDay/index.js";
|
|
20
|
-
export { default as DateTimePicker } from "./DateTimePicker/index.js";
|
|
21
|
-
export * from "./DateTimePicker/index.js";
|
|
22
|
-
export { default as DesktopDatePicker } from "./DesktopDatePicker/index.js";
|
|
23
|
-
export * from "./DesktopDatePicker/index.js";
|
|
24
|
-
export { default as DesktopDateRangePicker } from "./DesktopDateRangePicker/index.js";
|
|
25
|
-
export * from "./DesktopDateRangePicker/index.js";
|
|
26
|
-
export { default as DesktopDateTimePicker } from "./DesktopDateTimePicker/index.js";
|
|
27
|
-
export * from "./DesktopDateTimePicker/index.js";
|
|
28
|
-
export { default as DesktopTimePicker } from "./DesktopTimePicker/index.js";
|
|
29
|
-
export * from "./DesktopTimePicker/index.js";
|
|
30
|
-
export { default as LoadingButton } from "./LoadingButton/index.js";
|
|
31
|
-
export * from "./LoadingButton/index.js";
|
|
32
|
-
export { default as LocalizationProvider } from "./LocalizationProvider/index.js";
|
|
33
|
-
export * from "./LocalizationProvider/index.js";
|
|
34
|
-
export { default as MobileDatePicker } from "./MobileDatePicker/index.js";
|
|
35
|
-
export * from "./MobileDatePicker/index.js";
|
|
36
|
-
export { default as MobileDateRangePicker } from "./MobileDateRangePicker/index.js";
|
|
37
|
-
export * from "./MobileDateRangePicker/index.js";
|
|
38
|
-
export { default as MobileDateTimePicker } from "./MobileDateTimePicker/index.js";
|
|
39
|
-
export * from "./MobileDateTimePicker/index.js";
|
|
40
|
-
export { default as MobileTimePicker } from "./MobileTimePicker/index.js";
|
|
41
|
-
export * from "./MobileTimePicker/index.js";
|
|
42
|
-
export { default as MonthPicker } from "./MonthPicker/index.js";
|
|
43
|
-
export * from "./MonthPicker/index.js";
|
|
44
|
-
export { default as CalendarPickerSkeleton } from "./CalendarPickerSkeleton/index.js";
|
|
45
|
-
export * from "./CalendarPickerSkeleton/index.js";
|
|
46
|
-
export { default as PickersDay } from "./PickersDay/index.js";
|
|
47
|
-
export * from "./PickersDay/index.js";
|
|
48
|
-
export { default as StaticDatePicker } from "./StaticDatePicker/index.js";
|
|
49
|
-
export * from "./StaticDatePicker/index.js";
|
|
50
|
-
export { default as StaticDateRangePicker } from "./StaticDateRangePicker/index.js";
|
|
51
|
-
export * from "./StaticDateRangePicker/index.js";
|
|
52
|
-
export { default as StaticDateTimePicker } from "./StaticDateTimePicker/index.js";
|
|
53
|
-
export * from "./StaticDateTimePicker/index.js";
|
|
54
|
-
export { default as StaticTimePicker } from "./StaticTimePicker/index.js";
|
|
55
|
-
export * from "./StaticTimePicker/index.js";
|
|
56
|
-
export { default as TabContext } from "./TabContext/index.js";
|
|
57
|
-
export * from "./TabContext/index.js";
|
|
58
|
-
export { default as TabList } from "./TabList/index.js";
|
|
59
|
-
export * from "./TabList/index.js";
|
|
60
|
-
export { default as TabPanel } from "./TabPanel/index.js";
|
|
61
|
-
export * from "./TabPanel/index.js";
|
|
62
|
-
export { default as TimePicker } from "./TimePicker/index.js";
|
|
63
|
-
export * from "./TimePicker/index.js";
|
|
64
|
-
export { default as Timeline } from "./Timeline/index.js";
|
|
65
|
-
export * from "./Timeline/index.js";
|
|
66
|
-
export { default as TimelineConnector } from "./TimelineConnector/index.js";
|
|
67
|
-
export * from "./TimelineConnector/index.js";
|
|
68
|
-
export { default as TimelineContent } from "./TimelineContent/index.js";
|
|
69
|
-
export * from "./TimelineContent/index.js";
|
|
70
|
-
export { default as TimelineDot } from "./TimelineDot/index.js";
|
|
71
|
-
export * from "./TimelineDot/index.js";
|
|
72
|
-
export { default as TimelineItem } from "./TimelineItem/index.js";
|
|
73
|
-
export * from "./TimelineItem/index.js";
|
|
74
|
-
export { default as TimelineOppositeContent } from "./TimelineOppositeContent/index.js";
|
|
75
|
-
export * from "./TimelineOppositeContent/index.js";
|
|
76
|
-
export { default as TimelineSeparator } from "./TimelineSeparator/index.js";
|
|
77
|
-
export * from "./TimelineSeparator/index.js";
|
|
78
|
-
export { default as TreeItem } from "./TreeItem/index.js";
|
|
79
|
-
export * from "./TreeItem/index.js";
|
|
80
|
-
export { default as TreeView } from "./TreeView/index.js";
|
|
81
|
-
export * from "./TreeView/index.js";
|
|
82
|
-
export { default as YearPicker } from "./YearPicker/index.js";
|
|
83
|
-
export * from "./YearPicker/index.js";
|
|
84
|
-
|
|
85
|
-
// createFilterOptions is exported from Autocomplete
|
|
86
|
-
export { default as useAutocomplete } from "./useAutocomplete/index.js";
|
|
87
|
-
export { default as Masonry } from "./Masonry/index.js";
|
|
88
|
-
export * from "./Masonry/index.js";
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { createSvgIcon } from '@mui/material/utils';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* @ignore - internal component.
|
|
8
|
-
*/
|
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
export default createSvgIcon(/*#__PURE__*/_jsx("path", {
|
|
11
|
-
d: "M7 10l5 5 5-5z"
|
|
12
|
-
}), 'ArrowDropDown');
|