@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.
Files changed (173) hide show
  1. package/CHANGELOG.md +360 -0
  2. package/Masonry/Masonry.d.ts +2 -2
  3. package/Masonry/Masonry.js +3 -3
  4. package/README.md +3 -3
  5. package/TabContext/TabContext.d.ts +2 -2
  6. package/TabList/TabList.d.ts +3 -3
  7. package/TabPanel/TabPanel.d.ts +2 -2
  8. package/TabPanel/TabPanel.js +2 -2
  9. package/Timeline/Timeline.d.ts +2 -2
  10. package/Timeline/Timeline.js +4 -4
  11. package/TimelineConnector/TimelineConnector.d.ts +2 -2
  12. package/TimelineConnector/TimelineConnector.js +2 -2
  13. package/TimelineContent/TimelineContent.d.ts +3 -3
  14. package/TimelineContent/TimelineContent.js +2 -2
  15. package/TimelineDot/TimelineDot.d.ts +2 -2
  16. package/TimelineDot/TimelineDot.js +2 -2
  17. package/TimelineItem/TimelineItem.d.ts +2 -2
  18. package/TimelineItem/TimelineItem.js +2 -2
  19. package/TimelineOppositeContent/TimelineOppositeContent.d.ts +3 -3
  20. package/TimelineOppositeContent/TimelineOppositeContent.js +2 -2
  21. package/TimelineSeparator/TimelineSeparator.d.ts +2 -2
  22. package/TimelineSeparator/TimelineSeparator.js +2 -2
  23. package/esm/Masonry/Masonry.d.ts +2 -2
  24. package/esm/Masonry/Masonry.js +1 -1
  25. package/esm/TabContext/TabContext.d.ts +2 -2
  26. package/esm/TabList/TabList.d.ts +3 -3
  27. package/esm/TabPanel/TabPanel.d.ts +2 -2
  28. package/esm/TabPanel/TabPanel.js +1 -1
  29. package/esm/Timeline/Timeline.d.ts +2 -2
  30. package/esm/Timeline/Timeline.js +3 -3
  31. package/esm/TimelineConnector/TimelineConnector.d.ts +2 -2
  32. package/esm/TimelineConnector/TimelineConnector.js +1 -1
  33. package/esm/TimelineContent/TimelineContent.d.ts +3 -3
  34. package/esm/TimelineContent/TimelineContent.js +1 -1
  35. package/esm/TimelineDot/TimelineDot.d.ts +2 -2
  36. package/esm/TimelineDot/TimelineDot.js +1 -1
  37. package/esm/TimelineItem/TimelineItem.d.ts +2 -2
  38. package/esm/TimelineItem/TimelineItem.js +1 -1
  39. package/esm/TimelineOppositeContent/TimelineOppositeContent.d.ts +3 -3
  40. package/esm/TimelineOppositeContent/TimelineOppositeContent.js +1 -1
  41. package/esm/TimelineSeparator/TimelineSeparator.d.ts +2 -2
  42. package/esm/TimelineSeparator/TimelineSeparator.js +1 -1
  43. package/esm/index.js +1 -1
  44. package/esm/useAutocomplete/index.d.ts +1 -1
  45. package/esm/useAutocomplete/index.js +1 -1
  46. package/index.js +1 -1
  47. package/modern/Masonry/Masonry.d.ts +2 -2
  48. package/modern/TabContext/TabContext.d.ts +2 -2
  49. package/modern/TabList/TabList.d.ts +3 -3
  50. package/modern/TabPanel/TabPanel.d.ts +2 -2
  51. package/modern/Timeline/Timeline.d.ts +2 -2
  52. package/modern/TimelineConnector/TimelineConnector.d.ts +2 -2
  53. package/modern/TimelineContent/TimelineContent.d.ts +3 -3
  54. package/modern/TimelineDot/TimelineDot.d.ts +2 -2
  55. package/modern/TimelineItem/TimelineItem.d.ts +2 -2
  56. package/modern/TimelineOppositeContent/TimelineOppositeContent.d.ts +3 -3
  57. package/modern/TimelineSeparator/TimelineSeparator.d.ts +2 -2
  58. package/modern/useAutocomplete/index.d.ts +1 -1
  59. package/package.json +11 -17
  60. package/useAutocomplete/index.d.ts +1 -1
  61. package/useAutocomplete/index.js +4 -3
  62. package/modern/AdapterDateFns/AdapterDateFns.js +0 -16
  63. package/modern/AdapterDateFns/index.js +0 -1
  64. package/modern/AdapterDayjs/AdapterDayjs.js +0 -16
  65. package/modern/AdapterDayjs/index.js +0 -1
  66. package/modern/AdapterLuxon/AdapterLuxon.js +0 -16
  67. package/modern/AdapterLuxon/index.js +0 -1
  68. package/modern/AdapterMoment/AdapterMoment.js +0 -16
  69. package/modern/AdapterMoment/index.js +0 -1
  70. package/modern/CalendarPicker/CalendarPicker.js +0 -21
  71. package/modern/CalendarPicker/index.js +0 -2
  72. package/modern/CalendarPickerSkeleton/CalendarPickerSkeleton.js +0 -25
  73. package/modern/CalendarPickerSkeleton/index.js +0 -2
  74. package/modern/ClockPicker/ClockPicker.js +0 -21
  75. package/modern/ClockPicker/index.js +0 -2
  76. package/modern/DatePicker/DatePicker.js +0 -19
  77. package/modern/DatePicker/index.js +0 -2
  78. package/modern/DateRangePicker/DateRangePicker.js +0 -18
  79. package/modern/DateRangePicker/index.js +0 -2
  80. package/modern/DateRangePickerDay/DateRangePickerDay.js +0 -22
  81. package/modern/DateRangePickerDay/index.js +0 -2
  82. package/modern/DateTimePicker/DateTimePicker.js +0 -20
  83. package/modern/DateTimePicker/index.js +0 -2
  84. package/modern/DesktopDatePicker/DesktopDatePicker.js +0 -20
  85. package/modern/DesktopDatePicker/index.js +0 -2
  86. package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +0 -18
  87. package/modern/DesktopDateRangePicker/index.js +0 -2
  88. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -20
  89. package/modern/DesktopDateTimePicker/index.js +0 -2
  90. package/modern/DesktopTimePicker/DesktopTimePicker.js +0 -20
  91. package/modern/DesktopTimePicker/index.js +0 -2
  92. package/modern/LoadingButton/LoadingButton.js +0 -23
  93. package/modern/LoadingButton/index.js +0 -1
  94. package/modern/LocalizationProvider/LocalizationProvider.js +0 -19
  95. package/modern/LocalizationProvider/index.js +0 -2
  96. package/modern/Masonry/Masonry.js +0 -338
  97. package/modern/Masonry/index.js +0 -3
  98. package/modern/Masonry/masonryClasses.js +0 -7
  99. package/modern/MobileDatePicker/MobileDatePicker.js +0 -20
  100. package/modern/MobileDatePicker/index.js +0 -2
  101. package/modern/MobileDateRangePicker/MobileDateRangePicker.js +0 -18
  102. package/modern/MobileDateRangePicker/index.js +0 -2
  103. package/modern/MobileDateTimePicker/MobileDateTimePicker.js +0 -20
  104. package/modern/MobileDateTimePicker/index.js +0 -2
  105. package/modern/MobileTimePicker/MobileTimePicker.js +0 -20
  106. package/modern/MobileTimePicker/index.js +0 -2
  107. package/modern/MonthPicker/MonthPicker.js +0 -25
  108. package/modern/MonthPicker/index.js +0 -2
  109. package/modern/PickersDay/PickersDay.js +0 -25
  110. package/modern/PickersDay/index.js +0 -2
  111. package/modern/StaticDatePicker/StaticDatePicker.js +0 -20
  112. package/modern/StaticDatePicker/index.js +0 -2
  113. package/modern/StaticDateRangePicker/StaticDateRangePicker.js +0 -18
  114. package/modern/StaticDateRangePicker/index.js +0 -2
  115. package/modern/StaticDateTimePicker/StaticDateTimePicker.js +0 -20
  116. package/modern/StaticDateTimePicker/index.js +0 -2
  117. package/modern/StaticTimePicker/StaticTimePicker.js +0 -20
  118. package/modern/StaticTimePicker/index.js +0 -2
  119. package/modern/TabContext/TabContext.js +0 -76
  120. package/modern/TabContext/index.js +0 -2
  121. package/modern/TabList/TabList.js +0 -44
  122. package/modern/TabList/index.js +0 -1
  123. package/modern/TabPanel/TabPanel.js +0 -96
  124. package/modern/TabPanel/index.js +0 -3
  125. package/modern/TabPanel/tabPanelClasses.js +0 -7
  126. package/modern/TimePicker/TimePicker.js +0 -20
  127. package/modern/TimePicker/index.js +0 -2
  128. package/modern/Timeline/Timeline.js +0 -114
  129. package/modern/Timeline/Timeline.types.js +0 -1
  130. package/modern/Timeline/TimelineContext.js +0 -12
  131. package/modern/Timeline/index.js +0 -4
  132. package/modern/Timeline/timelineClasses.js +0 -7
  133. package/modern/TimelineConnector/TimelineConnector.js +0 -72
  134. package/modern/TimelineConnector/index.js +0 -3
  135. package/modern/TimelineConnector/timelineConnectorClasses.js +0 -7
  136. package/modern/TimelineContent/TimelineContent.js +0 -89
  137. package/modern/TimelineContent/index.js +0 -3
  138. package/modern/TimelineContent/timelineContentClasses.js +0 -7
  139. package/modern/TimelineDot/TimelineDot.js +0 -123
  140. package/modern/TimelineDot/index.js +0 -3
  141. package/modern/TimelineDot/timelineDotClasses.js +0 -7
  142. package/modern/TimelineItem/TimelineItem.js +0 -128
  143. package/modern/TimelineItem/index.js +0 -3
  144. package/modern/TimelineItem/timelineItemClasses.js +0 -7
  145. package/modern/TimelineOppositeContent/TimelineOppositeContent.js +0 -91
  146. package/modern/TimelineOppositeContent/index.js +0 -3
  147. package/modern/TimelineOppositeContent/timelineOppositeContentClasses.js +0 -7
  148. package/modern/TimelineSeparator/TimelineSeparator.js +0 -69
  149. package/modern/TimelineSeparator/index.js +0 -3
  150. package/modern/TimelineSeparator/timelineSeparatorClasses.js +0 -7
  151. package/modern/TreeItem/TreeItem.js +0 -19
  152. package/modern/TreeItem/index.js +0 -2
  153. package/modern/TreeView/TreeView.js +0 -20
  154. package/modern/TreeView/index.js +0 -2
  155. package/modern/YearPicker/YearPicker.js +0 -24
  156. package/modern/YearPicker/index.js +0 -2
  157. package/modern/index.js +0 -88
  158. package/modern/internal/convertTimelinePositionToClass.js +0 -4
  159. package/modern/internal/svg-icons/ArrowDropDown.js +0 -12
  160. package/modern/internal/svg-icons/ArrowLeft.js +0 -12
  161. package/modern/internal/svg-icons/ArrowRight.js +0 -12
  162. package/modern/internal/svg-icons/Calendar.js +0 -12
  163. package/modern/internal/svg-icons/Clock.js +0 -16
  164. package/modern/internal/svg-icons/DateRange.js +0 -12
  165. package/modern/internal/svg-icons/Pen.js +0 -12
  166. package/modern/internal/svg-icons/Time.js +0 -16
  167. package/modern/package.json +0 -1
  168. package/modern/themeAugmentation/components.js +0 -2
  169. package/modern/themeAugmentation/index.js +0 -1
  170. package/modern/themeAugmentation/overrides.js +0 -4
  171. package/modern/themeAugmentation/props.js +0 -2
  172. package/modern/useAutocomplete/index.js +0 -1
  173. 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,3 +0,0 @@
