@mui/material 9.0.0-alpha.3 → 9.0.0-alpha.4
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/Accordion/Accordion.d.mts +0 -14
- package/Accordion/Accordion.d.ts +0 -14
- package/Accordion/Accordion.js +3 -25
- package/Accordion/Accordion.mjs +3 -25
- package/AccordionSummary/AccordionSummary.js +1 -1
- package/AccordionSummary/AccordionSummary.mjs +1 -1
- package/AccordionSummary/accordionSummaryClasses.d.mts +0 -5
- package/AccordionSummary/accordionSummaryClasses.d.ts +0 -5
- package/AccordionSummary/accordionSummaryClasses.js +1 -1
- package/AccordionSummary/accordionSummaryClasses.mjs +1 -1
- package/Alert/Alert.d.mts +0 -23
- package/Alert/Alert.d.ts +0 -23
- package/Alert/Alert.js +4 -36
- package/Alert/Alert.mjs +4 -36
- package/Alert/alertClasses.d.mts +0 -72
- package/Alert/alertClasses.d.ts +0 -72
- package/Alert/alertClasses.js +1 -1
- package/Alert/alertClasses.mjs +1 -1
- package/Autocomplete/Autocomplete.d.mts +10 -60
- package/Autocomplete/Autocomplete.d.ts +10 -60
- package/Autocomplete/Autocomplete.js +33 -99
- package/Autocomplete/Autocomplete.mjs +33 -99
- package/Avatar/Avatar.d.mts +0 -8
- package/Avatar/Avatar.d.ts +0 -8
- package/Avatar/Avatar.js +13 -35
- package/Avatar/Avatar.mjs +13 -35
- package/AvatarGroup/AvatarGroup.d.mts +0 -15
- package/AvatarGroup/AvatarGroup.d.ts +0 -15
- package/AvatarGroup/AvatarGroup.js +1 -18
- package/AvatarGroup/AvatarGroup.mjs +1 -18
- package/Backdrop/Backdrop.d.mts +1 -31
- package/Backdrop/Backdrop.d.ts +1 -31
- package/Backdrop/Backdrop.js +2 -42
- package/Backdrop/Backdrop.mjs +2 -42
- package/Badge/Badge.d.mts +0 -20
- package/Badge/Badge.d.ts +0 -20
- package/Badge/Badge.js +2 -35
- package/Badge/Badge.mjs +2 -35
- package/Button/Button.js +6 -6
- package/Button/Button.mjs +6 -6
- package/Button/buttonClasses.d.mts +0 -132
- package/Button/buttonClasses.d.ts +0 -132
- package/Button/buttonClasses.js +1 -1
- package/Button/buttonClasses.mjs +1 -1
- package/ButtonBase/ButtonBase.js +16 -2
- package/ButtonBase/ButtonBase.mjs +16 -2
- package/CHANGELOG.md +154 -0
- package/CircularProgress/CircularProgress.js +2 -2
- package/CircularProgress/CircularProgress.mjs +2 -2
- package/CircularProgress/circularProgressClasses.d.mts +0 -8
- package/CircularProgress/circularProgressClasses.d.ts +0 -8
- package/CircularProgress/circularProgressClasses.js +1 -1
- package/CircularProgress/circularProgressClasses.mjs +1 -1
- package/Divider/Divider.d.mts +0 -6
- package/Divider/Divider.d.ts +0 -6
- package/Divider/Divider.js +2 -18
- package/Divider/Divider.mjs +2 -18
- package/Divider/dividerClasses.d.mts +0 -4
- package/Divider/dividerClasses.d.ts +0 -4
- package/Divider/dividerClasses.js +1 -1
- package/Divider/dividerClasses.mjs +1 -1
- package/FormControlLabel/FormControlLabel.d.mts +1 -14
- package/FormControlLabel/FormControlLabel.d.ts +1 -14
- package/FormControlLabel/FormControlLabel.js +1 -13
- package/FormControlLabel/FormControlLabel.mjs +1 -13
- package/Input/Input.js +2 -1
- package/Input/Input.mjs +2 -1
- package/Menu/Menu.d.mts +0 -13
- package/Menu/Menu.d.ts +0 -13
- package/Menu/Menu.js +5 -44
- package/Menu/Menu.mjs +5 -44
- package/MenuItem/MenuItem.js +21 -1
- package/MenuItem/MenuItem.mjs +23 -1
- package/MenuList/MenuList.js +2 -4
- package/MenuList/MenuList.mjs +2 -4
- package/MobileStepper/MobileStepper.d.mts +0 -5
- package/MobileStepper/MobileStepper.d.ts +0 -5
- package/MobileStepper/MobileStepper.js +1 -10
- package/MobileStepper/MobileStepper.mjs +1 -10
- package/Popover/Popover.d.mts +4 -48
- package/Popover/Popover.d.ts +4 -48
- package/Popover/Popover.js +4 -64
- package/Popover/Popover.mjs +4 -64
- package/Popper/Popper.d.mts +0 -17
- package/Popper/Popper.d.ts +0 -17
- package/Popper/Popper.js +2 -26
- package/Popper/Popper.mjs +2 -26
- package/Popper/index.d.mts +1 -0
- package/Popper/index.d.ts +1 -0
- package/Popper/index.js +11 -2
- package/Popper/index.mjs +1 -0
- package/Select/SelectInput.js +50 -55
- package/Select/SelectInput.mjs +47 -52
- package/Select/index.d.mts +1 -0
- package/Select/index.d.ts +1 -0
- package/Select/index.js +12 -0
- package/Select/index.mjs +1 -0
- package/Select/utils/SelectFocusSourceContext.d.mts +4 -0
- package/Select/utils/SelectFocusSourceContext.d.ts +4 -0
- package/Select/utils/SelectFocusSourceContext.js +19 -0
- package/Select/utils/SelectFocusSourceContext.mjs +13 -0
- package/Select/utils/areEqualValues.d.mts +1 -0
- package/Select/utils/areEqualValues.d.ts +1 -0
- package/Select/utils/areEqualValues.js +14 -0
- package/Select/utils/areEqualValues.mjs +8 -0
- package/Select/utils/getOpenInteractionType.d.mts +1 -0
- package/Select/utils/getOpenInteractionType.d.ts +1 -0
- package/Select/utils/getOpenInteractionType.js +18 -0
- package/Select/utils/getOpenInteractionType.mjs +12 -0
- package/Select/utils/index.d.mts +4 -0
- package/Select/utils/index.d.ts +4 -0
- package/Select/utils/index.js +40 -0
- package/Select/utils/index.mjs +4 -0
- package/Select/utils/isEmpty.d.mts +1 -0
- package/Select/utils/isEmpty.d.ts +1 -0
- package/Select/utils/isEmpty.js +9 -0
- package/Select/utils/isEmpty.mjs +3 -0
- package/Slider/Slider.d.mts +109 -77
- package/Slider/Slider.d.ts +109 -77
- package/Slider/Slider.js +42 -119
- package/Slider/Slider.mjs +42 -119
- package/Slider/sliderClasses.d.mts +7 -7
- package/Slider/sliderClasses.d.ts +7 -7
- package/Slider/useSlider.js +50 -14
- package/Slider/useSlider.mjs +50 -14
- package/Snackbar/Snackbar.d.mts +1 -27
- package/Snackbar/Snackbar.d.ts +1 -27
- package/Snackbar/Snackbar.js +5 -58
- package/Snackbar/Snackbar.mjs +5 -58
- package/SpeedDial/SpeedDial.d.mts +0 -13
- package/SpeedDial/SpeedDial.d.ts +0 -13
- package/SpeedDial/SpeedDial.js +15 -40
- package/SpeedDial/SpeedDial.mjs +15 -40
- package/SpeedDialAction/SpeedDialAction.d.mts +0 -28
- package/SpeedDialAction/SpeedDialAction.d.ts +0 -28
- package/SpeedDialAction/SpeedDialAction.js +5 -46
- package/SpeedDialAction/SpeedDialAction.mjs +5 -46
- package/TablePagination/TablePagination.d.mts +1 -1
- package/TablePagination/TablePagination.d.ts +1 -1
- package/TablePagination/TablePagination.js +4 -2
- package/TablePagination/TablePagination.mjs +4 -2
- package/Tabs/Tabs.d.mts +2 -33
- package/Tabs/Tabs.d.ts +2 -33
- package/Tabs/Tabs.js +8 -38
- package/Tabs/Tabs.mjs +8 -38
- package/TextField/TextField.d.mts +6 -49
- package/TextField/TextField.d.ts +6 -49
- package/TextField/TextField.js +18 -53
- package/TextField/TextField.mjs +18 -53
- package/Tooltip/Tooltip.d.mts +1 -55
- package/Tooltip/Tooltip.d.ts +1 -55
- package/Tooltip/Tooltip.js +9 -87
- package/Tooltip/Tooltip.mjs +9 -87
- package/Typography/Typography.d.mts +0 -6
- package/Typography/Typography.d.ts +0 -6
- package/Typography/Typography.js +3 -19
- package/Typography/Typography.mjs +3 -19
- package/Typography/typographyClasses.d.mts +0 -5
- package/Typography/typographyClasses.d.ts +0 -5
- package/Typography/typographyClasses.js +1 -1
- package/Typography/typographyClasses.mjs +1 -1
- package/index.d.mts +0 -2
- package/index.d.ts +0 -2
- package/index.js +1 -9
- package/index.mjs +1 -2
- package/locale/amET.js +4 -1
- package/locale/amET.mjs +3 -1
- package/locale/arEG.js +4 -1
- package/locale/arEG.mjs +3 -1
- package/locale/arSA.js +4 -1
- package/locale/arSA.mjs +3 -1
- package/locale/arSD.js +4 -1
- package/locale/arSD.mjs +3 -1
- package/locale/beBY.js +4 -1
- package/locale/beBY.mjs +3 -1
- package/locale/bnBD.js +4 -1
- package/locale/bnBD.mjs +3 -1
- package/locale/caES.js +4 -1
- package/locale/caES.mjs +3 -1
- package/locale/csCZ.js +4 -1
- package/locale/csCZ.mjs +3 -1
- package/locale/daDK.js +4 -1
- package/locale/daDK.mjs +3 -1
- package/locale/deDE.js +4 -1
- package/locale/deDE.mjs +3 -1
- package/locale/elGR.js +4 -1
- package/locale/elGR.mjs +3 -1
- package/locale/esES.js +4 -1
- package/locale/esES.mjs +3 -1
- package/locale/etEE.js +4 -1
- package/locale/etEE.mjs +3 -1
- package/locale/faIR.js +4 -1
- package/locale/faIR.mjs +3 -1
- package/locale/fiFI.js +4 -1
- package/locale/fiFI.mjs +3 -1
- package/locale/frFR.js +4 -1
- package/locale/frFR.mjs +3 -1
- package/locale/heIL.js +4 -1
- package/locale/heIL.mjs +3 -1
- package/locale/hiIN.js +4 -1
- package/locale/hiIN.mjs +3 -1
- package/locale/hrHR.js +5 -1
- package/locale/hrHR.mjs +4 -1
- package/locale/isIS.js +4 -1
- package/locale/isIS.mjs +3 -1
- package/locale/itIT.js +4 -1
- package/locale/itIT.mjs +3 -1
- package/locale/jaJP.js +4 -1
- package/locale/jaJP.mjs +3 -1
- package/locale/khKH.js +4 -1
- package/locale/khKH.mjs +3 -1
- package/locale/kkKZ.js +4 -1
- package/locale/kkKZ.mjs +3 -1
- package/locale/koKR.js +4 -1
- package/locale/koKR.mjs +3 -1
- package/locale/kuCKB.js +4 -1
- package/locale/kuCKB.mjs +3 -1
- package/locale/kuLatn.js +4 -1
- package/locale/kuLatn.mjs +3 -1
- package/locale/mkMK.js +5 -1
- package/locale/mkMK.mjs +4 -1
- package/locale/msMS.js +5 -1
- package/locale/msMS.mjs +4 -1
- package/locale/myMY.js +5 -1
- package/locale/myMY.mjs +4 -1
- package/locale/nbNO.js +4 -1
- package/locale/nbNO.mjs +3 -1
- package/locale/neNP.js +5 -1
- package/locale/neNP.mjs +4 -1
- package/locale/nlNL.js +4 -1
- package/locale/nlNL.mjs +3 -1
- package/locale/nnNO.js +4 -1
- package/locale/nnNO.mjs +3 -1
- package/locale/plPL.js +4 -1
- package/locale/plPL.mjs +3 -1
- package/locale/psAF.js +4 -1
- package/locale/psAF.mjs +3 -1
- package/locale/ptBR.js +4 -1
- package/locale/ptBR.mjs +3 -1
- package/locale/ptPT.js +4 -1
- package/locale/ptPT.mjs +3 -1
- package/locale/roRO.js +4 -1
- package/locale/roRO.mjs +3 -1
- package/locale/ruRU.js +4 -1
- package/locale/ruRU.mjs +3 -1
- package/locale/siLK.js +4 -1
- package/locale/siLK.mjs +3 -1
- package/locale/skSK.js +4 -1
- package/locale/skSK.mjs +3 -1
- package/locale/srRS.js +5 -1
- package/locale/srRS.mjs +4 -1
- package/locale/svSE.js +4 -1
- package/locale/svSE.mjs +3 -1
- package/locale/thTH.js +4 -1
- package/locale/thTH.mjs +3 -1
- package/locale/tlTL.js +5 -1
- package/locale/tlTL.mjs +4 -1
- package/locale/trTR.js +4 -1
- package/locale/trTR.mjs +3 -1
- package/locale/ukUA.js +4 -1
- package/locale/ukUA.mjs +3 -1
- package/locale/urPK.js +4 -1
- package/locale/urPK.mjs +3 -1
- package/locale/utils/buildFormatNumber.d.mts +2 -0
- package/locale/utils/buildFormatNumber.d.ts +2 -0
- package/locale/utils/buildFormatNumber.js +23 -0
- package/locale/utils/buildFormatNumber.mjs +17 -0
- package/locale/viVN.js +4 -1
- package/locale/viVN.mjs +3 -1
- package/locale/zhCN.js +4 -1
- package/locale/zhCN.mjs +3 -1
- package/locale/zhHK.js +4 -1
- package/locale/zhHK.mjs +3 -1
- package/locale/zhTW.js +4 -1
- package/locale/zhTW.mjs +3 -1
- package/package.json +6 -20
- package/styles/components.d.mts +0 -5
- package/styles/components.d.ts +0 -5
- package/styles/overrides.d.mts +0 -2
- package/styles/overrides.d.ts +0 -2
- package/styles/props.d.mts +0 -2
- package/styles/props.d.ts +0 -2
- package/useAutocomplete/useAutocomplete.d.mts +0 -12
- package/useAutocomplete/useAutocomplete.d.ts +0 -12
- package/useAutocomplete/useAutocomplete.js +29 -28
- package/useAutocomplete/useAutocomplete.mjs +29 -28
- package/version/index.js +2 -2
- package/version/index.mjs +2 -2
- package/GridLegacy/GridLegacy.d.mts +0 -160
- package/GridLegacy/GridLegacy.d.ts +0 -160
- package/GridLegacy/GridLegacy.js +0 -601
- package/GridLegacy/GridLegacy.mjs +0 -588
- package/GridLegacy/GridLegacyContext.js +0 -17
- package/GridLegacy/GridLegacyContext.mjs +0 -12
- package/GridLegacy/gridLegacyClasses.d.mts +0 -48
- package/GridLegacy/gridLegacyClasses.d.ts +0 -48
- package/GridLegacy/gridLegacyClasses.js +0 -27
- package/GridLegacy/gridLegacyClasses.mjs +0 -19
- package/GridLegacy/index.d.mts +0 -4
- package/GridLegacy/index.d.ts +0 -4
- package/GridLegacy/index.js +0 -35
- package/GridLegacy/index.mjs +0 -3
package/MenuItem/MenuItem.mjs
CHANGED
|
@@ -16,7 +16,27 @@ import { dividerClasses } from "../Divider/index.mjs";
|
|
|
16
16
|
import { listItemIconClasses } from "../ListItemIcon/index.mjs";
|
|
17
17
|
import { listItemTextClasses } from "../ListItemText/index.mjs";
|
|
18
18
|
import menuItemClasses, { getMenuItemUtilityClass } from "./menuItemClasses.mjs";
|
|
19
|
+
import { useSelectFocusSource } from "../Select/index.mjs";
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* If autoFocus is an object, it will attempt to call `element.focus()` with the options argument.
|
|
23
|
+
* If the browser doesn't support the options argument, it will fall back to a simple `element.focus()` call.
|
|
24
|
+
*/
|
|
19
25
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
26
|
+
function focusWithVisible(element, focusSource) {
|
|
27
|
+
if (focusSource == null) {
|
|
28
|
+
element.focus();
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
try {
|
|
32
|
+
element.focus({
|
|
33
|
+
focusVisible: focusSource === 'keyboard'
|
|
34
|
+
});
|
|
35
|
+
} catch (error) {
|
|
36
|
+
// If the browser doesn't support the focus options argument, fall back to a simple focus call.
|
|
37
|
+
element.focus();
|
|
38
|
+
}
|
|
39
|
+
}
|
|
20
40
|
export const overridesResolver = (props, styles) => {
|
|
21
41
|
const {
|
|
22
42
|
ownerState
|
|
@@ -162,6 +182,7 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
|
|
|
162
182
|
className,
|
|
163
183
|
...other
|
|
164
184
|
} = props;
|
|
185
|
+
const focusSource = useSelectFocusSource();
|
|
165
186
|
const context = React.useContext(ListContext);
|
|
166
187
|
const childContext = React.useMemo(() => ({
|
|
167
188
|
dense: dense || context.dense || false,
|
|
@@ -171,11 +192,12 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
|
|
|
171
192
|
useEnhancedEffect(() => {
|
|
172
193
|
if (autoFocus) {
|
|
173
194
|
if (menuItemRef.current) {
|
|
174
|
-
menuItemRef.current
|
|
195
|
+
focusWithVisible(menuItemRef.current, focusSource);
|
|
175
196
|
} else if (process.env.NODE_ENV !== 'production') {
|
|
176
197
|
console.error('MUI: Unable to set focus to a MenuItem whose component has not been rendered.');
|
|
177
198
|
}
|
|
178
199
|
}
|
|
200
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
179
201
|
}, [autoFocus]);
|
|
180
202
|
const ownerState = {
|
|
181
203
|
...props,
|
package/MenuList/MenuList.js
CHANGED
|
@@ -166,10 +166,8 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
|
|
|
166
166
|
if (child.props.tabIndex === undefined && variant === 'selectedMenu') {
|
|
167
167
|
newChildProps.tabIndex = rovingTabIndexItemProps.tabIndex;
|
|
168
168
|
}
|
|
169
|
-
if (index === activeItemIndex) {
|
|
170
|
-
|
|
171
|
-
newChildProps.autoFocus = true;
|
|
172
|
-
}
|
|
169
|
+
if (index === activeItemIndex && autoFocusItem) {
|
|
170
|
+
newChildProps.autoFocus = true;
|
|
173
171
|
}
|
|
174
172
|
focusableIndex += 1;
|
|
175
173
|
return /*#__PURE__*/React.cloneElement(child, newChildProps);
|
package/MenuList/MenuList.mjs
CHANGED
|
@@ -159,10 +159,8 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
|
|
|
159
159
|
if (child.props.tabIndex === undefined && variant === 'selectedMenu') {
|
|
160
160
|
newChildProps.tabIndex = rovingTabIndexItemProps.tabIndex;
|
|
161
161
|
}
|
|
162
|
-
if (index === activeItemIndex) {
|
|
163
|
-
|
|
164
|
-
newChildProps.autoFocus = true;
|
|
165
|
-
}
|
|
162
|
+
if (index === activeItemIndex && autoFocusItem) {
|
|
163
|
+
newChildProps.autoFocus = true;
|
|
166
164
|
}
|
|
167
165
|
focusableIndex += 1;
|
|
168
166
|
return /*#__PURE__*/React.cloneElement(child, newChildProps);
|
|
@@ -69,11 +69,6 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
|
|
|
69
69
|
* Override or extend the styles applied to the component.
|
|
70
70
|
*/
|
|
71
71
|
classes?: Partial<MobileStepperClasses> | undefined;
|
|
72
|
-
/**
|
|
73
|
-
* Props applied to the `LinearProgress` element.
|
|
74
|
-
* @deprecated Use `slotProps.progress` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
75
|
-
*/
|
|
76
|
-
LinearProgressProps?: Partial<LinearProgressProps> | undefined;
|
|
77
72
|
/**
|
|
78
73
|
* A next button element. For instance, it can be a `Button` or an `IconButton`.
|
|
79
74
|
*/
|
|
@@ -69,11 +69,6 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
|
|
|
69
69
|
* Override or extend the styles applied to the component.
|
|
70
70
|
*/
|
|
71
71
|
classes?: Partial<MobileStepperClasses> | undefined;
|
|
72
|
-
/**
|
|
73
|
-
* Props applied to the `LinearProgress` element.
|
|
74
|
-
* @deprecated Use `slotProps.progress` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
75
|
-
*/
|
|
76
|
-
LinearProgressProps?: Partial<LinearProgressProps> | undefined;
|
|
77
72
|
/**
|
|
78
73
|
* A next button element. For instance, it can be a `Button` or an `IconButton`.
|
|
79
74
|
*/
|
|
@@ -153,7 +153,6 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
|
|
|
153
153
|
activeStep = 0,
|
|
154
154
|
backButton,
|
|
155
155
|
className,
|
|
156
|
-
LinearProgressProps,
|
|
157
156
|
nextButton,
|
|
158
157
|
position = 'bottom',
|
|
159
158
|
steps,
|
|
@@ -179,10 +178,7 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
|
|
|
179
178
|
const classes = useUtilityClasses(ownerState);
|
|
180
179
|
const externalForwardedProps = {
|
|
181
180
|
slots,
|
|
182
|
-
slotProps
|
|
183
|
-
progress: LinearProgressProps,
|
|
184
|
-
...slotProps
|
|
185
|
-
}
|
|
181
|
+
slotProps
|
|
186
182
|
};
|
|
187
183
|
const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
|
|
188
184
|
ref,
|
|
@@ -260,11 +256,6 @@ process.env.NODE_ENV !== "production" ? MobileStepper.propTypes /* remove-propty
|
|
|
260
256
|
* @ignore
|
|
261
257
|
*/
|
|
262
258
|
className: _propTypes.default.string,
|
|
263
|
-
/**
|
|
264
|
-
* Props applied to the `LinearProgress` element.
|
|
265
|
-
* @deprecated Use `slotProps.progress` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
266
|
-
*/
|
|
267
|
-
LinearProgressProps: _propTypes.default.object,
|
|
268
259
|
/**
|
|
269
260
|
* A next button element. For instance, it can be a `Button` or an `IconButton`.
|
|
270
261
|
*/
|
|
@@ -146,7 +146,6 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
|
|
|
146
146
|
activeStep = 0,
|
|
147
147
|
backButton,
|
|
148
148
|
className,
|
|
149
|
-
LinearProgressProps,
|
|
150
149
|
nextButton,
|
|
151
150
|
position = 'bottom',
|
|
152
151
|
steps,
|
|
@@ -172,10 +171,7 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
|
|
|
172
171
|
const classes = useUtilityClasses(ownerState);
|
|
173
172
|
const externalForwardedProps = {
|
|
174
173
|
slots,
|
|
175
|
-
slotProps
|
|
176
|
-
progress: LinearProgressProps,
|
|
177
|
-
...slotProps
|
|
178
|
-
}
|
|
174
|
+
slotProps
|
|
179
175
|
};
|
|
180
176
|
const [RootSlot, rootSlotProps] = useSlot('root', {
|
|
181
177
|
ref,
|
|
@@ -253,11 +249,6 @@ process.env.NODE_ENV !== "production" ? MobileStepper.propTypes /* remove-propty
|
|
|
253
249
|
* @ignore
|
|
254
250
|
*/
|
|
255
251
|
className: PropTypes.string,
|
|
256
|
-
/**
|
|
257
|
-
* Props applied to the `LinearProgress` element.
|
|
258
|
-
* @deprecated Use `slotProps.progress` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
259
|
-
*/
|
|
260
|
-
LinearProgressProps: PropTypes.object,
|
|
261
252
|
/**
|
|
262
253
|
* A next button element. For instance, it can be a `Button` or an `IconButton`.
|
|
263
254
|
*/
|
package/Popover/Popover.d.mts
CHANGED
|
@@ -4,8 +4,8 @@ import { SlotComponentProps } from '@mui/utils/types';
|
|
|
4
4
|
import { BackdropProps } from "../Backdrop/index.mjs";
|
|
5
5
|
import { Theme } from "../styles/index.mjs";
|
|
6
6
|
import { InternalStandardProps as StandardProps } from "../internal/index.mjs";
|
|
7
|
-
import
|
|
8
|
-
import
|
|
7
|
+
import { PaperProps } from "../Paper/index.mjs";
|
|
8
|
+
import { ModalProps } from "../Modal/index.mjs";
|
|
9
9
|
import { TransitionProps } from "../transitions/transition.mjs";
|
|
10
10
|
import { PopoverClasses } from "./popoverClasses.mjs";
|
|
11
11
|
import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.mjs";
|
|
@@ -40,12 +40,12 @@ export type PopoverSlotsAndSlotProps = CreateSlotsAndSlotProps<PopoverSlots, {
|
|
|
40
40
|
* Props forwarded to the root slot.
|
|
41
41
|
* By default, the available props are based on the [Modal](https://mui.com/material-ui/api/modal/#props) component.
|
|
42
42
|
*/
|
|
43
|
-
root: SlotProps<
|
|
43
|
+
root: SlotProps<React.ElementType<ModalProps>, PopoverRootSlotPropsOverrides, PopoverOwnerState>;
|
|
44
44
|
/**
|
|
45
45
|
* Props forwarded to the paper slot.
|
|
46
46
|
* By default, the available props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
|
|
47
47
|
*/
|
|
48
|
-
paper: SlotProps<
|
|
48
|
+
paper: SlotProps<React.ElementType<PaperProps>, PopoverPaperSlotPropsOverrides, PopoverOwnerState>;
|
|
49
49
|
/**
|
|
50
50
|
* Props forwarded to the transition slot.
|
|
51
51
|
* By default, the available props are based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
|
|
@@ -109,25 +109,6 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
|
|
|
109
109
|
* @default 'anchorEl'
|
|
110
110
|
*/
|
|
111
111
|
anchorReference?: PopoverReference | undefined;
|
|
112
|
-
/**
|
|
113
|
-
* A backdrop component. This prop enables custom backdrop rendering.
|
|
114
|
-
* @deprecated Use `slots.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
115
|
-
* @default styled(Backdrop, {
|
|
116
|
-
* name: 'MuiModal',
|
|
117
|
-
* slot: 'Backdrop',
|
|
118
|
-
* overridesResolver: (props, styles) => {
|
|
119
|
-
* return styles.backdrop;
|
|
120
|
-
* },
|
|
121
|
-
* })({
|
|
122
|
-
* zIndex: -1,
|
|
123
|
-
* })
|
|
124
|
-
*/
|
|
125
|
-
BackdropComponent?: React.ElementType<BackdropProps> | undefined;
|
|
126
|
-
/**
|
|
127
|
-
* Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
|
|
128
|
-
* @deprecated Use `slotProps.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
129
|
-
*/
|
|
130
|
-
BackdropProps?: Partial<BackdropProps> | undefined;
|
|
131
112
|
/**
|
|
132
113
|
* The content of the component.
|
|
133
114
|
*/
|
|
@@ -160,15 +141,6 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
|
|
|
160
141
|
* If `true`, the component is shown.
|
|
161
142
|
*/
|
|
162
143
|
open: boolean;
|
|
163
|
-
/**
|
|
164
|
-
* Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
|
|
165
|
-
*
|
|
166
|
-
* This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.
|
|
167
|
-
* @deprecated Use `slotProps.paper` instead.
|
|
168
|
-
*
|
|
169
|
-
* @default {}
|
|
170
|
-
*/
|
|
171
|
-
PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
|
|
172
144
|
/**
|
|
173
145
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
174
146
|
*/
|
|
@@ -186,27 +158,11 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
|
|
|
186
158
|
* }
|
|
187
159
|
*/
|
|
188
160
|
transformOrigin?: PopoverOrigin | undefined;
|
|
189
|
-
/**
|
|
190
|
-
* The component used for the transition.
|
|
191
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
192
|
-
* @deprecated use the `slots.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
193
|
-
* @default Grow
|
|
194
|
-
*/
|
|
195
|
-
TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
|
|
196
|
-
children: React.ReactElement<unknown, any>;
|
|
197
|
-
}> | undefined;
|
|
198
161
|
/**
|
|
199
162
|
* Set to 'auto' to automatically calculate transition time based on height.
|
|
200
163
|
* @default 'auto'
|
|
201
164
|
*/
|
|
202
165
|
transitionDuration?: TransitionProps['timeout'] | 'auto' | undefined;
|
|
203
|
-
/**
|
|
204
|
-
* Props applied to the transition element.
|
|
205
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
206
|
-
* @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
207
|
-
* @default {}
|
|
208
|
-
*/
|
|
209
|
-
TransitionProps?: TransitionProps | undefined;
|
|
210
166
|
}
|
|
211
167
|
export interface PopoverOwnerState extends Omit<PopoverProps, 'slots' | 'slotProps'> {}
|
|
212
168
|
export interface PopoverActions {
|
package/Popover/Popover.d.ts
CHANGED
|
@@ -4,8 +4,8 @@ import { SlotComponentProps } from '@mui/utils/types';
|
|
|
4
4
|
import { BackdropProps } from "../Backdrop/index.js";
|
|
5
5
|
import { Theme } from "../styles/index.js";
|
|
6
6
|
import { InternalStandardProps as StandardProps } from "../internal/index.js";
|
|
7
|
-
import
|
|
8
|
-
import
|
|
7
|
+
import { PaperProps } from "../Paper/index.js";
|
|
8
|
+
import { ModalProps } from "../Modal/index.js";
|
|
9
9
|
import { TransitionProps } from "../transitions/transition.js";
|
|
10
10
|
import { PopoverClasses } from "./popoverClasses.js";
|
|
11
11
|
import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
|
|
@@ -40,12 +40,12 @@ export type PopoverSlotsAndSlotProps = CreateSlotsAndSlotProps<PopoverSlots, {
|
|
|
40
40
|
* Props forwarded to the root slot.
|
|
41
41
|
* By default, the available props are based on the [Modal](https://mui.com/material-ui/api/modal/#props) component.
|
|
42
42
|
*/
|
|
43
|
-
root: SlotProps<
|
|
43
|
+
root: SlotProps<React.ElementType<ModalProps>, PopoverRootSlotPropsOverrides, PopoverOwnerState>;
|
|
44
44
|
/**
|
|
45
45
|
* Props forwarded to the paper slot.
|
|
46
46
|
* By default, the available props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
|
|
47
47
|
*/
|
|
48
|
-
paper: SlotProps<
|
|
48
|
+
paper: SlotProps<React.ElementType<PaperProps>, PopoverPaperSlotPropsOverrides, PopoverOwnerState>;
|
|
49
49
|
/**
|
|
50
50
|
* Props forwarded to the transition slot.
|
|
51
51
|
* By default, the available props are based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
|
|
@@ -109,25 +109,6 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
|
|
|
109
109
|
* @default 'anchorEl'
|
|
110
110
|
*/
|
|
111
111
|
anchorReference?: PopoverReference | undefined;
|
|
112
|
-
/**
|
|
113
|
-
* A backdrop component. This prop enables custom backdrop rendering.
|
|
114
|
-
* @deprecated Use `slots.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
115
|
-
* @default styled(Backdrop, {
|
|
116
|
-
* name: 'MuiModal',
|
|
117
|
-
* slot: 'Backdrop',
|
|
118
|
-
* overridesResolver: (props, styles) => {
|
|
119
|
-
* return styles.backdrop;
|
|
120
|
-
* },
|
|
121
|
-
* })({
|
|
122
|
-
* zIndex: -1,
|
|
123
|
-
* })
|
|
124
|
-
*/
|
|
125
|
-
BackdropComponent?: React.ElementType<BackdropProps> | undefined;
|
|
126
|
-
/**
|
|
127
|
-
* Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
|
|
128
|
-
* @deprecated Use `slotProps.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
129
|
-
*/
|
|
130
|
-
BackdropProps?: Partial<BackdropProps> | undefined;
|
|
131
112
|
/**
|
|
132
113
|
* The content of the component.
|
|
133
114
|
*/
|
|
@@ -160,15 +141,6 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
|
|
|
160
141
|
* If `true`, the component is shown.
|
|
161
142
|
*/
|
|
162
143
|
open: boolean;
|
|
163
|
-
/**
|
|
164
|
-
* Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
|
|
165
|
-
*
|
|
166
|
-
* This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.
|
|
167
|
-
* @deprecated Use `slotProps.paper` instead.
|
|
168
|
-
*
|
|
169
|
-
* @default {}
|
|
170
|
-
*/
|
|
171
|
-
PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
|
|
172
144
|
/**
|
|
173
145
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
174
146
|
*/
|
|
@@ -186,27 +158,11 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
|
|
|
186
158
|
* }
|
|
187
159
|
*/
|
|
188
160
|
transformOrigin?: PopoverOrigin | undefined;
|
|
189
|
-
/**
|
|
190
|
-
* The component used for the transition.
|
|
191
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
192
|
-
* @deprecated use the `slots.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
193
|
-
* @default Grow
|
|
194
|
-
*/
|
|
195
|
-
TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
|
|
196
|
-
children: React.ReactElement<unknown, any>;
|
|
197
|
-
}> | undefined;
|
|
198
161
|
/**
|
|
199
162
|
* Set to 'auto' to automatically calculate transition time based on height.
|
|
200
163
|
* @default 'auto'
|
|
201
164
|
*/
|
|
202
165
|
transitionDuration?: TransitionProps['timeout'] | 'auto' | undefined;
|
|
203
|
-
/**
|
|
204
|
-
* Props applied to the transition element.
|
|
205
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
206
|
-
* @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
207
|
-
* @default {}
|
|
208
|
-
*/
|
|
209
|
-
TransitionProps?: TransitionProps | undefined;
|
|
210
166
|
}
|
|
211
167
|
export interface PopoverOwnerState extends Omit<PopoverProps, 'slots' | 'slotProps'> {}
|
|
212
168
|
export interface PopoverActions {
|
package/Popover/Popover.js
CHANGED
|
@@ -15,7 +15,6 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
|
15
15
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
16
16
|
var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
|
|
17
17
|
var _refType = _interopRequireDefault(require("@mui/utils/refType"));
|
|
18
|
-
var _elementTypeAcceptingRef = _interopRequireDefault(require("@mui/utils/elementTypeAcceptingRef"));
|
|
19
18
|
var _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
|
|
20
19
|
var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
|
|
21
20
|
var _isHostComponent = _interopRequireDefault(require("@mui/utils/isHostComponent"));
|
|
@@ -110,19 +109,13 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
|
|
|
110
109
|
elevation = 8,
|
|
111
110
|
marginThreshold = 16,
|
|
112
111
|
open,
|
|
113
|
-
PaperProps: PaperPropsProp = {},
|
|
114
|
-
// TODO: remove in v7
|
|
115
112
|
slots = {},
|
|
116
113
|
slotProps = {},
|
|
117
114
|
transformOrigin = {
|
|
118
115
|
vertical: 'top',
|
|
119
116
|
horizontal: 'left'
|
|
120
117
|
},
|
|
121
|
-
TransitionComponent,
|
|
122
|
-
// TODO: remove in v7
|
|
123
118
|
transitionDuration: transitionDurationProp = 'auto',
|
|
124
|
-
TransitionProps = {},
|
|
125
|
-
// TODO: remove in v7
|
|
126
119
|
disableScrollLock = false,
|
|
127
120
|
...other
|
|
128
121
|
} = props;
|
|
@@ -134,9 +127,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
|
|
|
134
127
|
elevation,
|
|
135
128
|
marginThreshold,
|
|
136
129
|
transformOrigin,
|
|
137
|
-
|
|
138
|
-
transitionDuration: transitionDurationProp,
|
|
139
|
-
TransitionProps
|
|
130
|
+
transitionDuration: transitionDurationProp
|
|
140
131
|
};
|
|
141
132
|
const classes = useUtilityClasses(ownerState);
|
|
142
133
|
|
|
@@ -293,15 +284,8 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
|
|
|
293
284
|
}, [anchorEl, open, setPositioningStyles]);
|
|
294
285
|
let transitionDuration = transitionDurationProp;
|
|
295
286
|
const externalForwardedProps = {
|
|
296
|
-
slots
|
|
297
|
-
|
|
298
|
-
...slots
|
|
299
|
-
},
|
|
300
|
-
slotProps: {
|
|
301
|
-
transition: TransitionProps,
|
|
302
|
-
paper: PaperPropsProp,
|
|
303
|
-
...slotProps
|
|
304
|
-
}
|
|
287
|
+
slots,
|
|
288
|
+
slotProps
|
|
305
289
|
};
|
|
306
290
|
const [TransitionSlot, transitionSlotProps] = (0, _useSlot.default)('transition', {
|
|
307
291
|
elementType: _Grow.default,
|
|
@@ -451,25 +435,6 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
|
|
|
451
435
|
* @default 'anchorEl'
|
|
452
436
|
*/
|
|
453
437
|
anchorReference: _propTypes.default.oneOf(['anchorEl', 'anchorPosition', 'none']),
|
|
454
|
-
/**
|
|
455
|
-
* A backdrop component. This prop enables custom backdrop rendering.
|
|
456
|
-
* @deprecated Use `slots.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
457
|
-
* @default styled(Backdrop, {
|
|
458
|
-
* name: 'MuiModal',
|
|
459
|
-
* slot: 'Backdrop',
|
|
460
|
-
* overridesResolver: (props, styles) => {
|
|
461
|
-
* return styles.backdrop;
|
|
462
|
-
* },
|
|
463
|
-
* })({
|
|
464
|
-
* zIndex: -1,
|
|
465
|
-
* })
|
|
466
|
-
*/
|
|
467
|
-
BackdropComponent: _propTypes.default.elementType,
|
|
468
|
-
/**
|
|
469
|
-
* Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
|
|
470
|
-
* @deprecated Use `slotProps.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
471
|
-
*/
|
|
472
|
-
BackdropProps: _propTypes.default.object,
|
|
473
438
|
/**
|
|
474
439
|
* The content of the component.
|
|
475
440
|
*/
|
|
@@ -515,17 +480,6 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
|
|
|
515
480
|
* If `true`, the component is shown.
|
|
516
481
|
*/
|
|
517
482
|
open: _propTypes.default.bool.isRequired,
|
|
518
|
-
/**
|
|
519
|
-
* Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
|
|
520
|
-
*
|
|
521
|
-
* This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.
|
|
522
|
-
* @deprecated Use `slotProps.paper` instead.
|
|
523
|
-
*
|
|
524
|
-
* @default {}
|
|
525
|
-
*/
|
|
526
|
-
PaperProps: _propTypes.default /* @typescript-to-proptypes-ignore */.shape({
|
|
527
|
-
component: _elementTypeAcceptingRef.default
|
|
528
|
-
}),
|
|
529
483
|
/**
|
|
530
484
|
* The props used for each slot inside.
|
|
531
485
|
* @default {}
|
|
@@ -566,13 +520,6 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
|
|
|
566
520
|
horizontal: _propTypes.default.oneOfType([_propTypes.default.oneOf(['center', 'left', 'right']), _propTypes.default.number]).isRequired,
|
|
567
521
|
vertical: _propTypes.default.oneOfType([_propTypes.default.oneOf(['bottom', 'center', 'top']), _propTypes.default.number]).isRequired
|
|
568
522
|
}),
|
|
569
|
-
/**
|
|
570
|
-
* The component used for the transition.
|
|
571
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
572
|
-
* @deprecated use the `slots.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
573
|
-
* @default Grow
|
|
574
|
-
*/
|
|
575
|
-
TransitionComponent: _propTypes.default.elementType,
|
|
576
523
|
/**
|
|
577
524
|
* Set to 'auto' to automatically calculate transition time based on height.
|
|
578
525
|
* @default 'auto'
|
|
@@ -581,13 +528,6 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
|
|
|
581
528
|
appear: _propTypes.default.number,
|
|
582
529
|
enter: _propTypes.default.number,
|
|
583
530
|
exit: _propTypes.default.number
|
|
584
|
-
})])
|
|
585
|
-
/**
|
|
586
|
-
* Props applied to the transition element.
|
|
587
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
588
|
-
* @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
589
|
-
* @default {}
|
|
590
|
-
*/
|
|
591
|
-
TransitionProps: _propTypes.default.object
|
|
531
|
+
})])
|
|
592
532
|
} : void 0;
|
|
593
533
|
var _default = exports.default = Popover;
|
package/Popover/Popover.mjs
CHANGED
|
@@ -6,7 +6,6 @@ import clsx from 'clsx';
|
|
|
6
6
|
import composeClasses from '@mui/utils/composeClasses';
|
|
7
7
|
import HTMLElementType from '@mui/utils/HTMLElementType';
|
|
8
8
|
import refType from '@mui/utils/refType';
|
|
9
|
-
import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
|
|
10
9
|
import integerPropType from '@mui/utils/integerPropType';
|
|
11
10
|
import chainPropTypes from '@mui/utils/chainPropTypes';
|
|
12
11
|
import isHostComponent from '@mui/utils/isHostComponent';
|
|
@@ -101,19 +100,13 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
|
|
|
101
100
|
elevation = 8,
|
|
102
101
|
marginThreshold = 16,
|
|
103
102
|
open,
|
|
104
|
-
PaperProps: PaperPropsProp = {},
|
|
105
|
-
// TODO: remove in v7
|
|
106
103
|
slots = {},
|
|
107
104
|
slotProps = {},
|
|
108
105
|
transformOrigin = {
|
|
109
106
|
vertical: 'top',
|
|
110
107
|
horizontal: 'left'
|
|
111
108
|
},
|
|
112
|
-
TransitionComponent,
|
|
113
|
-
// TODO: remove in v7
|
|
114
109
|
transitionDuration: transitionDurationProp = 'auto',
|
|
115
|
-
TransitionProps = {},
|
|
116
|
-
// TODO: remove in v7
|
|
117
110
|
disableScrollLock = false,
|
|
118
111
|
...other
|
|
119
112
|
} = props;
|
|
@@ -125,9 +118,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
|
|
|
125
118
|
elevation,
|
|
126
119
|
marginThreshold,
|
|
127
120
|
transformOrigin,
|
|
128
|
-
|
|
129
|
-
transitionDuration: transitionDurationProp,
|
|
130
|
-
TransitionProps
|
|
121
|
+
transitionDuration: transitionDurationProp
|
|
131
122
|
};
|
|
132
123
|
const classes = useUtilityClasses(ownerState);
|
|
133
124
|
|
|
@@ -284,15 +275,8 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
|
|
|
284
275
|
}, [anchorEl, open, setPositioningStyles]);
|
|
285
276
|
let transitionDuration = transitionDurationProp;
|
|
286
277
|
const externalForwardedProps = {
|
|
287
|
-
slots
|
|
288
|
-
|
|
289
|
-
...slots
|
|
290
|
-
},
|
|
291
|
-
slotProps: {
|
|
292
|
-
transition: TransitionProps,
|
|
293
|
-
paper: PaperPropsProp,
|
|
294
|
-
...slotProps
|
|
295
|
-
}
|
|
278
|
+
slots,
|
|
279
|
+
slotProps
|
|
296
280
|
};
|
|
297
281
|
const [TransitionSlot, transitionSlotProps] = useSlot('transition', {
|
|
298
282
|
elementType: Grow,
|
|
@@ -442,25 +426,6 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
|
|
|
442
426
|
* @default 'anchorEl'
|
|
443
427
|
*/
|
|
444
428
|
anchorReference: PropTypes.oneOf(['anchorEl', 'anchorPosition', 'none']),
|
|
445
|
-
/**
|
|
446
|
-
* A backdrop component. This prop enables custom backdrop rendering.
|
|
447
|
-
* @deprecated Use `slots.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
448
|
-
* @default styled(Backdrop, {
|
|
449
|
-
* name: 'MuiModal',
|
|
450
|
-
* slot: 'Backdrop',
|
|
451
|
-
* overridesResolver: (props, styles) => {
|
|
452
|
-
* return styles.backdrop;
|
|
453
|
-
* },
|
|
454
|
-
* })({
|
|
455
|
-
* zIndex: -1,
|
|
456
|
-
* })
|
|
457
|
-
*/
|
|
458
|
-
BackdropComponent: PropTypes.elementType,
|
|
459
|
-
/**
|
|
460
|
-
* Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
|
|
461
|
-
* @deprecated Use `slotProps.backdrop` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
462
|
-
*/
|
|
463
|
-
BackdropProps: PropTypes.object,
|
|
464
429
|
/**
|
|
465
430
|
* The content of the component.
|
|
466
431
|
*/
|
|
@@ -506,17 +471,6 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
|
|
|
506
471
|
* If `true`, the component is shown.
|
|
507
472
|
*/
|
|
508
473
|
open: PropTypes.bool.isRequired,
|
|
509
|
-
/**
|
|
510
|
-
* Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
|
|
511
|
-
*
|
|
512
|
-
* This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.
|
|
513
|
-
* @deprecated Use `slotProps.paper` instead.
|
|
514
|
-
*
|
|
515
|
-
* @default {}
|
|
516
|
-
*/
|
|
517
|
-
PaperProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({
|
|
518
|
-
component: elementTypeAcceptingRef
|
|
519
|
-
}),
|
|
520
474
|
/**
|
|
521
475
|
* The props used for each slot inside.
|
|
522
476
|
* @default {}
|
|
@@ -557,13 +511,6 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
|
|
|
557
511
|
horizontal: PropTypes.oneOfType([PropTypes.oneOf(['center', 'left', 'right']), PropTypes.number]).isRequired,
|
|
558
512
|
vertical: PropTypes.oneOfType([PropTypes.oneOf(['bottom', 'center', 'top']), PropTypes.number]).isRequired
|
|
559
513
|
}),
|
|
560
|
-
/**
|
|
561
|
-
* The component used for the transition.
|
|
562
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
563
|
-
* @deprecated use the `slots.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
564
|
-
* @default Grow
|
|
565
|
-
*/
|
|
566
|
-
TransitionComponent: PropTypes.elementType,
|
|
567
514
|
/**
|
|
568
515
|
* Set to 'auto' to automatically calculate transition time based on height.
|
|
569
516
|
* @default 'auto'
|
|
@@ -572,13 +519,6 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
|
|
|
572
519
|
appear: PropTypes.number,
|
|
573
520
|
enter: PropTypes.number,
|
|
574
521
|
exit: PropTypes.number
|
|
575
|
-
})])
|
|
576
|
-
/**
|
|
577
|
-
* Props applied to the transition element.
|
|
578
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
579
|
-
* @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
580
|
-
* @default {}
|
|
581
|
-
*/
|
|
582
|
-
TransitionProps: PropTypes.object
|
|
522
|
+
})])
|
|
583
523
|
} : void 0;
|
|
584
524
|
export default Popover;
|
package/Popper/Popper.d.mts
CHANGED
|
@@ -8,23 +8,6 @@ export interface PopperProps extends Omit<BasePopperProps, 'direction'> {
|
|
|
8
8
|
* Either a string to use a HTML element or a component.
|
|
9
9
|
*/
|
|
10
10
|
component?: React.ElementType | undefined;
|
|
11
|
-
/**
|
|
12
|
-
* The components used for each slot inside the Popper.
|
|
13
|
-
* Either a string to use a HTML element or a component.
|
|
14
|
-
*
|
|
15
|
-
* @deprecated use the `slots` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
|
|
16
|
-
* @default {}
|
|
17
|
-
*/
|
|
18
|
-
components?: {
|
|
19
|
-
Root?: React.ElementType | undefined;
|
|
20
|
-
} | undefined;
|
|
21
|
-
/**
|
|
22
|
-
* The props used for each slot inside the Popper.
|
|
23
|
-
*
|
|
24
|
-
* @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
|
|
25
|
-
* @default {}
|
|
26
|
-
*/
|
|
27
|
-
componentsProps?: BasePopperProps['slotProps'] | undefined;
|
|
28
11
|
/**
|
|
29
12
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
30
13
|
*/
|
package/Popper/Popper.d.ts
CHANGED
|
@@ -8,23 +8,6 @@ export interface PopperProps extends Omit<BasePopperProps, 'direction'> {
|
|
|
8
8
|
* Either a string to use a HTML element or a component.
|
|
9
9
|
*/
|
|
10
10
|
component?: React.ElementType | undefined;
|
|
11
|
-
/**
|
|
12
|
-
* The components used for each slot inside the Popper.
|
|
13
|
-
* Either a string to use a HTML element or a component.
|
|
14
|
-
*
|
|
15
|
-
* @deprecated use the `slots` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
|
|
16
|
-
* @default {}
|
|
17
|
-
*/
|
|
18
|
-
components?: {
|
|
19
|
-
Root?: React.ElementType | undefined;
|
|
20
|
-
} | undefined;
|
|
21
|
-
/**
|
|
22
|
-
* The props used for each slot inside the Popper.
|
|
23
|
-
*
|
|
24
|
-
* @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
|
|
25
|
-
* @default {}
|
|
26
|
-
*/
|
|
27
|
-
componentsProps?: BasePopperProps['slotProps'] | undefined;
|
|
28
11
|
/**
|
|
29
12
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
30
13
|
*/
|