@mui/lab 6.0.0-alpha.7 → 6.0.0-alpha.8

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 (77) hide show
  1. package/Alert/Alert.js +4 -4
  2. package/AlertTitle/AlertTitle.js +4 -4
  3. package/Autocomplete/Autocomplete.js +4 -4
  4. package/AvatarGroup/AvatarGroup.js +4 -4
  5. package/CHANGELOG.md +37 -2
  6. package/LoadingButton/LoadingButton.js +21 -19
  7. package/Masonry/Masonry.js +35 -30
  8. package/Pagination/Pagination.js +4 -4
  9. package/PaginationItem/PaginationItem.js +4 -4
  10. package/Rating/Rating.js +4 -4
  11. package/Skeleton/Skeleton.js +4 -4
  12. package/SpeedDial/SpeedDial.js +4 -4
  13. package/SpeedDialAction/SpeedDialAction.js +4 -4
  14. package/SpeedDialIcon/SpeedDialIcon.js +4 -4
  15. package/TabList/TabList.js +6 -8
  16. package/TabPanel/TabPanel.js +13 -14
  17. package/Timeline/Timeline.js +11 -12
  18. package/TimelineConnector/TimelineConnector.js +7 -9
  19. package/TimelineContent/TimelineContent.js +15 -15
  20. package/TimelineDot/TimelineDot.js +38 -31
  21. package/TimelineItem/TimelineItem.js +33 -31
  22. package/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
  23. package/TimelineSeparator/TimelineSeparator.js +7 -9
  24. package/ToggleButton/ToggleButton.js +4 -4
  25. package/ToggleButtonGroup/ToggleButtonGroup.js +4 -4
  26. package/index.js +1 -1
  27. package/modern/Alert/Alert.js +4 -4
  28. package/modern/AlertTitle/AlertTitle.js +4 -4
  29. package/modern/Autocomplete/Autocomplete.js +4 -4
  30. package/modern/AvatarGroup/AvatarGroup.js +4 -4
  31. package/modern/LoadingButton/LoadingButton.js +21 -19
  32. package/modern/Masonry/Masonry.js +35 -30
  33. package/modern/Pagination/Pagination.js +4 -4
  34. package/modern/PaginationItem/PaginationItem.js +4 -4
  35. package/modern/Rating/Rating.js +4 -4
  36. package/modern/Skeleton/Skeleton.js +4 -4
  37. package/modern/SpeedDial/SpeedDial.js +4 -4
  38. package/modern/SpeedDialAction/SpeedDialAction.js +4 -4
  39. package/modern/SpeedDialIcon/SpeedDialIcon.js +4 -4
  40. package/modern/TabList/TabList.js +6 -8
  41. package/modern/TabPanel/TabPanel.js +13 -14
  42. package/modern/Timeline/Timeline.js +11 -12
  43. package/modern/TimelineConnector/TimelineConnector.js +7 -9
  44. package/modern/TimelineContent/TimelineContent.js +15 -15
  45. package/modern/TimelineDot/TimelineDot.js +38 -31
  46. package/modern/TimelineItem/TimelineItem.js +33 -31
  47. package/modern/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
  48. package/modern/TimelineSeparator/TimelineSeparator.js +7 -9
  49. package/modern/ToggleButton/ToggleButton.js +4 -4
  50. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +4 -4
  51. package/modern/index.js +1 -1
  52. package/node/Alert/Alert.js +4 -4
  53. package/node/AlertTitle/AlertTitle.js +4 -4
  54. package/node/Autocomplete/Autocomplete.js +4 -4
  55. package/node/AvatarGroup/AvatarGroup.js +4 -4
  56. package/node/LoadingButton/LoadingButton.js +21 -19
  57. package/node/Masonry/Masonry.js +35 -30
  58. package/node/Pagination/Pagination.js +4 -4
  59. package/node/PaginationItem/PaginationItem.js +4 -4
  60. package/node/Rating/Rating.js +4 -4
  61. package/node/Skeleton/Skeleton.js +4 -4
  62. package/node/SpeedDial/SpeedDial.js +4 -4
  63. package/node/SpeedDialAction/SpeedDialAction.js +4 -4
  64. package/node/SpeedDialIcon/SpeedDialIcon.js +4 -4
  65. package/node/TabList/TabList.js +6 -8
  66. package/node/TabPanel/TabPanel.js +13 -14
  67. package/node/Timeline/Timeline.js +11 -12
  68. package/node/TimelineConnector/TimelineConnector.js +7 -9
  69. package/node/TimelineContent/TimelineContent.js +15 -15
  70. package/node/TimelineDot/TimelineDot.js +38 -31
  71. package/node/TimelineItem/TimelineItem.js +33 -31
  72. package/node/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
  73. package/node/TimelineSeparator/TimelineSeparator.js +7 -9
  74. package/node/ToggleButton/ToggleButton.js +4 -4
  75. package/node/ToggleButtonGroup/ToggleButtonGroup.js +4 -4
  76. package/node/index.js +1 -1
  77. package/package.json +5 -5
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
9
  var React = _interopRequireWildcard(require("react"));
