@mui/material 9.0.0-beta.1 → 9.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/Accordion.d.mts +3 -3
- package/Accordion/Accordion.d.ts +3 -3
- package/AccordionActions/AccordionActions.d.mts +2 -2
- package/AccordionActions/AccordionActions.d.ts +2 -2
- package/AccordionDetails/AccordionDetails.d.mts +2 -2
- package/AccordionDetails/AccordionDetails.d.ts +2 -2
- package/AccordionSummary/AccordionSummary.d.mts +3 -3
- package/AccordionSummary/AccordionSummary.d.ts +3 -3
- package/Alert/Alert.d.mts +3 -3
- package/Alert/Alert.d.ts +3 -3
- package/AlertTitle/AlertTitle.d.mts +3 -3
- package/AlertTitle/AlertTitle.d.ts +3 -3
- package/AppBar/AppBar.d.mts +3 -3
- package/AppBar/AppBar.d.ts +3 -3
- package/Autocomplete/Autocomplete.d.mts +2 -2
- package/Autocomplete/Autocomplete.d.ts +2 -2
- package/Avatar/Avatar.d.mts +2 -2
- package/Avatar/Avatar.d.ts +2 -2
- package/AvatarGroup/AvatarGroup.d.mts +2 -2
- package/AvatarGroup/AvatarGroup.d.ts +2 -2
- package/Backdrop/Backdrop.d.mts +3 -3
- package/Backdrop/Backdrop.d.ts +3 -3
- package/Badge/Badge.d.mts +3 -3
- package/Badge/Badge.d.ts +3 -3
- package/BottomNavigation/BottomNavigation.d.mts +2 -2
- package/BottomNavigation/BottomNavigation.d.ts +2 -2
- package/BottomNavigationAction/BottomNavigationAction.d.mts +3 -3
- package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
- package/Box/Box.d.mts +3 -3
- package/Box/Box.d.ts +3 -3
- package/Breadcrumbs/Breadcrumbs.d.mts +3 -3
- package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/Button/Button.d.mts +6 -6
- package/Button/Button.d.ts +6 -6
- package/ButtonBase/ButtonBase.d.mts +2 -2
- package/ButtonBase/ButtonBase.d.ts +2 -2
- package/ButtonGroup/ButtonGroup.d.mts +2 -2
- package/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/CHANGELOG.md +28 -0
- package/Card/Card.d.mts +3 -3
- package/Card/Card.d.ts +3 -3
- package/CardActionArea/CardActionArea.d.mts +3 -3
- package/CardActionArea/CardActionArea.d.ts +3 -3
- package/CardActions/CardActions.d.mts +2 -2
- package/CardActions/CardActions.d.ts +2 -2
- package/CardContent/CardContent.d.mts +2 -2
- package/CardContent/CardContent.d.ts +2 -2
- package/CardHeader/CardHeader.d.mts +2 -2
- package/CardHeader/CardHeader.d.ts +2 -2
- package/CardMedia/CardMedia.d.mts +2 -2
- package/CardMedia/CardMedia.d.ts +2 -2
- package/Checkbox/Checkbox.d.mts +4 -4
- package/Checkbox/Checkbox.d.ts +4 -4
- package/Chip/Chip.d.mts +2 -2
- package/Chip/Chip.d.ts +2 -2
- package/CircularProgress/CircularProgress.d.mts +2 -2
- package/CircularProgress/CircularProgress.d.ts +2 -2
- package/ClickAwayListener/ClickAwayListener.d.mts +3 -3
- package/ClickAwayListener/ClickAwayListener.d.ts +3 -3
- package/ClickAwayListener/ClickAwayListener.js +3 -3
- package/ClickAwayListener/ClickAwayListener.mjs +3 -3
- package/Collapse/Collapse.d.mts +5 -5
- package/Collapse/Collapse.d.ts +5 -5
- package/Collapse/Collapse.js +6 -18
- package/Collapse/Collapse.mjs +7 -19
- package/Container/Container.d.mts +2 -2
- package/Container/Container.d.ts +2 -2
- package/CssBaseline/CssBaseline.d.mts +2 -2
- package/CssBaseline/CssBaseline.d.ts +2 -2
- package/Dialog/Dialog.d.mts +3 -3
- package/Dialog/Dialog.d.ts +3 -3
- package/DialogActions/DialogActions.d.mts +2 -2
- package/DialogActions/DialogActions.d.ts +2 -2
- package/DialogContent/DialogContent.d.mts +2 -2
- package/DialogContent/DialogContent.d.ts +2 -2
- package/DialogContentText/DialogContentText.d.mts +3 -3
- package/DialogContentText/DialogContentText.d.ts +3 -3
- package/DialogTitle/DialogTitle.d.mts +3 -3
- package/DialogTitle/DialogTitle.d.ts +3 -3
- package/Divider/Divider.d.mts +4 -4
- package/Divider/Divider.d.ts +4 -4
- package/Drawer/Drawer.d.mts +3 -3
- package/Drawer/Drawer.d.ts +3 -3
- package/Drawer/Drawer.js +1 -4
- package/Drawer/Drawer.mjs +1 -4
- package/Fab/Fab.d.mts +3 -3
- package/Fab/Fab.d.ts +3 -3
- package/Fade/Fade.d.mts +3 -3
- package/Fade/Fade.d.ts +3 -3
- package/Fade/Fade.js +28 -32
- package/Fade/Fade.mjs +29 -33
- package/FilledInput/FilledInput.d.mts +3 -3
- package/FilledInput/FilledInput.d.ts +3 -3
- package/FormControl/FormControl.d.mts +7 -7
- package/FormControl/FormControl.d.ts +7 -7
- package/FormControlLabel/FormControlLabel.d.mts +4 -4
- package/FormControlLabel/FormControlLabel.d.ts +4 -4
- package/FormGroup/FormGroup.d.mts +3 -3
- package/FormGroup/FormGroup.d.ts +3 -3
- package/FormHelperText/FormHelperText.d.mts +3 -3
- package/FormHelperText/FormHelperText.d.ts +3 -3
- package/FormLabel/FormLabel.d.mts +5 -5
- package/FormLabel/FormLabel.d.ts +5 -5
- package/GlobalStyles/GlobalStyles.d.mts +2 -2
- package/GlobalStyles/GlobalStyles.d.ts +2 -2
- package/Grid/Grid.d.mts +2 -2
- package/Grid/Grid.d.ts +2 -2
- package/Grid/Grid.js +2 -2
- package/Grid/Grid.mjs +2 -2
- package/Grow/Grow.d.mts +5 -5
- package/Grow/Grow.d.ts +5 -5
- package/Grow/Grow.js +30 -38
- package/Grow/Grow.mjs +31 -39
- package/Icon/Icon.d.mts +3 -3
- package/Icon/Icon.d.ts +3 -3
- package/IconButton/IconButton.d.mts +5 -5
- package/IconButton/IconButton.d.ts +5 -5
- package/ImageList/ImageList.d.mts +2 -2
- package/ImageList/ImageList.d.ts +2 -2
- package/ImageListItem/ImageListItem.d.mts +2 -2
- package/ImageListItem/ImageListItem.d.ts +2 -2
- package/ImageListItemBar/ImageListItemBar.d.mts +2 -2
- package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
- package/InitColorSchemeScript/InitColorSchemeScript.d.mts +2 -2
- package/InitColorSchemeScript/InitColorSchemeScript.d.ts +2 -2
- package/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
- package/InitColorSchemeScript/InitColorSchemeScript.mjs +2 -2
- package/Input/Input.d.mts +3 -3
- package/Input/Input.d.ts +3 -3
- package/InputAdornment/InputAdornment.d.mts +2 -2
- package/InputAdornment/InputAdornment.d.ts +2 -2
- package/InputBase/InputBase.d.mts +2 -2
- package/InputBase/InputBase.d.ts +2 -2
- package/InputLabel/InputLabel.d.mts +4 -4
- package/InputLabel/InputLabel.d.ts +4 -4
- package/LinearProgress/LinearProgress.d.mts +2 -2
- package/LinearProgress/LinearProgress.d.ts +2 -2
- package/Link/Link.d.mts +4 -4
- package/Link/Link.d.ts +4 -4
- package/List/List.d.mts +4 -4
- package/List/List.d.ts +4 -4
- package/ListItem/ListItem.d.mts +3 -3
- package/ListItem/ListItem.d.ts +3 -3
- package/ListItem/ListItem.js +1 -2
- package/ListItem/ListItem.mjs +1 -2
- package/ListItemAvatar/ListItemAvatar.d.mts +2 -2
- package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
- package/ListItemButton/ListItemButton.d.mts +4 -4
- package/ListItemButton/ListItemButton.d.ts +4 -4
- package/ListItemIcon/ListItemIcon.d.mts +3 -3
- package/ListItemIcon/ListItemIcon.d.ts +3 -3
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.mts +2 -2
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
- package/ListItemText/ListItemText.d.mts +3 -3
- package/ListItemText/ListItemText.d.ts +3 -3
- package/ListSubheader/ListSubheader.d.mts +3 -3
- package/ListSubheader/ListSubheader.d.ts +3 -3
- package/Menu/Menu.d.mts +4 -4
- package/Menu/Menu.d.ts +4 -4
- package/MenuItem/MenuItem.d.mts +3 -3
- package/MenuItem/MenuItem.d.ts +3 -3
- package/MenuList/MenuList.d.mts +4 -4
- package/MenuList/MenuList.d.ts +4 -4
- package/MobileStepper/MobileStepper.d.mts +3 -3
- package/MobileStepper/MobileStepper.d.ts +3 -3
- package/Modal/Modal.d.mts +7 -7
- package/Modal/Modal.d.ts +7 -7
- package/NativeSelect/NativeSelect.d.mts +3 -3
- package/NativeSelect/NativeSelect.d.ts +3 -3
- package/NoSsr/NoSsr.d.mts +2 -2
- package/NoSsr/NoSsr.d.ts +2 -2
- package/NoSsr/NoSsr.js +2 -2
- package/NoSsr/NoSsr.mjs +2 -2
- package/OutlinedInput/OutlinedInput.d.mts +4 -4
- package/OutlinedInput/OutlinedInput.d.ts +4 -4
- package/Pagination/Pagination.d.mts +2 -2
- package/Pagination/Pagination.d.ts +2 -2
- package/PaginationItem/PaginationItem.d.mts +3 -3
- package/PaginationItem/PaginationItem.d.ts +3 -3
- package/Paper/Paper.d.mts +4 -4
- package/Paper/Paper.d.ts +4 -4
- package/PigmentContainer/PigmentContainer.d.mts +2 -2
- package/PigmentContainer/PigmentContainer.d.ts +2 -2
- package/PigmentContainer/PigmentContainer.js +2 -2
- package/PigmentContainer/PigmentContainer.mjs +2 -2
- package/PigmentGrid/PigmentGrid.d.mts +2 -2
- package/PigmentGrid/PigmentGrid.d.ts +2 -2
- package/PigmentGrid/PigmentGrid.js +2 -2
- package/PigmentGrid/PigmentGrid.mjs +2 -2
- package/PigmentStack/PigmentStack.d.mts +2 -2
- package/PigmentStack/PigmentStack.d.ts +2 -2
- package/PigmentStack/PigmentStack.js +2 -2
- package/PigmentStack/PigmentStack.mjs +2 -2
- package/Popover/Popover.d.mts +4 -4
- package/Popover/Popover.d.ts +4 -4
- package/Popper/Popper.d.mts +4 -4
- package/Popper/Popper.d.ts +4 -4
- package/Popper/Popper.js +4 -4
- package/Popper/Popper.mjs +4 -4
- package/Portal/Portal.d.mts +2 -2
- package/Portal/Portal.d.ts +2 -2
- package/Portal/Portal.js +2 -2
- package/Portal/Portal.mjs +2 -2
- package/README.md +3 -3
- package/Radio/Radio.d.mts +3 -3
- package/Radio/Radio.d.ts +3 -3
- package/RadioGroup/RadioGroup.d.mts +3 -3
- package/RadioGroup/RadioGroup.d.ts +3 -3
- package/Rating/Rating.d.mts +2 -2
- package/Rating/Rating.d.ts +2 -2
- package/ScopedCssBaseline/ScopedCssBaseline.d.mts +2 -2
- package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
- package/Select/Select.d.mts +3 -3
- package/Select/Select.d.ts +3 -3
- package/Skeleton/Skeleton.d.mts +2 -2
- package/Skeleton/Skeleton.d.ts +2 -2
- package/Slide/Slide.d.mts +4 -4
- package/Slide/Slide.d.ts +4 -4
- package/Slide/Slide.js +43 -42
- package/Slide/Slide.mjs +44 -44
- package/Slider/Slider.d.mts +4 -4
- package/Slider/Slider.d.ts +4 -4
- package/Slider/Slider.js +1 -1
- package/Slider/Slider.mjs +1 -1
- package/Slider/useSlider.d.mts +1 -1
- package/Slider/useSlider.d.ts +1 -1
- package/Slider/useSlider.js +235 -209
- package/Slider/useSlider.mjs +235 -209
- package/Slider/useSlider.types.d.mts +2 -2
- package/Slider/useSlider.types.d.ts +2 -2
- package/Snackbar/Snackbar.d.mts +2 -2
- package/Snackbar/Snackbar.d.ts +2 -2
- package/SnackbarContent/SnackbarContent.d.mts +3 -3
- package/SnackbarContent/SnackbarContent.d.ts +3 -3
- package/SpeedDial/SpeedDial.d.mts +2 -2
- package/SpeedDial/SpeedDial.d.ts +2 -2
- package/SpeedDialAction/SpeedDialAction.d.mts +3 -3
- package/SpeedDialAction/SpeedDialAction.d.ts +3 -3
- package/SpeedDialIcon/SpeedDialIcon.d.mts +2 -2
- package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
- package/Stack/Stack.d.mts +2 -2
- package/Stack/Stack.d.ts +2 -2
- package/Step/Step.d.mts +2 -2
- package/Step/Step.d.ts +2 -2
- package/StepButton/StepButton.d.mts +3 -3
- package/StepButton/StepButton.d.ts +3 -3
- package/StepConnector/StepConnector.d.mts +2 -2
- package/StepConnector/StepConnector.d.ts +2 -2
- package/StepConnector/StepConnector.js +1 -2
- package/StepConnector/StepConnector.mjs +1 -2
- package/StepContent/StepContent.d.mts +2 -2
- package/StepContent/StepContent.d.ts +2 -2
- package/StepIcon/StepIcon.d.mts +3 -3
- package/StepIcon/StepIcon.d.ts +3 -3
- package/StepLabel/StepLabel.d.mts +2 -2
- package/StepLabel/StepLabel.d.ts +2 -2
- package/Stepper/Stepper.d.mts +2 -2
- package/Stepper/Stepper.d.ts +2 -2
- package/SvgIcon/SvgIcon.d.mts +3 -3
- package/SvgIcon/SvgIcon.d.ts +3 -3
- package/SwipeableDrawer/SwipeableDrawer.d.mts +3 -3
- package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
- package/SwipeableDrawer/SwipeableDrawer.js +0 -3
- package/SwipeableDrawer/SwipeableDrawer.mjs +0 -3
- package/Switch/Switch.d.mts +4 -4
- package/Switch/Switch.d.ts +4 -4
- package/Switch/Switch.js +4 -0
- package/Switch/Switch.mjs +4 -0
- package/Tab/Tab.d.mts +3 -3
- package/Tab/Tab.d.ts +3 -3
- package/TabScrollButton/TabScrollButton.d.mts +2 -2
- package/TabScrollButton/TabScrollButton.d.ts +2 -2
- package/Table/Table.d.mts +2 -2
- package/Table/Table.d.ts +2 -2
- package/TableBody/TableBody.d.mts +2 -2
- package/TableBody/TableBody.d.ts +2 -2
- package/TableCell/TableCell.d.mts +2 -2
- package/TableCell/TableCell.d.ts +2 -2
- package/TableContainer/TableContainer.d.mts +2 -2
- package/TableContainer/TableContainer.d.ts +2 -2
- package/TableFooter/TableFooter.d.mts +2 -2
- package/TableFooter/TableFooter.d.ts +2 -2
- package/TableHead/TableHead.d.mts +2 -2
- package/TableHead/TableHead.d.ts +2 -2
- package/TablePagination/TablePagination.d.mts +4 -4
- package/TablePagination/TablePagination.d.ts +4 -4
- package/TablePaginationActions/TablePaginationActions.d.mts +2 -2
- package/TablePaginationActions/TablePaginationActions.d.ts +2 -2
- package/TableRow/TableRow.d.mts +2 -2
- package/TableRow/TableRow.d.ts +2 -2
- package/TableSortLabel/TableSortLabel.d.mts +3 -3
- package/TableSortLabel/TableSortLabel.d.ts +3 -3
- package/TableSortLabel/TableSortLabel.js +1 -2
- package/TableSortLabel/TableSortLabel.mjs +1 -2
- package/Tabs/Tabs.d.mts +2 -2
- package/Tabs/Tabs.d.ts +2 -2
- package/TextField/TextField.d.mts +10 -10
- package/TextField/TextField.d.ts +10 -10
- package/TextareaAutosize/TextareaAutosize.d.mts +2 -2
- package/TextareaAutosize/TextareaAutosize.d.ts +2 -2
- package/TextareaAutosize/TextareaAutosize.js +2 -2
- package/TextareaAutosize/TextareaAutosize.mjs +2 -2
- package/ToggleButton/ToggleButton.d.mts +3 -3
- package/ToggleButton/ToggleButton.d.ts +3 -3
- package/ToggleButtonGroup/ToggleButtonGroup.d.mts +2 -2
- package/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
- package/Toolbar/Toolbar.d.mts +2 -2
- package/Toolbar/Toolbar.d.ts +2 -2
- package/Tooltip/Tooltip.d.mts +2 -2
- package/Tooltip/Tooltip.d.ts +2 -2
- package/Typography/Typography.d.mts +4 -4
- package/Typography/Typography.d.ts +4 -4
- package/Zoom/Zoom.d.mts +3 -3
- package/Zoom/Zoom.d.ts +3 -3
- package/Zoom/Zoom.js +24 -30
- package/Zoom/Zoom.mjs +25 -31
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/package.json +51 -51
- package/styles/createThemeNoVars.js +1 -1
- package/styles/createThemeNoVars.mjs +1 -1
- package/transitions/utils.d.mts +7 -0
- package/transitions/utils.d.ts +7 -0
- package/transitions/utils.js +27 -0
- package/transitions/utils.mjs +25 -0
- package/version/index.js +2 -2
- package/version/index.mjs +2 -2
|
@@ -78,11 +78,11 @@ export interface ButtonGroupTypeMap<AdditionalProps = {}, RootComponent extends
|
|
|
78
78
|
*
|
|
79
79
|
* Demos:
|
|
80
80
|
*
|
|
81
|
-
* - [Button Group](https://
|
|
81
|
+
* - [Button Group](https://mui.com/material-ui/react-button-group/)
|
|
82
82
|
*
|
|
83
83
|
* API:
|
|
84
84
|
*
|
|
85
|
-
* - [ButtonGroup API](https://
|
|
85
|
+
* - [ButtonGroup API](https://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,33 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 9.0.0
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v9.0.0-beta.1..master -->
|
|
6
|
+
|
|
7
|
+
_Apr 7, 2026_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 7 contributors who made this release possible.
|
|
10
|
+
|
|
11
|
+
🥳 We're excited to announce the stable release of Material UI v9! This major release focus on accessibility improvements, sx prop performance, and cleanup of deprecated APIs.
|
|
12
|
+
|
|
13
|
+
For more details, check out the [upgrade guide](https://mui.com/material-ui/migration/upgrade-to-v9/).
|
|
14
|
+
|
|
15
|
+
### `@mui/material@9.0.0`
|
|
16
|
+
|
|
17
|
+
- [slider] Use pointer events instead of mouse events (#48164) @mj12albert
|
|
18
|
+
- [switch] Add border to make it visible in high contrast mode (#48180) @silviuaavram
|
|
19
|
+
- [transitions] Performance improvements & misc fixes (#48151) @mj12albert
|
|
20
|
+
- Remove unnecessary overridesResolvers from styled components (#48204) @sai6855
|
|
21
|
+
|
|
22
|
+
### Core
|
|
23
|
+
|
|
24
|
+
- [code-infra] Setup workflow to publish internal packages (#47952) @brijeshb42
|
|
25
|
+
- [core-docs] Add `x-scheduler` to `MuiProductId` type (#48185) @rita-codes
|
|
26
|
+
- [docs-infra] Add scheduler to product switcher (#48208) @rita-codes
|
|
27
|
+
- [internal] Prepare libraries for v9 stable release (#48206) @siriwatknp
|
|
28
|
+
|
|
29
|
+
All contributors of this release in alphabetical order: @brijeshb42, @mj12albert, @noraleonte, @rita-codes, @sai6855, @silviuaavram, @siriwatknp
|
|
30
|
+
|
|
3
31
|
## 9.0.0-beta.1
|
|
4
32
|
|
|
5
33
|
<!-- generated comparing v9.0.0-beta.0..master -->
|
package/Card/Card.d.mts
CHANGED
|
@@ -32,12 +32,12 @@ export interface CardTypeMap<AdditionalProps = {}, RootComponent extends React.E
|
|
|
32
32
|
*
|
|
33
33
|
* Demos:
|
|
34
34
|
*
|
|
35
|
-
* - [Card](https://
|
|
35
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
36
36
|
*
|
|
37
37
|
* API:
|
|
38
38
|
*
|
|
39
|
-
* - [Card API](https://
|
|
40
|
-
* - inherits [Paper API](https://
|
|
39
|
+
* - [Card API](https://mui.com/material-ui/api/card/)
|
|
40
|
+
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
41
41
|
*/
|
|
42
42
|
|
|
43
43
|
declare const Card: OverridableComponent<CardTypeMap>;
|
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://
|
|
35
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
36
36
|
*
|
|
37
37
|
* API:
|
|
38
38
|
*
|
|
39
|
-
* - [Card API](https://
|
|
40
|
-
* - inherits [Paper API](https://
|
|
39
|
+
* - [Card API](https://mui.com/material-ui/api/card/)
|
|
40
|
+
* - inherits [Paper API](https://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://
|
|
53
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
54
54
|
*
|
|
55
55
|
* API:
|
|
56
56
|
*
|
|
57
|
-
* - [CardActionArea API](https://
|
|
58
|
-
* - inherits [ButtonBase API](https://
|
|
57
|
+
* - [CardActionArea API](https://mui.com/material-ui/api/card-action-area/)
|
|
58
|
+
* - inherits [ButtonBase API](https://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> & {
|
|
@@ -50,12 +50,12 @@ export type CardActionAreaTypeMap<AdditionalProps, RootComponent extends React.E
|
|
|
50
50
|
*
|
|
51
51
|
* Demos:
|
|
52
52
|
*
|
|
53
|
-
* - [Card](https://
|
|
53
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
54
54
|
*
|
|
55
55
|
* API:
|
|
56
56
|
*
|
|
57
|
-
* - [CardActionArea API](https://
|
|
58
|
-
* - inherits [ButtonBase API](https://
|
|
57
|
+
* - [CardActionArea API](https://mui.com/material-ui/api/card-action-area/)
|
|
58
|
+
* - inherits [ButtonBase API](https://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://
|
|
30
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [CardActions API](https://
|
|
34
|
+
* - [CardActions API](https://mui.com/material-ui/api/card-actions/)
|
|
35
35
|
*/
|
|
36
36
|
export default function CardActions(props: CardActionsProps): React.JSX.Element;
|
|
@@ -27,10 +27,10 @@ export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTM
|
|
|
27
27
|
*
|
|
28
28
|
* Demos:
|
|
29
29
|
*
|
|
30
|
-
* - [Card](https://
|
|
30
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [CardActions API](https://
|
|
34
|
+
* - [CardActions API](https://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://
|
|
28
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
29
29
|
*
|
|
30
30
|
* API:
|
|
31
31
|
*
|
|
32
|
-
* - [CardContent API](https://
|
|
32
|
+
* - [CardContent API](https://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> & {
|
|
@@ -25,11 +25,11 @@ export interface CardContentTypeMap<AdditionalProps = {}, RootComponent extends
|
|
|
25
25
|
*
|
|
26
26
|
* Demos:
|
|
27
27
|
*
|
|
28
|
-
* - [Card](https://
|
|
28
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
29
29
|
*
|
|
30
30
|
* API:
|
|
31
31
|
*
|
|
32
|
-
* - [CardContent API](https://
|
|
32
|
+
* - [CardContent API](https://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> & {
|
|
@@ -128,11 +128,11 @@ export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends R
|
|
|
128
128
|
*
|
|
129
129
|
* Demos:
|
|
130
130
|
*
|
|
131
|
-
* - [Card](https://
|
|
131
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
132
132
|
*
|
|
133
133
|
* API:
|
|
134
134
|
*
|
|
135
|
-
* - [CardHeader API](https://
|
|
135
|
+
* - [CardHeader API](https://mui.com/material-ui/api/card-header/)
|
|
136
136
|
*/
|
|
137
137
|
declare const CardHeader: OverridableCardHeader;
|
|
138
138
|
export interface OverridableCardHeader extends OverridableComponent<CardHeaderTypeMap> {
|
|
@@ -128,11 +128,11 @@ export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends R
|
|
|
128
128
|
*
|
|
129
129
|
* Demos:
|
|
130
130
|
*
|
|
131
|
-
* - [Card](https://
|
|
131
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
132
132
|
*
|
|
133
133
|
* API:
|
|
134
134
|
*
|
|
135
|
-
* - [CardHeader API](https://
|
|
135
|
+
* - [CardHeader API](https://mui.com/material-ui/api/card-header/)
|
|
136
136
|
*/
|
|
137
137
|
declare const CardHeader: OverridableCardHeader;
|
|
138
138
|
export interface OverridableCardHeader extends OverridableComponent<CardHeaderTypeMap> {
|
|
@@ -38,11 +38,11 @@ export interface CardMediaTypeMap<AdditionalProps, RootComponent extends React.E
|
|
|
38
38
|
*
|
|
39
39
|
* Demos:
|
|
40
40
|
*
|
|
41
|
-
* - [Card](https://
|
|
41
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
42
42
|
*
|
|
43
43
|
* API:
|
|
44
44
|
*
|
|
45
|
-
* - [CardMedia API](https://
|
|
45
|
+
* - [CardMedia API](https://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/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://
|
|
41
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
42
42
|
*
|
|
43
43
|
* API:
|
|
44
44
|
*
|
|
45
|
-
* - [CardMedia API](https://
|
|
45
|
+
* - [CardMedia API](https://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.mts
CHANGED
|
@@ -121,12 +121,12 @@ export interface CheckboxOwnerState extends Omit<CheckboxProps, 'slots' | 'slotP
|
|
|
121
121
|
*
|
|
122
122
|
* Demos:
|
|
123
123
|
*
|
|
124
|
-
* - [Checkbox](https://
|
|
125
|
-
* - [Transfer List](https://
|
|
124
|
+
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
125
|
+
* - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
|
|
126
126
|
*
|
|
127
127
|
* API:
|
|
128
128
|
*
|
|
129
|
-
* - [Checkbox API](https://
|
|
130
|
-
* - inherits [ButtonBase API](https://
|
|
129
|
+
* - [Checkbox API](https://mui.com/material-ui/api/checkbox/)
|
|
130
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
131
131
|
*/
|
|
132
132
|
export default function Checkbox(props: CheckboxProps): React.JSX.Element;
|
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://
|
|
125
|
-
* - [Transfer List](https://
|
|
124
|
+
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
125
|
+
* - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
|
|
126
126
|
*
|
|
127
127
|
* API:
|
|
128
128
|
*
|
|
129
|
-
* - [Checkbox API](https://
|
|
130
|
-
* - inherits [ButtonBase API](https://
|
|
129
|
+
* - [Checkbox API](https://mui.com/material-ui/api/checkbox/)
|
|
130
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
131
131
|
*/
|
|
132
132
|
export default function Checkbox(props: CheckboxProps): React.JSX.Element;
|
package/Chip/Chip.d.mts
CHANGED
|
@@ -127,11 +127,11 @@ export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.E
|
|
|
127
127
|
*
|
|
128
128
|
* Demos:
|
|
129
129
|
*
|
|
130
|
-
* - [Chip](https://
|
|
130
|
+
* - [Chip](https://mui.com/material-ui/react-chip/)
|
|
131
131
|
*
|
|
132
132
|
* API:
|
|
133
133
|
*
|
|
134
|
-
* - [Chip API](https://
|
|
134
|
+
* - [Chip API](https://mui.com/material-ui/api/chip/)
|
|
135
135
|
*/
|
|
136
136
|
declare const Chip: OverridableComponent<ChipTypeMap>;
|
|
137
137
|
export type ChipProps<RootComponent extends React.ElementType = ChipTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ChipTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/Chip/Chip.d.ts
CHANGED
|
@@ -127,11 +127,11 @@ export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.E
|
|
|
127
127
|
*
|
|
128
128
|
* Demos:
|
|
129
129
|
*
|
|
130
|
-
* - [Chip](https://
|
|
130
|
+
* - [Chip](https://mui.com/material-ui/react-chip/)
|
|
131
131
|
*
|
|
132
132
|
* API:
|
|
133
133
|
*
|
|
134
|
-
* - [Chip API](https://
|
|
134
|
+
* - [Chip API](https://mui.com/material-ui/api/chip/)
|
|
135
135
|
*/
|
|
136
136
|
declare const Chip: OverridableComponent<ChipTypeMap>;
|
|
137
137
|
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://
|
|
72
|
+
* - [Progress](https://mui.com/material-ui/react-progress/)
|
|
73
73
|
*
|
|
74
74
|
* API:
|
|
75
75
|
*
|
|
76
|
-
* - [CircularProgress API](https://
|
|
76
|
+
* - [CircularProgress API](https://mui.com/material-ui/api/circular-progress/)
|
|
77
77
|
*/
|
|
78
78
|
export default function CircularProgress(props: CircularProgressProps): React.JSX.Element;
|
|
@@ -69,10 +69,10 @@ export interface CircularProgressProps extends StandardProps<React.HTMLAttribute
|
|
|
69
69
|
*
|
|
70
70
|
* Demos:
|
|
71
71
|
*
|
|
72
|
-
* - [Progress](https://
|
|
72
|
+
* - [Progress](https://mui.com/material-ui/react-progress/)
|
|
73
73
|
*
|
|
74
74
|
* API:
|
|
75
75
|
*
|
|
76
|
-
* - [CircularProgress API](https://
|
|
76
|
+
* - [CircularProgress API](https://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://
|
|
37
|
-
* - [Menu](https://
|
|
36
|
+
* - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
|
|
37
|
+
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
38
38
|
*
|
|
39
39
|
* API:
|
|
40
40
|
*
|
|
41
|
-
* - [ClickAwayListener API](https://
|
|
41
|
+
* - [ClickAwayListener API](https://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 {
|
|
@@ -33,12 +33,12 @@ export interface ClickAwayListenerProps {
|
|
|
33
33
|
*
|
|
34
34
|
* Demos:
|
|
35
35
|
*
|
|
36
|
-
* - [Click-Away Listener](https://
|
|
37
|
-
* - [Menu](https://
|
|
36
|
+
* - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
|
|
37
|
+
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
38
38
|
*
|
|
39
39
|
* API:
|
|
40
40
|
*
|
|
41
|
-
* - [ClickAwayListener API](https://
|
|
41
|
+
* - [ClickAwayListener API](https://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 {
|
|
@@ -28,12 +28,12 @@ function clickedRootScrollbar(event, doc) {
|
|
|
28
28
|
*
|
|
29
29
|
* Demos:
|
|
30
30
|
*
|
|
31
|
-
* - [Click-Away Listener](https://
|
|
32
|
-
* - [Menu](https://
|
|
31
|
+
* - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
|
|
32
|
+
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
33
33
|
*
|
|
34
34
|
* API:
|
|
35
35
|
*
|
|
36
|
-
* - [ClickAwayListener API](https://
|
|
36
|
+
* - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
|
|
37
37
|
*/
|
|
38
38
|
function ClickAwayListener(props) {
|
|
39
39
|
const {
|
|
@@ -22,12 +22,12 @@ function clickedRootScrollbar(event, doc) {
|
|
|
22
22
|
*
|
|
23
23
|
* Demos:
|
|
24
24
|
*
|
|
25
|
-
* - [Click-Away Listener](https://
|
|
26
|
-
* - [Menu](https://
|
|
25
|
+
* - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
|
|
26
|
+
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
27
27
|
*
|
|
28
28
|
* API:
|
|
29
29
|
*
|
|
30
|
-
* - [ClickAwayListener API](https://
|
|
30
|
+
* - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
|
|
31
31
|
*/
|
|
32
32
|
function ClickAwayListener(props) {
|
|
33
33
|
const {
|
package/Collapse/Collapse.d.mts
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://
|
|
87
|
+
* [Vertical Stepper](https://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://
|
|
93
|
-
* - [Lists](https://
|
|
94
|
-
* - [Transitions](https://
|
|
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/)
|
|
95
95
|
*
|
|
96
96
|
* API:
|
|
97
97
|
*
|
|
98
|
-
* - [Collapse API](https://
|
|
98
|
+
* - [Collapse API](https://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.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://
|
|
87
|
+
* [Vertical Stepper](https://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://
|
|
93
|
-
* - [Lists](https://
|
|
94
|
-
* - [Transitions](https://
|
|
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/)
|
|
95
95
|
*
|
|
96
96
|
* API:
|
|
97
97
|
*
|
|
98
|
-
* - [Collapse API](https://
|
|
98
|
+
* - [Collapse API](https://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/Collapse/Collapse.mjs
CHANGED
|
@@ -11,7 +11,7 @@ import { styled, useTheme } from "../zero-styled/index.mjs";
|
|
|
11
11
|
import memoTheme from "../utils/memoTheme.mjs";
|
|
12
12
|
import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
|
|
13
13
|
import { duration } from "../styles/createTransitions.mjs";
|
|
14
|
-
import { getTransitionProps } from "../transitions/utils.mjs";
|
|
14
|
+
import { normalizedTransitionCallback, getTransitionProps } from "../transitions/utils.mjs";
|
|
15
15
|
import { useForkRef } from "../utils/index.mjs";
|
|
16
16
|
import useSlot from "../utils/useSlot.mjs";
|
|
17
17
|
import { getCollapseUtilityClass } from "./collapseClasses.mjs";
|
|
@@ -160,20 +160,8 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
|
|
|
160
160
|
const size = isHorizontal ? 'width' : 'height';
|
|
161
161
|
const nodeRef = React.useRef(null);
|
|
162
162
|
const handleRef = useForkRef(ref, nodeRef);
|
|
163
|
-
const normalizedTransitionCallback = callback => maybeIsAppearing => {
|
|
164
|
-
if (callback) {
|
|
165
|
-
const node = nodeRef.current;
|
|
166
|
-
|
|
167
|
-
// onEnterXxx and onExitXxx callbacks have a different arguments.length value.
|
|
168
|
-
if (maybeIsAppearing === undefined) {
|
|
169
|
-
callback(node);
|
|
170
|
-
} else {
|
|
171
|
-
callback(node, maybeIsAppearing);
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
};
|
|
175
163
|
const getWrapperSize = () => wrapperRef.current ? wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'] : 0;
|
|
176
|
-
const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
|
|
164
|
+
const handleEnter = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
|
|
177
165
|
if (wrapperRef.current && isHorizontal) {
|
|
178
166
|
// Set absolute position to get the size of collapsed content
|
|
179
167
|
wrapperRef.current.style.position = 'absolute';
|
|
@@ -183,7 +171,7 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
|
|
|
183
171
|
onEnter(node, isAppearing);
|
|
184
172
|
}
|
|
185
173
|
});
|
|
186
|
-
const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
|
|
174
|
+
const handleEntering = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
|
|
187
175
|
const wrapperSize = getWrapperSize();
|
|
188
176
|
if (wrapperRef.current && isHorizontal) {
|
|
189
177
|
// After the size is read reset the position back to default
|
|
@@ -212,20 +200,20 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
|
|
|
212
200
|
onEntering(node, isAppearing);
|
|
213
201
|
}
|
|
214
202
|
});
|
|
215
|
-
const handleEntered = normalizedTransitionCallback((node, isAppearing) => {
|
|
203
|
+
const handleEntered = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
|
|
216
204
|
node.style[size] = 'auto';
|
|
217
205
|
if (onEntered) {
|
|
218
206
|
onEntered(node, isAppearing);
|
|
219
207
|
}
|
|
220
208
|
});
|
|
221
|
-
const handleExit = normalizedTransitionCallback(node => {
|
|
209
|
+
const handleExit = normalizedTransitionCallback(nodeRef, node => {
|
|
222
210
|
node.style[size] = `${getWrapperSize()}px`;
|
|
223
211
|
if (onExit) {
|
|
224
212
|
onExit(node);
|
|
225
213
|
}
|
|
226
214
|
});
|
|
227
|
-
const handleExited = normalizedTransitionCallback(onExited);
|
|
228
|
-
const handleExiting = normalizedTransitionCallback(node => {
|
|
215
|
+
const handleExited = normalizedTransitionCallback(nodeRef, onExited);
|
|
216
|
+
const handleExiting = normalizedTransitionCallback(nodeRef, node => {
|
|
229
217
|
const wrapperSize = getWrapperSize();
|
|
230
218
|
const {
|
|
231
219
|
duration: transitionDuration,
|
|
@@ -42,11 +42,11 @@ export interface ContainerTypeMap<AdditionalProps = {}, RootComponent extends Re
|
|
|
42
42
|
*
|
|
43
43
|
* Demos:
|
|
44
44
|
*
|
|
45
|
-
* - [Container](https://
|
|
45
|
+
* - [Container](https://mui.com/material-ui/react-container/)
|
|
46
46
|
*
|
|
47
47
|
* API:
|
|
48
48
|
*
|
|
49
|
-
* - [Container API](https://
|
|
49
|
+
* - [Container API](https://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> & {
|
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://
|
|
45
|
+
* - [Container](https://mui.com/material-ui/react-container/)
|
|
46
46
|
*
|
|
47
47
|
* API:
|
|
48
48
|
*
|
|
49
|
-
* - [Container API](https://
|
|
49
|
+
* - [Container API](https://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://
|
|
22
|
+
* - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
|
|
23
23
|
*
|
|
24
24
|
* API:
|
|
25
25
|
*
|
|
26
|
-
* - [CssBaseline API](https://
|
|
26
|
+
* - [CssBaseline API](https://mui.com/material-ui/api/css-baseline/)
|
|
27
27
|
*/
|
|
28
28
|
export default function CssBaseline(props: CssBaselineProps): React.JSX.Element;
|
|
@@ -19,10 +19,10 @@ export interface CssBaselineProps extends StyledComponentProps<never> {
|
|
|
19
19
|
*
|
|
20
20
|
* Demos:
|
|
21
21
|
*
|
|
22
|
-
* - [CSS Baseline](https://
|
|
22
|
+
* - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
|
|
23
23
|
*
|
|
24
24
|
* API:
|
|
25
25
|
*
|
|
26
|
-
* - [CssBaseline API](https://
|
|
26
|
+
* - [CssBaseline API](https://mui.com/material-ui/api/css-baseline/)
|
|
27
27
|
*/
|
|
28
28
|
export default function CssBaseline(props: CssBaselineProps): React.JSX.Element;
|