@mui/material 7.3.8 → 7.3.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/Accordion.d.ts +14 -14
- package/AccordionActions/AccordionActions.d.ts +5 -5
- package/AccordionDetails/AccordionDetails.d.ts +4 -4
- package/AccordionSummary/AccordionSummary.d.ts +6 -6
- package/Alert/Alert.d.ts +18 -18
- package/AlertTitle/AlertTitle.d.ts +5 -5
- package/AppBar/AppBar.d.ts +11 -11
- package/Autocomplete/Autocomplete.d.ts +56 -40
- package/Autocomplete/Autocomplete.js +48 -25
- package/Avatar/Avatar.d.ts +13 -13
- package/AvatarGroup/AvatarGroup.d.ts +13 -13
- package/Backdrop/Backdrop.d.ts +13 -13
- package/Badge/Badge.d.ts +20 -20
- package/Badge/useBadge.types.d.ts +3 -3
- package/BottomNavigation/BottomNavigation.d.ts +7 -7
- package/BottomNavigationAction/BottomNavigationAction.d.ts +7 -7
- package/Box/Box.d.ts +4 -3
- package/Breadcrumbs/Breadcrumbs.d.ts +14 -14
- package/Button/Button.d.ts +20 -19
- package/ButtonBase/ButtonBase.d.ts +17 -17
- package/ButtonBase/ButtonBase.js +8 -2
- package/ButtonBase/TouchRipple.d.ts +4 -4
- package/ButtonGroup/ButtonGroup.d.ts +14 -14
- package/ButtonGroup/ButtonGroupContext.d.ts +9 -9
- package/CHANGELOG.md +86 -0
- package/Card/Card.d.ts +7 -7
- package/CardActionArea/CardActionArea.d.ts +7 -7
- package/CardActions/CardActions.d.ts +5 -5
- package/CardContent/CardContent.d.ts +5 -5
- package/CardHeader/CardHeader.d.ts +10 -10
- package/CardHeader/CardHeader.js +1 -0
- package/CardMedia/CardMedia.d.ts +7 -7
- package/Checkbox/Checkbox.d.ts +16 -16
- package/Chip/Chip.d.ts +17 -17
- package/CircularProgress/CircularProgress.d.ts +11 -11
- package/ClickAwayListener/ClickAwayListener.d.ts +6 -6
- package/ClickAwayListener/ClickAwayListener.js +3 -3
- package/Collapse/Collapse.d.ts +17 -17
- package/Collapse/Collapse.js +6 -18
- package/Container/Container.d.ts +8 -8
- package/CssBaseline/CssBaseline.d.ts +3 -3
- package/Dialog/Dialog.d.ts +31 -24
- package/Dialog/Dialog.js +9 -1
- package/Dialog/DialogContext.d.ts +1 -1
- package/DialogActions/DialogActions.d.ts +5 -5
- package/DialogContent/DialogContent.d.ts +5 -5
- package/DialogContentText/DialogContentText.d.ts +6 -6
- package/DialogTitle/DialogTitle.d.ts +7 -7
- package/Divider/Divider.d.ts +13 -12
- package/Drawer/Drawer.d.ts +14 -14
- package/Fab/Fab.d.ts +13 -13
- package/Fade/Fade.d.ts +8 -8
- package/Fade/Fade.js +28 -32
- package/FilledInput/FilledInput.d.ts +7 -7
- package/FilledInput/FilledInput.js +1 -1
- package/FormControl/FormControl.d.ts +21 -21
- package/FormControlLabel/FormControlLabel.d.ts +16 -16
- package/FormGroup/FormGroup.d.ts +6 -6
- package/FormHelperText/FormHelperText.d.ts +13 -13
- package/FormLabel/FormLabel.d.ts +15 -15
- package/GlobalStyles/GlobalStyles.d.ts +2 -2
- package/Grid/Grid.d.ts +13 -13
- package/Grid/Grid.js +2 -2
- package/GridLegacy/GridLegacy.d.ts +19 -19
- package/Grow/Grow.d.ts +10 -10
- package/Grow/Grow.js +30 -38
- package/Icon/Icon.d.ts +9 -9
- package/IconButton/IconButton.d.ts +14 -14
- package/ImageList/ImageList.d.ts +9 -9
- package/ImageListItem/ImageListItem.d.ts +7 -7
- package/ImageListItemBar/ImageListItemBar.d.ts +6 -6
- package/InitColorSchemeScript/InitColorSchemeScript.d.ts +9 -9
- package/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
- package/Input/Input.d.ts +6 -6
- package/Input/Input.js +1 -1
- package/InputAdornment/InputAdornment.d.ts +8 -8
- package/InputBase/InputBase.d.ts +57 -57
- package/InputLabel/InputLabel.d.ts +17 -17
- package/LinearProgress/LinearProgress.d.ts +8 -8
- package/Link/Link.d.ts +11 -11
- package/List/List.d.ts +9 -8
- package/List/ListContext.d.ts +1 -1
- package/ListItem/ListItem.d.ts +23 -23
- package/ListItemAvatar/ListItemAvatar.d.ts +4 -4
- package/ListItemButton/ListItemButton.d.ts +14 -13
- package/ListItemIcon/ListItemIcon.d.ts +5 -4
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +4 -4
- package/ListItemText/ListItemText.d.ts +14 -13
- package/ListItemText/ListItemText.js +1 -0
- package/ListSubheader/ListSubheader.d.ts +10 -9
- package/Menu/Menu.d.ts +15 -15
- package/MenuItem/MenuItem.d.ts +12 -12
- package/MenuItem/MenuItem.js +21 -1
- package/MenuList/MenuList.d.ts +10 -10
- package/MobileStepper/MobileStepper.d.ts +9 -9
- package/Modal/Modal.d.ts +38 -38
- package/Modal/ModalManager.d.ts +1 -1
- package/Modal/useModal.types.d.ts +13 -13
- package/NativeSelect/NativeSelect.d.ts +10 -10
- package/NativeSelect/NativeSelectInput.d.ts +5 -5
- package/NoSsr/NoSsr.d.ts +2 -2
- package/NoSsr/NoSsr.js +2 -2
- package/NoSsr/NoSsr.types.d.ts +1 -1
- package/OutlinedInput/NotchedOutline.d.ts +3 -3
- package/OutlinedInput/OutlinedInput.d.ts +9 -9
- package/OverridableComponent/index.d.ts +2 -2
- package/Pagination/Pagination.d.ts +10 -10
- package/PaginationItem/PaginationItem.d.ts +18 -18
- package/Paper/Paper.d.ts +10 -9
- package/PigmentContainer/PigmentContainer.d.ts +8 -8
- package/PigmentContainer/PigmentContainer.js +2 -2
- package/PigmentGrid/PigmentGrid.d.ts +10 -10
- package/PigmentGrid/PigmentGrid.js +2 -2
- package/PigmentStack/PigmentStack.d.ts +6 -6
- package/PigmentStack/PigmentStack.js +2 -2
- package/Popover/Popover.d.ts +22 -22
- package/Popover/Popover.js +6 -3
- package/Popper/BasePopper.js +6 -3
- package/Popper/BasePopper.types.d.ts +17 -17
- package/Popper/Popper.d.ts +9 -9
- 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/Portal/Portal.types.d.ts +2 -2
- package/README.md +2 -2
- package/Radio/Radio.d.ts +8 -8
- package/RadioGroup/RadioGroup.d.ts +5 -5
- package/Rating/Rating.d.ts +18 -18
- package/ScopedCssBaseline/ScopedCssBaseline.d.ts +6 -6
- package/Select/Select.d.ts +26 -26
- package/Select/SelectInput.d.ts +24 -24
- 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 +9 -9
- package/Slide/Slide.d.ts +11 -11
- package/Slide/Slide.js +48 -44
- package/Slider/Slider.d.ts +72 -72
- package/Slider/SliderValueLabel.d.ts +1 -1
- package/Slider/SliderValueLabel.types.d.ts +5 -5
- package/Slider/useSlider.types.d.ts +26 -26
- package/Snackbar/Snackbar.d.ts +18 -18
- package/Snackbar/useSnackbar.types.d.ts +6 -6
- package/SnackbarContent/SnackbarContent.d.ts +6 -6
- package/SpeedDial/SpeedDial.d.ts +13 -13
- package/SpeedDialAction/SpeedDialAction.d.ts +14 -14
- package/SpeedDialIcon/SpeedDialIcon.d.ts +5 -5
- package/SpeedDialIcon/SpeedDialIcon.js +4 -10
- package/Stack/Stack.d.ts +7 -7
- package/Step/Step.d.ts +12 -12
- package/StepButton/StepButton.d.ts +6 -6
- package/StepConnector/StepConnector.d.ts +4 -4
- package/StepContent/StepContent.d.ts +9 -9
- package/StepIcon/StepIcon.d.ts +8 -8
- package/StepIcon/StepIcon.js +1 -4
- package/StepLabel/StepLabel.d.ts +9 -9
- package/StepLabel/StepLabel.js +1 -5
- package/Stepper/Stepper.d.ts +11 -11
- package/SvgIcon/SvgIcon.d.ts +13 -13
- package/SwipeableDrawer/SwipeableDrawer.d.ts +13 -13
- package/SwipeableDrawer/SwipeableDrawer.js +0 -3
- package/Switch/Switch.d.ts +9 -9
- package/Switch/Switch.js +4 -0
- package/Tab/Tab.d.ts +12 -12
- package/TabScrollButton/TabScrollButton.d.ts +11 -11
- package/Table/Table.d.ts +8 -8
- package/TableBody/TableBody.d.ts +5 -5
- package/TableCell/TableCell.d.ts +11 -11
- package/TableContainer/TableContainer.d.ts +5 -5
- package/TableFooter/TableFooter.d.ts +5 -5
- package/TableHead/TableHead.d.ts +5 -5
- package/TablePagination/TablePagination.d.ts +18 -18
- package/TablePaginationActions/TablePaginationActions.d.ts +25 -25
- package/TableRow/TableRow.d.ts +7 -7
- package/TableSortLabel/TableSortLabel.d.ts +12 -12
- package/Tabs/Tabs.d.ts +27 -27
- package/Tabs/Tabs.js +2 -1
- package/TextField/TextField.d.ts +45 -45
- package/TextareaAutosize/TextareaAutosize.d.ts +2 -2
- package/TextareaAutosize/TextareaAutosize.js +2 -2
- package/TextareaAutosize/TextareaAutosize.types.d.ts +3 -3
- package/ToggleButton/ToggleButton.d.ts +14 -14
- package/ToggleButtonGroup/ToggleButtonGroup.d.ts +11 -11
- package/ToggleButtonGroup/ToggleButtonGroupContext.d.ts +7 -7
- package/Toolbar/Toolbar.d.ts +7 -7
- package/Tooltip/Tooltip.d.ts +35 -35
- package/Tooltip/Tooltip.js +19 -2
- package/Typography/Typography.d.ts +14 -13
- package/Unstable_TrapFocus/FocusTrap.types.d.ts +7 -7
- package/Zoom/Zoom.d.ts +8 -8
- package/Zoom/Zoom.js +24 -30
- package/esm/Accordion/Accordion.d.ts +14 -14
- package/esm/AccordionActions/AccordionActions.d.ts +5 -5
- package/esm/AccordionDetails/AccordionDetails.d.ts +4 -4
- package/esm/AccordionSummary/AccordionSummary.d.ts +6 -6
- package/esm/Alert/Alert.d.ts +18 -18
- package/esm/AlertTitle/AlertTitle.d.ts +5 -5
- package/esm/AppBar/AppBar.d.ts +11 -11
- package/esm/Autocomplete/Autocomplete.d.ts +56 -40
- package/esm/Autocomplete/Autocomplete.js +48 -25
- package/esm/Avatar/Avatar.d.ts +13 -13
- package/esm/AvatarGroup/AvatarGroup.d.ts +13 -13
- package/esm/Backdrop/Backdrop.d.ts +13 -13
- package/esm/Badge/Badge.d.ts +20 -20
- package/esm/Badge/useBadge.types.d.ts +3 -3
- package/esm/BottomNavigation/BottomNavigation.d.ts +7 -7
- package/esm/BottomNavigationAction/BottomNavigationAction.d.ts +7 -7
- package/esm/Box/Box.d.ts +4 -3
- package/esm/Breadcrumbs/Breadcrumbs.d.ts +14 -14
- package/esm/Button/Button.d.ts +20 -19
- package/esm/ButtonBase/ButtonBase.d.ts +17 -17
- package/esm/ButtonBase/ButtonBase.js +8 -2
- package/esm/ButtonBase/TouchRipple.d.ts +4 -4
- package/esm/ButtonGroup/ButtonGroup.d.ts +14 -14
- package/esm/ButtonGroup/ButtonGroupContext.d.ts +9 -9
- package/esm/Card/Card.d.ts +7 -7
- package/esm/CardActionArea/CardActionArea.d.ts +7 -7
- package/esm/CardActions/CardActions.d.ts +5 -5
- package/esm/CardContent/CardContent.d.ts +5 -5
- package/esm/CardHeader/CardHeader.d.ts +10 -10
- package/esm/CardHeader/CardHeader.js +1 -0
- package/esm/CardMedia/CardMedia.d.ts +7 -7
- package/esm/Checkbox/Checkbox.d.ts +16 -16
- package/esm/Chip/Chip.d.ts +17 -17
- package/esm/CircularProgress/CircularProgress.d.ts +11 -11
- package/esm/ClickAwayListener/ClickAwayListener.d.ts +6 -6
- package/esm/ClickAwayListener/ClickAwayListener.js +3 -3
- package/esm/Collapse/Collapse.d.ts +17 -17
- package/esm/Collapse/Collapse.js +7 -19
- package/esm/Container/Container.d.ts +8 -8
- package/esm/CssBaseline/CssBaseline.d.ts +3 -3
- package/esm/Dialog/Dialog.d.ts +31 -24
- package/esm/Dialog/Dialog.js +9 -1
- package/esm/Dialog/DialogContext.d.ts +1 -1
- package/esm/DialogActions/DialogActions.d.ts +5 -5
- package/esm/DialogContent/DialogContent.d.ts +5 -5
- package/esm/DialogContentText/DialogContentText.d.ts +6 -6
- package/esm/DialogTitle/DialogTitle.d.ts +7 -7
- package/esm/Divider/Divider.d.ts +13 -12
- package/esm/Drawer/Drawer.d.ts +14 -14
- package/esm/Fab/Fab.d.ts +13 -13
- package/esm/Fade/Fade.d.ts +8 -8
- package/esm/Fade/Fade.js +29 -33
- package/esm/FilledInput/FilledInput.d.ts +7 -7
- package/esm/FilledInput/FilledInput.js +1 -1
- package/esm/FormControl/FormControl.d.ts +21 -21
- package/esm/FormControlLabel/FormControlLabel.d.ts +16 -16
- package/esm/FormGroup/FormGroup.d.ts +6 -6
- package/esm/FormHelperText/FormHelperText.d.ts +13 -13
- package/esm/FormLabel/FormLabel.d.ts +15 -15
- package/esm/GlobalStyles/GlobalStyles.d.ts +2 -2
- package/esm/Grid/Grid.d.ts +13 -13
- package/esm/Grid/Grid.js +2 -2
- package/esm/GridLegacy/GridLegacy.d.ts +19 -19
- package/esm/Grow/Grow.d.ts +10 -10
- package/esm/Grow/Grow.js +31 -39
- package/esm/Icon/Icon.d.ts +9 -9
- package/esm/IconButton/IconButton.d.ts +14 -14
- package/esm/ImageList/ImageList.d.ts +9 -9
- package/esm/ImageListItem/ImageListItem.d.ts +7 -7
- package/esm/ImageListItemBar/ImageListItemBar.d.ts +6 -6
- package/esm/InitColorSchemeScript/InitColorSchemeScript.d.ts +9 -9
- package/esm/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
- package/esm/Input/Input.d.ts +6 -6
- package/esm/Input/Input.js +1 -1
- package/esm/InputAdornment/InputAdornment.d.ts +8 -8
- package/esm/InputBase/InputBase.d.ts +57 -57
- package/esm/InputLabel/InputLabel.d.ts +17 -17
- package/esm/LinearProgress/LinearProgress.d.ts +8 -8
- package/esm/Link/Link.d.ts +11 -11
- package/esm/List/List.d.ts +9 -8
- package/esm/List/ListContext.d.ts +1 -1
- package/esm/ListItem/ListItem.d.ts +23 -23
- package/esm/ListItemAvatar/ListItemAvatar.d.ts +4 -4
- package/esm/ListItemButton/ListItemButton.d.ts +14 -13
- package/esm/ListItemIcon/ListItemIcon.d.ts +5 -4
- package/esm/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +4 -4
- package/esm/ListItemText/ListItemText.d.ts +14 -13
- package/esm/ListItemText/ListItemText.js +1 -0
- package/esm/ListSubheader/ListSubheader.d.ts +10 -9
- package/esm/Menu/Menu.d.ts +15 -15
- package/esm/MenuItem/MenuItem.d.ts +12 -12
- package/esm/MenuItem/MenuItem.js +23 -1
- package/esm/MenuList/MenuList.d.ts +10 -10
- package/esm/MobileStepper/MobileStepper.d.ts +9 -9
- package/esm/Modal/Modal.d.ts +38 -38
- package/esm/Modal/ModalManager.d.ts +1 -1
- package/esm/Modal/useModal.types.d.ts +13 -13
- package/esm/NativeSelect/NativeSelect.d.ts +10 -10
- package/esm/NativeSelect/NativeSelectInput.d.ts +5 -5
- package/esm/NoSsr/NoSsr.d.ts +2 -2
- package/esm/NoSsr/NoSsr.js +2 -2
- package/esm/NoSsr/NoSsr.types.d.ts +1 -1
- package/esm/OutlinedInput/NotchedOutline.d.ts +3 -3
- package/esm/OutlinedInput/OutlinedInput.d.ts +9 -9
- package/esm/OverridableComponent/index.d.ts +2 -2
- package/esm/Pagination/Pagination.d.ts +10 -10
- package/esm/PaginationItem/PaginationItem.d.ts +18 -18
- package/esm/Paper/Paper.d.ts +10 -9
- package/esm/PigmentContainer/PigmentContainer.d.ts +8 -8
- package/esm/PigmentContainer/PigmentContainer.js +2 -2
- package/esm/PigmentGrid/PigmentGrid.d.ts +10 -10
- package/esm/PigmentGrid/PigmentGrid.js +2 -2
- package/esm/PigmentStack/PigmentStack.d.ts +6 -6
- package/esm/PigmentStack/PigmentStack.js +2 -2
- package/esm/Popover/Popover.d.ts +22 -22
- package/esm/Popover/Popover.js +6 -3
- package/esm/Popper/BasePopper.js +6 -3
- package/esm/Popper/BasePopper.types.d.ts +17 -17
- package/esm/Popper/Popper.d.ts +9 -9
- 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/Portal/Portal.types.d.ts +2 -2
- package/esm/Radio/Radio.d.ts +8 -8
- package/esm/RadioGroup/RadioGroup.d.ts +5 -5
- package/esm/Rating/Rating.d.ts +18 -18
- package/esm/ScopedCssBaseline/ScopedCssBaseline.d.ts +6 -6
- package/esm/Select/Select.d.ts +26 -26
- package/esm/Select/SelectInput.d.ts +24 -24
- 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 +9 -9
- package/esm/Slide/Slide.d.ts +11 -11
- package/esm/Slide/Slide.js +49 -46
- package/esm/Slider/Slider.d.ts +72 -72
- package/esm/Slider/SliderValueLabel.d.ts +1 -1
- package/esm/Slider/SliderValueLabel.types.d.ts +5 -5
- package/esm/Slider/useSlider.types.d.ts +26 -26
- package/esm/Snackbar/Snackbar.d.ts +18 -18
- package/esm/Snackbar/useSnackbar.types.d.ts +6 -6
- package/esm/SnackbarContent/SnackbarContent.d.ts +6 -6
- package/esm/SpeedDial/SpeedDial.d.ts +13 -13
- package/esm/SpeedDialAction/SpeedDialAction.d.ts +14 -14
- package/esm/SpeedDialIcon/SpeedDialIcon.d.ts +5 -5
- package/esm/SpeedDialIcon/SpeedDialIcon.js +4 -10
- package/esm/Stack/Stack.d.ts +7 -7
- package/esm/Step/Step.d.ts +12 -12
- package/esm/StepButton/StepButton.d.ts +6 -6
- package/esm/StepConnector/StepConnector.d.ts +4 -4
- package/esm/StepContent/StepContent.d.ts +9 -9
- package/esm/StepIcon/StepIcon.d.ts +8 -8
- package/esm/StepIcon/StepIcon.js +1 -4
- package/esm/StepLabel/StepLabel.d.ts +9 -9
- package/esm/StepLabel/StepLabel.js +1 -5
- package/esm/Stepper/Stepper.d.ts +11 -11
- package/esm/SvgIcon/SvgIcon.d.ts +13 -13
- package/esm/SwipeableDrawer/SwipeableDrawer.d.ts +13 -13
- package/esm/SwipeableDrawer/SwipeableDrawer.js +0 -3
- package/esm/Switch/Switch.d.ts +9 -9
- package/esm/Switch/Switch.js +4 -0
- package/esm/Tab/Tab.d.ts +12 -12
- package/esm/TabScrollButton/TabScrollButton.d.ts +11 -11
- package/esm/Table/Table.d.ts +8 -8
- package/esm/TableBody/TableBody.d.ts +5 -5
- package/esm/TableCell/TableCell.d.ts +11 -11
- package/esm/TableContainer/TableContainer.d.ts +5 -5
- package/esm/TableFooter/TableFooter.d.ts +5 -5
- package/esm/TableHead/TableHead.d.ts +5 -5
- package/esm/TablePagination/TablePagination.d.ts +18 -18
- package/esm/TablePaginationActions/TablePaginationActions.d.ts +25 -25
- package/esm/TableRow/TableRow.d.ts +7 -7
- package/esm/TableSortLabel/TableSortLabel.d.ts +12 -12
- package/esm/Tabs/Tabs.d.ts +27 -27
- package/esm/Tabs/Tabs.js +2 -1
- package/esm/TextField/TextField.d.ts +45 -45
- package/esm/TextareaAutosize/TextareaAutosize.d.ts +2 -2
- package/esm/TextareaAutosize/TextareaAutosize.js +2 -2
- package/esm/TextareaAutosize/TextareaAutosize.types.d.ts +3 -3
- package/esm/ToggleButton/ToggleButton.d.ts +14 -14
- package/esm/ToggleButtonGroup/ToggleButtonGroup.d.ts +11 -11
- package/esm/ToggleButtonGroup/ToggleButtonGroupContext.d.ts +7 -7
- package/esm/Toolbar/Toolbar.d.ts +7 -7
- package/esm/Tooltip/Tooltip.d.ts +35 -35
- package/esm/Tooltip/Tooltip.js +19 -2
- package/esm/Typography/Typography.d.ts +14 -13
- package/esm/Unstable_TrapFocus/FocusTrap.types.d.ts +7 -7
- package/esm/Zoom/Zoom.d.ts +8 -8
- package/esm/Zoom/Zoom.js +25 -31
- package/esm/index.js +1 -1
- package/esm/internal/SwitchBase.d.ts +17 -17
- package/esm/internal/index.d.ts +5 -5
- package/esm/locale/utils/LocaleTextApi.d.ts +7 -7
- package/esm/styles/ThemeProvider.d.ts +12 -12
- package/esm/styles/ThemeProviderWithVars.d.ts +13 -13
- package/esm/styles/adaptV4Theme.d.ts +14 -14
- package/esm/styles/components.d.ts +476 -476
- package/esm/styles/createColorScheme.d.ts +1 -1
- package/esm/styles/createGetSelector.d.ts +5 -5
- package/esm/styles/createMixins.d.ts +2 -2
- package/esm/styles/createPalette.d.ts +23 -23
- package/esm/styles/createTheme.d.ts +2 -2
- package/esm/styles/createThemeFoundation.d.ts +30 -30
- package/esm/styles/createThemeNoVars.d.ts +14 -14
- package/esm/styles/createThemeNoVars.js +1 -1
- package/esm/styles/createThemeWithVars.d.ts +9 -9
- package/esm/styles/createThemeWithVars.js +69 -69
- package/esm/styles/createTransitions.d.ts +5 -5
- package/esm/styles/createTypography.d.ts +1 -1
- package/esm/styles/cssUtils.d.ts +3 -3
- package/esm/styles/index.d.ts +6 -6
- package/esm/styles/overrides.d.ts +1 -1
- package/esm/styles/responsiveFontSizes.d.ts +4 -4
- package/esm/styles/useThemeProps.d.ts +1 -1
- package/esm/transitions/transition.d.ts +2 -2
- package/esm/transitions/utils.d.ts +11 -4
- package/esm/transitions/utils.js +25 -0
- package/esm/types/OverridableComponentAugmentation.d.ts +2 -2
- package/esm/useAutocomplete/useAutocomplete.d.ts +45 -45
- package/esm/useAutocomplete/useAutocomplete.js +58 -3
- package/esm/usePagination/usePagination.d.ts +12 -12
- package/esm/useScrollTrigger/useScrollTrigger.d.ts +3 -3
- package/esm/utils/isLayoutSupported.d.ts +1 -0
- package/esm/utils/isLayoutSupported.js +6 -0
- package/esm/utils/types.d.ts +4 -4
- package/esm/utils/useSlot.d.ts +12 -12
- package/esm/version/index.js +2 -2
- package/index.js +1 -1
- package/internal/SwitchBase.d.ts +17 -17
- package/internal/index.d.ts +5 -5
- package/locale/utils/LocaleTextApi.d.ts +7 -7
- package/package.json +6 -6
- package/styles/ThemeProvider.d.ts +12 -12
- package/styles/ThemeProviderWithVars.d.ts +13 -13
- package/styles/adaptV4Theme.d.ts +14 -14
- package/styles/components.d.ts +476 -476
- package/styles/createColorScheme.d.ts +1 -1
- package/styles/createGetSelector.d.ts +5 -5
- package/styles/createMixins.d.ts +2 -2
- package/styles/createPalette.d.ts +23 -23
- package/styles/createTheme.d.ts +2 -2
- package/styles/createThemeFoundation.d.ts +30 -30
- package/styles/createThemeNoVars.d.ts +14 -14
- package/styles/createThemeNoVars.js +1 -1
- package/styles/createThemeWithVars.d.ts +9 -9
- package/styles/createThemeWithVars.js +69 -69
- package/styles/createTransitions.d.ts +5 -5
- package/styles/createTypography.d.ts +1 -1
- package/styles/cssUtils.d.ts +3 -3
- package/styles/index.d.ts +6 -6
- package/styles/overrides.d.ts +1 -1
- package/styles/responsiveFontSizes.d.ts +4 -4
- package/styles/useThemeProps.d.ts +1 -1
- package/transitions/transition.d.ts +2 -2
- package/transitions/utils.d.ts +11 -4
- package/transitions/utils.js +27 -0
- package/types/OverridableComponentAugmentation.d.ts +2 -2
- package/useAutocomplete/useAutocomplete.d.ts +45 -45
- package/useAutocomplete/useAutocomplete.js +58 -3
- package/usePagination/usePagination.d.ts +12 -12
- package/useScrollTrigger/useScrollTrigger.d.ts +3 -3
- package/utils/isLayoutSupported.d.ts +1 -0
- package/utils/isLayoutSupported.js +12 -0
- package/utils/types.d.ts +4 -4
- package/utils/useSlot.d.ts +12 -12
- package/version/index.js +2 -2
package/Rating/Rating.d.ts
CHANGED
|
@@ -61,17 +61,17 @@ export interface RatingOwnProps extends RatingSlotsAndSlotProps {
|
|
|
61
61
|
/**
|
|
62
62
|
* Override or extend the styles applied to the component.
|
|
63
63
|
*/
|
|
64
|
-
classes?: Partial<RatingClasses
|
|
64
|
+
classes?: Partial<RatingClasses> | undefined;
|
|
65
65
|
/**
|
|
66
66
|
* The default value. Use when the component is not controlled.
|
|
67
67
|
* @default null
|
|
68
68
|
*/
|
|
69
|
-
defaultValue?: number;
|
|
69
|
+
defaultValue?: number | undefined;
|
|
70
70
|
/**
|
|
71
71
|
* If `true`, the component is disabled.
|
|
72
72
|
* @default false
|
|
73
73
|
*/
|
|
74
|
-
disabled?: boolean;
|
|
74
|
+
disabled?: boolean | undefined;
|
|
75
75
|
/**
|
|
76
76
|
* The icon to display when empty.
|
|
77
77
|
* @default <StarBorder fontSize="inherit" />
|
|
@@ -93,12 +93,12 @@ export interface RatingOwnProps extends RatingSlotsAndSlotProps {
|
|
|
93
93
|
* return `${value || '0'} Star${value !== 1 ? 's' : ''}`;
|
|
94
94
|
* }
|
|
95
95
|
*/
|
|
96
|
-
getLabelText?: (value: number) => string;
|
|
96
|
+
getLabelText?: ((value: number) => string) | undefined;
|
|
97
97
|
/**
|
|
98
98
|
* If `true`, only the selected icon will be highlighted.
|
|
99
99
|
* @default false
|
|
100
100
|
*/
|
|
101
|
-
highlightSelectedOnly?: boolean;
|
|
101
|
+
highlightSelectedOnly?: boolean | undefined;
|
|
102
102
|
/**
|
|
103
103
|
* The icon to display.
|
|
104
104
|
* @default <Star fontSize="inherit" />
|
|
@@ -112,53 +112,53 @@ export interface RatingOwnProps extends RatingSlotsAndSlotProps {
|
|
|
112
112
|
* return <span {...other} />;
|
|
113
113
|
* }
|
|
114
114
|
*/
|
|
115
|
-
IconContainerComponent?: React.ElementType<IconContainerProps
|
|
115
|
+
IconContainerComponent?: React.ElementType<IconContainerProps> | undefined;
|
|
116
116
|
/**
|
|
117
117
|
* Maximum rating.
|
|
118
118
|
* @default 5
|
|
119
119
|
*/
|
|
120
|
-
max?: number;
|
|
120
|
+
max?: number | undefined;
|
|
121
121
|
/**
|
|
122
122
|
* The name attribute of the radio `input` elements.
|
|
123
123
|
* This input `name` should be unique within the page.
|
|
124
124
|
* Being unique within a form is insufficient since the `name` is used to generate IDs.
|
|
125
125
|
*/
|
|
126
|
-
name?: string;
|
|
126
|
+
name?: string | undefined;
|
|
127
127
|
/**
|
|
128
128
|
* Callback fired when the value changes.
|
|
129
129
|
* @param {React.SyntheticEvent} event The event source of the callback.
|
|
130
130
|
* @param {number|null} value The new value.
|
|
131
131
|
*/
|
|
132
|
-
onChange?: (event: React.SyntheticEvent, value: number | null) => void;
|
|
132
|
+
onChange?: ((event: React.SyntheticEvent, value: number | null) => void) | undefined;
|
|
133
133
|
/**
|
|
134
134
|
* Callback function that is fired when the hover state changes.
|
|
135
135
|
* @param {React.SyntheticEvent} event The event source of the callback.
|
|
136
136
|
* @param {number} value The new value.
|
|
137
137
|
*/
|
|
138
|
-
onChangeActive?: (event: React.SyntheticEvent, value: number) => void;
|
|
138
|
+
onChangeActive?: ((event: React.SyntheticEvent, value: number) => void) | undefined;
|
|
139
139
|
/**
|
|
140
140
|
* The minimum increment value change allowed.
|
|
141
141
|
* @default 1
|
|
142
142
|
*/
|
|
143
|
-
precision?: number;
|
|
143
|
+
precision?: number | undefined;
|
|
144
144
|
/**
|
|
145
145
|
* Removes all hover effects and pointer events.
|
|
146
146
|
* @default false
|
|
147
147
|
*/
|
|
148
|
-
readOnly?: boolean;
|
|
148
|
+
readOnly?: boolean | undefined;
|
|
149
149
|
/**
|
|
150
150
|
* The size of the component.
|
|
151
151
|
* @default 'medium'
|
|
152
152
|
*/
|
|
153
|
-
size?: OverridableStringUnion<'small' | 'medium' | 'large', RatingPropsSizeOverrides
|
|
153
|
+
size?: OverridableStringUnion<'small' | 'medium' | 'large', RatingPropsSizeOverrides> | undefined;
|
|
154
154
|
/**
|
|
155
155
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
156
156
|
*/
|
|
157
|
-
sx?: SxProps<Theme
|
|
157
|
+
sx?: SxProps<Theme> | undefined;
|
|
158
158
|
/**
|
|
159
159
|
* The rating value.
|
|
160
160
|
*/
|
|
161
|
-
value?: number | null;
|
|
161
|
+
value?: number | null | undefined;
|
|
162
162
|
}
|
|
163
163
|
export interface RatingOwnerState extends Omit<RatingProps, 'slots' | 'slotProps'> {}
|
|
164
164
|
export type RatingTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'span'> = {
|
|
@@ -170,14 +170,14 @@ export type RatingTypeMap<AdditionalProps = {}, RootComponent extends React.Elem
|
|
|
170
170
|
*
|
|
171
171
|
* Demos:
|
|
172
172
|
*
|
|
173
|
-
* - [Rating](https://mui.com/material-ui/react-rating/)
|
|
173
|
+
* - [Rating](https://v7.mui.com/material-ui/react-rating/)
|
|
174
174
|
*
|
|
175
175
|
* API:
|
|
176
176
|
*
|
|
177
|
-
* - [Rating API](https://mui.com/material-ui/api/rating/)
|
|
177
|
+
* - [Rating API](https://v7.mui.com/material-ui/api/rating/)
|
|
178
178
|
*/
|
|
179
179
|
declare const Rating: OverridableComponent<RatingTypeMap>;
|
|
180
180
|
export type RatingProps<RootComponent extends React.ElementType = RatingTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<RatingTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
181
|
-
component?: React.ElementType;
|
|
181
|
+
component?: React.ElementType | undefined;
|
|
182
182
|
};
|
|
183
183
|
export default Rating;
|
|
@@ -11,17 +11,17 @@ export interface ScopedCssBaselineOwnProps {
|
|
|
11
11
|
/**
|
|
12
12
|
* Override or extend the styles applied to the component.
|
|
13
13
|
*/
|
|
14
|
-
classes?: Partial<ScopedCssBaselineClasses
|
|
14
|
+
classes?: Partial<ScopedCssBaselineClasses> | undefined;
|
|
15
15
|
/**
|
|
16
16
|
* Enable `color-scheme` CSS property to use `theme.palette.mode`.
|
|
17
17
|
* For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme
|
|
18
18
|
* For browser support, check out https://caniuse.com/?search=color-scheme
|
|
19
19
|
*/
|
|
20
|
-
enableColorScheme?: boolean;
|
|
20
|
+
enableColorScheme?: boolean | undefined;
|
|
21
21
|
/**
|
|
22
22
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
23
23
|
*/
|
|
24
|
-
sx?: SxProps<Theme
|
|
24
|
+
sx?: SxProps<Theme> | undefined;
|
|
25
25
|
}
|
|
26
26
|
export interface ScopedCssBaselineTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
|
|
27
27
|
props: AdditionalProps & ScopedCssBaselineOwnProps;
|
|
@@ -31,15 +31,15 @@ export interface ScopedCssBaselineTypeMap<AdditionalProps = {}, RootComponent ex
|
|
|
31
31
|
*
|
|
32
32
|
* Demos:
|
|
33
33
|
*
|
|
34
|
-
* - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
|
|
34
|
+
* - [CSS Baseline](https://v7.mui.com/material-ui/react-css-baseline/)
|
|
35
35
|
*
|
|
36
36
|
* API:
|
|
37
37
|
*
|
|
38
|
-
* - [ScopedCssBaseline API](https://mui.com/material-ui/api/scoped-css-baseline/)
|
|
38
|
+
* - [ScopedCssBaseline API](https://v7.mui.com/material-ui/api/scoped-css-baseline/)
|
|
39
39
|
*/
|
|
40
40
|
declare const ScopedCssBaseline: OverridableComponent<ScopedCssBaselineTypeMap>;
|
|
41
41
|
export type ScopedCssBaselineProps<RootComponent extends React.ElementType = ScopedCssBaselineTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ScopedCssBaselineTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
42
|
-
component?: React.ElementType;
|
|
42
|
+
component?: React.ElementType | undefined;
|
|
43
43
|
};
|
|
44
44
|
|
|
45
45
|
/**
|
package/Select/Select.d.ts
CHANGED
|
@@ -15,7 +15,7 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
|
|
|
15
15
|
* menu, otherwise it will be at least the width of the select input.
|
|
16
16
|
* @default false
|
|
17
17
|
*/
|
|
18
|
-
autoWidth?: boolean;
|
|
18
|
+
autoWidth?: boolean | undefined;
|
|
19
19
|
/**
|
|
20
20
|
* The option elements to populate the select with.
|
|
21
21
|
* Can be some `MenuItem` when `native` is false and `option` when `native` is true.
|
|
@@ -27,17 +27,17 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
|
|
|
27
27
|
* Override or extend the styles applied to the component.
|
|
28
28
|
* @default {}
|
|
29
29
|
*/
|
|
30
|
-
classes?: Partial<SelectClasses
|
|
30
|
+
classes?: Partial<SelectClasses> | undefined;
|
|
31
31
|
/**
|
|
32
32
|
* If `true`, the component is initially open. Use when the component open state is not controlled (i.e. the `open` prop is not defined).
|
|
33
33
|
* You can only use it when the `native` prop is `false` (default).
|
|
34
34
|
* @default false
|
|
35
35
|
*/
|
|
36
|
-
defaultOpen?: boolean;
|
|
36
|
+
defaultOpen?: boolean | undefined;
|
|
37
37
|
/**
|
|
38
38
|
* The default value. Use when the component is not controlled.
|
|
39
39
|
*/
|
|
40
|
-
defaultValue?: Value;
|
|
40
|
+
defaultValue?: Value | undefined;
|
|
41
41
|
/**
|
|
42
42
|
* If `true`, a value is displayed even if no items are selected.
|
|
43
43
|
*
|
|
@@ -48,25 +48,25 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
|
|
|
48
48
|
* The label should either be hidden or forced to a shrunk state.
|
|
49
49
|
* @default false
|
|
50
50
|
*/
|
|
51
|
-
displayEmpty?: boolean;
|
|
51
|
+
displayEmpty?: boolean | undefined;
|
|
52
52
|
/**
|
|
53
53
|
* The icon that displays the arrow.
|
|
54
54
|
* @default ArrowDropDownIcon
|
|
55
55
|
*/
|
|
56
|
-
IconComponent?: React.ElementType;
|
|
56
|
+
IconComponent?: React.ElementType | undefined;
|
|
57
57
|
/**
|
|
58
58
|
* The `id` of the wrapper element or the `select` element when `native`.
|
|
59
59
|
*/
|
|
60
|
-
id?: string;
|
|
60
|
+
id?: string | undefined;
|
|
61
61
|
/**
|
|
62
62
|
* An `Input` element; does not have to be a material-ui specific `Input`.
|
|
63
63
|
*/
|
|
64
|
-
input?: React.ReactElement<unknown, any
|
|
64
|
+
input?: React.ReactElement<unknown, any> | undefined;
|
|
65
65
|
/**
|
|
66
66
|
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
67
67
|
* When `native` is `true`, the attributes are applied on the `select` element.
|
|
68
68
|
*/
|
|
69
|
-
inputProps?: InputProps['inputProps'];
|
|
69
|
+
inputProps?: InputProps['inputProps'] | undefined;
|
|
70
70
|
/**
|
|
71
71
|
* See [OutlinedInput#label](https://mui.com/material-ui/api/outlined-input/#props)
|
|
72
72
|
*/
|
|
@@ -75,21 +75,21 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
|
|
|
75
75
|
* The ID of an element that acts as an additional label. The Select will
|
|
76
76
|
* be labelled by the additional label and the selected value.
|
|
77
77
|
*/
|
|
78
|
-
labelId?: string;
|
|
78
|
+
labelId?: string | undefined;
|
|
79
79
|
/**
|
|
80
80
|
* Props applied to the [`Menu`](https://mui.com/material-ui/api/menu/) element.
|
|
81
81
|
*/
|
|
82
|
-
MenuProps?: Partial<MenuProps
|
|
82
|
+
MenuProps?: Partial<MenuProps> | undefined;
|
|
83
83
|
/**
|
|
84
84
|
* If `true`, `value` must be an array and the menu will support multiple selections.
|
|
85
85
|
* @default false
|
|
86
86
|
*/
|
|
87
|
-
multiple?: boolean;
|
|
87
|
+
multiple?: boolean | undefined;
|
|
88
88
|
/**
|
|
89
89
|
* If `true`, the component uses a native `select` element.
|
|
90
90
|
* @default false
|
|
91
91
|
*/
|
|
92
|
-
native?: boolean;
|
|
92
|
+
native?: boolean | undefined;
|
|
93
93
|
/**
|
|
94
94
|
* Callback fired when a menu item is selected.
|
|
95
95
|
*
|
|
@@ -98,26 +98,26 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
|
|
|
98
98
|
* **Warning**: This is a generic event, not a change event, unless the change event is caused by browser autofill.
|
|
99
99
|
* @param {object} [child] The react element that was selected when `native` is `false` (default).
|
|
100
100
|
*/
|
|
101
|
-
onChange?: SelectInputProps<Value>['onChange'];
|
|
101
|
+
onChange?: SelectInputProps<Value>['onChange'] | undefined;
|
|
102
102
|
/**
|
|
103
103
|
* Callback fired when the component requests to be closed.
|
|
104
104
|
* Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select collapses).
|
|
105
105
|
*
|
|
106
106
|
* @param {object} event The event source of the callback.
|
|
107
107
|
*/
|
|
108
|
-
onClose?: (event: React.SyntheticEvent) => void;
|
|
108
|
+
onClose?: ((event: React.SyntheticEvent) => void) | undefined;
|
|
109
109
|
/**
|
|
110
110
|
* Callback fired when the component requests to be opened.
|
|
111
111
|
* Use it in either controlled (see the `open` prop), or uncontrolled mode (to detect when the Select expands).
|
|
112
112
|
*
|
|
113
113
|
* @param {object} event The event source of the callback.
|
|
114
114
|
*/
|
|
115
|
-
onOpen?: (event: React.SyntheticEvent) => void;
|
|
115
|
+
onOpen?: ((event: React.SyntheticEvent) => void) | undefined;
|
|
116
116
|
/**
|
|
117
117
|
* If `true`, the component is shown.
|
|
118
118
|
* You can only use it when the `native` prop is `false` (default).
|
|
119
119
|
*/
|
|
120
|
-
open?: boolean;
|
|
120
|
+
open?: boolean | undefined;
|
|
121
121
|
/**
|
|
122
122
|
* Render the selected value.
|
|
123
123
|
* You can only use it when the `native` prop is `false` (default).
|
|
@@ -125,15 +125,15 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
|
|
|
125
125
|
* @param {any} value The `value` provided to the component.
|
|
126
126
|
* @returns {ReactNode}
|
|
127
127
|
*/
|
|
128
|
-
renderValue?: (value: Value) => React.ReactNode;
|
|
128
|
+
renderValue?: ((value: Value) => React.ReactNode) | undefined;
|
|
129
129
|
/**
|
|
130
130
|
* Props applied to the clickable div element.
|
|
131
131
|
*/
|
|
132
|
-
SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement
|
|
132
|
+
SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
|
|
133
133
|
/**
|
|
134
134
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
135
135
|
*/
|
|
136
|
-
sx?: SxProps<Theme
|
|
136
|
+
sx?: SxProps<Theme> | undefined;
|
|
137
137
|
/**
|
|
138
138
|
* The `input` value. Providing an empty string will select no options.
|
|
139
139
|
* Set to an empty string `''` if you don't want any of the available options to be selected.
|
|
@@ -141,12 +141,12 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
|
|
|
141
141
|
* If the value is an object it must have reference equality with the option in order to be selected.
|
|
142
142
|
* If the value is not an object, the string representation must match with the string representation of the option in order to be selected.
|
|
143
143
|
*/
|
|
144
|
-
value?: Value | '';
|
|
144
|
+
value?: Value | '' | undefined;
|
|
145
145
|
/**
|
|
146
146
|
* The variant to use.
|
|
147
147
|
* @default 'outlined'
|
|
148
148
|
*/
|
|
149
|
-
variant?: SelectVariants;
|
|
149
|
+
variant?: SelectVariants | undefined;
|
|
150
150
|
}
|
|
151
151
|
export interface FilledSelectProps extends Omit<FilledInputProps, 'value' | 'onChange' | 'id' | 'classes' | 'inputProps' | 'placeholder'> {
|
|
152
152
|
/**
|
|
@@ -167,7 +167,7 @@ export interface OutlinedSelectProps extends Omit<OutlinedInputProps, 'value' |
|
|
|
167
167
|
* The variant to use.
|
|
168
168
|
* @default 'outlined'
|
|
169
169
|
*/
|
|
170
|
-
variant?: 'outlined';
|
|
170
|
+
variant?: 'outlined' | undefined;
|
|
171
171
|
}
|
|
172
172
|
export type SelectVariants = 'outlined' | 'standard' | 'filled';
|
|
173
173
|
export type SelectProps<Value = unknown> = (FilledSelectProps & BaseSelectProps<Value>) | (StandardSelectProps & BaseSelectProps<Value>) | (OutlinedSelectProps & BaseSelectProps<Value>);
|
|
@@ -176,12 +176,12 @@ export type SelectProps<Value = unknown> = (FilledSelectProps & BaseSelectProps<
|
|
|
176
176
|
*
|
|
177
177
|
* Demos:
|
|
178
178
|
*
|
|
179
|
-
* - [Select](https://mui.com/material-ui/react-select/)
|
|
179
|
+
* - [Select](https://v7.mui.com/material-ui/react-select/)
|
|
180
180
|
*
|
|
181
181
|
* API:
|
|
182
182
|
*
|
|
183
|
-
* - [Select API](https://mui.com/material-ui/api/select/)
|
|
184
|
-
* - inherits [OutlinedInput API](https://mui.com/material-ui/api/outlined-input/)
|
|
183
|
+
* - [Select API](https://v7.mui.com/material-ui/api/select/)
|
|
184
|
+
* - inherits [OutlinedInput API](https://v7.mui.com/material-ui/api/outlined-input/)
|
|
185
185
|
*/
|
|
186
186
|
declare const Select: (<Value = unknown>(props: SelectProps<Value>) => React.JSX.Element) & {
|
|
187
187
|
muiName: string;
|
package/Select/SelectInput.d.ts
CHANGED
|
@@ -23,35 +23,35 @@ export type SelectChangeEvent<Value = string> = Value extends (string & {}) | nu
|
|
|
23
23
|
};
|
|
24
24
|
});
|
|
25
25
|
export interface SelectInputProps<Value = unknown> {
|
|
26
|
-
autoFocus?: boolean;
|
|
26
|
+
autoFocus?: boolean | undefined;
|
|
27
27
|
autoWidth: boolean;
|
|
28
|
-
defaultOpen?: boolean;
|
|
29
|
-
disabled?: boolean;
|
|
30
|
-
error?: boolean;
|
|
31
|
-
IconComponent?: React.ElementType;
|
|
32
|
-
inputRef?: (ref: HTMLSelectElement | {
|
|
28
|
+
defaultOpen?: boolean | undefined;
|
|
29
|
+
disabled?: boolean | undefined;
|
|
30
|
+
error?: boolean | undefined;
|
|
31
|
+
IconComponent?: React.ElementType | undefined;
|
|
32
|
+
inputRef?: ((ref: HTMLSelectElement | {
|
|
33
33
|
node: HTMLInputElement;
|
|
34
34
|
value: SelectInputProps<Value>['value'];
|
|
35
|
-
}) => void;
|
|
36
|
-
MenuProps?: Partial<MenuProps
|
|
35
|
+
}) => void) | undefined;
|
|
36
|
+
MenuProps?: Partial<MenuProps> | undefined;
|
|
37
37
|
multiple: boolean;
|
|
38
|
-
name?: string;
|
|
38
|
+
name?: string | undefined;
|
|
39
39
|
native: boolean;
|
|
40
|
-
onBlur?: React.FocusEventHandler<any
|
|
41
|
-
onChange?: (event: SelectChangeEvent<Value>, child: React.ReactNode) => void;
|
|
42
|
-
onClose?: (event: React.SyntheticEvent) => void;
|
|
43
|
-
onFocus?: React.FocusEventHandler<any
|
|
44
|
-
onKeyDown?: React.KeyboardEventHandler;
|
|
45
|
-
onMouseDown?: React.MouseEventHandler;
|
|
46
|
-
onOpen?: (event: React.SyntheticEvent) => void;
|
|
47
|
-
open?: boolean;
|
|
48
|
-
readOnly?: boolean;
|
|
49
|
-
renderValue?: (value: SelectInputProps<Value>['value']) => React.ReactNode;
|
|
50
|
-
SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement
|
|
51
|
-
sx?: SxProps<Theme
|
|
52
|
-
tabIndex?: number;
|
|
53
|
-
value?: Value;
|
|
54
|
-
variant?: 'standard' | 'outlined' | 'filled';
|
|
40
|
+
onBlur?: React.FocusEventHandler<any> | undefined;
|
|
41
|
+
onChange?: ((event: SelectChangeEvent<Value>, child: React.ReactNode) => void) | undefined;
|
|
42
|
+
onClose?: ((event: React.SyntheticEvent) => void) | undefined;
|
|
43
|
+
onFocus?: React.FocusEventHandler<any> | undefined;
|
|
44
|
+
onKeyDown?: React.KeyboardEventHandler | undefined;
|
|
45
|
+
onMouseDown?: React.MouseEventHandler | undefined;
|
|
46
|
+
onOpen?: ((event: React.SyntheticEvent) => void) | undefined;
|
|
47
|
+
open?: boolean | undefined;
|
|
48
|
+
readOnly?: boolean | undefined;
|
|
49
|
+
renderValue?: ((value: SelectInputProps<Value>['value']) => React.ReactNode) | undefined;
|
|
50
|
+
SelectDisplayProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
|
|
51
|
+
sx?: SxProps<Theme> | undefined;
|
|
52
|
+
tabIndex?: number | undefined;
|
|
53
|
+
value?: Value | undefined;
|
|
54
|
+
variant?: 'standard' | 'outlined' | 'filled' | undefined;
|
|
55
55
|
}
|
|
56
56
|
declare const SelectInput: React.JSXElementConstructor<SelectInputProps>;
|
|
57
57
|
export default SelectInput;
|
package/Select/SelectInput.js
CHANGED
|
@@ -25,6 +25,8 @@ var _slotShouldForwardProp = _interopRequireDefault(require("../styles/slotShoul
|
|
|
25
25
|
var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
|
|
26
26
|
var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
|
|
27
27
|
var _selectClasses = _interopRequireWildcard(require("./selectClasses"));
|
|
28
|
+
var _utils2 = require("./utils");
|
|
29
|
+
var _SelectFocusSourceContext = require("./utils/SelectFocusSourceContext");
|
|
28
30
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
29
31
|
var _span;
|
|
30
32
|
const SelectSelect = (0, _zeroStyled.styled)(_NativeSelectInput.StyledSelectSelect, {
|
|
@@ -81,17 +83,6 @@ const SelectNativeInput = (0, _zeroStyled.styled)('input', {
|
|
|
81
83
|
width: '100%',
|
|
82
84
|
boxSizing: 'border-box'
|
|
83
85
|
});
|
|
84
|
-
function areEqualValues(a, b) {
|
|
85
|
-
if (typeof b === 'object' && b !== null) {
|
|
86
|
-
return a === b;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
// The value could be a number, the DOM will stringify it anyway.
|
|
90
|
-
return String(a) === String(b);
|
|
91
|
-
}
|
|
92
|
-
function isEmpty(display) {
|
|
93
|
-
return display == null || typeof display === 'string' && !display.trim();
|
|
94
|
-
}
|
|
95
86
|
const useUtilityClasses = ownerState => {
|
|
96
87
|
const {
|
|
97
88
|
classes,
|
|
@@ -169,6 +160,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
169
160
|
current: isOpenControlled
|
|
170
161
|
} = React.useRef(openProp != null);
|
|
171
162
|
const [menuMinWidthState, setMenuMinWidthState] = React.useState();
|
|
163
|
+
const [openInteractionType, setOpenInteractionType] = React.useState(null);
|
|
172
164
|
const handleRef = (0, _useForkRef.default)(ref, inputRefProp);
|
|
173
165
|
const handleDisplayRef = React.useCallback(node => {
|
|
174
166
|
displayRef.current = node;
|
|
@@ -237,11 +229,15 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
237
229
|
}, [labelId]);
|
|
238
230
|
const update = (openParam, event) => {
|
|
239
231
|
if (openParam) {
|
|
232
|
+
setOpenInteractionType((0, _utils2.getOpenInteractionType)(event));
|
|
240
233
|
if (onOpen) {
|
|
241
234
|
onOpen(event);
|
|
242
235
|
}
|
|
243
|
-
} else
|
|
244
|
-
|
|
236
|
+
} else {
|
|
237
|
+
setOpenInteractionType(null);
|
|
238
|
+
if (onClose) {
|
|
239
|
+
onClose(event);
|
|
240
|
+
}
|
|
245
241
|
}
|
|
246
242
|
if (!isOpenControlled) {
|
|
247
243
|
setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);
|
|
@@ -377,12 +373,12 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
377
373
|
if (!Array.isArray(value)) {
|
|
378
374
|
throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: The `value` prop must be an array ' + 'when using the `Select` component with `multiple`.' : (0, _formatMuiErrorMessage.default)(2));
|
|
379
375
|
}
|
|
380
|
-
selected = value.some(v => areEqualValues(v, child.props.value));
|
|
376
|
+
selected = value.some(v => (0, _utils2.areEqualValues)(v, child.props.value));
|
|
381
377
|
if (selected && computeDisplay) {
|
|
382
378
|
displayMultiple.push(child.props.children);
|
|
383
379
|
}
|
|
384
380
|
} else {
|
|
385
|
-
selected = areEqualValues(value, child.props.value);
|
|
381
|
+
selected = (0, _utils2.areEqualValues)(value, child.props.value);
|
|
386
382
|
if (selected && computeDisplay) {
|
|
387
383
|
displaySingle = child.props.children;
|
|
388
384
|
}
|
|
@@ -493,7 +489,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
493
489
|
// The id is required for proper a11y
|
|
494
490
|
,
|
|
495
491
|
id: buttonId,
|
|
496
|
-
children: isEmpty(display) ? // notranslate needed while Google Translate will not fix zero-width space issue
|
|
492
|
+
children: (0, _utils2.isEmpty)(display) ? // notranslate needed while Google Translate will not fix zero-width space issue
|
|
497
493
|
_span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
498
494
|
className: "notranslate",
|
|
499
495
|
"aria-hidden": true,
|
|
@@ -517,39 +513,42 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
517
513
|
as: IconComponent,
|
|
518
514
|
className: classes.icon,
|
|
519
515
|
ownerState: ownerState
|
|
520
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
slotProps: {
|
|
535
|
-
...MenuProps.slotProps,
|
|
536
|
-
list: {
|
|
537
|
-
'aria-labelledby': labelId,
|
|
538
|
-
role: 'listbox',
|
|
539
|
-
'aria-multiselectable': multiple ? 'true' : undefined,
|
|
540
|
-
disableListWrap: true,
|
|
541
|
-
id: listboxId,
|
|
542
|
-
...listProps
|
|
516
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectFocusSourceContext.SelectFocusSourceProvider, {
|
|
517
|
+
value: openInteractionType,
|
|
518
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
|
|
519
|
+
id: `menu-${name || ''}`,
|
|
520
|
+
anchorEl: anchorElement,
|
|
521
|
+
open: open,
|
|
522
|
+
onClose: handleClose,
|
|
523
|
+
anchorOrigin: {
|
|
524
|
+
vertical: 'bottom',
|
|
525
|
+
horizontal: 'center'
|
|
526
|
+
},
|
|
527
|
+
transformOrigin: {
|
|
528
|
+
vertical: 'top',
|
|
529
|
+
horizontal: 'center'
|
|
543
530
|
},
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
531
|
+
...MenuProps,
|
|
532
|
+
slotProps: {
|
|
533
|
+
...MenuProps.slotProps,
|
|
534
|
+
list: {
|
|
535
|
+
'aria-labelledby': labelId,
|
|
536
|
+
role: 'listbox',
|
|
537
|
+
'aria-multiselectable': multiple ? 'true' : undefined,
|
|
538
|
+
disableListWrap: true,
|
|
539
|
+
id: listboxId,
|
|
540
|
+
...listProps
|
|
541
|
+
},
|
|
542
|
+
paper: {
|
|
543
|
+
...paperProps,
|
|
544
|
+
style: {
|
|
545
|
+
minWidth: menuMinWidth,
|
|
546
|
+
...(paperProps != null ? paperProps.style : null)
|
|
547
|
+
}
|
|
549
548
|
}
|
|
550
|
-
}
|
|
551
|
-
|
|
552
|
-
|
|
549
|
+
},
|
|
550
|
+
children: items
|
|
551
|
+
})
|
|
553
552
|
})]
|
|
554
553
|
});
|
|
555
554
|
});
|
package/Select/index.d.ts
CHANGED
package/Select/index.js
CHANGED
|
@@ -21,6 +21,18 @@ Object.defineProperty(exports, "selectClasses", {
|
|
|
21
21
|
}
|
|
22
22
|
});
|
|
23
23
|
var _Select = _interopRequireDefault(require("./Select"));
|
|
24
|
+
var _utils = require("./utils");
|
|
25
|
+
Object.keys(_utils).forEach(function (key) {
|
|
26
|
+
if (key === "default" || key === "__esModule") return;
|
|
27
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
28
|
+
if (key in exports && exports[key] === _utils[key]) return;
|
|
29
|
+
Object.defineProperty(exports, key, {
|
|
30
|
+
enumerable: true,
|
|
31
|
+
get: function () {
|
|
32
|
+
return _utils[key];
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
});
|
|
24
36
|
var _selectClasses = _interopRequireWildcard(require("./selectClasses"));
|
|
25
37
|
Object.keys(_selectClasses).forEach(function (key) {
|
|
26
38
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.SelectFocusSourceProvider = void 0;
|
|
9
|
+
exports.useSelectFocusSource = useSelectFocusSource;
|
|
10
|
+
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
const SelectFocusSourceContext = /*#__PURE__*/React.createContext(null);
|
|
12
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
13
|
+
SelectFocusSourceContext.displayName = 'SelectFocusSourceContext';
|
|
14
|
+
}
|
|
15
|
+
function useSelectFocusSource() {
|
|
16
|
+
const context = React.useContext(SelectFocusSourceContext);
|
|
17
|
+
return context;
|
|
18
|
+
}
|
|
19
|
+
const SelectFocusSourceProvider = exports.SelectFocusSourceProvider = SelectFocusSourceContext.Provider;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function areEqualValues(a: unknown, b: unknown): boolean;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = areEqualValues;
|
|
7
|
+
function areEqualValues(a, b) {
|
|
8
|
+
if (typeof b === 'object' && b !== null) {
|
|
9
|
+
return a === b;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
// The value could be a number, the DOM will stringify it anyway.
|
|
13
|
+
return String(a) === String(b);
|
|
14
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function getOpenInteractionType(event: MouseEvent | KeyboardEvent | TouchEvent | PointerEvent | null): 'keyboard' | 'pointer' | null;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = getOpenInteractionType;
|
|
7
|
+
function getOpenInteractionType(event) {
|
|
8
|
+
if (!event) {
|
|
9
|
+
return null;
|
|
10
|
+
}
|
|
11
|
+
if (event.type === 'mousedown' || event.type === 'pointerdown' || event.type === 'touchstart') {
|
|
12
|
+
return 'pointer';
|
|
13
|
+
}
|
|
14
|
+
if (event.type === 'keydown' || event.type === 'click' && event.detail === 0) {
|
|
15
|
+
return 'keyboard';
|
|
16
|
+
}
|
|
17
|
+
return null;
|
|
18
|
+
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default as getOpenInteractionType } from "./getOpenInteractionType.js";
|
|
2
|
+
export { default as isEmpty } from "./isEmpty.js";
|
|
3
|
+
export { default as areEqualValues } from "./areEqualValues.js";
|
|
4
|
+
export { useSelectFocusSource, SelectFocusSourceProvider } from "./SelectFocusSourceContext.js";
|