11
10
  var _SpeedDialAction = _interopRequireDefault(require("@mui/material/SpeedDialAction"));
12
11
  var _jsxRuntime = require("react/jsx-runtime");
@@ -22,7 +21,8 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function Deprecat
22
21
  console.warn(['MUI: The SpeedDialAction component was moved from the lab to the core.', '', "You should use `import { SpeedDialAction } from '@mui/material'`", "or `import SpeedDialAction from '@mui/material/SpeedDialAction'`"].join('\n'));
23
22
  warnedOnce = true;
24
23
  }
25
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, (0, _extends2.default)({
26
- ref: ref
27
- }, props));
24
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
25
+ ref: ref,
26
+ ...props
27
+ });
28
28
  });
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
9
  var React = _interopRequireWildcard(require("react"));
11
10
  var _SpeedDialIcon = _interopRequireDefault(require("@mui/material/SpeedDialIcon"));
12
11
  var _jsxRuntime = require("react/jsx-runtime");
@@ -22,7 +21,8 @@ var _default = exports.default = /*#__PURE__*/React.forwardRef(function Deprecat
22
21
  console.warn(['MUI: The SpeedDialIcon component was moved from the lab to the core.', '', "You should use `import { SpeedDialIcon } from '@mui/material'`", "or `import SpeedDialIcon from '@mui/material/SpeedDialIcon'`"].join('\n'));
23
22
  warnedOnce = true;
24
23
  }
25
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialIcon.default, (0, _extends2.default)({
26
- ref: ref
27
- }, props));
24
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialIcon.default, {
25
+ ref: ref,
26
+ ...props
27
+ });
28
28
  });
@@ -6,21 +6,18 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
14
12
  var _TabContext = require("../TabContext");
15
13
  var _jsxRuntime = require("react/jsx-runtime");
16
- const _excluded = ["children"];
17
14
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
18
15
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
19
16
  const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
20
17
  const {
21
- children: childrenProp
22
- } = props,
23
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
18
+ children: childrenProp,
19
+ ...other
20
+ } = props;
24
21
  const context = (0, _TabContext.useTabContext)();
25
22
  if (context === null) {
26
23
  throw new TypeError('No TabContext provided');
@@ -35,11 +32,12 @@ const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
35
32
  id: (0, _TabContext.getTabId)(context, child.props.value)
36
33
  });
37
34
  });
38
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, (0, _extends2.default)({}, other, {
35
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
36
+ ...other,
39
37
  ref: ref,
40
38
  value: context.value,
41
39
  children: children
42
- }));
40
+ });
43
41
  });
