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

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 (118) 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 +93 -0
  6. package/LoadingButton/LoadingButton.js +62 -74
  7. package/Masonry/Masonry.js +29 -34
  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 +8 -6
  16. package/TabPanel/TabPanel.js +13 -12
  17. package/Timeline/Timeline.js +12 -11
  18. package/TimelineConnector/TimelineConnector.js +9 -7
  19. package/TimelineContent/TimelineContent.js +15 -15
  20. package/TimelineDot/TimelineDot.js +31 -38
  21. package/TimelineItem/TimelineItem.js +31 -33
  22. package/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
  23. package/TimelineSeparator/TimelineSeparator.js +9 -7
  24. package/ToggleButton/ToggleButton.js +4 -4
  25. package/ToggleButtonGroup/ToggleButtonGroup.js +4 -4
  26. package/TreeItem/TreeItem.js +37 -37
  27. package/TreeItem/TreeItemContent.js +18 -15
  28. package/TreeView/TreeView.js +33 -35
  29. package/TreeView/descendants.js +14 -13
  30. package/index.js +1 -1
  31. package/legacy/Alert/Alert.js +2 -4
  32. package/legacy/AlertTitle/AlertTitle.js +2 -4
  33. package/legacy/Autocomplete/Autocomplete.js +2 -4
  34. package/legacy/AvatarGroup/AvatarGroup.js +2 -4
  35. package/legacy/LoadingButton/LoadingButton.js +15 -16
  36. package/legacy/Masonry/Masonry.js +8 -10
  37. package/legacy/Pagination/Pagination.js +2 -4
  38. package/legacy/PaginationItem/PaginationItem.js +2 -4
  39. package/legacy/Rating/Rating.js +2 -4
  40. package/legacy/Skeleton/Skeleton.js +2 -4
  41. package/legacy/SpeedDial/SpeedDial.js +2 -4
  42. package/legacy/SpeedDialAction/SpeedDialAction.js +2 -4
  43. package/legacy/SpeedDialIcon/SpeedDialIcon.js +2 -4
  44. package/legacy/TabList/TabList.js +2 -4
  45. package/legacy/TabPanel/TabPanel.js +4 -6
  46. package/legacy/Timeline/Timeline.js +3 -5
  47. package/legacy/TimelineConnector/TimelineConnector.js +2 -4
  48. package/legacy/TimelineContent/TimelineContent.js +4 -6
  49. package/legacy/TimelineDot/TimelineDot.js +8 -10
  50. package/legacy/TimelineItem/TimelineItem.js +6 -7
  51. package/legacy/TimelineOppositeContent/TimelineOppositeContent.js +4 -6
  52. package/legacy/TimelineSeparator/TimelineSeparator.js +2 -4
  53. package/legacy/ToggleButton/ToggleButton.js +2 -4
  54. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +2 -4
  55. package/legacy/TreeItem/TreeItem.js +8 -9
  56. package/legacy/TreeItem/TreeItemContent.js +3 -5
  57. package/legacy/TreeView/TreeView.js +6 -8
  58. package/legacy/TreeView/descendants.js +4 -6
  59. package/legacy/index.js +1 -1
  60. package/modern/Alert/Alert.js +4 -4
  61. package/modern/AlertTitle/AlertTitle.js +4 -4
  62. package/modern/Autocomplete/Autocomplete.js +4 -4
  63. package/modern/AvatarGroup/AvatarGroup.js +4 -4
  64. package/modern/LoadingButton/LoadingButton.js +62 -74
  65. package/modern/Masonry/Masonry.js +29 -34
  66. package/modern/Pagination/Pagination.js +4 -4
  67. package/modern/PaginationItem/PaginationItem.js +4 -4
  68. package/modern/Rating/Rating.js +4 -4
  69. package/modern/Skeleton/Skeleton.js +4 -4
  70. package/modern/SpeedDial/SpeedDial.js +4 -4
  71. package/modern/SpeedDialAction/SpeedDialAction.js +4 -4
  72. package/modern/SpeedDialIcon/SpeedDialIcon.js +4 -4
  73. package/modern/TabList/TabList.js +8 -6
  74. package/modern/TabPanel/TabPanel.js +13 -12
  75. package/modern/Timeline/Timeline.js +12 -11
  76. package/modern/TimelineConnector/TimelineConnector.js +9 -7
  77. package/modern/TimelineContent/TimelineContent.js +15 -15
  78. package/modern/TimelineDot/TimelineDot.js +31 -38
  79. package/modern/TimelineItem/TimelineItem.js +31 -33
  80. package/modern/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
  81. package/modern/TimelineSeparator/TimelineSeparator.js +9 -7
  82. package/modern/ToggleButton/ToggleButton.js +4 -4
  83. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +4 -4
  84. package/modern/TreeItem/TreeItem.js +37 -37
  85. package/modern/TreeItem/TreeItemContent.js +18 -15
  86. package/modern/TreeView/TreeView.js +33 -35
  87. package/modern/TreeView/descendants.js +14 -13
  88. package/modern/index.js +1 -1
  89. package/node/Alert/Alert.js +4 -4
  90. package/node/AlertTitle/AlertTitle.js +4 -4
  91. package/node/Autocomplete/Autocomplete.js +4 -4
  92. package/node/AvatarGroup/AvatarGroup.js +4 -4
  93. package/node/LoadingButton/LoadingButton.js +62 -74
  94. package/node/Masonry/Masonry.js +29 -34
  95. package/node/Pagination/Pagination.js +4 -4
  96. package/node/PaginationItem/PaginationItem.js +4 -4
  97. package/node/Rating/Rating.js +4 -4
  98. package/node/Skeleton/Skeleton.js +4 -4
  99. package/node/SpeedDial/SpeedDial.js +4 -4
  100. package/node/SpeedDialAction/SpeedDialAction.js +4 -4
  101. package/node/SpeedDialIcon/SpeedDialIcon.js +4 -4
  102. package/node/TabList/TabList.js +8 -6
  103. package/node/TabPanel/TabPanel.js +13 -12
  104. package/node/Timeline/Timeline.js +12 -13
  105. package/node/TimelineConnector/TimelineConnector.js +9 -7
  106. package/node/TimelineContent/TimelineContent.js +15 -15
  107. package/node/TimelineDot/TimelineDot.js +31 -38
  108. package/node/TimelineItem/TimelineItem.js +31 -33
  109. package/node/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
  110. package/node/TimelineSeparator/TimelineSeparator.js +9 -7
  111. package/node/ToggleButton/ToggleButton.js +4 -4
  112. package/node/ToggleButtonGroup/ToggleButtonGroup.js +4 -4
  113. package/node/TreeItem/TreeItem.js +37 -37
  114. package/node/TreeItem/TreeItemContent.js +22 -18
  115. package/node/TreeView/TreeView.js +33 -35
  116. package/node/TreeView/descendants.js +16 -16
  117. package/node/index.js +1 -1
  118. package/package.json +3 -3
