@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.
- package/Alert/Alert.js +4 -4
- package/AlertTitle/AlertTitle.js +4 -4
- package/Autocomplete/Autocomplete.js +4 -4
- package/AvatarGroup/AvatarGroup.js +4 -4
- package/CHANGELOG.md +93 -0
- package/LoadingButton/LoadingButton.js +62 -74
- package/Masonry/Masonry.js +29 -34
- package/Pagination/Pagination.js +4 -4
- package/PaginationItem/PaginationItem.js +4 -4
- package/Rating/Rating.js +4 -4
- package/Skeleton/Skeleton.js +4 -4
- package/SpeedDial/SpeedDial.js +4 -4
- package/SpeedDialAction/SpeedDialAction.js +4 -4
- package/SpeedDialIcon/SpeedDialIcon.js +4 -4
- package/TabList/TabList.js +8 -6
- package/TabPanel/TabPanel.js +13 -12
- package/Timeline/Timeline.js +12 -11
- package/TimelineConnector/TimelineConnector.js +9 -7
- package/TimelineContent/TimelineContent.js +15 -15
- package/TimelineDot/TimelineDot.js +31 -38
- package/TimelineItem/TimelineItem.js +31 -33
- package/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
- package/TimelineSeparator/TimelineSeparator.js +9 -7
- package/ToggleButton/ToggleButton.js +4 -4
- package/ToggleButtonGroup/ToggleButtonGroup.js +4 -4
- package/TreeItem/TreeItem.js +37 -37
- package/TreeItem/TreeItemContent.js +18 -15
- package/TreeView/TreeView.js +33 -35
- package/TreeView/descendants.js +14 -13
- package/index.js +1 -1
- package/legacy/Alert/Alert.js +2 -4
- package/legacy/AlertTitle/AlertTitle.js +2 -4
- package/legacy/Autocomplete/Autocomplete.js +2 -4
- package/legacy/AvatarGroup/AvatarGroup.js +2 -4
- package/legacy/LoadingButton/LoadingButton.js +15 -16
- package/legacy/Masonry/Masonry.js +8 -10
- package/legacy/Pagination/Pagination.js +2 -4
- package/legacy/PaginationItem/PaginationItem.js +2 -4
- package/legacy/Rating/Rating.js +2 -4
- package/legacy/Skeleton/Skeleton.js +2 -4
- package/legacy/SpeedDial/SpeedDial.js +2 -4
- package/legacy/SpeedDialAction/SpeedDialAction.js +2 -4
- package/legacy/SpeedDialIcon/SpeedDialIcon.js +2 -4
- package/legacy/TabList/TabList.js +2 -4
- package/legacy/TabPanel/TabPanel.js +4 -6
- package/legacy/Timeline/Timeline.js +3 -5
- package/legacy/TimelineConnector/TimelineConnector.js +2 -4
- package/legacy/TimelineContent/TimelineContent.js +4 -6
- package/legacy/TimelineDot/TimelineDot.js +8 -10
- package/legacy/TimelineItem/TimelineItem.js +6 -7
- package/legacy/TimelineOppositeContent/TimelineOppositeContent.js +4 -6
- package/legacy/TimelineSeparator/TimelineSeparator.js +2 -4
- package/legacy/ToggleButton/ToggleButton.js +2 -4
- package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +2 -4
- package/legacy/TreeItem/TreeItem.js +8 -9
- package/legacy/TreeItem/TreeItemContent.js +3 -5
- package/legacy/TreeView/TreeView.js +6 -8
- package/legacy/TreeView/descendants.js +4 -6
- package/legacy/index.js +1 -1
- package/modern/Alert/Alert.js +4 -4
- package/modern/AlertTitle/AlertTitle.js +4 -4
- package/modern/Autocomplete/Autocomplete.js +4 -4
- package/modern/AvatarGroup/AvatarGroup.js +4 -4
- package/modern/LoadingButton/LoadingButton.js +62 -74
- package/modern/Masonry/Masonry.js +29 -34
- package/modern/Pagination/Pagination.js +4 -4
- package/modern/PaginationItem/PaginationItem.js +4 -4
- package/modern/Rating/Rating.js +4 -4
- package/modern/Skeleton/Skeleton.js +4 -4
- package/modern/SpeedDial/SpeedDial.js +4 -4
- package/modern/SpeedDialAction/SpeedDialAction.js +4 -4
- package/modern/SpeedDialIcon/SpeedDialIcon.js +4 -4
- package/modern/TabList/TabList.js +8 -6
- package/modern/TabPanel/TabPanel.js +13 -12
- package/modern/Timeline/Timeline.js +12 -11
- package/modern/TimelineConnector/TimelineConnector.js +9 -7
- package/modern/TimelineContent/TimelineContent.js +15 -15
- package/modern/TimelineDot/TimelineDot.js +31 -38
- package/modern/TimelineItem/TimelineItem.js +31 -33
- package/modern/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
- package/modern/TimelineSeparator/TimelineSeparator.js +9 -7
- package/modern/ToggleButton/ToggleButton.js +4 -4
- package/modern/ToggleButtonGroup/ToggleButtonGroup.js +4 -4
- package/modern/TreeItem/TreeItem.js +37 -37
- package/modern/TreeItem/TreeItemContent.js +18 -15
- package/modern/TreeView/TreeView.js +33 -35
- package/modern/TreeView/descendants.js +14 -13
- package/modern/index.js +1 -1
- package/node/Alert/Alert.js +4 -4
- package/node/AlertTitle/AlertTitle.js +4 -4
- package/node/Autocomplete/Autocomplete.js +4 -4
- package/node/AvatarGroup/AvatarGroup.js +4 -4
- package/node/LoadingButton/LoadingButton.js +62 -74
- package/node/Masonry/Masonry.js +29 -34
- package/node/Pagination/Pagination.js +4 -4
- package/node/PaginationItem/PaginationItem.js +4 -4
- package/node/Rating/Rating.js +4 -4
- package/node/Skeleton/Skeleton.js +4 -4
- package/node/SpeedDial/SpeedDial.js +4 -4
- package/node/SpeedDialAction/SpeedDialAction.js +4 -4
- package/node/SpeedDialIcon/SpeedDialIcon.js +4 -4
- package/node/TabList/TabList.js +8 -6
- package/node/TabPanel/TabPanel.js +13 -12
- package/node/Timeline/Timeline.js +12 -13
- package/node/TimelineConnector/TimelineConnector.js +9 -7
- package/node/TimelineContent/TimelineContent.js +15 -15
- package/node/TimelineDot/TimelineDot.js +31 -38
- package/node/TimelineItem/TimelineItem.js +31 -33
- package/node/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
- package/node/TimelineSeparator/TimelineSeparator.js +9 -7
- package/node/ToggleButton/ToggleButton.js +4 -4
- package/node/ToggleButtonGroup/ToggleButtonGroup.js +4 -4
- package/node/TreeItem/TreeItem.js +37 -37
- package/node/TreeItem/TreeItemContent.js +22 -18
- package/node/TreeView/TreeView.js +33 -35
- package/node/TreeView/descendants.js +16 -16
- package/node/index.js +1 -1
- 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
|
-
|
|
17
|
-
});
|
|
15
|
+
return /*#__PURE__*/_jsx(Alert, _extends({
|
|
16
|
+
ref: ref
|
|
17
|
+
}, props));
|
|
18
18
|
});
|
package/AlertTitle/AlertTitle.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 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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
+
- ​<!-- 22 -->[Autocomplete] Accept external Listbox ref (#37325) @sai6855
|
|
15
|
+
- ​<!-- 06 -->[Modal] Pass `className` from `BackdropProps` (#37399) @hbjORbj
|
|
16
|
+
|
|
17
|
+
### `@mui/base@5.0.0-beta.3`
|
|
18
|
+
|
|
19
|
+
- ​<!-- 20 -->[base] Maintain nodes document order in compound components (#36857) @michaldudak
|
|
20
|
+
- ​<!-- 19 -->[base][joy] Prevent persisting hover state styles onclick on mobile (#36704) @gitstart
|
|
21
|
+
- ​<!-- 18 -->[Menu][base] MenuItem as a link does not work (#37242) @nicolas-ot
|
|
22
|
+
- ​<!-- 17 -->[MenuItem][Base] Pass idGenerator function (#37364) @sai6855
|
|
23
|
+
- ​<!-- 16 -->[Slider][Base] Add Vertical slider demo (#37357) @sai6855
|
|
24
|
+
|
|
25
|
+
### `@mui/joy@5.0.0-alpha.82`
|
|
26
|
+
|
|
27
|
+
- ​<!-- 23 -->[Select][joy] Fix popup does not close (#37435) @siriwatknp
|
|
28
|
+
- ​<!-- 21 -->[Badge][Joy] Fix `slots` element type in API docs (#37329) @zignis
|
|
29
|
+
- ​<!-- 04 -->[Select] [joy] Handle long text content (#37289) @akash191095
|
|
30
|
+
- ​<!-- 07 -->[Tooltip][Joy] Interactive doesn't work (#37159) @nicolas-ot
|
|
31
|
+
|
|
32
|
+
### `@mui/codemod@5.13.3
|
|
33
|
+
|
|
34
|
+
- ​<!-- 05 -->[mui-codemod] Add missing script to README (#37377) @hbjORbj
|
|
35
|
+
|
|
36
|
+
### Docs
|
|
37
|
+
|
|
38
|
+
- ​<!-- 14 -->[docs] Clarify Hidden down props as exclusive (#36927) @canac
|
|
39
|
+
- ​<!-- 13 -->[docs] Add refine to Material UI "Related projects" and "More advanced example projects" pages (#37308) @necatiozmen
|
|
40
|
+
- ​<!-- 12 -->[docs] Remove todo link from sidebar (#37373) @brijeshb42
|
|
41
|
+
- ​<!-- 11 -->[docs] Clarify the peer dependency with react (#37360) @oliviertassinari
|
|
42
|
+
- ​<!-- 10 -->[docs] Divider vertical middle prop migration (#36840) @JhonnK08
|
|
43
|
+
- ​<!-- 09 -->[docs] Fix branding theme tabs and navigation bar regressions (#37362) @ZeeshanTamboli
|
|
44
|
+
- ​<!-- 08 -->[docs-infra] Throw on incorrect internal links (#37326) @oliviertassinari
|
|
45
|
+
|
|
46
|
+
### Core
|
|
47
|
+
|
|
48
|
+
- ​<!-- 15 -->[core] Include scoped JSX namespace when resolving props (#37404) @LukasTy
|
|
49
|
+
- ​<!-- 03 -->[test][useMediaQuery] Change SSR test description (#37403) @zignis
|
|
50
|
+
- ​<!-- 02 -->[website] Sync with Ashby @oliviertassinari
|
|
51
|
+
- ​<!-- 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
|
-
|
|
56
|
-
|
|
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
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
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
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
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
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
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
|
-
|
|
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 --------------------------------
|
package/Masonry/Masonry.js
CHANGED
|
@@ -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
|
-
|
|
87
|
-
|
|
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
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
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
|
-
|
|
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 --------------------------------
|
package/Pagination/Pagination.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 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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
17
|
-
});
|
|
15
|
+
return /*#__PURE__*/_jsx(Rating, _extends({
|
|
16
|
+
ref: ref
|
|
17
|
+
}, props));
|
|
18
18
|
});
|
package/Skeleton/Skeleton.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 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
|
-
|
|
17
|
-
});
|
|
15
|
+
return /*#__PURE__*/_jsx(Skeleton, _extends({
|
|
16
|
+
ref: ref
|
|
17
|
+
}, props));
|
|
18
18
|
});
|
package/SpeedDial/SpeedDial.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 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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
17
|
-
});
|
|
15
|
+
return /*#__PURE__*/_jsx(SpeedDialIcon, _extends({
|
|
16
|
+
ref: ref
|
|
17
|
+
}, props));
|
|
18
18
|
});
|
package/TabList/TabList.js
CHANGED
|
@@ -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
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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 --------------------------------
|