44
42
  process.env.NODE_ENV !== "production" ? TabList.propTypes /* remove-proptypes */ = {
45
43
  // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -16,7 +14,6 @@ var _base = require("@mui/base");
16
14
  var _tabPanelClasses = require("./tabPanelClasses");
17
15
  var _TabContext = require("../TabContext");
18
16
  var _jsxRuntime = require("react/jsx-runtime");
19
- const _excluded = ["children", "className", "value", "keepMounted"];
20
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
21
18
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
22
19
  const useUtilityClasses = ownerState => {
@@ -44,13 +41,15 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
44
41
  name: 'MuiTabPanel'
45
42
  });
46
43
  const {
47
- children,
48
- className,
49
- value,
50
- keepMounted = false
51
- } = props,
52
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
53
- const ownerState = (0, _extends2.default)({}, props);
44
+ children,
45
+ className,
46
+ value,
47
+ keepMounted = false,
48
+ ...other
49
+ } = props;
50
+ const ownerState = {
51
+ ...props
52
+ };
54
53
  const classes = useUtilityClasses(ownerState);
55
54
  const context = (0, _TabContext.useTabContext)();
56
55
  if (context === null) {
@@ -58,17 +57,17 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
58
57
  }
59
58
  const id = (0, _TabContext.getPanelId)(context, value);
60
59
  const tabId = (0, _TabContext.getTabId)(context, value);
61
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabPanelRoot, (0, _extends2.default)({
60
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabPanelRoot, {
62
61
  "aria-labelledby": tabId,
63
62
  className: (0, _clsx.default)(classes.root, className),
64
63
  hidden: value !== context.value,
65
64
  id: id,
66
65
  ref: ref,
67
66
  role: "tabpanel",
68
- ownerState: ownerState
69
- }, other, {
67
+ ownerState: ownerState,
68
+ ...other,
70
69
  children: (keepMounted || value === context.value) && children
71
- }));
70
+ });
72
71
  });
73
72
  process.env.NODE_ENV !== "production" ? TabPanel.propTypes /* remove-proptypes */ = {
74
73
  // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -17,7 +15,6 @@ var _TimelineContext = _interopRequireDefault(require("./TimelineContext"));
17
15
  var _timelineClasses = require("./timelineClasses");
18
16
  var _convertTimelinePositionToClass = _interopRequireDefault(require("../internal/convertTimelinePositionToClass"));
19
17
  var _jsxRuntime = require("react/jsx-runtime");
20
- const _excluded = ["position", "className"];
21
18
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
22
19
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
23
20
  const useUtilityClasses = ownerState => {
@@ -62,26 +59,28 @@ const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
62
59
  name: 'MuiTimeline'
63
60
  });
64
61
  const {
65
- position = 'right',
66
- className
67
- } = props,
68
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
69
- const ownerState = (0, _extends2.default)({}, props, {
62
+ position = 'right',
63
+ className,
64
+ ...other
65
+ } = props;
66
+ const ownerState = {
67
+ ...props,
70
68
  position
71
- });
69
+ };
72
70
  const classes = useUtilityClasses(ownerState);
73
71
  const contextValue = React.useMemo(() => ({
74
72
  position
75
73
  }), [position]);
76
74
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimelineContext.default.Provider, {
77
75
  value: contextValue,
78
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineRoot, (0, _extends2.default)({
76
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineRoot, {
79
77
  className: (0, _clsx.default)(classes.root, className),
80
78
  ownerState: ownerState
81
79
  // @ts-expect-error TypeScript bug, need to keep unknown for DX
82
80
  ,
83
- ref: ref
84
- }, other))
81
+ ref: ref,
82
+ ...other
83
+ })
85
84
  });
86
85
  });
87
86
  process.env.NODE_ENV !== "production" ? Timeline.propTypes /* remove-proptypes */ = {
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -15,7 +13,6 @@ var _base = require("@mui/base");
15
13
  var _styles = require("@mui/material/styles");
16
14
  var _timelineConnectorClasses = require("./timelineConnectorClasses");
17
15
  var _jsxRuntime = require("react/jsx-runtime");
18
- const _excluded = ["className"];
19
16
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
20
17
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
21
18
  const useUtilityClasses = ownerState => {
@@ -46,16 +43,17 @@ const TimelineConnector = /*#__PURE__*/React.forwardRef(function TimelineConnect
46
43
  name: 'MuiTimelineConnector'
47
44
  });
48
45
  const {
49
- className
50
- } = props,
51
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
46
+ className,
47
+ ...other
48
+ } = props;
52
49
  const ownerState = props;