package/Alert/Alert.js CHANGED
@@ -1,3 +1,4 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
1
2
  import * as React from 'react';
2
3
  import Alert from '@mui/material/Alert';
3
4
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,8 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedAlert(props, ref
11
12
  console.warn(['MUI: The Alert component was moved from the lab to the core.', '', "You should use `import { Alert } from '@mui/material'`", "or `import Alert from '@mui/material/Alert'`"].join('\n'));
12
13
  warnedOnce = true;
13
14
  }
14
- return /*#__PURE__*/_jsx(Alert, {
15
- ref: ref,
16
- ...props
17
- });
15
+ return /*#__PURE__*/_jsx(Alert, _extends({
16
+ ref: ref
17
+ }, props));
18
18
  });
@@ -1,3 +1,4 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
1
2
  import * as React from 'react';
2
3
  import AlertTitle from '@mui/material/AlertTitle';
3
4
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,8 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedAlertTitle(props
11
12
  console.warn(['MUI: The AlertTitle component was moved from the lab to the core.', '', "You should use `import { AlertTitle } from '@mui/material'`", "or `import AlertTitle from '@mui/material/AlertTitle'`"].join('\n'));
12
13
  warnedOnce = true;
13
14
  }
14
- return /*#__PURE__*/_jsx(AlertTitle, {
15
- ref: ref,
16
- ...props
17
- });
15
+ return /*#__PURE__*/_jsx(AlertTitle, _extends({
16
+ ref: ref
17
+ }, props));
18
18
  });
@@ -1,3 +1,4 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
1
2
  import * as React from 'react';
2
3
  import Autocomplete from '@mui/material/Autocomplete';
