@mui/lab 5.0.0-alpha.129 → 5.0.0-alpha.130

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 (197) hide show
  1. package/AdapterDateFns/AdapterDateFns.d.ts +3 -3
  2. package/AdapterDateFns/index.d.ts +1 -1
  3. package/AdapterDayjs/AdapterDayjs.d.ts +3 -3
  4. package/AdapterDayjs/index.d.ts +1 -1
  5. package/AdapterLuxon/AdapterLuxon.d.ts +3 -3
  6. package/AdapterLuxon/index.d.ts +1 -1
  7. package/AdapterMoment/AdapterMoment.d.ts +3 -3
  8. package/AdapterMoment/index.d.ts +1 -1
  9. package/Alert/Alert.js +4 -4
  10. package/AlertTitle/AlertTitle.js +4 -4
  11. package/Autocomplete/Autocomplete.js +4 -4
  12. package/AvatarGroup/AvatarGroup.js +4 -4
  13. package/CHANGELOG.md +124 -0
  14. package/CalendarPicker/CalendarPicker.d.ts +14 -14
  15. package/CalendarPicker/index.d.ts +2 -2
  16. package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +13 -13
  17. package/CalendarPickerSkeleton/index.d.ts +2 -2
  18. package/ClockPicker/ClockPicker.d.ts +14 -14
  19. package/ClockPicker/index.d.ts +2 -2
  20. package/DatePicker/DatePicker.d.ts +10 -10
  21. package/DatePicker/index.d.ts +2 -2
  22. package/DateRangePicker/DateRangePicker.d.ts +11 -11
  23. package/DateRangePicker/index.d.ts +2 -2
  24. package/DateRangePickerDay/DateRangePickerDay.d.ts +13 -13
  25. package/DateRangePickerDay/index.d.ts +2 -2
  26. package/DateTimePicker/DateTimePicker.d.ts +10 -10
  27. package/DateTimePicker/index.d.ts +2 -2
  28. package/DesktopDatePicker/DesktopDatePicker.d.ts +10 -10
  29. package/DesktopDatePicker/index.d.ts +2 -2
  30. package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +10 -10
  31. package/DesktopDateRangePicker/index.d.ts +2 -2
  32. package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +10 -10
  33. package/DesktopDateTimePicker/index.d.ts +2 -2
  34. package/DesktopTimePicker/DesktopTimePicker.d.ts +10 -10
  35. package/DesktopTimePicker/index.d.ts +2 -2
  36. package/LoadingButton/LoadingButton.js +74 -62
  37. package/LoadingButton/loadingButtonClasses.d.ts +22 -22
  38. package/LocalizationProvider/LocalizationProvider.d.ts +10 -10
  39. package/LocalizationProvider/index.d.ts +2 -2
  40. package/Masonry/Masonry.js +34 -29
  41. package/Masonry/masonryClasses.d.ts +8 -8
  42. package/MobileDatePicker/MobileDatePicker.d.ts +10 -10
  43. package/MobileDatePicker/index.d.ts +2 -2
  44. package/MobileDateRangePicker/MobileDateRangePicker.d.ts +10 -10
  45. package/MobileDateRangePicker/index.d.ts +2 -2
  46. package/MobileDateTimePicker/MobileDateTimePicker.d.ts +10 -10
  47. package/MobileDateTimePicker/index.d.ts +2 -2
  48. package/MobileTimePicker/MobileTimePicker.d.ts +10 -10
  49. package/MobileTimePicker/index.d.ts +2 -2
  50. package/MonthPicker/MonthPicker.d.ts +13 -13
  51. package/MonthPicker/index.d.ts +2 -2
  52. package/Pagination/Pagination.js +4 -4
  53. package/PaginationItem/PaginationItem.js +4 -4
  54. package/PickersDay/PickersDay.d.ts +13 -13
  55. package/PickersDay/index.d.ts +2 -2
  56. package/Rating/Rating.js +4 -4
  57. package/Skeleton/Skeleton.js +4 -4
  58. package/SpeedDial/SpeedDial.js +4 -4
  59. package/SpeedDialAction/SpeedDialAction.js +4 -4
  60. package/SpeedDialIcon/SpeedDialIcon.js +4 -4
  61. package/StaticDatePicker/StaticDatePicker.d.ts +10 -10
  62. package/StaticDatePicker/index.d.ts +2 -2
  63. package/StaticDateRangePicker/StaticDateRangePicker.d.ts +10 -10
  64. package/StaticDateRangePicker/index.d.ts +2 -2
  65. package/StaticDateTimePicker/StaticDateTimePicker.d.ts +10 -10
  66. package/StaticDateTimePicker/index.d.ts +2 -2
  67. package/StaticTimePicker/StaticTimePicker.d.ts +10 -10
  68. package/StaticTimePicker/index.d.ts +2 -2
  69. package/TabList/TabList.js +6 -8
  70. package/TabPanel/TabPanel.js +12 -13
  71. package/TabPanel/tabPanelClasses.d.ts +8 -8
  72. package/TimePicker/TimePicker.d.ts +10 -10
  73. package/TimePicker/index.d.ts +2 -2
  74. package/Timeline/Timeline.d.ts +59 -59
  75. package/Timeline/Timeline.js +11 -12
  76. package/Timeline/TimelineContext.d.ts +6 -6
  77. package/Timeline/index.d.ts +5 -5
  78. package/Timeline/timelineClasses.d.ts +3 -3
  79. package/TimelineConnector/TimelineConnector.js +7 -9
  80. package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
  81. package/TimelineContent/TimelineContent.js +15 -15
  82. package/TimelineContent/timelineContentClasses.d.ts +14 -14
  83. package/TimelineDot/TimelineDot.js +38 -31
  84. package/TimelineDot/timelineDotClasses.d.ts +24 -24
  85. package/TimelineItem/TimelineItem.js +33 -31
  86. package/TimelineItem/timelineItemClasses.d.ts +16 -16
  87. package/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
  88. package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
  89. package/TimelineSeparator/TimelineSeparator.js +7 -9
  90. package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
  91. package/ToggleButton/ToggleButton.js +4 -4
  92. package/ToggleButtonGroup/ToggleButtonGroup.js +4 -4
  93. package/TreeItem/TreeItem.js +37 -37
  94. package/TreeItem/TreeItemContent.js +15 -18
  95. package/TreeItem/treeItemClasses.d.ts +24 -24
  96. package/TreeView/TreeView.js +35 -33
  97. package/TreeView/descendants.js +13 -14
  98. package/TreeView/treeViewClasses.d.ts +8 -8
  99. package/YearPicker/YearPicker.d.ts +14 -14
  100. package/YearPicker/index.d.ts +2 -2
  101. package/index.js +1 -1
  102. package/internal/svg-icons/ArrowDropDown.d.ts +7 -7
  103. package/internal/svg-icons/ArrowLeft.d.ts +7 -7
  104. package/internal/svg-icons/ArrowRight.d.ts +7 -7
  105. package/internal/svg-icons/Calendar.d.ts +7 -7
  106. package/internal/svg-icons/Clock.d.ts +7 -7
  107. package/internal/svg-icons/DateRange.d.ts +7 -7
  108. package/internal/svg-icons/Pen.d.ts +7 -7
  109. package/internal/svg-icons/Time.d.ts +7 -7
  110. package/legacy/Alert/Alert.js +4 -2
  111. package/legacy/AlertTitle/AlertTitle.js +4 -2
  112. package/legacy/Autocomplete/Autocomplete.js +4 -2
  113. package/legacy/AvatarGroup/AvatarGroup.js +4 -2
  114. package/legacy/LoadingButton/LoadingButton.js +16 -15
  115. package/legacy/Masonry/Masonry.js +10 -8
  116. package/legacy/Pagination/Pagination.js +4 -2
  117. package/legacy/PaginationItem/PaginationItem.js +4 -2
  118. package/legacy/Rating/Rating.js +4 -2
  119. package/legacy/Skeleton/Skeleton.js +4 -2
  120. package/legacy/SpeedDial/SpeedDial.js +4 -2
  121. package/legacy/SpeedDialAction/SpeedDialAction.js +4 -2
  122. package/legacy/SpeedDialIcon/SpeedDialIcon.js +4 -2
  123. package/legacy/TabList/TabList.js +4 -2
  124. package/legacy/TabPanel/TabPanel.js +6 -4
  125. package/legacy/Timeline/Timeline.js +5 -3
  126. package/legacy/TimelineConnector/TimelineConnector.js +4 -2
  127. package/legacy/TimelineContent/TimelineContent.js +6 -4
  128. package/legacy/TimelineDot/TimelineDot.js +10 -8
  129. package/legacy/TimelineItem/TimelineItem.js +7 -6
  130. package/legacy/TimelineOppositeContent/TimelineOppositeContent.js +6 -4
  131. package/legacy/TimelineSeparator/TimelineSeparator.js +4 -2
  132. package/legacy/ToggleButton/ToggleButton.js +4 -2
  133. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +4 -2
  134. package/legacy/TreeItem/TreeItem.js +9 -8
  135. package/legacy/TreeItem/TreeItemContent.js +5 -3
  136. package/legacy/TreeView/TreeView.js +8 -6
  137. package/legacy/TreeView/descendants.js +6 -4
  138. package/legacy/index.js +1 -1
  139. package/modern/Alert/Alert.js +4 -4
  140. package/modern/AlertTitle/AlertTitle.js +4 -4
  141. package/modern/Autocomplete/Autocomplete.js +4 -4
  142. package/modern/AvatarGroup/AvatarGroup.js +4 -4
  143. package/modern/LoadingButton/LoadingButton.js +74 -62
  144. package/modern/Masonry/Masonry.js +34 -29
  145. package/modern/Pagination/Pagination.js +4 -4
  146. package/modern/PaginationItem/PaginationItem.js +4 -4
  147. package/modern/Rating/Rating.js +4 -4
  148. package/modern/Skeleton/Skeleton.js +4 -4
  149. package/modern/SpeedDial/SpeedDial.js +4 -4
  150. package/modern/SpeedDialAction/SpeedDialAction.js +4 -4
  151. package/modern/SpeedDialIcon/SpeedDialIcon.js +4 -4
  152. package/modern/TabList/TabList.js +6 -8
  153. package/modern/TabPanel/TabPanel.js +12 -13
  154. package/modern/Timeline/Timeline.js +11 -12
  155. package/modern/TimelineConnector/TimelineConnector.js +7 -9
  156. package/modern/TimelineContent/TimelineContent.js +15 -15
  157. package/modern/TimelineDot/TimelineDot.js +38 -31
  158. package/modern/TimelineItem/TimelineItem.js +33 -31
  159. package/modern/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
  160. package/modern/TimelineSeparator/TimelineSeparator.js +7 -9
  161. package/modern/ToggleButton/ToggleButton.js +4 -4
  162. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +4 -4
  163. package/modern/TreeItem/TreeItem.js +37 -37
  164. package/modern/TreeItem/TreeItemContent.js +15 -18
  165. package/modern/TreeView/TreeView.js +35 -33
  166. package/modern/TreeView/descendants.js +13 -14
  167. package/modern/index.js +1 -1
  168. package/node/Alert/Alert.js +4 -4
  169. package/node/AlertTitle/AlertTitle.js +4 -4
  170. package/node/Autocomplete/Autocomplete.js +4 -4
  171. package/node/AvatarGroup/AvatarGroup.js +4 -4
  172. package/node/LoadingButton/LoadingButton.js +74 -62
  173. package/node/Masonry/Masonry.js +34 -29
  174. package/node/Pagination/Pagination.js +4 -4
  175. package/node/PaginationItem/PaginationItem.js +4 -4
  176. package/node/Rating/Rating.js +4 -4
  177. package/node/Skeleton/Skeleton.js +4 -4
  178. package/node/SpeedDial/SpeedDial.js +4 -4
  179. package/node/SpeedDialAction/SpeedDialAction.js +4 -4
  180. package/node/SpeedDialIcon/SpeedDialIcon.js +4 -4
  181. package/node/TabList/TabList.js +6 -8
  182. package/node/TabPanel/TabPanel.js +12 -13
  183. package/node/Timeline/Timeline.js +13 -12
  184. package/node/TimelineConnector/TimelineConnector.js +7 -9
  185. package/node/TimelineContent/TimelineContent.js +15 -15
  186. package/node/TimelineDot/TimelineDot.js +38 -31
  187. package/node/TimelineItem/TimelineItem.js +33 -31
  188. package/node/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
  189. package/node/TimelineSeparator/TimelineSeparator.js +7 -9
  190. package/node/ToggleButton/ToggleButton.js +4 -4
  191. package/node/ToggleButtonGroup/ToggleButtonGroup.js +4 -4
  192. package/node/TreeItem/TreeItem.js +37 -37
  193. package/node/TreeItem/TreeItemContent.js +18 -22
  194. package/node/TreeView/TreeView.js +35 -33
  195. package/node/TreeView/descendants.js +16 -16
  196. package/node/index.js +1 -1
  197. package/package.json +4 -4
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _utils = require("@mui/utils");
@@ -17,7 +15,6 @@ var _Button = _interopRequireDefault(require("@mui/material/Button"));
17
15
  var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
