@mui/lab 7.0.0-beta.8 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (290) hide show
  1. package/CHANGELOG.md +643 -0
  2. package/Masonry/Masonry.d.ts +2 -2
  3. package/Masonry/Masonry.js +12 -13
  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 +3 -3
  8. package/TabPanel/TabPanel.js +3 -4
  9. package/Timeline/Timeline.d.ts +2 -2
  10. package/Timeline/Timeline.js +4 -4
  11. package/Timeline/Timeline.types.d.ts +1 -1
  12. package/TimelineConnector/TimelineConnector.d.ts +3 -3
  13. package/TimelineConnector/TimelineConnector.js +3 -4
  14. package/TimelineContent/TimelineContent.d.ts +5 -4
  15. package/TimelineContent/TimelineContent.js +2 -2
  16. package/TimelineDot/TimelineDot.d.ts +3 -3
  17. package/TimelineDot/TimelineDot.js +2 -2
  18. package/TimelineItem/TimelineItem.d.ts +3 -3
  19. package/TimelineItem/TimelineItem.js +2 -2
  20. package/TimelineOppositeContent/TimelineOppositeContent.d.ts +5 -4
  21. package/TimelineOppositeContent/TimelineOppositeContent.js +2 -2
  22. package/TimelineSeparator/TimelineSeparator.d.ts +3 -3
  23. package/TimelineSeparator/TimelineSeparator.js +3 -4
  24. package/esm/Masonry/Masonry.d.ts +2 -2
  25. package/esm/Masonry/Masonry.js +5 -6
  26. package/esm/TabContext/TabContext.d.ts +2 -2
  27. package/esm/TabList/TabList.d.ts +3 -3
  28. package/esm/TabPanel/TabPanel.d.ts +3 -3
  29. package/esm/TabPanel/TabPanel.js +2 -3
  30. package/esm/Timeline/Timeline.d.ts +2 -2
  31. package/esm/Timeline/Timeline.js +3 -3
  32. package/esm/Timeline/Timeline.types.d.ts +1 -1
  33. package/esm/TimelineConnector/TimelineConnector.d.ts +3 -3
  34. package/esm/TimelineConnector/TimelineConnector.js +2 -3
  35. package/esm/TimelineContent/TimelineContent.d.ts +5 -4
  36. package/esm/TimelineContent/TimelineContent.js +1 -1
  37. package/esm/TimelineDot/TimelineDot.d.ts +3 -3
  38. package/esm/TimelineDot/TimelineDot.js +1 -1
  39. package/esm/TimelineItem/TimelineItem.d.ts +3 -3
  40. package/esm/TimelineItem/TimelineItem.js +1 -1
  41. package/esm/TimelineOppositeContent/TimelineOppositeContent.d.ts +5 -4
  42. package/esm/TimelineOppositeContent/TimelineOppositeContent.js +1 -1
  43. package/esm/TimelineSeparator/TimelineSeparator.d.ts +3 -3
  44. package/esm/TimelineSeparator/TimelineSeparator.js +2 -3
  45. package/esm/index.js +1 -1
  46. package/esm/internal/svg-icons/ArrowDropDown.d.ts +1 -1
  47. package/esm/internal/svg-icons/ArrowLeft.d.ts +1 -1
  48. package/esm/internal/svg-icons/ArrowRight.d.ts +1 -1
  49. package/esm/internal/svg-icons/Calendar.d.ts +1 -1
  50. package/esm/internal/svg-icons/Clock.d.ts +1 -1
  51. package/esm/internal/svg-icons/DateRange.d.ts +1 -1
  52. package/esm/internal/svg-icons/Pen.d.ts +1 -1
  53. package/esm/internal/svg-icons/Time.d.ts +1 -1
  54. package/esm/useAutocomplete/index.d.ts +1 -1
  55. package/esm/useAutocomplete/index.js +1 -1
  56. package/index.js +1 -1
  57. package/internal/svg-icons/ArrowDropDown.d.ts +1 -1
  58. package/internal/svg-icons/ArrowLeft.d.ts +1 -1
  59. package/internal/svg-icons/ArrowRight.d.ts +1 -1
  60. package/internal/svg-icons/Calendar.d.ts +1 -1
  61. package/internal/svg-icons/Clock.d.ts +1 -1
  62. package/internal/svg-icons/DateRange.d.ts +1 -1
  63. package/internal/svg-icons/Pen.d.ts +1 -1
  64. package/internal/svg-icons/Time.d.ts +1 -1
  65. package/package.json +17 -28
  66. package/useAutocomplete/index.d.ts +1 -1
  67. package/useAutocomplete/index.js +4 -3
  68. package/modern/AdapterDateFns/AdapterDateFns.d.ts +0 -6
  69. package/modern/AdapterDateFns/AdapterDateFns.js +0 -16
  70. package/modern/AdapterDateFns/index.d.ts +0 -1
  71. package/modern/AdapterDateFns/index.js +0 -1
  72. package/modern/AdapterDayjs/AdapterDayjs.d.ts +0 -6
  73. package/modern/AdapterDayjs/AdapterDayjs.js +0 -16
  74. package/modern/AdapterDayjs/index.d.ts +0 -1
  75. package/modern/AdapterDayjs/index.js +0 -1
  76. package/modern/AdapterLuxon/AdapterLuxon.d.ts +0 -6
  77. package/modern/AdapterLuxon/AdapterLuxon.js +0 -16
  78. package/modern/AdapterLuxon/index.d.ts +0 -1
  79. package/modern/AdapterLuxon/index.js +0 -1
  80. package/modern/AdapterMoment/AdapterMoment.d.ts +0 -6
  81. package/modern/AdapterMoment/AdapterMoment.js +0 -16
  82. package/modern/AdapterMoment/index.d.ts +0 -1
  83. package/modern/AdapterMoment/index.js +0 -1
  84. package/modern/CalendarPicker/CalendarPicker.d.ts +0 -15
  85. package/modern/CalendarPicker/CalendarPicker.js +0 -21
  86. package/modern/CalendarPicker/index.d.ts +0 -2
  87. package/modern/CalendarPicker/index.js +0 -2
  88. package/modern/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +0 -14
  89. package/modern/CalendarPickerSkeleton/CalendarPickerSkeleton.js +0 -25
  90. package/modern/CalendarPickerSkeleton/index.d.ts +0 -2
  91. package/modern/CalendarPickerSkeleton/index.js +0 -2
  92. package/modern/ClockPicker/ClockPicker.d.ts +0 -15
  93. package/modern/ClockPicker/ClockPicker.js +0 -21
  94. package/modern/ClockPicker/index.d.ts +0 -2
  95. package/modern/ClockPicker/index.js +0 -2
  96. package/modern/DatePicker/DatePicker.d.ts +0 -10
  97. package/modern/DatePicker/DatePicker.js +0 -19
  98. package/modern/DatePicker/index.d.ts +0 -2
  99. package/modern/DatePicker/index.js +0 -2
  100. package/modern/DateRangePicker/DateRangePicker.d.ts +0 -12
  101. package/modern/DateRangePicker/DateRangePicker.js +0 -18
  102. package/modern/DateRangePicker/index.d.ts +0 -2
  103. package/modern/DateRangePicker/index.js +0 -2
  104. package/modern/DateRangePickerDay/DateRangePickerDay.d.ts +0 -14
  105. package/modern/DateRangePickerDay/DateRangePickerDay.js +0 -22
  106. package/modern/DateRangePickerDay/index.d.ts +0 -2
  107. package/modern/DateRangePickerDay/index.js +0 -2
  108. package/modern/DateTimePicker/DateTimePicker.d.ts +0 -11
  109. package/modern/DateTimePicker/DateTimePicker.js +0 -20
  110. package/modern/DateTimePicker/index.d.ts +0 -2
  111. package/modern/DateTimePicker/index.js +0 -2
  112. package/modern/DesktopDatePicker/DesktopDatePicker.d.ts +0 -11
  113. package/modern/DesktopDatePicker/DesktopDatePicker.js +0 -20
  114. package/modern/DesktopDatePicker/index.d.ts +0 -2
  115. package/modern/DesktopDatePicker/index.js +0 -2
  116. package/modern/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +0 -11
  117. package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +0 -18
  118. package/modern/DesktopDateRangePicker/index.d.ts +0 -2
  119. package/modern/DesktopDateRangePicker/index.js +0 -2
  120. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +0 -11
  121. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -20
  122. package/modern/DesktopDateTimePicker/index.d.ts +0 -2
  123. package/modern/DesktopDateTimePicker/index.js +0 -2
  124. package/modern/DesktopTimePicker/DesktopTimePicker.d.ts +0 -11
  125. package/modern/DesktopTimePicker/DesktopTimePicker.js +0 -20
  126. package/modern/DesktopTimePicker/index.d.ts +0 -2
  127. package/modern/DesktopTimePicker/index.js +0 -2
  128. package/modern/LoadingButton/LoadingButton.d.ts +0 -3
  129. package/modern/LoadingButton/LoadingButton.js +0 -23
  130. package/modern/LoadingButton/index.d.ts +0 -2
  131. package/modern/LoadingButton/index.js +0 -1
  132. package/modern/LocalizationProvider/LocalizationProvider.d.ts +0 -11
  133. package/modern/LocalizationProvider/LocalizationProvider.js +0 -19
  134. package/modern/LocalizationProvider/index.d.ts +0 -2
  135. package/modern/LocalizationProvider/index.js +0 -2
  136. package/modern/Masonry/Masonry.d.ts +0 -62
  137. package/modern/Masonry/Masonry.js +0 -338
  138. package/modern/Masonry/index.d.ts +0 -4
  139. package/modern/Masonry/index.js +0 -3
  140. package/modern/Masonry/masonryClasses.d.ts +0 -8
  141. package/modern/Masonry/masonryClasses.js +0 -7
  142. package/modern/MobileDatePicker/MobileDatePicker.d.ts +0 -11
  143. package/modern/MobileDatePicker/MobileDatePicker.js +0 -20
  144. package/modern/MobileDatePicker/index.d.ts +0 -2
  145. package/modern/MobileDatePicker/index.js +0 -2
  146. package/modern/MobileDateRangePicker/MobileDateRangePicker.d.ts +0 -11
  147. package/modern/MobileDateRangePicker/MobileDateRangePicker.js +0 -18
  148. package/modern/MobileDateRangePicker/index.d.ts +0 -2
  149. package/modern/MobileDateRangePicker/index.js +0 -2
  150. package/modern/MobileDateTimePicker/MobileDateTimePicker.d.ts +0 -11
  151. package/modern/MobileDateTimePicker/MobileDateTimePicker.js +0 -20
  152. package/modern/MobileDateTimePicker/index.d.ts +0 -2
  153. package/modern/MobileDateTimePicker/index.js +0 -2
  154. package/modern/MobileTimePicker/MobileTimePicker.d.ts +0 -11
  155. package/modern/MobileTimePicker/MobileTimePicker.js +0 -20
  156. package/modern/MobileTimePicker/index.d.ts +0 -2
  157. package/modern/MobileTimePicker/index.js +0 -2
  158. package/modern/MonthPicker/MonthPicker.d.ts +0 -14
  159. package/modern/MonthPicker/MonthPicker.js +0 -25
  160. package/modern/MonthPicker/index.d.ts +0 -2
  161. package/modern/MonthPicker/index.js +0 -2
  162. package/modern/PickersDay/PickersDay.d.ts +0 -14
  163. package/modern/PickersDay/PickersDay.js +0 -25
  164. package/modern/PickersDay/index.d.ts +0 -2
  165. package/modern/PickersDay/index.js +0 -2
  166. package/modern/StaticDatePicker/StaticDatePicker.d.ts +0 -11
  167. package/modern/StaticDatePicker/StaticDatePicker.js +0 -20
  168. package/modern/StaticDatePicker/index.d.ts +0 -2
  169. package/modern/StaticDatePicker/index.js +0 -2
  170. package/modern/StaticDateRangePicker/StaticDateRangePicker.d.ts +0 -11
  171. package/modern/StaticDateRangePicker/StaticDateRangePicker.js +0 -18
  172. package/modern/StaticDateRangePicker/index.d.ts +0 -2
  173. package/modern/StaticDateRangePicker/index.js +0 -2
  174. package/modern/StaticDateTimePicker/StaticDateTimePicker.d.ts +0 -11
  175. package/modern/StaticDateTimePicker/StaticDateTimePicker.js +0 -20
  176. package/modern/StaticDateTimePicker/index.d.ts +0 -2
  177. package/modern/StaticDateTimePicker/index.js +0 -2
  178. package/modern/StaticTimePicker/StaticTimePicker.d.ts +0 -11
  179. package/modern/StaticTimePicker/StaticTimePicker.js +0 -20
  180. package/modern/StaticTimePicker/index.d.ts +0 -2
  181. package/modern/StaticTimePicker/index.js +0 -2
  182. package/modern/TabContext/TabContext.d.ts +0 -29
  183. package/modern/TabContext/TabContext.js +0 -76
  184. package/modern/TabContext/index.d.ts +0 -2
  185. package/modern/TabContext/index.js +0 -2
  186. package/modern/TabList/TabList.d.ts +0 -30
  187. package/modern/TabList/TabList.js +0 -44
  188. package/modern/TabList/index.d.ts +0 -2
  189. package/modern/TabList/index.js +0 -1
  190. package/modern/TabPanel/TabPanel.d.ts +0 -41
  191. package/modern/TabPanel/TabPanel.js +0 -96
  192. package/modern/TabPanel/index.d.ts +0 -4
  193. package/modern/TabPanel/index.js +0 -3
  194. package/modern/TabPanel/tabPanelClasses.d.ts +0 -10
  195. package/modern/TabPanel/tabPanelClasses.js +0 -7
  196. package/modern/TimePicker/TimePicker.d.ts +0 -11
  197. package/modern/TimePicker/TimePicker.js +0 -20
  198. package/modern/TimePicker/index.d.ts +0 -2
  199. package/modern/TimePicker/index.js +0 -2
  200. package/modern/Timeline/Timeline.d.ts +0 -24
  201. package/modern/Timeline/Timeline.js +0 -114
  202. package/modern/Timeline/Timeline.types.d.ts +0 -27
  203. package/modern/Timeline/Timeline.types.js +0 -1
  204. package/modern/Timeline/TimelineContext.d.ts +0 -6
  205. package/modern/Timeline/TimelineContext.js +0 -12
  206. package/modern/Timeline/index.d.ts +0 -4
  207. package/modern/Timeline/index.js +0 -4
  208. package/modern/Timeline/timelineClasses.d.ts +0 -16
  209. package/modern/Timeline/timelineClasses.js +0 -7
  210. package/modern/TimelineConnector/TimelineConnector.d.ts +0 -31
  211. package/modern/TimelineConnector/TimelineConnector.js +0 -72
  212. package/modern/TimelineConnector/index.d.ts +0 -4
  213. package/modern/TimelineConnector/index.js +0 -3
  214. package/modern/TimelineConnector/timelineConnectorClasses.d.ts +0 -8
  215. package/modern/TimelineConnector/timelineConnectorClasses.js +0 -7
  216. package/modern/TimelineContent/TimelineContent.d.ts +0 -32
  217. package/modern/TimelineContent/TimelineContent.js +0 -89
  218. package/modern/TimelineContent/index.d.ts +0 -4
  219. package/modern/TimelineContent/index.js +0 -3
  220. package/modern/TimelineContent/timelineContentClasses.d.ts +0 -16
  221. package/modern/TimelineContent/timelineContentClasses.js +0 -7
  222. package/modern/TimelineDot/TimelineDot.d.ts +0 -44
  223. package/modern/TimelineDot/TimelineDot.js +0 -123
  224. package/modern/TimelineDot/index.d.ts +0 -4
  225. package/modern/TimelineDot/index.js +0 -3
  226. package/modern/TimelineDot/timelineDotClasses.d.ts +0 -24
  227. package/modern/TimelineDot/timelineDotClasses.js +0 -7
  228. package/modern/TimelineItem/TimelineItem.d.ts +0 -35
  229. package/modern/TimelineItem/TimelineItem.js +0 -128
  230. package/modern/TimelineItem/index.d.ts +0 -4
  231. package/modern/TimelineItem/index.js +0 -3
  232. package/modern/TimelineItem/timelineItemClasses.d.ts +0 -18
  233. package/modern/TimelineItem/timelineItemClasses.js +0 -7
  234. package/modern/TimelineOppositeContent/TimelineOppositeContent.d.ts +0 -35
  235. package/modern/TimelineOppositeContent/TimelineOppositeContent.js +0 -91
  236. package/modern/TimelineOppositeContent/index.d.ts +0 -4
  237. package/modern/TimelineOppositeContent/index.js +0 -3
  238. package/modern/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +0 -16
  239. package/modern/TimelineOppositeContent/timelineOppositeContentClasses.js +0 -7
  240. package/modern/TimelineSeparator/TimelineSeparator.d.ts +0 -31
  241. package/modern/TimelineSeparator/TimelineSeparator.js +0 -69
  242. package/modern/TimelineSeparator/index.d.ts +0 -4
  243. package/modern/TimelineSeparator/index.js +0 -3
  244. package/modern/TimelineSeparator/timelineSeparatorClasses.d.ts +0 -8
  245. package/modern/TimelineSeparator/timelineSeparatorClasses.js +0 -7
  246. package/modern/TreeItem/TreeItem.d.ts +0 -11
  247. package/modern/TreeItem/TreeItem.js +0 -19
  248. package/modern/TreeItem/index.d.ts +0 -2
  249. package/modern/TreeItem/index.js +0 -2
  250. package/modern/TreeView/TreeView.d.ts +0 -11
  251. package/modern/TreeView/TreeView.js +0 -20
  252. package/modern/TreeView/index.d.ts +0 -2
  253. package/modern/TreeView/index.js +0 -2
  254. package/modern/YearPicker/YearPicker.d.ts +0 -15
  255. package/modern/YearPicker/YearPicker.js +0 -24
  256. package/modern/YearPicker/index.d.ts +0 -2
  257. package/modern/YearPicker/index.js +0 -2
  258. package/modern/index.d.ts +0 -78
  259. package/modern/index.js +0 -88
  260. package/modern/internal/convertTimelinePositionToClass.d.ts +0 -1
  261. package/modern/internal/convertTimelinePositionToClass.js +0 -4
  262. package/modern/internal/svg-icons/ArrowDropDown.d.ts +0 -7
  263. package/modern/internal/svg-icons/ArrowDropDown.js +0 -12
  264. package/modern/internal/svg-icons/ArrowLeft.d.ts +0 -7
  265. package/modern/internal/svg-icons/ArrowLeft.js +0 -12
  266. package/modern/internal/svg-icons/ArrowRight.d.ts +0 -7
  267. package/modern/internal/svg-icons/ArrowRight.js +0 -12
  268. package/modern/internal/svg-icons/Calendar.d.ts +0 -7
  269. package/modern/internal/svg-icons/Calendar.js +0 -12
  270. package/modern/internal/svg-icons/Clock.d.ts +0 -7
  271. package/modern/internal/svg-icons/Clock.js +0 -16
  272. package/modern/internal/svg-icons/DateRange.d.ts +0 -7
  273. package/modern/internal/svg-icons/DateRange.js +0 -12
  274. package/modern/internal/svg-icons/Pen.d.ts +0 -7
  275. package/modern/internal/svg-icons/Pen.js +0 -12
  276. package/modern/internal/svg-icons/Time.d.ts +0 -7
  277. package/modern/internal/svg-icons/Time.js +0 -16
  278. package/modern/package.json +0 -1
  279. package/modern/themeAugmentation/components.d.ts +0 -63
  280. package/modern/themeAugmentation/components.js +0 -2
  281. package/modern/themeAugmentation/index.d.ts +0 -3
  282. package/modern/themeAugmentation/index.js +0 -1
  283. package/modern/themeAugmentation/overrides.d.ts +0 -28
  284. package/modern/themeAugmentation/overrides.js +0 -4
  285. package/modern/themeAugmentation/props.d.ts +0 -28
  286. package/modern/themeAugmentation/props.js +0 -2
  287. package/modern/useAutocomplete/index.d.ts +0 -1
  288. package/modern/useAutocomplete/index.js +0 -1
  289. package/modern/zero-styled/index.d.ts +0 -1
  290. 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,4 +0,0 @@