3
4
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,8 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedAutocomplete(pro
11
12
  console.warn(['MUI: The Autocomplete component was moved from the lab to the core.', '', "You should use `import { Autocomplete } from '@mui/material'`", "or `import Autocomplete from '@mui/material/Autocomplete'`"].join('\n'));
12
13
  warnedOnce = true;
13
14
  }
14
- return /*#__PURE__*/_jsx(Autocomplete, {
15
- ref: ref,
16
- ...props
17
- });
15
+ return /*#__PURE__*/_jsx(Autocomplete, _extends({
16
+ ref: ref
17
+ }, props));
18
18
  });
@@ -1,3 +1,4 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
1
2
  import * as React from 'react';
2
3
  import AvatarGroup from '@mui/material/AvatarGroup';
3
4
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,8 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedAvatarGroup(prop
11
12
  console.warn(['MUI: The AvatarGroup component was moved from the lab to the core.', '', "You should use `import { AvatarGroup } from '@mui/material'`", "or `import AvatarGroup from '@mui/material/AvatarGroup'`"].join('\n'));
12
13
  warnedOnce = true;
13
14
  }
14
- return /*#__PURE__*/_jsx(AvatarGroup, {
15
- ref: ref,
16
- ...props
17
- });
15
+ return /*#__PURE__*/_jsx(AvatarGroup, _extends({
16
+ ref: ref
17
+ }, props));
18
18
  });