18
16
  var _loadingButtonClasses = _interopRequireWildcard(require("./loadingButtonClasses"));
19
17
  var _jsxRuntime = require("react/jsx-runtime");
20
- const _excluded = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"];
21
18
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
19
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
20
  const useUtilityClasses = ownerState => {
@@ -33,7 +30,11 @@ const useUtilityClasses = ownerState => {
33
30
  loadingIndicator: ['loadingIndicator', loading && `loadingIndicator${(0, _utils2.capitalize)(loadingPosition)}`]
34
31
  };
35
32
  const composedClasses = (0, _base.unstable_composeClasses)(slots, _loadingButtonClasses.getLoadingButtonUtilityClass, classes);
36
- return (0, _extends2.default)({}, classes, composedClasses);
33
+ return {
34
+ ...classes,
35
+ // forward the outlined, color, etc. classes to Button
36
+ ...composedClasses
37
+ };
37
38
  };
38
39
 
39
40
  // TODO use `import { rootShouldForwardProp } from '../styles/styled';` once move to core
@@ -52,36 +53,39 @@ const LoadingButtonRoot = (0, _styles.styled)(_Button.default, {
52
53
  })(({
53
54
  ownerState,
54
55
  theme
55
- }) => (0, _extends2.default)({
56
+ }) => ({
56
57
  [`& .${_loadingButtonClasses.default.startIconLoadingStart}, & .${_loadingButtonClasses.default.endIconLoadingEnd}`]: {
57
58
  transition: theme.transitions.create(['opacity'], {
58
59
  duration: theme.transitions.duration.short
59
60
  }),
60
61
  opacity: 0
61
- }
62
- }, ownerState.loadingPosition === 'center' && {
63
- transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color'], {
64
- duration: theme.transitions.duration.short
65
- }),
66
- [`&.${_loadingButtonClasses.default.loading}`]: {
67
- color: 'transparent'
68
- }
69
- }, ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
70
- [`& .${_loadingButtonClasses.default.startIconLoadingStart}, & .${_loadingButtonClasses.default.endIconLoadingEnd}`]: {
71
- transition: theme.transitions.create(['opacity'], {
62
+ },
63
+ ...(ownerState.loadingPosition === 'center' && {
64
+ transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color'], {
72
65
  duration: theme.transitions.duration.short
73
66
  }),
74
- opacity: 0,
75
- marginRight: -8
76
- }
77
- }, ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
78
- [`& .${_loadingButtonClasses.default.startIconLoadingStart}, & .${_loadingButtonClasses.default.endIconLoadingEnd}`]: {
79
- transition: theme.transitions.create(['opacity'], {
80
- duration: theme.transitions.duration.short
81
- }),
82
- opacity: 0,
83
- marginLeft: -8
84
- }
67
+ [`&.${_loadingButtonClasses.default.loading}`]: {
68
+ color: 'transparent'
69
+ }
70
+ }),
71
+ ...(ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
72
+ [`& .${_loadingButtonClasses.default.startIconLoadingStart}, & .${_loadingButtonClasses.default.endIconLoadingEnd}`]: {
73
+ transition: theme.transitions.create(['opacity'], {
74
+ duration: theme.transitions.duration.short
75
+ }),
76
+ opacity: 0,
77
+ marginRight: -8
78
+ }
79
+ }),
80
+ ...(ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
81
+ [`& .${_loadingButtonClasses.default.startIconLoadingStart}, & .${_loadingButtonClasses.default.endIconLoadingEnd}`]: {
82
+ transition: theme.transitions.create(['opacity'], {
83
+ duration: theme.transitions.duration.short
84
+ }),
85
+ opacity: 0,
86
+ marginLeft: -8
87
+ }
88
+ })
85
89
  }));