53
50
  const classes = useUtilityClasses(ownerState);
54
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineConnectorRoot, (0, _extends2.default)({
51
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineConnectorRoot, {
55
52
  className: (0, _clsx.default)(classes.root, className),
56
53
  ownerState: ownerState,
57
- ref: ref
58
- }, other));
54
+ ref: ref,
55
+ ...other
56
+ });
59
57
  });
60
58
  process.env.NODE_ENV !== "production" ? TimelineConnector.propTypes /* remove-proptypes */ = {
61
59
  // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -18,7 +16,6 @@ var _TimelineContext = _interopRequireDefault(require("../Timeline/TimelineConte
18
16
  var _timelineContentClasses = require("./timelineContentClasses");
19
17
  var _convertTimelinePositionToClass = _interopRequireDefault(require("../internal/convertTimelinePositionToClass"));
20
18
  var _jsxRuntime = require("react/jsx-runtime");
21
- const _excluded = ["className"];
22
19
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
23
20
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
24
21
  const useUtilityClasses = ownerState => {
@@ -42,12 +39,13 @@ const TimelineContentRoot = (0, _styles.styled)(_Typography.default, {
42
39
  }
43
40
  })(({
44
41
  ownerState
45
- }) => (0, _extends2.default)({
42
+ }) => ({
46
43
  flex: 1,
47
44
  padding: '6px 16px',
48
- textAlign: 'left'
49
- }, ownerState.position === 'left' && {
50
- textAlign: 'right'
45
+ textAlign: 'left',
46
+ ...(ownerState.position === 'left' && {
47
+ textAlign: 'right'
48
+ })
51
49
  }));
52
50
  const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(inProps, ref) {
53
51
  const props = (0, _styles.useThemeProps)({
@@ -55,22 +53,24 @@ const TimelineContent = /*#__PURE__*/React.forwardRef(function TimelineContent(i
55
53
  name: 'MuiTimelineContent'
56
54
  });
57
55
  const {
58
- className
59
- } = props,
60
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
56
+ className,
57
+ ...other
58
+ } = props;
61
59
  const {
62
60
  position: positionContext
63
61
  } = React.useContext(_TimelineContext.default);
64
- const ownerState = (0, _extends2.default)({}, props, {
62
+ const ownerState = {
63
+ ...props,
65
64
  position: positionContext || 'right'
66
- });
65
+ };
67
66
  const classes = useUtilityClasses(ownerState);
68
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineContentRoot, (0, _extends2.default)({
67
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineContentRoot, {
69
68
  component: "div",
70
69
  className: (0, _clsx.default)(classes.root, className),
71
70
  ownerState: ownerState,
72
- ref: ref
73
- }, other));
71
+ ref: ref,
72
+ ...other
73
+ });
74
74
  });
