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