1
- export { default } from "./TimelineDot.js";
2
- export * from "./TimelineDot.js";
3
- export { default as timelineDotClasses } from "./timelineDotClasses.js";
4
- export * from "./timelineDotClasses.js";
@@ -1,3 +0,0 @@
1
- export { default } from "./TimelineDot.js";
2
- export { default as timelineDotClasses } from "./timelineDotClasses.js";
3
- export * from "./timelineDotClasses.js";
@@ -1,24 +0,0 @@
1
- export interface TimelineDotClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `variant="filled"`. */
5
- filled: string;
6
- /** Styles applied to the root element if `variant="outlined"`. */
7
- outlined: string;
8
- /** Styles applied to the root element if `color="grey"` and `variant="filled"`. */
9
- filledGrey: string;
10
- /** Styles applied to the root element if `color="grey"` and `variant="outlined"`. */
11
- outlinedGrey: string;
12
- /** Styles applied to the root element if `color="primary"` and `variant="filled"`. */
13
- filledPrimary: string;
14
- /** Styles applied to the root element if `color="primary"` and `variant="outlined"`. */
15
- outlinedPrimary: string;
16
- /** Styles applied to the root element if `color="secondary"` and `variant="filled"`. */
17
- filledSecondary: string;
18
- /** Styles applied to the root element if `color="secondary"` and `variant="outlined"`. */
19
- outlinedSecondary: string;
20
- }
21
- export type TimelineDotClassKey = keyof TimelineDotClasses;
22
- export declare function getTimelineDotUtilityClass(slot: string): string;
23
- declare const timelineDotClasses: TimelineDotClasses;
24
- export default timelineDotClasses;
@@ -1,7 +0,0 @@
1
- import generateUtilityClass from '@mui/utils/generateUtilityClass';
2
- import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
3
- export function getTimelineDotUtilityClass(slot) {
4
- return generateUtilityClass('MuiTimelineDot', slot);
5
- }
6
- const timelineDotClasses = generateUtilityClasses('MuiTimelineDot', ['root', 'filled', 'outlined', 'filledGrey', 'outlinedGrey', 'filledPrimary', 'outlinedPrimary', 'filledSecondary', 'outlinedSecondary']);
7
- export default timelineDotClasses;
@@ -1,35 +0,0 @@
1
- import * as React from 'react';
2
- import { SxProps } from '@mui/system';
3
- import { Theme } from '@mui/material/styles';
4
- import { InternalStandardProps as StandardProps } from '@mui/material';
5
- import { TimelineItemClasses } from "./timelineItemClasses.js";
6
- export interface TimelineItemProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
7
- /**
8
- * The position where the timeline's item should appear.
9
- */
10
- position?: 'left' | 'right' | 'alternate' | 'alternate-reverse';
11
- /**
12
- * The content of the component.
13
- */
14
- children?: React.ReactNode;
15
- /**
16
- * Override or extend the styles applied to the component.
17
- */
18
- classes?: Partial<TimelineItemClasses>;
19
- /**
20
- * The system prop that allows defining system overrides as well as additional CSS styles.
21
- */
22
- sx?: SxProps<Theme>;
23
- }
24
-
25
- /**
26
- *
27
- * Demos:
28
- *
29
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
30
- *
31
- * API:
32
- *
33
- * - [TimelineItem API](https://next.mui.com/material-ui/api/timeline-item/)
34
- */
35
- export default function TimelineItem(props: TimelineItemProps): React.JSX.Element;
@@ -1,128 +0,0 @@
1
- 'use client';
2
-
3
- import * as React from 'react';
4
- import PropTypes from 'prop-types';
5
- import clsx from 'clsx';
6
- import { isMuiElement } from '@mui/material/utils';
7
- import { styled, useThemeProps } from '@mui/material/styles';
8
- import { unstable_composeClasses as composeClasses } from '@mui/base';
9
- import { timelineContentClasses } from "../TimelineContent/index.js";
10
- import { timelineOppositeContentClasses } from "../TimelineOppositeContent/index.js";
11
- import TimelineContext from "../Timeline/TimelineContext.js";
12
- import { getTimelineItemUtilityClass } from "./timelineItemClasses.js";
13
- import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
14
- import { jsx as _jsx } from "react/jsx-runtime";
15
- const useUtilityClasses = ownerState => {
16
- const {
17
- position,
18
- classes,
19
- hasOppositeContent
20
- } = ownerState;
21
- const slots = {
22
- root: ['root', convertTimelinePositionToClass(position), !hasOppositeContent && 'missingOppositeContent']
23
- };
24
- return composeClasses(slots, getTimelineItemUtilityClass, classes);
25
- };
26
- const TimelineItemRoot = styled('li', {
27
- name: 'MuiTimelineItem',
28
- slot: 'Root',
29
- overridesResolver: (props, styles) => {
30
- const {
31
- ownerState
32
- } = props;
33
- return [styles.root, styles[convertTimelinePositionToClass(ownerState.position)]];
34
- }
35
- })(({
36
- ownerState
37
- }) => ({
38
- listStyle: 'none',
39
- display: 'flex',
40
- position: 'relative',
41
- minHeight: 70,
42
- ...(ownerState.position === 'left' && {
43
- flexDirection: 'row-reverse'
44
- }),
45
- ...((ownerState.position === 'alternate' || ownerState.position === 'alternate-reverse') && {
46
- [`&:nth-of-type(${ownerState.position === 'alternate' ? 'even' : 'odd'})`]: {
47
- flexDirection: 'row-reverse',
48
- [`& .${timelineContentClasses.root}`]: {
49
- textAlign: 'right'
50
- },
51
- [`& .${timelineOppositeContentClasses.root}`]: {
52
- textAlign: 'left'
53
- }
54
- }
55
- }),
56
- ...(!ownerState.hasOppositeContent && {
57
- '&::before': {
58
- content: '""',
59
- flex: 1,
60
- padding: '6px 16px'
61
- }
62
- })
63
- }));
64
- const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps, ref) {
65
- const props = useThemeProps({
66
- props: inProps,
67
- name: 'MuiTimelineItem'
68
- });
69
- const {
70
- position: positionProp,
71
- className,
72
- ...other
73
- } = props;
74
- const {
75
- position: positionContext
76
- } = React.useContext(TimelineContext);
77
- let hasOppositeContent = false;
78
- React.Children.forEach(props.children, child => {
79
- if (isMuiElement(child, ['TimelineOppositeContent'])) {
80
- hasOppositeContent = true;
81
- }
82
- });
83
- const ownerState = {
84
- ...props,
85
- position: positionProp || positionContext || 'right',
86
- hasOppositeContent
87
- };
88
- const classes = useUtilityClasses(ownerState);
89
- const contextValue = React.useMemo(() => ({
90
- position: ownerState.position
91
- }), [ownerState.position]);
92
- return /*#__PURE__*/_jsx(TimelineContext.Provider, {
93
- value: contextValue,
94
- children: /*#__PURE__*/_jsx(TimelineItemRoot, {
95
- className: clsx(classes.root, className),
96
- ownerState: ownerState,
97
- ref: ref,
98
- ...other
99
- })
100
- });
101
- });
102
- process.env.NODE_ENV !== "production" ? TimelineItem.propTypes /* remove-proptypes */ = {
103
- // ┌────────────────────────────── Warning ──────────────────────────────┐
104
- // │ These PropTypes are generated from the TypeScript type definitions. │
105
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
106
- // └─────────────────────────────────────────────────────────────────────┘
107
- /**
108
- * The content of the component.
109
- */
110
- children: PropTypes.node,
111
- /**
112
- * Override or extend the styles applied to the component.
113
- */
114
- classes: PropTypes.object,
115
- /**
116
- * @ignore
117
- */
118
- className: PropTypes.string,
119
- /**
120
- * The position where the timeline's item should appear.
121
- */
122
- position: PropTypes.oneOf(['alternate-reverse', 'alternate', 'left', 'right']),
123
- /**
124
- * The system prop that allows defining system overrides as well as additional CSS styles.
125
- */
126
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
127
- } : void 0;
128
- export default TimelineItem;
@@ -1,4 +0,0 @@
1
- export { default } from "./TimelineItem.js";
2
- export * from "./TimelineItem.js";
3
- export { default as timelineItemClasses } from "./timelineItemClasses.js";
4
- export * from "./timelineItemClasses.js";
@@ -1,3 +0,0 @@
1
- export { default } from "./TimelineItem.js";
2
- export { default as timelineItemClasses } from "./timelineItemClasses.js";
3
- export * from "./timelineItemClasses.js";
@@ -1,18 +0,0 @@
1
- export interface TimelineItemClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `position="left"`. */
5
- positionLeft: string;
6
- /** Styles applied to the root element if `position="right"`. */
7
- positionRight: string;
8
- /** Styles applied to the root element if `position="alternate"`. */
9
- positionAlternate: string;
10
- /** Styles applied to the root element if `position="alternate-reverse"`. */
11
- positionAlternateReverse: string;
12
- /** Styles applied to the root element if TimelineOppositeContent isn't provided. */
13
- missingOppositeContent: string;
14
- }
15
- export type TimelineItemClassKey = keyof TimelineItemClasses;
16
- export declare function getTimelineItemUtilityClass(slot: string): string;
17
- declare const timelineItemClasses: TimelineItemClasses;
18
- export default timelineItemClasses;
@@ -1,7 +0,0 @@
1
- import generateUtilityClass from '@mui/utils/generateUtilityClass';
2
- import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
3
- export function getTimelineItemUtilityClass(slot) {
4
- return generateUtilityClass('MuiTimelineItem', slot);
5
- }
6
- const timelineItemClasses = generateUtilityClasses('MuiTimelineItem', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'positionAlternateReverse', 'missingOppositeContent']);
7
- export default timelineItemClasses;
@@ -1,35 +0,0 @@
1
- import * as React from 'react';
2
- import { SxProps } from '@mui/system';
3
- import { Theme } from '@mui/material/styles';
4
- import { InternalStandardProps as StandardProps, TypographyProps } from '@mui/material';
5
- import { TimelineOppositeContentClasses } from "./timelineOppositeContentClasses.js";
6
- export interface TimelineOppositeContentProps extends StandardProps<TypographyProps> {
7
- /**
8
- * The content of the component.
9
- */
10
- children?: React.ReactNode;
11
- /**
12
- * Override or extend the styles applied to the component.
13
- */
14
- classes?: Partial<TimelineOppositeContentClasses>;
15
- /**
16
- * The system prop that allows defining system overrides as well as additional CSS styles.
17
- */
18
- sx?: SxProps<Theme>;
19
- }
20
-
21
- /**
22
- *
23
- * Demos:
24
- *
25
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
26
- *
27
- * API:
28
- *
29
- * - [TimelineOppositeContent API](https://next.mui.com/material-ui/api/timeline-opposite-content/)
30
- * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
31
- */
32
- declare const TimelineOppositeContent: ((props: TimelineOppositeContentProps) => React.JSX.Element) & {
33
- muiName: string;
34
- };
35
- export default TimelineOppositeContent;
@@ -1,91 +0,0 @@
1
- 'use client';
2
-
3
- import * as React from 'react';
4
- import PropTypes from 'prop-types';
5
- import clsx from 'clsx';
6
- import { styled, useThemeProps } from '@mui/material/styles';
7
- import { unstable_composeClasses as composeClasses } from '@mui/base';
8
- import Typography from '@mui/material/Typography';
9
- import TimelineContext from "../Timeline/TimelineContext.js";
10
- import { getTimelineOppositeContentUtilityClass } from "./timelineOppositeContentClasses.js";
11
- import convertTimelinePositionToClass from "../internal/convertTimelinePositionToClass.js";
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- const useUtilityClasses = ownerState => {
14
- const {
15
- position,
16
- classes
17
- } = ownerState;
18
- const slots = {
19
- root: ['root', convertTimelinePositionToClass(position)]
20
- };
21
- return composeClasses(slots, getTimelineOppositeContentUtilityClass, classes);
22
- };
23
- const TimelineOppositeContentRoot = styled(Typography, {
24
- name: 'MuiTimelineOppositeContent',
25
- slot: 'Root',
26
- overridesResolver: (props, styles) => {
27
- const {
28
- ownerState
29
- } = props;
30
- return [styles.root, styles[convertTimelinePositionToClass(ownerState.position)]];
31
- }
32
- })(({
33
- ownerState
34
- }) => ({
35
- padding: '6px 16px',
36
- marginRight: 'auto',
37
- textAlign: 'right',
38
- flex: 1,
39
- ...(ownerState.position === 'left' && {
40
- textAlign: 'left'
41
- })
42
- }));
43
- const TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineOppositeContent(inProps, ref) {
44
- const props = useThemeProps({
45
- props: inProps,
46
- name: 'MuiTimelineOppositeContent'
47
- });
48
- const {
49
- className,
50
- ...other
51
- } = props;
52
- const {
53
- position: positionContext
54
- } = React.useContext(TimelineContext);
55
- const ownerState = {
56
- ...props,
57
- position: positionContext || 'left'
58
- };
59
- const classes = useUtilityClasses(ownerState);
60
- return /*#__PURE__*/_jsx(TimelineOppositeContentRoot, {
61
- component: "div",
62
- className: clsx(classes.root, className),
63
- ownerState: ownerState,
64
- ref: ref,
65
- ...other
66
- });
67
- });
68
- process.env.NODE_ENV !== "production" ? TimelineOppositeContent.propTypes /* remove-proptypes */ = {
69
- // ┌────────────────────────────── Warning ──────────────────────────────┐
70
- // │ These PropTypes are generated from the TypeScript type definitions. │
71
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
72
- // └─────────────────────────────────────────────────────────────────────┘
73
- /**
74
- * The content of the component.
75
- */
76
- children: PropTypes.node,
77
- /**
78
- * Override or extend the styles applied to the component.
79
- */
80
- classes: PropTypes.object,
81
- /**
82
- * @ignore
83
- */
84
- className: PropTypes.string,
85
- /**
86
- * The system prop that allows defining system overrides as well as additional CSS styles.
87
- */
88
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
89
- } : void 0;
90
- TimelineOppositeContent.muiName = 'TimelineOppositeContent';
91
- export default TimelineOppositeContent;
@@ -1,4 +0,0 @@
1
- export { default } from "./TimelineOppositeContent.js";
2
- export * from "./TimelineOppositeContent.js";
3
- export { default as timelineOppositeContentClasses } from "./timelineOppositeContentClasses.js";
4
- export * from "./timelineOppositeContentClasses.js";
@@ -1,3 +0,0 @@
1
- export { default } from "./TimelineOppositeContent.js";
2
- export { default as timelineOppositeContentClasses } from "./timelineOppositeContentClasses.js";
3
- export * from "./timelineOppositeContentClasses.js";
@@ -1,16 +0,0 @@
1
- export interface TimelineOppositeContentClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- /** Styles applied to the root element if `position="right"`. */
5
- positionRight: string;
6
- /** Styles applied to the root element if `position="left"`. */
7
- positionLeft: string;
8
- /** Styles applied to the root element if `position="alternate"`. */
9
- positionAlternate: string;
10
- /** Styles applied to the root element if `position="alternate-reverse"`. */
11
- positionAlternateReverse: string;
12
- }
13
- export type TimelineOppositeContentClassKey = keyof TimelineOppositeContentClasses;
14
- export declare function getTimelineOppositeContentUtilityClass(slot: string): string;
15
- declare const timelineOppositeContentClasses: TimelineOppositeContentClasses;
16
- export default timelineOppositeContentClasses;
@@ -1,7 +0,0 @@
1
- import generateUtilityClass from '@mui/utils/generateUtilityClass';
2
- import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
3
- export function getTimelineOppositeContentUtilityClass(slot) {
4
- return generateUtilityClass('MuiTimelineOppositeContent', slot);
5
- }
6
- const timelineOppositeContentClasses = generateUtilityClasses('MuiTimelineOppositeContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'positionAlternateReverse']);
7
- export default timelineOppositeContentClasses;
@@ -1,31 +0,0 @@
1
- import * as React from 'react';
2
- import { InternalStandardProps as StandardProps } from '@mui/material';
3
- import { Theme } from '@mui/material/styles';
4
- import { SxProps } from '@mui/system';
5
- import { TimelineSeparatorClasses } from "./timelineSeparatorClasses.js";
6
- export interface TimelineSeparatorProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
7
- /**
8
- * The content of the component.
9
- */
10
- children?: React.ReactNode;
11
- /**
12
- * Override or extend the styles applied to the component.
13
- */
14
- classes?: Partial<TimelineSeparatorClasses>;
15
- /**
16
- * The system prop that allows defining system overrides as well as additional CSS styles.
17
- */
18
- sx?: SxProps<Theme>;
19
- }
20
-
21
- /**
22
- *
23
- * Demos:
24
- *
25
- * - [Timeline](https://next.mui.com/material-ui/react-timeline/)
26
- *
27
- * API:
28
- *
29
- * - [TimelineSeparator API](https://next.mui.com/material-ui/api/timeline-separator/)
30
- */
31
- export default function TimelineSeparator(props: TimelineSeparatorProps): React.JSX.Element;
@@ -1,69 +0,0 @@
1
- 'use client';
2
-
3
- import * as React from 'react';
4
- import PropTypes from 'prop-types';
5
- import clsx from 'clsx';
6
- import { unstable_composeClasses as composeClasses } from '@mui/base';
7
- import { styled, useThemeProps } from '@mui/material/styles';
8
- import { getTimelineSeparatorUtilityClass } from "./timelineSeparatorClasses.js";
9
- import { jsx as _jsx } from "react/jsx-runtime";
10
- const useUtilityClasses = ownerState => {
11
- const {
12
- classes
13
- } = ownerState;
14
- const slots = {
15
- root: ['root']
16
- };
17
- return composeClasses(slots, getTimelineSeparatorUtilityClass, classes);
18
- };
19
- const TimelineSeparatorRoot = styled('div', {
20
- name: 'MuiTimelineSeparator',
21
- slot: 'Root',
22
- overridesResolver: (props, styles) => styles.root
23
- })({
24
- display: 'flex',
25
- flexDirection: 'column',
26
- flex: 0,
27
- alignItems: 'center'
28
- });
29
- const TimelineSeparator = /*#__PURE__*/React.forwardRef(function TimelineSeparator(inProps, ref) {
30
- const props = useThemeProps({
31
- props: inProps,
32
- name: 'MuiTimelineSeparator'
33
- });
34
- const {
35
- className,
36
- ...other
37
- } = props;
38
- const ownerState = props;
39
- const classes = useUtilityClasses(ownerState);
40
- return /*#__PURE__*/_jsx(TimelineSeparatorRoot, {
41
- className: clsx(classes.root, className),
42
- ownerState: ownerState,
43
- ref: ref,
44
- ...other
45
- });
46
- });
47
- process.env.NODE_ENV !== "production" ? TimelineSeparator.propTypes /* remove-proptypes */ = {
48
- // ┌────────────────────────────── Warning ──────────────────────────────┐
49
- // │ These PropTypes are generated from the TypeScript type definitions. │
50
- // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
51
- // └─────────────────────────────────────────────────────────────────────┘
52
- /**
53
- * The content of the component.
54
- */
55
- children: PropTypes.node,
56
- /**
57
- * Override or extend the styles applied to the component.
58
- */
59
- classes: PropTypes.object,
60
- /**
61
- * @ignore
62
- */
63
- className: PropTypes.string,
64
- /**
65
- * The system prop that allows defining system overrides as well as additional CSS styles.
66
- */
67
- sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
68
- } : void 0;
69
- export default TimelineSeparator;
@@ -1,4 +0,0 @@
1
- export { default } from "./TimelineSeparator.js";
2
- export * from "./TimelineSeparator.js";
3
- export { default as timelineSeparatorClasses } from "./timelineSeparatorClasses.js";
4
- export * from "./timelineSeparatorClasses.js";
@@ -1,3 +0,0 @@
1
- export { default } from "./TimelineSeparator.js";
2
- export { default as timelineSeparatorClasses } from "./timelineSeparatorClasses.js";
3
- export * from "./timelineSeparatorClasses.js";
@@ -1,8 +0,0 @@
1
- export interface TimelineSeparatorClasses {
2
- /** Styles applied to the root element. */
3
- root: string;
4
- }
5
- export type TimelineSeparatorClassKey = keyof TimelineSeparatorClasses;
6
- export declare function getTimelineSeparatorUtilityClass(slot: string): string;
7
- declare const timelineSeparatorClasses: TimelineSeparatorClasses;
8
- export default timelineSeparatorClasses;
@@ -1,7 +0,0 @@
1
- import generateUtilityClass from '@mui/utils/generateUtilityClass';
2
- import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
3
- export function getTimelineSeparatorUtilityClass(slot) {
4
- return generateUtilityClass('MuiTimelineSeparator', slot);
5
- }
6
- const timelineSeparatorClasses = generateUtilityClasses('MuiTimelineSeparator', ['root']);
7
- export default timelineSeparatorClasses;