75
75
  process.env.NODE_ENV !== "production" ? TimelineContent.propTypes /* remove-proptypes */ = {
76
76
  // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -16,7 +14,6 @@ var _utils = require("@mui/material/utils");
16
14
  var _base = require("@mui/base");
17
15
  var _timelineDotClasses = require("./timelineDotClasses");
18
16
  var _jsxRuntime = require("react/jsx-runtime");
19
- const _excluded = ["className", "color", "variant"];
20
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
21
18
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
22
19
  const useUtilityClasses = ownerState => {
@@ -42,7 +39,7 @@ const TimelineDotRoot = (0, _styles.styled)('span', {
42
39
  })(({
43
40
  ownerState,
44
41
  theme
45
- }) => (0, _extends2.default)({
42
+ }) => ({
46
43
  display: 'flex',
47
44
  alignSelf: 'baseline',
48
45
  borderStyle: 'solid',
@@ -50,44 +47,54 @@ const TimelineDotRoot = (0, _styles.styled)('span', {
50
47
  padding: 4,
51
48
  borderRadius: '50%',
52
49
  boxShadow: (theme.vars || theme).shadows[1],
53
- margin: '11.5px 0'
54
- }, ownerState.variant === 'filled' && (0, _extends2.default)({
55
- borderColor: 'transparent'
56
- }, ownerState.color !== 'inherit' && (0, _extends2.default)({}, ownerState.color === 'grey' ? {
57
- color: (theme.vars || theme).palette.grey[50],
58
- backgroundColor: (theme.vars || theme).palette.grey[400]
59
- } : {
60
- color: (theme.vars || theme).palette[ownerState.color].contrastText,
61
- backgroundColor: (theme.vars || theme).palette[ownerState.color].main
62
- })), ownerState.variant === 'outlined' && (0, _extends2.default)({
63
- boxShadow: 'none',
64
- backgroundColor: 'transparent'
65
- }, ownerState.color !== 'inherit' && (0, _extends2.default)({}, ownerState.color === 'grey' ? {
66
- borderColor: (theme.vars || theme).palette.grey[400]
67
- } : {
68
- borderColor: (theme.vars || theme).palette[ownerState.color].main
69
- }))));
50
+ margin: '11.5px 0',
51
+ ...(ownerState.variant === 'filled' && {
52
+ borderColor: 'transparent',
53
+ ...(ownerState.color !== 'inherit' && {
54
+ ...(ownerState.color === 'grey' ? {
55
+ color: (theme.vars || theme).palette.grey[50],
56
+ backgroundColor: (theme.vars || theme).palette.grey[400]
57
+ } : {
58
+ color: (theme.vars || theme).palette[ownerState.color].contrastText,
59
+ backgroundColor: (theme.vars || theme).palette[ownerState.color].main
60
+ })
61
+ })
62
+ }),
63
+ ...(ownerState.variant === 'outlined' && {
64
+ boxShadow: 'none',
65
+ backgroundColor: 'transparent',
66
+ ...(ownerState.color !== 'inherit' && {
67
+ ...(ownerState.color === 'grey' ? {
68
+ borderColor: (theme.vars || theme).palette.grey[400]
69
+ } : {
70
+ borderColor: (theme.vars || theme).palette[ownerState.color].main
71
+ })
72
+ })
73
+ })
74
+ }));
70
75
  const TimelineDot = /*#__PURE__*/React.forwardRef(function TimelineDot(inProps, ref) {
71
76
  const props = (0, _styles.useThemeProps)({
72
77
  props: inProps,
73
78
  name: 'MuiTimelineDot'
74
79
  });
75
80
  const {
76
- className,
77
- color = 'grey',
78
- variant = 'filled'
79
- } = props,
80
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
81
- const ownerState = (0, _extends2.default)({}, props, {
81
+ className,
82
+ color = 'grey',
83
+ variant = 'filled',
84
+ ...other
85
+ } = props;
86
+ const ownerState = {
87
+ ...props,
82
88
  color,
83
89
  variant
84
- });
90
+ };
85
91
  const classes = useUtilityClasses(ownerState);
86
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineDotRoot, (0, _extends2.default)({
92
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineDotRoot, {
87
93
  className: (0, _clsx.default)(classes.root, className),
88
94
  ownerState: ownerState,
89
- ref: ref
90
- }, other));
95
+ ref: ref,
96
+ ...other
97
+ });
91
98
  });
