@mui/material 7.3.9 → 7.3.10
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.ts +3 -3
- package/AccordionActions/AccordionActions.d.ts +2 -2
- package/AccordionDetails/AccordionDetails.d.ts +2 -2
- package/AccordionSummary/AccordionSummary.d.ts +3 -3
- package/Alert/Alert.d.ts +3 -3
- package/AlertTitle/AlertTitle.d.ts +3 -3
- package/AppBar/AppBar.d.ts +3 -3
- package/Autocomplete/Autocomplete.d.ts +18 -2
- package/Autocomplete/Autocomplete.js +48 -25
- package/Avatar/Avatar.d.ts +2 -2
- package/AvatarGroup/AvatarGroup.d.ts +2 -2
- package/Backdrop/Backdrop.d.ts +3 -3
- package/Badge/Badge.d.ts +3 -3
- package/BottomNavigation/BottomNavigation.d.ts +2 -2
- package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
- package/Box/Box.d.ts +3 -2
- package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/Button/Button.d.ts +6 -5
- package/ButtonBase/ButtonBase.d.ts +2 -2
- package/ButtonBase/ButtonBase.js +8 -2
- package/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/CHANGELOG.md +47 -0
- package/Card/Card.d.ts +3 -3
- package/CardActionArea/CardActionArea.d.ts +3 -3
- package/CardActions/CardActions.d.ts +2 -2
- package/CardContent/CardContent.d.ts +2 -2
- package/CardHeader/CardHeader.d.ts +2 -2
- package/CardHeader/CardHeader.js +5 -1
- package/CardMedia/CardMedia.d.ts +2 -2
- package/Checkbox/Checkbox.d.ts +4 -4
- package/Chip/Chip.d.ts +2 -2
- package/CircularProgress/CircularProgress.d.ts +2 -2
- package/ClickAwayListener/ClickAwayListener.d.ts +3 -3
- package/ClickAwayListener/ClickAwayListener.js +3 -3
- package/Collapse/Collapse.d.ts +5 -5
- package/Collapse/Collapse.js +6 -18
- package/Container/Container.d.ts +2 -2
- package/CssBaseline/CssBaseline.d.ts +2 -2
- package/Dialog/Dialog.d.ts +10 -3
- package/Dialog/Dialog.js +9 -1
- package/DialogActions/DialogActions.d.ts +2 -2
- package/DialogContent/DialogContent.d.ts +2 -2
- package/DialogContentText/DialogContentText.d.ts +3 -3
- package/DialogTitle/DialogTitle.d.ts +3 -3
- package/Divider/Divider.d.ts +4 -3
- package/Drawer/Drawer.d.ts +3 -3
- package/Fab/Fab.d.ts +3 -3
- package/Fade/Fade.d.ts +3 -3
- package/Fade/Fade.js +28 -32
- package/FilledInput/FilledInput.d.ts +3 -3
- package/FilledInput/FilledInput.js +1 -1
- package/FormControl/FormControl.d.ts +7 -7
- package/FormControlLabel/FormControlLabel.d.ts +4 -4
- package/FormGroup/FormGroup.d.ts +3 -3
- package/FormHelperText/FormHelperText.d.ts +3 -3
- package/FormLabel/FormLabel.d.ts +5 -5
- package/GlobalStyles/GlobalStyles.d.ts +2 -2
- package/Grid/Grid.d.ts +2 -2
- package/Grid/Grid.js +2 -2
- package/GridLegacy/GridLegacy.d.ts +2 -2
- package/Grow/Grow.d.ts +5 -5
- package/Grow/Grow.js +30 -38
- package/Icon/Icon.d.ts +3 -3
- package/IconButton/IconButton.d.ts +5 -5
- package/ImageList/ImageList.d.ts +2 -2
- package/ImageListItem/ImageListItem.d.ts +2 -2
- package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
- package/InitColorSchemeScript/InitColorSchemeScript.d.ts +2 -2
- package/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
- package/Input/Input.d.ts +3 -3
- package/Input/Input.js +1 -1
- package/InputAdornment/InputAdornment.d.ts +2 -2
- package/InputBase/InputBase.d.ts +2 -2
- package/InputLabel/InputLabel.d.ts +4 -4
- package/LinearProgress/LinearProgress.d.ts +2 -2
- package/Link/Link.d.ts +4 -4
- package/List/List.d.ts +4 -3
- package/ListItem/ListItem.d.ts +3 -3
- package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
- package/ListItemButton/ListItemButton.d.ts +4 -3
- package/ListItemIcon/ListItemIcon.d.ts +3 -2
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
- package/ListItemText/ListItemText.d.ts +3 -2
- package/ListItemText/ListItemText.js +5 -1
- package/ListSubheader/ListSubheader.d.ts +3 -2
- package/Menu/Menu.d.ts +4 -4
- package/MenuItem/MenuItem.d.ts +3 -3
- package/MenuItem/MenuItem.js +21 -1
- package/MenuList/MenuList.d.ts +4 -4
- package/MobileStepper/MobileStepper.d.ts +3 -3
- package/Modal/Modal.d.ts +7 -7
- package/NativeSelect/NativeSelect.d.ts +3 -3
- package/NoSsr/NoSsr.d.ts +2 -2
- package/NoSsr/NoSsr.js +2 -2
- package/OutlinedInput/OutlinedInput.d.ts +4 -4
- package/Pagination/Pagination.d.ts +2 -2
- package/PaginationItem/PaginationItem.d.ts +3 -3
- package/Paper/Paper.d.ts +4 -3
- package/PigmentContainer/PigmentContainer.d.ts +2 -2
- package/PigmentContainer/PigmentContainer.js +2 -3
- package/PigmentGrid/PigmentGrid.d.ts +2 -2
- package/PigmentGrid/PigmentGrid.js +2 -3
- package/PigmentStack/PigmentStack.d.ts +2 -2
- package/PigmentStack/PigmentStack.js +2 -3
- package/Popover/Popover.d.ts +4 -4
- package/Popper/Popper.d.ts +4 -4
- package/Popper/Popper.js +4 -4
- package/Popper/index.d.ts +1 -0
- package/Popper/index.js +11 -2
- package/Portal/Portal.d.ts +2 -2
- package/Portal/Portal.js +2 -2
- package/README.md +2 -2
- package/Radio/Radio.d.ts +3 -3
- package/RadioGroup/RadioGroup.d.ts +3 -3
- package/Rating/Rating.d.ts +2 -2
- package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
- package/Select/Select.d.ts +3 -3
- package/Select/SelectInput.js +46 -47
- package/Select/index.d.ts +1 -0
- package/Select/index.js +12 -0
- package/Select/utils/SelectFocusSourceContext.d.ts +4 -0
- package/Select/utils/SelectFocusSourceContext.js +19 -0
- package/Select/utils/areEqualValues.d.ts +1 -0
- package/Select/utils/areEqualValues.js +14 -0
- package/Select/utils/getOpenInteractionType.d.ts +1 -0
- package/Select/utils/getOpenInteractionType.js +18 -0
- package/Select/utils/index.d.ts +4 -0
- package/Select/utils/index.js +40 -0
- package/Select/utils/isEmpty.d.ts +1 -0
- package/Select/utils/isEmpty.js +9 -0
- package/Skeleton/Skeleton.d.ts +2 -2
- package/Slide/Slide.d.ts +4 -4
- package/Slide/Slide.js +43 -42
- package/Slider/Slider.d.ts +7 -7
- package/Snackbar/Snackbar.d.ts +2 -2
- package/SnackbarContent/SnackbarContent.d.ts +3 -3
- package/SpeedDial/SpeedDial.d.ts +2 -2
- package/SpeedDialAction/SpeedDialAction.d.ts +3 -3
- package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
- package/Stack/Stack.d.ts +2 -2
- package/Step/Step.d.ts +2 -2
- package/StepButton/StepButton.d.ts +3 -3
- package/StepConnector/StepConnector.d.ts +2 -2
- package/StepContent/StepContent.d.ts +2 -2
- package/StepIcon/StepIcon.d.ts +3 -3
- package/StepLabel/StepLabel.d.ts +2 -2
- package/Stepper/Stepper.d.ts +2 -2
- package/SvgIcon/SvgIcon.d.ts +3 -3
- package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
- package/SwipeableDrawer/SwipeableDrawer.js +0 -3
- package/Switch/Switch.d.ts +4 -4
- package/Switch/Switch.js +4 -0
- package/Tab/Tab.d.ts +3 -3
- package/TabScrollButton/TabScrollButton.d.ts +2 -2
- package/Table/Table.d.ts +2 -2
- package/TableBody/TableBody.d.ts +2 -2
- package/TableCell/TableCell.d.ts +2 -2
- package/TableContainer/TableContainer.d.ts +2 -2
- package/TableFooter/TableFooter.d.ts +2 -2
- package/TableHead/TableHead.d.ts +2 -2
- package/TablePagination/TablePagination.d.ts +4 -4
- package/TablePaginationActions/TablePaginationActions.d.ts +2 -2
- package/TableRow/TableRow.d.ts +2 -2
- package/TableSortLabel/TableSortLabel.d.ts +3 -3
- package/Tabs/Tabs.d.ts +2 -2
- package/TextField/TextField.d.ts +10 -10
- package/TextareaAutosize/TextareaAutosize.d.ts +2 -2
- package/TextareaAutosize/TextareaAutosize.js +2 -2
- package/ToggleButton/ToggleButton.d.ts +3 -3
- package/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
- package/Toolbar/Toolbar.d.ts +2 -2
- package/Tooltip/Tooltip.d.ts +2 -2
- package/Typography/Typography.d.ts +4 -3
- package/Zoom/Zoom.d.ts +3 -3
- package/Zoom/Zoom.js +24 -30
- package/esm/Accordion/Accordion.d.ts +3 -3
- package/esm/AccordionActions/AccordionActions.d.ts +2 -2
- package/esm/AccordionDetails/AccordionDetails.d.ts +2 -2
- package/esm/AccordionSummary/AccordionSummary.d.ts +3 -3
- package/esm/Alert/Alert.d.ts +3 -3
- package/esm/AlertTitle/AlertTitle.d.ts +3 -3
- package/esm/AppBar/AppBar.d.ts +3 -3
- package/esm/Autocomplete/Autocomplete.d.ts +18 -2
- package/esm/Autocomplete/Autocomplete.js +48 -25
- package/esm/Avatar/Avatar.d.ts +2 -2
- package/esm/AvatarGroup/AvatarGroup.d.ts +2 -2
- package/esm/Backdrop/Backdrop.d.ts +3 -3
- package/esm/Badge/Badge.d.ts +3 -3
- package/esm/BottomNavigation/BottomNavigation.d.ts +2 -2
- package/esm/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
- package/esm/Box/Box.d.ts +3 -2
- package/esm/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/esm/Button/Button.d.ts +6 -5
- package/esm/ButtonBase/ButtonBase.d.ts +2 -2
- package/esm/ButtonBase/ButtonBase.js +8 -2
- package/esm/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/esm/Card/Card.d.ts +3 -3
- package/esm/CardActionArea/CardActionArea.d.ts +3 -3
- package/esm/CardActions/CardActions.d.ts +2 -2
- package/esm/CardContent/CardContent.d.ts +2 -2
- package/esm/CardHeader/CardHeader.d.ts +2 -2
- package/esm/CardHeader/CardHeader.js +5 -1
- package/esm/CardMedia/CardMedia.d.ts +2 -2
- package/esm/Checkbox/Checkbox.d.ts +4 -4
- package/esm/Chip/Chip.d.ts +2 -2
- package/esm/CircularProgress/CircularProgress.d.ts +2 -2
- package/esm/ClickAwayListener/ClickAwayListener.d.ts +3 -3
- package/esm/ClickAwayListener/ClickAwayListener.js +3 -3
- package/esm/Collapse/Collapse.d.ts +5 -5
- package/esm/Collapse/Collapse.js +7 -19
- package/esm/Container/Container.d.ts +2 -2
- package/esm/CssBaseline/CssBaseline.d.ts +2 -2
- package/esm/Dialog/Dialog.d.ts +10 -3
- package/esm/Dialog/Dialog.js +9 -1
- package/esm/DialogActions/DialogActions.d.ts +2 -2
- package/esm/DialogContent/DialogContent.d.ts +2 -2
- package/esm/DialogContentText/DialogContentText.d.ts +3 -3
- package/esm/DialogTitle/DialogTitle.d.ts +3 -3
- package/esm/Divider/Divider.d.ts +4 -3
- package/esm/Drawer/Drawer.d.ts +3 -3
- package/esm/Fab/Fab.d.ts +3 -3
- package/esm/Fade/Fade.d.ts +3 -3
- package/esm/Fade/Fade.js +29 -33
- package/esm/FilledInput/FilledInput.d.ts +3 -3
- package/esm/FilledInput/FilledInput.js +1 -1
- package/esm/FormControl/FormControl.d.ts +7 -7
- package/esm/FormControlLabel/FormControlLabel.d.ts +4 -4
- package/esm/FormGroup/FormGroup.d.ts +3 -3
- package/esm/FormHelperText/FormHelperText.d.ts +3 -3
- package/esm/FormLabel/FormLabel.d.ts +5 -5
- package/esm/GlobalStyles/GlobalStyles.d.ts +2 -2
- package/esm/Grid/Grid.d.ts +2 -2
- package/esm/Grid/Grid.js +2 -2
- package/esm/GridLegacy/GridLegacy.d.ts +2 -2
- package/esm/Grow/Grow.d.ts +5 -5
- package/esm/Grow/Grow.js +31 -39
- package/esm/Icon/Icon.d.ts +3 -3
- package/esm/IconButton/IconButton.d.ts +5 -5
- package/esm/ImageList/ImageList.d.ts +2 -2
- package/esm/ImageListItem/ImageListItem.d.ts +2 -2
- package/esm/ImageListItemBar/ImageListItemBar.d.ts +2 -2
- package/esm/InitColorSchemeScript/InitColorSchemeScript.d.ts +2 -2
- package/esm/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
- package/esm/Input/Input.d.ts +3 -3
- package/esm/Input/Input.js +1 -1
- package/esm/InputAdornment/InputAdornment.d.ts +2 -2
- package/esm/InputBase/InputBase.d.ts +2 -2
- package/esm/InputLabel/InputLabel.d.ts +4 -4
- package/esm/LinearProgress/LinearProgress.d.ts +2 -2
- package/esm/Link/Link.d.ts +4 -4
- package/esm/List/List.d.ts +4 -3
- package/esm/ListItem/ListItem.d.ts +3 -3
- package/esm/ListItemAvatar/ListItemAvatar.d.ts +2 -2
- package/esm/ListItemButton/ListItemButton.d.ts +4 -3
- package/esm/ListItemIcon/ListItemIcon.d.ts +3 -2
- package/esm/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
- package/esm/ListItemText/ListItemText.d.ts +3 -2
- package/esm/ListItemText/ListItemText.js +5 -1
- package/esm/ListSubheader/ListSubheader.d.ts +3 -2
- package/esm/Menu/Menu.d.ts +4 -4
- package/esm/MenuItem/MenuItem.d.ts +3 -3
- package/esm/MenuItem/MenuItem.js +23 -1
- package/esm/MenuList/MenuList.d.ts +4 -4
- package/esm/MobileStepper/MobileStepper.d.ts +3 -3
- package/esm/Modal/Modal.d.ts +7 -7
- package/esm/NativeSelect/NativeSelect.d.ts +3 -3
- package/esm/NoSsr/NoSsr.d.ts +2 -2
- package/esm/NoSsr/NoSsr.js +2 -2
- package/esm/OutlinedInput/OutlinedInput.d.ts +4 -4
- package/esm/Pagination/Pagination.d.ts +2 -2
- package/esm/PaginationItem/PaginationItem.d.ts +3 -3
- package/esm/Paper/Paper.d.ts +4 -3
- package/esm/PigmentContainer/PigmentContainer.d.ts +2 -2
- package/esm/PigmentContainer/PigmentContainer.js +2 -4
- package/esm/PigmentGrid/PigmentGrid.d.ts +2 -2
- package/esm/PigmentGrid/PigmentGrid.js +2 -4
- package/esm/PigmentStack/PigmentStack.d.ts +2 -2
- package/esm/PigmentStack/PigmentStack.js +2 -4
- package/esm/Popover/Popover.d.ts +4 -4
- package/esm/Popper/Popper.d.ts +4 -4
- package/esm/Popper/Popper.js +4 -4
- package/esm/Popper/index.d.ts +1 -0
- package/esm/Popper/index.js +1 -0
- package/esm/Portal/Portal.d.ts +2 -2
- package/esm/Portal/Portal.js +2 -2
- package/esm/Radio/Radio.d.ts +3 -3
- package/esm/RadioGroup/RadioGroup.d.ts +3 -3
- package/esm/Rating/Rating.d.ts +2 -2
- package/esm/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
- package/esm/Select/Select.d.ts +3 -3
- package/esm/Select/SelectInput.js +43 -44
- package/esm/Select/index.d.ts +1 -0
- package/esm/Select/index.js +1 -0
- package/esm/Select/utils/SelectFocusSourceContext.d.ts +4 -0
- package/esm/Select/utils/SelectFocusSourceContext.js +13 -0
- package/esm/Select/utils/areEqualValues.d.ts +1 -0
- package/esm/Select/utils/areEqualValues.js +8 -0
- package/esm/Select/utils/getOpenInteractionType.d.ts +1 -0
- package/esm/Select/utils/getOpenInteractionType.js +12 -0
- package/esm/Select/utils/index.d.ts +4 -0
- package/esm/Select/utils/index.js +4 -0
- package/esm/Select/utils/isEmpty.d.ts +1 -0
- package/esm/Select/utils/isEmpty.js +3 -0
- package/esm/Skeleton/Skeleton.d.ts +2 -2
- package/esm/Slide/Slide.d.ts +4 -4
- package/esm/Slide/Slide.js +44 -44
- package/esm/Slider/Slider.d.ts +7 -7
- package/esm/Snackbar/Snackbar.d.ts +2 -2
- package/esm/SnackbarContent/SnackbarContent.d.ts +3 -3
- package/esm/SpeedDial/SpeedDial.d.ts +2 -2
- package/esm/SpeedDialAction/SpeedDialAction.d.ts +3 -3
- package/esm/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
- package/esm/Stack/Stack.d.ts +2 -2
- package/esm/Step/Step.d.ts +2 -2
- package/esm/StepButton/StepButton.d.ts +3 -3
- package/esm/StepConnector/StepConnector.d.ts +2 -2
- package/esm/StepContent/StepContent.d.ts +2 -2
- package/esm/StepIcon/StepIcon.d.ts +3 -3
- package/esm/StepLabel/StepLabel.d.ts +2 -2
- package/esm/Stepper/Stepper.d.ts +2 -2
- package/esm/SvgIcon/SvgIcon.d.ts +3 -3
- package/esm/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
- package/esm/SwipeableDrawer/SwipeableDrawer.js +0 -3
- package/esm/Switch/Switch.d.ts +4 -4
- package/esm/Switch/Switch.js +4 -0
- package/esm/Tab/Tab.d.ts +3 -3
- package/esm/TabScrollButton/TabScrollButton.d.ts +2 -2
- package/esm/Table/Table.d.ts +2 -2
- package/esm/TableBody/TableBody.d.ts +2 -2
- package/esm/TableCell/TableCell.d.ts +2 -2
- package/esm/TableContainer/TableContainer.d.ts +2 -2
- package/esm/TableFooter/TableFooter.d.ts +2 -2
- package/esm/TableHead/TableHead.d.ts +2 -2
- package/esm/TablePagination/TablePagination.d.ts +4 -4
- package/esm/TablePaginationActions/TablePaginationActions.d.ts +2 -2
- package/esm/TableRow/TableRow.d.ts +2 -2
- package/esm/TableSortLabel/TableSortLabel.d.ts +3 -3
- package/esm/Tabs/Tabs.d.ts +2 -2
- package/esm/TextField/TextField.d.ts +10 -10
- package/esm/TextareaAutosize/TextareaAutosize.d.ts +2 -2
- package/esm/TextareaAutosize/TextareaAutosize.js +2 -2
- package/esm/ToggleButton/ToggleButton.d.ts +3 -3
- package/esm/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
- package/esm/Toolbar/Toolbar.d.ts +2 -2
- package/esm/Tooltip/Tooltip.d.ts +2 -2
- package/esm/Typography/Typography.d.ts +4 -3
- package/esm/Zoom/Zoom.d.ts +3 -3
- package/esm/Zoom/Zoom.js +25 -31
- package/esm/index.js +1 -1
- package/esm/styles/createThemeNoVars.js +1 -1
- package/esm/styles/createThemeWithVars.js +9 -9
- package/esm/transitions/utils.d.ts +7 -0
- package/esm/transitions/utils.js +25 -0
- package/esm/useAutocomplete/useAutocomplete.js +58 -3
- package/esm/version/index.js +2 -2
- package/index.js +1 -1
- package/package.json +5 -5
- package/styles/createThemeNoVars.js +1 -1
- package/styles/createThemeWithVars.js +9 -9
- package/transitions/utils.d.ts +7 -0
- package/transitions/utils.js +27 -0
- package/useAutocomplete/useAutocomplete.js +58 -3
- package/version/index.js +2 -2
package/Zoom/Zoom.js
CHANGED
|
@@ -22,8 +22,18 @@ const styles = {
|
|
|
22
22
|
},
|
|
23
23
|
entered: {
|
|
24
24
|
transform: 'none'
|
|
25
|
+
},
|
|
26
|
+
exiting: {
|
|
27
|
+
transform: 'scale(0)'
|
|
28
|
+
},
|
|
29
|
+
exited: {
|
|
30
|
+
transform: 'scale(0)'
|
|
25
31
|
}
|
|
26
32
|
};
|
|
33
|
+
const hiddenStyles = {
|
|
34
|
+
transform: 'scale(0)',
|
|
35
|
+
visibility: 'hidden'
|
|
36
|
+
};
|
|
27
37
|
|
|
28
38
|
/**
|
|
29
39
|
* The Zoom transition can be used for the floating variant of the
|
|
@@ -50,26 +60,12 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
|
|
|
50
60
|
onExiting,
|
|
51
61
|
style,
|
|
52
62
|
timeout = defaultTimeout,
|
|
53
|
-
// eslint-disable-next-line react/prop-types
|
|
54
|
-
TransitionComponent = _reactTransitionGroup.Transition,
|
|
55
63
|
...other
|
|
56
64
|
} = props;
|
|
57
65
|
const nodeRef = React.useRef(null);
|
|
58
66
|
const handleRef = (0, _useForkRef.default)(nodeRef, (0, _getReactElementRef.default)(children), ref);
|
|
59
|
-
const
|
|
60
|
-
|
|
61
|
-
const node = nodeRef.current;
|
|
62
|
-
|
|
63
|
-
// onEnterXxx and onExitXxx callbacks have a different arguments.length value.
|
|
64
|
-
if (maybeIsAppearing === undefined) {
|
|
65
|
-
callback(node);
|
|
66
|
-
} else {
|
|
67
|
-
callback(node, maybeIsAppearing);
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
const handleEntering = normalizedTransitionCallback(onEntering);
|
|
72
|
-
const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
|
|
67
|
+
const handleEntering = (0, _utils.normalizedTransitionCallback)(nodeRef, onEntering);
|
|
68
|
+
const handleEnter = (0, _utils.normalizedTransitionCallback)(nodeRef, (node, isAppearing) => {
|
|
73
69
|
(0, _utils.reflow)(node); // So the animation always start from the start.
|
|
74
70
|
|
|
75
71
|
const transitionProps = (0, _utils.getTransitionProps)({
|
|
@@ -79,15 +75,14 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
|
|
|
79
75
|
}, {
|
|
80
76
|
mode: 'enter'
|
|
81
77
|
});
|
|
82
|
-
node.style.webkitTransition = theme.transitions.create('transform', transitionProps);
|
|
83
78
|
node.style.transition = theme.transitions.create('transform', transitionProps);
|
|
84
79
|
if (onEnter) {
|
|
85
80
|
onEnter(node, isAppearing);
|
|
86
81
|
}
|
|
87
82
|
});
|
|
88
|
-
const handleEntered = normalizedTransitionCallback(onEntered);
|
|
89
|
-
const handleExiting = normalizedTransitionCallback(onExiting);
|
|
90
|
-
const handleExit = normalizedTransitionCallback(node => {
|
|
83
|
+
const handleEntered = (0, _utils.normalizedTransitionCallback)(nodeRef, onEntered);
|
|
84
|
+
const handleExiting = (0, _utils.normalizedTransitionCallback)(nodeRef, onExiting);
|
|
85
|
+
const handleExit = (0, _utils.normalizedTransitionCallback)(nodeRef, node => {
|
|
91
86
|
const transitionProps = (0, _utils.getTransitionProps)({
|
|
92
87
|
style,
|
|
93
88
|
timeout,
|
|
@@ -95,20 +90,24 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
|
|
|
95
90
|
}, {
|
|
96
91
|
mode: 'exit'
|
|
97
92
|
});
|
|
98
|
-
node.style.webkitTransition = theme.transitions.create('transform', transitionProps);
|
|
99
93
|
node.style.transition = theme.transitions.create('transform', transitionProps);
|
|
100
94
|
if (onExit) {
|
|
101
95
|
onExit(node);
|
|
102
96
|
}
|
|
103
97
|
});
|
|
104
|
-
const handleExited = normalizedTransitionCallback(
|
|
98
|
+
const handleExited = (0, _utils.normalizedTransitionCallback)(nodeRef, node => {
|
|
99
|
+
node.style.transition = '';
|
|
100
|
+
if (onExited) {
|
|
101
|
+
onExited(node);
|
|
102
|
+
}
|
|
103
|
+
});
|
|
105
104
|
const handleAddEndListener = next => {
|
|
106
105
|
if (addEndListener) {
|
|
107
106
|
// Old call signature before `react-transition-group` implemented `nodeRef`
|
|
108
107
|
addEndListener(nodeRef.current, next);
|
|
109
108
|
}
|
|
110
109
|
};
|
|
111
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
110
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.Transition, {
|
|
112
111
|
appear: appear,
|
|
113
112
|
in: inProp,
|
|
114
113
|
nodeRef: nodeRef,
|
|
@@ -125,14 +124,9 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
|
|
|
125
124
|
ownerState,
|
|
126
125
|
...restChildProps
|
|
127
126
|
}) => {
|
|
127
|
+
const childStyle = (0, _utils.getTransitionChildStyle)(state, inProp, styles, hiddenStyles, style, children.props.style);
|
|
128
128
|
return /*#__PURE__*/React.cloneElement(children, {
|
|
129
|
-
style:
|
|
130
|
-
transform: 'scale(0)',
|
|
131
|
-
visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
|
|
132
|
-
...styles[state],
|
|
133
|
-
...style,
|
|
134
|
-
...children.props.style
|
|
135
|
-
},
|
|
129
|
+
style: childStyle,
|
|
136
130
|
ref: handleRef,
|
|
137
131
|
...restChildProps
|
|
138
132
|
});
|
|
@@ -119,12 +119,12 @@ export type AccordionTypeMap<AdditionalProps = {}, RootComponent extends React.E
|
|
|
119
119
|
*
|
|
120
120
|
* Demos:
|
|
121
121
|
*
|
|
122
|
-
* - [Accordion](https://mui.com/material-ui/react-accordion/)
|
|
122
|
+
* - [Accordion](https://v7.mui.com/material-ui/react-accordion/)
|
|
123
123
|
*
|
|
124
124
|
* API:
|
|
125
125
|
*
|
|
126
|
-
* - [Accordion API](https://mui.com/material-ui/api/accordion/)
|
|
127
|
-
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
126
|
+
* - [Accordion API](https://v7.mui.com/material-ui/api/accordion/)
|
|
127
|
+
* - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
|
|
128
128
|
*/
|
|
129
129
|
declare const Accordion: OverridableComponent<AccordionTypeMap>;
|
|
130
130
|
export type AccordionProps<RootComponent extends React.ElementType = AccordionTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AccordionTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -27,10 +27,10 @@ export interface AccordionActionsProps extends StandardProps<React.HTMLAttribute
|
|
|
27
27
|
*
|
|
28
28
|
* Demos:
|
|
29
29
|
*
|
|
30
|
-
* - [Accordion](https://mui.com/material-ui/react-accordion/)
|
|
30
|
+
* - [Accordion](https://v7.mui.com/material-ui/react-accordion/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [AccordionActions API](https://mui.com/material-ui/api/accordion-actions/)
|
|
34
|
+
* - [AccordionActions API](https://v7.mui.com/material-ui/api/accordion-actions/)
|
|
35
35
|
*/
|
|
36
36
|
export default function AccordionActions(props: AccordionActionsProps): React.JSX.Element;
|
|
@@ -22,10 +22,10 @@ export interface AccordionDetailsProps extends StandardProps<React.HTMLAttribute
|
|
|
22
22
|
*
|
|
23
23
|
* Demos:
|
|
24
24
|
*
|
|
25
|
-
* - [Accordion](https://mui.com/material-ui/react-accordion/)
|
|
25
|
+
* - [Accordion](https://v7.mui.com/material-ui/react-accordion/)
|
|
26
26
|
*
|
|
27
27
|
* API:
|
|
28
28
|
*
|
|
29
|
-
* - [AccordionDetails API](https://mui.com/material-ui/api/accordion-details/)
|
|
29
|
+
* - [AccordionDetails API](https://v7.mui.com/material-ui/api/accordion-details/)
|
|
30
30
|
*/
|
|
31
31
|
export default function AccordionDetails(props: AccordionDetailsProps): React.JSX.Element;
|
|
@@ -67,12 +67,12 @@ export interface AccordionSummaryOwnerState extends Omit<AccordionSummaryProps,
|
|
|
67
67
|
*
|
|
68
68
|
* Demos:
|
|
69
69
|
*
|
|
70
|
-
* - [Accordion](https://mui.com/material-ui/react-accordion/)
|
|
70
|
+
* - [Accordion](https://v7.mui.com/material-ui/react-accordion/)
|
|
71
71
|
*
|
|
72
72
|
* API:
|
|
73
73
|
*
|
|
74
|
-
* - [AccordionSummary API](https://mui.com/material-ui/api/accordion-summary/)
|
|
75
|
-
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
74
|
+
* - [AccordionSummary API](https://v7.mui.com/material-ui/api/accordion-summary/)
|
|
75
|
+
* - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
|
|
76
76
|
*/
|
|
77
77
|
declare const AccordionSummary: ExtendButtonBase<AccordionSummaryTypeMap>;
|
|
78
78
|
export type AccordionSummaryProps<RootComponent extends React.ElementType = AccordionSummaryTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AccordionSummaryTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/esm/Alert/Alert.d.ts
CHANGED
|
@@ -171,11 +171,11 @@ export interface AlertOwnerState extends AlertProps {}
|
|
|
171
171
|
*
|
|
172
172
|
* Demos:
|
|
173
173
|
*
|
|
174
|
-
* - [Alert](https://mui.com/material-ui/react-alert/)
|
|
174
|
+
* - [Alert](https://v7.mui.com/material-ui/react-alert/)
|
|
175
175
|
*
|
|
176
176
|
* API:
|
|
177
177
|
*
|
|
178
|
-
* - [Alert API](https://mui.com/material-ui/api/alert/)
|
|
179
|
-
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
178
|
+
* - [Alert API](https://v7.mui.com/material-ui/api/alert/)
|
|
179
|
+
* - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
|
|
180
180
|
*/
|
|
181
181
|
export default function Alert(props: AlertProps): React.JSX.Element;
|
|
@@ -22,11 +22,11 @@ export interface AlertTitleProps extends TypographyProps<'div'> {
|
|
|
22
22
|
*
|
|
23
23
|
* Demos:
|
|
24
24
|
*
|
|
25
|
-
* - [Alert](https://mui.com/material-ui/react-alert/)
|
|
25
|
+
* - [Alert](https://v7.mui.com/material-ui/react-alert/)
|
|
26
26
|
*
|
|
27
27
|
* API:
|
|
28
28
|
*
|
|
29
|
-
* - [AlertTitle API](https://mui.com/material-ui/api/alert-title/)
|
|
30
|
-
* - inherits [Typography API](https://mui.com/material-ui/api/typography/)
|
|
29
|
+
* - [AlertTitle API](https://v7.mui.com/material-ui/api/alert-title/)
|
|
30
|
+
* - inherits [Typography API](https://v7.mui.com/material-ui/api/typography/)
|
|
31
31
|
*/
|
|
32
32
|
export default function AlertTitle(props: AlertTitleProps): React.JSX.Element;
|
package/esm/AppBar/AppBar.d.ts
CHANGED
|
@@ -55,12 +55,12 @@ export type AppBarTypeMap<AdditionalProps = {}, RootComponent extends React.Elem
|
|
|
55
55
|
*
|
|
56
56
|
* Demos:
|
|
57
57
|
*
|
|
58
|
-
* - [App Bar](https://mui.com/material-ui/react-app-bar/)
|
|
58
|
+
* - [App Bar](https://v7.mui.com/material-ui/react-app-bar/)
|
|
59
59
|
*
|
|
60
60
|
* API:
|
|
61
61
|
*
|
|
62
|
-
* - [AppBar API](https://mui.com/material-ui/api/app-bar/)
|
|
63
|
-
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
62
|
+
* - [AppBar API](https://v7.mui.com/material-ui/api/app-bar/)
|
|
63
|
+
* - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
|
|
64
64
|
*/
|
|
65
65
|
|
|
66
66
|
declare const AppBar: OverridableComponent<AppBarTypeMap>;
|
|
@@ -83,6 +83,21 @@ export interface AutocompleteRenderInputParams {
|
|
|
83
83
|
}
|
|
84
84
|
export interface AutocompletePropsSizeOverrides {}
|
|
85
85
|
export interface AutocompleteSlots {
|
|
86
|
+
/**
|
|
87
|
+
* The component that renders the root.
|
|
88
|
+
* @default 'div'
|
|
89
|
+
*/
|
|
90
|
+
root: React.ElementType;
|
|
91
|
+
/**
|
|
92
|
+
* The component used to render the clear indicator element.
|
|
93
|
+
* @default IconButton
|
|
94
|
+
*/
|
|
95
|
+
clearIndicator: React.JSXElementConstructor<IconButtonProps>;
|
|
96
|
+
/**
|
|
97
|
+
* The component used to render the popup indicator element.
|
|
98
|
+
* @default IconButton
|
|
99
|
+
*/
|
|
100
|
+
popupIndicator: React.JSXElementConstructor<IconButtonProps>;
|
|
86
101
|
/**
|
|
87
102
|
* The component used to render the listbox.
|
|
88
103
|
* @default 'ul'
|
|
@@ -100,6 +115,7 @@ export interface AutocompleteSlots {
|
|
|
100
115
|
popper: React.JSXElementConstructor<PopperProps & AutocompletePopperSlotPropsOverrides>;
|
|
101
116
|
}
|
|
102
117
|
export type AutocompleteSlotsAndSlotProps<Value, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = CreateSlotsAndSlotProps<AutocompleteSlots, {
|
|
118
|
+
root: SlotProps<'div', {}, AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>>;
|
|
103
119
|
chip: SlotProps<React.ElementType<Partial<ChipProps<ChipComponent>>>, {}, AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>>;
|
|
104
120
|
clearIndicator: SlotProps<React.ElementType<Partial<IconButtonProps>>, {}, AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>>;
|
|
105
121
|
/**
|
|
@@ -320,10 +336,10 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
|
|
|
320
336
|
*
|
|
321
337
|
* Demos:
|
|
322
338
|
*
|
|
323
|
-
* - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
|
|
339
|
+
* - [Autocomplete](https://v7.mui.com/material-ui/react-autocomplete/)
|
|
324
340
|
*
|
|
325
341
|
* API:
|
|
326
342
|
*
|
|
327
|
-
* - [Autocomplete API](https://mui.com/material-ui/api/autocomplete/)
|
|
343
|
+
* - [Autocomplete API](https://v7.mui.com/material-ui/api/autocomplete/)
|
|
328
344
|
*/
|
|
329
345
|
export default function Autocomplete<Value, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']>(props: AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>): React.JSX.Element;
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
var _ClearIcon, _ArrowDropDownIcon;
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
|
-
import clsx from 'clsx';
|
|
7
6
|
import integerPropType from '@mui/utils/integerPropType';
|
|
8
7
|
import chainPropTypes from '@mui/utils/chainPropTypes';
|
|
9
8
|
import composeClasses from '@mui/utils/composeClasses';
|
|
@@ -536,6 +535,17 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
|
|
|
536
535
|
...slotProps
|
|
537
536
|
}
|
|
538
537
|
};
|
|
538
|
+
const [RootSlot, rootProps] = useSlot('root', {
|
|
539
|
+
ref,
|
|
540
|
+
className: [classes.root, className],
|
|
541
|
+
elementType: AutocompleteRoot,
|
|
542
|
+
externalForwardedProps: {
|
|
543
|
+
...externalForwardedProps,
|
|
544
|
+
...other
|
|
545
|
+
},
|
|
546
|
+
getSlotProps: getRootProps,
|
|
547
|
+
ownerState
|
|
548
|
+
});
|
|
539
549
|
const [ListboxSlot, listboxProps] = useSlot('listbox', {
|
|
540
550
|
elementType: AutocompleteListbox,
|
|
541
551
|
externalForwardedProps,
|
|
@@ -565,6 +575,31 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
|
|
|
565
575
|
open: popupOpen
|
|
566
576
|
}
|
|
567
577
|
});
|
|
578
|
+
const [ClearIndicatorSlot, clearIndicatorProps] = useSlot('clearIndicator', {
|
|
579
|
+
elementType: AutocompleteClearIndicator,
|
|
580
|
+
externalForwardedProps,
|
|
581
|
+
ownerState,
|
|
582
|
+
className: classes.clearIndicator,
|
|
583
|
+
shouldForwardComponentProp: true,
|
|
584
|
+
additionalProps: {
|
|
585
|
+
...getClearProps(),
|
|
586
|
+
'aria-label': clearText,
|
|
587
|
+
title: clearText
|
|
588
|
+
}
|
|
589
|
+
});
|
|
590
|
+
const [PopupIndicatorSlot, popupIndicatorProps] = useSlot('popupIndicator', {
|
|
591
|
+
elementType: AutocompletePopupIndicator,
|
|
592
|
+
externalForwardedProps,
|
|
593
|
+
ownerState,
|
|
594
|
+
className: classes.popupIndicator,
|
|
595
|
+
shouldForwardComponentProp: true,
|
|
596
|
+
additionalProps: {
|
|
597
|
+
...getPopupIndicatorProps(),
|
|
598
|
+
disabled,
|
|
599
|
+
'aria-label': popupOpen ? closeText : openText,
|
|
600
|
+
title: popupOpen ? closeText : openText
|
|
601
|
+
}
|
|
602
|
+
});
|
|
568
603
|
let startAdornment;
|
|
569
604
|
const getCustomizedItemProps = params => ({
|
|
570
605
|
className: classes.tag,
|
|
@@ -646,14 +681,9 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
|
|
|
646
681
|
inputValue
|
|
647
682
|
}, ownerState);
|
|
648
683
|
};
|
|
649
|
-
const clearIndicatorSlotProps = externalForwardedProps.slotProps.clearIndicator;
|
|
650
|
-
const popupIndicatorSlotProps = externalForwardedProps.slotProps.popupIndicator;
|
|
651
684
|
return /*#__PURE__*/_jsxs(React.Fragment, {
|
|
652
|
-
children: [/*#__PURE__*/_jsx(
|
|
653
|
-
|
|
654
|
-
className: clsx(classes.root, className),
|
|
655
|
-
ownerState: ownerState,
|
|
656
|
-
...getRootProps(other),
|
|
685
|
+
children: [/*#__PURE__*/_jsx(RootSlot, {
|
|
686
|
+
...rootProps,
|
|
657
687
|
children: renderInput({
|
|
658
688
|
id,
|
|
659
689
|
disabled,
|
|
@@ -673,22 +703,11 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
|
|
|
673
703
|
endAdornment: /*#__PURE__*/_jsxs(AutocompleteEndAdornment, {
|
|
674
704
|
className: classes.endAdornment,
|
|
675
705
|
ownerState: ownerState,
|
|
676
|
-
children: [hasClearIcon ? /*#__PURE__*/_jsx(
|
|
677
|
-
...
|
|
678
|
-
"aria-label": clearText,
|
|
679
|
-
title: clearText,
|
|
680
|
-
ownerState: ownerState,
|
|
681
|
-
...clearIndicatorSlotProps,
|
|
682
|
-
className: clsx(classes.clearIndicator, clearIndicatorSlotProps?.className),
|
|
706
|
+
children: [hasClearIcon ? /*#__PURE__*/_jsx(ClearIndicatorSlot, {
|
|
707
|
+
...clearIndicatorProps,
|
|
683
708
|
children: clearIcon
|
|
684
|
-
}) : null, hasPopupIcon ? /*#__PURE__*/_jsx(
|
|
685
|
-
...
|
|
686
|
-
disabled: disabled,
|
|
687
|
-
"aria-label": popupOpen ? closeText : openText,
|
|
688
|
-
title: popupOpen ? closeText : openText,
|
|
689
|
-
ownerState: ownerState,
|
|
690
|
-
...popupIndicatorSlotProps,
|
|
691
|
-
className: clsx(classes.popupIndicator, popupIndicatorSlotProps?.className),
|
|
709
|
+
}) : null, hasPopupIcon ? /*#__PURE__*/_jsx(PopupIndicatorSlot, {
|
|
710
|
+
...popupIndicatorProps,
|
|
692
711
|
children: popupIcon
|
|
693
712
|
}) : null]
|
|
694
713
|
})
|
|
@@ -1172,16 +1191,20 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
|
|
|
1172
1191
|
listbox: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
1173
1192
|
paper: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
1174
1193
|
popper: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
1175
|
-
popupIndicator: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
|
|
1194
|
+
popupIndicator: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
1195
|
+
root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
|
|
1176
1196
|
}),
|
|
1177
1197
|
/**
|
|
1178
1198
|
* The components used for each slot inside.
|
|
1179
1199
|
* @default {}
|
|
1180
1200
|
*/
|
|
1181
1201
|
slots: PropTypes.shape({
|
|
1202
|
+
clearIndicator: PropTypes.elementType,
|
|
1182
1203
|
listbox: PropTypes.elementType,
|
|
1183
1204
|
paper: PropTypes.elementType,
|
|
1184
|
-
popper: PropTypes.elementType
|
|
1205
|
+
popper: PropTypes.elementType,
|
|
1206
|
+
popupIndicator: PropTypes.elementType,
|
|
1207
|
+
root: PropTypes.elementType
|
|
1185
1208
|
}),
|
|
1186
1209
|
/**
|
|
1187
1210
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
package/esm/Avatar/Avatar.d.ts
CHANGED
|
@@ -99,11 +99,11 @@ export interface AvatarTypeMap<AdditionalProps = {}, RootComponent extends React
|
|
|
99
99
|
*
|
|
100
100
|
* Demos:
|
|
101
101
|
*
|
|
102
|
-
* - [Avatar](https://mui.com/material-ui/react-avatar/)
|
|
102
|
+
* - [Avatar](https://v7.mui.com/material-ui/react-avatar/)
|
|
103
103
|
*
|
|
104
104
|
* API:
|
|
105
105
|
*
|
|
106
|
-
* - [Avatar API](https://mui.com/material-ui/api/avatar/)
|
|
106
|
+
* - [Avatar API](https://v7.mui.com/material-ui/api/avatar/)
|
|
107
107
|
*/
|
|
108
108
|
declare const Avatar: OverridableComponent<AvatarTypeMap>;
|
|
109
109
|
export type AvatarProps<RootComponent extends React.ElementType = AvatarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AvatarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -82,11 +82,11 @@ export interface AvatarGroupTypeMap<AdditionalProps = {}, RootComponent extends
|
|
|
82
82
|
*
|
|
83
83
|
* Demos:
|
|
84
84
|
*
|
|
85
|
-
* - [Avatar](https://mui.com/material-ui/react-avatar/)
|
|
85
|
+
* - [Avatar](https://v7.mui.com/material-ui/react-avatar/)
|
|
86
86
|
*
|
|
87
87
|
* API:
|
|
88
88
|
*
|
|
89
|
-
* - [AvatarGroup API](https://mui.com/material-ui/api/avatar-group/)
|
|
89
|
+
* - [AvatarGroup API](https://v7.mui.com/material-ui/api/avatar-group/)
|
|
90
90
|
*/
|
|
91
91
|
declare const AvatarGroup: OverridableComponent<AvatarGroupTypeMap>;
|
|
92
92
|
export type AvatarGroupProps<RootComponent extends React.ElementType = AvatarGroupTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AvatarGroupTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -103,12 +103,12 @@ export declare const BackdropRoot: React.FC<BackdropRootProps>;
|
|
|
103
103
|
*
|
|
104
104
|
* Demos:
|
|
105
105
|
*
|
|
106
|
-
* - [Backdrop](https://mui.com/material-ui/react-backdrop/)
|
|
106
|
+
* - [Backdrop](https://v7.mui.com/material-ui/react-backdrop/)
|
|
107
107
|
*
|
|
108
108
|
* API:
|
|
109
109
|
*
|
|
110
|
-
* - [Backdrop API](https://mui.com/material-ui/api/backdrop/)
|
|
111
|
-
* - inherits [Fade API](https://mui.com/material-ui/api/fade/)
|
|
110
|
+
* - [Backdrop API](https://v7.mui.com/material-ui/api/backdrop/)
|
|
111
|
+
* - inherits [Fade API](https://v7.mui.com/material-ui/api/fade/)
|
|
112
112
|
*/
|
|
113
113
|
declare const Backdrop: OverridableComponent<BackdropTypeMap>;
|
|
114
114
|
export type BackdropProps<RootComponent extends React.ElementType = BackdropTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BackdropTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/esm/Badge/Badge.d.ts
CHANGED
|
@@ -143,12 +143,12 @@ export declare const BadgeMark: React.FC<BadgeBadgeProps>;
|
|
|
143
143
|
*
|
|
144
144
|
* Demos:
|
|
145
145
|
*
|
|
146
|
-
* - [Avatar](https://mui.com/material-ui/react-avatar/)
|
|
147
|
-
* - [Badge](https://mui.com/material-ui/react-badge/)
|
|
146
|
+
* - [Avatar](https://v7.mui.com/material-ui/react-avatar/)
|
|
147
|
+
* - [Badge](https://v7.mui.com/material-ui/react-badge/)
|
|
148
148
|
*
|
|
149
149
|
* API:
|
|
150
150
|
*
|
|
151
|
-
* - [Badge API](https://mui.com/material-ui/api/badge/)
|
|
151
|
+
* - [Badge API](https://v7.mui.com/material-ui/api/badge/)
|
|
152
152
|
*/
|
|
153
153
|
declare const Badge: OverridableComponent<BadgeTypeMap>;
|
|
154
154
|
export type BadgeProps<RootComponent extends React.ElementType = BadgeTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BadgeTypeMap<RootComponent, AdditionalProps>, RootComponent> & {
|
|
@@ -42,11 +42,11 @@ export interface BottomNavigationTypeMap<AdditionalProps = {}, RootComponent ext
|
|
|
42
42
|
*
|
|
43
43
|
* Demos:
|
|
44
44
|
*
|
|
45
|
-
* - [Bottom Navigation](https://mui.com/material-ui/react-bottom-navigation/)
|
|
45
|
+
* - [Bottom Navigation](https://v7.mui.com/material-ui/react-bottom-navigation/)
|
|
46
46
|
*
|
|
47
47
|
* API:
|
|
48
48
|
*
|
|
49
|
-
* - [BottomNavigation API](https://mui.com/material-ui/api/bottom-navigation/)
|
|
49
|
+
* - [BottomNavigation API](https://v7.mui.com/material-ui/api/bottom-navigation/)
|
|
50
50
|
*/
|
|
51
51
|
declare const BottomNavigation: OverridableComponent<BottomNavigationTypeMap>;
|
|
52
52
|
export type BottomNavigationProps<RootComponent extends React.ElementType = BottomNavigationTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BottomNavigationTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -73,12 +73,12 @@ export type BottomNavigationActionTypeMap<AdditionalProps, RootComponent extends
|
|
|
73
73
|
*
|
|
74
74
|
* Demos:
|
|
75
75
|
*
|
|
76
|
-
* - [Bottom Navigation](https://mui.com/material-ui/react-bottom-navigation/)
|
|
76
|
+
* - [Bottom Navigation](https://v7.mui.com/material-ui/react-bottom-navigation/)
|
|
77
77
|
*
|
|
78
78
|
* API:
|
|
79
79
|
*
|
|
80
|
-
* - [BottomNavigationAction API](https://mui.com/material-ui/api/bottom-navigation-action/)
|
|
81
|
-
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
80
|
+
* - [BottomNavigationAction API](https://v7.mui.com/material-ui/api/bottom-navigation-action/)
|
|
81
|
+
* - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
|
|
82
82
|
*/
|
|
83
83
|
declare const BottomNavigationAction: ExtendButtonBase<BottomNavigationActionTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
|
|
84
84
|
export type BottomNavigationActionProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BottomNavigationActionTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/esm/Box/Box.d.ts
CHANGED
|
@@ -7,11 +7,12 @@ import { Theme as MaterialTheme } from "../styles/index.js";
|
|
|
7
7
|
*
|
|
8
8
|
* Demos:
|
|
9
9
|
*
|
|
10
|
-
* - [Box](https://mui.com/material-ui/react-box/)
|
|
10
|
+
* - [Box](https://v7.mui.com/material-ui/react-box/)
|
|
11
|
+
* - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
|
|
11
12
|
*
|
|
12
13
|
* API:
|
|
13
14
|
*
|
|
14
|
-
* - [Box API](https://mui.com/material-ui/api/box/)
|
|
15
|
+
* - [Box API](https://v7.mui.com/material-ui/api/box/)
|
|
15
16
|
*/
|
|
16
17
|
declare const Box: OverridableComponent<BoxTypeMap<{}, 'div', MaterialTheme>>;
|
|
17
18
|
export type BoxProps<RootComponent extends React.ElementType = BoxTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BoxTypeMap<AdditionalProps, RootComponent, MaterialTheme>, RootComponent> & {
|
|
@@ -80,12 +80,12 @@ export interface BreadcrumbsTypeMap<AdditionalProps = {}, RootComponent extends
|
|
|
80
80
|
*
|
|
81
81
|
* Demos:
|
|
82
82
|
*
|
|
83
|
-
* - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
|
|
83
|
+
* - [Breadcrumbs](https://v7.mui.com/material-ui/react-breadcrumbs/)
|
|
84
84
|
*
|
|
85
85
|
* API:
|
|
86
86
|
*
|
|
87
|
-
* - [Breadcrumbs API](https://mui.com/material-ui/api/breadcrumbs/)
|
|
88
|
-
* - inherits [Typography API](https://mui.com/material-ui/api/typography/)
|
|
87
|
+
* - [Breadcrumbs API](https://v7.mui.com/material-ui/api/breadcrumbs/)
|
|
88
|
+
* - inherits [Typography API](https://v7.mui.com/material-ui/api/typography/)
|
|
89
89
|
*/
|
|
90
90
|
declare const Breadcrumbs: OverridableComponent<BreadcrumbsTypeMap>;
|
|
91
91
|
export type BreadcrumbsProps<RootComponent extends React.ElementType = BreadcrumbsTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BreadcrumbsTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/esm/Button/Button.d.ts
CHANGED
|
@@ -115,14 +115,15 @@ export type ExtendButton<TypeMap extends OverridableTypeMap> = ((props: {
|
|
|
115
115
|
*
|
|
116
116
|
* Demos:
|
|
117
117
|
*
|
|
118
|
-
* - [Button Group](https://mui.com/material-ui/react-button-group/)
|
|
119
|
-
* - [Button](https://mui.com/material-ui/react-button/)
|
|
120
|
-
* - [
|
|
118
|
+
* - [Button Group](https://v7.mui.com/material-ui/react-button-group/)
|
|
119
|
+
* - [Button](https://v7.mui.com/material-ui/react-button/)
|
|
120
|
+
* - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
|
|
121
|
+
* - [Number Field](https://v7.mui.com/material-ui/react-number-field/)
|
|
121
122
|
*
|
|
122
123
|
* API:
|
|
123
124
|
*
|
|
124
|
-
* - [Button API](https://mui.com/material-ui/api/button/)
|
|
125
|
-
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
125
|
+
* - [Button API](https://v7.mui.com/material-ui/api/button/)
|
|
126
|
+
* - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
|
|
126
127
|
*/
|
|
127
128
|
declare const Button: ExtendButtonBase<ButtonTypeMap>;
|
|
128
129
|
export type ButtonProps<RootComponent extends React.ElementType = ButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -109,11 +109,11 @@ export type ExtendButtonBase<TypeMap extends OverridableTypeMap> = ((props: {
|
|
|
109
109
|
*
|
|
110
110
|
* Demos:
|
|
111
111
|
*
|
|
112
|
-
* - [Button](https://mui.com/material-ui/react-button/)
|
|
112
|
+
* - [Button](https://v7.mui.com/material-ui/react-button/)
|
|
113
113
|
*
|
|
114
114
|
* API:
|
|
115
115
|
*
|
|
116
|
-
* - [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
116
|
+
* - [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
|
|
117
117
|
*/
|
|
118
118
|
declare const ButtonBase: ExtendButtonBase<ButtonBaseTypeMap>;
|
|
119
119
|
export type ButtonBaseProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonBaseTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -175,7 +175,13 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
|
175
175
|
});
|
|
176
176
|
const isNonNativeButton = () => {
|
|
177
177
|
const button = buttonRef.current;
|
|
178
|
-
|
|
178
|
+
if (!button) {
|
|
179
|
+
return component && component !== 'button';
|
|
180
|
+
}
|
|
181
|
+
if (button.tagName === 'BUTTON') {
|
|
182
|
+
return false;
|
|
183
|
+
}
|
|
184
|
+
return !(button.tagName === 'A' && button.href);
|
|
179
185
|
};
|
|
180
186
|
const handleKeyDown = useEventCallback(event => {
|
|
181
187
|
// Check if key is already down to avoid repeats being counted as multiple activations
|
|
@@ -212,7 +218,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
|
|
|
212
218
|
}
|
|
213
219
|
|
|
214
220
|
// Keyboard accessibility for non interactive elements
|
|
215
|
-
if (onClick && event.target === event.currentTarget && isNonNativeButton() && event.key === ' ' && !event.defaultPrevented) {
|
|
221
|
+
if (onClick && event.target === event.currentTarget && isNonNativeButton() && event.key === ' ' && !event.defaultPrevented && !disabled) {
|
|
216
222
|
onClick(event);
|
|
217
223
|
}
|
|
218
224
|
});
|
|
@@ -78,11 +78,11 @@ export interface ButtonGroupTypeMap<AdditionalProps = {}, RootComponent extends
|
|
|
78
78
|
*
|
|
79
79
|
* Demos:
|
|
80
80
|
*
|
|
81
|
-
* - [Button Group](https://mui.com/material-ui/react-button-group/)
|
|
81
|
+
* - [Button Group](https://v7.mui.com/material-ui/react-button-group/)
|
|
82
82
|
*
|
|
83
83
|
* API:
|
|
84
84
|
*
|
|
85
|
-
* - [ButtonGroup API](https://mui.com/material-ui/api/button-group/)
|
|
85
|
+
* - [ButtonGroup API](https://v7.mui.com/material-ui/api/button-group/)
|
|
86
86
|
*/
|
|
87
87
|
declare const ButtonGroup: OverridableComponent<ButtonGroupTypeMap>;
|
|
88
88
|
export type ButtonGroupProps<RootComponent extends React.ElementType = ButtonGroupTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonGroupTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/esm/Card/Card.d.ts
CHANGED
|
@@ -32,12 +32,12 @@ export interface CardTypeMap<AdditionalProps = {}, RootComponent extends React.E
|
|
|
32
32
|
*
|
|
33
33
|
* Demos:
|
|
34
34
|
*
|
|
35
|
-
* - [Card](https://mui.com/material-ui/react-card/)
|
|
35
|
+
* - [Card](https://v7.mui.com/material-ui/react-card/)
|
|
36
36
|
*
|
|
37
37
|
* API:
|
|
38
38
|
*
|
|
39
|
-
* - [Card API](https://mui.com/material-ui/api/card/)
|
|
40
|
-
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
39
|
+
* - [Card API](https://v7.mui.com/material-ui/api/card/)
|
|
40
|
+
* - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
|
|
41
41
|
*/
|
|
42
42
|
|
|
43
43
|
declare const Card: OverridableComponent<CardTypeMap>;
|
|
@@ -50,12 +50,12 @@ export type CardActionAreaTypeMap<AdditionalProps, RootComponent extends React.E
|
|
|
50
50
|
*
|
|
51
51
|
* Demos:
|
|
52
52
|
*
|
|
53
|
-
* - [Card](https://mui.com/material-ui/react-card/)
|
|
53
|
+
* - [Card](https://v7.mui.com/material-ui/react-card/)
|
|
54
54
|
*
|
|
55
55
|
* API:
|
|
56
56
|
*
|
|
57
|
-
* - [CardActionArea API](https://mui.com/material-ui/api/card-action-area/)
|
|
58
|
-
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
57
|
+
* - [CardActionArea API](https://v7.mui.com/material-ui/api/card-action-area/)
|
|
58
|
+
* - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
|
|
59
59
|
*/
|
|
60
60
|
declare const CardActionArea: ExtendButtonBase<CardActionAreaTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
|
|
61
61
|
export type CardActionAreaProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardActionAreaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -27,10 +27,10 @@ export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTM
|
|
|
27
27
|
*
|
|
28
28
|
* Demos:
|
|
29
29
|
*
|
|
30
|
-
* - [Card](https://mui.com/material-ui/react-card/)
|
|
30
|
+
* - [Card](https://v7.mui.com/material-ui/react-card/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [CardActions API](https://mui.com/material-ui/api/card-actions/)
|
|
34
|
+
* - [CardActions API](https://v7.mui.com/material-ui/api/card-actions/)
|
|
35
35
|
*/
|
|
36
36
|
export default function CardActions(props: CardActionsProps): React.JSX.Element;
|