86
90
  const LoadingButtonLoadingIndicator = (0, _styles.styled)('div', {
87
91
  name: 'MuiLoadingButton',
@@ -95,28 +99,35 @@ const LoadingButtonLoadingIndicator = (0, _styles.styled)('div', {
95
99
  })(({
96
100
  theme,
97
101
  ownerState
98
- }) => (0, _extends2.default)({
102
+ }) => ({
99
103
  position: 'absolute',
100
104
  visibility: 'visible',
101
- display: 'flex'
102
- }, ownerState.loadingPosition === 'start' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
103
- left: ownerState.size === 'small' ? 10 : 14
104
- }, ownerState.loadingPosition === 'start' && ownerState.variant === 'text' && {
105
- left: 6
106
- }, ownerState.loadingPosition === 'center' && {
107
- left: '50%',
108
- transform: 'translate(-50%)',
109
- color: (theme.vars || theme).palette.action.disabled
110
- }, ownerState.loadingPosition === 'end' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
111
- right: ownerState.size === 'small' ? 10 : 14
112
- }, ownerState.loadingPosition === 'end' && ownerState.variant === 'text' && {
113
- right: 6
114
- }, ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
115
- position: 'relative',
116
- left: -10
117
- }, ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
118
- position: 'relative',
119
- right: -10
105
+ display: 'flex',
106
+ ...(ownerState.loadingPosition === 'start' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
107
+ left: ownerState.size === 'small' ? 10 : 14
108
+ }),
109
+ ...(ownerState.loadingPosition === 'start' && ownerState.variant === 'text' && {
110
+ left: 6
111
+ }),
112
+ ...(ownerState.loadingPosition === 'center' && {
113
+ left: '50%',
114
+ transform: 'translate(-50%)',
115
+ color: (theme.vars || theme).palette.action.disabled
116
+ }),
117
+ ...(ownerState.loadingPosition === 'end' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
118
+ right: ownerState.size === 'small' ? 10 : 14
119
+ }),
120
+ ...(ownerState.loadingPosition === 'end' && ownerState.variant === 'text' && {
121
+ right: 6
122
+ }),
123
+ ...(ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
124
+ position: 'relative',
125
+ left: -10
126
+ }),
127
+ ...(ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
128
+ position: 'relative',
129
+ right: -10
130
+ })
120
131
  }));