92
99
  process.env.NODE_ENV !== "production" ? TimelineDot.propTypes /* remove-proptypes */ = {
93
100
  // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -20,7 +18,6 @@ var _TimelineContext = _interopRequireDefault(require("../Timeline/TimelineConte
20
18
  var _timelineItemClasses = require("./timelineItemClasses");
21
19
  var _convertTimelinePositionToClass = _interopRequireDefault(require("../internal/convertTimelinePositionToClass"));
22
20
  var _jsxRuntime = require("react/jsx-runtime");
23
- const _excluded = ["position", "className"];
24
21
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
25
22
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
26
23
  const useUtilityClasses = ownerState => {
@@ -45,29 +42,32 @@ const TimelineItemRoot = (0, _styles.styled)('li', {
45
42
  }
46
43
  })(({
47
44
  ownerState
48
- }) => (0, _extends2.default)({
45
+ }) => ({
49
46
  listStyle: 'none',
50
47
  display: 'flex',
51
48
  position: 'relative',
52
- minHeight: 70
53
- }, ownerState.position === 'left' && {
54
- flexDirection: 'row-reverse'
55
- }, (ownerState.position === 'alternate' || ownerState.position === 'alternate-reverse') && {
56
- [`&:nth-of-type(${ownerState.position === 'alternate' ? 'even' : 'odd'})`]: {
57
- flexDirection: 'row-reverse',
58
- [`& .${_TimelineContent.timelineContentClasses.root}`]: {
59
- textAlign: 'right'
60
- },
61
- [`& .${_TimelineOppositeContent.timelineOppositeContentClasses.root}`]: {
62
- textAlign: 'left'
49
+ minHeight: 70,
50
+ ...(ownerState.position === 'left' && {
51
+ flexDirection: 'row-reverse'
52
+ }),
53
+ ...((ownerState.position === 'alternate' || ownerState.position === 'alternate-reverse') && {
54
+ [`&:nth-of-type(${ownerState.position === 'alternate' ? 'even' : 'odd'})`]: {
55
+ flexDirection: 'row-reverse',
56
+ [`& .${_TimelineContent.timelineContentClasses.root}`]: {
57
+ textAlign: 'right'
58
+ },
59
+ [`& .${_TimelineOppositeContent.timelineOppositeContentClasses.root}`]: {
60
+ textAlign: 'left'
61
+ }
63
62
  }
64
- }
65
- }, !ownerState.hasOppositeContent && {
66
- '&::before': {
67
- content: '""',
68
- flex: 1,
69
- padding: '6px 16px'
70
- }
63
+ }),
64
+ ...(!ownerState.hasOppositeContent && {
65
+ '&::before': {
66
+ content: '""',
67
+ flex: 1,
68
+ padding: '6px 16px'
69
+ }
70
+ })
71
71
  }));
72
72
  const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps, ref) {
73
73
  const props = (0, _styles.useThemeProps)({
@@ -75,10 +75,10 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
75
75
  name: 'MuiTimelineItem'
76
76
  });
77
77
  const {
78
- position: positionProp,
79
- className
80
- } = props,
81
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
78
+ position: positionProp,
79
+ className,
80
+ ...other
81
+ } = props;
82
82
  const {
83
83
  position: positionContext
84
84
  } = React.useContext(_TimelineContext.default);
@@ -88,21 +88,23 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
88
88
  hasOppositeContent = true;
89
89
  }
90
90
  });
91
- const ownerState = (0, _extends2.default)({}, props, {
91
+ const ownerState = {
92
+ ...props,
92
93
  position: positionProp || positionContext || 'right',
93
94
  hasOppositeContent
94
- });
95
+ };
95
96
  const classes = useUtilityClasses(ownerState);
96
97
  const contextValue = React.useMemo(() => ({
97
98
  position: ownerState.position
98
99
  }), [ownerState.position]);
99
100
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimelineContext.default.Provider, {
100
101
  value: contextValue,
101
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineItemRoot, (0, _extends2.default)({
102
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineItemRoot, {
102
103
  className: (0, _clsx.default)(classes.root, className),
103
104
  ownerState: ownerState,
104
- ref: ref
105
- }, other))
105
+ ref: ref,
106
+ ...other
107
+ })
106
108
  });
107
109
  });