package/CHANGELOG.md CHANGED
@@ -1,5 +1,98 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.13.3
4
+
5
+ <!-- generated comparing v5.13.2..master -->
6
+
7
+ _May 29, 2023_
8
+
9
+ A big thanks to the 15 contributors who made this release possible.
10
+ This release focuses primarily on 🐛 bug fixes and 📚 documentation improvements.
11
+
12
+ ### `@mui/material@5.13.3
13
+
14
+ - &#8203;<!-- 22 -->[Autocomplete] Accept external Listbox ref (#37325) @sai6855
15
+ - &#8203;<!-- 06 -->[Modal] Pass `className` from `BackdropProps` (#37399) @hbjORbj
16
+
17
+ ### `@mui/base@5.0.0-beta.3`
18
+
19
+ - &#8203;<!-- 20 -->[base] Maintain nodes document order in compound components (#36857) @michaldudak
20
+ - &#8203;<!-- 19 -->[base][joy] Prevent persisting hover state styles onclick on mobile (#36704) @gitstart
21
+ - &#8203;<!-- 18 -->[Menu][base] MenuItem as a link does not work (#37242) @nicolas-ot
22
+ - &#8203;<!-- 17 -->[MenuItem][Base] Pass idGenerator function (#37364) @sai6855
23
+ - &#8203;<!-- 16 -->[Slider][Base] Add Vertical slider demo (#37357) @sai6855
24
+
25
+ ### `@mui/joy@5.0.0-alpha.82`
26
+
27
+ - &#8203;<!-- 23 -->[Select][joy] Fix popup does not close (#37435) @siriwatknp
28
+ - &#8203;<!-- 21 -->[Badge][Joy] Fix `slots` element type in API docs (#37329) @zignis
29
+ - &#8203;<!-- 04 -->[Select] [joy] Handle long text content (#37289) @akash191095
30
+ - &#8203;<!-- 07 -->[Tooltip][Joy] Interactive doesn't work (#37159) @nicolas-ot
31
+
32
+ ### `@mui/codemod@5.13.3
33
+
34
+ - &#8203;<!-- 05 -->[mui-codemod] Add missing script to README (#37377) @hbjORbj
35
+
36
+ ### Docs
37
+
38
+ - &#8203;<!-- 14 -->[docs] Clarify Hidden down props as exclusive (#36927) @canac
39
+ - &#8203;<!-- 13 -->[docs] Add refine to Material UI "Related projects" and "More advanced example projects" pages (#37308) @necatiozmen
40
+ - &#8203;<!-- 12 -->[docs] Remove todo link from sidebar (#37373) @brijeshb42
41
+ - &#8203;<!-- 11 -->[docs] Clarify the peer dependency with react (#37360) @oliviertassinari
42
+ - &#8203;<!-- 10 -->[docs] Divider vertical middle prop migration (#36840) @JhonnK08
43
+ - &#8203;<!-- 09 -->[docs] Fix branding theme tabs and navigation bar regressions (#37362) @ZeeshanTamboli
44
+ - &#8203;<!-- 08 -->[docs-infra] Throw on incorrect internal links (#37326) @oliviertassinari
45
+
46
+ ### Core
47
+
48
+ - &#8203;<!-- 15 -->[core] Include scoped JSX namespace when resolving props (#37404) @LukasTy
49
+ - &#8203;<!-- 03 -->[test][useMediaQuery] Change SSR test description (#37403) @zignis
50
+ - &#8203;<!-- 02 -->[website] Sync with Ashby @oliviertassinari
51
+ - &#8203;<!-- 01 -->[website] Add David to about page (#37379) @DavidCnoops
52
+
53
+ All contributors of this release in alphabetical order: @akash191095, @brijeshb42, @canac, @DavidCnoops, @gitstart, @hbjORbj, @JhonnK08, @LukasTy, @michaldudak, @necatiozmen, @nicolas-ot, @oliviertassinari, @sai6855, @ZeeshanTamboli, @zignis
54
+
55
+ ## 5.13.2
56
+
57
+ <!-- generated comparing v5.13.1..master -->
58
+
59
+ _May 22, 2023_
60
+
61
+ A big thanks to the 12 contributors who made this release possible.
62
+ 📚 This release focuses primarily on documentation improvements.
63
+
64
+ ### `@mui/material@5.13.2
65
+
66
+ - [Slider] Tooltip positioning fixed for vertical slider (#37049) @PunitSoniME
67
+
68
+ ### Docs
69
+
70
+ - [docs][base] Remove default annotations from useTabsList return type (#37324) @TinaSay
71
+ - [docs][base] Remove default annotations from useTabPanel return type (#37323) @TinaSay
72
+ - [docs][base] Remove default annotations from useSwitch return type (#37322) @TinaSay
73
+ - [docs][base] Remove default annotations from useInput return type (#37321) @TinaSay
74
+ - [docs][base] Remove default annotations from useAutocomplete return type (#37320) @TinaSay
75
+ - [docs][base] Remove default annotations from useBadge's return type (#37313) @TinaSay
76
+ - [docs][base] Remove default annotations from useButton's return type (#37312) @TinaSay
77
+ - [docs][base] Remove default annotations from useSlider's return type (#37309) @TinaSay
78
+ - [docs] Remove Material UI's "Languages" page (#37314) @danilo-leal
79
+ - [docs] Prefer to link GitHub repository @oliviertassinari
80
+ - [docs] Move product versions to page context (#35078) @m4theushw
81
+ - [docs] Fix v5 migration npm install instruction (#37293) @oliviertassinari
82
+ - [docs][Tab] Add vertical tabs demo (#37292) @sai6855
83
+ - [docs][Transitions] Fix typo in code sample (#37300) @alexfauquette
84
+ - [examples] Remove `@babel/plugin-proposal-class-properties` from Material-Express-SSR example (#37305) @ZeeshanTamboli
85
+ - [Website] Add Brijesh to About page (#37318) @brijeshb42
86
+ - [website] Update pricing table (#37290) @cherniavskii
87
+ - [website] Update core open roles (#37224) @mnajdova
88
+
89
+ ### Core
90
+
91
+ - Revert "[core] Remove outdated babel proposal plugins (#36795)" (#37331) @michaldudak
92
+ - [core] Move esmExternals to the shared next config (#37332) @michaldudak
93
+
94
+ All contributors of this release in alphabetical order: @alexfauquette, @brijeshb42, @cherniavskii, @danilo-leal, @m4theushw, @michaldudak, @mnajdova, @oliviertassinari, @PunitSoniME, @sai6855, @TinaSay, @ZeeshanTamboli
95
+
3
96
  ## 5.13.1
4
97
 
5
98
  <!-- generated comparing v5.13.0..master -->
@@ -1,3 +1,6 @@
1
+ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
+ import _extends from "@babel/runtime/helpers/esm/extends";
3
+ const _excluded = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"];
1
4
  import * as React from 'react';
2
5
  import PropTypes from 'prop-types';
3
6
  import { chainPropTypes } from '@mui/utils';
@@ -22,11 +25,7 @@ const useUtilityClasses = ownerState => {
22
25
  loadingIndicator: ['loadingIndicator', loading && `loadingIndicator${capitalize(loadingPosition)}`]
23
26
  };
24
27
  const composedClasses = composeClasses(slots, getLoadingButtonUtilityClass, classes);
25
- return {
26
- ...classes,
27
- // forward the outlined, color, etc. classes to Button
28
- ...composedClasses
29
- };
28
+ return _extends({}, classes, composedClasses);
30
29
  };
31
30
 
32
31
  // TODO use `import { rootShouldForwardProp } from '../styles/styled';` once move to core
@@ -45,39 +44,36 @@ const LoadingButtonRoot = styled(Button, {
45
44
  })(({
46
45
  ownerState,
47
46
  theme
48
- }) => ({
47
+ }) => _extends({
49
48
  [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {
50
49
  transition: theme.transitions.create(['opacity'], {
51
50
  duration: theme.transitions.duration.short
52
51
  }),
53
52
  opacity: 0
54
- },
55
- ...(ownerState.loadingPosition === 'center' && {
56
- transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color'], {
53
+ }
54
+ }, ownerState.loadingPosition === 'center' && {
55
+ transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color'], {
56
+ duration: theme.transitions.duration.short
57
+ }),
58
+ [`&.${loadingButtonClasses.loading}`]: {
59
+ color: 'transparent'
60
+ }
61
+ }, ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
62
+ [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {
63
+ transition: theme.transitions.create(['opacity'], {
57
64
  duration: theme.transitions.duration.short
58
65
  }),
59
- [`&.${loadingButtonClasses.loading}`]: {
60
- color: 'transparent'
61
- }
62
- }),
63
- ...(ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
64
- [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {
65
- transition: theme.transitions.create(['opacity'], {
66
- duration: theme.transitions.duration.short
67
- }),
68
- opacity: 0,
69
- marginRight: -8
70
- }
71
- }),
72
- ...(ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
73
- [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {
74
- transition: theme.transitions.create(['opacity'], {
75
- duration: theme.transitions.duration.short
76
- }),
77
- opacity: 0,
78
- marginLeft: -8
79
- }
80
- })
66
+ opacity: 0,
67
+ marginRight: -8
68
+ }
69
+ }, ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
70
+ [`& .${loadingButtonClasses.startIconLoadingStart}, & .${loadingButtonClasses.endIconLoadingEnd}`]: {
71
+ transition: theme.transitions.create(['opacity'], {
72
+ duration: theme.transitions.duration.short
73
+ }),
74
+ opacity: 0,
75
+ marginLeft: -8
76
+ }
81
77
  }));
82
78
  const LoadingButtonLoadingIndicator = styled('div', {
83
79
  name: 'MuiLoadingButton',
@@ -91,35 +87,28 @@ const LoadingButtonLoadingIndicator = styled('div', {
91
87
  })(({
92
88
  theme,
93
89
  ownerState
94
- }) => ({
90
+ }) => _extends({
95
91
  position: 'absolute',
96
92
  visibility: 'visible',
97
- display: 'flex',
98
- ...(ownerState.loadingPosition === 'start' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
99
- left: ownerState.size === 'small' ? 10 : 14
100
- }),
101
- ...(ownerState.loadingPosition === 'start' && ownerState.variant === 'text' && {
102
- left: 6
103
- }),
104
- ...(ownerState.loadingPosition === 'center' && {
105
- left: '50%',
106
- transform: 'translate(-50%)',
107
- color: (theme.vars || theme).palette.action.disabled
108
- }),
109
- ...(ownerState.loadingPosition === 'end' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
110
- right: ownerState.size === 'small' ? 10 : 14
111
- }),
112
- ...(ownerState.loadingPosition === 'end' && ownerState.variant === 'text' && {
113
- right: 6
114
- }),
115
- ...(ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
116
- position: 'relative',
117
- left: -10
118
- }),
119
- ...(ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
120
- position: 'relative',
121
- right: -10
122
- })
93
+ display: 'flex'
94
+ }, ownerState.loadingPosition === 'start' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
95
+ left: ownerState.size === 'small' ? 10 : 14
96
+ }, ownerState.loadingPosition === 'start' && ownerState.variant === 'text' && {
97
+ left: 6
98
+ }, ownerState.loadingPosition === 'center' && {
99
+ left: '50%',
100
+ transform: 'translate(-50%)',
101
+ color: (theme.vars || theme).palette.action.disabled
102
+ }, ownerState.loadingPosition === 'end' && (ownerState.variant === 'outlined' || ownerState.variant === 'contained') && {
103
+ right: ownerState.size === 'small' ? 10 : 14
104
+ }, ownerState.loadingPosition === 'end' && ownerState.variant === 'text' && {
105
+ right: 6
106
+ }, ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
107
+ position: 'relative',
108
+ left: -10
109
+ }, ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
110
+ position: 'relative',
111
+ right: -10
123
112
  }));
124
113
  const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps, ref) {
125
114
  const props = useThemeProps({
@@ -127,45 +116,44 @@ const LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inPro
127
116
  name: 'MuiLoadingButton'
128
117
  });
129
118
  const {
130
- children,
131
- disabled = false,
132
- id: idProp,
133
- loading = false,
134
- loadingIndicator: loadingIndicatorProp,
135
- loadingPosition = 'center',
136
- variant = 'text',
137
- ...other
138
- } = props;
119
+ children,
120
+ disabled = false,
121
+ id: idProp,
122
+ loading = false,
123
+ loadingIndicator: loadingIndicatorProp,
124
+ loadingPosition = 'center',
125
+ variant = 'text'
126
+ } = props,
127
+ other = _objectWithoutPropertiesLoose(props, _excluded);
139
128
  const id = useId(idProp);
140
129
  const loadingIndicator = loadingIndicatorProp != null ? loadingIndicatorProp : /*#__PURE__*/_jsx(CircularProgress, {
141
130
  "aria-labelledby": id,
142
131
  color: "inherit",
143
132
  size: 16
144
133
  });
145
- const ownerState = {
146
- ...props,
134
+ const ownerState = _extends({}, props, {
147
135
  disabled,
148
136
  loading,
149
137
  loadingIndicator,
150
138
  loadingPosition,
151
139
  variant
152
- };
140
+ });
153
141
  const classes = useUtilityClasses(ownerState);
154
142
  const loadingButtonLoadingIndicator = loading ? /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {
155
143
  className: classes.loadingIndicator,
156
144
  ownerState: ownerState,
157
145
  children: loadingIndicator
158
146
  }) : null;
159
- return /*#__PURE__*/_jsxs(LoadingButtonRoot, {
147
+ return /*#__PURE__*/_jsxs(LoadingButtonRoot, _extends({
160
148
  disabled: disabled || loading,
161
149
  id: id,
162
- ref: ref,
163
- ...other,
150
+ ref: ref
151
+ }, other, {
164
152
  variant: variant,
165
153
  classes: classes,
166
154
  ownerState: ownerState,
167
155
  children: [ownerState.loadingPosition === 'end' ? children : loadingButtonLoadingIndicator, ownerState.loadingPosition === 'end' ? loadingButtonLoadingIndicator : children]
168
- });
156
+ }));
169
157
  });
170
158
  process.env.NODE_ENV !== "production" ? LoadingButton.propTypes /* remove-proptypes */ = {
171
159
  // ----------------------------- Warning --------------------------------
@@ -1,3 +1,6 @@
1
+ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
+ import _extends from "@babel/runtime/helpers/esm/extends";
3
+ const _excluded = ["children", "className", "component", "columns", "spacing", "defaultColumns", "defaultHeight", "defaultSpacing"];
1
4
  import { unstable_composeClasses as composeClasses } from '@mui/base';
2
5
  import * as ReactDOM from 'react-dom';
3
6
  import { styled, useThemeProps } from '@mui/material/styles';
@@ -53,16 +56,11 @@ export const getStyle = ({
53
56
  }
54
57
  stylesSSR.height = ownerState.defaultHeight;
55
58
  stylesSSR.margin = -(defaultSpacing / 2);
56
- stylesSSR['& > *'] = {
57
- ...styles['& > *'],
58
- ...orderStyleSSR,
59
+ stylesSSR['& > *'] = _extends({}, styles['& > *'], orderStyleSSR, {
59
60
  margin: defaultSpacing / 2,
60
61
  width: `calc(${(100 / ownerState.defaultColumns).toFixed(2)}% - ${defaultSpacing}px)`
61
- };
62
- return {
63
- ...styles,
64
- ...stylesSSR
65
- };
62
+ });
63
+ return _extends({}, styles, stylesSSR);
66
64
  }
67
65
  const spacingValues = resolveBreakpointValues({
68
66
  values: ownerState.spacing,
@@ -78,15 +76,14 @@ export const getStyle = ({
78
76
  } else {
79
77
  spacing = propValue;
80
78
  }
81
- return {
79
+ return _extends({
82
80
  margin: `calc(0px - (${spacing} / 2))`,
83
81
  '& > *': {
84
82
  margin: `calc(${spacing} / 2)`
85
- },
86
- ...(ownerState.maxColumnHeight && {
87
- height: typeof spacing === 'number' ? Math.ceil(ownerState.maxColumnHeight + parseToNumber(spacing)) : `calc(${ownerState.maxColumnHeight}px + ${spacing})`
88
- })
89
- };
83
+ }
84
+ }, ownerState.maxColumnHeight && {
85
+ height: typeof spacing === 'number' ? Math.ceil(ownerState.maxColumnHeight + parseToNumber(spacing)) : `calc(${ownerState.maxColumnHeight}px + ${spacing})`
86
+ });
90
87
  };
91
88
  styles = deepmerge(styles, handleBreakpoints({
92
89
  theme
@@ -144,22 +141,21 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
144
141
  name: 'MuiMasonry'
145
142
  });
146
143
  const {
147
- children,
148
- className,
149
- component = 'div',
150
- columns = 4,
151
- spacing = 1,
152
- defaultColumns,
153
- defaultHeight,
154
- defaultSpacing,
155
- ...other
156
- } = props;
144
+ children,
145
+ className,
146
+ component = 'div',
147
+ columns = 4,
148
+ spacing = 1,
149
+ defaultColumns,
150
+ defaultHeight,
151
+ defaultSpacing
152
+ } = props,
153
+ other = _objectWithoutPropertiesLoose(props, _excluded);
157
154
  const masonryRef = React.useRef();
158
155
  const [maxColumnHeight, setMaxColumnHeight] = React.useState();
159
156
  const isSSR = !maxColumnHeight && defaultHeight && defaultColumns !== undefined && defaultSpacing !== undefined;
160
157
  const [numberOfLineBreaks, setNumberOfLineBreaks] = React.useState(isSSR ? defaultColumns - 1 : 0);
161
- const ownerState = {
162
- ...props,
158
+ const ownerState = _extends({}, props, {
163
159
  spacing,
164
160
  columns,
165
161
  maxColumnHeight,
@@ -167,7 +163,7 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
167
163
  defaultHeight,
168
164
  defaultSpacing,
169
165
  isSSR
170
- };
166
+ });
171
167
  const classes = useUtilityClasses(ownerState);
172
168
  const handleResize = masonryChildren => {
173
169
  if (!masonryRef.current || !masonryChildren || masonryChildren.length === 0) {
@@ -245,19 +241,18 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
245
241
  // a line break at the end of each column prevents columns from merging
246
242
  const lineBreaks = new Array(numberOfLineBreaks).fill('').map((_, index) => /*#__PURE__*/_jsx("span", {
247
243
  "data-class": "line-break",
248
- style: {
249
- ...lineBreakStyle,
244
+ style: _extends({}, lineBreakStyle, {
250
245
  order: index + 1
251
- }
246
+ })
252
247
  }, index));
253
- return /*#__PURE__*/_jsxs(MasonryRoot, {
248
+ return /*#__PURE__*/_jsxs(MasonryRoot, _extends({
254
249
  as: component,
255
250
  className: clsx(classes.root, className),
256
251
  ref: handleRef,
257
- ownerState: ownerState,
258
- ...other,
252
+ ownerState: ownerState
253
+ }, other, {
259
254
  children: [children, lineBreaks]
260
- });
255
+ }));
261
256
  });
262
257
  process.env.NODE_ENV !== "production" ? Masonry.propTypes /* remove-proptypes */ = {
263
258
  // ----------------------------- Warning --------------------------------
@@ -1,3 +1,4 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
1
2
  import * as React from 'react';
2
3
  import Pagination from '@mui/material/Pagination';
3
4
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,8 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedPagination(props
11
12
  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'));
12
13
  warnedOnce = true;
13
14
  }
14
- return /*#__PURE__*/_jsx(Pagination, {
15
- ref: ref,
16
- ...props
17
- });
15
+ return /*#__PURE__*/_jsx(Pagination, _extends({
16
+ ref: ref
17
+ }, props));
18
18
  });
@@ -1,3 +1,4 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
1
2
  import * as React from 'react';
2
3
  import PaginationItem from '@mui/material/PaginationItem';
3
4
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,8 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedPaginationItem(p
11
12
  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'));
12
13
  warnedOnce = true;
13
14
  }
14
- return /*#__PURE__*/_jsx(PaginationItem, {
15
- ref: ref,
16
- ...props
17
- });
15
+ return /*#__PURE__*/_jsx(PaginationItem, _extends({
16
+ ref: ref
17
+ }, props));
18
18
  });
package/Rating/Rating.js CHANGED
@@ -1,3 +1,4 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
1
2
  import * as React from 'react';
2
3
  import Rating from '@mui/material/Rating';
3
4
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,8 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedRating(props, re
11
12
  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'));
12
13
  warnedOnce = true;
13
14
  }
14
- return /*#__PURE__*/_jsx(Rating, {
15
- ref: ref,
16
- ...props
17
- });
15
+ return /*#__PURE__*/_jsx(Rating, _extends({
16
+ ref: ref
17
+ }, props));
18
18
  });
