@mui/material 9.0.0-beta.1 → 9.0.1
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/Autocomplete/Autocomplete.js +65 -11
- package/Autocomplete/Autocomplete.mjs +65 -11
- package/Avatar/Avatar.d.mts +2 -2
- package/Avatar/Avatar.d.ts +2 -2
- package/Avatar/Avatar.js +4 -0
- package/Avatar/Avatar.mjs +4 -0
- 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/Badge/Badge.js +3 -0
- package/Badge/Badge.mjs +3 -0
- 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/Button/Button.js +19 -2
- package/Button/Button.mjs +19 -2
- package/ButtonBase/ButtonBase.d.mts +9 -2
- package/ButtonBase/ButtonBase.d.ts +9 -2
- package/ButtonBase/ButtonBase.js +5 -2
- package/ButtonBase/ButtonBase.mjs +5 -2
- package/ButtonGroup/ButtonGroup.d.mts +2 -2
- package/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/CHANGELOG.md +160 -1245
- 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/Checkbox/Checkbox.js +2 -1
- package/Checkbox/Checkbox.mjs +2 -1
- package/Chip/Chip.d.mts +2 -2
- package/Chip/Chip.d.ts +2 -2
- package/CircularProgress/CircularProgress.d.mts +14 -4
- package/CircularProgress/CircularProgress.d.ts +14 -4
- package/CircularProgress/CircularProgress.js +33 -6
- package/CircularProgress/CircularProgress.mjs +33 -6
- package/ClickAwayListener/ClickAwayListener.d.mts +3 -3
- package/ClickAwayListener/ClickAwayListener.d.ts +3 -3
- package/ClickAwayListener/ClickAwayListener.js +6 -9
- package/ClickAwayListener/ClickAwayListener.mjs +6 -9
- 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/Dialog/Dialog.js +11 -6
- package/Dialog/Dialog.mjs +11 -6
- 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 +19 -8
- package/Drawer/Drawer.mjs +19 -8
- package/Fab/Fab.d.mts +3 -3
- package/Fab/Fab.d.ts +3 -3
- package/Fab/Fab.js +7 -1
- package/Fab/Fab.mjs +7 -1
- 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 +7 -3
- package/FilledInput/FilledInput.d.ts +7 -3
- package/FilledInput/FilledInput.js +18 -20
- package/FilledInput/FilledInput.mjs +18 -20
- package/FormControl/FormControl.d.mts +7 -7
- package/FormControl/FormControl.d.ts +7 -7
- package/FormControl/useFormControl.d.mts +12 -2
- package/FormControl/useFormControl.d.ts +12 -2
- package/FormControl/useFormControl.js +13 -0
- package/FormControl/useFormControl.mjs +12 -0
- package/FormControlLabel/FormControlLabel.d.mts +4 -4
- package/FormControlLabel/FormControlLabel.d.ts +4 -4
- package/FormControlLabel/FormControlLabel.js +5 -8
- package/FormControlLabel/FormControlLabel.mjs +5 -8
- package/FormGroup/FormGroup.d.mts +3 -3
- package/FormGroup/FormGroup.d.ts +3 -3
- package/FormGroup/FormGroup.js +2 -5
- package/FormGroup/FormGroup.mjs +2 -5
- package/FormHelperText/FormHelperText.d.mts +3 -3
- package/FormHelperText/FormHelperText.d.ts +3 -3
- package/FormHelperText/FormHelperText.js +2 -5
- package/FormHelperText/FormHelperText.mjs +2 -5
- package/FormLabel/FormLabel.d.mts +5 -5
- package/FormLabel/FormLabel.d.ts +5 -5
- package/FormLabel/FormLabel.js +2 -5
- package/FormLabel/FormLabel.mjs +2 -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/IconButton/IconButton.js +1 -8
- package/IconButton/IconButton.mjs +1 -8
- 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 +7 -3
- package/Input/Input.d.ts +7 -3
- package/Input/Input.js +6 -0
- package/Input/Input.mjs +6 -0
- package/InputAdornment/InputAdornment.d.mts +2 -2
- package/InputAdornment/InputAdornment.d.ts +2 -2
- package/InputBase/InputBase.d.mts +4 -3
- package/InputBase/InputBase.d.ts +4 -3
- package/InputBase/InputBase.js +50 -15
- package/InputBase/InputBase.mjs +50 -15
- package/InputLabel/InputLabel.d.mts +4 -4
- package/InputLabel/InputLabel.d.ts +4 -4
- package/InputLabel/InputLabel.js +5 -8
- package/InputLabel/InputLabel.mjs +5 -8
- package/LinearProgress/LinearProgress.d.mts +14 -4
- package/LinearProgress/LinearProgress.d.ts +14 -4
- package/LinearProgress/LinearProgress.js +42 -10
- package/LinearProgress/LinearProgress.mjs +42 -10
- 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/List/List.js +2 -1
- package/List/List.mjs +2 -1
- 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/ListItemButton/ListItemButton.js +7 -1
- package/ListItemButton/ListItemButton.mjs +7 -1
- 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/MenuItem/MenuItem.js +7 -1
- package/MenuItem/MenuItem.mjs +7 -1
- package/MenuList/MenuList.d.mts +4 -4
- package/MenuList/MenuList.d.ts +4 -4
- package/MenuList/MenuList.js +2 -1
- package/MenuList/MenuList.mjs +2 -1
- 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/NativeSelect/NativeSelect.js +2 -5
- package/NativeSelect/NativeSelect.mjs +2 -5
- 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/OutlinedInput/OutlinedInput.js +13 -23
- package/OutlinedInput/OutlinedInput.mjs +13 -23
- 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 -3
- package/PigmentContainer/PigmentContainer.mjs +2 -3
- 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/BasePopper.js +23 -1
- package/Popper/BasePopper.mjs +23 -1
- 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/Select/Select.js +2 -5
- package/Select/Select.mjs +2 -5
- package/Select/SelectInput.js +164 -2
- package/Select/SelectInput.mjs +164 -2
- 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 +73 -50
- package/Slide/Slide.mjs +74 -52
- package/Slider/Slider.d.mts +4 -4
- package/Slider/Slider.d.ts +4 -4
- package/Slider/Slider.js +11 -2
- package/Slider/Slider.mjs +11 -2
- package/Slider/useSlider.d.mts +1 -1
- package/Slider/useSlider.d.ts +1 -1
- package/Slider/useSlider.js +236 -209
- package/Slider/useSlider.mjs +236 -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 +7 -6
- package/SwipeableDrawer/SwipeableDrawer.mjs +7 -6
- package/Switch/Switch.d.mts +4 -4
- package/Switch/Switch.d.ts +4 -4
- package/Switch/Switch.js +9 -4
- package/Switch/Switch.mjs +9 -4
- 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/ScrollbarSize.js +2 -1
- package/Tabs/ScrollbarSize.mjs +2 -1
- package/Tabs/Tabs.d.mts +2 -2
- package/Tabs/Tabs.d.ts +2 -2
- package/Tabs/Tabs.js +2 -1
- package/Tabs/Tabs.mjs +2 -1
- 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/Tooltip/Tooltip.js +26 -108
- package/Tooltip/Tooltip.mjs +26 -108
- package/Typography/Typography.d.mts +4 -4
- package/Typography/Typography.d.ts +4 -4
- package/Unstable_TrapFocus/FocusTrap.js +18 -14
- package/Unstable_TrapFocus/FocusTrap.mjs +18 -14
- 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 +7 -7
- package/styles/createThemeNoVars.js +1 -1
- package/styles/createThemeNoVars.mjs +1 -1
- package/styles/responsiveFontSizes.js +19 -8
- package/styles/responsiveFontSizes.mjs +19 -8
- package/styles/useThemeProps.d.mts +3 -3
- package/styles/useThemeProps.d.ts +3 -3
- package/transitions/utils.d.mts +24 -0
- package/transitions/utils.d.ts +24 -0
- package/transitions/utils.js +91 -0
- package/transitions/utils.mjs +88 -0
- package/useAutocomplete/useAutocomplete.d.mts +4 -5
- package/useAutocomplete/useAutocomplete.d.ts +4 -5
- package/useAutocomplete/useAutocomplete.js +166 -53
- package/useAutocomplete/useAutocomplete.mjs +166 -53
- package/utils/contains.d.mts +2 -0
- package/utils/contains.d.ts +2 -0
- package/utils/contains.js +9 -0
- package/utils/contains.mjs +2 -0
- package/utils/focusable.d.mts +7 -0
- package/utils/focusable.d.ts +7 -0
- package/utils/focusable.js +20 -0
- package/utils/focusable.mjs +13 -0
- package/utils/getEventTarget.d.mts +2 -0
- package/utils/getEventTarget.d.ts +2 -0
- package/utils/getEventTarget.js +9 -0
- package/utils/getEventTarget.mjs +2 -0
- package/utils/mergeSlotProps.js +2 -8
- package/utils/mergeSlotProps.mjs +1 -8
- package/version/index.js +3 -3
- package/version/index.mjs +3 -3
- package/FormControl/formControlState.js +0 -21
- package/FormControl/formControlState.mjs +0 -15
package/Tabs/Tabs.d.ts
CHANGED
|
@@ -225,11 +225,11 @@ export interface TabsTypeMap<AdditionalProps = {}, RootComponent extends React.E
|
|
|
225
225
|
*
|
|
226
226
|
* Demos:
|
|
227
227
|
*
|
|
228
|
-
* - [Tabs](https://
|
|
228
|
+
* - [Tabs](https://mui.com/material-ui/react-tabs/)
|
|
229
229
|
*
|
|
230
230
|
* API:
|
|
231
231
|
*
|
|
232
|
-
* - [Tabs API](https://
|
|
232
|
+
* - [Tabs API](https://mui.com/material-ui/api/tabs/)
|
|
233
233
|
*/
|
|
234
234
|
declare const Tabs: OverridableComponent<TabsTypeMap>;
|
|
235
235
|
export interface TabsActions {
|
package/Tabs/Tabs.js
CHANGED
|
@@ -27,6 +27,7 @@ var _tabsClasses = _interopRequireWildcard(require("./tabsClasses"));
|
|
|
27
27
|
var _ownerWindow = _interopRequireDefault(require("../utils/ownerWindow"));
|
|
28
28
|
var _isLayoutSupported = _interopRequireDefault(require("../utils/isLayoutSupported"));
|
|
29
29
|
var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
|
|
30
|
+
var _contains = _interopRequireDefault(require("../utils/contains"));
|
|
30
31
|
var _getActiveElement = _interopRequireDefault(require("../utils/getActiveElement"));
|
|
31
32
|
var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
|
|
32
33
|
var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
|
|
@@ -710,7 +711,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
710
711
|
getSlotProps: handlers => ({
|
|
711
712
|
...handlers,
|
|
712
713
|
onBlur: event => {
|
|
713
|
-
if (!event.currentTarget
|
|
714
|
+
if (!(0, _contains.default)(event.currentTarget, event.relatedTarget)) {
|
|
714
715
|
setIsFocusWithinList(false);
|
|
715
716
|
}
|
|
716
717
|
handlers.onBlur?.(event);
|
package/Tabs/Tabs.mjs
CHANGED
|
@@ -20,6 +20,7 @@ import tabsClasses, { getTabsUtilityClass } from "./tabsClasses.mjs";
|
|
|
20
20
|
import ownerWindow from "../utils/ownerWindow.mjs";
|
|
21
21
|
import isLayoutSupported from "../utils/isLayoutSupported.mjs";
|
|
22
22
|
import useSlot from "../utils/useSlot.mjs";
|
|
23
|
+
import contains from "../utils/contains.mjs";
|
|
23
24
|
import getActiveElement from "../utils/getActiveElement.mjs";
|
|
24
25
|
import ownerDocument from "../utils/ownerDocument.mjs";
|
|
25
26
|
import useForkRef from "../utils/useForkRef.mjs";
|
|
@@ -703,7 +704,7 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
703
704
|
getSlotProps: handlers => ({
|
|
704
705
|
...handlers,
|
|
705
706
|
onBlur: event => {
|
|
706
|
-
if (!event.currentTarget
|
|
707
|
+
if (!contains(event.currentTarget, event.relatedTarget)) {
|
|
707
708
|
setIsFocusWithinList(false);
|
|
708
709
|
}
|
|
709
710
|
handlers.onBlur?.(event);
|
|
@@ -260,12 +260,12 @@ export type TextFieldOwnerState = BaseTextFieldProps;
|
|
|
260
260
|
* It's important to understand that the text field is a simple abstraction
|
|
261
261
|
* on top of the following components:
|
|
262
262
|
*
|
|
263
|
-
* * [FormControl](https://
|
|
264
|
-
* * [InputLabel](https://
|
|
265
|
-
* * [FilledInput](https://
|
|
266
|
-
* * [OutlinedInput](https://
|
|
267
|
-
* * [Input](https://
|
|
268
|
-
* * [FormHelperText](https://
|
|
263
|
+
* * [FormControl](https://mui.com/material-ui/api/form-control/)
|
|
264
|
+
* * [InputLabel](https://mui.com/material-ui/api/input-label/)
|
|
265
|
+
* * [FilledInput](https://mui.com/material-ui/api/filled-input/)
|
|
266
|
+
* * [OutlinedInput](https://mui.com/material-ui/api/outlined-input/)
|
|
267
|
+
* * [Input](https://mui.com/material-ui/api/input/)
|
|
268
|
+
* * [FormHelperText](https://mui.com/material-ui/api/form-helper-text/)
|
|
269
269
|
*
|
|
270
270
|
* If you wish to alter the props applied to the `input` element, you can do so as follows:
|
|
271
271
|
*
|
|
@@ -287,13 +287,13 @@ export type TextFieldOwnerState = BaseTextFieldProps;
|
|
|
287
287
|
*
|
|
288
288
|
* Demos:
|
|
289
289
|
*
|
|
290
|
-
* - [Autocomplete](https://
|
|
291
|
-
* - [Text Field](https://
|
|
290
|
+
* - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
|
|
291
|
+
* - [Text Field](https://mui.com/material-ui/react-text-field/)
|
|
292
292
|
*
|
|
293
293
|
* API:
|
|
294
294
|
*
|
|
295
|
-
* - [TextField API](https://
|
|
296
|
-
* - inherits [FormControl API](https://
|
|
295
|
+
* - [TextField API](https://mui.com/material-ui/api/text-field/)
|
|
296
|
+
* - inherits [FormControl API](https://mui.com/material-ui/api/form-control/)
|
|
297
297
|
*/
|
|
298
298
|
export default function TextField<Variant extends TextFieldVariants>(props: {
|
|
299
299
|
/**
|
package/TextField/TextField.d.ts
CHANGED
|
@@ -260,12 +260,12 @@ export type TextFieldOwnerState = BaseTextFieldProps;
|
|
|
260
260
|
* It's important to understand that the text field is a simple abstraction
|
|
261
261
|
* on top of the following components:
|
|
262
262
|
*
|
|
263
|
-
* * [FormControl](https://
|
|
264
|
-
* * [InputLabel](https://
|
|
265
|
-
* * [FilledInput](https://
|
|
266
|
-
* * [OutlinedInput](https://
|
|
267
|
-
* * [Input](https://
|
|
268
|
-
* * [FormHelperText](https://
|
|
263
|
+
* * [FormControl](https://mui.com/material-ui/api/form-control/)
|
|
264
|
+
* * [InputLabel](https://mui.com/material-ui/api/input-label/)
|
|
265
|
+
* * [FilledInput](https://mui.com/material-ui/api/filled-input/)
|
|
266
|
+
* * [OutlinedInput](https://mui.com/material-ui/api/outlined-input/)
|
|
267
|
+
* * [Input](https://mui.com/material-ui/api/input/)
|
|
268
|
+
* * [FormHelperText](https://mui.com/material-ui/api/form-helper-text/)
|
|
269
269
|
*
|
|
270
270
|
* If you wish to alter the props applied to the `input` element, you can do so as follows:
|
|
271
271
|
*
|
|
@@ -287,13 +287,13 @@ export type TextFieldOwnerState = BaseTextFieldProps;
|
|
|
287
287
|
*
|
|
288
288
|
* Demos:
|
|
289
289
|
*
|
|
290
|
-
* - [Autocomplete](https://
|
|
291
|
-
* - [Text Field](https://
|
|
290
|
+
* - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
|
|
291
|
+
* - [Text Field](https://mui.com/material-ui/react-text-field/)
|
|
292
292
|
*
|
|
293
293
|
* API:
|
|
294
294
|
*
|
|
295
|
-
* - [TextField API](https://
|
|
296
|
-
* - inherits [FormControl API](https://
|
|
295
|
+
* - [TextField API](https://mui.com/material-ui/api/text-field/)
|
|
296
|
+
* - inherits [FormControl API](https://mui.com/material-ui/api/form-control/)
|
|
297
297
|
*/
|
|
298
298
|
export default function TextField<Variant extends TextFieldVariants>(props: {
|
|
299
299
|
/**
|
|
@@ -4,11 +4,11 @@ import { TextareaAutosizeProps } from "./TextareaAutosize.types.mjs";
|
|
|
4
4
|
*
|
|
5
5
|
* Demos:
|
|
6
6
|
*
|
|
7
|
-
* - [Textarea Autosize](https://
|
|
7
|
+
* - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
|
|
8
8
|
*
|
|
9
9
|
* API:
|
|
10
10
|
*
|
|
11
|
-
* - [TextareaAutosize API](https://
|
|
11
|
+
* - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)
|
|
12
12
|
*/
|
|
13
13
|
declare const TextareaAutosize: React.ForwardRefExoticComponent<TextareaAutosizeProps & React.RefAttributes<Element>>;
|
|
14
14
|
export default TextareaAutosize;
|
|
@@ -4,11 +4,11 @@ import { TextareaAutosizeProps } from "./TextareaAutosize.types.js";
|
|
|
4
4
|
*
|
|
5
5
|
* Demos:
|
|
6
6
|
*
|
|
7
|
-
* - [Textarea Autosize](https://
|
|
7
|
+
* - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
|
|
8
8
|
*
|
|
9
9
|
* API:
|
|
10
10
|
*
|
|
11
|
-
* - [TextareaAutosize API](https://
|
|
11
|
+
* - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)
|
|
12
12
|
*/
|
|
13
13
|
declare const TextareaAutosize: React.ForwardRefExoticComponent<TextareaAutosizeProps & React.RefAttributes<Element>>;
|
|
14
14
|
export default TextareaAutosize;
|
|
@@ -48,11 +48,11 @@ function isEmpty(obj) {
|
|
|
48
48
|
*
|
|
49
49
|
* Demos:
|
|
50
50
|
*
|
|
51
|
-
* - [Textarea Autosize](https://
|
|
51
|
+
* - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
|
|
52
52
|
*
|
|
53
53
|
* API:
|
|
54
54
|
*
|
|
55
|
-
* - [TextareaAutosize API](https://
|
|
55
|
+
* - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)
|
|
56
56
|
*/
|
|
57
57
|
const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize(props, forwardedRef) {
|
|
58
58
|
const {
|
|
@@ -41,11 +41,11 @@ function isEmpty(obj) {
|
|
|
41
41
|
*
|
|
42
42
|
* Demos:
|
|
43
43
|
*
|
|
44
|
-
* - [Textarea Autosize](https://
|
|
44
|
+
* - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
|
|
45
45
|
*
|
|
46
46
|
* API:
|
|
47
47
|
*
|
|
48
|
-
* - [TextareaAutosize API](https://
|
|
48
|
+
* - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)
|
|
49
49
|
*/
|
|
50
50
|
const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize(props, forwardedRef) {
|
|
51
51
|
const {
|
|
@@ -81,12 +81,12 @@ export type ToggleButtonTypeMap<AdditionalProps = {}, RootComponent extends Reac
|
|
|
81
81
|
*
|
|
82
82
|
* Demos:
|
|
83
83
|
*
|
|
84
|
-
* - [Toggle Button](https://
|
|
84
|
+
* - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
|
|
85
85
|
*
|
|
86
86
|
* API:
|
|
87
87
|
*
|
|
88
|
-
* - [ToggleButton API](https://
|
|
89
|
-
* - inherits [ButtonBase API](https://
|
|
88
|
+
* - [ToggleButton API](https://mui.com/material-ui/api/toggle-button/)
|
|
89
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
90
90
|
*/
|
|
91
91
|
declare const ToggleButton: ExtendButtonBase<ToggleButtonTypeMap>;
|
|
92
92
|
export type ToggleButtonProps<RootComponent extends React.ElementType = ToggleButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToggleButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -81,12 +81,12 @@ export type ToggleButtonTypeMap<AdditionalProps = {}, RootComponent extends Reac
|
|
|
81
81
|
*
|
|
82
82
|
* Demos:
|
|
83
83
|
*
|
|
84
|
-
* - [Toggle Button](https://
|
|
84
|
+
* - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
|
|
85
85
|
*
|
|
86
86
|
* API:
|
|
87
87
|
*
|
|
88
|
-
* - [ToggleButton API](https://
|
|
89
|
-
* - inherits [ButtonBase API](https://
|
|
88
|
+
* - [ToggleButton API](https://mui.com/material-ui/api/toggle-button/)
|
|
89
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
90
90
|
*/
|
|
91
91
|
declare const ToggleButton: ExtendButtonBase<ToggleButtonTypeMap>;
|
|
92
92
|
export type ToggleButtonProps<RootComponent extends React.ElementType = ToggleButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToggleButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -73,10 +73,10 @@ export interface ToggleButtonGroupProps extends StandardProps<React.HTMLAttribut
|
|
|
73
73
|
*
|
|
74
74
|
* Demos:
|
|
75
75
|
*
|
|
76
|
-
* - [Toggle Button](https://
|
|
76
|
+
* - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
|
|
77
77
|
*
|
|
78
78
|
* API:
|
|
79
79
|
*
|
|
80
|
-
* - [ToggleButtonGroup API](https://
|
|
80
|
+
* - [ToggleButtonGroup API](https://mui.com/material-ui/api/toggle-button-group/)
|
|
81
81
|
*/
|
|
82
82
|
export default function ToggleButtonGroup(props: ToggleButtonGroupProps): React.JSX.Element;
|
|
@@ -73,10 +73,10 @@ export interface ToggleButtonGroupProps extends StandardProps<React.HTMLAttribut
|
|
|
73
73
|
*
|
|
74
74
|
* Demos:
|
|
75
75
|
*
|
|
76
|
-
* - [Toggle Button](https://
|
|
76
|
+
* - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
|
|
77
77
|
*
|
|
78
78
|
* API:
|
|
79
79
|
*
|
|
80
|
-
* - [ToggleButtonGroup API](https://
|
|
80
|
+
* - [ToggleButtonGroup API](https://mui.com/material-ui/api/toggle-button-group/)
|
|
81
81
|
*/
|
|
82
82
|
export default function ToggleButtonGroup(props: ToggleButtonGroupProps): React.JSX.Element;
|
package/Toolbar/Toolbar.d.mts
CHANGED
|
@@ -38,11 +38,11 @@ export interface ToolbarTypeMap<AdditionalProps = {}, RootComponent extends Reac
|
|
|
38
38
|
*
|
|
39
39
|
* Demos:
|
|
40
40
|
*
|
|
41
|
-
* - [App Bar](https://
|
|
41
|
+
* - [App Bar](https://mui.com/material-ui/react-app-bar/)
|
|
42
42
|
*
|
|
43
43
|
* API:
|
|
44
44
|
*
|
|
45
|
-
* - [Toolbar API](https://
|
|
45
|
+
* - [Toolbar API](https://mui.com/material-ui/api/toolbar/)
|
|
46
46
|
*/
|
|
47
47
|
declare const Toolbar: OverridableComponent<ToolbarTypeMap>;
|
|
48
48
|
export type ToolbarProps<RootComponent extends React.ElementType = ToolbarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToolbarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/Toolbar/Toolbar.d.ts
CHANGED
|
@@ -38,11 +38,11 @@ export interface ToolbarTypeMap<AdditionalProps = {}, RootComponent extends Reac
|
|
|
38
38
|
*
|
|
39
39
|
* Demos:
|
|
40
40
|
*
|
|
41
|
-
* - [App Bar](https://
|
|
41
|
+
* - [App Bar](https://mui.com/material-ui/react-app-bar/)
|
|
42
42
|
*
|
|
43
43
|
* API:
|
|
44
44
|
*
|
|
45
|
-
* - [Toolbar API](https://
|
|
45
|
+
* - [Toolbar API](https://mui.com/material-ui/api/toolbar/)
|
|
46
46
|
*/
|
|
47
47
|
declare const Toolbar: OverridableComponent<ToolbarTypeMap>;
|
|
48
48
|
export type ToolbarProps<RootComponent extends React.ElementType = ToolbarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToolbarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/Tooltip/Tooltip.d.mts
CHANGED
|
@@ -167,10 +167,10 @@ export interface TooltipOwnerState extends TooltipProps {}
|
|
|
167
167
|
*
|
|
168
168
|
* Demos:
|
|
169
169
|
*
|
|
170
|
-
* - [Tooltip](https://
|
|
170
|
+
* - [Tooltip](https://mui.com/material-ui/react-tooltip/)
|
|
171
171
|
*
|
|
172
172
|
* API:
|
|
173
173
|
*
|
|
174
|
-
* - [Tooltip API](https://
|
|
174
|
+
* - [Tooltip API](https://mui.com/material-ui/api/tooltip/)
|
|
175
175
|
*/
|
|
176
176
|
export default function Tooltip(props: TooltipProps): React.JSX.Element;
|
package/Tooltip/Tooltip.d.ts
CHANGED
|
@@ -167,10 +167,10 @@ export interface TooltipOwnerState extends TooltipProps {}
|
|
|
167
167
|
*
|
|
168
168
|
* Demos:
|
|
169
169
|
*
|
|
170
|
-
* - [Tooltip](https://
|
|
170
|
+
* - [Tooltip](https://mui.com/material-ui/react-tooltip/)
|
|
171
171
|
*
|
|
172
172
|
* API:
|
|
173
173
|
*
|
|
174
|
-
* - [Tooltip API](https://
|
|
174
|
+
* - [Tooltip API](https://mui.com/material-ui/api/tooltip/)
|
|
175
175
|
*/
|
|
176
176
|
export default function Tooltip(props: TooltipProps): React.JSX.Element;
|
package/Tooltip/Tooltip.js
CHANGED
|
@@ -14,7 +14,6 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
|
14
14
|
var _useTimeout = _interopRequireWildcard(require("@mui/utils/useTimeout"));
|
|
15
15
|
var _elementAcceptingRef = _interopRequireDefault(require("@mui/utils/elementAcceptingRef"));
|
|
16
16
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
17
|
-
var _RtlProvider = require("@mui/system/RtlProvider");
|
|
18
17
|
var _isFocusVisible = _interopRequireDefault(require("@mui/utils/isFocusVisible"));
|
|
19
18
|
var _getReactElementRef = _interopRequireDefault(require("@mui/utils/getReactElementRef"));
|
|
20
19
|
var _zeroStyled = require("../zero-styled");
|
|
@@ -64,17 +63,11 @@ const TooltipPopper = (0, _zeroStyled.styled)(_Popper.default, {
|
|
|
64
63
|
pointerEvents: 'none',
|
|
65
64
|
variants: [{
|
|
66
65
|
props: ({
|
|
67
|
-
ownerState
|
|
68
|
-
}) => !ownerState.disableInteractive,
|
|
69
|
-
style: {
|
|
70
|
-
pointerEvents: 'auto'
|
|
71
|
-
}
|
|
72
|
-
}, {
|
|
73
|
-
props: ({
|
|
66
|
+
ownerState,
|
|
74
67
|
open
|
|
75
|
-
}) => !
|
|
68
|
+
}) => open && !ownerState.disableInteractive,
|
|
76
69
|
style: {
|
|
77
|
-
pointerEvents: '
|
|
70
|
+
pointerEvents: 'auto'
|
|
78
71
|
}
|
|
79
72
|
}, {
|
|
80
73
|
props: ({
|
|
@@ -98,6 +91,8 @@ const TooltipPopper = (0, _zeroStyled.styled)(_Popper.default, {
|
|
|
98
91
|
[`&[data-popper-placement*="right"] .${_tooltipClasses.default.arrow}`]: {
|
|
99
92
|
height: '1em',
|
|
100
93
|
width: '0.71em',
|
|
94
|
+
insetInlineStart: 0,
|
|
95
|
+
marginInlineStart: '-0.71em',
|
|
101
96
|
'&::before': {
|
|
102
97
|
transformOrigin: '100% 100%'
|
|
103
98
|
}
|
|
@@ -105,51 +100,13 @@ const TooltipPopper = (0, _zeroStyled.styled)(_Popper.default, {
|
|
|
105
100
|
[`&[data-popper-placement*="left"] .${_tooltipClasses.default.arrow}`]: {
|
|
106
101
|
height: '1em',
|
|
107
102
|
width: '0.71em',
|
|
103
|
+
insetInlineEnd: 0,
|
|
104
|
+
marginInlineEnd: '-0.71em',
|
|
108
105
|
'&::before': {
|
|
109
106
|
transformOrigin: '0 0'
|
|
110
107
|
}
|
|
111
108
|
}
|
|
112
109
|
}
|
|
113
|
-
}, {
|
|
114
|
-
props: ({
|
|
115
|
-
ownerState
|
|
116
|
-
}) => ownerState.arrow && !ownerState.isRtl,
|
|
117
|
-
style: {
|
|
118
|
-
[`&[data-popper-placement*="right"] .${_tooltipClasses.default.arrow}`]: {
|
|
119
|
-
left: 0,
|
|
120
|
-
marginLeft: '-0.71em'
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
}, {
|
|
124
|
-
props: ({
|
|
125
|
-
ownerState
|
|
126
|
-
}) => ownerState.arrow && !!ownerState.isRtl,
|
|
127
|
-
style: {
|
|
128
|
-
[`&[data-popper-placement*="right"] .${_tooltipClasses.default.arrow}`]: {
|
|
129
|
-
right: 0,
|
|
130
|
-
marginRight: '-0.71em'
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
}, {
|
|
134
|
-
props: ({
|
|
135
|
-
ownerState
|
|
136
|
-
}) => ownerState.arrow && !ownerState.isRtl,
|
|
137
|
-
style: {
|
|
138
|
-
[`&[data-popper-placement*="left"] .${_tooltipClasses.default.arrow}`]: {
|
|
139
|
-
right: 0,
|
|
140
|
-
marginRight: '-0.71em'
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
}, {
|
|
144
|
-
props: ({
|
|
145
|
-
ownerState
|
|
146
|
-
}) => ownerState.arrow && !!ownerState.isRtl,
|
|
147
|
-
style: {
|
|
148
|
-
[`&[data-popper-placement*="left"] .${_tooltipClasses.default.arrow}`]: {
|
|
149
|
-
left: 0,
|
|
150
|
-
marginLeft: '-0.71em'
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
110
|
}]
|
|
154
111
|
})));
|
|
155
112
|
const TooltipTooltip = (0, _zeroStyled.styled)('div', {
|
|
@@ -175,10 +132,12 @@ const TooltipTooltip = (0, _zeroStyled.styled)('div', {
|
|
|
175
132
|
wordWrap: 'break-word',
|
|
176
133
|
fontWeight: theme.typography.fontWeightMedium,
|
|
177
134
|
[`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
|
|
178
|
-
transformOrigin: 'right center'
|
|
135
|
+
transformOrigin: 'right center',
|
|
136
|
+
marginInlineEnd: '14px'
|
|
179
137
|
},
|
|
180
138
|
[`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
|
|
181
|
-
transformOrigin: 'left center'
|
|
139
|
+
transformOrigin: 'left center',
|
|
140
|
+
marginInlineStart: '14px'
|
|
182
141
|
},
|
|
183
142
|
[`.${_tooltipClasses.default.popper}[data-popper-placement*="top"] &`]: {
|
|
184
143
|
transformOrigin: 'center bottom',
|
|
@@ -194,7 +153,7 @@ const TooltipTooltip = (0, _zeroStyled.styled)('div', {
|
|
|
194
153
|
}) => ownerState.arrow,
|
|
195
154
|
style: {
|
|
196
155
|
position: 'relative',
|
|
197
|
-
|
|
156
|
+
marginBlock: 0
|
|
198
157
|
}
|
|
199
158
|
}, {
|
|
200
159
|
props: ({
|
|
@@ -209,65 +168,17 @@ const TooltipTooltip = (0, _zeroStyled.styled)('div', {
|
|
|
209
168
|
}, {
|
|
210
169
|
props: ({
|
|
211
170
|
ownerState
|
|
212
|
-
}) =>
|
|
213
|
-
style: {
|
|
214
|
-
[`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
|
|
215
|
-
marginRight: '14px'
|
|
216
|
-
},
|
|
217
|
-
[`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
|
|
218
|
-
marginLeft: '14px'
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
}, {
|
|
222
|
-
props: ({
|
|
223
|
-
ownerState
|
|
224
|
-
}) => !ownerState.isRtl && ownerState.touch,
|
|
171
|
+
}) => ownerState.touch,
|
|
225
172
|
style: {
|
|
226
173
|
[`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
|
|
227
|
-
|
|
174
|
+
marginInlineEnd: '24px'
|
|
228
175
|
},
|
|
229
176
|
[`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
|
|
230
|
-
|
|
231
|
-
}
|
|
232
|
-
}
|
|
233
|
-
}, {
|
|
234
|
-
props: ({
|
|
235
|
-
ownerState
|
|
236
|
-
}) => !!ownerState.isRtl,
|
|
237
|
-
style: {
|
|
238
|
-
[`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
|
|
239
|
-
marginLeft: '14px'
|
|
177
|
+
marginInlineStart: '24px'
|
|
240
178
|
},
|
|
241
|
-
[`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
|
|
242
|
-
marginRight: '14px'
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
}, {
|
|
246
|
-
props: ({
|
|
247
|
-
ownerState
|
|
248
|
-
}) => !!ownerState.isRtl && ownerState.touch,
|
|
249
|
-
style: {
|
|
250
|
-
[`.${_tooltipClasses.default.popper}[data-popper-placement*="left"] &`]: {
|
|
251
|
-
marginLeft: '24px'
|
|
252
|
-
},
|
|
253
|
-
[`.${_tooltipClasses.default.popper}[data-popper-placement*="right"] &`]: {
|
|
254
|
-
marginRight: '24px'
|
|
255
|
-
}
|
|
256
|
-
}
|
|
257
|
-
}, {
|
|
258
|
-
props: ({
|
|
259
|
-
ownerState
|
|
260
|
-
}) => ownerState.touch,
|
|
261
|
-
style: {
|
|
262
179
|
[`.${_tooltipClasses.default.popper}[data-popper-placement*="top"] &`]: {
|
|
263
180
|
marginBottom: '24px'
|
|
264
|
-
}
|
|
265
|
-
}
|
|
266
|
-
}, {
|
|
267
|
-
props: ({
|
|
268
|
-
ownerState
|
|
269
|
-
}) => ownerState.touch,
|
|
270
|
-
style: {
|
|
181
|
+
},
|
|
271
182
|
[`.${_tooltipClasses.default.popper}[data-popper-placement*="bottom"] &`]: {
|
|
272
183
|
marginTop: '24px'
|
|
273
184
|
}
|
|
@@ -350,7 +261,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
|
|
|
350
261
|
children: childrenProp
|
|
351
262
|
});
|
|
352
263
|
const theme = (0, _zeroStyled.useTheme)();
|
|
353
|
-
const isRtl = (0, _RtlProvider.useRtl)();
|
|
354
264
|
const [childNode, setChildNode] = React.useState();
|
|
355
265
|
const [arrowRef, setArrowRef] = React.useState(null);
|
|
356
266
|
const ignoreNonTouchEvents = React.useRef(false);
|
|
@@ -450,7 +360,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
|
|
|
450
360
|
const handleBlur = event => {
|
|
451
361
|
// Needed for https://github.com/mui/material-ui/issues/45373
|
|
452
362
|
const target = event?.target ?? childNode;
|
|
453
|
-
if (!target || !(0, _isFocusVisible.default)(target)) {
|
|
363
|
+
if (!target || target.disabled || !(0, _isFocusVisible.default)(target)) {
|
|
454
364
|
setChildIsFocusVisible(false);
|
|
455
365
|
|
|
456
366
|
// InputBase can call onBlur() without an event when the input becomes disabled.
|
|
@@ -478,6 +388,15 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
|
|
|
478
388
|
setChildNode(event.currentTarget);
|
|
479
389
|
}
|
|
480
390
|
if ((0, _isFocusVisible.default)(event.target)) {
|
|
391
|
+
// Workaround for https://github.com/facebook/react/issues/9142.
|
|
392
|
+
// React does not fire blur when a focused element becomes disabled.
|
|
393
|
+
const handleNativeBlur = blurEvent => {
|
|
394
|
+
if (blurEvent.target.disabled) {
|
|
395
|
+
handleBlur(blurEvent);
|
|
396
|
+
}
|
|
397
|
+
blurEvent.target.removeEventListener('blur', handleNativeBlur);
|
|
398
|
+
};
|
|
399
|
+
event.target.addEventListener('blur', handleNativeBlur);
|
|
481
400
|
setChildIsFocusVisible(true);
|
|
482
401
|
handleMouseOver(event);
|
|
483
402
|
}
|
|
@@ -609,7 +528,6 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
|
|
|
609
528
|
}
|
|
610
529
|
const ownerState = {
|
|
611
530
|
...props,
|
|
612
|
-
isRtl,
|
|
613
531
|
arrow,
|
|
614
532
|
disableInteractive,
|
|
615
533
|
placement,
|