@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/Card/Card.d.mts
CHANGED
|
@@ -32,12 +32,12 @@ export interface CardTypeMap<AdditionalProps = {}, RootComponent extends React.E
|
|
|
32
32
|
*
|
|
33
33
|
* Demos:
|
|
34
34
|
*
|
|
35
|
-
* - [Card](https://
|
|
35
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
36
36
|
*
|
|
37
37
|
* API:
|
|
38
38
|
*
|
|
39
|
-
* - [Card API](https://
|
|
40
|
-
* - inherits [Paper API](https://
|
|
39
|
+
* - [Card API](https://mui.com/material-ui/api/card/)
|
|
40
|
+
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
41
41
|
*/
|
|
42
42
|
|
|
43
43
|
declare const Card: OverridableComponent<CardTypeMap>;
|
package/Card/Card.d.ts
CHANGED
|
@@ -32,12 +32,12 @@ export interface CardTypeMap<AdditionalProps = {}, RootComponent extends React.E
|
|
|
32
32
|
*
|
|
33
33
|
* Demos:
|
|
34
34
|
*
|
|
35
|
-
* - [Card](https://
|
|
35
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
36
36
|
*
|
|
37
37
|
* API:
|
|
38
38
|
*
|
|
39
|
-
* - [Card API](https://
|
|
40
|
-
* - inherits [Paper API](https://
|
|
39
|
+
* - [Card API](https://mui.com/material-ui/api/card/)
|
|
40
|
+
* - inherits [Paper API](https://mui.com/material-ui/api/paper/)
|
|
41
41
|
*/
|
|
42
42
|
|
|
43
43
|
declare const Card: OverridableComponent<CardTypeMap>;
|
|
@@ -50,12 +50,12 @@ export type CardActionAreaTypeMap<AdditionalProps, RootComponent extends React.E
|
|
|
50
50
|
*
|
|
51
51
|
* Demos:
|
|
52
52
|
*
|
|
53
|
-
* - [Card](https://
|
|
53
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
54
54
|
*
|
|
55
55
|
* API:
|
|
56
56
|
*
|
|
57
|
-
* - [CardActionArea API](https://
|
|
58
|
-
* - inherits [ButtonBase API](https://
|
|
57
|
+
* - [CardActionArea API](https://mui.com/material-ui/api/card-action-area/)
|
|
58
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
59
59
|
*/
|
|
60
60
|
declare const CardActionArea: ExtendButtonBase<CardActionAreaTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
|
|
61
61
|
export type CardActionAreaProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardActionAreaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -50,12 +50,12 @@ export type CardActionAreaTypeMap<AdditionalProps, RootComponent extends React.E
|
|
|
50
50
|
*
|
|
51
51
|
* Demos:
|
|
52
52
|
*
|
|
53
|
-
* - [Card](https://
|
|
53
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
54
54
|
*
|
|
55
55
|
* API:
|
|
56
56
|
*
|
|
57
|
-
* - [CardActionArea API](https://
|
|
58
|
-
* - inherits [ButtonBase API](https://
|
|
57
|
+
* - [CardActionArea API](https://mui.com/material-ui/api/card-action-area/)
|
|
58
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
59
59
|
*/
|
|
60
60
|
declare const CardActionArea: ExtendButtonBase<CardActionAreaTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
|
|
61
61
|
export type CardActionAreaProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardActionAreaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -27,10 +27,10 @@ export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTM
|
|
|
27
27
|
*
|
|
28
28
|
* Demos:
|
|
29
29
|
*
|
|
30
|
-
* - [Card](https://
|
|
30
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [CardActions API](https://
|
|
34
|
+
* - [CardActions API](https://mui.com/material-ui/api/card-actions/)
|
|
35
35
|
*/
|
|
36
36
|
export default function CardActions(props: CardActionsProps): React.JSX.Element;
|
|
@@ -27,10 +27,10 @@ export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTM
|
|
|
27
27
|
*
|
|
28
28
|
* Demos:
|
|
29
29
|
*
|
|
30
|
-
* - [Card](https://
|
|
30
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
31
31
|
*
|
|
32
32
|
* API:
|
|
33
33
|
*
|
|
34
|
-
* - [CardActions API](https://
|
|
34
|
+
* - [CardActions API](https://mui.com/material-ui/api/card-actions/)
|
|
35
35
|
*/
|
|
36
36
|
export default function CardActions(props: CardActionsProps): React.JSX.Element;
|
|
@@ -25,11 +25,11 @@ export interface CardContentTypeMap<AdditionalProps = {}, RootComponent extends
|
|
|
25
25
|
*
|
|
26
26
|
* Demos:
|
|
27
27
|
*
|
|
28
|
-
* - [Card](https://
|
|
28
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
29
29
|
*
|
|
30
30
|
* API:
|
|
31
31
|
*
|
|
32
|
-
* - [CardContent API](https://
|
|
32
|
+
* - [CardContent API](https://mui.com/material-ui/api/card-content/)
|
|
33
33
|
*/
|
|
34
34
|
declare const CardContent: OverridableComponent<CardContentTypeMap>;
|
|
35
35
|
export type CardContentProps<RootComponent extends React.ElementType = CardContentTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardContentTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -25,11 +25,11 @@ export interface CardContentTypeMap<AdditionalProps = {}, RootComponent extends
|
|
|
25
25
|
*
|
|
26
26
|
* Demos:
|
|
27
27
|
*
|
|
28
|
-
* - [Card](https://
|
|
28
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
29
29
|
*
|
|
30
30
|
* API:
|
|
31
31
|
*
|
|
32
|
-
* - [CardContent API](https://
|
|
32
|
+
* - [CardContent API](https://mui.com/material-ui/api/card-content/)
|
|
33
33
|
*/
|
|
34
34
|
declare const CardContent: OverridableComponent<CardContentTypeMap>;
|
|
35
35
|
export type CardContentProps<RootComponent extends React.ElementType = CardContentTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardContentTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -128,11 +128,11 @@ export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends R
|
|
|
128
128
|
*
|
|
129
129
|
* Demos:
|
|
130
130
|
*
|
|
131
|
-
* - [Card](https://
|
|
131
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
132
132
|
*
|
|
133
133
|
* API:
|
|
134
134
|
*
|
|
135
|
-
* - [CardHeader API](https://
|
|
135
|
+
* - [CardHeader API](https://mui.com/material-ui/api/card-header/)
|
|
136
136
|
*/
|
|
137
137
|
declare const CardHeader: OverridableCardHeader;
|
|
138
138
|
export interface OverridableCardHeader extends OverridableComponent<CardHeaderTypeMap> {
|
|
@@ -128,11 +128,11 @@ export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends R
|
|
|
128
128
|
*
|
|
129
129
|
* Demos:
|
|
130
130
|
*
|
|
131
|
-
* - [Card](https://
|
|
131
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
132
132
|
*
|
|
133
133
|
* API:
|
|
134
134
|
*
|
|
135
|
-
* - [CardHeader API](https://
|
|
135
|
+
* - [CardHeader API](https://mui.com/material-ui/api/card-header/)
|
|
136
136
|
*/
|
|
137
137
|
declare const CardHeader: OverridableCardHeader;
|
|
138
138
|
export interface OverridableCardHeader extends OverridableComponent<CardHeaderTypeMap> {
|
|
@@ -38,11 +38,11 @@ export interface CardMediaTypeMap<AdditionalProps, RootComponent extends React.E
|
|
|
38
38
|
*
|
|
39
39
|
* Demos:
|
|
40
40
|
*
|
|
41
|
-
* - [Card](https://
|
|
41
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
42
42
|
*
|
|
43
43
|
* API:
|
|
44
44
|
*
|
|
45
|
-
* - [CardMedia API](https://
|
|
45
|
+
* - [CardMedia API](https://mui.com/material-ui/api/card-media/)
|
|
46
46
|
*/
|
|
47
47
|
declare const CardMedia: OverridableComponent<CardMediaTypeMap<{}, 'div'>>;
|
|
48
48
|
export type CardMediaProps<RootComponent extends React.ElementType = 'div', AdditionalProps = {}> = OverrideProps<CardMediaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/CardMedia/CardMedia.d.ts
CHANGED
|
@@ -38,11 +38,11 @@ export interface CardMediaTypeMap<AdditionalProps, RootComponent extends React.E
|
|
|
38
38
|
*
|
|
39
39
|
* Demos:
|
|
40
40
|
*
|
|
41
|
-
* - [Card](https://
|
|
41
|
+
* - [Card](https://mui.com/material-ui/react-card/)
|
|
42
42
|
*
|
|
43
43
|
* API:
|
|
44
44
|
*
|
|
45
|
-
* - [CardMedia API](https://
|
|
45
|
+
* - [CardMedia API](https://mui.com/material-ui/api/card-media/)
|
|
46
46
|
*/
|
|
47
47
|
declare const CardMedia: OverridableComponent<CardMediaTypeMap<{}, 'div'>>;
|
|
48
48
|
export type CardMediaProps<RootComponent extends React.ElementType = 'div', AdditionalProps = {}> = OverrideProps<CardMediaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/Checkbox/Checkbox.d.mts
CHANGED
|
@@ -121,12 +121,12 @@ export interface CheckboxOwnerState extends Omit<CheckboxProps, 'slots' | 'slotP
|
|
|
121
121
|
*
|
|
122
122
|
* Demos:
|
|
123
123
|
*
|
|
124
|
-
* - [Checkbox](https://
|
|
125
|
-
* - [Transfer List](https://
|
|
124
|
+
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
125
|
+
* - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
|
|
126
126
|
*
|
|
127
127
|
* API:
|
|
128
128
|
*
|
|
129
|
-
* - [Checkbox API](https://
|
|
130
|
-
* - inherits [ButtonBase API](https://
|
|
129
|
+
* - [Checkbox API](https://mui.com/material-ui/api/checkbox/)
|
|
130
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
131
131
|
*/
|
|
132
132
|
export default function Checkbox(props: CheckboxProps): React.JSX.Element;
|
package/Checkbox/Checkbox.d.ts
CHANGED
|
@@ -121,12 +121,12 @@ export interface CheckboxOwnerState extends Omit<CheckboxProps, 'slots' | 'slotP
|
|
|
121
121
|
*
|
|
122
122
|
* Demos:
|
|
123
123
|
*
|
|
124
|
-
* - [Checkbox](https://
|
|
125
|
-
* - [Transfer List](https://
|
|
124
|
+
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
125
|
+
* - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
|
|
126
126
|
*
|
|
127
127
|
* API:
|
|
128
128
|
*
|
|
129
|
-
* - [Checkbox API](https://
|
|
130
|
-
* - inherits [ButtonBase API](https://
|
|
129
|
+
* - [Checkbox API](https://mui.com/material-ui/api/checkbox/)
|
|
130
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
131
131
|
*/
|
|
132
132
|
export default function Checkbox(props: CheckboxProps): React.JSX.Element;
|
package/Checkbox/Checkbox.js
CHANGED
|
@@ -158,7 +158,8 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
|
|
|
158
158
|
slots,
|
|
159
159
|
slotProps: {
|
|
160
160
|
input: (0, _utils.mergeSlotProps)(typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps, {
|
|
161
|
-
'data-indeterminate': indeterminate
|
|
161
|
+
'data-indeterminate': indeterminate,
|
|
162
|
+
'aria-checked': indeterminate ? 'mixed' : undefined
|
|
162
163
|
})
|
|
163
164
|
}
|
|
164
165
|
}
|
package/Checkbox/Checkbox.mjs
CHANGED
|
@@ -151,7 +151,8 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
|
|
|
151
151
|
slots,
|
|
152
152
|
slotProps: {
|
|
153
153
|
input: mergeSlotProps(typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps, {
|
|
154
|
-
'data-indeterminate': indeterminate
|
|
154
|
+
'data-indeterminate': indeterminate,
|
|
155
|
+
'aria-checked': indeterminate ? 'mixed' : undefined
|
|
155
156
|
})
|
|
156
157
|
}
|
|
157
158
|
}
|
package/Chip/Chip.d.mts
CHANGED
|
@@ -127,11 +127,11 @@ export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.E
|
|
|
127
127
|
*
|
|
128
128
|
* Demos:
|
|
129
129
|
*
|
|
130
|
-
* - [Chip](https://
|
|
130
|
+
* - [Chip](https://mui.com/material-ui/react-chip/)
|
|
131
131
|
*
|
|
132
132
|
* API:
|
|
133
133
|
*
|
|
134
|
-
* - [Chip API](https://
|
|
134
|
+
* - [Chip API](https://mui.com/material-ui/api/chip/)
|
|
135
135
|
*/
|
|
136
136
|
declare const Chip: OverridableComponent<ChipTypeMap>;
|
|
137
137
|
export type ChipProps<RootComponent extends React.ElementType = ChipTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ChipTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/Chip/Chip.d.ts
CHANGED
|
@@ -127,11 +127,11 @@ export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.E
|
|
|
127
127
|
*
|
|
128
128
|
* Demos:
|
|
129
129
|
*
|
|
130
|
-
* - [Chip](https://
|
|
130
|
+
* - [Chip](https://mui.com/material-ui/react-chip/)
|
|
131
131
|
*
|
|
132
132
|
* API:
|
|
133
133
|
*
|
|
134
|
-
* - [Chip API](https://
|
|
134
|
+
* - [Chip API](https://mui.com/material-ui/api/chip/)
|
|
135
135
|
*/
|
|
136
136
|
declare const Chip: OverridableComponent<ChipTypeMap>;
|
|
137
137
|
export type ChipProps<RootComponent extends React.ElementType = ChipTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ChipTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -30,6 +30,16 @@ export interface CircularProgressProps extends StandardProps<React.HTMLAttribute
|
|
|
30
30
|
* @default false
|
|
31
31
|
*/
|
|
32
32
|
enableTrackSlot?: boolean | undefined;
|
|
33
|
+
/**
|
|
34
|
+
* The maximum value for the progress indicator for the determinate variant.
|
|
35
|
+
* @default 100
|
|
36
|
+
*/
|
|
37
|
+
max?: number | undefined;
|
|
38
|
+
/**
|
|
39
|
+
* The minimum value for the progress indicator for the determinate variant.
|
|
40
|
+
* @default 0
|
|
41
|
+
*/
|
|
42
|
+
min?: number | undefined;
|
|
33
43
|
/**
|
|
34
44
|
* The size of the component.
|
|
35
45
|
* If using a number, the pixel unit is assumed.
|
|
@@ -48,8 +58,8 @@ export interface CircularProgressProps extends StandardProps<React.HTMLAttribute
|
|
|
48
58
|
thickness?: number | undefined;
|
|
49
59
|
/**
|
|
50
60
|
* The value of the progress indicator for the determinate variant.
|
|
51
|
-
* Value between
|
|
52
|
-
* @default 0
|
|
61
|
+
* Value between `min` and `max`.
|
|
62
|
+
* @default props.min ?? 0
|
|
53
63
|
*/
|
|
54
64
|
value?: number | undefined;
|
|
55
65
|
/**
|
|
@@ -69,10 +79,10 @@ export interface CircularProgressProps extends StandardProps<React.HTMLAttribute
|
|
|
69
79
|
*
|
|
70
80
|
* Demos:
|
|
71
81
|
*
|
|
72
|
-
* - [Progress](https://
|
|
82
|
+
* - [Progress](https://mui.com/material-ui/react-progress/)
|
|
73
83
|
*
|
|
74
84
|
* API:
|
|
75
85
|
*
|
|
76
|
-
* - [CircularProgress API](https://
|
|
86
|
+
* - [CircularProgress API](https://mui.com/material-ui/api/circular-progress/)
|
|
77
87
|
*/
|
|
78
88
|
export default function CircularProgress(props: CircularProgressProps): React.JSX.Element;
|
|
@@ -30,6 +30,16 @@ export interface CircularProgressProps extends StandardProps<React.HTMLAttribute
|
|
|
30
30
|
* @default false
|
|
31
31
|
*/
|
|
32
32
|
enableTrackSlot?: boolean | undefined;
|
|
33
|
+
/**
|
|
34
|
+
* The maximum value for the progress indicator for the determinate variant.
|
|
35
|
+
* @default 100
|
|
36
|
+
*/
|
|
37
|
+
max?: number | undefined;
|
|
38
|
+
/**
|
|
39
|
+
* The minimum value for the progress indicator for the determinate variant.
|
|
40
|
+
* @default 0
|
|
41
|
+
*/
|
|
42
|
+
min?: number | undefined;
|
|
33
43
|
/**
|
|
34
44
|
* The size of the component.
|
|
35
45
|
* If using a number, the pixel unit is assumed.
|
|
@@ -48,8 +58,8 @@ export interface CircularProgressProps extends StandardProps<React.HTMLAttribute
|
|
|
48
58
|
thickness?: number | undefined;
|
|
49
59
|
/**
|
|
50
60
|
* The value of the progress indicator for the determinate variant.
|
|
51
|
-
* Value between
|
|
52
|
-
* @default 0
|
|
61
|
+
* Value between `min` and `max`.
|
|
62
|
+
* @default props.min ?? 0
|
|
53
63
|
*/
|
|
54
64
|
value?: number | undefined;
|
|
55
65
|
/**
|
|
@@ -69,10 +79,10 @@ export interface CircularProgressProps extends StandardProps<React.HTMLAttribute
|
|
|
69
79
|
*
|
|
70
80
|
* Demos:
|
|
71
81
|
*
|
|
72
|
-
* - [Progress](https://
|
|
82
|
+
* - [Progress](https://mui.com/material-ui/react-progress/)
|
|
73
83
|
*
|
|
74
84
|
* API:
|
|
75
85
|
*
|
|
76
|
-
* - [CircularProgress API](https://
|
|
86
|
+
* - [CircularProgress API](https://mui.com/material-ui/api/circular-progress/)
|
|
77
87
|
*/
|
|
78
88
|
export default function CircularProgress(props: CircularProgressProps): React.JSX.Element;
|
|
@@ -146,7 +146,7 @@ const CircularProgressCircle = (0, _zeroStyled.styled)('circle', {
|
|
|
146
146
|
ownerState
|
|
147
147
|
}) => ownerState.variant === 'indeterminate' && !ownerState.disableShrink,
|
|
148
148
|
style: dashAnimation || {
|
|
149
|
-
// At runtime for Pigment CSS, `
|
|
149
|
+
// At runtime for Pigment CSS, `dashAnimation` will be null and the generated keyframe will be used.
|
|
150
150
|
animation: `${circularDashKeyframe} 1.4s ease-in-out infinite`
|
|
151
151
|
}
|
|
152
152
|
}]
|
|
@@ -178,13 +178,22 @@ const CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress
|
|
|
178
178
|
color = 'primary',
|
|
179
179
|
disableShrink = false,
|
|
180
180
|
enableTrackSlot = false,
|
|
181
|
+
min: minProp,
|
|
182
|
+
max: maxProp,
|
|
181
183
|
size = 40,
|
|
182
184
|
style,
|
|
183
185
|
thickness = 3.6,
|
|
184
|
-
value = 0,
|
|
186
|
+
value = props.min ?? 0,
|
|
185
187
|
variant = 'indeterminate',
|
|
186
188
|
...other
|
|
187
189
|
} = props;
|
|
190
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
191
|
+
if (variant === 'indeterminate' && (minProp !== undefined || maxProp !== undefined)) {
|
|
192
|
+
console.warn(`MUI: You have provided the \`min\` or \`max\` props with an 'indeterminate' variant. These props will have no effect.`);
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
const min = minProp ?? 0;
|
|
196
|
+
const max = maxProp ?? 100;
|
|
188
197
|
const ownerState = {
|
|
189
198
|
...props,
|
|
190
199
|
color,
|
|
@@ -201,10 +210,18 @@ const CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress
|
|
|
201
210
|
const rootProps = {};
|
|
202
211
|
if (variant === 'determinate') {
|
|
203
212
|
const circumference = 2 * Math.PI * ((SIZE - thickness) / 2);
|
|
213
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
214
|
+
if (value < min || value > max || min >= max) {
|
|
215
|
+
console.error(`MUI: The min, max, and value props in CircularProgress should be numbers where min < max and min <= value <= max. Received min=${min}, max=${max}, value=${value}.`);
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
const range = max - min;
|
|
204
219
|
circleStyle.strokeDasharray = circumference.toFixed(3);
|
|
205
|
-
|
|
206
|
-
circleStyle.strokeDashoffset = `${((100 - value) / 100 * circumference).toFixed(3)}px`;
|
|
220
|
+
circleStyle.strokeDashoffset = range > 0 ? `${((max - value) / range * circumference).toFixed(3)}px` : `${circumference.toFixed(3)}px`; // empty-state fallback when range is invalid
|
|
207
221
|
rootStyle.transform = 'rotate(-90deg)';
|
|
222
|
+
rootProps['aria-valuenow'] = value;
|
|
223
|
+
rootProps['aria-valuemin'] = min;
|
|
224
|
+
rootProps['aria-valuemax'] = max;
|
|
208
225
|
}
|
|
209
226
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(CircularProgressRoot, {
|
|
210
227
|
className: (0, _clsx.default)(classes.root, className),
|
|
@@ -282,6 +299,16 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes /* remove-pro
|
|
|
282
299
|
* @default false
|
|
283
300
|
*/
|
|
284
301
|
enableTrackSlot: _propTypes.default.bool,
|
|
302
|
+
/**
|
|
303
|
+
* The maximum value for the progress indicator for the determinate variant.
|
|
304
|
+
* @default 100
|
|
305
|
+
*/
|
|
306
|
+
max: _propTypes.default.number,
|
|
307
|
+
/**
|
|
308
|
+
* The minimum value for the progress indicator for the determinate variant.
|
|
309
|
+
* @default 0
|
|
310
|
+
*/
|
|
311
|
+
min: _propTypes.default.number,
|
|
285
312
|
/**
|
|
286
313
|
* The size of the component.
|
|
287
314
|
* If using a number, the pixel unit is assumed.
|
|
@@ -304,8 +331,8 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes /* remove-pro
|
|
|
304
331
|
thickness: _propTypes.default.number,
|
|
305
332
|
/**
|
|
306
333
|
* The value of the progress indicator for the determinate variant.
|
|
307
|
-
* Value between
|
|
308
|
-
* @default 0
|
|
334
|
+
* Value between `min` and `max`.
|
|
335
|
+
* @default props.min ?? 0
|
|
309
336
|
*/
|
|
310
337
|
value: _propTypes.default.number,
|
|
311
338
|
/**
|
|
@@ -139,7 +139,7 @@ const CircularProgressCircle = styled('circle', {
|
|
|
139
139
|
ownerState
|
|
140
140
|
}) => ownerState.variant === 'indeterminate' && !ownerState.disableShrink,
|
|
141
141
|
style: dashAnimation || {
|
|
142
|
-
// At runtime for Pigment CSS, `
|
|
142
|
+
// At runtime for Pigment CSS, `dashAnimation` will be null and the generated keyframe will be used.
|
|
143
143
|
animation: `${circularDashKeyframe} 1.4s ease-in-out infinite`
|
|
144
144
|
}
|
|
145
145
|
}]
|
|
@@ -171,13 +171,22 @@ const CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress
|
|
|
171
171
|
color = 'primary',
|
|
172
172
|
disableShrink = false,
|
|
173
173
|
enableTrackSlot = false,
|
|
174
|
+
min: minProp,
|
|
175
|
+
max: maxProp,
|
|
174
176
|
size = 40,
|
|
175
177
|
style,
|
|
176
178
|
thickness = 3.6,
|
|
177
|
-
value = 0,
|
|
179
|
+
value = props.min ?? 0,
|
|
178
180
|
variant = 'indeterminate',
|
|
179
181
|
...other
|
|
180
182
|
} = props;
|
|
183
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
184
|
+
if (variant === 'indeterminate' && (minProp !== undefined || maxProp !== undefined)) {
|
|
185
|
+
console.warn(`MUI: You have provided the \`min\` or \`max\` props with an 'indeterminate' variant. These props will have no effect.`);
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
const min = minProp ?? 0;
|
|
189
|
+
const max = maxProp ?? 100;
|
|
181
190
|
const ownerState = {
|
|
182
191
|
...props,
|
|
183
192
|
color,
|
|
@@ -194,10 +203,18 @@ const CircularProgress = /*#__PURE__*/React.forwardRef(function CircularProgress
|
|
|
194
203
|
const rootProps = {};
|
|
195
204
|
if (variant === 'determinate') {
|
|
196
205
|
const circumference = 2 * Math.PI * ((SIZE - thickness) / 2);
|
|
206
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
207
|
+
if (value < min || value > max || min >= max) {
|
|
208
|
+
console.error(`MUI: The min, max, and value props in CircularProgress should be numbers where min < max and min <= value <= max. Received min=${min}, max=${max}, value=${value}.`);
|
|
209
|
+
}
|
|
210
|
+
}
|
|
211
|
+
const range = max - min;
|
|
197
212
|
circleStyle.strokeDasharray = circumference.toFixed(3);
|
|
198
|
-
|
|
199
|
-
circleStyle.strokeDashoffset = `${((100 - value) / 100 * circumference).toFixed(3)}px`;
|
|
213
|
+
circleStyle.strokeDashoffset = range > 0 ? `${((max - value) / range * circumference).toFixed(3)}px` : `${circumference.toFixed(3)}px`; // empty-state fallback when range is invalid
|
|
200
214
|
rootStyle.transform = 'rotate(-90deg)';
|
|
215
|
+
rootProps['aria-valuenow'] = value;
|
|
216
|
+
rootProps['aria-valuemin'] = min;
|
|
217
|
+
rootProps['aria-valuemax'] = max;
|
|
201
218
|
}
|
|
202
219
|
return /*#__PURE__*/_jsx(CircularProgressRoot, {
|
|
203
220
|
className: clsx(classes.root, className),
|
|
@@ -275,6 +292,16 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes /* remove-pro
|
|
|
275
292
|
* @default false
|
|
276
293
|
*/
|
|
277
294
|
enableTrackSlot: PropTypes.bool,
|
|
295
|
+
/**
|
|
296
|
+
* The maximum value for the progress indicator for the determinate variant.
|
|
297
|
+
* @default 100
|
|
298
|
+
*/
|
|
299
|
+
max: PropTypes.number,
|
|
300
|
+
/**
|
|
301
|
+
* The minimum value for the progress indicator for the determinate variant.
|
|
302
|
+
* @default 0
|
|
303
|
+
*/
|
|
304
|
+
min: PropTypes.number,
|
|
278
305
|
/**
|
|
279
306
|
* The size of the component.
|
|
280
307
|
* If using a number, the pixel unit is assumed.
|
|
@@ -297,8 +324,8 @@ process.env.NODE_ENV !== "production" ? CircularProgress.propTypes /* remove-pro
|
|
|
297
324
|
thickness: PropTypes.number,
|
|
298
325
|
/**
|
|
299
326
|
* The value of the progress indicator for the determinate variant.
|
|
300
|
-
* Value between
|
|
301
|
-
* @default 0
|
|
327
|
+
* Value between `min` and `max`.
|
|
328
|
+
* @default props.min ?? 0
|
|
302
329
|
*/
|
|
303
330
|
value: PropTypes.number,
|
|
304
331
|
/**
|
|
@@ -33,12 +33,12 @@ export interface ClickAwayListenerProps {
|
|
|
33
33
|
*
|
|
34
34
|
* Demos:
|
|
35
35
|
*
|
|
36
|
-
* - [Click-Away Listener](https://
|
|
37
|
-
* - [Menu](https://
|
|
36
|
+
* - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
|
|
37
|
+
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
38
38
|
*
|
|
39
39
|
* API:
|
|
40
40
|
*
|
|
41
|
-
* - [ClickAwayListener API](https://
|
|
41
|
+
* - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
|
|
42
42
|
*/
|
|
43
43
|
declare function ClickAwayListener(props: ClickAwayListenerProps): React.JSX.Element;
|
|
44
44
|
declare namespace ClickAwayListener {
|
|
@@ -33,12 +33,12 @@ export interface ClickAwayListenerProps {
|
|
|
33
33
|
*
|
|
34
34
|
* Demos:
|
|
35
35
|
*
|
|
36
|
-
* - [Click-Away Listener](https://
|
|
37
|
-
* - [Menu](https://
|
|
36
|
+
* - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
|
|
37
|
+
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
38
38
|
*
|
|
39
39
|
* API:
|
|
40
40
|
*
|
|
41
|
-
* - [ClickAwayListener API](https://
|
|
41
|
+
* - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
|
|
42
42
|
*/
|
|
43
43
|
declare function ClickAwayListener(props: ClickAwayListenerProps): React.JSX.Element;
|
|
44
44
|
declare namespace ClickAwayListener {
|
|
@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
9
9
|
exports.ClickAwayListener = ClickAwayListener;
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
+
var _contains = _interopRequireDefault(require("@mui/utils/contains"));
|
|
12
13
|
var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
|
|
13
14
|
var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
|
|
14
15
|
var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
|
|
@@ -28,12 +29,12 @@ function clickedRootScrollbar(event, doc) {
|
|
|
28
29
|
*
|
|
29
30
|
* Demos:
|
|
30
31
|
*
|
|
31
|
-
* - [Click-Away Listener](https://
|
|
32
|
-
* - [Menu](https://
|
|
32
|
+
* - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
|
|
33
|
+
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
33
34
|
*
|
|
34
35
|
* API:
|
|
35
36
|
*
|
|
36
|
-
* - [ClickAwayListener API](https://
|
|
37
|
+
* - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
|
|
37
38
|
*/
|
|
38
39
|
function ClickAwayListener(props) {
|
|
39
40
|
const {
|
|
@@ -72,7 +73,7 @@ function ClickAwayListener(props) {
|
|
|
72
73
|
syntheticEventRef.current = false;
|
|
73
74
|
const doc = (0, _ownerDocument.default)(nodeRef.current);
|
|
74
75
|
|
|
75
|
-
// 1.
|
|
76
|
+
// 1. IE 11 support, which trigger the handleClickAway even after the unbind
|
|
76
77
|
// 2. The child might render null.
|
|
77
78
|
// 3. Behave like a blur listener.
|
|
78
79
|
if (!activatedRef.current || !nodeRef.current || 'clientX' in event && clickedRootScrollbar(event, doc)) {
|
|
@@ -90,11 +91,7 @@ function ClickAwayListener(props) {
|
|
|
90
91
|
if (event.composedPath) {
|
|
91
92
|
insideDOM = event.composedPath().includes(nodeRef.current);
|
|
92
93
|
} else {
|
|
93
|
-
insideDOM = !doc.documentElement.
|
|
94
|
-
// @ts-expect-error returns `false` as intended when not dispatched from a Node
|
|
95
|
-
event.target) || nodeRef.current.contains(
|
|
96
|
-
// @ts-expect-error returns `false` as intended when not dispatched from a Node
|
|
97
|
-
event.target);
|
|
94
|
+
insideDOM = !(0, _contains.default)(doc.documentElement, event.target) || (0, _contains.default)(nodeRef.current, event.target);
|
|
98
95
|
}
|
|
99
96
|
if (!insideDOM && (disableReactTree || !insideReactTree)) {
|
|
100
97
|
onClickAway(event);
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
|
+
import contains from '@mui/utils/contains';
|
|
5
6
|
import ownerDocument from '@mui/utils/ownerDocument';
|
|
6
7
|
import useForkRef from '@mui/utils/useForkRef';
|
|
7
8
|
import useEventCallback from '@mui/utils/useEventCallback';
|
|
@@ -22,12 +23,12 @@ function clickedRootScrollbar(event, doc) {
|
|
|
22
23
|
*
|
|
23
24
|
* Demos:
|
|
24
25
|
*
|
|
25
|
-
* - [Click-Away Listener](https://
|
|
26
|
-
* - [Menu](https://
|
|
26
|
+
* - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
|
|
27
|
+
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
27
28
|
*
|
|
28
29
|
* API:
|
|
29
30
|
*
|
|
30
|
-
* - [ClickAwayListener API](https://
|
|
31
|
+
* - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
|
|
31
32
|
*/
|
|
32
33
|
function ClickAwayListener(props) {
|
|
33
34
|
const {
|
|
@@ -66,7 +67,7 @@ function ClickAwayListener(props) {
|
|
|
66
67
|
syntheticEventRef.current = false;
|
|
67
68
|
const doc = ownerDocument(nodeRef.current);
|
|
68
69
|
|
|
69
|
-
// 1.
|
|
70
|
+
// 1. IE 11 support, which trigger the handleClickAway even after the unbind
|
|
70
71
|
// 2. The child might render null.
|
|
71
72
|
// 3. Behave like a blur listener.
|
|
72
73
|
if (!activatedRef.current || !nodeRef.current || 'clientX' in event && clickedRootScrollbar(event, doc)) {
|
|
@@ -84,11 +85,7 @@ function ClickAwayListener(props) {
|
|
|
84
85
|
if (event.composedPath) {
|
|
85
86
|
insideDOM = event.composedPath().includes(nodeRef.current);
|
|
86
87
|
} else {
|
|
87
|
-
insideDOM = !doc.documentElement.contains(
|
|
88
|
-
// @ts-expect-error returns `false` as intended when not dispatched from a Node
|
|
89
|
-
event.target) || nodeRef.current.contains(
|
|
90
|
-
// @ts-expect-error returns `false` as intended when not dispatched from a Node
|
|
91
|
-
event.target);
|
|
88
|
+
insideDOM = !contains(doc.documentElement, event.target) || contains(nodeRef.current, event.target);
|
|
92
89
|
}
|
|
93
90
|
if (!insideDOM && (disableReactTree || !insideReactTree)) {
|
|
94
91
|
onClickAway(event);
|