@@ -1,3 +1,4 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
1
2
  import * as React from 'react';
2
3
  import Skeleton from '@mui/material/Skeleton';
3
4
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,8 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedSkeleton(props,
11
12
  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'));
12
13
  warnedOnce = true;
13
14
  }
14
- return /*#__PURE__*/_jsx(Skeleton, {
15
- ref: ref,
16
- ...props
17
- });
15
+ return /*#__PURE__*/_jsx(Skeleton, _extends({
16
+ ref: ref
17
+ }, props));
18
18
  });
@@ -1,3 +1,4 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
1
2
  import * as React from 'react';
2
3
  import SpeedDial from '@mui/material/SpeedDial';
3
4
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,8 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDial(props,
11
12
  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'));
12
13
  warnedOnce = true;
13
14
  }
14
- return /*#__PURE__*/_jsx(SpeedDial, {
15
- ref: ref,
16
- ...props
17
- });
15
+ return /*#__PURE__*/_jsx(SpeedDial, _extends({
16
+ ref: ref
17
+ }, props));
18
18
  });
@@ -1,3 +1,4 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
1
2
  import * as React from 'react';
2
3
  import SpeedDialAction from '@mui/material/SpeedDialAction';
3
4
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,8 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialAction(
11
12
  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'));
12
13
  warnedOnce = true;
13
14
  }