121
132
  const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps, ref) {
122
133
  const props = (0, _styles.useThemeProps)({
@@ -124,44 +135,45 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
124
135
  name: 'MuiLoadingButton'
125
136
  });
126
137
  const {
127
- children,
128
- disabled = false,
129
- id: idProp,
130
- loading = false,
131
- loadingIndicator: loadingIndicatorProp,
132
- loadingPosition = 'center',
133
- variant = 'text'
134
- } = props,
135
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
138
+ children,
139
+ disabled = false,
140
+ id: idProp,
141
+ loading = false,
142
+ loadingIndicator: loadingIndicatorProp,
143
+ loadingPosition = 'center',
144
+ variant = 'text',
145
+ ...other
146
+ } = props;
136
147
  const id = (0, _utils2.unstable_useId)(idProp);
137
148
  const loadingIndicator = loadingIndicatorProp != null ? loadingIndicatorProp : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
138
149
  "aria-labelledby": id,
139
150
  color: "inherit",
140
151
  size: 16
141
152
  });
142
- const ownerState = (0, _extends2.default)({}, props, {
153
+ const ownerState = {
154
+ ...props,
143
155
  disabled,
144
156
  loading,
145
157
  loadingIndicator,
146
158
  loadingPosition,
147
159
  variant
148
- });
160
+ };
149
161
  const classes = useUtilityClasses(ownerState);
