@mui/material 9.0.0-alpha.2 → 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 +26 -60
- package/Autocomplete/Autocomplete.d.ts +26 -60
- package/Autocomplete/Autocomplete.js +76 -119
- package/Autocomplete/Autocomplete.mjs +76 -119
- 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/Box/Box.d.mts +1 -0
- package/Box/Box.d.ts +1 -0
- package/Button/Button.d.mts +1 -0
- package/Button/Button.d.ts +1 -0
- 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 +191 -0
- package/CardHeader/CardHeader.js +5 -1
- package/CardHeader/CardHeader.mjs +5 -1
- 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 +1 -6
- package/Divider/Divider.d.ts +1 -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/List/List.d.mts +1 -0
- package/List/List.d.ts +1 -0
- package/ListItemButton/ListItemButton.d.mts +1 -0
- package/ListItemButton/ListItemButton.d.ts +1 -0
- package/ListItemIcon/ListItemIcon.d.mts +1 -0
- package/ListItemIcon/ListItemIcon.d.ts +1 -0
- package/ListItemText/ListItemText.d.mts +1 -0
- package/ListItemText/ListItemText.d.ts +1 -0
- package/ListItemText/ListItemText.js +5 -1
- package/ListItemText/ListItemText.mjs +5 -1
- package/ListSubheader/ListSubheader.d.mts +1 -0
- package/ListSubheader/ListSubheader.d.ts +1 -0
- 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 +77 -109
- package/MenuList/MenuList.mjs +77 -109
- 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/Paper/Paper.d.mts +1 -0
- package/Paper/Paper.d.ts +1 -0
- 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/Step/Step.js +7 -5
- package/Step/Step.mjs +7 -5
- package/StepButton/StepButton.js +16 -6
- package/StepButton/StepButton.mjs +16 -6
- package/StepConnector/StepConnector.js +2 -2
- package/StepConnector/StepConnector.mjs +2 -2
- package/StepContent/StepContent.js +2 -2
- package/StepContent/StepContent.mjs +2 -2
- package/StepLabel/StepLabel.js +2 -2
- package/StepLabel/StepLabel.mjs +2 -2
- package/Stepper/Stepper.js +44 -7
- package/Stepper/Stepper.mjs +44 -7
- package/Stepper/StepperContext.d.mts +7 -0
- package/Stepper/StepperContext.d.ts +7 -0
- package/Stepper/StepperContext.js +2 -1
- package/Stepper/StepperContext.mjs +1 -0
- package/Stepper/index.d.mts +0 -1
- package/Stepper/index.d.ts +0 -1
- package/Tab/Tab.js +0 -1
- package/Tab/Tab.mjs +0 -1
- 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 +54 -135
- package/Tabs/Tabs.mjs +54 -135
- 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 +1 -6
- package/Typography/Typography.d.ts +1 -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 +236 -236
- 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/themeCssVarsAugmentation/index.js +5 -0
- package/themeCssVarsAugmentation/index.mjs +5 -0
- package/useAutocomplete/useAutocomplete.d.mts +0 -12
- package/useAutocomplete/useAutocomplete.d.ts +0 -12
- package/useAutocomplete/useAutocomplete.js +53 -28
- package/useAutocomplete/useAutocomplete.mjs +53 -28
- package/utils/index.d.mts +2 -0
- package/utils/index.d.ts +2 -0
- package/utils/index.js +14 -0
- package/utils/index.mjs +2 -0
- package/utils/useRovingTabIndex.d.mts +2 -0
- package/utils/useRovingTabIndex.d.ts +2 -0
- package/utils/useRovingTabIndex.js +9 -0
- package/utils/useRovingTabIndex.mjs +2 -0
- 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/Snackbar/Snackbar.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SxProps } from '@mui/system';
|
|
3
|
-
import ClickAwayListener
|
|
3
|
+
import ClickAwayListener from "../ClickAwayListener/index.js";
|
|
4
4
|
import { Theme } from "../styles/index.js";
|
|
5
5
|
import { InternalStandardProps as StandardProps } from "../internal/index.js";
|
|
6
6
|
import { SnackbarContentProps } from "../SnackbarContent/index.js";
|
|
@@ -89,16 +89,6 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
|
|
|
89
89
|
* Override or extend the styles applied to the component.
|
|
90
90
|
*/
|
|
91
91
|
classes?: Partial<SnackbarClasses> | undefined;
|
|
92
|
-
/**
|
|
93
|
-
* Props applied to the `ClickAwayListener` element.
|
|
94
|
-
* @deprecated Use `slotProps.clickAwayListener` 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.
|
|
95
|
-
*/
|
|
96
|
-
ClickAwayListenerProps?: Partial<ClickAwayListenerProps> | undefined;
|
|
97
|
-
/**
|
|
98
|
-
* Props applied to the [`SnackbarContent`](https://mui.com/material-ui/api/snackbar-content/) element.
|
|
99
|
-
* @deprecated Use `slotProps.content` 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.
|
|
100
|
-
*/
|
|
101
|
-
ContentProps?: Partial<SnackbarContentProps> | undefined;
|
|
102
92
|
/**
|
|
103
93
|
* If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
|
|
104
94
|
* @default false
|
|
@@ -141,15 +131,6 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
|
|
|
141
131
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
142
132
|
*/
|
|
143
133
|
sx?: SxProps<Theme> | undefined;
|
|
144
|
-
/**
|
|
145
|
-
* The component used for the transition.
|
|
146
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
147
|
-
* @deprecated Use `slots.transition` 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.
|
|
148
|
-
* @default Grow
|
|
149
|
-
*/
|
|
150
|
-
TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
|
|
151
|
-
children: React.ReactElement<unknown, any>;
|
|
152
|
-
}> | undefined;
|
|
153
134
|
/**
|
|
154
135
|
* The duration for the transition, in milliseconds.
|
|
155
136
|
* You may specify a single timeout for all transitions, or individually with an object.
|
|
@@ -159,13 +140,6 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
|
|
|
159
140
|
* }
|
|
160
141
|
*/
|
|
161
142
|
transitionDuration?: TransitionProps['timeout'] | undefined;
|
|
162
|
-
/**
|
|
163
|
-
* Props applied to the transition element.
|
|
164
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
165
|
-
* @deprecated Use `slotProps.transition` 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.
|
|
166
|
-
* @default {}
|
|
167
|
-
*/
|
|
168
|
-
TransitionProps?: TransitionProps | undefined;
|
|
169
143
|
}
|
|
170
144
|
|
|
171
145
|
/**
|
package/Snackbar/Snackbar.js
CHANGED
|
@@ -127,8 +127,6 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
|
|
|
127
127
|
autoHideDuration = null,
|
|
128
128
|
children,
|
|
129
129
|
className,
|
|
130
|
-
ClickAwayListenerProps: ClickAwayListenerPropsProp,
|
|
131
|
-
ContentProps: ContentPropsProp,
|
|
132
130
|
disableWindowBlurListener = false,
|
|
133
131
|
message,
|
|
134
132
|
onBlur,
|
|
@@ -140,13 +138,7 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
|
|
|
140
138
|
resumeHideDuration,
|
|
141
139
|
slots = {},
|
|
142
140
|
slotProps = {},
|
|
143
|
-
TransitionComponent: TransitionComponentProp,
|
|
144
141
|
transitionDuration = defaultTransitionDuration,
|
|
145
|
-
TransitionProps: {
|
|
146
|
-
onEnter,
|
|
147
|
-
onExited,
|
|
148
|
-
...TransitionPropsProp
|
|
149
|
-
} = {},
|
|
150
142
|
...other
|
|
151
143
|
} = props;
|
|
152
144
|
const ownerState = {
|
|
@@ -157,7 +149,6 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
|
|
|
157
149
|
},
|
|
158
150
|
autoHideDuration,
|
|
159
151
|
disableWindowBlurListener,
|
|
160
|
-
TransitionComponent: TransitionComponentProp,
|
|
161
152
|
transitionDuration
|
|
162
153
|
};
|
|
163
154
|
const classes = useUtilityClasses(ownerState);
|
|
@@ -166,29 +157,9 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
|
|
|
166
157
|
onClickAway
|
|
167
158
|
} = (0, _useSnackbar.default)(ownerState);
|
|
168
159
|
const [exited, setExited] = React.useState(true);
|
|
169
|
-
const handleExited = node => {
|
|
170
|
-
setExited(true);
|
|
171
|
-
if (onExited) {
|
|
172
|
-
onExited(node);
|
|
173
|
-
}
|
|
174
|
-
};
|
|
175
|
-
const handleEnter = (node, isAppearing) => {
|
|
176
|
-
setExited(false);
|
|
177
|
-
if (onEnter) {
|
|
178
|
-
onEnter(node, isAppearing);
|
|
179
|
-
}
|
|
180
|
-
};
|
|
181
160
|
const externalForwardedProps = {
|
|
182
|
-
slots
|
|
183
|
-
|
|
184
|
-
...slots
|
|
185
|
-
},
|
|
186
|
-
slotProps: {
|
|
187
|
-
content: ContentPropsProp,
|
|
188
|
-
clickAwayListener: ClickAwayListenerPropsProp,
|
|
189
|
-
transition: TransitionPropsProp,
|
|
190
|
-
...slotProps
|
|
191
|
-
}
|
|
161
|
+
slots,
|
|
162
|
+
slotProps
|
|
192
163
|
};
|
|
193
164
|
const [Root, rootProps] = (0, _useSlot.default)('root', {
|
|
194
165
|
ref,
|
|
@@ -235,11 +206,11 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
|
|
|
235
206
|
getSlotProps: handlers => ({
|
|
236
207
|
onEnter: (...params) => {
|
|
237
208
|
handlers.onEnter?.(...params);
|
|
238
|
-
|
|
209
|
+
setExited(false);
|
|
239
210
|
},
|
|
240
211
|
onExited: (...params) => {
|
|
241
212
|
handlers.onExited?.(...params);
|
|
242
|
-
|
|
213
|
+
setExited(true);
|
|
243
214
|
}
|
|
244
215
|
}),
|
|
245
216
|
additionalProps: {
|
|
@@ -310,16 +281,6 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes *
|
|
|
310
281
|
* @ignore
|
|
311
282
|
*/
|
|
312
283
|
className: _propTypes.default.string,
|
|
313
|
-
/**
|
|
314
|
-
* Props applied to the `ClickAwayListener` element.
|
|
315
|
-
* @deprecated Use `slotProps.clickAwayListener` 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.
|
|
316
|
-
*/
|
|
317
|
-
ClickAwayListenerProps: _propTypes.default.object,
|
|
318
|
-
/**
|
|
319
|
-
* Props applied to the [`SnackbarContent`](https://mui.com/material-ui/api/snackbar-content/) element.
|
|
320
|
-
* @deprecated Use `slotProps.content` 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.
|
|
321
|
-
*/
|
|
322
|
-
ContentProps: _propTypes.default.object,
|
|
323
284
|
/**
|
|
324
285
|
* If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
|
|
325
286
|
* @default false
|
|
@@ -398,13 +359,6 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes *
|
|
|
398
359
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
399
360
|
*/
|
|
400
361
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
401
|
-
/**
|
|
402
|
-
* The component used for the transition.
|
|
403
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
404
|
-
* @deprecated Use `slots.transition` 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.
|
|
405
|
-
* @default Grow
|
|
406
|
-
*/
|
|
407
|
-
TransitionComponent: _propTypes.default.elementType,
|
|
408
362
|
/**
|
|
409
363
|
* The duration for the transition, in milliseconds.
|
|
410
364
|
* You may specify a single timeout for all transitions, or individually with an object.
|
|
@@ -417,13 +371,6 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes *
|
|
|
417
371
|
appear: _propTypes.default.number,
|
|
418
372
|
enter: _propTypes.default.number,
|
|
419
373
|
exit: _propTypes.default.number
|
|
420
|
-
})])
|
|
421
|
-
/**
|
|
422
|
-
* Props applied to the transition element.
|
|
423
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
424
|
-
* @deprecated Use `slotProps.transition` 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.
|
|
425
|
-
* @default {}
|
|
426
|
-
*/
|
|
427
|
-
TransitionProps: _propTypes.default.object
|
|
374
|
+
})])
|
|
428
375
|
} : void 0;
|
|
429
376
|
var _default = exports.default = Snackbar;
|
package/Snackbar/Snackbar.mjs
CHANGED
|
@@ -120,8 +120,6 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
|
|
|
120
120
|
autoHideDuration = null,
|
|
121
121
|
children,
|
|
122
122
|
className,
|
|
123
|
-
ClickAwayListenerProps: ClickAwayListenerPropsProp,
|
|
124
|
-
ContentProps: ContentPropsProp,
|
|
125
123
|
disableWindowBlurListener = false,
|
|
126
124
|
message,
|
|
127
125
|
onBlur,
|
|
@@ -133,13 +131,7 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
|
|
|
133
131
|
resumeHideDuration,
|
|
134
132
|
slots = {},
|
|
135
133
|
slotProps = {},
|
|
136
|
-
TransitionComponent: TransitionComponentProp,
|
|
137
134
|
transitionDuration = defaultTransitionDuration,
|
|
138
|
-
TransitionProps: {
|
|
139
|
-
onEnter,
|
|
140
|
-
onExited,
|
|
141
|
-
...TransitionPropsProp
|
|
142
|
-
} = {},
|
|
143
135
|
...other
|
|
144
136
|
} = props;
|
|
145
137
|
const ownerState = {
|
|
@@ -150,7 +142,6 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
|
|
|
150
142
|
},
|
|
151
143
|
autoHideDuration,
|
|
152
144
|
disableWindowBlurListener,
|
|
153
|
-
TransitionComponent: TransitionComponentProp,
|
|
154
145
|
transitionDuration
|
|
155
146
|
};
|
|
156
147
|
const classes = useUtilityClasses(ownerState);
|
|
@@ -159,29 +150,9 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
|
|
|
159
150
|
onClickAway
|
|
160
151
|
} = useSnackbar(ownerState);
|
|
161
152
|
const [exited, setExited] = React.useState(true);
|
|
162
|
-
const handleExited = node => {
|
|
163
|
-
setExited(true);
|
|
164
|
-
if (onExited) {
|
|
165
|
-
onExited(node);
|
|
166
|
-
}
|
|
167
|
-
};
|
|
168
|
-
const handleEnter = (node, isAppearing) => {
|
|
169
|
-
setExited(false);
|
|
170
|
-
if (onEnter) {
|
|
171
|
-
onEnter(node, isAppearing);
|
|
172
|
-
}
|
|
173
|
-
};
|
|
174
153
|
const externalForwardedProps = {
|
|
175
|
-
slots
|
|
176
|
-
|
|
177
|
-
...slots
|
|
178
|
-
},
|
|
179
|
-
slotProps: {
|
|
180
|
-
content: ContentPropsProp,
|
|
181
|
-
clickAwayListener: ClickAwayListenerPropsProp,
|
|
182
|
-
transition: TransitionPropsProp,
|
|
183
|
-
...slotProps
|
|
184
|
-
}
|
|
154
|
+
slots,
|
|
155
|
+
slotProps
|
|
185
156
|
};
|
|
186
157
|
const [Root, rootProps] = useSlot('root', {
|
|
187
158
|
ref,
|
|
@@ -228,11 +199,11 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
|
|
|
228
199
|
getSlotProps: handlers => ({
|
|
229
200
|
onEnter: (...params) => {
|
|
230
201
|
handlers.onEnter?.(...params);
|
|
231
|
-
|
|
202
|
+
setExited(false);
|
|
232
203
|
},
|
|
233
204
|
onExited: (...params) => {
|
|
234
205
|
handlers.onExited?.(...params);
|
|
235
|
-
|
|
206
|
+
setExited(true);
|
|
236
207
|
}
|
|
237
208
|
}),
|
|
238
209
|
additionalProps: {
|
|
@@ -303,16 +274,6 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes *
|
|
|
303
274
|
* @ignore
|
|
304
275
|
*/
|
|
305
276
|
className: PropTypes.string,
|
|
306
|
-
/**
|
|
307
|
-
* Props applied to the `ClickAwayListener` element.
|
|
308
|
-
* @deprecated Use `slotProps.clickAwayListener` 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.
|
|
309
|
-
*/
|
|
310
|
-
ClickAwayListenerProps: PropTypes.object,
|
|
311
|
-
/**
|
|
312
|
-
* Props applied to the [`SnackbarContent`](https://mui.com/material-ui/api/snackbar-content/) element.
|
|
313
|
-
* @deprecated Use `slotProps.content` 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.
|
|
314
|
-
*/
|
|
315
|
-
ContentProps: PropTypes.object,
|
|
316
277
|
/**
|
|
317
278
|
* If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
|
|
318
279
|
* @default false
|
|
@@ -391,13 +352,6 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes *
|
|
|
391
352
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
392
353
|
*/
|
|
393
354
|
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
394
|
-
/**
|
|
395
|
-
* The component used for the transition.
|
|
396
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
397
|
-
* @deprecated Use `slots.transition` 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.
|
|
398
|
-
* @default Grow
|
|
399
|
-
*/
|
|
400
|
-
TransitionComponent: PropTypes.elementType,
|
|
401
355
|
/**
|
|
402
356
|
* The duration for the transition, in milliseconds.
|
|
403
357
|
* You may specify a single timeout for all transitions, or individually with an object.
|
|
@@ -410,13 +364,6 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes *
|
|
|
410
364
|
appear: PropTypes.number,
|
|
411
365
|
enter: PropTypes.number,
|
|
412
366
|
exit: PropTypes.number
|
|
413
|
-
})])
|
|
414
|
-
/**
|
|
415
|
-
* Props applied to the transition element.
|
|
416
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
417
|
-
* @deprecated Use `slotProps.transition` 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.
|
|
418
|
-
* @default {}
|
|
419
|
-
*/
|
|
420
|
-
TransitionProps: PropTypes.object
|
|
367
|
+
})])
|
|
421
368
|
} : void 0;
|
|
422
369
|
export default Snackbar;
|
|
@@ -93,13 +93,6 @@ export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<
|
|
|
93
93
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
94
94
|
*/
|
|
95
95
|
sx?: SxProps<Theme> | undefined;
|
|
96
|
-
/**
|
|
97
|
-
* The component used for the transition.
|
|
98
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
99
|
-
* @default Zoom
|
|
100
|
-
* * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
101
|
-
*/
|
|
102
|
-
TransitionComponent?: React.JSXElementConstructor<TransitionProps> | undefined;
|
|
103
96
|
/**
|
|
104
97
|
* The duration for the transition, in milliseconds.
|
|
105
98
|
* You may specify a single timeout for all transitions, or individually with an object.
|
|
@@ -109,12 +102,6 @@ export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<
|
|
|
109
102
|
* }
|
|
110
103
|
*/
|
|
111
104
|
transitionDuration?: TransitionProps['timeout'] | undefined;
|
|
112
|
-
/**
|
|
113
|
-
* Props applied to the transition element.
|
|
114
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
115
|
-
* @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
116
|
-
*/
|
|
117
|
-
TransitionProps?: TransitionProps | undefined;
|
|
118
105
|
}
|
|
119
106
|
export interface SpeedDialOwnerState extends SpeedDialProps {}
|
|
120
107
|
|
package/SpeedDial/SpeedDial.d.ts
CHANGED
|
@@ -93,13 +93,6 @@ export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<
|
|
|
93
93
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
94
94
|
*/
|
|
95
95
|
sx?: SxProps<Theme> | undefined;
|
|
96
|
-
/**
|
|
97
|
-
* The component used for the transition.
|
|
98
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
99
|
-
* @default Zoom
|
|
100
|
-
* * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
101
|
-
*/
|
|
102
|
-
TransitionComponent?: React.JSXElementConstructor<TransitionProps> | undefined;
|
|
103
96
|
/**
|
|
104
97
|
* The duration for the transition, in milliseconds.
|
|
105
98
|
* You may specify a single timeout for all transitions, or individually with an object.
|
|
@@ -109,12 +102,6 @@ export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<
|
|
|
109
102
|
* }
|
|
110
103
|
*/
|
|
111
104
|
transitionDuration?: TransitionProps['timeout'] | undefined;
|
|
112
|
-
/**
|
|
113
|
-
* Props applied to the transition element.
|
|
114
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
115
|
-
* @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
116
|
-
*/
|
|
117
|
-
TransitionProps?: TransitionProps | undefined;
|
|
118
105
|
}
|
|
119
106
|
export interface SpeedDialOwnerState extends SpeedDialProps {}
|
|
120
107
|
|
package/SpeedDial/SpeedDial.js
CHANGED
|
@@ -176,8 +176,6 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
|
|
|
176
176
|
openIcon,
|
|
177
177
|
slots = {},
|
|
178
178
|
slotProps = {},
|
|
179
|
-
TransitionComponent: TransitionComponentProp,
|
|
180
|
-
TransitionProps: TransitionPropsProp,
|
|
181
179
|
transitionDuration = defaultTransitionDuration,
|
|
182
180
|
...other
|
|
183
181
|
} = props;
|
|
@@ -226,15 +224,11 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
|
|
|
226
224
|
* Is called before the original ref callback for Button that was set in buttonProps
|
|
227
225
|
*
|
|
228
226
|
* @param dialActionIndex {number}
|
|
229
|
-
* @param origButtonRef {React.RefObject?}
|
|
230
227
|
* @param fabSlotOrigButtonRef {React.RefObject?}
|
|
231
228
|
*/
|
|
232
|
-
const createHandleSpeedDialActionButtonRef = (dialActionIndex,
|
|
229
|
+
const createHandleSpeedDialActionButtonRef = (dialActionIndex, fabSlotOrigButtonRef) => {
|
|
233
230
|
return buttonRef => {
|
|
234
231
|
actions.current[dialActionIndex + 1] = buttonRef;
|
|
235
|
-
if (origButtonRef) {
|
|
236
|
-
origButtonRef(buttonRef);
|
|
237
|
-
}
|
|
238
232
|
if (fabSlotOrigButtonRef) {
|
|
239
233
|
fabSlotOrigButtonRef(buttonRef);
|
|
240
234
|
}
|
|
@@ -352,11 +346,7 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
|
|
|
352
346
|
});
|
|
353
347
|
const children = allItems.map((child, index) => {
|
|
354
348
|
const {
|
|
355
|
-
|
|
356
|
-
ref: origButtonRef
|
|
357
|
-
} = {},
|
|
358
|
-
slotProps: childSlotProps = {},
|
|
359
|
-
tooltipPlacement: tooltipPlacementProp
|
|
349
|
+
slotProps: childSlotProps = {}
|
|
360
350
|
} = child.props;
|
|
361
351
|
const {
|
|
362
352
|
fab: {
|
|
@@ -365,32 +355,30 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
|
|
|
365
355
|
} = {},
|
|
366
356
|
...restOfSlotProps
|
|
367
357
|
} = childSlotProps;
|
|
368
|
-
const
|
|
358
|
+
const defaultPlacement = getOrientation(direction) === 'vertical' ? 'left' : 'top';
|
|
369
359
|
return /*#__PURE__*/React.cloneElement(child, {
|
|
370
360
|
slotProps: {
|
|
361
|
+
...restOfSlotProps,
|
|
371
362
|
fab: {
|
|
372
363
|
...fabSlotProps,
|
|
373
|
-
ref: createHandleSpeedDialActionButtonRef(index,
|
|
364
|
+
ref: createHandleSpeedDialActionButtonRef(index, fabSlotOrigButtonRef)
|
|
374
365
|
},
|
|
375
|
-
|
|
366
|
+
tooltip: typeof restOfSlotProps.tooltip === 'function' ? state => ({
|
|
367
|
+
placement: defaultPlacement,
|
|
368
|
+
...restOfSlotProps.tooltip(state)
|
|
369
|
+
}) : {
|
|
370
|
+
placement: defaultPlacement,
|
|
371
|
+
...restOfSlotProps.tooltip
|
|
372
|
+
}
|
|
376
373
|
},
|
|
377
374
|
delay: 30 * (open ? index : allItems.length - index),
|
|
378
375
|
open,
|
|
379
|
-
tooltipPlacement,
|
|
380
376
|
id: `${id}-action-${index}`
|
|
381
377
|
});
|
|
382
378
|
});
|
|
383
|
-
const backwardCompatibleSlots = {
|
|
384
|
-
transition: TransitionComponentProp,
|
|
385
|
-
...slots
|
|
386
|
-
};
|
|
387
|
-
const backwardCompatibleSlotProps = {
|
|
388
|
-
transition: TransitionPropsProp,
|
|
389
|
-
...slotProps
|
|
390
|
-
};
|
|
391
379
|
const externalForwardedProps = {
|
|
392
|
-
slots
|
|
393
|
-
slotProps
|
|
380
|
+
slots,
|
|
381
|
+
slotProps
|
|
394
382
|
};
|
|
395
383
|
const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
|
|
396
384
|
elementType: SpeedDialRoot,
|
|
@@ -569,13 +557,6 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes /* remove-proptypes
|
|
|
569
557
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
570
558
|
*/
|
|
571
559
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
572
|
-
/**
|
|
573
|
-
* The component used for the transition.
|
|
574
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
575
|
-
* @default Zoom
|
|
576
|
-
* * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
577
|
-
*/
|
|
578
|
-
TransitionComponent: _propTypes.default.elementType,
|
|
579
560
|
/**
|
|
580
561
|
* The duration for the transition, in milliseconds.
|
|
581
562
|
* You may specify a single timeout for all transitions, or individually with an object.
|
|
@@ -588,12 +569,6 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes /* remove-proptypes
|
|
|
588
569
|
appear: _propTypes.default.number,
|
|
589
570
|
enter: _propTypes.default.number,
|
|
590
571
|
exit: _propTypes.default.number
|
|
591
|
-
})])
|
|
592
|
-
/**
|
|
593
|
-
* Props applied to the transition element.
|
|
594
|
-
* By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
|
|
595
|
-
* @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
596
|
-
*/
|
|
597
|
-
TransitionProps: _propTypes.default.object
|
|
572
|
+
})])
|
|
598
573
|
} : void 0;
|
|
599
574
|
var _default = exports.default = SpeedDial;
|
package/SpeedDial/SpeedDial.mjs
CHANGED
|
@@ -169,8 +169,6 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
|
|
|
169
169
|
openIcon,
|
|
170
170
|
slots = {},
|
|
171
171
|
slotProps = {},
|
|
172
|
-
TransitionComponent: TransitionComponentProp,
|
|
173
|
-
TransitionProps: TransitionPropsProp,
|
|
174
172
|
transitionDuration = defaultTransitionDuration,
|
|
175
173
|
...other
|
|
176
174
|
} = props;
|
|
@@ -219,15 +217,11 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
|
|
|
219
217
|
* Is called before the original ref callback for Button that was set in buttonProps
|
|
220
218
|
*
|
|
221
219
|
* @param dialActionIndex {number}
|
|
222
|
-
* @param origButtonRef {React.RefObject?}
|
|
223
220
|
* @param fabSlotOrigButtonRef {React.RefObject?}
|
|
224
221
|
*/
|
|
225
|
-
const createHandleSpeedDialActionButtonRef = (dialActionIndex,
|
|
222
|
+
const createHandleSpeedDialActionButtonRef = (dialActionIndex, fabSlotOrigButtonRef) => {
|
|
226
223
|
return buttonRef => {
|
|
227
224
|
actions.current[dialActionIndex + 1] = buttonRef;
|
|
228
|
-
if (origButtonRef) {
|
|
229
|
-
origButtonRef(buttonRef);
|
|
230
|
-
}
|
|
231
225
|
if (fabSlotOrigButtonRef) {
|
|
232
226
|
fabSlotOrigButtonRef(buttonRef);
|
|
233
227
|
}
|
|
@@ -345,11 +339,7 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
|
|
|
345
339
|
});
|
|
346
340
|
const children = allItems.map((child, index) => {
|
|
347
341
|
const {
|
|
348
|
-
|
|
349
|
-
ref: origButtonRef
|
|
350
|
-
} = {},
|
|
351
|
-
slotProps: childSlotProps = {},
|
|
352
|
-
tooltipPlacement: tooltipPlacementProp
|
|
342
|
+
slotProps: childSlotProps = {}
|
|
353
343
|
} = child.props;
|
|
354
344
|
const {
|
|
355
345
|
fab: {
|
|
@@ -358,32 +348,30 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
|
|
|
358
348
|
} = {},
|
|
359
349
|
...restOfSlotProps
|
|
360
350
|
} = childSlotProps;
|
|
361
|
-
const
|
|
351
|
+
const defaultPlacement = getOrientation(direction) === 'vertical' ? 'left' : 'top';
|
|
362
352
|
return /*#__PURE__*/React.cloneElement(child, {
|
|
363
353
|
slotProps: {
|
|
354
|
+
...restOfSlotProps,
|
|
364
355
|
fab: {
|
|
365
356
|
...fabSlotProps,
|
|
366
|
-
ref: createHandleSpeedDialActionButtonRef(index,
|
|
357
|
+
ref: createHandleSpeedDialActionButtonRef(index, fabSlotOrigButtonRef)
|
|
367
358
|
},
|
|
368
|
-
|
|
359
|
+
tooltip: typeof restOfSlotProps.tooltip === 'function' ? state => ({
|
|
360
|
+
placement: defaultPlacement,
|
|
361
|
+
...restOfSlotProps.tooltip(state)
|
|
362
|
+
}) : {
|
|
363
|
+
placement: defaultPlacement,
|
|
364
|
+
...restOfSlotProps.tooltip
|
|
365
|
+
}
|
|
369
366
|
},
|
|
370
367
|
delay: 30 * (open ? index : allItems.length - index),
|
|
371
368
|
open,
|
|
372
|
-
tooltipPlacement,
|
|
373
369
|
id: `${id}-action-${index}`
|
|
374
370
|
});
|
|
375
371
|
});
|
|
376
|
-
const backwardCompatibleSlots = {
|
|
377
|
-
transition: TransitionComponentProp,
|
|
378
|
-
...slots
|
|
379
|
-
};
|
|
380
|
-
const backwardCompatibleSlotProps = {
|
|
381
|
-
transition: TransitionPropsProp,
|
|
382
|
-
...slotProps
|
|
383
|
-
};
|
|
384
372
|
const externalForwardedProps = {
|
|
385
|
-
slots
|
|
386
|
-
slotProps
|
|
373
|
+
slots,
|
|
374
|
+
slotProps
|
|
387
375
|
};
|
|
388
376
|
const [RootSlot, rootSlotProps] = useSlot('root', {
|
|
389
377
|
elementType: SpeedDialRoot,
|
|
@@ -562,13 +550,6 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes /* remove-proptypes
|
|
|
562
550
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
563
551
|
*/
|
|
564
552
|
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
565
|
-
/**
|
|
566
|
-
* The component used for the transition.
|
|
567
|
-
* [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
|
|
568
|
-
* @default Zoom
|
|
569
|
-
* * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
570
|
-
*/
|
|
571
|
-
TransitionComponent: PropTypes.elementType,
|
|
572
553
|
/**
|
|
573
554
|
* The duration for the transition, in milliseconds.
|
|
574
555
|
* You may specify a single timeout for all transitions, or individually with an object.
|
|
@@ -581,12 +562,6 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes /* remove-proptypes
|
|
|
581
562
|
appear: PropTypes.number,
|
|
582
563
|
enter: PropTypes.number,
|
|
583
564
|
exit: PropTypes.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 `slotProps.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
589
|
-
*/
|
|
590
|
-
TransitionProps: PropTypes.object
|
|
565
|
+
})])
|
|
591
566
|
} : void 0;
|
|
592
567
|
export default SpeedDial;
|
|
@@ -59,12 +59,6 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
|
|
|
59
59
|
* Override or extend the styles applied to the component.
|
|
60
60
|
*/
|
|
61
61
|
classes?: Partial<SpeedDialActionClasses> | undefined;
|
|
62
|
-
/**
|
|
63
|
-
* Props applied to the [`Fab`](https://mui.com/material-ui/api/fab/) component.
|
|
64
|
-
* @default {}
|
|
65
|
-
* @deprecated Use `slotProps.fab` 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.
|
|
66
|
-
*/
|
|
67
|
-
FabProps?: Partial<FabProps> | undefined;
|
|
68
62
|
/**
|
|
69
63
|
* Adds a transition delay, to allow a series of SpeedDialActions to be animated.
|
|
70
64
|
* @default 0
|
|
@@ -78,28 +72,6 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
|
|
|
78
72
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
79
73
|
*/
|
|
80
74
|
sx?: SxProps<Theme> | undefined;
|
|
81
|
-
/**
|
|
82
|
-
* `classes` prop applied to the [`Tooltip`](https://mui.com/material-ui/api/tooltip/) element.
|
|
83
|
-
* @deprecated Use `slotProps.tooltip.classes` 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.
|
|
84
|
-
*/
|
|
85
|
-
TooltipClasses?: TooltipProps['classes'] | undefined;
|
|
86
|
-
/**
|
|
87
|
-
* Placement of the tooltip.
|
|
88
|
-
* @default 'left'
|
|
89
|
-
* @deprecated Use `slotProps.tooltip.placement` 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.
|
|
90
|
-
*/
|
|
91
|
-
tooltipPlacement?: TooltipProps['placement'] | undefined;
|
|
92
|
-
/**
|
|
93
|
-
* Label to display in the tooltip.
|
|
94
|
-
* @deprecated Use `slotProps.tooltip.title` 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.
|
|
95
|
-
*/
|
|
96
|
-
tooltipTitle?: React.ReactNode;
|
|
97
|
-
/**
|
|
98
|
-
* Make the tooltip always visible when the SpeedDial is open.
|
|
99
|
-
* @default false
|
|
100
|
-
* @deprecated Use `slotProps.tooltip.open` 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.
|
|
101
|
-
*/
|
|
102
|
-
tooltipOpen?: boolean | undefined;
|
|
103
75
|
}
|
|
104
76
|
|
|
105
77
|
/**
|
|
@@ -59,12 +59,6 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
|
|
|
59
59
|
* Override or extend the styles applied to the component.
|
|
60
60
|
*/
|
|
61
61
|
classes?: Partial<SpeedDialActionClasses> | undefined;
|
|
62
|
-
/**
|
|
63
|
-
* Props applied to the [`Fab`](https://mui.com/material-ui/api/fab/) component.
|
|
64
|
-
* @default {}
|
|
65
|
-
* @deprecated Use `slotProps.fab` 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.
|
|
66
|
-
*/
|
|
67
|
-
FabProps?: Partial<FabProps> | undefined;
|
|
68
62
|
/**
|
|
69
63
|
* Adds a transition delay, to allow a series of SpeedDialActions to be animated.
|
|
70
64
|
* @default 0
|
|
@@ -78,28 +72,6 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
|
|
|
78
72
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
79
73
|
*/
|
|
80
74
|
sx?: SxProps<Theme> | undefined;
|
|
81
|
-
/**
|
|
82
|
-
* `classes` prop applied to the [`Tooltip`](https://mui.com/material-ui/api/tooltip/) element.
|
|
83
|
-
* @deprecated Use `slotProps.tooltip.classes` 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.
|
|
84
|
-
*/
|
|
85
|
-
TooltipClasses?: TooltipProps['classes'] | undefined;
|
|
86
|
-
/**
|
|
87
|
-
* Placement of the tooltip.
|
|
88
|
-
* @default 'left'
|
|
89
|
-
* @deprecated Use `slotProps.tooltip.placement` 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.
|
|
90
|
-
*/
|
|
91
|
-
tooltipPlacement?: TooltipProps['placement'] | undefined;
|
|
92
|
-
/**
|
|
93
|
-
* Label to display in the tooltip.
|
|
94
|
-
* @deprecated Use `slotProps.tooltip.title` 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.
|
|
95
|
-
*/
|
|
96
|
-
tooltipTitle?: React.ReactNode;
|
|
97
|
-
/**
|
|
98
|
-
* Make the tooltip always visible when the SpeedDial is open.
|
|
99
|
-
* @default false
|
|
100
|
-
* @deprecated Use `slotProps.tooltip.open` 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.
|
|
101
|
-
*/
|
|
102
|
-
tooltipOpen?: boolean | undefined;
|
|
103
75
|
}
|
|
104
76
|
|
|
105
77
|
/**
|