108
110
  process.env.NODE_ENV !== "production" ? TimelineItem.propTypes /* remove-proptypes */ = {
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -18,7 +16,6 @@ var _TimelineContext = _interopRequireDefault(require("../Timeline/TimelineConte
18
16
  var _timelineOppositeContentClasses = require("./timelineOppositeContentClasses");
19
17
  var _convertTimelinePositionToClass = _interopRequireDefault(require("../internal/convertTimelinePositionToClass"));
20
18
  var _jsxRuntime = require("react/jsx-runtime");
21
- const _excluded = ["className"];
22
19
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
23
20
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
24
21
  const useUtilityClasses = ownerState => {
@@ -42,13 +39,14 @@ const TimelineOppositeContentRoot = (0, _styles.styled)(_Typography.default, {
42
39
  }
43
40
  })(({
44
41
  ownerState
45
- }) => (0, _extends2.default)({
42
+ }) => ({
46
43
  padding: '6px 16px',
47
44
  marginRight: 'auto',
48
45
  textAlign: 'right',
49
- flex: 1
50
- }, ownerState.position === 'left' && {
51
- textAlign: 'left'
46
+ flex: 1,
47
+ ...(ownerState.position === 'left' && {
48
+ textAlign: 'left'
49
+ })
52
50
  }));
53
51
  const TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineOppositeContent(inProps, ref) {
54
52
  const props = (0, _styles.useThemeProps)({
@@ -56,22 +54,24 @@ const TimelineOppositeContent = /*#__PURE__*/React.forwardRef(function TimelineO
56
54
  name: 'MuiTimelineOppositeContent'
57
55
  });
58
56
  const {
59
- className
60
- } = props,
61
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
57
+ className,
58
+ ...other
59
+ } = props;
62
60
  const {
63
61
  position: positionContext
64
62
  } = React.useContext(_TimelineContext.default);
65
- const ownerState = (0, _extends2.default)({}, props, {
63
+ const ownerState = {
64
+ ...props,
66
65
  position: positionContext || 'left'
67
- });
66
+ };
68
67
  const classes = useUtilityClasses(ownerState);
69
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineOppositeContentRoot, (0, _extends2.default)({
68
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineOppositeContentRoot, {
70
69
  component: "div",
71
70
  className: (0, _clsx.default)(classes.root, className),
72
71
  ownerState: ownerState,
73
- ref: ref
74
- }, other));
72
+ ref: ref,
73
+ ...other
74
+ });
75
75
  });
76
76
  process.env.NODE_ENV !== "production" ? TimelineOppositeContent.propTypes /* remove-proptypes */ = {
77
77
  // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -15,7 +13,6 @@ var _base = require("@mui/base");
15
13
  var _styles = require("@mui/material/styles");
16
14
  var _timelineSeparatorClasses = require("./timelineSeparatorClasses");
17
15
  var _jsxRuntime = require("react/jsx-runtime");
18
- const _excluded = ["className"];
19
16
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
20
17
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
21
18
  const useUtilityClasses = ownerState => {
@@ -43,16 +40,17 @@ const TimelineSeparator = /*#__PURE__*/React.forwardRef(function TimelineSeparat
43
40
  name: 'MuiTimelineSeparator'
44
41
  });
45
42
  const {
46
- className
47
- } = props,
48
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
43
+ className,
44
+ ...other
45
+ } = props;
49
46
  const ownerState = props;
50
47
  const classes = useUtilityClasses(ownerState);
51
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineSeparatorRoot, (0, _extends2.default)({
48
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineSeparatorRoot, {
52
49
  className: (0, _clsx.default)(classes.root, className),
53
50
  ownerState: ownerState,
54
- ref: ref
55
- }, other));
51
+ ref: ref,
52
+ ...other
53
+ });
56
54
  });
57
55
  process.env.NODE_ENV !== "production" ? TimelineSeparator.propTypes /* remove-proptypes */ = {
58
56
  // ┌────────────────────────────── Warning ──────────────────────────────┐