150
162
  const loadingButtonLoadingIndicator = loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingButtonLoadingIndicator, {
151
163
  className: classes.loadingIndicator,
152
164
  ownerState: ownerState,
153
165
  children: loadingIndicator
154
166
  }) : null;
155
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LoadingButtonRoot, (0, _extends2.default)({
167
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LoadingButtonRoot, {
156
168
  disabled: disabled || loading,
157
169
  id: id,
158
- ref: ref
159
- }, other, {
170
+ ref: ref,
171
+ ...other,
160
172
  variant: variant,
161
173
  classes: classes,
162
174
  ownerState: ownerState,
163
175
  children: [ownerState.loadingPosition === 'end' ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : children]
164
- }));
176
+ });
165
177
  });
166
178
  process.env.NODE_ENV !== "production" ? LoadingButton.propTypes /* remove-proptypes */ = {
167
179
  // ----------------------------- Warning --------------------------------
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.parseToNumber = exports.getStyle = exports.default = void 0;
8
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
8
  var _base = require("@mui/base");
11
9
  var ReactDOM = _interopRequireWildcard(require("react-dom"));
12
10
  var _styles = require("@mui/material/styles");
@@ -17,7 +15,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
17
15
  var React = _interopRequireWildcard(require("react"));
18
16
  var _masonryClasses = require("./masonryClasses");
19
17
  var _jsxRuntime = require("react/jsx-runtime");
20
- const _excluded = ["children", "className", "component", "columns", "spacing", "defaultColumns", "defaultHeight", "defaultSpacing"];
21
18
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
19
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
20
  const parseToNumber = val => {
@@ -65,11 +62,16 @@ const getStyle = ({
65
62
  }
66
63
  stylesSSR.height = ownerState.defaultHeight;
67
64
  stylesSSR.margin = -(defaultSpacing / 2);
68
- stylesSSR['& > *'] = (0, _extends2.default)({}, styles['& > *'], orderStyleSSR, {
65
+ stylesSSR['& > *'] = {
66
+ ...styles['& > *'],
67
+ ...orderStyleSSR,
69
68
  margin: defaultSpacing / 2,
70
69
  width: `calc(${(100 / ownerState.defaultColumns).toFixed(2)}% - ${defaultSpacing}px)`
71
- });
72
- return (0, _extends2.default)({}, styles, stylesSSR);
70
+ };
71
+ return {
72
+ ...styles,
73
+ ...stylesSSR
74
+ };
73
75
  }
74
76
  const spacingValues = (0, _system.unstable_resolveBreakpointValues)({
75
77
  values: ownerState.spacing,
@@ -85,14 +87,15 @@ const getStyle = ({
85
87
  } else {
86
88
  spacing = propValue;
87
89
  }
88
- return (0, _extends2.default)({
90
+ return {
89
91
  margin: `calc(0px - (${spacing} / 2))`,
90
92
  '& > *': {
91
93
  margin: `calc(${spacing} / 2)`
92
- }
93
- }, ownerState.maxColumnHeight && {
94
- height: typeof spacing === 'number' ? Math.ceil(ownerState.maxColumnHeight + parseToNumber(spacing)) : `calc(${ownerState.maxColumnHeight}px + ${spacing})`
95
- });
94
+ },
95
+ ...(ownerState.maxColumnHeight && {
96
+ height: typeof spacing === 'number' ? Math.ceil(ownerState.maxColumnHeight + parseToNumber(spacing)) : `calc(${ownerState.maxColumnHeight}px + ${spacing})`
97
+ })
98
+ };
96
99
  };
97
100
  styles = (0, _utils.deepmerge)(styles, (0, _system.handleBreakpoints)({
98
101
  theme
@@ -151,21 +154,22 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
151
154
  name: 'MuiMasonry'
152
155
  });
153
156
  const {
154
- children,
155
- className,
156
- component = 'div',
157
- columns = 4,
158
- spacing = 1,
159
- defaultColumns,
160
- defaultHeight,
161
- defaultSpacing
162
- } = props,
163
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
157
+ children,
158
+ className,
159
+ component = 'div',
160
+ columns = 4,
161
+ spacing = 1,
162
+ defaultColumns,
163
+ defaultHeight,
164
+ defaultSpacing,
165
+ ...other
166
+ } = props;
164
167
  const masonryRef = React.useRef();
165
168
  const [maxColumnHeight, setMaxColumnHeight] = React.useState();
166
169
  const isSSR = !maxColumnHeight && defaultHeight && defaultColumns !== undefined && defaultSpacing !== undefined;
167
170
  const [numberOfLineBreaks, setNumberOfLineBreaks] = React.useState(isSSR ? defaultColumns - 1 : 0);
168
- const ownerState = (0, _extends2.default)({}, props, {
171
+ const ownerState = {
172
+ ...props,
169
173
  spacing,
170
174
  columns,
171
175
  maxColumnHeight,
@@ -173,7 +177,7 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
173
177
  defaultHeight,
174
178
  defaultSpacing,
175
179
  isSSR
176
- });
180
+ };
177
181
  const classes = useUtilityClasses(ownerState);
178
182
  const handleResize = masonryChildren => {
179
183
  if (!masonryRef.current || !masonryChildren || masonryChildren.length === 0) {
@@ -251,18 +255,19 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
251
255
  // a line break at the end of each column prevents columns from merging
252
256
  const lineBreaks = new Array(numberOfLineBreaks).fill('').map((_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
253
257
  "data-class": "line-break",
254
- style: (0, _extends2.default)({}, lineBreakStyle, {
258
+ style: {
259
+ ...lineBreakStyle,
255
260
  order: index + 1
256
- })
261
+ }
257
262
  }, index));
258
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MasonryRoot, (0, _extends2.default)({
263
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MasonryRoot, {
259
264
  as: component,
260
265
  className: (0, _clsx.default)(classes.root, className),
261
266
  ref: handleRef,
262
- ownerState: ownerState
263
- }, other, {
267
+ ownerState: ownerState,
268
+ ...other,
264
269
  children: [children, lineBreaks]
265
- }));
270
+ });
266
271
  });