1
- export { default } from "./TimelineDot.js";
2
- export { default as timelineDotClasses } from "./timelineDotClasses.js";
3
- export * from "./timelineDotClasses.js";
@@ -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,3 +0,0 @@
1
- export { default } from "./TimelineItem.js";
2
- export { default as timelineItemClasses } from "./timelineItemClasses.js";
3
- export * from "./timelineItemClasses.js";
@@ -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,3 +0,0 @@
1
- export { default } from "./TimelineOppositeContent.js";
2
- export { default as timelineOppositeContentClasses } from "./timelineOppositeContentClasses.js";
3
- export * from "./timelineOppositeContentClasses.js";
@@ -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,3 +0,0 @@
1
- export { default } from "./TimelineSeparator.js";
2
- export { default as timelineSeparatorClasses } from "./timelineSeparatorClasses.js";
3
- export * from "./timelineSeparatorClasses.js";
@@ -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;
@@ -1,2 +0,0 @@
1
- export { default } from "./TreeItem.js";
2
- export * from "./TreeItem.js";
@@ -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;
@@ -1,2 +0,0 @@
1
- export { default } from "./TreeView.js";
2
- export * from "./TreeView.js";
@@ -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
- };
@@ -1,2 +0,0 @@
1
- export { default } from "./YearPicker.js";
2
- export * from "./YearPicker.js";
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,4 +0,0 @@
1
- import { capitalize } from '@mui/material/utils';
2
- export default function convertTimelinePositionToClass(position) {
3
- return position === 'alternate-reverse' ? 'positionAlternateReverse' : `position${capitalize(position)}`;
4
- }
@@ -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');