@mui/material 5.13.1 → 5.13.3
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.js +43 -44
- package/AccordionActions/AccordionActions.js +18 -18
- package/AccordionDetails/AccordionDetails.js +9 -7
- package/AccordionSummary/AccordionSummary.js +32 -32
- package/Alert/Alert.js +60 -64
- package/AlertTitle/AlertTitle.js +9 -7
- package/AppBar/AppBar.js +73 -89
- package/Autocomplete/Autocomplete.d.ts +1 -0
- package/Autocomplete/Autocomplete.js +153 -171
- package/Avatar/Avatar.js +38 -42
- package/AvatarGroup/AvatarGroup.js +33 -34
- package/Backdrop/Backdrop.js +31 -33
- package/Badge/Badge.js +107 -119
- package/BottomNavigation/BottomNavigation.js +17 -15
- package/BottomNavigationAction/BottomNavigationAction.js +31 -29
- package/Breadcrumbs/BreadcrumbCollapsed.js +34 -35
- package/Breadcrumbs/Breadcrumbs.js +21 -19
- package/Button/Button.js +133 -168
- package/ButtonBase/ButtonBase.js +42 -43
- package/ButtonBase/TouchRipple.js +12 -9
- package/ButtonGroup/ButtonGroup.js +89 -111
- package/CHANGELOG.md +93 -0
- package/Card/Card.js +12 -11
- package/CardActionArea/CardActionArea.js +12 -9
- package/CardActions/CardActions.js +18 -18
- package/CardContent/CardContent.js +12 -11
- package/CardHeader/CardHeader.js +31 -30
- package/CardMedia/CardMedia.js +27 -28
- package/Checkbox/Checkbox.js +39 -44
- package/Chip/Chip.js +129 -146
- package/CircularProgress/CircularProgress.js +36 -43
- package/Collapse/Collapse.js +65 -73
- package/CssBaseline/CssBaseline.js +14 -17
- package/Dialog/Dialog.js +94 -103
- package/DialogActions/DialogActions.js +18 -18
- package/DialogContent/DialogContent.js +22 -22
- package/DialogContentText/DialogContentText.js +11 -13
- package/DialogTitle/DialogTitle.js +10 -8
- package/Divider/Divider.js +84 -99
- package/Drawer/Drawer.js +76 -85
- package/Fab/Fab.js +60 -71
- package/Fade/Fade.js +30 -31
- package/FilledInput/FilledInput.js +117 -135
- package/FilledInput/filledInputClasses.js +2 -4
- package/FormControl/FormControl.js +35 -41
- package/FormControlLabel/FormControlLabel.js +38 -43
- package/FormGroup/FormGroup.js +16 -16
- package/FormHelperText/FormHelperText.js +23 -30
- package/FormLabel/FormLabel.js +18 -26
- package/GlobalStyles/GlobalStyles.js +3 -3
- package/Grid/Grid.js +41 -50
- package/Grow/Grow.js +30 -31
- package/Hidden/Hidden.js +32 -31
- package/Hidden/HiddenCss.js +29 -29
- package/Hidden/withWidth.js +20 -20
- package/Icon/Icon.js +15 -14
- package/IconButton/IconButton.js +52 -59
- package/ImageList/ImageList.js +29 -30
- package/ImageListItem/ImageListItem.js +39 -40
- package/ImageListItemBar/ImageListItemBar.js +41 -47
- package/Input/Input.js +74 -77
- package/Input/inputClasses.js +2 -4
- package/InputAdornment/InputAdornment.js +34 -36
- package/InputBase/InputBase.js +92 -116
- package/InputLabel/InputLabel.js +68 -83
- package/LinearProgress/LinearProgress.js +58 -64
- package/Link/Link.js +64 -69
- package/List/List.js +24 -24
- package/ListItem/ListItem.js +96 -113
- package/ListItemAvatar/ListItemAvatar.js +15 -15
- package/ListItemButton/ListItemButton.js +35 -40
- package/ListItemIcon/ListItemIcon.js +15 -15
- package/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
- package/ListItemText/ListItemText.js +34 -34
- package/ListSubheader/ListSubheader.js +32 -36
- package/Menu/Menu.js +39 -38
- package/MenuItem/MenuItem.js +45 -50
- package/MenuList/MenuList.js +20 -17
- package/MobileStepper/MobileStepper.js +53 -61
- package/Modal/Modal.js +46 -51
- package/NativeSelect/NativeSelect.js +22 -26
- package/NativeSelect/NativeSelectInput.js +43 -50
- package/OutlinedInput/NotchedOutline.js +51 -55
- package/OutlinedInput/OutlinedInput.js +59 -72
- package/OutlinedInput/outlinedInputClasses.js +2 -4
- package/Pagination/Pagination.js +31 -35
- package/PaginationItem/PaginationItem.js +93 -105
- package/Paper/Paper.js +28 -32
- package/Popover/Popover.js +51 -49
- package/Popper/Popper.js +27 -25
- package/Radio/Radio.js +33 -36
- package/Radio/RadioButtonIcon.js +10 -11
- package/RadioGroup/RadioGroup.js +17 -14
- package/Rating/Rating.js +73 -88
- package/ScopedCssBaseline/ScopedCssBaseline.js +15 -18
- package/Select/Select.js +55 -59
- package/Select/SelectInput.js +57 -58
- package/Skeleton/Skeleton.js +46 -51
- package/Slide/Slide.js +33 -37
- package/Slider/Slider.js +216 -281
- package/Snackbar/Snackbar.js +67 -81
- package/SnackbarContent/SnackbarContent.js +15 -13
- package/SpeedDial/SpeedDial.js +83 -85
- package/SpeedDialAction/SpeedDialAction.js +52 -57
- package/SpeedDialIcon/SpeedDialIcon.js +24 -25
- package/Step/Step.js +26 -27
- package/StepButton/StepButton.js +24 -23
- package/StepConnector/StepConnector.js +31 -34
- package/StepContent/StepContent.js +24 -23
- package/StepIcon/StepIcon.js +22 -22
- package/StepLabel/StepLabel.js +33 -34
- package/Stepper/Stepper.js +31 -33
- package/SvgIcon/SvgIcon.js +20 -19
- package/SwipeableDrawer/SwipeArea.js +30 -33
- package/SwipeableDrawer/SwipeableDrawer.js +43 -49
- package/Switch/Switch.js +52 -59
- package/Tab/Tab.js +83 -93
- package/TabScrollButton/TabScrollButton.js +25 -30
- package/Table/Table.js +19 -20
- package/TableBody/TableBody.js +12 -11
- package/TableCell/TableCell.js +59 -70
- package/TableContainer/TableContainer.js +12 -11
- package/TableFooter/TableFooter.js +12 -11
- package/TableHead/TableHead.js +12 -11
- package/TablePagination/TablePagination.js +49 -53
- package/TablePagination/TablePaginationActions.js +25 -22
- package/TableRow/TableRow.js +14 -13
- package/TableSortLabel/TableSortLabel.js +23 -23
- package/Tabs/ScrollbarSize.js +9 -7
- package/Tabs/Tabs.js +92 -107
- package/TextField/TextField.js +57 -57
- package/ToggleButton/ToggleButton.js +35 -36
- package/ToggleButtonGroup/ToggleButtonGroup.js +59 -60
- package/Toolbar/Toolbar.js +25 -26
- package/Tooltip/Tooltip.js +147 -177
- package/Typography/Typography.js +32 -37
- package/Zoom/Zoom.js +30 -31
- package/index.js +1 -1
- package/internal/SwitchBase.js +43 -45
- package/legacy/Accordion/Accordion.js +8 -9
- package/legacy/AccordionActions/AccordionActions.js +4 -6
- package/legacy/AccordionDetails/AccordionDetails.js +2 -4
- package/legacy/AccordionSummary/AccordionSummary.js +11 -12
- package/legacy/Alert/Alert.js +10 -11
- package/legacy/AlertTitle/AlertTitle.js +2 -4
- package/legacy/AppBar/AppBar.js +16 -18
- package/legacy/Autocomplete/Autocomplete.js +54 -45
- package/legacy/Avatar/Avatar.js +9 -11
- package/legacy/AvatarGroup/AvatarGroup.js +9 -10
- package/legacy/Backdrop/Backdrop.js +8 -10
- package/legacy/Badge/Badge.js +15 -16
- package/legacy/BottomNavigation/BottomNavigation.js +4 -6
- package/legacy/BottomNavigationAction/BottomNavigationAction.js +8 -9
- package/legacy/Breadcrumbs/BreadcrumbCollapsed.js +8 -10
- package/legacy/Breadcrumbs/Breadcrumbs.js +4 -5
- package/legacy/Button/Button.js +36 -37
- package/legacy/ButtonBase/ButtonBase.js +5 -6
- package/legacy/ButtonBase/TouchRipple.js +3 -5
- package/legacy/ButtonGroup/ButtonGroup.js +27 -28
- package/legacy/Card/Card.js +3 -5
- package/legacy/CardActionArea/CardActionArea.js +3 -4
- package/legacy/CardActions/CardActions.js +4 -6
- package/legacy/CardContent/CardContent.js +3 -5
- package/legacy/CardHeader/CardHeader.js +10 -11
- package/legacy/CardMedia/CardMedia.js +7 -9
- package/legacy/Checkbox/Checkbox.js +8 -9
- package/legacy/Chip/Chip.js +25 -26
- package/legacy/CircularProgress/CircularProgress.js +10 -12
- package/legacy/Collapse/Collapse.js +16 -17
- package/legacy/CssBaseline/CssBaseline.js +7 -9
- package/legacy/Dialog/Dialog.js +18 -19
- package/legacy/DialogActions/DialogActions.js +4 -6
- package/legacy/DialogContent/DialogContent.js +4 -5
- package/legacy/DialogContentText/DialogContentText.js +4 -6
- package/legacy/DialogTitle/DialogTitle.js +2 -4
- package/legacy/Divider/Divider.js +17 -19
- package/legacy/Drawer/Drawer.js +21 -23
- package/legacy/Fab/Fab.js +12 -13
- package/legacy/Fade/Fade.js +6 -8
- package/legacy/FilledInput/FilledInput.js +23 -24
- package/legacy/FilledInput/filledInputClasses.js +2 -4
- package/legacy/FormControl/FormControl.js +8 -10
- package/legacy/FormControlLabel/FormControlLabel.js +10 -11
- package/legacy/FormGroup/FormGroup.js +4 -6
- package/legacy/FormHelperText/FormHelperText.js +11 -12
- package/legacy/FormLabel/FormLabel.js +12 -13
- package/legacy/GlobalStyles/GlobalStyles.js +2 -4
- package/legacy/Grid/Grid.js +11 -13
- package/legacy/Grow/Grow.js +6 -8
- package/legacy/Hidden/Hidden.js +13 -15
- package/legacy/Hidden/HiddenCss.js +3 -4
- package/legacy/Hidden/withWidth.js +5 -7
- package/legacy/Icon/Icon.js +3 -5
- package/legacy/IconButton/IconButton.js +14 -15
- package/legacy/ImageList/ImageList.js +7 -9
- package/legacy/ImageListItem/ImageListItem.js +8 -9
- package/legacy/ImageListItemBar/ImageListItemBar.js +11 -13
- package/legacy/Input/Input.js +7 -8
- package/legacy/Input/inputClasses.js +2 -4
- package/legacy/InputAdornment/InputAdornment.js +8 -9
- package/legacy/InputBase/InputBase.js +27 -28
- package/legacy/InputLabel/InputLabel.js +13 -14
- package/legacy/LinearProgress/LinearProgress.js +15 -17
- package/legacy/Link/Link.js +8 -9
- package/legacy/List/List.js +6 -8
- package/legacy/ListItem/ListItem.js +24 -25
- package/legacy/ListItemAvatar/ListItemAvatar.js +4 -6
- package/legacy/ListItemButton/ListItemButton.js +15 -16
- package/legacy/ListItemIcon/ListItemIcon.js +4 -6
- package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +4 -6
- package/legacy/ListItemText/ListItemText.js +10 -11
- package/legacy/ListSubheader/ListSubheader.js +8 -10
- package/legacy/Menu/Menu.js +10 -12
- package/legacy/MenuItem/MenuItem.js +21 -22
- package/legacy/MenuList/MenuList.js +3 -5
- package/legacy/MobileStepper/MobileStepper.js +10 -12
- package/legacy/Modal/Modal.js +9 -11
- package/legacy/NativeSelect/NativeSelect.js +6 -8
- package/legacy/NativeSelect/NativeSelectInput.js +16 -17
- package/legacy/OutlinedInput/NotchedOutline.js +6 -8
- package/legacy/OutlinedInput/OutlinedInput.js +22 -23
- package/legacy/OutlinedInput/outlinedInputClasses.js +2 -4
- package/legacy/Pagination/Pagination.js +7 -9
- package/legacy/PaginationItem/PaginationItem.js +23 -24
- package/legacy/Paper/Paper.js +7 -9
- package/legacy/Popover/Popover.js +10 -12
- package/legacy/Popper/Popper.js +4 -6
- package/legacy/Radio/Radio.js +7 -8
- package/legacy/Radio/RadioButtonIcon.js +3 -5
- package/legacy/RadioGroup/RadioGroup.js +3 -5
- package/legacy/Rating/Rating.js +23 -24
- package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +4 -6
- package/legacy/Select/Select.js +8 -10
- package/legacy/Select/SelectInput.js +10 -11
- package/legacy/Skeleton/Skeleton.js +11 -13
- package/legacy/Slide/Slide.js +8 -10
- package/legacy/Slider/Slider.js +65 -66
- package/legacy/Snackbar/Snackbar.js +15 -16
- package/legacy/SnackbarContent/SnackbarContent.js +4 -5
- package/legacy/SpeedDial/SpeedDial.js +14 -15
- package/legacy/SpeedDialAction/SpeedDialAction.js +15 -16
- package/legacy/SpeedDialIcon/SpeedDialIcon.js +6 -7
- package/legacy/Step/Step.js +6 -8
- package/legacy/StepButton/StepButton.js +7 -8
- package/legacy/StepConnector/StepConnector.js +8 -10
- package/legacy/StepContent/StepContent.js +7 -9
- package/legacy/StepIcon/StepIcon.js +6 -7
- package/legacy/StepLabel/StepLabel.js +19 -20
- package/legacy/Stepper/Stepper.js +8 -10
- package/legacy/SvgIcon/SvgIcon.js +4 -6
- package/legacy/SwipeableDrawer/SwipeArea.js +8 -9
- package/legacy/SwipeableDrawer/SwipeableDrawer.js +8 -10
- package/legacy/Switch/Switch.js +10 -11
- package/legacy/Tab/Tab.js +15 -16
- package/legacy/TabScrollButton/TabScrollButton.js +6 -7
- package/legacy/Table/Table.js +5 -7
- package/legacy/TableBody/TableBody.js +3 -5
- package/legacy/TableCell/TableCell.js +14 -15
- package/legacy/TableContainer/TableContainer.js +3 -5
- package/legacy/TableFooter/TableFooter.js +3 -5
- package/legacy/TableHead/TableHead.js +3 -5
- package/legacy/TablePagination/TablePagination.js +14 -15
- package/legacy/TablePagination/TablePaginationActions.js +7 -9
- package/legacy/TableRow/TableRow.js +3 -4
- package/legacy/TableSortLabel/TableSortLabel.js +6 -7
- package/legacy/Tabs/ScrollbarSize.js +2 -4
- package/legacy/Tabs/Tabs.js +22 -23
- package/legacy/TextField/TextField.js +12 -14
- package/legacy/ToggleButton/ToggleButton.js +11 -12
- package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +7 -8
- package/legacy/Toolbar/Toolbar.js +5 -6
- package/legacy/Tooltip/Tooltip.js +33 -34
- package/legacy/Typography/Typography.js +9 -11
- package/legacy/Zoom/Zoom.js +6 -8
- package/legacy/index.js +1 -1
- package/legacy/internal/SwitchBase.js +8 -10
- package/legacy/styles/CssVarsProvider.js +2 -4
- package/legacy/styles/ThemeProvider.js +2 -4
- package/legacy/styles/adaptV4Theme.js +6 -7
- package/legacy/styles/createMixins.js +2 -3
- package/legacy/styles/createPalette.js +4 -6
- package/legacy/styles/createTheme.js +3 -4
- package/legacy/styles/createTransitions.js +5 -7
- package/legacy/styles/createTypography.js +4 -6
- package/legacy/styles/experimental_extendTheme.js +10 -12
- package/legacy/styles/responsiveFontSizes.js +4 -6
- package/legacy/usePagination/usePagination.js +2 -4
- package/legacy/useScrollTrigger/useScrollTrigger.js +2 -4
- package/legacy/utils/createSvgIcon.js +3 -5
- package/modern/Accordion/Accordion.js +43 -44
- package/modern/AccordionActions/AccordionActions.js +18 -18
- package/modern/AccordionDetails/AccordionDetails.js +9 -7
- package/modern/AccordionSummary/AccordionSummary.js +32 -32
- package/modern/Alert/Alert.js +60 -64
- package/modern/AlertTitle/AlertTitle.js +9 -7
- package/modern/AppBar/AppBar.js +73 -89
- package/modern/Autocomplete/Autocomplete.js +150 -168
- package/modern/Avatar/Avatar.js +38 -42
- package/modern/AvatarGroup/AvatarGroup.js +33 -34
- package/modern/Backdrop/Backdrop.js +31 -33
- package/modern/Badge/Badge.js +107 -119
- package/modern/BottomNavigation/BottomNavigation.js +17 -15
- package/modern/BottomNavigationAction/BottomNavigationAction.js +31 -29
- package/modern/Breadcrumbs/BreadcrumbCollapsed.js +34 -35
- package/modern/Breadcrumbs/Breadcrumbs.js +21 -19
- package/modern/Button/Button.js +133 -168
- package/modern/ButtonBase/ButtonBase.js +42 -43
- package/modern/ButtonBase/TouchRipple.js +12 -9
- package/modern/ButtonGroup/ButtonGroup.js +89 -111
- package/modern/Card/Card.js +12 -11
- package/modern/CardActionArea/CardActionArea.js +12 -9
- package/modern/CardActions/CardActions.js +18 -18
- package/modern/CardContent/CardContent.js +12 -11
- package/modern/CardHeader/CardHeader.js +31 -30
- package/modern/CardMedia/CardMedia.js +27 -28
- package/modern/Checkbox/Checkbox.js +39 -44
- package/modern/Chip/Chip.js +129 -146
- package/modern/CircularProgress/CircularProgress.js +36 -43
- package/modern/Collapse/Collapse.js +65 -73
- package/modern/CssBaseline/CssBaseline.js +14 -17
- package/modern/Dialog/Dialog.js +94 -103
- package/modern/DialogActions/DialogActions.js +18 -18
- package/modern/DialogContent/DialogContent.js +22 -22
- package/modern/DialogContentText/DialogContentText.js +11 -13
- package/modern/DialogTitle/DialogTitle.js +10 -8
- package/modern/Divider/Divider.js +84 -99
- package/modern/Drawer/Drawer.js +76 -85
- package/modern/Fab/Fab.js +59 -70
- package/modern/Fade/Fade.js +30 -31
- package/modern/FilledInput/FilledInput.js +117 -135
- package/modern/FilledInput/filledInputClasses.js +2 -4
- package/modern/FormControl/FormControl.js +35 -41
- package/modern/FormControlLabel/FormControlLabel.js +38 -43
- package/modern/FormGroup/FormGroup.js +16 -16
- package/modern/FormHelperText/FormHelperText.js +23 -30
- package/modern/FormLabel/FormLabel.js +18 -26
- package/modern/GlobalStyles/GlobalStyles.js +3 -3
- package/modern/Grid/Grid.js +41 -50
- package/modern/Grow/Grow.js +30 -31
- package/modern/Hidden/Hidden.js +32 -31
- package/modern/Hidden/HiddenCss.js +29 -29
- package/modern/Hidden/withWidth.js +20 -20
- package/modern/Icon/Icon.js +15 -14
- package/modern/IconButton/IconButton.js +52 -59
- package/modern/ImageList/ImageList.js +29 -30
- package/modern/ImageListItem/ImageListItem.js +39 -40
- package/modern/ImageListItemBar/ImageListItemBar.js +41 -47
- package/modern/Input/Input.js +74 -77
- package/modern/Input/inputClasses.js +2 -4
- package/modern/InputAdornment/InputAdornment.js +34 -36
- package/modern/InputBase/InputBase.js +92 -116
- package/modern/InputLabel/InputLabel.js +68 -83
- package/modern/LinearProgress/LinearProgress.js +58 -64
- package/modern/Link/Link.js +64 -69
- package/modern/List/List.js +24 -24
- package/modern/ListItem/ListItem.js +96 -113
- package/modern/ListItemAvatar/ListItemAvatar.js +15 -15
- package/modern/ListItemButton/ListItemButton.js +35 -40
- package/modern/ListItemIcon/ListItemIcon.js +15 -15
- package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
- package/modern/ListItemText/ListItemText.js +34 -34
- package/modern/ListSubheader/ListSubheader.js +32 -36
- package/modern/Menu/Menu.js +39 -38
- package/modern/MenuItem/MenuItem.js +45 -50
- package/modern/MenuList/MenuList.js +20 -17
- package/modern/MobileStepper/MobileStepper.js +53 -61
- package/modern/Modal/Modal.js +46 -51
- package/modern/NativeSelect/NativeSelect.js +22 -26
- package/modern/NativeSelect/NativeSelectInput.js +43 -50
- package/modern/OutlinedInput/NotchedOutline.js +51 -55
- package/modern/OutlinedInput/OutlinedInput.js +59 -72
- package/modern/OutlinedInput/outlinedInputClasses.js +2 -4
- package/modern/Pagination/Pagination.js +31 -35
- package/modern/PaginationItem/PaginationItem.js +93 -105
- package/modern/Paper/Paper.js +28 -32
- package/modern/Popover/Popover.js +51 -49
- package/modern/Popper/Popper.js +27 -25
- package/modern/Radio/Radio.js +33 -36
- package/modern/Radio/RadioButtonIcon.js +10 -11
- package/modern/RadioGroup/RadioGroup.js +17 -14
- package/modern/Rating/Rating.js +73 -88
- package/modern/ScopedCssBaseline/ScopedCssBaseline.js +15 -18
- package/modern/Select/Select.js +55 -59
- package/modern/Select/SelectInput.js +57 -58
- package/modern/Skeleton/Skeleton.js +46 -51
- package/modern/Slide/Slide.js +33 -37
- package/modern/Slider/Slider.js +216 -281
- package/modern/Snackbar/Snackbar.js +67 -81
- package/modern/SnackbarContent/SnackbarContent.js +15 -13
- package/modern/SpeedDial/SpeedDial.js +83 -85
- package/modern/SpeedDialAction/SpeedDialAction.js +52 -57
- package/modern/SpeedDialIcon/SpeedDialIcon.js +24 -25
- package/modern/Step/Step.js +26 -27
- package/modern/StepButton/StepButton.js +24 -23
- package/modern/StepConnector/StepConnector.js +31 -34
- package/modern/StepContent/StepContent.js +24 -23
- package/modern/StepIcon/StepIcon.js +22 -22
- package/modern/StepLabel/StepLabel.js +33 -34
- package/modern/Stepper/Stepper.js +31 -33
- package/modern/SvgIcon/SvgIcon.js +20 -19
- package/modern/SwipeableDrawer/SwipeArea.js +30 -33
- package/modern/SwipeableDrawer/SwipeableDrawer.js +43 -49
- package/modern/Switch/Switch.js +52 -59
- package/modern/Tab/Tab.js +83 -93
- package/modern/TabScrollButton/TabScrollButton.js +25 -30
- package/modern/Table/Table.js +19 -20
- package/modern/TableBody/TableBody.js +12 -11
- package/modern/TableCell/TableCell.js +59 -70
- package/modern/TableContainer/TableContainer.js +12 -11
- package/modern/TableFooter/TableFooter.js +12 -11
- package/modern/TableHead/TableHead.js +12 -11
- package/modern/TablePagination/TablePagination.js +49 -53
- package/modern/TablePagination/TablePaginationActions.js +25 -22
- package/modern/TableRow/TableRow.js +14 -13
- package/modern/TableSortLabel/TableSortLabel.js +23 -23
- package/modern/Tabs/ScrollbarSize.js +9 -7
- package/modern/Tabs/Tabs.js +92 -107
- package/modern/TextField/TextField.js +57 -57
- package/modern/ToggleButton/ToggleButton.js +35 -36
- package/modern/ToggleButtonGroup/ToggleButtonGroup.js +59 -60
- package/modern/Toolbar/Toolbar.js +25 -26
- package/modern/Tooltip/Tooltip.js +147 -177
- package/modern/Typography/Typography.js +32 -37
- package/modern/Zoom/Zoom.js +30 -31
- package/modern/index.js +1 -1
- package/modern/internal/SwitchBase.js +43 -45
- package/modern/styles/CssVarsProvider.js +3 -3
- package/modern/styles/ThemeProvider.js +10 -7
- package/modern/styles/adaptV4Theme.js +31 -31
- package/modern/styles/createMixins.js +4 -4
- package/modern/styles/createPalette.js +13 -16
- package/modern/styles/createTheme.js +11 -16
- package/modern/styles/createTransitions.js +14 -17
- package/modern/styles/createTypography.js +29 -31
- package/modern/styles/experimental_extendTheme.js +33 -41
- package/modern/styles/responsiveFontSizes.js +11 -17
- package/modern/usePagination/usePagination.js +20 -18
- package/modern/useScrollTrigger/useScrollTrigger.js +10 -8
- package/modern/utils/createSvgIcon.js +5 -4
- package/node/Accordion/Accordion.js +43 -44
- package/node/AccordionActions/AccordionActions.js +18 -18
- package/node/AccordionDetails/AccordionDetails.js +9 -7
- package/node/AccordionSummary/AccordionSummary.js +32 -32
- package/node/Alert/Alert.js +60 -64
- package/node/AlertTitle/AlertTitle.js +9 -7
- package/node/AppBar/AppBar.js +73 -89
- package/node/Autocomplete/Autocomplete.js +153 -171
- package/node/Avatar/Avatar.js +38 -42
- package/node/AvatarGroup/AvatarGroup.js +33 -34
- package/node/Backdrop/Backdrop.js +31 -33
- package/node/Badge/Badge.js +107 -119
- package/node/BottomNavigation/BottomNavigation.js +17 -15
- package/node/BottomNavigationAction/BottomNavigationAction.js +31 -29
- package/node/Breadcrumbs/BreadcrumbCollapsed.js +34 -35
- package/node/Breadcrumbs/Breadcrumbs.js +21 -19
- package/node/Button/Button.js +133 -168
- package/node/ButtonBase/ButtonBase.js +42 -43
- package/node/ButtonBase/TouchRipple.js +12 -9
- package/node/ButtonGroup/ButtonGroup.js +89 -111
- package/node/Card/Card.js +12 -11
- package/node/CardActionArea/CardActionArea.js +12 -9
- package/node/CardActions/CardActions.js +18 -18
- package/node/CardContent/CardContent.js +12 -11
- package/node/CardHeader/CardHeader.js +31 -30
- package/node/CardMedia/CardMedia.js +27 -28
- package/node/Checkbox/Checkbox.js +39 -44
- package/node/Chip/Chip.js +129 -146
- package/node/CircularProgress/CircularProgress.js +36 -43
- package/node/Collapse/Collapse.js +65 -73
- package/node/CssBaseline/CssBaseline.js +14 -17
- package/node/Dialog/Dialog.js +94 -103
- package/node/DialogActions/DialogActions.js +18 -18
- package/node/DialogContent/DialogContent.js +22 -22
- package/node/DialogContentText/DialogContentText.js +11 -13
- package/node/DialogTitle/DialogTitle.js +10 -8
- package/node/Divider/Divider.js +84 -99
- package/node/Drawer/Drawer.js +76 -85
- package/node/Fab/Fab.js +60 -71
- package/node/Fade/Fade.js +30 -31
- package/node/FilledInput/FilledInput.js +117 -135
- package/node/FilledInput/filledInputClasses.js +2 -4
- package/node/FormControl/FormControl.js +35 -41
- package/node/FormControlLabel/FormControlLabel.js +38 -43
- package/node/FormGroup/FormGroup.js +16 -16
- package/node/FormHelperText/FormHelperText.js +23 -30
- package/node/FormLabel/FormLabel.js +18 -26
- package/node/GlobalStyles/GlobalStyles.js +3 -3
- package/node/Grid/Grid.js +43 -54
- package/node/Grow/Grow.js +30 -31
- package/node/Hidden/Hidden.js +36 -34
- package/node/Hidden/HiddenCss.js +29 -29
- package/node/Hidden/withWidth.js +20 -20
- package/node/Icon/Icon.js +15 -14
- package/node/IconButton/IconButton.js +52 -59
- package/node/ImageList/ImageList.js +29 -30
- package/node/ImageListItem/ImageListItem.js +39 -40
- package/node/ImageListItemBar/ImageListItemBar.js +41 -47
- package/node/Input/Input.js +74 -77
- package/node/Input/inputClasses.js +2 -4
- package/node/InputAdornment/InputAdornment.js +34 -36
- package/node/InputBase/InputBase.js +92 -116
- package/node/InputLabel/InputLabel.js +68 -83
- package/node/LinearProgress/LinearProgress.js +58 -64
- package/node/Link/Link.js +64 -69
- package/node/List/List.js +24 -24
- package/node/ListItem/ListItem.js +96 -113
- package/node/ListItemAvatar/ListItemAvatar.js +15 -15
- package/node/ListItemButton/ListItemButton.js +35 -40
- package/node/ListItemIcon/ListItemIcon.js +15 -15
- package/node/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
- package/node/ListItemText/ListItemText.js +34 -34
- package/node/ListSubheader/ListSubheader.js +32 -36
- package/node/Menu/Menu.js +39 -38
- package/node/MenuItem/MenuItem.js +45 -50
- package/node/MenuList/MenuList.js +20 -17
- package/node/MobileStepper/MobileStepper.js +53 -61
- package/node/Modal/Modal.js +46 -51
- package/node/NativeSelect/NativeSelect.js +22 -26
- package/node/NativeSelect/NativeSelectInput.js +43 -50
- package/node/OutlinedInput/NotchedOutline.js +51 -55
- package/node/OutlinedInput/OutlinedInput.js +59 -72
- package/node/OutlinedInput/outlinedInputClasses.js +2 -4
- package/node/Pagination/Pagination.js +31 -35
- package/node/PaginationItem/PaginationItem.js +93 -105
- package/node/Paper/Paper.js +28 -32
- package/node/Popover/Popover.js +51 -49
- package/node/Popper/Popper.js +27 -25
- package/node/Radio/Radio.js +33 -36
- package/node/Radio/RadioButtonIcon.js +10 -11
- package/node/RadioGroup/RadioGroup.js +17 -14
- package/node/Rating/Rating.js +73 -88
- package/node/ScopedCssBaseline/ScopedCssBaseline.js +15 -18
- package/node/Select/Select.js +55 -59
- package/node/Select/SelectInput.js +57 -58
- package/node/Skeleton/Skeleton.js +46 -51
- package/node/Slide/Slide.js +34 -39
- package/node/Slider/Slider.js +216 -281
- package/node/Snackbar/Snackbar.js +67 -81
- package/node/SnackbarContent/SnackbarContent.js +15 -13
- package/node/SpeedDial/SpeedDial.js +83 -85
- package/node/SpeedDialAction/SpeedDialAction.js +52 -59
- package/node/SpeedDialIcon/SpeedDialIcon.js +24 -25
- package/node/Step/Step.js +26 -27
- package/node/StepButton/StepButton.js +24 -23
- package/node/StepConnector/StepConnector.js +31 -34
- package/node/StepContent/StepContent.js +24 -23
- package/node/StepIcon/StepIcon.js +22 -22
- package/node/StepLabel/StepLabel.js +33 -34
- package/node/Stepper/Stepper.js +31 -33
- package/node/SvgIcon/SvgIcon.js +20 -19
- package/node/SwipeableDrawer/SwipeArea.js +30 -33
- package/node/SwipeableDrawer/SwipeableDrawer.js +44 -51
- package/node/Switch/Switch.js +52 -61
- package/node/Tab/Tab.js +83 -93
- package/node/TabScrollButton/TabScrollButton.js +26 -32
- package/node/Table/Table.js +19 -20
- package/node/TableBody/TableBody.js +12 -11
- package/node/TableCell/TableCell.js +59 -70
- package/node/TableContainer/TableContainer.js +12 -11
- package/node/TableFooter/TableFooter.js +12 -11
- package/node/TableHead/TableHead.js +12 -11
- package/node/TablePagination/TablePagination.js +49 -53
- package/node/TablePagination/TablePaginationActions.js +25 -22
- package/node/TableRow/TableRow.js +14 -13
- package/node/TableSortLabel/TableSortLabel.js +23 -23
- package/node/Tabs/ScrollbarSize.js +9 -7
- package/node/Tabs/Tabs.js +92 -107
- package/node/TextField/TextField.js +57 -57
- package/node/ToggleButton/ToggleButton.js +35 -38
- package/node/ToggleButtonGroup/ToggleButtonGroup.js +59 -60
- package/node/Toolbar/Toolbar.js +25 -26
- package/node/Tooltip/Tooltip.js +147 -177
- package/node/Typography/Typography.js +32 -37
- package/node/Zoom/Zoom.js +30 -31
- package/node/index.js +1 -1
- package/node/internal/SwitchBase.js +43 -45
- package/node/styles/CssVarsProvider.js +3 -3
- package/node/styles/ThemeProvider.js +10 -7
- package/node/styles/adaptV4Theme.js +32 -31
- package/node/styles/createMixins.js +5 -4
- package/node/styles/createPalette.js +13 -16
- package/node/styles/createTheme.js +11 -16
- package/node/styles/createTransitions.js +15 -17
- package/node/styles/createTypography.js +30 -31
- package/node/styles/experimental_extendTheme.js +33 -41
- package/node/styles/responsiveFontSizes.js +12 -17
- package/node/usePagination/usePagination.js +21 -18
- package/node/useScrollTrigger/useScrollTrigger.js +11 -8
- package/node/utils/createSvgIcon.js +5 -4
- package/package.json +4 -4
- package/styles/CssVarsProvider.js +3 -3
- package/styles/ThemeProvider.js +10 -7
- package/styles/adaptV4Theme.js +31 -31
- package/styles/createMixins.js +4 -4
- package/styles/createPalette.js +13 -16
- package/styles/createTheme.js +11 -16
- package/styles/createTransitions.js +14 -17
- package/styles/createTypography.js +29 -31
- package/styles/experimental_extendTheme.js +33 -41
- package/styles/responsiveFontSizes.js +11 -17
- package/umd/material-ui.development.js +6066 -7085
- package/umd/material-ui.production.min.js +21 -21
- package/usePagination/usePagination.js +20 -18
- package/useScrollTrigger/useScrollTrigger.js +10 -8
- package/utils/createSvgIcon.js +5 -4
|
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
9
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
8
10
|
var React = _interopRequireWildcard(require("react"));
|
|
9
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
@@ -15,6 +17,7 @@ var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
|
|
|
15
17
|
var _unsupportedProp = _interopRequireDefault(require("../utils/unsupportedProp"));
|
|
16
18
|
var _bottomNavigationActionClasses = _interopRequireWildcard(require("./bottomNavigationActionClasses"));
|
|
17
19
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
|
+
const _excluded = ["className", "icon", "label", "onChange", "onClick", "selected", "showLabel", "value"];
|
|
18
21
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
22
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
20
23
|
const useUtilityClasses = ownerState => {
|
|
@@ -41,7 +44,7 @@ const BottomNavigationActionRoot = (0, _styled.default)(_ButtonBase.default, {
|
|
|
41
44
|
})(({
|
|
42
45
|
theme,
|
|
43
46
|
ownerState
|
|
44
|
-
}) => ({
|
|
47
|
+
}) => (0, _extends2.default)({
|
|
45
48
|
transition: theme.transitions.create(['color', 'padding-top'], {
|
|
46
49
|
duration: theme.transitions.duration.short
|
|
47
50
|
}),
|
|
@@ -50,13 +53,12 @@ const BottomNavigationActionRoot = (0, _styled.default)(_ButtonBase.default, {
|
|
|
50
53
|
maxWidth: 168,
|
|
51
54
|
color: (theme.vars || theme).palette.text.secondary,
|
|
52
55
|
flexDirection: 'column',
|
|
53
|
-
flex: '1'
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}),
|
|
56
|
+
flex: '1'
|
|
57
|
+
}, !ownerState.showLabel && !ownerState.selected && {
|
|
58
|
+
paddingTop: 14
|
|
59
|
+
}, !ownerState.showLabel && !ownerState.selected && !ownerState.label && {
|
|
60
|
+
paddingTop: 0
|
|
61
|
+
}, {
|
|
60
62
|
[`&.${_bottomNavigationActionClasses.default.selected}`]: {
|
|
61
63
|
color: (theme.vars || theme).palette.primary.main
|
|
62
64
|
}
|
|
@@ -68,16 +70,16 @@ const BottomNavigationActionLabel = (0, _styled.default)('span', {
|
|
|
68
70
|
})(({
|
|
69
71
|
theme,
|
|
70
72
|
ownerState
|
|
71
|
-
}) => ({
|
|
73
|
+
}) => (0, _extends2.default)({
|
|
72
74
|
fontFamily: theme.typography.fontFamily,
|
|
73
75
|
fontSize: theme.typography.pxToRem(12),
|
|
74
76
|
opacity: 1,
|
|
75
77
|
transition: 'font-size 0.2s, opacity 0.2s',
|
|
76
|
-
transitionDelay: '0.1s'
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
78
|
+
transitionDelay: '0.1s'
|
|
79
|
+
}, !ownerState.showLabel && !ownerState.selected && {
|
|
80
|
+
opacity: 0,
|
|
81
|
+
transitionDelay: '0s'
|
|
82
|
+
}, {
|
|
81
83
|
[`&.${_bottomNavigationActionClasses.default.selected}`]: {
|
|
82
84
|
fontSize: theme.typography.pxToRem(14)
|
|
83
85
|
}
|
|
@@ -88,17 +90,17 @@ const BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavi
|
|
|
88
90
|
name: 'MuiBottomNavigationAction'
|
|
89
91
|
});
|
|
90
92
|
const {
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
93
|
+
className,
|
|
94
|
+
icon,
|
|
95
|
+
label,
|
|
96
|
+
onChange,
|
|
97
|
+
onClick
|
|
98
|
+
// eslint-disable-next-line react/prop-types -- private, always overridden by BottomNavigation
|
|
99
|
+
,
|
|
100
|
+
|
|
101
|
+
value
|
|
102
|
+
} = props,
|
|
103
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
102
104
|
const ownerState = props;
|
|
103
105
|
const classes = useUtilityClasses(ownerState);
|
|
104
106
|
const handleChange = event => {
|
|
@@ -109,19 +111,19 @@ const BottomNavigationAction = /*#__PURE__*/React.forwardRef(function BottomNavi
|
|
|
109
111
|
onClick(event);
|
|
110
112
|
}
|
|
111
113
|
};
|
|
112
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BottomNavigationActionRoot, {
|
|
114
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BottomNavigationActionRoot, (0, _extends2.default)({
|
|
113
115
|
ref: ref,
|
|
114
116
|
className: (0, _clsx.default)(classes.root, className),
|
|
115
117
|
focusRipple: true,
|
|
116
118
|
onClick: handleChange,
|
|
117
|
-
ownerState: ownerState
|
|
118
|
-
|
|
119
|
+
ownerState: ownerState
|
|
120
|
+
}, other, {
|
|
119
121
|
children: [icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(BottomNavigationActionLabel, {
|
|
120
122
|
className: classes.label,
|
|
121
123
|
ownerState: ownerState,
|
|
122
124
|
children: label
|
|
123
125
|
})]
|
|
124
|
-
});
|
|
126
|
+
}));
|
|
125
127
|
});
|
|
126
128
|
process.env.NODE_ENV !== "production" ? BottomNavigationAction.propTypes /* remove-proptypes */ = {
|
|
127
129
|
// ----------------------------- Warning --------------------------------
|
|
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
9
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
8
10
|
var React = _interopRequireWildcard(require("react"));
|
|
9
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
12
|
var _system = require("@mui/system");
|
|
@@ -12,37 +14,35 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
|
|
|
12
14
|
var _MoreHoriz = _interopRequireDefault(require("../internal/svg-icons/MoreHoriz"));
|
|
13
15
|
var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
|
|
14
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
+
const _excluded = ["slots", "slotProps"];
|
|
15
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
19
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
20
|
const BreadcrumbCollapsedButton = (0, _styled.default)(_ButtonBase.default)(({
|
|
18
21
|
theme
|
|
19
|
-
}) => ({
|
|
22
|
+
}) => (0, _extends2.default)({
|
|
20
23
|
display: 'flex',
|
|
21
24
|
marginLeft: `calc(${theme.spacing(1)} * 0.5)`,
|
|
22
|
-
marginRight: `calc(${theme.spacing(1)} * 0.5)
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
marginRight: `calc(${theme.spacing(1)} * 0.5)`
|
|
26
|
+
}, theme.palette.mode === 'light' ? {
|
|
27
|
+
backgroundColor: theme.palette.grey[100],
|
|
28
|
+
color: theme.palette.grey[700]
|
|
29
|
+
} : {
|
|
30
|
+
backgroundColor: theme.palette.grey[700],
|
|
31
|
+
color: theme.palette.grey[100]
|
|
32
|
+
}, {
|
|
33
|
+
borderRadius: 2,
|
|
34
|
+
'&:hover, &:focus': (0, _extends2.default)({}, theme.palette.mode === 'light' ? {
|
|
35
|
+
backgroundColor: theme.palette.grey[200]
|
|
26
36
|
} : {
|
|
27
|
-
backgroundColor: theme.palette.grey[
|
|
28
|
-
color: theme.palette.grey[100]
|
|
37
|
+
backgroundColor: theme.palette.grey[600]
|
|
29
38
|
}),
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
},
|
|
38
|
-
'&:active': {
|
|
39
|
-
boxShadow: theme.shadows[0],
|
|
40
|
-
...(theme.palette.mode === 'light' ? {
|
|
41
|
-
backgroundColor: (0, _system.emphasize)(theme.palette.grey[200], 0.12)
|
|
42
|
-
} : {
|
|
43
|
-
backgroundColor: (0, _system.emphasize)(theme.palette.grey[600], 0.12)
|
|
44
|
-
})
|
|
45
|
-
}
|
|
39
|
+
'&:active': (0, _extends2.default)({
|
|
40
|
+
boxShadow: theme.shadows[0]
|
|
41
|
+
}, theme.palette.mode === 'light' ? {
|
|
42
|
+
backgroundColor: (0, _system.emphasize)(theme.palette.grey[200], 0.12)
|
|
43
|
+
} : {
|
|
44
|
+
backgroundColor: (0, _system.emphasize)(theme.palette.grey[600], 0.12)
|
|
45
|
+
})
|
|
46
46
|
}));
|
|
47
47
|
const BreadcrumbCollapsedIcon = (0, _styled.default)(_MoreHoriz.default)({
|
|
48
48
|
width: 24,
|
|
@@ -54,22 +54,21 @@ const BreadcrumbCollapsedIcon = (0, _styled.default)(_MoreHoriz.default)({
|
|
|
54
54
|
*/
|
|
55
55
|
function BreadcrumbCollapsed(props) {
|
|
56
56
|
const {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
slots = {},
|
|
58
|
+
slotProps = {}
|
|
59
|
+
} = props,
|
|
60
|
+
otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
61
61
|
const ownerState = props;
|
|
62
62
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
63
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbCollapsedButton, {
|
|
64
|
-
focusRipple: true
|
|
65
|
-
|
|
63
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbCollapsedButton, (0, _extends2.default)({
|
|
64
|
+
focusRipple: true
|
|
65
|
+
}, otherProps, {
|
|
66
66
|
ownerState: ownerState,
|
|
67
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbCollapsedIcon, {
|
|
67
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbCollapsedIcon, (0, _extends2.default)({
|
|
68
68
|
as: slots.CollapsedIcon,
|
|
69
|
-
ownerState: ownerState
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
})
|
|
69
|
+
ownerState: ownerState
|
|
70
|
+
}, slotProps.collapsedIcon))
|
|
71
|
+
}))
|
|
73
72
|
});
|
|
74
73
|
}
|
|
75
74
|
process.env.NODE_ENV !== "production" ? BreadcrumbCollapsed.propTypes = {
|
|
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
8
10
|
var React = _interopRequireWildcard(require("react"));
|
|
9
11
|
var _reactIs = require("react-is");
|
|
10
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -17,6 +19,7 @@ var _Typography = _interopRequireDefault(require("../Typography"));
|
|
|
17
19
|
var _BreadcrumbCollapsed = _interopRequireDefault(require("./BreadcrumbCollapsed"));
|
|
18
20
|
var _breadcrumbsClasses = _interopRequireWildcard(require("./breadcrumbsClasses"));
|
|
19
21
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
22
|
+
const _excluded = ["children", "className", "component", "slots", "slotProps", "expandText", "itemsAfterCollapse", "itemsBeforeCollapse", "maxItems", "separator"];
|
|
20
23
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
24
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
22
25
|
const useUtilityClasses = ownerState => {
|
|
@@ -83,21 +86,20 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
|
|
|
83
86
|
name: 'MuiBreadcrumbs'
|
|
84
87
|
});
|
|
85
88
|
const {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
89
|
+
children,
|
|
90
|
+
className,
|
|
91
|
+
component = 'nav',
|
|
92
|
+
slots = {},
|
|
93
|
+
slotProps = {},
|
|
94
|
+
expandText = 'Show path',
|
|
95
|
+
itemsAfterCollapse = 1,
|
|
96
|
+
itemsBeforeCollapse = 1,
|
|
97
|
+
maxItems = 8,
|
|
98
|
+
separator = '/'
|
|
99
|
+
} = props,
|
|
100
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
98
101
|
const [expanded, setExpanded] = React.useState(false);
|
|
99
|
-
const ownerState = {
|
|
100
|
-
...props,
|
|
102
|
+
const ownerState = (0, _extends2.default)({}, props, {
|
|
101
103
|
component,
|
|
102
104
|
expanded,
|
|
103
105
|
expandText,
|
|
@@ -105,7 +107,7 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
|
|
|
105
107
|
itemsBeforeCollapse,
|
|
106
108
|
maxItems,
|
|
107
109
|
separator
|
|
108
|
-
};
|
|
110
|
+
});
|
|
109
111
|
const classes = useUtilityClasses(ownerState);
|
|
110
112
|
const collapsedIconSlotProps = (0, _base.useSlotProps)({
|
|
111
113
|
elementType: slots.CollapsedIcon,
|
|
@@ -157,20 +159,20 @@ const Breadcrumbs = /*#__PURE__*/React.forwardRef(function Breadcrumbs(inProps,
|
|
|
157
159
|
className: classes.li,
|
|
158
160
|
children: child
|
|
159
161
|
}, `child-${index}`));
|
|
160
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbsRoot, {
|
|
162
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbsRoot, (0, _extends2.default)({
|
|
161
163
|
ref: ref,
|
|
162
164
|
component: component,
|
|
163
165
|
color: "text.secondary",
|
|
164
166
|
className: (0, _clsx.default)(classes.root, className),
|
|
165
|
-
ownerState: ownerState
|
|
166
|
-
|
|
167
|
+
ownerState: ownerState
|
|
168
|
+
}, other, {
|
|
167
169
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BreadcrumbsOl, {
|
|
168
170
|
className: classes.ol,
|
|
169
171
|
ref: listRef,
|
|
170
172
|
ownerState: ownerState,
|
|
171
173
|
children: insertSeparators(expanded || maxItems && allItems.length <= maxItems ? allItems : renderItemsBeforeAndAfter(allItems), classes.separator, separator, ownerState)
|
|
172
174
|
})
|
|
173
|
-
});
|
|
175
|
+
}));
|
|
174
176
|
});
|
|
175
177
|
process.env.NODE_ENV !== "production" ? Breadcrumbs.propTypes /* remove-proptypes */ = {
|
|
176
178
|
// ----------------------------- Warning --------------------------------
|