267
272
  process.env.NODE_ENV !== "production" ? Masonry.propTypes /* remove-proptypes */ = {
268
273
  // ----------------------------- Warning --------------------------------
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
8
  var React = _interopRequireWildcard(require("react"));
10
9
  var _Pagination = _interopRequireDefault(require("@mui/material/Pagination"));
11
10
  var _jsxRuntime = require("react/jsx-runtime");
@@ -21,8 +20,9 @@ var _default = /*#__PURE__*/React.forwardRef(function DeprecatedPagination(props
21
20
  console.warn(['MUI: The Pagination component was moved from the lab to the core.', '', "You should use `import { Pagination } from '@mui/material'`", "or `import Pagination from '@mui/material/Pagination'`"].join('\n'));
22
21
  warnedOnce = true;
23
22
  }
24
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pagination.default, (0, _extends2.default)({
25
- ref: ref
26
- }, props));
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pagination.default, {
24
+ ref: ref,
25
+ ...props
26
+ });
27
27
  });
28
28
  exports.default = _default;
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
8
  var React = _interopRequireWildcard(require("react"));
10
9
  var _PaginationItem = _interopRequireDefault(require("@mui/material/PaginationItem"));
11
10
  var _jsxRuntime = require("react/jsx-runtime");
@@ -21,8 +20,9 @@ var _default = /*#__PURE__*/React.forwardRef(function DeprecatedPaginationItem(p
21
20
  console.warn(['MUI: The PaginationItem component was moved from the lab to the core.', '', "You should use `import { PaginationItem } from '@mui/material'`", "or `import PaginationItem from '@mui/material/PaginationItem'`"].join('\n'));
22
21
  warnedOnce = true;
23
22
  }
24
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PaginationItem.default, (0, _extends2.default)({
25
- ref: ref
26
- }, props));
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PaginationItem.default, {
24
+ ref: ref,
25
+ ...props
26
+ });
27
27
  });
