@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.
- package/AdapterDateFns/AdapterDateFns.d.ts +3 -3
- package/AdapterDateFns/index.d.ts +1 -1
- package/AdapterDayjs/AdapterDayjs.d.ts +3 -3
- package/AdapterDayjs/index.d.ts +1 -1
- package/AdapterLuxon/AdapterLuxon.d.ts +3 -3
- package/AdapterLuxon/index.d.ts +1 -1
- package/AdapterMoment/AdapterMoment.d.ts +3 -3
- package/AdapterMoment/index.d.ts +1 -1
- 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 +124 -0
- package/CalendarPicker/CalendarPicker.d.ts +14 -14
- package/CalendarPicker/index.d.ts +2 -2
- package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +13 -13
- package/CalendarPickerSkeleton/index.d.ts +2 -2
- package/ClockPicker/ClockPicker.d.ts +14 -14
- package/ClockPicker/index.d.ts +2 -2
- package/DatePicker/DatePicker.d.ts +10 -10
- package/DatePicker/index.d.ts +2 -2
- package/DateRangePicker/DateRangePicker.d.ts +11 -11
- package/DateRangePicker/index.d.ts +2 -2
- package/DateRangePickerDay/DateRangePickerDay.d.ts +13 -13
- package/DateRangePickerDay/index.d.ts +2 -2
- package/DateTimePicker/DateTimePicker.d.ts +10 -10
- package/DateTimePicker/index.d.ts +2 -2
- package/DesktopDatePicker/DesktopDatePicker.d.ts +10 -10
- package/DesktopDatePicker/index.d.ts +2 -2
- package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +10 -10
- package/DesktopDateRangePicker/index.d.ts +2 -2
- package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +10 -10
- package/DesktopDateTimePicker/index.d.ts +2 -2
- package/DesktopTimePicker/DesktopTimePicker.d.ts +10 -10
- package/DesktopTimePicker/index.d.ts +2 -2
- package/LoadingButton/LoadingButton.js +74 -62
- package/LoadingButton/loadingButtonClasses.d.ts +22 -22
- package/LocalizationProvider/LocalizationProvider.d.ts +10 -10
- package/LocalizationProvider/index.d.ts +2 -2
- package/Masonry/Masonry.js +34 -29
- package/Masonry/masonryClasses.d.ts +8 -8
- package/MobileDatePicker/MobileDatePicker.d.ts +10 -10
- package/MobileDatePicker/index.d.ts +2 -2
- package/MobileDateRangePicker/MobileDateRangePicker.d.ts +10 -10
- package/MobileDateRangePicker/index.d.ts +2 -2
- package/MobileDateTimePicker/MobileDateTimePicker.d.ts +10 -10
- package/MobileDateTimePicker/index.d.ts +2 -2
- package/MobileTimePicker/MobileTimePicker.d.ts +10 -10
- package/MobileTimePicker/index.d.ts +2 -2
- package/MonthPicker/MonthPicker.d.ts +13 -13
- package/MonthPicker/index.d.ts +2 -2
- package/Pagination/Pagination.js +4 -4
- package/PaginationItem/PaginationItem.js +4 -4
- package/PickersDay/PickersDay.d.ts +13 -13
- package/PickersDay/index.d.ts +2 -2
- 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/StaticDatePicker/StaticDatePicker.d.ts +10 -10
- package/StaticDatePicker/index.d.ts +2 -2
- package/StaticDateRangePicker/StaticDateRangePicker.d.ts +10 -10
- package/StaticDateRangePicker/index.d.ts +2 -2
- package/StaticDateTimePicker/StaticDateTimePicker.d.ts +10 -10
- package/StaticDateTimePicker/index.d.ts +2 -2
- package/StaticTimePicker/StaticTimePicker.d.ts +10 -10
- package/StaticTimePicker/index.d.ts +2 -2
- package/TabList/TabList.js +6 -8
- package/TabPanel/TabPanel.js +12 -13
- package/TabPanel/tabPanelClasses.d.ts +8 -8
- package/TimePicker/TimePicker.d.ts +10 -10
- package/TimePicker/index.d.ts +2 -2
- package/Timeline/Timeline.d.ts +59 -59
- package/Timeline/Timeline.js +11 -12
- package/Timeline/TimelineContext.d.ts +6 -6
- package/Timeline/index.d.ts +5 -5
- package/Timeline/timelineClasses.d.ts +3 -3
- package/TimelineConnector/TimelineConnector.js +7 -9
- package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
- package/TimelineContent/TimelineContent.js +15 -15
- package/TimelineContent/timelineContentClasses.d.ts +14 -14
- package/TimelineDot/TimelineDot.js +38 -31
- package/TimelineDot/timelineDotClasses.d.ts +24 -24
- package/TimelineItem/TimelineItem.js +33 -31
- package/TimelineItem/timelineItemClasses.d.ts +16 -16
- package/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
- package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
- package/TimelineSeparator/TimelineSeparator.js +7 -9
- package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
- package/ToggleButton/ToggleButton.js +4 -4
- package/ToggleButtonGroup/ToggleButtonGroup.js +4 -4
- package/TreeItem/TreeItem.js +37 -37
- package/TreeItem/TreeItemContent.js +15 -18
- package/TreeItem/treeItemClasses.d.ts +24 -24
- package/TreeView/TreeView.js +35 -33
- package/TreeView/descendants.js +13 -14
- package/TreeView/treeViewClasses.d.ts +8 -8
- package/YearPicker/YearPicker.d.ts +14 -14
- package/YearPicker/index.d.ts +2 -2
- package/index.js +1 -1
- package/internal/svg-icons/ArrowDropDown.d.ts +7 -7
- package/internal/svg-icons/ArrowLeft.d.ts +7 -7
- package/internal/svg-icons/ArrowRight.d.ts +7 -7
- package/internal/svg-icons/Calendar.d.ts +7 -7
- package/internal/svg-icons/Clock.d.ts +7 -7
- package/internal/svg-icons/DateRange.d.ts +7 -7
- package/internal/svg-icons/Pen.d.ts +7 -7
- package/internal/svg-icons/Time.d.ts +7 -7
- package/legacy/Alert/Alert.js +4 -2
- package/legacy/AlertTitle/AlertTitle.js +4 -2
- package/legacy/Autocomplete/Autocomplete.js +4 -2
- package/legacy/AvatarGroup/AvatarGroup.js +4 -2
- package/legacy/LoadingButton/LoadingButton.js +16 -15
- package/legacy/Masonry/Masonry.js +10 -8
- package/legacy/Pagination/Pagination.js +4 -2
- package/legacy/PaginationItem/PaginationItem.js +4 -2
- package/legacy/Rating/Rating.js +4 -2
- package/legacy/Skeleton/Skeleton.js +4 -2
- package/legacy/SpeedDial/SpeedDial.js +4 -2
- package/legacy/SpeedDialAction/SpeedDialAction.js +4 -2
- package/legacy/SpeedDialIcon/SpeedDialIcon.js +4 -2
- package/legacy/TabList/TabList.js +4 -2
- package/legacy/TabPanel/TabPanel.js +6 -4
- package/legacy/Timeline/Timeline.js +5 -3
- package/legacy/TimelineConnector/TimelineConnector.js +4 -2
- package/legacy/TimelineContent/TimelineContent.js +6 -4
- package/legacy/TimelineDot/TimelineDot.js +10 -8
- package/legacy/TimelineItem/TimelineItem.js +7 -6
- package/legacy/TimelineOppositeContent/TimelineOppositeContent.js +6 -4
- package/legacy/TimelineSeparator/TimelineSeparator.js +4 -2
- package/legacy/ToggleButton/ToggleButton.js +4 -2
- package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +4 -2
- package/legacy/TreeItem/TreeItem.js +9 -8
- package/legacy/TreeItem/TreeItemContent.js +5 -3
- package/legacy/TreeView/TreeView.js +8 -6
- package/legacy/TreeView/descendants.js +6 -4
- 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 +74 -62
- package/modern/Masonry/Masonry.js +34 -29
- 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 +6 -8
- package/modern/TabPanel/TabPanel.js +12 -13
- package/modern/Timeline/Timeline.js +11 -12
- package/modern/TimelineConnector/TimelineConnector.js +7 -9
- package/modern/TimelineContent/TimelineContent.js +15 -15
- package/modern/TimelineDot/TimelineDot.js +38 -31
- package/modern/TimelineItem/TimelineItem.js +33 -31
- package/modern/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
- package/modern/TimelineSeparator/TimelineSeparator.js +7 -9
- 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 +15 -18
- package/modern/TreeView/TreeView.js +35 -33
- package/modern/TreeView/descendants.js +13 -14
- 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 +74 -62
- package/node/Masonry/Masonry.js +34 -29
- 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 +6 -8
- package/node/TabPanel/TabPanel.js +12 -13
- package/node/Timeline/Timeline.js +13 -12
- package/node/TimelineConnector/TimelineConnector.js +7 -9
- package/node/TimelineContent/TimelineContent.js +15 -15
- package/node/TimelineDot/TimelineDot.js +38 -31
- package/node/TimelineItem/TimelineItem.js +33 -31
- package/node/TimelineOppositeContent/TimelineOppositeContent.js +15 -15
- package/node/TimelineSeparator/TimelineSeparator.js +7 -9
- 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 +18 -22
- package/node/TreeView/TreeView.js +35 -33
- package/node/TreeView/descendants.js +16 -16
- package/node/index.js +1 -1
- 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
|
|
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
|
-
}) => (
|
|
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
|
-
|
|
63
|
-
|
|
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
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
},
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
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
|
-
}) => (
|
|
102
|
+
}) => ({
|
|
99
103
|
position: 'absolute',
|
|
100
104
|
visibility: 'visible',
|
|
101
|
-
display: 'flex'
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
},
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
},
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
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
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
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 =
|
|
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,
|
|
167
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LoadingButtonRoot, {
|
|
156
168
|
disabled: disabled || loading,
|
|
157
169
|
id: id,
|
|
158
|
-
ref: ref
|
|
159
|
-
|
|
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 --------------------------------
|
package/node/Masonry/Masonry.js
CHANGED
|
@@ -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['& > *'] =
|
|
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
|
|
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
|
|
90
|
+
return {
|
|
89
91
|
margin: `calc(0px - (${spacing} / 2))`,
|
|
90
92
|
'& > *': {
|
|
91
93
|
margin: `calc(${spacing} / 2)`
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
|
|
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
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
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 =
|
|
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:
|
|
258
|
+
style: {
|
|
259
|
+
...lineBreakStyle,
|
|
255
260
|
order: index + 1
|
|
256
|
-
}
|
|
261
|
+
}
|
|
257
262
|
}, index));
|
|
258
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MasonryRoot,
|
|
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
|
-
|
|
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,
|
|
25
|
-
ref: ref
|
|
26
|
-
|
|
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,
|
|
25
|
-
ref: ref
|
|
26
|
-
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PaginationItem.default, {
|
|
24
|
+
ref: ref,
|
|
25
|
+
...props
|
|
26
|
+
});
|
|
27
27
|
});
|
|
28
28
|
exports.default = _default;
|
package/node/Rating/Rating.js
CHANGED
|
@@ -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,
|
|
25
|
-
ref: ref
|
|
26
|
-
|
|
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,
|
|
25
|
-
ref: ref
|
|
26
|
-
|
|
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,
|
|
25
|
-
ref: ref
|
|
26
|
-
|
|
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,
|
|
25
|
-
ref: ref
|
|
26
|
-
|
|
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,
|
|
25
|
-
ref: ref
|
|
26
|
-
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeedDialIcon.default, {
|
|
24
|
+
ref: ref,
|
|
25
|
+
...props
|
|
26
|
+
});
|
|
27
27
|
});
|
|
28
28
|
exports.default = _default;
|
package/node/TabList/TabList.js
CHANGED
|
@@ -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
|
-
|
|
21
|
-
|
|
22
|
-
|
|
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,
|
|
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
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
const ownerState =
|
|
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,
|
|
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
|
-
|
|
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 --------------------------------
|