@mui/lab 7.0.0-beta.9 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (267) hide show
  1. package/CHANGELOG.md +590 -0
  2. package/Masonry/Masonry.js +9 -10
  3. package/TabPanel/TabPanel.d.ts +1 -1
  4. package/TabPanel/TabPanel.js +1 -2
  5. package/Timeline/Timeline.types.d.ts +1 -1
  6. package/TimelineConnector/TimelineConnector.d.ts +1 -1
  7. package/TimelineConnector/TimelineConnector.js +1 -2
  8. package/TimelineContent/TimelineContent.d.ts +2 -1
  9. package/TimelineDot/TimelineDot.d.ts +1 -1
  10. package/TimelineItem/TimelineItem.d.ts +1 -1
  11. package/TimelineOppositeContent/TimelineOppositeContent.d.ts +2 -1
  12. package/TimelineSeparator/TimelineSeparator.d.ts +1 -1
  13. package/TimelineSeparator/TimelineSeparator.js +1 -2
  14. package/esm/Masonry/Masonry.js +4 -5
  15. package/esm/TabPanel/TabPanel.d.ts +1 -1
  16. package/esm/TabPanel/TabPanel.js +1 -2
  17. package/esm/Timeline/Timeline.types.d.ts +1 -1
  18. package/esm/TimelineConnector/TimelineConnector.d.ts +1 -1
  19. package/esm/TimelineConnector/TimelineConnector.js +1 -2
  20. package/esm/TimelineContent/TimelineContent.d.ts +2 -1
  21. package/esm/TimelineDot/TimelineDot.d.ts +1 -1
  22. package/esm/TimelineItem/TimelineItem.d.ts +1 -1
  23. package/esm/TimelineOppositeContent/TimelineOppositeContent.d.ts +2 -1
  24. package/esm/TimelineSeparator/TimelineSeparator.d.ts +1 -1
  25. package/esm/TimelineSeparator/TimelineSeparator.js +1 -2
  26. package/esm/index.js +1 -1
  27. package/esm/internal/svg-icons/ArrowDropDown.d.ts +1 -1
  28. package/esm/internal/svg-icons/ArrowLeft.d.ts +1 -1
  29. package/esm/internal/svg-icons/ArrowRight.d.ts +1 -1
  30. package/esm/internal/svg-icons/Calendar.d.ts +1 -1
  31. package/esm/internal/svg-icons/Clock.d.ts +1 -1
  32. package/esm/internal/svg-icons/DateRange.d.ts +1 -1
  33. package/esm/internal/svg-icons/Pen.d.ts +1 -1
  34. package/esm/internal/svg-icons/Time.d.ts +1 -1
  35. package/index.js +1 -1
  36. package/internal/svg-icons/ArrowDropDown.d.ts +1 -1
  37. package/internal/svg-icons/ArrowLeft.d.ts +1 -1
  38. package/internal/svg-icons/ArrowRight.d.ts +1 -1
  39. package/internal/svg-icons/Calendar.d.ts +1 -1
  40. package/internal/svg-icons/Clock.d.ts +1 -1
  41. package/internal/svg-icons/DateRange.d.ts +1 -1
  42. package/internal/svg-icons/Pen.d.ts +1 -1
  43. package/internal/svg-icons/Time.d.ts +1 -1
  44. package/package.json +17 -27
  45. package/modern/AdapterDateFns/AdapterDateFns.d.ts +0 -6
  46. package/modern/AdapterDateFns/AdapterDateFns.js +0 -16
  47. package/modern/AdapterDateFns/index.d.ts +0 -1
  48. package/modern/AdapterDateFns/index.js +0 -1
  49. package/modern/AdapterDayjs/AdapterDayjs.d.ts +0 -6
  50. package/modern/AdapterDayjs/AdapterDayjs.js +0 -16
  51. package/modern/AdapterDayjs/index.d.ts +0 -1
  52. package/modern/AdapterDayjs/index.js +0 -1
  53. package/modern/AdapterLuxon/AdapterLuxon.d.ts +0 -6
  54. package/modern/AdapterLuxon/AdapterLuxon.js +0 -16
  55. package/modern/AdapterLuxon/index.d.ts +0 -1
  56. package/modern/AdapterLuxon/index.js +0 -1
  57. package/modern/AdapterMoment/AdapterMoment.d.ts +0 -6
  58. package/modern/AdapterMoment/AdapterMoment.js +0 -16
  59. package/modern/AdapterMoment/index.d.ts +0 -1
  60. package/modern/AdapterMoment/index.js +0 -1
  61. package/modern/CalendarPicker/CalendarPicker.d.ts +0 -15
  62. package/modern/CalendarPicker/CalendarPicker.js +0 -21
  63. package/modern/CalendarPicker/index.d.ts +0 -2
  64. package/modern/CalendarPicker/index.js +0 -2
  65. package/modern/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +0 -14
  66. package/modern/CalendarPickerSkeleton/CalendarPickerSkeleton.js +0 -25
  67. package/modern/CalendarPickerSkeleton/index.d.ts +0 -2
  68. package/modern/CalendarPickerSkeleton/index.js +0 -2
  69. package/modern/ClockPicker/ClockPicker.d.ts +0 -15
  70. package/modern/ClockPicker/ClockPicker.js +0 -21
  71. package/modern/ClockPicker/index.d.ts +0 -2
  72. package/modern/ClockPicker/index.js +0 -2
  73. package/modern/DatePicker/DatePicker.d.ts +0 -10
  74. package/modern/DatePicker/DatePicker.js +0 -19
  75. package/modern/DatePicker/index.d.ts +0 -2
  76. package/modern/DatePicker/index.js +0 -2
  77. package/modern/DateRangePicker/DateRangePicker.d.ts +0 -12
  78. package/modern/DateRangePicker/DateRangePicker.js +0 -18
  79. package/modern/DateRangePicker/index.d.ts +0 -2
  80. package/modern/DateRangePicker/index.js +0 -2
  81. package/modern/DateRangePickerDay/DateRangePickerDay.d.ts +0 -14
  82. package/modern/DateRangePickerDay/DateRangePickerDay.js +0 -22
  83. package/modern/DateRangePickerDay/index.d.ts +0 -2
  84. package/modern/DateRangePickerDay/index.js +0 -2
  85. package/modern/DateTimePicker/DateTimePicker.d.ts +0 -11
  86. package/modern/DateTimePicker/DateTimePicker.js +0 -20
  87. package/modern/DateTimePicker/index.d.ts +0 -2
  88. package/modern/DateTimePicker/index.js +0 -2
  89. package/modern/DesktopDatePicker/DesktopDatePicker.d.ts +0 -11
  90. package/modern/DesktopDatePicker/DesktopDatePicker.js +0 -20
  91. package/modern/DesktopDatePicker/index.d.ts +0 -2
  92. package/modern/DesktopDatePicker/index.js +0 -2
  93. package/modern/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +0 -11
  94. package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +0 -18
  95. package/modern/DesktopDateRangePicker/index.d.ts +0 -2
  96. package/modern/DesktopDateRangePicker/index.js +0 -2
  97. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +0 -11
  98. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -20
  99. package/modern/DesktopDateTimePicker/index.d.ts +0 -2
  100. package/modern/DesktopDateTimePicker/index.js +0 -2
  101. package/modern/DesktopTimePicker/DesktopTimePicker.d.ts +0 -11
  102. package/modern/DesktopTimePicker/DesktopTimePicker.js +0 -20
  103. package/modern/DesktopTimePicker/index.d.ts +0 -2
  104. package/modern/DesktopTimePicker/index.js +0 -2
  105. package/modern/LoadingButton/LoadingButton.d.ts +0 -3
  106. package/modern/LoadingButton/LoadingButton.js +0 -23
  107. package/modern/LoadingButton/index.d.ts +0 -2
  108. package/modern/LoadingButton/index.js +0 -1
  109. package/modern/LocalizationProvider/LocalizationProvider.d.ts +0 -11
  110. package/modern/LocalizationProvider/LocalizationProvider.js +0 -19
  111. package/modern/LocalizationProvider/index.d.ts +0 -2
  112. package/modern/LocalizationProvider/index.js +0 -2
  113. package/modern/Masonry/Masonry.d.ts +0 -62
  114. package/modern/Masonry/Masonry.js +0 -338
  115. package/modern/Masonry/index.d.ts +0 -4
  116. package/modern/Masonry/index.js +0 -3
  117. package/modern/Masonry/masonryClasses.d.ts +0 -8
  118. package/modern/Masonry/masonryClasses.js +0 -7
  119. package/modern/MobileDatePicker/MobileDatePicker.d.ts +0 -11
  120. package/modern/MobileDatePicker/MobileDatePicker.js +0 -20
  121. package/modern/MobileDatePicker/index.d.ts +0 -2
  122. package/modern/MobileDatePicker/index.js +0 -2
  123. package/modern/MobileDateRangePicker/MobileDateRangePicker.d.ts +0 -11
  124. package/modern/MobileDateRangePicker/MobileDateRangePicker.js +0 -18
  125. package/modern/MobileDateRangePicker/index.d.ts +0 -2
  126. package/modern/MobileDateRangePicker/index.js +0 -2
  127. package/modern/MobileDateTimePicker/MobileDateTimePicker.d.ts +0 -11
  128. package/modern/MobileDateTimePicker/MobileDateTimePicker.js +0 -20
  129. package/modern/MobileDateTimePicker/index.d.ts +0 -2
  130. package/modern/MobileDateTimePicker/index.js +0 -2
  131. package/modern/MobileTimePicker/MobileTimePicker.d.ts +0 -11
  132. package/modern/MobileTimePicker/MobileTimePicker.js +0 -20
  133. package/modern/MobileTimePicker/index.d.ts +0 -2
  134. package/modern/MobileTimePicker/index.js +0 -2
  135. package/modern/MonthPicker/MonthPicker.d.ts +0 -14
  136. package/modern/MonthPicker/MonthPicker.js +0 -25
  137. package/modern/MonthPicker/index.d.ts +0 -2
  138. package/modern/MonthPicker/index.js +0 -2
  139. package/modern/PickersDay/PickersDay.d.ts +0 -14
  140. package/modern/PickersDay/PickersDay.js +0 -25
  141. package/modern/PickersDay/index.d.ts +0 -2
  142. package/modern/PickersDay/index.js +0 -2
  143. package/modern/StaticDatePicker/StaticDatePicker.d.ts +0 -11
  144. package/modern/StaticDatePicker/StaticDatePicker.js +0 -20
  145. package/modern/StaticDatePicker/index.d.ts +0 -2
  146. package/modern/StaticDatePicker/index.js +0 -2
  147. package/modern/StaticDateRangePicker/StaticDateRangePicker.d.ts +0 -11
  148. package/modern/StaticDateRangePicker/StaticDateRangePicker.js +0 -18
  149. package/modern/StaticDateRangePicker/index.d.ts +0 -2
  150. package/modern/StaticDateRangePicker/index.js +0 -2
  151. package/modern/StaticDateTimePicker/StaticDateTimePicker.d.ts +0 -11
  152. package/modern/StaticDateTimePicker/StaticDateTimePicker.js +0 -20
  153. package/modern/StaticDateTimePicker/index.d.ts +0 -2
  154. package/modern/StaticDateTimePicker/index.js +0 -2
  155. package/modern/StaticTimePicker/StaticTimePicker.d.ts +0 -11
  156. package/modern/StaticTimePicker/StaticTimePicker.js +0 -20
  157. package/modern/StaticTimePicker/index.d.ts +0 -2
  158. package/modern/StaticTimePicker/index.js +0 -2
  159. package/modern/TabContext/TabContext.d.ts +0 -29
  160. package/modern/TabContext/TabContext.js +0 -76
  161. package/modern/TabContext/index.d.ts +0 -2
  162. package/modern/TabContext/index.js +0 -2
  163. package/modern/TabList/TabList.d.ts +0 -30
  164. package/modern/TabList/TabList.js +0 -44
  165. package/modern/TabList/index.d.ts +0 -2
  166. package/modern/TabList/index.js +0 -1
  167. package/modern/TabPanel/TabPanel.d.ts +0 -41
  168. package/modern/TabPanel/TabPanel.js +0 -96
  169. package/modern/TabPanel/index.d.ts +0 -4
  170. package/modern/TabPanel/index.js +0 -3
  171. package/modern/TabPanel/tabPanelClasses.d.ts +0 -10
  172. package/modern/TabPanel/tabPanelClasses.js +0 -7
  173. package/modern/TimePicker/TimePicker.d.ts +0 -11
  174. package/modern/TimePicker/TimePicker.js +0 -20
  175. package/modern/TimePicker/index.d.ts +0 -2
  176. package/modern/TimePicker/index.js +0 -2
  177. package/modern/Timeline/Timeline.d.ts +0 -24
  178. package/modern/Timeline/Timeline.js +0 -114
  179. package/modern/Timeline/Timeline.types.d.ts +0 -27
  180. package/modern/Timeline/Timeline.types.js +0 -1
  181. package/modern/Timeline/TimelineContext.d.ts +0 -6
  182. package/modern/Timeline/TimelineContext.js +0 -12
  183. package/modern/Timeline/index.d.ts +0 -4
  184. package/modern/Timeline/index.js +0 -4
  185. package/modern/Timeline/timelineClasses.d.ts +0 -16
  186. package/modern/Timeline/timelineClasses.js +0 -7
  187. package/modern/TimelineConnector/TimelineConnector.d.ts +0 -31
  188. package/modern/TimelineConnector/TimelineConnector.js +0 -72
  189. package/modern/TimelineConnector/index.d.ts +0 -4
  190. package/modern/TimelineConnector/index.js +0 -3
  191. package/modern/TimelineConnector/timelineConnectorClasses.d.ts +0 -8
  192. package/modern/TimelineConnector/timelineConnectorClasses.js +0 -7
  193. package/modern/TimelineContent/TimelineContent.d.ts +0 -32
  194. package/modern/TimelineContent/TimelineContent.js +0 -89
  195. package/modern/TimelineContent/index.d.ts +0 -4
  196. package/modern/TimelineContent/index.js +0 -3
  197. package/modern/TimelineContent/timelineContentClasses.d.ts +0 -16
  198. package/modern/TimelineContent/timelineContentClasses.js +0 -7
  199. package/modern/TimelineDot/TimelineDot.d.ts +0 -44
  200. package/modern/TimelineDot/TimelineDot.js +0 -123
  201. package/modern/TimelineDot/index.d.ts +0 -4
  202. package/modern/TimelineDot/index.js +0 -3
  203. package/modern/TimelineDot/timelineDotClasses.d.ts +0 -24
  204. package/modern/TimelineDot/timelineDotClasses.js +0 -7
  205. package/modern/TimelineItem/TimelineItem.d.ts +0 -35
  206. package/modern/TimelineItem/TimelineItem.js +0 -128
  207. package/modern/TimelineItem/index.d.ts +0 -4
  208. package/modern/TimelineItem/index.js +0 -3
  209. package/modern/TimelineItem/timelineItemClasses.d.ts +0 -18
  210. package/modern/TimelineItem/timelineItemClasses.js +0 -7
  211. package/modern/TimelineOppositeContent/TimelineOppositeContent.d.ts +0 -35
  212. package/modern/TimelineOppositeContent/TimelineOppositeContent.js +0 -91
  213. package/modern/TimelineOppositeContent/index.d.ts +0 -4
  214. package/modern/TimelineOppositeContent/index.js +0 -3
  215. package/modern/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +0 -16
  216. package/modern/TimelineOppositeContent/timelineOppositeContentClasses.js +0 -7
  217. package/modern/TimelineSeparator/TimelineSeparator.d.ts +0 -31
  218. package/modern/TimelineSeparator/TimelineSeparator.js +0 -69
  219. package/modern/TimelineSeparator/index.d.ts +0 -4
  220. package/modern/TimelineSeparator/index.js +0 -3
  221. package/modern/TimelineSeparator/timelineSeparatorClasses.d.ts +0 -8
  222. package/modern/TimelineSeparator/timelineSeparatorClasses.js +0 -7
  223. package/modern/TreeItem/TreeItem.d.ts +0 -11
  224. package/modern/TreeItem/TreeItem.js +0 -19
  225. package/modern/TreeItem/index.d.ts +0 -2
  226. package/modern/TreeItem/index.js +0 -2
  227. package/modern/TreeView/TreeView.d.ts +0 -11
  228. package/modern/TreeView/TreeView.js +0 -20
  229. package/modern/TreeView/index.d.ts +0 -2
  230. package/modern/TreeView/index.js +0 -2
  231. package/modern/YearPicker/YearPicker.d.ts +0 -15
  232. package/modern/YearPicker/YearPicker.js +0 -24
  233. package/modern/YearPicker/index.d.ts +0 -2
  234. package/modern/YearPicker/index.js +0 -2
  235. package/modern/index.d.ts +0 -78
  236. package/modern/index.js +0 -88
  237. package/modern/internal/convertTimelinePositionToClass.d.ts +0 -1
  238. package/modern/internal/convertTimelinePositionToClass.js +0 -4
  239. package/modern/internal/svg-icons/ArrowDropDown.d.ts +0 -7
  240. package/modern/internal/svg-icons/ArrowDropDown.js +0 -12
  241. package/modern/internal/svg-icons/ArrowLeft.d.ts +0 -7
  242. package/modern/internal/svg-icons/ArrowLeft.js +0 -12
  243. package/modern/internal/svg-icons/ArrowRight.d.ts +0 -7
  244. package/modern/internal/svg-icons/ArrowRight.js +0 -12
  245. package/modern/internal/svg-icons/Calendar.d.ts +0 -7
  246. package/modern/internal/svg-icons/Calendar.js +0 -12
  247. package/modern/internal/svg-icons/Clock.d.ts +0 -7
  248. package/modern/internal/svg-icons/Clock.js +0 -16
  249. package/modern/internal/svg-icons/DateRange.d.ts +0 -7
  250. package/modern/internal/svg-icons/DateRange.js +0 -12
  251. package/modern/internal/svg-icons/Pen.d.ts +0 -7
  252. package/modern/internal/svg-icons/Pen.js +0 -12
  253. package/modern/internal/svg-icons/Time.d.ts +0 -7
  254. package/modern/internal/svg-icons/Time.js +0 -16
  255. package/modern/package.json +0 -1
  256. package/modern/themeAugmentation/components.d.ts +0 -63
  257. package/modern/themeAugmentation/components.js +0 -2
  258. package/modern/themeAugmentation/index.d.ts +0 -3
  259. package/modern/themeAugmentation/index.js +0 -1
  260. package/modern/themeAugmentation/overrides.d.ts +0 -28
  261. package/modern/themeAugmentation/overrides.js +0 -4
  262. package/modern/themeAugmentation/props.d.ts +0 -28
  263. package/modern/themeAugmentation/props.js +0 -2
  264. package/modern/useAutocomplete/index.d.ts +0 -1
  265. package/modern/useAutocomplete/index.js +0 -1
  266. package/modern/zero-styled/index.d.ts +0 -1
  267. package/modern/zero-styled/index.js +0 -2