28
28
  exports.default = _default;
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
8
  var React = _interopRequireWildcard(require("react"));
10
9
  var _Rating = _interopRequireDefault(require("@mui/material/Rating"));
11
10
  var _jsxRuntime = require("react/jsx-runtime");
@@ -21,8 +20,9 @@ var _default = /*#__PURE__*/React.forwardRef(function DeprecatedRating(props, re
21
20
  console.warn(['MUI: The Rating component was moved from the lab to the core.', '', "You should use `import { Rating } from '@mui/material'`", "or `import Rating from '@mui/material/Rating'`"].join('\n'));
22
21
  warnedOnce = true;
23
22
  }
24
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Rating.default, (0, _extends2.default)({
25
- ref: ref
26
- }, props));
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Rating.default, {
24
+ ref: ref,
25
+ ...props
26
+ });
27
27
  });
28
28
  exports.default = _default;
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
8
  var React = _interopRequireWildcard(require("react"));
10
9
  var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
11
10
  var _jsxRuntime = require("react/jsx-runtime");
@@ -21,8 +20,9 @@ var _default = /*#__PURE__*/React.forwardRef(function DeprecatedSkeleton(props,
21
20
  console.warn(['MUI: The Skeleton component was moved from the lab to the core.', '', "You should use `import { Skeleton } from '@mui/material'`", "or `import Skeleton from '@mui/material/Skeleton'`"].join('\n'));
22
21
  warnedOnce = true;
23
22
  }
24
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, (0, _extends2.default)({
25
- ref: ref
26
- }, props));
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, {
24
+ ref: ref,
25
+ ...props
26
+ });
27
27
  });
28
28
  exports.default = _default;
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
8
  var React = _interopRequireWildcard(require("react"));
10
9
  var _SpeedDial = _interopRequireDefault(require("@mui/material/SpeedDial"));
11
10
  var _jsxRuntime = require("react/jsx-runtime");
@@ -21,8 +20,9 @@ var _default = /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDial(props,
21
20
  console.warn(['MUI: The SpeedDial component was moved from the lab to the core.', '', "You should use `import { SpeedDial } from '@mui/material'`", "or `import SpeedDial from '@mui/material/SpeedDial'`"].join('\n'));
22
21
  warnedOnce = true;
23
22
  }
