@mui/material 7.3.9 → 7.3.11
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 +111 -37
- 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/Button/Button.js +18 -1
- package/ButtonBase/ButtonBase.d.ts +2 -2
- package/ButtonBase/ButtonBase.js +8 -2
- package/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/CHANGELOG.md +82 -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/Checkbox/Checkbox.js +2 -1
- 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 +5 -8
- 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 +19 -6
- 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/Drawer/Drawer.js +18 -4
- package/Fab/Fab.d.ts +3 -3
- package/Fab/Fab.js +7 -1
- 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/InputBase/InputBase.js +39 -7
- 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/ListItemButton/ListItemButton.js +7 -1
- 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 +27 -2
- 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/BasePopper.js +23 -1
- 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/Slider/useSlider.js +6 -3
- 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 +5 -7
- package/Switch/Switch.d.ts +4 -4
- package/Switch/Switch.js +7 -4
- 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/Unstable_TrapFocus/FocusTrap.js +15 -5
- 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 +111 -37
- 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/Button/Button.js +18 -1
- 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/Checkbox/Checkbox.js +2 -1
- 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 +5 -8
- 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 +19 -6
- 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/Drawer/Drawer.js +18 -4
- package/esm/Fab/Fab.d.ts +3 -3
- package/esm/Fab/Fab.js +7 -1
- 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/InputBase/InputBase.js +39 -7
- 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/ListItemButton/ListItemButton.js +7 -1
- 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 +29 -2
- 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/BasePopper.js +23 -1
- 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/Slider/useSlider.js +6 -3
- 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 +5 -7
- package/esm/Switch/Switch.d.ts +4 -4
- package/esm/Switch/Switch.js +7 -4
- 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/Unstable_TrapFocus/FocusTrap.js +15 -5
- 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.d.ts +4 -5
- package/esm/useAutocomplete/useAutocomplete.js +211 -47
- package/esm/utils/contains.d.ts +2 -0
- package/esm/utils/contains.js +2 -0
- package/esm/utils/focusable.d.ts +7 -0
- package/esm/utils/focusable.js +13 -0
- package/esm/utils/getEventTarget.d.ts +2 -0
- package/esm/utils/getEventTarget.js +2 -0
- 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.d.ts +4 -5
- package/useAutocomplete/useAutocomplete.js +211 -47
- package/utils/contains.d.ts +2 -0
- package/utils/contains.js +9 -0
- package/utils/focusable.d.ts +7 -0
- package/utils/focusable.js +20 -0
- package/utils/getEventTarget.d.ts +2 -0
- package/utils/getEventTarget.js +9 -0
- package/version/index.js +2 -2
|
@@ -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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,87 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 7.3.11
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v7.3.10..v7.x -->
|
|
6
|
+
|
|
7
|
+
_May 6, 2026_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 5 contributors who made this release possible.
|
|
10
|
+
|
|
11
|
+
### `@mui/material@7.3.11`
|
|
12
|
+
|
|
13
|
+
- [autocomplete] Fix highlight sync and scroll preservation (#48350) @mj12albert
|
|
14
|
+
- [autocomplete] Fix popper rendering issues (#48343) @mj12albert
|
|
15
|
+
- [autocomplete] Improve highlight tracking and selection state (#48318) @mj12albert
|
|
16
|
+
- [button] Fix `startIcon` alignment (#48339) @mj12albert
|
|
17
|
+
- [button] Remove duplicated className entries (#48284) @silviuaavram
|
|
18
|
+
- [checkbox] Set `aria-checked=mixed` when indeterminate (#48286) @mj12albert
|
|
19
|
+
- [dialog][drawer][focus trap] Fix initial focus target (#48324) @mj12albert
|
|
20
|
+
- [drawer] Fix transition jump (#48340) @mj12albert
|
|
21
|
+
- [input] Fix layout shift with display: flex (#48359) @oliviertassinari
|
|
22
|
+
- [inputs] Fix autofocus in SSR environment (#48307) @mj12albert
|
|
23
|
+
- [popper] Persist positioning styles when popperOptions changes reference (#48302) @mj12albert
|
|
24
|
+
- [switch] Fix incorrect `role` with `slotProps.input` (#48472) @mj12albert
|
|
25
|
+
- [utils] Add shadow dom utils (#48309) @mj12albert
|
|
26
|
+
|
|
27
|
+
### Docs
|
|
28
|
+
|
|
29
|
+
- [docs] Update banner to announce v9 (#48299) @siriwatknp
|
|
30
|
+
- [docs] Add v9 in the versions select in v7.mui.com (#48233) @alexfauquette
|
|
31
|
+
|
|
32
|
+
### Core
|
|
33
|
+
|
|
34
|
+
- [internal] Update some host-reference entries (#48225) @silviuaavram
|
|
35
|
+
|
|
36
|
+
All contributors of this release in alphabetical order: @alexfauquette, @mj12albert, @oliviertassinari, @silviuaavram, @siriwatknp
|
|
37
|
+
|
|
38
|
+
## 7.3.10
|
|
39
|
+
|
|
40
|
+
<!-- generated comparing v7.3.9..v7.x -->
|
|
41
|
+
|
|
42
|
+
_Apr 8, 2026_
|
|
43
|
+
|
|
44
|
+
A big thanks to the 15 contributors who made this release possible. A few highlights ✨:
|
|
45
|
+
|
|
46
|
+
- 📖 Added the Menubar component page to the docs.
|
|
47
|
+
|
|
48
|
+
### `@mui/material@7.3.10`
|
|
49
|
+
|
|
50
|
+
- [alert][dialog] Accessibility improvements (#48161) @silviuaavram
|
|
51
|
+
- [autocomplete] Add `root` slot (#47916) @GerardasB
|
|
52
|
+
- [autocomplete] Fix helper text focusing input when clicked (#48162) @mj12albert
|
|
53
|
+
- [autocomplete] Fix popup reopening on window focus regain with openOnFocus (#47914) @aman44444
|
|
54
|
+
- [autocomplete] Optimize selected option lookup (#48027) @anchmelev
|
|
55
|
+
- [autocomplete] Support full slots for clearIndicator and popupIndicator (#47913) @silviuaavram
|
|
56
|
+
- [button-base] Fix native button detection (#47994) @mj12albert
|
|
57
|
+
- [input] Fix high contrast cutoff on first character (#48160) @silviuaavram
|
|
58
|
+
- [list item text][card header] Revert cleanup of duplicated CSS rules (#47938) @sai6855
|
|
59
|
+
- [popper] Add missing classes export (#48033) @mj12albert
|
|
60
|
+
- [select] Fix focus visible always set on menu item (#48022) @silviuaavram
|
|
61
|
+
- [slider] Accept readonly array for the value prop (#47961) @pcorpet
|
|
62
|
+
- [switch] Add border to make it visible in high contrast mode (#48210) @silviuaavram
|
|
63
|
+
- [theme] Do not create channel tokens for custom colors when `nativeColor` is used (#48144) @ZeeshanTamboli
|
|
64
|
+
- [transitions] Performance improvements & misc fixes (#48217) @mj12albert
|
|
65
|
+
|
|
66
|
+
### Docs
|
|
67
|
+
|
|
68
|
+
- [codemod] Add v7 migration docs for deprecated Autocomplete APIs and Autocomplete codemod (#47954) @ZeeshanTamboli
|
|
69
|
+
- [menubar] Add Menubar component page (#47942) @siriwatknp
|
|
70
|
+
- [progress] Label all demo components (#48168) @mj12albert
|
|
71
|
+
- [system] Update `styled` API docs for easier understanding (#47969) @olivier-lxo
|
|
72
|
+
- Fix the dark mode footer row shadow for the Data Grid on the advanced components page (#48152) @arminmeh
|
|
73
|
+
- Fix MUI X redirects (#47917) @cherniavskii
|
|
74
|
+
- Use direct palette vars in Tailwind v4 snippet (#47955) @Ahmad-Alaziz
|
|
75
|
+
|
|
76
|
+
### Core
|
|
77
|
+
|
|
78
|
+
- [blog] Blogpost for upcoming price changes for MUI X (#47820) @DanailH
|
|
79
|
+
- [blog] Update the 2026 price changes blogpost (#47944) @DanailH
|
|
80
|
+
- [code-infra] Add pkg-pr-new as dev dependency (#48023) @silviuaavram
|
|
81
|
+
- [docs-infra] Update Release Instructions and Search Index v7 (#48109) @dav-is
|
|
82
|
+
|
|
83
|
+
All contributors of this release in alphabetical order: @Ahmad-Alaziz, @aman44444, @anchmelev, @arminmeh, @cherniavskii, @DanailH, @dav-is, @GerardasB, @mj12albert, @olivier-lxo, @pcorpet, @sai6855, @silviuaavram, @siriwatknp, @ZeeshanTamboli
|
|
84
|
+
|
|
3
85
|
## 7.3.9
|
|
4
86
|
|
|
5
87
|
<!-- generated comparing v7.3.8..v7.x -->
|
package/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;
|
|
@@ -25,11 +25,11 @@ export interface CardContentTypeMap<AdditionalProps = {}, RootComponent extends
|
|
|
25
25
|
*
|
|
26
26
|
* Demos:
|
|
27
27
|
*
|
|
28
|
-
* - [Card](https://mui.com/material-ui/react-card/)
|
|
28
|
+
* - [Card](https://v7.mui.com/material-ui/react-card/)
|
|
29
29
|
*
|
|
30
30
|
* API:
|
|
31
31
|
*
|
|
32
|
-
* - [CardContent API](https://mui.com/material-ui/api/card-content/)
|
|
32
|
+
* - [CardContent API](https://v7.mui.com/material-ui/api/card-content/)
|
|
33
33
|
*/
|
|
34
34
|
declare const CardContent: OverridableComponent<CardContentTypeMap>;
|
|
35
35
|
export type CardContentProps<RootComponent extends React.ElementType = CardContentTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardContentTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -136,11 +136,11 @@ export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends R
|
|
|
136
136
|
*
|
|
137
137
|
* Demos:
|
|
138
138
|
*
|
|
139
|
-
* - [Card](https://mui.com/material-ui/react-card/)
|
|
139
|
+
* - [Card](https://v7.mui.com/material-ui/react-card/)
|
|
140
140
|
*
|
|
141
141
|
* API:
|
|
142
142
|
*
|
|
143
|
-
* - [CardHeader API](https://mui.com/material-ui/api/card-header/)
|
|
143
|
+
* - [CardHeader API](https://v7.mui.com/material-ui/api/card-header/)
|
|
144
144
|
*/
|
|
145
145
|
declare const CardHeader: OverridableCardHeader;
|
|
146
146
|
export interface OverridableCardHeader extends OverridableComponent<CardHeaderTypeMap> {
|
package/CardHeader/CardHeader.js
CHANGED
|
@@ -68,7 +68,11 @@ const CardHeaderContent = (0, _zeroStyled.styled)('div', {
|
|
|
68
68
|
slot: 'Content'
|
|
69
69
|
})({
|
|
70
70
|
flex: '1 1 auto',
|
|
71
|
-
|
|
71
|
+
// Combine this and the below selector once https://github.com/emotion-js/emotion/issues/3366 is solved
|
|
72
|
+
[`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.title})`]: {
|
|
73
|
+
display: 'block'
|
|
74
|
+
},
|
|
75
|
+
[`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.subheader})`]: {
|
|
72
76
|
display: 'block'
|
|
73
77
|
}
|
|
74
78
|
});
|
package/CardMedia/CardMedia.d.ts
CHANGED
|
@@ -38,11 +38,11 @@ export interface CardMediaTypeMap<AdditionalProps, RootComponent extends React.E
|
|
|
38
38
|
*
|
|
39
39
|
* Demos:
|
|
40
40
|
*
|
|
41
|
-
* - [Card](https://mui.com/material-ui/react-card/)
|
|
41
|
+
* - [Card](https://v7.mui.com/material-ui/react-card/)
|
|
42
42
|
*
|
|
43
43
|
* API:
|
|
44
44
|
*
|
|
45
|
-
* - [CardMedia API](https://mui.com/material-ui/api/card-media/)
|
|
45
|
+
* - [CardMedia API](https://v7.mui.com/material-ui/api/card-media/)
|
|
46
46
|
*/
|
|
47
47
|
declare const CardMedia: OverridableComponent<CardMediaTypeMap<{}, 'div'>>;
|
|
48
48
|
export type CardMediaProps<RootComponent extends React.ElementType = 'div', AdditionalProps = {}> = OverrideProps<CardMediaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/Checkbox/Checkbox.d.ts
CHANGED
|
@@ -121,12 +121,12 @@ export interface CheckboxOwnerState extends Omit<CheckboxProps, 'slots' | 'slotP
|
|
|
121
121
|
*
|
|
122
122
|
* Demos:
|
|
123
123
|
*
|
|
124
|
-
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
125
|
-
* - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
|
|
124
|
+
* - [Checkbox](https://v7.mui.com/material-ui/react-checkbox/)
|
|
125
|
+
* - [Transfer List](https://v7.mui.com/material-ui/react-transfer-list/)
|
|
126
126
|
*
|
|
127
127
|
* API:
|
|
128
128
|
*
|
|
129
|
-
* - [Checkbox API](https://mui.com/material-ui/api/checkbox/)
|
|
130
|
-
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
129
|
+
* - [Checkbox API](https://v7.mui.com/material-ui/api/checkbox/)
|
|
130
|
+
* - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
|
|
131
131
|
*/
|
|
132
132
|
export default function Checkbox(props: CheckboxProps): React.JSX.Element;
|
package/Checkbox/Checkbox.js
CHANGED
|
@@ -159,7 +159,8 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
|
|
|
159
159
|
slots,
|
|
160
160
|
slotProps: {
|
|
161
161
|
input: (0, _utils.mergeSlotProps)(typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps, {
|
|
162
|
-
'data-indeterminate': indeterminate
|
|
162
|
+
'data-indeterminate': indeterminate,
|
|
163
|
+
'aria-checked': indeterminate ? 'mixed' : undefined
|
|
163
164
|
})
|
|
164
165
|
}
|
|
165
166
|
}
|
package/Chip/Chip.d.ts
CHANGED
|
@@ -120,11 +120,11 @@ export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.E
|
|
|
120
120
|
*
|
|
121
121
|
* Demos:
|
|
122
122
|
*
|
|
123
|
-
* - [Chip](https://mui.com/material-ui/react-chip/)
|
|
123
|
+
* - [Chip](https://v7.mui.com/material-ui/react-chip/)
|
|
124
124
|
*
|
|
125
125
|
* API:
|
|
126
126
|
*
|
|
127
|
-
* - [Chip API](https://mui.com/material-ui/api/chip/)
|
|
127
|
+
* - [Chip API](https://v7.mui.com/material-ui/api/chip/)
|
|
128
128
|
*/
|
|
129
129
|
declare const Chip: OverridableComponent<ChipTypeMap>;
|
|
130
130
|
export type ChipProps<RootComponent extends React.ElementType = ChipTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ChipTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -69,10 +69,10 @@ export interface CircularProgressProps extends StandardProps<React.HTMLAttribute
|
|
|
69
69
|
*
|
|
70
70
|
* Demos:
|
|
71
71
|
*
|
|
72
|
-
* - [Progress](https://mui.com/material-ui/react-progress/)
|
|
72
|
+
* - [Progress](https://v7.mui.com/material-ui/react-progress/)
|
|
73
73
|
*
|
|
74
74
|
* API:
|
|
75
75
|
*
|
|
76
|
-
* - [CircularProgress API](https://mui.com/material-ui/api/circular-progress/)
|
|
76
|
+
* - [CircularProgress API](https://v7.mui.com/material-ui/api/circular-progress/)
|
|
77
77
|
*/
|
|
78
78
|
export default function CircularProgress(props: CircularProgressProps): React.JSX.Element;
|
|
@@ -33,12 +33,12 @@ export interface ClickAwayListenerProps {
|
|
|
33
33
|
*
|
|
34
34
|
* Demos:
|
|
35
35
|
*
|
|
36
|
-
* - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
|
|
37
|
-
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
36
|
+
* - [Click-Away Listener](https://v7.mui.com/material-ui/react-click-away-listener/)
|
|
37
|
+
* - [Menu](https://v7.mui.com/material-ui/react-menu/)
|
|
38
38
|
*
|
|
39
39
|
* API:
|
|
40
40
|
*
|
|
41
|
-
* - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
|
|
41
|
+
* - [ClickAwayListener API](https://v7.mui.com/material-ui/api/click-away-listener/)
|
|
42
42
|
*/
|
|
43
43
|
declare function ClickAwayListener(props: ClickAwayListenerProps): React.JSX.Element;
|
|
44
44
|
declare namespace ClickAwayListener {
|
|
@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
9
9
|
exports.ClickAwayListener = ClickAwayListener;
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
+
var _contains = _interopRequireDefault(require("@mui/utils/contains"));
|
|
12
13
|
var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
|
|
13
14
|
var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
|
|
14
15
|
var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
|
|
@@ -28,12 +29,12 @@ function clickedRootScrollbar(event, doc) {
|
|
|
28
29
|
*
|
|
29
30
|
* Demos:
|
|
30
31
|
*
|
|
31
|
-
* - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
|
|
32
|
-
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
32
|
+
* - [Click-Away Listener](https://v7.mui.com/material-ui/react-click-away-listener/)
|
|
33
|
+
* - [Menu](https://v7.mui.com/material-ui/react-menu/)
|
|
33
34
|
*
|
|
34
35
|
* API:
|
|
35
36
|
*
|
|
36
|
-
* - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
|
|
37
|
+
* - [ClickAwayListener API](https://v7.mui.com/material-ui/api/click-away-listener/)
|
|
37
38
|
*/
|
|
38
39
|
function ClickAwayListener(props) {
|
|
39
40
|
const {
|
|
@@ -90,11 +91,7 @@ function ClickAwayListener(props) {
|
|
|
90
91
|
if (event.composedPath) {
|
|
91
92
|
insideDOM = event.composedPath().includes(nodeRef.current);
|
|
92
93
|
} else {
|
|
93
|
-
insideDOM = !doc.documentElement.
|
|
94
|
-
// @ts-expect-error returns `false` as intended when not dispatched from a Node
|
|
95
|
-
event.target) || nodeRef.current.contains(
|
|
96
|
-
// @ts-expect-error returns `false` as intended when not dispatched from a Node
|
|
97
|
-
event.target);
|
|
94
|
+
insideDOM = !(0, _contains.default)(doc.documentElement, event.target) || (0, _contains.default)(nodeRef.current, event.target);
|
|
98
95
|
}
|
|
99
96
|
if (!insideDOM && (disableReactTree || !insideReactTree)) {
|
|
100
97
|
onClickAway(event);
|
package/Collapse/Collapse.d.ts
CHANGED
|
@@ -84,18 +84,18 @@ export interface CollapseOwnerState extends CollapseProps {
|
|
|
84
84
|
|
|
85
85
|
/**
|
|
86
86
|
* The Collapse transition is used by the
|
|
87
|
-
* [Vertical Stepper](https://mui.com/material-ui/react-stepper/#vertical-stepper) StepContent component.
|
|
87
|
+
* [Vertical Stepper](https://v7.mui.com/material-ui/react-stepper/#vertical-stepper) StepContent component.
|
|
88
88
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
89
89
|
*
|
|
90
90
|
* Demos:
|
|
91
91
|
*
|
|
92
|
-
* - [Card](https://mui.com/material-ui/react-card/)
|
|
93
|
-
* - [Lists](https://mui.com/material-ui/react-list/)
|
|
94
|
-
* - [Transitions](https://mui.com/material-ui/transitions/)
|
|
92
|
+
* - [Card](https://v7.mui.com/material-ui/react-card/)
|
|
93
|
+
* - [Lists](https://v7.mui.com/material-ui/react-list/)
|
|
94
|
+
* - [Transitions](https://v7.mui.com/material-ui/transitions/)
|
|
95
95
|
*
|
|
96
96
|
* API:
|
|
97
97
|
*
|
|
98
|
-
* - [Collapse API](https://mui.com/material-ui/api/collapse/)
|
|
98
|
+
* - [Collapse API](https://v7.mui.com/material-ui/api/collapse/)
|
|
99
99
|
* - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
|
|
100
100
|
*/
|
|
101
101
|
|
package/Collapse/Collapse.js
CHANGED
|
@@ -167,20 +167,8 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
|
|
|
167
167
|
const size = isHorizontal ? 'width' : 'height';
|
|
168
168
|
const nodeRef = React.useRef(null);
|
|
169
169
|
const handleRef = (0, _utils2.useForkRef)(ref, nodeRef);
|
|
170
|
-
const normalizedTransitionCallback = callback => maybeIsAppearing => {
|
|
171
|
-
if (callback) {
|
|
172
|
-
const node = nodeRef.current;
|
|
173
|
-
|
|
174
|
-
// onEnterXxx and onExitXxx callbacks have a different arguments.length value.
|
|
175
|
-
if (maybeIsAppearing === undefined) {
|
|
176
|
-
callback(node);
|
|
177
|
-
} else {
|
|
178
|
-
callback(node, maybeIsAppearing);
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
};
|
|
182
170
|
const getWrapperSize = () => wrapperRef.current ? wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'] : 0;
|
|
183
|
-
const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
|
|
171
|
+
const handleEnter = (0, _utils.normalizedTransitionCallback)(nodeRef, (node, isAppearing) => {
|
|
184
172
|
if (wrapperRef.current && isHorizontal) {
|
|
185
173
|
// Set absolute position to get the size of collapsed content
|
|
186
174
|
wrapperRef.current.style.position = 'absolute';
|
|
@@ -190,7 +178,7 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
|
|
|
190
178
|
onEnter(node, isAppearing);
|
|
191
179
|
}
|
|
192
180
|
});
|
|
193
|
-
const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
|
|
181
|
+
const handleEntering = (0, _utils.normalizedTransitionCallback)(nodeRef, (node, isAppearing) => {
|
|
194
182
|
const wrapperSize = getWrapperSize();
|
|
195
183
|
if (wrapperRef.current && isHorizontal) {
|
|
196
184
|
// After the size is read reset the position back to default
|
|
@@ -219,20 +207,20 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
|
|
|
219
207
|
onEntering(node, isAppearing);
|
|
220
208
|
}
|
|
221
209
|
});
|
|
222
|
-
const handleEntered = normalizedTransitionCallback((node, isAppearing) => {
|
|
210
|
+
const handleEntered = (0, _utils.normalizedTransitionCallback)(nodeRef, (node, isAppearing) => {
|
|
223
211
|
node.style[size] = 'auto';
|
|
224
212
|
if (onEntered) {
|
|
225
213
|
onEntered(node, isAppearing);
|
|
226
214
|
}
|
|
227
215
|
});
|
|
228
|
-
const handleExit = normalizedTransitionCallback(node => {
|
|
216
|
+
const handleExit = (0, _utils.normalizedTransitionCallback)(nodeRef, node => {
|
|
229
217
|
node.style[size] = `${getWrapperSize()}px`;
|
|
230
218
|
if (onExit) {
|
|
231
219
|
onExit(node);
|
|
232
220
|
}
|
|
233
221
|
});
|
|
234
|
-
const handleExited = normalizedTransitionCallback(onExited);
|
|
235
|
-
const handleExiting = normalizedTransitionCallback(node => {
|
|
222
|
+
const handleExited = (0, _utils.normalizedTransitionCallback)(nodeRef, onExited);
|
|
223
|
+
const handleExiting = (0, _utils.normalizedTransitionCallback)(nodeRef, node => {
|
|
236
224
|
const wrapperSize = getWrapperSize();
|
|
237
225
|
const {
|
|
238
226
|
duration: transitionDuration,
|
package/Container/Container.d.ts
CHANGED
|
@@ -42,11 +42,11 @@ export interface ContainerTypeMap<AdditionalProps = {}, RootComponent extends Re
|
|
|
42
42
|
*
|
|
43
43
|
* Demos:
|
|
44
44
|
*
|
|
45
|
-
* - [Container](https://mui.com/material-ui/react-container/)
|
|
45
|
+
* - [Container](https://v7.mui.com/material-ui/react-container/)
|
|
46
46
|
*
|
|
47
47
|
* API:
|
|
48
48
|
*
|
|
49
|
-
* - [Container API](https://mui.com/material-ui/api/container/)
|
|
49
|
+
* - [Container API](https://v7.mui.com/material-ui/api/container/)
|
|
50
50
|
*/
|
|
51
51
|
declare const Container: OverridableComponent<ContainerTypeMap>;
|
|
52
52
|
export type ContainerProps<RootComponent extends React.ElementType = ContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ContainerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -19,10 +19,10 @@ export interface CssBaselineProps extends StyledComponentProps<never> {
|
|
|
19
19
|
*
|
|
20
20
|
* Demos:
|
|
21
21
|
*
|
|
22
|
-
* - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
|
|
22
|
+
* - [CSS Baseline](https://v7.mui.com/material-ui/react-css-baseline/)
|
|
23
23
|
*
|
|
24
24
|
* API:
|
|
25
25
|
*
|
|
26
|
-
* - [CssBaseline API](https://mui.com/material-ui/api/css-baseline/)
|
|
26
|
+
* - [CssBaseline API](https://v7.mui.com/material-ui/api/css-baseline/)
|
|
27
27
|
*/
|
|
28
28
|
export default function CssBaseline(props: CssBaselineProps): React.JSX.Element;
|
package/Dialog/Dialog.d.ts
CHANGED
|
@@ -123,6 +123,13 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
|
|
|
123
123
|
* If `true`, the component is shown.
|
|
124
124
|
*/
|
|
125
125
|
open: ModalProps['open'];
|
|
126
|
+
/**
|
|
127
|
+
* The ARIA role for the dialog element.
|
|
128
|
+
* The main dialog role is `dialog`, but `alertdialog` can be used if the content of the dialog requires immediate attention.
|
|
129
|
+
* See https://www.w3.org/TR/wai-aria-1.2/#dialog and https://www.w3.org/TR/wai-aria-1.2/#alertdialog for more details.
|
|
130
|
+
* @default 'dialog'
|
|
131
|
+
*/
|
|
132
|
+
role?: 'dialog' | 'alertdialog' | undefined;
|
|
126
133
|
/**
|
|
127
134
|
* The component used to render the body of the dialog.
|
|
128
135
|
* @default Paper
|
|
@@ -174,12 +181,12 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
|
|
|
174
181
|
*
|
|
175
182
|
* Demos:
|
|
176
183
|
*
|
|
177
|
-
* - [Dialog](https://mui.com/material-ui/react-dialog/)
|
|
184
|
+
* - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
|
|
178
185
|
*
|
|
179
186
|
* API:
|
|
180
187
|
*
|
|
181
|
-
* - [Dialog API](https://mui.com/material-ui/api/dialog/)
|
|
182
|
-
* - inherits [Modal API](https://mui.com/material-ui/api/modal/)
|
|
188
|
+
* - [Dialog API](https://v7.mui.com/material-ui/api/dialog/)
|
|
189
|
+
* - inherits [Modal API](https://v7.mui.com/material-ui/api/modal/)
|
|
183
190
|
*/
|
|
184
191
|
export default function Dialog(props: DialogProps): React.JSX.Element;
|
|
185
192
|
export interface DialogOwnerState extends Omit<DialogProps, 'slots' | 'slotProps'> {}
|
package/Dialog/Dialog.js
CHANGED
|
@@ -23,6 +23,7 @@ var _zeroStyled = require("../zero-styled");
|
|
|
23
23
|
var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
|
|
24
24
|
var _DefaultPropsProvider = require("../DefaultPropsProvider");
|
|
25
25
|
var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
|
|
26
|
+
var _focusable = require("../utils/focusable");
|
|
26
27
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
27
28
|
const DialogBackdrop = (0, _zeroStyled.styled)(_Backdrop.default, {
|
|
28
29
|
name: 'MuiDialog',
|
|
@@ -223,6 +224,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
|
|
|
223
224
|
open,
|
|
224
225
|
PaperComponent = _Paper.default,
|
|
225
226
|
PaperProps = {},
|
|
227
|
+
role = 'dialog',
|
|
226
228
|
scroll = 'paper',
|
|
227
229
|
slots = {},
|
|
228
230
|
slotProps = {},
|
|
@@ -300,7 +302,16 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
|
|
|
300
302
|
shouldForwardComponentProp: true,
|
|
301
303
|
externalForwardedProps,
|
|
302
304
|
ownerState,
|
|
303
|
-
className:
|
|
305
|
+
className: classes.paper,
|
|
306
|
+
additionalProps: {
|
|
307
|
+
elevation: 24,
|
|
308
|
+
role,
|
|
309
|
+
'aria-describedby': ariaDescribedby,
|
|
310
|
+
'aria-labelledby': ariaLabelledby,
|
|
311
|
+
'aria-modal': ariaModal,
|
|
312
|
+
tabIndex: -1,
|
|
313
|
+
[_focusable.FOCUSABLE_ATTRIBUTE]: ''
|
|
314
|
+
}
|
|
304
315
|
});
|
|
305
316
|
const [ContainerSlot, containerSlotProps] = (0, _useSlot.default)('container', {
|
|
306
317
|
elementType: DialogContainer,
|
|
@@ -344,11 +355,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
|
|
|
344
355
|
...containerSlotProps,
|
|
345
356
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PaperSlot, {
|
|
346
357
|
as: PaperComponent,
|
|
347
|
-
elevation: 24,
|
|
348
|
-
role: "dialog",
|
|
349
|
-
"aria-describedby": ariaDescribedby,
|
|
350
|
-
"aria-labelledby": ariaLabelledby,
|
|
351
|
-
"aria-modal": ariaModal,
|
|
352
358
|
...paperSlotProps,
|
|
353
359
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContext.default.Provider, {
|
|
354
360
|
value: dialogContextValue,
|
|
@@ -456,6 +462,13 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
|
|
|
456
462
|
* @deprecated Use `slotProps.paper` 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.
|
|
457
463
|
*/
|
|
458
464
|
PaperProps: _propTypes.default.object,
|
|
465
|
+
/**
|
|
466
|
+
* The ARIA role for the dialog element.
|
|
467
|
+
* The main dialog role is `dialog`, but `alertdialog` can be used if the content of the dialog requires immediate attention.
|
|
468
|
+
* See https://www.w3.org/TR/wai-aria-1.2/#dialog and https://www.w3.org/TR/wai-aria-1.2/#alertdialog for more details.
|
|
469
|
+
* @default 'dialog'
|
|
470
|
+
*/
|
|
471
|
+
role: _propTypes.default.oneOf(['alertdialog', 'dialog']),
|
|
459
472
|
/**
|
|
460
473
|
* Determine the container for scrolling the dialog.
|
|
461
474
|
* @default 'paper'
|
|
@@ -27,10 +27,10 @@ export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<H
|
|
|
27
27
|
*
|
|
28
28
|
* Demos:
|
|
29
29
|
*
|
|
30
|
-
* - [Dialog](https://mui.com/material-ui/react-dialog/)
|
|
30
|
+
* - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [DialogActions API](https://mui.com/material-ui/api/dialog-actions/)
|
|
34
|
+
* - [DialogActions API](https://v7.mui.com/material-ui/api/dialog-actions/)
|
|
35
35
|
*/
|
|
36
36
|
export default function DialogActions(props: DialogActionsProps): React.JSX.Element;
|
|
@@ -27,10 +27,10 @@ export interface DialogContentProps extends StandardProps<React.HTMLAttributes<H
|
|
|
27
27
|
*
|
|
28
28
|
* Demos:
|
|
29
29
|
*
|
|
30
|
-
* - [Dialog](https://mui.com/material-ui/react-dialog/)
|
|
30
|
+
* - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [DialogContent API](https://mui.com/material-ui/api/dialog-content/)
|
|
34
|
+
* - [DialogContent API](https://v7.mui.com/material-ui/api/dialog-content/)
|
|
35
35
|
*/
|
|
36
36
|
export default function DialogContent(props: DialogContentProps): React.JSX.Element;
|
|
@@ -23,12 +23,12 @@ export interface DialogContentTextTypeMap<AdditionalProps = {}, RootComponent ex
|
|
|
23
23
|
*
|
|
24
24
|
* Demos:
|
|
25
25
|
*
|
|
26
|
-
* - [Dialog](https://mui.com/material-ui/react-dialog/)
|
|
26
|
+
* - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
|
|
27
27
|
*
|
|
28
28
|
* API:
|
|
29
29
|
*
|
|
30
|
-
* - [DialogContentText API](https://mui.com/material-ui/api/dialog-content-text/)
|
|
31
|
-
* - inherits [Typography API](https://mui.com/material-ui/api/typography/)
|
|
30
|
+
* - [DialogContentText API](https://v7.mui.com/material-ui/api/dialog-content-text/)
|
|
31
|
+
* - inherits [Typography API](https://v7.mui.com/material-ui/api/typography/)
|
|
32
32
|
*/
|
|
33
33
|
declare const DialogContentText: OverridableComponent<DialogContentTextTypeMap>;
|
|
34
34
|
export type DialogContentTextProps<RootComponent extends React.ElementType = DialogContentTextTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<DialogContentTextTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -27,12 +27,12 @@ export interface DialogTitleTypeMap<AdditionalProps = {}, RootComponent extends
|
|
|
27
27
|
*
|
|
28
28
|
* Demos:
|
|
29
29
|
*
|
|
30
|
-
* - [Dialog](https://mui.com/material-ui/react-dialog/)
|
|
30
|
+
* - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [DialogTitle API](https://mui.com/material-ui/api/dialog-title/)
|
|
35
|
-
* - inherits [Typography API](https://mui.com/material-ui/api/typography/)
|
|
34
|
+
* - [DialogTitle API](https://v7.mui.com/material-ui/api/dialog-title/)
|
|
35
|
+
* - inherits [Typography API](https://v7.mui.com/material-ui/api/typography/)
|
|
36
36
|
*/
|
|
37
37
|
declare const DialogTitle: OverridableComponent<DialogTitleTypeMap>;
|
|
38
38
|
export type DialogTitleProps<RootComponent extends React.ElementType = DialogTitleTypeMap['defaultComponent'], AdditionalProps = {
|
package/Divider/Divider.d.ts
CHANGED
|
@@ -60,12 +60,13 @@ export interface DividerTypeMap<AdditionalProps = {}, RootComponent extends Reac
|
|
|
60
60
|
*
|
|
61
61
|
* Demos:
|
|
62
62
|
*
|
|
63
|
-
* - [Divider](https://mui.com/material-ui/react-divider/)
|
|
64
|
-
* - [Lists](https://mui.com/material-ui/react-list/)
|
|
63
|
+
* - [Divider](https://v7.mui.com/material-ui/react-divider/)
|
|
64
|
+
* - [Lists](https://v7.mui.com/material-ui/react-list/)
|
|
65
|
+
* - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
|
|
65
66
|
*
|
|
66
67
|
* API:
|
|
67
68
|
*
|
|
68
|
-
* - [Divider API](https://mui.com/material-ui/api/divider/)
|
|
69
|
+
* - [Divider API](https://v7.mui.com/material-ui/api/divider/)
|
|
69
70
|
*/
|
|
70
71
|
declare const Divider: OverridableComponent<DividerTypeMap>;
|
|
71
72
|
export type DividerProps<RootComponent extends React.ElementType = DividerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<DividerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/Drawer/Drawer.d.ts
CHANGED
|
@@ -141,15 +141,15 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
|
|
|
141
141
|
export interface DrawerOwnerState extends Omit<DrawerProps, 'slots' | 'slotProps'> {}
|
|
142
142
|
|
|
143
143
|
/**
|
|
144
|
-
* The props of the [Modal](https://mui.com/material-ui/api/modal/) component are available
|
|
144
|
+
* The props of the [Modal](https://v7.mui.com/material-ui/api/modal/) component are available
|
|
145
145
|
* when `variant="temporary"` is set.
|
|
146
146
|
*
|
|
147
147
|
* Demos:
|
|
148
148
|
*
|
|
149
|
-
* - [Drawer](https://mui.com/material-ui/react-drawer/)
|
|
149
|
+
* - [Drawer](https://v7.mui.com/material-ui/react-drawer/)
|
|
150
150
|
*
|
|
151
151
|
* API:
|
|
152
152
|
*
|
|
153
|
-
* - [Drawer API](https://mui.com/material-ui/api/drawer/)
|
|
153
|
+
* - [Drawer API](https://v7.mui.com/material-ui/api/drawer/)
|
|
154
154
|
*/
|
|
155
155
|
export default function Drawer(props: DrawerProps): React.JSX.Element;
|