14
- return /*#__PURE__*/_jsx(SpeedDialAction, {
15
- ref: ref,
16
- ...props
17
- });
15
+ return /*#__PURE__*/_jsx(SpeedDialAction, _extends({
16
+ ref: ref
17
+ }, props));
18
18
  });
@@ -1,3 +1,4 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
1
2
  import * as React from 'react';
2
3
  import SpeedDialIcon from '@mui/material/SpeedDialIcon';
3
4
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,8 +12,7 @@ export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialIcon(pr
11
12
  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'));
12
13
  warnedOnce = true;
13
14
  }
14
- return /*#__PURE__*/_jsx(SpeedDialIcon, {
15
- ref: ref,
16
- ...props
17
- });
15
+ return /*#__PURE__*/_jsx(SpeedDialIcon, _extends({
16
+ ref: ref
17
+ }, props));
18
18
  });
@@ -1,3 +1,6 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
2
+ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
+ const _excluded = ["children"];
1
4
  import * as React from 'react';
2
5
  import PropTypes from 'prop-types';
3
6
  import Tabs from '@mui/material/Tabs';
@@ -5,9 +8,9 @@ import { useTabContext, getTabId, getPanelId } from '../TabContext';
5
8
  import { jsx as _jsx } from "react/jsx-runtime";
6
9
  const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
7
10
  const {
8
- children: childrenProp,
9
- ...other
10
- } = props;
11
+ children: childrenProp
12
+ } = props,
13
+ other = _objectWithoutPropertiesLoose(props, _excluded);
11
14
  const context = useTabContext();
12
15
  if (context === null) {
13
16
  throw new TypeError('No TabContext provided');
@@ -22,12 +25,11 @@ const TabList = /*#__PURE__*/React.forwardRef(function TabList(props, ref) {
22
25
  id: getTabId(context, child.props.value)
23
26
  });
24
27
  });
25
- return /*#__PURE__*/_jsx(Tabs, {
26
- ...other,
28
+ return /*#__PURE__*/_jsx(Tabs, _extends({}, other, {
27
29
  ref: ref,
28
30
  value: context.value,
29
31
  children: children
30
- });
32
+ }));
31
33
  });
32
34
  process.env.NODE_ENV !== "production" ? TabList.propTypes /* remove-proptypes */ = {
33
35
  // ----------------------------- Warning --------------------------------