24
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, (0, _extends2.default)({
25
- ref: ref
26
- }, props));
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDial.default, {
24
+ ref: ref,
25
+ ...props
26
+ });
27
27
  });
28
28
  exports.default = _default;
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
8
  var React = _interopRequireWildcard(require("react"));
10
9
  var _SpeedDialAction = _interopRequireDefault(require("@mui/material/SpeedDialAction"));
11
10
  var _jsxRuntime = require("react/jsx-runtime");
@@ -21,8 +20,9 @@ var _default = /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialAction(
21
20
  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'));
22
21
  warnedOnce = true;
23
22
  }
24
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, (0, _extends2.default)({
25
- ref: ref
26
- }, props));
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialAction.default, {
24
+ ref: ref,
25
+ ...props
26
+ });
27
27
  });
28
28
  exports.default = _default;
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
8
  var React = _interopRequireWildcard(require("react"));
10
9
  var _SpeedDialIcon = _interopRequireDefault(require("@mui/material/SpeedDialIcon"));
11
10
  var _jsxRuntime = require("react/jsx-runtime");
@@ -21,8 +20,9 @@ var _default = /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialIcon(pr
21
20
  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'));
22
21
  warnedOnce = true;
23
22
  }
24
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialIcon.default, (0, _extends2.default)({
25
- ref: ref
26
- }, props));
23
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialIcon.default, {
24
+ ref: ref,
25
+ ...props
26
+ });
27
27
  });
28
28
  exports.default = _default;
@@ -5,21 +5,18 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
13
11
  var _TabContext = require("../TabContext");
14
12
  var _jsxRuntime = require("react/jsx-runtime");
15
- const _excluded = ["children"];
16
13
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
14
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
18
15
  const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
19
16
  const {
20
- children: childrenProp
21
- } = props,
22
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
17
+ children: childrenProp,
18
+ ...other
19
+ } = props;
23
20
  const context = (0, _TabContext.useTabContext)();
24
21
  if (context === null) {
25
22
  throw new TypeError('No TabContext provided');
@@ -34,11 +31,12 @@ const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
34
31
  id: (0, _TabContext.getTabId)(context, child.props.value)
35
32
  });
36
33
  });
37
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, (0, _extends2.default)({}, other, {
34
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
35
+ ...other,
38
36
  ref: ref,
39
37
  value: context.value,
40
38
  children: children
41
- }));
39
+ });
42
40
  });
43
41
  process.env.NODE_ENV !== "production" ? TabList.propTypes /* remove-proptypes */ = {
44
42
  // ----------------------------- Warning --------------------------------
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -15,7 +13,6 @@ var _base = require("@mui/base");
15
13
  var _tabPanelClasses = require("./tabPanelClasses");
16
14
  var _TabContext = require("../TabContext");
17
15
  var _jsxRuntime = require("react/jsx-runtime");
18
- const _excluded = ["children", "className", "value"];
19
16
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
20
17
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
18
  const useUtilityClasses = ownerState => {
@@ -42,12 +39,14 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
42
39
  name: 'MuiTabPanel'
43
40
  });
44
41
  const {
45
- children,
46
- className,
47
- value
48
- } = props,
49
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
50
- const ownerState = (0, _extends2.default)({}, props);
42
+ children,
43
+ className,
44
+ value,
45
+ ...other
46
+ } = props;
47
+ const ownerState = {
48
+ ...props
49
+ };
51
50
  const classes = useUtilityClasses(ownerState);
52
51
  const context = (0, _TabContext.useTabContext)();
53
52
  if (context === null) {
@@ -55,17 +54,17 @@ const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(inProps, ref) {
55
54
  }
56
55
  const id = (0, _TabContext.getPanelId)(context, value);
57
56
  const tabId = (0, _TabContext.getTabId)(context, value);
58
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabPanelRoot, (0, _extends2.default)({
57
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabPanelRoot, {
59
58
  "aria-labelledby": tabId,
60
59
  className: (0, _clsx.default)(classes.root, className),
61
60
  hidden: value !== context.value,
62
61
  id: id,
63
62
  ref: ref,
64
63
  role: "tabpanel",
65
- ownerState: ownerState
66
- }, other, {
64
+ ownerState: ownerState,
65
+ ...other,
67
66
  children: value === context.value && children
68
- }));
67
+ });
69
68
  });
70
69
  process.env.NODE_ENV !== "production" ? TabPanel.propTypes /* remove-proptypes */ = {
71
70
  // ----------------------------- Warning --------------------------------