@@ -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://mui.com/material-ui/react-timeline/)
30
- *
31
- * API:
32
- *
33
- * - [TimelineItem API](https://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 composeClasses from '@mui/utils/composeClasses';
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://mui.com/material-ui/react-timeline/)
26
- *
27
- * API:
28
- *
29
- * - [TimelineOppositeContent API](https://mui.com/material-ui/api/timeline-opposite-content/)
30
- * - inherits [Typography API](https://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 composeClasses from '@mui/utils/composeClasses';
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://mui.com/material-ui/react-timeline/)
26
- *
27
- * API:
28
- *
29
- * - [TimelineSeparator API](https://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 composeClasses from '@mui/utils/composeClasses';
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;
@@ -1,11 +0,0 @@
1
- import * as React from 'react';
2
- type TreeItemComponent = ((props: TreeItemProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
3
- propTypes?: any;
4
- };
5
- /**
6
- * @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/.
7
- * @ignore - do not document.
8
- */
9
- declare const TreeItem: TreeItemComponent;
10
- export default TreeItem;
11
- export type TreeItemProps = Record<any, any>;
@@ -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,2 +0,0 @@
1
- export { default } from "./TreeItem.js";
2
- export * from "./TreeItem.js";
@@ -1,11 +0,0 @@
1
- import * as React from 'react';
2
- type TreeViewComponent<Multiple extends boolean | undefined = undefined> = ((props: TreeViewProps<Multiple> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
3
- propTypes?: any;
4
- };
5
- /**
6
- * @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/.
7
- * @ignore - do not document.
8
- */
9
- declare const TreeView: TreeViewComponent;
10
- export default TreeView;
11
- export type TreeViewProps<Multiple> = Record<any, any>;
@@ -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,2 +0,0 @@
1
- export { default } from "./TreeView.js";
2
- export * from "./TreeView.js";
@@ -1,15 +0,0 @@
1
- import * as React from 'react';
2
- type YearPickerComponent = (<TDate>(props: YearPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
3
- propTypes?: any;
4
- };
5
- /**
6
- * @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/.
7
- * @ignore - do not document.
8
- */
9
- declare const YearPicker: YearPickerComponent;
10
- export default YearPicker;
11
- export declare const yearPickerClasses: {};
12
- export declare const getYearPickerUtilityClass: (slot: string) => string;
13
- export type YearPickerClasses = any;
14
- export type YearPickerClassKey = any;
15
- export type YearPickerProps<TDate> = Record<any, any>;