@mui/material 5.10.13 → 5.10.15
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 +13 -53
- package/Accordion/AccordionContext.js +0 -6
- package/Accordion/accordionClasses.js +0 -5
- package/Accordion/index.js +0 -6
- package/AccordionActions/AccordionActions.js +5 -28
- package/AccordionActions/accordionActionsClasses.js +0 -5
- package/AccordionActions/index.js +0 -6
- package/AccordionDetails/AccordionDetails.js +4 -26
- package/AccordionDetails/accordionDetailsClasses.js +0 -5
- package/AccordionDetails/index.js +0 -6
- package/AccordionSummary/AccordionSummary.js +8 -38
- package/AccordionSummary/accordionSummaryClasses.js +0 -5
- package/AccordionSummary/index.js +0 -6
- package/Alert/Alert.js +20 -69
- package/Alert/alertClasses.js +0 -5
- package/Alert/index.js +0 -6
- package/AlertTitle/AlertTitle.js +4 -27
- package/AlertTitle/alertTitleClasses.js +0 -5
- package/AlertTitle/index.js +0 -6
- package/AppBar/AppBar.js +11 -40
- package/AppBar/appBarClasses.js +0 -5
- package/AppBar/index.js +0 -6
- package/Autocomplete/Autocomplete.js +61 -174
- package/Autocomplete/autocompleteClasses.js +0 -5
- package/Autocomplete/index.js +0 -5
- package/Avatar/Avatar.js +16 -59
- package/Avatar/avatarClasses.js +0 -5
- package/Avatar/index.js +0 -6
- package/AvatarGroup/AvatarGroup.js +13 -53
- package/AvatarGroup/avatarGroupClasses.js +0 -5
- package/AvatarGroup/index.js +0 -6
- package/Backdrop/Backdrop.js +15 -47
- package/Backdrop/backdropClasses.js +0 -5
- package/Backdrop/index.js +0 -6
- package/Badge/Badge.js +24 -72
- package/Badge/badgeClasses.js +2 -6
- package/Badge/index.js +0 -6
- package/BottomNavigation/BottomNavigation.js +9 -38
- package/BottomNavigation/bottomNavigationClasses.js +0 -5
- package/BottomNavigation/index.js +0 -6
- package/BottomNavigationAction/BottomNavigationAction.js +9 -42
- package/BottomNavigationAction/bottomNavigationActionClasses.js +0 -5
- package/BottomNavigationAction/index.js +0 -6
- package/Box/Box.js +1 -12
- package/Box/index.js +0 -2
- package/Breadcrumbs/BreadcrumbCollapsed.js +1 -14
- package/Breadcrumbs/Breadcrumbs.js +17 -57
- package/Breadcrumbs/breadcrumbsClasses.js +0 -5
- package/Breadcrumbs/index.js +0 -6
- package/Button/Button.js +22 -70
- package/Button/buttonClasses.js +0 -5
- package/Button/index.js +0 -6
- package/ButtonBase/ButtonBase.js +39 -126
- package/ButtonBase/Ripple.js +0 -19
- package/ButtonBase/TouchRipple.js +26 -48
- package/ButtonBase/buttonBaseClasses.js +0 -5
- package/ButtonBase/index.js +0 -8
- package/ButtonBase/touchRippleClasses.js +0 -5
- package/ButtonGroup/ButtonGroup.js +18 -60
- package/ButtonGroup/ButtonGroupContext.js +0 -6
- package/ButtonGroup/buttonGroupClasses.js +0 -5
- package/ButtonGroup/index.js +0 -6
- package/CHANGELOG.md +132 -2
- package/Card/Card.js +5 -31
- package/Card/cardClasses.js +0 -5
- package/Card/index.js +0 -6
- package/CardActionArea/CardActionArea.js +6 -30
- package/CardActionArea/cardActionAreaClasses.js +0 -5
- package/CardActionArea/index.js +0 -6
- package/CardActions/CardActions.js +5 -28
- package/CardActions/cardActionsClasses.js +0 -5
- package/CardActions/index.js +0 -6
- package/CardContent/CardContent.js +5 -28
- package/CardContent/cardContentClasses.js +0 -5
- package/CardContent/index.js +0 -6
- package/CardHeader/CardHeader.js +12 -47
- package/CardHeader/cardHeaderClasses.js +0 -5
- package/CardHeader/index.js +0 -6
- package/CardMedia/CardMedia.js +9 -37
- package/CardMedia/cardMediaClasses.js +0 -5
- package/CardMedia/index.js +0 -6
- package/Checkbox/Checkbox.js +13 -62
- package/Checkbox/checkboxClasses.js +0 -5
- package/Checkbox/index.js +0 -6
- package/Chip/Chip.js +22 -86
- package/Chip/chipClasses.js +0 -5
- package/Chip/index.js +0 -6
- package/CircularProgress/CircularProgress.js +14 -52
- package/CircularProgress/circularProgressClasses.js +0 -5
- package/CircularProgress/index.js +0 -6
- package/ClickAwayListener/index.js +0 -4
- package/Collapse/Collapse.js +24 -83
- package/Collapse/collapseClasses.js +0 -5
- package/Collapse/index.js +0 -6
- package/Container/Container.js +3 -20
- package/Container/containerClasses.js +0 -5
- package/Container/index.js +0 -6
- package/CssBaseline/CssBaseline.js +2 -29
- package/CssBaseline/index.js +0 -2
- package/Dialog/Dialog.js +24 -81
- package/Dialog/DialogContext.js +0 -4
- package/Dialog/dialogClasses.js +0 -5
- package/Dialog/index.js +0 -6
- package/DialogActions/DialogActions.js +5 -28
- package/DialogActions/dialogActionsClasses.js +0 -5
- package/DialogActions/index.js +0 -6
- package/DialogContent/DialogContent.js +5 -29
- package/DialogContent/dialogContentClasses.js +0 -5
- package/DialogContent/index.js +0 -6
- package/DialogContentText/DialogContentText.js +4 -27
- package/DialogContentText/dialogContentTextClasses.js +0 -5
- package/DialogContentText/index.js +0 -6
- package/DialogTitle/DialogTitle.js +5 -30
- package/DialogTitle/dialogTitleClasses.js +0 -5
- package/DialogTitle/index.js +0 -6
- package/Divider/Divider.js +15 -50
- package/Divider/dividerClasses.js +0 -5
- package/Divider/index.js +0 -6
- package/Drawer/Drawer.js +27 -72
- package/Drawer/drawerClasses.js +0 -5
- package/Drawer/index.js +0 -6
- package/Fab/Fab.js +15 -55
- package/Fab/fabClasses.js +0 -5
- package/Fab/index.js +0 -6
- package/Fade/Fade.js +21 -56
- package/Fade/index.js +0 -2
- package/FilledInput/FilledInput.js +16 -73
- package/FilledInput/filledInputClasses.js +0 -7
- package/FilledInput/index.js +0 -6
- package/FormControl/FormControl.js +19 -73
- package/FormControl/FormControlContext.js +0 -6
- package/FormControl/formControlClasses.js +0 -5
- package/FormControl/formControlState.js +0 -3
- package/FormControl/index.js +0 -7
- package/FormControl/useFormControl.js +0 -6
- package/FormControlLabel/FormControlLabel.js +12 -56
- package/FormControlLabel/formControlLabelClasses.js +0 -5
- package/FormControlLabel/index.js +0 -6
- package/FormGroup/FormGroup.js +6 -31
- package/FormGroup/formGroupClasses.js +0 -5
- package/FormGroup/index.js +0 -6
- package/FormHelperText/FormHelperText.js +7 -43
- package/FormHelperText/formHelperTextClasses.js +0 -5
- package/FormHelperText/index.js +0 -6
- package/FormLabel/FormLabel.js +7 -41
- package/FormLabel/formLabelClasses.js +0 -5
- package/FormLabel/index.js +0 -6
- package/GlobalStyles/GlobalStyles.js +1 -15
- package/GlobalStyles/index.js +0 -2
- package/Grid/Grid.js +41 -127
- package/Grid/GridContext.js +0 -6
- package/Grid/gridClasses.js +8 -9
- package/Grid/index.js +0 -6
- package/Grow/Grow.js +22 -63
- package/Grow/index.js +0 -2
- package/Hidden/Hidden.js +14 -45
- package/Hidden/HiddenCss.js +6 -46
- package/Hidden/HiddenJs.js +4 -33
- package/Hidden/hiddenCssClasses.js +0 -5
- package/Hidden/index.js +0 -2
- package/Hidden/withWidth.js +17 -45
- package/Icon/Icon.js +12 -42
- package/Icon/iconClasses.js +0 -5
- package/Icon/index.js +0 -6
- package/IconButton/IconButton.js +41 -74
- package/IconButton/iconButtonClasses.js +0 -5
- package/IconButton/index.js +0 -6
- package/ImageList/ImageList.js +13 -47
- package/ImageList/ImageListContext.js +0 -6
- package/ImageList/imageListClasses.js +0 -5
- package/ImageList/index.js +0 -6
- package/ImageListItem/ImageListItem.js +11 -45
- package/ImageListItem/imageListItemClasses.js +0 -5
- package/ImageListItem/index.js +0 -6
- package/ImageListItemBar/ImageListItemBar.js +9 -37
- package/ImageListItemBar/imageListItemBarClasses.js +0 -5
- package/ImageListItemBar/index.js +0 -6
- package/Input/Input.js +16 -73
- package/Input/index.js +0 -6
- package/Input/inputClasses.js +0 -7
- package/InputAdornment/InputAdornment.js +11 -49
- package/InputAdornment/index.js +0 -6
- package/InputAdornment/inputAdornmentClasses.js +0 -5
- package/InputBase/InputBase.js +52 -151
- package/InputBase/index.js +0 -6
- package/InputBase/inputBaseClasses.js +0 -5
- package/InputBase/utils.js +6 -7
- package/InputLabel/InputLabel.js +7 -46
- package/InputLabel/index.js +0 -6
- package/InputLabel/inputLabelClasses.js +0 -5
- package/LinearProgress/LinearProgress.js +10 -52
- package/LinearProgress/index.js +0 -6
- package/LinearProgress/linearProgressClasses.js +0 -5
- package/Link/Link.js +15 -61
- package/Link/getTextDecoration.js +0 -7
- package/Link/index.js +0 -6
- package/Link/linkClasses.js +0 -5
- package/List/List.js +9 -36
- package/List/ListContext.js +0 -6
- package/List/index.js +0 -6
- package/List/listClasses.js +0 -5
- package/ListItem/ListItem.js +38 -92
- package/ListItem/index.js +0 -6
- package/ListItem/listItemClasses.js +0 -5
- package/ListItemAvatar/ListItemAvatar.js +5 -28
- package/ListItemAvatar/index.js +0 -6
- package/ListItemAvatar/listItemAvatarClasses.js +0 -5
- package/ListItemButton/ListItemButton.js +13 -52
- package/ListItemButton/index.js +0 -6
- package/ListItemButton/listItemButtonClasses.js +0 -5
- package/ListItemIcon/ListItemIcon.js +5 -28
- package/ListItemIcon/index.js +0 -6
- package/ListItemIcon/listItemIconClasses.js +0 -5
- package/ListItemSecondaryAction/ListItemSecondaryAction.js +5 -28
- package/ListItemSecondaryAction/index.js +0 -6
- package/ListItemSecondaryAction/listItemSecondaryActionClasses.js +0 -5
- package/ListItemText/ListItemText.js +11 -44
- package/ListItemText/index.js +0 -6
- package/ListItemText/listItemTextClasses.js +0 -5
- package/ListSubheader/ListSubheader.js +9 -37
- package/ListSubheader/index.js +0 -6
- package/ListSubheader/listSubheaderClasses.js +0 -5
- package/Menu/Menu.js +22 -70
- package/Menu/index.js +0 -6
- package/Menu/menuClasses.js +0 -5
- package/MenuItem/MenuItem.js +13 -59
- package/MenuItem/index.js +0 -6
- package/MenuItem/menuItemClasses.js +0 -5
- package/MenuList/MenuList.js +20 -80
- package/MenuList/index.js +0 -2
- package/MobileStepper/MobileStepper.js +11 -43
- package/MobileStepper/index.js +0 -6
- package/MobileStepper/mobileStepperClasses.js +0 -5
- package/Modal/Modal.js +24 -70
- package/Modal/index.js +0 -6
- package/NativeSelect/NativeSelect.js +10 -43
- package/NativeSelect/NativeSelectInput.js +10 -41
- package/NativeSelect/index.js +0 -6
- package/NativeSelect/nativeSelectClasses.js +0 -5
- package/NoSsr/index.js +0 -2
- package/OutlinedInput/NotchedOutline.js +6 -24
- package/OutlinedInput/OutlinedInput.js +12 -68
- package/OutlinedInput/index.js +0 -6
- package/OutlinedInput/outlinedInputClasses.js +0 -7
- package/Pagination/Pagination.js +25 -73
- package/Pagination/index.js +0 -6
- package/Pagination/paginationClasses.js +0 -5
- package/PaginationItem/PaginationItem.js +18 -66
- package/PaginationItem/index.js +0 -6
- package/PaginationItem/paginationItemClasses.js +0 -5
- package/Paper/Paper.js +12 -63
- package/Paper/index.js +0 -6
- package/Paper/paperClasses.js +0 -5
- package/Popover/Popover.js +55 -126
- package/Popover/index.js +0 -6
- package/Popover/popoverClasses.js +0 -5
- package/Popper/Popper.js +16 -60
- package/Popper/index.js +0 -2
- package/Portal/index.js +0 -2
- package/README.md +4 -3
- package/Radio/Radio.js +15 -67
- package/Radio/RadioButtonIcon.js +1 -15
- package/Radio/index.js +0 -6
- package/Radio/radioClasses.js +0 -5
- package/RadioGroup/RadioGroup.js +11 -38
- package/RadioGroup/RadioGroupContext.js +0 -6
- package/RadioGroup/index.js +0 -3
- package/RadioGroup/useRadioGroup.js +0 -6
- package/Rating/Rating.js +27 -114
- package/Rating/index.js +0 -6
- package/Rating/ratingClasses.js +0 -5
- package/ScopedCssBaseline/ScopedCssBaseline.js +5 -33
- package/ScopedCssBaseline/index.js +0 -6
- package/ScopedCssBaseline/scopedCssBaselineClasses.js +0 -5
- package/Select/Select.js +24 -76
- package/Select/SelectInput.js +55 -154
- package/Select/index.js +0 -6
- package/Select/selectClasses.js +0 -5
- package/Skeleton/Skeleton.js +11 -43
- package/Skeleton/index.js +0 -6
- package/Skeleton/skeletonClasses.js +0 -5
- package/Slide/Slide.js +23 -83
- package/Slide/index.js +0 -2
- package/Slider/Slider.js +24 -107
- package/Slider/index.js +0 -4
- package/Snackbar/Snackbar.js +44 -107
- package/Snackbar/index.js +0 -6
- package/Snackbar/snackbarClasses.js +0 -5
- package/SnackbarContent/SnackbarContent.js +8 -36
- package/SnackbarContent/index.js +0 -6
- package/SnackbarContent/snackbarContentClasses.js +0 -5
- package/SpeedDial/SpeedDial.js +44 -120
- package/SpeedDial/index.js +0 -6
- package/SpeedDial/speedDialClasses.js +0 -5
- package/SpeedDialAction/SpeedDialAction.js +13 -53
- package/SpeedDialAction/index.js +0 -6
- package/SpeedDialAction/speedDialActionClasses.js +0 -5
- package/SpeedDialIcon/SpeedDialIcon.js +6 -34
- package/SpeedDialIcon/index.js +0 -6
- package/SpeedDialIcon/speedDialIconClasses.js +0 -5
- package/Stack/Stack.js +8 -42
- package/Stack/index.js +0 -2
- package/Step/Step.js +12 -46
- package/Step/StepContext.js +1 -8
- package/Step/index.js +0 -8
- package/Step/stepClasses.js +0 -5
- package/StepButton/StepButton.js +7 -36
- package/StepButton/index.js +0 -6
- package/StepButton/stepButtonClasses.js +0 -5
- package/StepConnector/StepConnector.js +4 -29
- package/StepConnector/index.js +0 -6
- package/StepConnector/stepConnectorClasses.js +0 -5
- package/StepContent/StepContent.js +8 -40
- package/StepContent/index.js +0 -6
- package/StepContent/stepContentClasses.js +0 -5
- package/StepIcon/StepIcon.js +8 -42
- package/StepIcon/index.js +0 -6
- package/StepIcon/stepIconClasses.js +0 -5
- package/StepLabel/StepLabel.js +12 -47
- package/StepLabel/index.js +0 -6
- package/StepLabel/stepLabelClasses.js +0 -5
- package/Stepper/Stepper.js +11 -42
- package/Stepper/StepperContext.js +1 -8
- package/Stepper/index.js +0 -8
- package/Stepper/stepperClasses.js +0 -5
- package/StyledEngineProvider/index.js +0 -1
- package/SvgIcon/SvgIcon.js +14 -52
- package/SvgIcon/index.js +0 -6
- package/SvgIcon/svgIconClasses.js +0 -5
- package/SwipeableDrawer/SwipeArea.js +8 -26
- package/SwipeableDrawer/SwipeableDrawer.js +61 -146
- package/SwipeableDrawer/index.js +0 -2
- package/Switch/Switch.js +10 -54
- package/Switch/index.js +0 -6
- package/Switch/switchClasses.js +0 -5
- package/Tab/Tab.js +24 -65
- package/Tab/index.js +0 -6
- package/Tab/tabClasses.js +0 -5
- package/TabScrollButton/TabScrollButton.js +5 -35
- package/TabScrollButton/index.js +0 -6
- package/TabScrollButton/tabScrollButtonClasses.js +0 -5
- package/Table/Table.js +9 -38
- package/Table/TableContext.js +0 -6
- package/Table/Tablelvl2Context.js +0 -6
- package/Table/index.js +0 -6
- package/Table/tableClasses.js +0 -5
- package/TableBody/TableBody.js +5 -29
- package/TableBody/index.js +0 -6
- package/TableBody/tableBodyClasses.js +0 -5
- package/TableCell/TableCell.js +14 -57
- package/TableCell/index.js +0 -6
- package/TableCell/tableCellClasses.js +0 -5
- package/TableContainer/TableContainer.js +5 -28
- package/TableContainer/index.js +0 -6
- package/TableContainer/tableContainerClasses.js +0 -5
- package/TableFooter/TableFooter.js +5 -29
- package/TableFooter/index.js +0 -6
- package/TableFooter/tableFooterClasses.js +0 -5
- package/TableHead/TableHead.js +5 -29
- package/TableHead/index.js +0 -6
- package/TableHead/tableHeadClasses.js +0 -5
- package/TablePagination/TablePagination.js +23 -81
- package/TablePagination/TablePaginationActions.js +11 -41
- package/TablePagination/index.js +0 -6
- package/TablePagination/tablePaginationClasses.js +0 -5
- package/TableRow/TableRow.js +7 -35
- package/TableRow/index.js +0 -6
- package/TableRow/tableRowClasses.js +0 -5
- package/TableSortLabel/TableSortLabel.js +10 -39
- package/TableSortLabel/index.js +0 -6
- package/TableSortLabel/tableSortLabelClasses.js +0 -5
- package/Tabs/ScrollbarSize.js +4 -20
- package/Tabs/Tabs.js +42 -157
- package/Tabs/index.js +0 -6
- package/Tabs/tabsClasses.js +0 -5
- package/TextField/TextField.js +39 -115
- package/TextField/index.js +0 -6
- package/TextField/textFieldClasses.js +0 -5
- package/TextareaAutosize/index.js +0 -2
- package/ToggleButton/ToggleButton.js +17 -64
- package/ToggleButton/index.js +0 -6
- package/ToggleButton/toggleButtonClasses.js +0 -5
- package/ToggleButtonGroup/ToggleButtonGroup.js +15 -61
- package/ToggleButtonGroup/index.js +0 -6
- package/ToggleButtonGroup/isValueSelected.js +0 -3
- package/ToggleButtonGroup/toggleButtonGroupClasses.js +0 -5
- package/Toolbar/Toolbar.js +8 -35
- package/Toolbar/index.js +0 -6
- package/Toolbar/toolbarClasses.js +0 -5
- package/Tooltip/Tooltip.js +50 -159
- package/Tooltip/index.js +0 -6
- package/Tooltip/tooltipClasses.js +0 -5
- package/Typography/Typography.js +15 -51
- package/Typography/index.js +0 -6
- package/Typography/typographyClasses.js +0 -5
- package/Unstable_Grid2/Grid2.js +1 -10
- package/Unstable_Grid2/grid2Classes.js +8 -9
- package/Unstable_Grid2/index.js +0 -8
- package/Unstable_TrapFocus/index.js +0 -2
- package/Zoom/Zoom.js +21 -56
- package/Zoom/index.js +0 -2
- package/className/index.js +0 -1
- package/colors/index.js +0 -21
- package/darkScrollbar/index.js +0 -1
- package/esm/Accordion/Accordion.js +13 -37
- package/esm/Accordion/AccordionContext.js +1 -3
- package/esm/AccordionActions/AccordionActions.js +5 -17
- package/esm/AccordionDetails/AccordionDetails.js +4 -14
- package/esm/AccordionSummary/AccordionSummary.js +8 -25
- package/esm/Alert/Alert.js +20 -49
- package/esm/AlertTitle/AlertTitle.js +4 -14
- package/esm/AppBar/AppBar.js +11 -27
- package/esm/Autocomplete/Autocomplete.js +61 -149
- package/esm/Avatar/Avatar.js +16 -48
- package/esm/AvatarGroup/AvatarGroup.js +13 -39
- package/esm/Backdrop/Backdrop.js +15 -35
- package/esm/Badge/Badge.js +24 -57
- package/esm/Badge/badgeClasses.js +2 -1
- package/esm/BottomNavigation/BottomNavigation.js +9 -26
- package/esm/BottomNavigationAction/BottomNavigationAction.js +9 -28
- package/esm/Box/Box.js +1 -6
- package/esm/Breadcrumbs/BreadcrumbCollapsed.js +1 -2
- package/esm/Breadcrumbs/Breadcrumbs.js +17 -43
- package/esm/Button/Button.js +22 -57
- package/esm/ButtonBase/ButtonBase.js +39 -110
- package/esm/ButtonBase/Ripple.js +1 -13
- package/esm/ButtonBase/TouchRipple.js +30 -39
- package/esm/ButtonGroup/ButtonGroup.js +18 -46
- package/esm/ButtonGroup/ButtonGroupContext.js +0 -3
- package/esm/Card/Card.js +5 -18
- package/esm/CardActionArea/CardActionArea.js +6 -17
- package/esm/CardActions/CardActions.js +5 -17
- package/esm/CardContent/CardContent.js +5 -17
- package/esm/CardHeader/CardHeader.js +12 -35
- package/esm/CardMedia/CardMedia.js +9 -26
- package/esm/Checkbox/Checkbox.js +13 -49
- package/esm/Chip/Chip.js +22 -70
- package/esm/CircularProgress/CircularProgress.js +18 -43
- package/esm/Collapse/Collapse.js +24 -66
- package/esm/Container/Container.js +2 -13
- package/esm/CssBaseline/CssBaseline.js +2 -14
- package/esm/Dialog/Dialog.js +24 -61
- package/esm/Dialog/DialogContext.js +0 -2
- package/esm/DialogActions/DialogActions.js +5 -17
- package/esm/DialogContent/DialogContent.js +5 -17
- package/esm/DialogContentText/DialogContentText.js +4 -14
- package/esm/DialogTitle/DialogTitle.js +5 -16
- package/esm/Divider/Divider.js +15 -38
- package/esm/Drawer/Drawer.js +27 -54
- package/esm/Fab/Fab.js +15 -42
- package/esm/Fade/Fade.js +21 -43
- package/esm/FilledInput/FilledInput.js +16 -60
- package/esm/FilledInput/filledInputClasses.js +0 -2
- package/esm/FormControl/FormControl.js +19 -58
- package/esm/FormControl/FormControlContext.js +1 -3
- package/esm/FormControl/formControlState.js +0 -2
- package/esm/FormControlLabel/FormControlLabel.js +12 -41
- package/esm/FormGroup/FormGroup.js +6 -19
- package/esm/FormHelperText/FormHelperText.js +7 -31
- package/esm/FormLabel/FormLabel.js +7 -28
- package/esm/GlobalStyles/GlobalStyles.js +1 -6
- package/esm/Grid/Grid.js +41 -109
- package/esm/Grid/GridContext.js +1 -3
- package/esm/Grid/gridClasses.js +8 -4
- package/esm/Grow/Grow.js +22 -50
- package/esm/Hidden/Hidden.js +15 -35
- package/esm/Hidden/HiddenCss.js +6 -33
- package/esm/Hidden/HiddenJs.js +5 -24
- package/esm/Hidden/withWidth.js +17 -29
- package/esm/Icon/Icon.js +12 -30
- package/esm/IconButton/IconButton.js +41 -59
- package/esm/ImageList/ImageList.js +13 -35
- package/esm/ImageList/ImageListContext.js +1 -3
- package/esm/ImageListItem/ImageListItem.js +11 -29
- package/esm/ImageListItemBar/ImageListItemBar.js +9 -25
- package/esm/Input/Input.js +16 -59
- package/esm/Input/inputClasses.js +0 -2
- package/esm/InputAdornment/InputAdornment.js +11 -35
- package/esm/InputBase/InputBase.js +52 -132
- package/esm/InputBase/utils.js +6 -4
- package/esm/InputLabel/InputLabel.js +7 -33
- package/esm/LinearProgress/LinearProgress.js +16 -45
- package/esm/Link/Link.js +15 -44
- package/esm/Link/getTextDecoration.js +0 -5
- package/esm/List/List.js +9 -25
- package/esm/List/ListContext.js +1 -3
- package/esm/ListItem/ListItem.js +38 -73
- package/esm/ListItemAvatar/ListItemAvatar.js +5 -17
- package/esm/ListItemButton/ListItemButton.js +13 -35
- package/esm/ListItemIcon/ListItemIcon.js +5 -17
- package/esm/ListItemSecondaryAction/ListItemSecondaryAction.js +5 -17
- package/esm/ListItemText/ListItemText.js +11 -32
- package/esm/ListSubheader/ListSubheader.js +9 -25
- package/esm/Menu/Menu.js +22 -53
- package/esm/MenuItem/MenuItem.js +13 -39
- package/esm/MenuList/MenuList.js +20 -66
- package/esm/MobileStepper/MobileStepper.js +11 -28
- package/esm/Modal/Modal.js +24 -58
- package/esm/NativeSelect/NativeSelect.js +10 -32
- package/esm/NativeSelect/NativeSelectInput.js +10 -25
- package/esm/OutlinedInput/NotchedOutline.js +6 -16
- package/esm/OutlinedInput/OutlinedInput.js +12 -54
- package/esm/OutlinedInput/outlinedInputClasses.js +0 -2
- package/esm/Pagination/Pagination.js +25 -60
- package/esm/PaginationItem/PaginationItem.js +18 -47
- package/esm/Paper/Paper.js +11 -45
- package/esm/Popover/Popover.js +54 -105
- package/esm/Popper/Popper.js +16 -46
- package/esm/Radio/Radio.js +15 -51
- package/esm/Radio/RadioButtonIcon.js +1 -6
- package/esm/RadioGroup/RadioGroup.js +11 -24
- package/esm/RadioGroup/RadioGroupContext.js +0 -3
- package/esm/Rating/Rating.js +27 -103
- package/esm/ScopedCssBaseline/ScopedCssBaseline.js +5 -21
- package/esm/Select/Select.js +24 -59
- package/esm/Select/SelectInput.js +55 -135
- package/esm/Skeleton/Skeleton.js +15 -36
- package/esm/Slide/Slide.js +26 -70
- package/esm/Slider/Slider.js +24 -91
- package/esm/Snackbar/Snackbar.js +44 -90
- package/esm/SnackbarContent/SnackbarContent.js +8 -22
- package/esm/SpeedDial/SpeedDial.js +44 -103
- package/esm/SpeedDialAction/SpeedDialAction.js +13 -39
- package/esm/SpeedDialIcon/SpeedDialIcon.js +6 -21
- package/esm/Stack/Stack.js +9 -31
- package/esm/Step/Step.js +12 -35
- package/esm/Step/StepContext.js +1 -4
- package/esm/StepButton/StepButton.js +7 -21
- package/esm/StepConnector/StepConnector.js +4 -16
- package/esm/StepContent/StepContent.js +8 -27
- package/esm/StepIcon/StepIcon.js +8 -29
- package/esm/StepLabel/StepLabel.js +12 -33
- package/esm/Stepper/Stepper.js +11 -30
- package/esm/Stepper/StepperContext.js +1 -4
- package/esm/SvgIcon/SvgIcon.js +14 -40
- package/esm/SwipeableDrawer/SwipeArea.js +8 -13
- package/esm/SwipeableDrawer/SwipeableDrawer.js +64 -128
- package/esm/Switch/Switch.js +10 -41
- package/esm/Tab/Tab.js +24 -51
- package/esm/TabScrollButton/TabScrollButton.js +5 -23
- package/esm/Table/Table.js +9 -26
- package/esm/Table/TableContext.js +1 -3
- package/esm/Table/Tablelvl2Context.js +1 -3
- package/esm/TableBody/TableBody.js +5 -17
- package/esm/TableCell/TableCell.js +14 -43
- package/esm/TableContainer/TableContainer.js +5 -17
- package/esm/TableFooter/TableFooter.js +5 -17
- package/esm/TableHead/TableHead.js +5 -17
- package/esm/TablePagination/TablePagination.js +23 -61
- package/esm/TablePagination/TablePaginationActions.js +12 -28
- package/esm/TableRow/TableRow.js +7 -23
- package/esm/TableSortLabel/TableSortLabel.js +10 -25
- package/esm/Tabs/ScrollbarSize.js +4 -8
- package/esm/Tabs/Tabs.js +42 -138
- package/esm/TextField/TextField.js +39 -97
- package/esm/ToggleButton/ToggleButton.js +17 -50
- package/esm/ToggleButtonGroup/ToggleButtonGroup.js +15 -47
- package/esm/ToggleButtonGroup/isValueSelected.js +0 -2
- package/esm/Toolbar/Toolbar.js +8 -24
- package/esm/Tooltip/Tooltip.js +50 -137
- package/esm/Typography/Typography.js +15 -38
- package/esm/Unstable_Grid2/Grid2.js +1 -5
- package/esm/Unstable_Grid2/grid2Classes.js +8 -4
- package/esm/Zoom/Zoom.js +21 -43
- package/esm/index.js +2 -1
- package/esm/internal/SwitchBase.js +27 -63
- package/esm/internal/animate.js +0 -10
- package/esm/internal/svg-icons/Add.js +1 -1
- package/esm/internal/svg-icons/ArrowDownward.js +1 -1
- package/esm/internal/svg-icons/ArrowDropDown.js +1 -1
- package/esm/internal/svg-icons/Cancel.js +1 -1
- package/esm/internal/svg-icons/CheckBox.js +1 -1
- package/esm/internal/svg-icons/CheckBoxOutlineBlank.js +1 -1
- package/esm/internal/svg-icons/CheckCircle.js +1 -1
- package/esm/internal/svg-icons/Close.js +1 -1
- package/esm/internal/svg-icons/ErrorOutline.js +1 -1
- package/esm/internal/svg-icons/FirstPage.js +1 -1
- package/esm/internal/svg-icons/IndeterminateCheckBox.js +1 -1
- package/esm/internal/svg-icons/InfoOutlined.js +1 -1
- package/esm/internal/svg-icons/KeyboardArrowLeft.js +1 -1
- package/esm/internal/svg-icons/KeyboardArrowRight.js +1 -1
- package/esm/internal/svg-icons/LastPage.js +1 -1
- package/esm/internal/svg-icons/MoreHoriz.js +1 -1
- package/esm/internal/svg-icons/NavigateBefore.js +1 -1
- package/esm/internal/svg-icons/NavigateNext.js +1 -1
- package/esm/internal/svg-icons/Person.js +1 -1
- package/esm/internal/svg-icons/RadioButtonChecked.js +1 -1
- package/esm/internal/svg-icons/RadioButtonUnchecked.js +1 -1
- package/esm/internal/svg-icons/ReportProblemOutlined.js +1 -1
- package/esm/internal/svg-icons/Star.js +1 -1
- package/esm/internal/svg-icons/StarBorder.js +1 -1
- package/esm/internal/svg-icons/SuccessOutlined.js +1 -1
- package/esm/internal/svg-icons/Warning.js +1 -1
- package/esm/locale/index.js +290 -510
- package/esm/styles/CssVarsProvider.js +0 -4
- package/esm/styles/adaptV4Theme.js +21 -22
- package/esm/styles/createPalette.js +8 -36
- package/esm/styles/createStyles.js +2 -2
- package/esm/styles/createTheme.js +10 -21
- package/esm/styles/createTransitions.js +12 -25
- package/esm/styles/createTypography.js +18 -27
- package/esm/styles/cssUtils.js +18 -18
- package/esm/styles/excludeVariablesFromRoot.js +0 -1
- package/esm/styles/experimental_extendTheme.js +23 -38
- package/esm/styles/getOverlayAlpha.js +11 -0
- package/esm/styles/index.js +8 -3
- package/esm/styles/responsiveFontSizes.js +3 -11
- package/esm/styles/shadows.js +2 -3
- package/esm/styles/useTheme.js +0 -2
- package/esm/transitions/utils.js +0 -1
- package/esm/useMediaQuery/useMediaQuery.js +12 -23
- package/esm/useMediaQuery/useMediaQueryTheme.js +2 -1
- package/esm/usePagination/usePagination.js +41 -38
- package/esm/useScrollTrigger/useScrollTrigger.js +6 -13
- package/esm/useTouchRipple/useTouchRipple.js +0 -9
- package/esm/utils/createSvgIcon.js +1 -3
- package/esm/utils/index.js +2 -2
- package/esm/utils/shouldSpreadAdditionalProps.js +0 -2
- package/generateUtilityClass/index.js +0 -1
- package/generateUtilityClasses/index.js +0 -1
- package/index.js +1 -282
- package/internal/SwitchBase.js +27 -78
- package/internal/animate.js +0 -11
- package/internal/svg-icons/Add.js +0 -7
- package/internal/svg-icons/ArrowDownward.js +0 -8
- package/internal/svg-icons/ArrowDropDown.js +0 -8
- package/internal/svg-icons/Cancel.js +0 -8
- package/internal/svg-icons/CheckBox.js +0 -8
- package/internal/svg-icons/CheckBoxOutlineBlank.js +0 -8
- package/internal/svg-icons/CheckCircle.js +0 -8
- package/internal/svg-icons/Close.js +0 -8
- package/internal/svg-icons/ErrorOutline.js +0 -8
- package/internal/svg-icons/FirstPage.js +0 -8
- package/internal/svg-icons/IndeterminateCheckBox.js +0 -8
- package/internal/svg-icons/InfoOutlined.js +0 -8
- package/internal/svg-icons/KeyboardArrowLeft.js +0 -8
- package/internal/svg-icons/KeyboardArrowRight.js +0 -8
- package/internal/svg-icons/LastPage.js +0 -8
- package/internal/svg-icons/MoreHoriz.js +0 -8
- package/internal/svg-icons/NavigateBefore.js +0 -8
- package/internal/svg-icons/NavigateNext.js +0 -8
- package/internal/svg-icons/Person.js +0 -8
- package/internal/svg-icons/RadioButtonChecked.js +0 -8
- package/internal/svg-icons/RadioButtonUnchecked.js +0 -8
- package/internal/svg-icons/ReportProblemOutlined.js +0 -8
- package/internal/svg-icons/Star.js +0 -8
- package/internal/svg-icons/StarBorder.js +0 -8
- package/internal/svg-icons/SuccessOutlined.js +0 -8
- package/internal/svg-icons/Warning.js +0 -8
- package/internal/switchBaseClasses.js +0 -5
- package/legacy/Accordion/Accordion.js +32 -60
- package/legacy/Accordion/AccordionContext.js +1 -3
- package/legacy/AccordionActions/AccordionActions.js +5 -17
- package/legacy/AccordionDetails/AccordionDetails.js +2 -12
- package/legacy/AccordionSummary/AccordionSummary.js +16 -34
- package/legacy/Alert/Alert.js +31 -60
- package/legacy/AlertTitle/AlertTitle.js +2 -12
- package/legacy/AppBar/AppBar.js +15 -31
- package/legacy/Autocomplete/Autocomplete.js +148 -239
- package/legacy/Avatar/Avatar.js +24 -58
- package/legacy/AvatarGroup/AvatarGroup.js +17 -44
- package/legacy/Backdrop/Backdrop.js +20 -40
- package/legacy/Badge/Badge.js +46 -79
- package/legacy/Badge/badgeClasses.js +2 -1
- package/legacy/BottomNavigation/BottomNavigation.js +9 -26
- package/legacy/BottomNavigationAction/BottomNavigationAction.js +13 -32
- package/legacy/Box/Box.js +1 -6
- package/legacy/Breadcrumbs/BreadcrumbCollapsed.js +1 -2
- package/legacy/Breadcrumbs/Breadcrumbs.js +23 -49
- package/legacy/Button/Button.js +34 -70
- package/legacy/ButtonBase/ButtonBase.js +56 -134
- package/legacy/ButtonBase/Ripple.js +12 -26
- package/legacy/ButtonBase/TouchRipple.js +39 -49
- package/legacy/ButtonGroup/ButtonGroup.js +33 -61
- package/legacy/ButtonGroup/ButtonGroupContext.js +0 -3
- package/legacy/Card/Card.js +4 -17
- package/legacy/CardActionArea/CardActionArea.js +4 -16
- package/legacy/CardActions/CardActions.js +5 -17
- package/legacy/CardContent/CardContent.js +4 -16
- package/legacy/CardHeader/CardHeader.js +12 -36
- package/legacy/CardMedia/CardMedia.js +11 -28
- package/legacy/Checkbox/Checkbox.js +20 -57
- package/legacy/Chip/Chip.js +39 -90
- package/legacy/CircularProgress/CircularProgress.js +23 -48
- package/legacy/Collapse/Collapse.js +43 -86
- package/legacy/Container/Container.js +2 -13
- package/legacy/CssBaseline/CssBaseline.js +6 -22
- package/legacy/Dialog/Dialog.js +36 -73
- package/legacy/Dialog/DialogContext.js +0 -2
- package/legacy/DialogActions/DialogActions.js +5 -17
- package/legacy/DialogContent/DialogContent.js +6 -18
- package/legacy/DialogContentText/DialogContentText.js +3 -13
- package/legacy/DialogTitle/DialogTitle.js +5 -18
- package/legacy/Divider/Divider.js +32 -55
- package/legacy/Drawer/Drawer.js +30 -59
- package/legacy/Fab/Fab.js +24 -51
- package/legacy/Fade/Fade.js +21 -43
- package/legacy/FilledInput/FilledInput.js +21 -68
- package/legacy/FilledInput/filledInputClasses.js +0 -2
- package/legacy/FormControl/FormControl.js +66 -108
- package/legacy/FormControl/FormControlContext.js +1 -3
- package/legacy/FormControl/formControlState.js +2 -4
- package/legacy/FormControlLabel/FormControlLabel.js +22 -51
- package/legacy/FormGroup/FormGroup.js +7 -20
- package/legacy/FormHelperText/FormHelperText.js +21 -46
- package/legacy/FormLabel/FormLabel.js +19 -41
- package/legacy/GlobalStyles/GlobalStyles.js +1 -6
- package/legacy/Grid/Grid.js +68 -139
- package/legacy/Grid/GridContext.js +1 -3
- package/legacy/Grow/Grow.js +40 -71
- package/legacy/Hidden/Hidden.js +24 -44
- package/legacy/Hidden/HiddenCss.js +8 -36
- package/legacy/Hidden/HiddenJs.js +7 -26
- package/legacy/Hidden/withWidth.js +21 -36
- package/legacy/Icon/Icon.js +17 -35
- package/legacy/IconButton/IconButton.js +29 -49
- package/legacy/ImageList/ImageList.js +17 -39
- package/legacy/ImageList/ImageListContext.js +1 -3
- package/legacy/ImageListItem/ImageListItem.js +17 -36
- package/legacy/ImageListItemBar/ImageListItemBar.js +14 -30
- package/legacy/Input/Input.js +19 -66
- package/legacy/Input/inputClasses.js +0 -2
- package/legacy/InputAdornment/InputAdornment.js +18 -42
- package/legacy/InputBase/InputBase.js +79 -167
- package/legacy/InputBase/utils.js +6 -4
- package/legacy/InputLabel/InputLabel.js +15 -41
- package/legacy/LinearProgress/LinearProgress.js +16 -45
- package/legacy/Link/Link.js +26 -58
- package/legacy/Link/getTextDecoration.js +1 -6
- package/legacy/List/List.js +13 -29
- package/legacy/List/ListContext.js +1 -3
- package/legacy/ListItem/ListItem.js +57 -93
- package/legacy/ListItemAvatar/ListItemAvatar.js +4 -16
- package/legacy/ListItemButton/ListItemButton.js +25 -48
- package/legacy/ListItemIcon/ListItemIcon.js +5 -17
- package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +4 -16
- package/legacy/ListItemText/ListItemText.js +16 -38
- package/legacy/ListSubheader/ListSubheader.js +17 -33
- package/legacy/Menu/Menu.js +23 -54
- package/legacy/MenuItem/MenuItem.js +23 -50
- package/legacy/MenuList/MenuList.js +21 -67
- package/legacy/MobileStepper/MobileStepper.js +16 -33
- package/legacy/Modal/Modal.js +36 -71
- package/legacy/NativeSelect/NativeSelect.js +12 -34
- package/legacy/NativeSelect/NativeSelectInput.js +15 -31
- package/legacy/OutlinedInput/NotchedOutline.js +7 -17
- package/legacy/OutlinedInput/OutlinedInput.js +18 -61
- package/legacy/OutlinedInput/outlinedInputClasses.js +0 -2
- package/legacy/Pagination/Pagination.js +46 -81
- package/legacy/PaginationItem/PaginationItem.js +36 -66
- package/legacy/Paper/Paper.js +18 -52
- package/legacy/Popover/Popover.js +59 -115
- package/legacy/Popper/Popper.js +14 -44
- package/legacy/Radio/Radio.js +19 -55
- package/legacy/Radio/RadioButtonIcon.js +6 -11
- package/legacy/RadioGroup/RadioGroup.js +14 -27
- package/legacy/RadioGroup/RadioGroupContext.js +0 -3
- package/legacy/Rating/Rating.js +89 -175
- package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +8 -25
- package/legacy/Select/Select.js +30 -65
- package/legacy/Select/SelectInput.js +78 -165
- package/legacy/Skeleton/Skeleton.js +19 -40
- package/legacy/Slide/Slide.js +28 -72
- package/legacy/Slider/Slider.js +37 -107
- package/legacy/Snackbar/Snackbar.js +42 -90
- package/legacy/SnackbarContent/SnackbarContent.js +7 -21
- package/legacy/SpeedDial/SpeedDial.js +51 -111
- package/legacy/SpeedDialAction/SpeedDialAction.js +21 -48
- package/legacy/SpeedDialIcon/SpeedDialIcon.js +8 -24
- package/legacy/Stack/Stack.js +11 -34
- package/legacy/Step/Step.js +25 -49
- package/legacy/Step/StepContext.js +1 -4
- package/legacy/StepButton/StepButton.js +8 -23
- package/legacy/StepConnector/StepConnector.js +14 -27
- package/legacy/StepContent/StepContent.js +14 -34
- package/legacy/StepIcon/StepIcon.js +12 -34
- package/legacy/StepLabel/StepLabel.js +25 -50
- package/legacy/Stepper/Stepper.js +17 -36
- package/legacy/Stepper/StepperContext.js +1 -4
- package/legacy/SvgIcon/SvgIcon.js +20 -46
- package/legacy/SwipeableDrawer/SwipeArea.js +8 -13
- package/legacy/SwipeableDrawer/SwipeableDrawer.js +77 -142
- package/legacy/Switch/Switch.js +17 -51
- package/legacy/Tab/Tab.js +30 -58
- package/legacy/TabScrollButton/TabScrollButton.js +7 -24
- package/legacy/Table/Table.js +13 -30
- package/legacy/Table/TableContext.js +1 -3
- package/legacy/Table/Tablelvl2Context.js +1 -3
- package/legacy/TableBody/TableBody.js +4 -16
- package/legacy/TableCell/TableCell.js +19 -48
- package/legacy/TableContainer/TableContainer.js +4 -16
- package/legacy/TableFooter/TableFooter.js +4 -16
- package/legacy/TableHead/TableHead.js +4 -16
- package/legacy/TablePagination/TablePagination.js +34 -74
- package/legacy/TablePagination/TablePaginationActions.js +10 -26
- package/legacy/TableRow/TableRow.js +12 -29
- package/legacy/TableSortLabel/TableSortLabel.js +15 -30
- package/legacy/Tabs/ScrollbarSize.js +2 -6
- package/legacy/Tabs/Tabs.js +85 -189
- package/legacy/TextField/TextField.js +46 -104
- package/legacy/ToggleButton/ToggleButton.js +26 -60
- package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +23 -55
- package/legacy/ToggleButtonGroup/isValueSelected.js +0 -2
- package/legacy/Toolbar/Toolbar.js +13 -29
- package/legacy/Tooltip/Tooltip.js +89 -188
- package/legacy/Typography/Typography.js +25 -48
- package/legacy/Unstable_Grid2/Grid2.js +1 -5
- package/legacy/Zoom/Zoom.js +21 -43
- package/legacy/index.js +3 -2
- package/legacy/internal/SwitchBase.js +38 -75
- package/legacy/internal/animate.js +3 -12
- package/legacy/internal/svg-icons/Add.js +1 -1
- package/legacy/internal/svg-icons/ArrowDownward.js +1 -1
- package/legacy/internal/svg-icons/ArrowDropDown.js +1 -1
- package/legacy/internal/svg-icons/Cancel.js +1 -1
- package/legacy/internal/svg-icons/CheckBox.js +1 -1
- package/legacy/internal/svg-icons/CheckBoxOutlineBlank.js +1 -1
- package/legacy/internal/svg-icons/CheckCircle.js +1 -1
- package/legacy/internal/svg-icons/Close.js +1 -1
- package/legacy/internal/svg-icons/ErrorOutline.js +1 -1
- package/legacy/internal/svg-icons/FirstPage.js +1 -1
- package/legacy/internal/svg-icons/IndeterminateCheckBox.js +1 -1
- package/legacy/internal/svg-icons/InfoOutlined.js +1 -1
- package/legacy/internal/svg-icons/KeyboardArrowLeft.js +1 -1
- package/legacy/internal/svg-icons/KeyboardArrowRight.js +1 -1
- package/legacy/internal/svg-icons/LastPage.js +1 -1
- package/legacy/internal/svg-icons/MoreHoriz.js +1 -1
- package/legacy/internal/svg-icons/NavigateBefore.js +1 -1
- package/legacy/internal/svg-icons/NavigateNext.js +1 -1
- package/legacy/internal/svg-icons/Person.js +1 -1
- package/legacy/internal/svg-icons/RadioButtonChecked.js +1 -1
- package/legacy/internal/svg-icons/RadioButtonUnchecked.js +1 -1
- package/legacy/internal/svg-icons/ReportProblemOutlined.js +1 -1
- package/legacy/internal/svg-icons/Star.js +1 -1
- package/legacy/internal/svg-icons/StarBorder.js +1 -1
- package/legacy/internal/svg-icons/SuccessOutlined.js +1 -1
- package/legacy/internal/svg-icons/Warning.js +1 -1
- package/legacy/locale/index.js +377 -594
- package/legacy/styles/CssVarsProvider.js +20 -26
- package/legacy/styles/adaptV4Theme.js +22 -23
- package/legacy/styles/createMixins.js +0 -1
- package/legacy/styles/createMuiStrictModeTheme.js +0 -1
- package/legacy/styles/createPalette.js +16 -50
- package/legacy/styles/createStyles.js +2 -2
- package/legacy/styles/createTheme.js +15 -29
- package/legacy/styles/createTransitions.js +13 -27
- package/legacy/styles/createTypography.js +18 -27
- package/legacy/styles/cssUtils.js +29 -31
- package/legacy/styles/excludeVariablesFromRoot.js +0 -2
- package/legacy/styles/experimental_extendTheme.js +25 -46
- package/legacy/styles/getOverlayAlpha.js +11 -0
- package/legacy/styles/index.js +8 -3
- package/legacy/styles/responsiveFontSizes.js +10 -18
- package/legacy/styles/shadows.js +2 -3
- package/legacy/styles/useTheme.js +0 -2
- package/legacy/styles/useThemeProps.js +1 -1
- package/legacy/transitions/utils.js +3 -4
- package/legacy/useMediaQuery/useMediaQuery.js +51 -68
- package/legacy/useMediaQuery/useMediaQueryTheme.js +2 -1
- package/legacy/usePagination/usePagination.js +51 -52
- package/legacy/useScrollTrigger/useScrollTrigger.js +14 -24
- package/legacy/useTouchRipple/useTouchRipple.js +7 -18
- package/legacy/utils/createSvgIcon.js +1 -3
- package/legacy/utils/index.js +2 -2
- package/legacy/utils/shouldSpreadAdditionalProps.js +0 -2
- package/locale/index.d.ts +1 -0
- package/locale/index.js +288 -511
- package/modern/Accordion/Accordion.js +13 -37
- package/modern/Accordion/AccordionContext.js +1 -3
- package/modern/AccordionActions/AccordionActions.js +5 -17
- package/modern/AccordionDetails/AccordionDetails.js +4 -14
- package/modern/AccordionSummary/AccordionSummary.js +8 -25
- package/modern/Alert/Alert.js +20 -48
- package/modern/AlertTitle/AlertTitle.js +4 -14
- package/modern/AppBar/AppBar.js +11 -27
- package/modern/Autocomplete/Autocomplete.js +58 -144
- package/modern/Avatar/Avatar.js +16 -48
- package/modern/AvatarGroup/AvatarGroup.js +13 -38
- package/modern/Backdrop/Backdrop.js +15 -34
- package/modern/Badge/Badge.js +24 -56
- package/modern/Badge/badgeClasses.js +2 -1
- package/modern/BottomNavigation/BottomNavigation.js +9 -26
- package/modern/BottomNavigationAction/BottomNavigationAction.js +9 -28
- package/modern/Box/Box.js +1 -6
- package/modern/Breadcrumbs/BreadcrumbCollapsed.js +1 -2
- package/modern/Breadcrumbs/Breadcrumbs.js +17 -43
- package/modern/Button/Button.js +22 -56
- package/modern/ButtonBase/ButtonBase.js +39 -110
- package/modern/ButtonBase/Ripple.js +1 -13
- package/modern/ButtonBase/TouchRipple.js +26 -33
- package/modern/ButtonGroup/ButtonGroup.js +18 -46
- package/modern/ButtonGroup/ButtonGroupContext.js +0 -3
- package/modern/Card/Card.js +5 -18
- package/modern/CardActionArea/CardActionArea.js +6 -17
- package/modern/CardActions/CardActions.js +5 -17
- package/modern/CardContent/CardContent.js +5 -17
- package/modern/CardHeader/CardHeader.js +12 -35
- package/modern/CardMedia/CardMedia.js +9 -26
- package/modern/Checkbox/Checkbox.js +13 -48
- package/modern/Chip/Chip.js +22 -70
- package/modern/CircularProgress/CircularProgress.js +14 -37
- package/modern/Collapse/Collapse.js +24 -66
- package/modern/Container/Container.js +2 -13
- package/modern/CssBaseline/CssBaseline.js +2 -12
- package/modern/Dialog/Dialog.js +24 -61
- package/modern/Dialog/DialogContext.js +0 -2
- package/modern/DialogActions/DialogActions.js +5 -17
- package/modern/DialogContent/DialogContent.js +5 -17
- package/modern/DialogContentText/DialogContentText.js +4 -14
- package/modern/DialogTitle/DialogTitle.js +5 -16
- package/modern/Divider/Divider.js +15 -38
- package/modern/Drawer/Drawer.js +27 -54
- package/modern/Fab/Fab.js +15 -41
- package/modern/Fade/Fade.js +21 -43
- package/modern/FilledInput/FilledInput.js +16 -58
- package/modern/FilledInput/filledInputClasses.js +0 -2
- package/modern/FormControl/FormControl.js +19 -58
- package/modern/FormControl/FormControlContext.js +1 -3
- package/modern/FormControl/formControlState.js +0 -2
- package/modern/FormControlLabel/FormControlLabel.js +12 -40
- package/modern/FormGroup/FormGroup.js +6 -19
- package/modern/FormHelperText/FormHelperText.js +7 -31
- package/modern/FormLabel/FormLabel.js +7 -28
- package/modern/GlobalStyles/GlobalStyles.js +1 -6
- package/modern/Grid/Grid.js +41 -107
- package/modern/Grid/GridContext.js +1 -3
- package/modern/Grid/gridClasses.js +8 -4
- package/modern/Grow/Grow.js +22 -50
- package/modern/Hidden/Hidden.js +15 -35
- package/modern/Hidden/HiddenCss.js +6 -33
- package/modern/Hidden/HiddenJs.js +5 -24
- package/modern/Hidden/withWidth.js +17 -29
- package/modern/Icon/Icon.js +12 -30
- package/modern/IconButton/IconButton.js +40 -59
- package/modern/ImageList/ImageList.js +13 -35
- package/modern/ImageList/ImageListContext.js +1 -3
- package/modern/ImageListItem/ImageListItem.js +11 -29
- package/modern/ImageListItemBar/ImageListItemBar.js +9 -25
- package/modern/Input/Input.js +16 -58
- package/modern/Input/inputClasses.js +0 -2
- package/modern/InputAdornment/InputAdornment.js +11 -35
- package/modern/InputBase/InputBase.js +52 -131
- package/modern/InputBase/utils.js +6 -4
- package/modern/InputLabel/InputLabel.js +7 -33
- package/modern/LinearProgress/LinearProgress.js +10 -37
- package/modern/Link/Link.js +15 -44
- package/modern/Link/getTextDecoration.js +0 -5
- package/modern/List/List.js +9 -25
- package/modern/List/ListContext.js +1 -3
- package/modern/ListItem/ListItem.js +38 -73
- package/modern/ListItemAvatar/ListItemAvatar.js +5 -17
- package/modern/ListItemButton/ListItemButton.js +13 -35
- package/modern/ListItemIcon/ListItemIcon.js +5 -17
- package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +5 -17
- package/modern/ListItemText/ListItemText.js +11 -32
- package/modern/ListSubheader/ListSubheader.js +9 -25
- package/modern/Menu/Menu.js +22 -53
- package/modern/MenuItem/MenuItem.js +13 -39
- package/modern/MenuList/MenuList.js +20 -66
- package/modern/MobileStepper/MobileStepper.js +11 -28
- package/modern/Modal/Modal.js +24 -57
- package/modern/NativeSelect/NativeSelect.js +10 -32
- package/modern/NativeSelect/NativeSelectInput.js +10 -25
- package/modern/OutlinedInput/NotchedOutline.js +6 -16
- package/modern/OutlinedInput/OutlinedInput.js +12 -54
- package/modern/OutlinedInput/outlinedInputClasses.js +0 -2
- package/modern/Pagination/Pagination.js +25 -60
- package/modern/PaginationItem/PaginationItem.js +18 -47
- package/modern/Paper/Paper.js +11 -44
- package/modern/Popover/Popover.js +54 -105
- package/modern/Popper/Popper.js +16 -45
- package/modern/Radio/Radio.js +15 -50
- package/modern/Radio/RadioButtonIcon.js +1 -6
- package/modern/RadioGroup/RadioGroup.js +11 -24
- package/modern/RadioGroup/RadioGroupContext.js +0 -3
- package/modern/Rating/Rating.js +27 -103
- package/modern/ScopedCssBaseline/ScopedCssBaseline.js +5 -20
- package/modern/Select/Select.js +24 -59
- package/modern/Select/SelectInput.js +55 -135
- package/modern/Skeleton/Skeleton.js +11 -30
- package/modern/Slide/Slide.js +26 -70
- package/modern/Slider/Slider.js +24 -90
- package/modern/Snackbar/Snackbar.js +44 -90
- package/modern/SnackbarContent/SnackbarContent.js +8 -22
- package/modern/SpeedDial/SpeedDial.js +44 -103
- package/modern/SpeedDialAction/SpeedDialAction.js +13 -39
- package/modern/SpeedDialIcon/SpeedDialIcon.js +6 -21
- package/modern/Stack/Stack.js +9 -31
- package/modern/Step/Step.js +12 -35
- package/modern/Step/StepContext.js +1 -4
- package/modern/StepButton/StepButton.js +7 -21
- package/modern/StepConnector/StepConnector.js +4 -16
- package/modern/StepContent/StepContent.js +8 -27
- package/modern/StepIcon/StepIcon.js +8 -29
- package/modern/StepLabel/StepLabel.js +12 -32
- package/modern/Stepper/Stepper.js +11 -30
- package/modern/Stepper/StepperContext.js +1 -4
- package/modern/SvgIcon/SvgIcon.js +14 -39
- package/modern/SwipeableDrawer/SwipeArea.js +8 -13
- package/modern/SwipeableDrawer/SwipeableDrawer.js +64 -128
- package/modern/Switch/Switch.js +10 -41
- package/modern/Tab/Tab.js +24 -51
- package/modern/TabScrollButton/TabScrollButton.js +5 -23
- package/modern/Table/Table.js +9 -26
- package/modern/Table/TableContext.js +1 -3
- package/modern/Table/Tablelvl2Context.js +1 -3
- package/modern/TableBody/TableBody.js +5 -17
- package/modern/TableCell/TableCell.js +14 -43
- package/modern/TableContainer/TableContainer.js +5 -17
- package/modern/TableFooter/TableFooter.js +5 -17
- package/modern/TableHead/TableHead.js +5 -17
- package/modern/TablePagination/TablePagination.js +23 -61
- package/modern/TablePagination/TablePaginationActions.js +12 -28
- package/modern/TableRow/TableRow.js +7 -23
- package/modern/TableSortLabel/TableSortLabel.js +10 -25
- package/modern/Tabs/ScrollbarSize.js +4 -8
- package/modern/Tabs/Tabs.js +42 -138
- package/modern/TextField/TextField.js +39 -97
- package/modern/ToggleButton/ToggleButton.js +17 -50
- package/modern/ToggleButtonGroup/ToggleButtonGroup.js +15 -47
- package/modern/ToggleButtonGroup/isValueSelected.js +0 -2
- package/modern/Toolbar/Toolbar.js +8 -24
- package/modern/Tooltip/Tooltip.js +50 -135
- package/modern/Typography/Typography.js +15 -38
- package/modern/Unstable_Grid2/Grid2.js +1 -5
- package/modern/Unstable_Grid2/grid2Classes.js +8 -4
- package/modern/Zoom/Zoom.js +21 -43
- package/modern/index.js +3 -2
- package/modern/internal/SwitchBase.js +27 -63
- package/modern/internal/animate.js +0 -10
- package/modern/internal/svg-icons/Add.js +1 -1
- package/modern/internal/svg-icons/ArrowDownward.js +1 -1
- package/modern/internal/svg-icons/ArrowDropDown.js +1 -1
- package/modern/internal/svg-icons/Cancel.js +1 -1
- package/modern/internal/svg-icons/CheckBox.js +1 -1
- package/modern/internal/svg-icons/CheckBoxOutlineBlank.js +1 -1
- package/modern/internal/svg-icons/CheckCircle.js +1 -1
- package/modern/internal/svg-icons/Close.js +1 -1
- package/modern/internal/svg-icons/ErrorOutline.js +1 -1
- package/modern/internal/svg-icons/FirstPage.js +1 -1
- package/modern/internal/svg-icons/IndeterminateCheckBox.js +1 -1
- package/modern/internal/svg-icons/InfoOutlined.js +1 -1
- package/modern/internal/svg-icons/KeyboardArrowLeft.js +1 -1
- package/modern/internal/svg-icons/KeyboardArrowRight.js +1 -1
- package/modern/internal/svg-icons/LastPage.js +1 -1
- package/modern/internal/svg-icons/MoreHoriz.js +1 -1
- package/modern/internal/svg-icons/NavigateBefore.js +1 -1
- package/modern/internal/svg-icons/NavigateNext.js +1 -1
- package/modern/internal/svg-icons/Person.js +1 -1
- package/modern/internal/svg-icons/RadioButtonChecked.js +1 -1
- package/modern/internal/svg-icons/RadioButtonUnchecked.js +1 -1
- package/modern/internal/svg-icons/ReportProblemOutlined.js +1 -1
- package/modern/internal/svg-icons/Star.js +1 -1
- package/modern/internal/svg-icons/StarBorder.js +1 -1
- package/modern/internal/svg-icons/SuccessOutlined.js +1 -1
- package/modern/internal/svg-icons/Warning.js +1 -1
- package/modern/locale/index.js +290 -510
- package/modern/styles/CssVarsProvider.js +0 -3
- package/modern/styles/adaptV4Theme.js +21 -22
- package/modern/styles/createPalette.js +8 -36
- package/modern/styles/createStyles.js +2 -2
- package/modern/styles/createTheme.js +10 -21
- package/modern/styles/createTransitions.js +12 -25
- package/modern/styles/createTypography.js +18 -27
- package/modern/styles/cssUtils.js +18 -18
- package/modern/styles/excludeVariablesFromRoot.js +0 -1
- package/modern/styles/experimental_extendTheme.js +23 -37
- package/modern/styles/getOverlayAlpha.js +11 -0
- package/modern/styles/index.js +8 -3
- package/modern/styles/responsiveFontSizes.js +3 -11
- package/modern/styles/shadows.js +2 -3
- package/modern/styles/useTheme.js +0 -2
- package/modern/useMediaQuery/useMediaQuery.js +12 -23
- package/modern/useMediaQuery/useMediaQueryTheme.js +2 -1
- package/modern/usePagination/usePagination.js +41 -38
- package/modern/useScrollTrigger/useScrollTrigger.js +6 -13
- package/modern/useTouchRipple/useTouchRipple.js +0 -5
- package/modern/utils/createSvgIcon.js +1 -3
- package/modern/utils/index.js +2 -2
- package/modern/utils/shouldSpreadAdditionalProps.js +0 -2
- package/package.json +7 -7
- package/styles/CssVarsProvider.js +0 -9
- package/styles/ThemeProvider.js +0 -1
- package/styles/adaptV4Theme.js +21 -24
- package/styles/createMixins.js +0 -3
- package/styles/createMuiStrictModeTheme.js +0 -4
- package/styles/createPalette.js +8 -49
- package/styles/createStyles.js +2 -2
- package/styles/createTheme.js +10 -36
- package/styles/createTransitions.js +12 -28
- package/styles/createTypography.js +18 -32
- package/styles/cssUtils.js +18 -25
- package/styles/defaultTheme.js +0 -3
- package/styles/excludeVariablesFromRoot.js +0 -2
- package/styles/experimental_extendTheme.d.ts +18 -0
- package/styles/experimental_extendTheme.js +24 -46
- package/styles/getOverlayAlpha.d.ts +2 -0
- package/styles/getOverlayAlpha.js +18 -0
- package/styles/index.d.ts +6 -0
- package/styles/index.js +25 -22
- package/styles/makeStyles.js +0 -2
- package/styles/responsiveFontSizes.js +3 -14
- package/styles/shadows.js +2 -3
- package/styles/styled.js +0 -5
- package/styles/useTheme.js +0 -9
- package/styles/useThemeProps.js +0 -4
- package/styles/withStyles.js +0 -2
- package/styles/withTheme.js +0 -2
- package/themeCssVarsAugmentation/index.d.ts +2 -0
- package/transitions/index.js +0 -2
- package/transitions/utils.js +0 -4
- package/umd/material-ui.development.js +3556 -8113
- package/umd/material-ui.production.min.js +20 -20
- package/useAutocomplete/index.js +0 -3
- package/useAutocomplete/useAutocomplete.js +0 -2
- package/useMediaQuery/index.js +0 -2
- package/useMediaQuery/useMediaQuery.js +11 -30
- package/useMediaQuery/useMediaQueryTheme.js +0 -3
- package/usePagination/index.js +0 -2
- package/usePagination/usePagination.js +41 -43
- package/useScrollTrigger/index.js +0 -2
- package/useScrollTrigger/useScrollTrigger.js +6 -20
- package/useTouchRipple/index.js +0 -2
- package/useTouchRipple/useTouchRipple.js +0 -13
- package/utils/capitalize.js +0 -2
- package/utils/createChainedFunction.js +0 -2
- package/utils/createSvgIcon.js +0 -10
- package/utils/debounce.js +0 -2
- package/utils/deprecatedPropType.js +0 -2
- package/utils/getScrollbarSize.js +0 -2
- package/utils/index.js +0 -21
- package/utils/isMuiElement.js +0 -2
- package/utils/ownerDocument.js +0 -2
- package/utils/ownerWindow.js +0 -2
- package/utils/requirePropFactory.js +0 -2
- package/utils/scrollLeft.js +0 -1
- package/utils/setRef.js +0 -2
- package/utils/shouldSpreadAdditionalProps.js +0 -3
- package/utils/unsupportedProp.js +0 -2
- package/utils/useControlled.js +0 -2
- package/utils/useEnhancedEffect.js +0 -2
- package/utils/useEventCallback.js +0 -2
- package/utils/useForkRef.js +0 -2
- package/utils/useId.js +0 -2
- package/utils/useIsFocusVisible.js +0 -2
package/Menu/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -20,11 +19,8 @@ Object.defineProperty(exports, "menuClasses", {
|
|
|
20
19
|
return _menuClasses.default;
|
|
21
20
|
}
|
|
22
21
|
});
|
|
23
|
-
|
|
24
22
|
var _Menu = _interopRequireDefault(require("./Menu"));
|
|
25
|
-
|
|
26
23
|
var _menuClasses = _interopRequireWildcard(require("./menuClasses"));
|
|
27
|
-
|
|
28
24
|
Object.keys(_menuClasses).forEach(function (key) {
|
|
29
25
|
if (key === "default" || key === "__esModule") return;
|
|
30
26
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -36,7 +32,5 @@ Object.keys(_menuClasses).forEach(function (key) {
|
|
|
36
32
|
}
|
|
37
33
|
});
|
|
38
34
|
});
|
|
39
|
-
|
|
40
35
|
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); }
|
|
41
|
-
|
|
42
36
|
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; }
|
package/Menu/menuClasses.js
CHANGED
|
@@ -1,21 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
8
|
exports.getMenuUtilityClass = getMenuUtilityClass;
|
|
10
|
-
|
|
11
9
|
var _utils = require("@mui/utils");
|
|
12
|
-
|
|
13
10
|
var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
|
|
14
|
-
|
|
15
11
|
function getMenuUtilityClass(slot) {
|
|
16
12
|
return (0, _generateUtilityClass.default)('MuiMenu', slot);
|
|
17
13
|
}
|
|
18
|
-
|
|
19
14
|
const menuClasses = (0, _utils.unstable_generateUtilityClasses)('MuiMenu', ['root', 'paper', 'list']);
|
|
20
15
|
var _default = menuClasses;
|
|
21
16
|
exports.default = _default;
|
package/MenuItem/MenuItem.js
CHANGED
|
@@ -1,63 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.overridesResolver = exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
11
|
-
|
|
12
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var React = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
-
|
|
18
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
19
|
-
|
|
20
13
|
var _base = require("@mui/base");
|
|
21
|
-
|
|
22
14
|
var _system = require("@mui/system");
|
|
23
|
-
|
|
24
15
|
var _styled = _interopRequireWildcard(require("../styles/styled"));
|
|
25
|
-
|
|
26
16
|
var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
|
|
27
|
-
|
|
28
17
|
var _ListContext = _interopRequireDefault(require("../List/ListContext"));
|
|
29
|
-
|
|
30
18
|
var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
|
|
31
|
-
|
|
32
19
|
var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
|
|
33
|
-
|
|
34
20
|
var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
|
|
35
|
-
|
|
36
21
|
var _Divider = require("../Divider");
|
|
37
|
-
|
|
38
22
|
var _ListItemIcon = require("../ListItemIcon");
|
|
39
|
-
|
|
40
23
|
var _ListItemText = require("../ListItemText");
|
|
41
|
-
|
|
42
24
|
var _menuItemClasses = _interopRequireWildcard(require("./menuItemClasses"));
|
|
43
|
-
|
|
44
25
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
45
|
-
|
|
46
26
|
const _excluded = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"];
|
|
47
|
-
|
|
48
27
|
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); }
|
|
49
|
-
|
|
50
28
|
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; }
|
|
51
|
-
|
|
52
29
|
const overridesResolver = (props, styles) => {
|
|
53
30
|
const {
|
|
54
31
|
ownerState
|
|
55
32
|
} = props;
|
|
56
33
|
return [styles.root, ownerState.dense && styles.dense, ownerState.divider && styles.divider, !ownerState.disableGutters && styles.gutters];
|
|
57
34
|
};
|
|
58
|
-
|
|
59
35
|
exports.overridesResolver = overridesResolver;
|
|
60
|
-
|
|
61
36
|
const useUtilityClasses = ownerState => {
|
|
62
37
|
const {
|
|
63
38
|
disabled,
|
|
@@ -73,7 +48,6 @@ const useUtilityClasses = ownerState => {
|
|
|
73
48
|
const composedClasses = (0, _base.unstable_composeClasses)(slots, _menuItemClasses.getMenuItemUtilityClass, classes);
|
|
74
49
|
return (0, _extends2.default)({}, classes, composedClasses);
|
|
75
50
|
};
|
|
76
|
-
|
|
77
51
|
const MenuItemRoot = (0, _styled.default)(_ButtonBase.default, {
|
|
78
52
|
shouldForwardProp: prop => (0, _styled.rootShouldForwardProp)(prop) || prop === 'classes',
|
|
79
53
|
name: 'MuiMenuItem',
|
|
@@ -164,17 +138,17 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
|
|
|
164
138
|
name: 'MuiMenuItem'
|
|
165
139
|
});
|
|
166
140
|
const {
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
141
|
+
autoFocus = false,
|
|
142
|
+
component = 'li',
|
|
143
|
+
dense = false,
|
|
144
|
+
divider = false,
|
|
145
|
+
disableGutters = false,
|
|
146
|
+
focusVisibleClassName,
|
|
147
|
+
role = 'menuitem',
|
|
148
|
+
tabIndex: tabIndexProp,
|
|
149
|
+
className
|
|
150
|
+
} = props,
|
|
151
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
178
152
|
const context = React.useContext(_ListContext.default);
|
|
179
153
|
const childContext = React.useMemo(() => ({
|
|
180
154
|
dense: dense || context.dense || false,
|
|
@@ -198,11 +172,9 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
|
|
|
198
172
|
const classes = useUtilityClasses(props);
|
|
199
173
|
const handleRef = (0, _useForkRef.default)(menuItemRef, ref);
|
|
200
174
|
let tabIndex;
|
|
201
|
-
|
|
202
175
|
if (!props.disabled) {
|
|
203
176
|
tabIndex = tabIndexProp !== undefined ? tabIndexProp : -1;
|
|
204
177
|
}
|
|
205
|
-
|
|
206
178
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListContext.default.Provider, {
|
|
207
179
|
value: childContext,
|
|
208
180
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuItemRoot, (0, _extends2.default)({
|
|
@@ -218,66 +190,54 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
|
|
|
218
190
|
}))
|
|
219
191
|
});
|
|
220
192
|
});
|
|
221
|
-
process.env.NODE_ENV !== "production" ? MenuItem.propTypes
|
|
222
|
-
/* remove-proptypes */
|
|
223
|
-
= {
|
|
193
|
+
process.env.NODE_ENV !== "production" ? MenuItem.propTypes /* remove-proptypes */ = {
|
|
224
194
|
// ----------------------------- Warning --------------------------------
|
|
225
195
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
226
196
|
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
227
197
|
// ----------------------------------------------------------------------
|
|
228
|
-
|
|
229
198
|
/**
|
|
230
199
|
* If `true`, the list item is focused during the first mount.
|
|
231
200
|
* Focus will also be triggered if the value changes from false to true.
|
|
232
201
|
* @default false
|
|
233
202
|
*/
|
|
234
203
|
autoFocus: _propTypes.default.bool,
|
|
235
|
-
|
|
236
204
|
/**
|
|
237
205
|
* The content of the component.
|
|
238
206
|
*/
|
|
239
207
|
children: _propTypes.default.node,
|
|
240
|
-
|
|
241
208
|
/**
|
|
242
209
|
* Override or extend the styles applied to the component.
|
|
243
210
|
*/
|
|
244
211
|
classes: _propTypes.default.object,
|
|
245
|
-
|
|
246
212
|
/**
|
|
247
213
|
* @ignore
|
|
248
214
|
*/
|
|
249
215
|
className: _propTypes.default.string,
|
|
250
|
-
|
|
251
216
|
/**
|
|
252
217
|
* The component used for the root node.
|
|
253
218
|
* Either a string to use a HTML element or a component.
|
|
254
219
|
*/
|
|
255
220
|
component: _propTypes.default.elementType,
|
|
256
|
-
|
|
257
221
|
/**
|
|
258
222
|
* If `true`, compact vertical padding designed for keyboard and mouse input is used.
|
|
259
223
|
* The prop defaults to the value inherited from the parent Menu component.
|
|
260
224
|
* @default false
|
|
261
225
|
*/
|
|
262
226
|
dense: _propTypes.default.bool,
|
|
263
|
-
|
|
264
227
|
/**
|
|
265
228
|
* @ignore
|
|
266
229
|
*/
|
|
267
230
|
disabled: _propTypes.default.bool,
|
|
268
|
-
|
|
269
231
|
/**
|
|
270
232
|
* If `true`, the left and right padding is removed.
|
|
271
233
|
* @default false
|
|
272
234
|
*/
|
|
273
235
|
disableGutters: _propTypes.default.bool,
|
|
274
|
-
|
|
275
236
|
/**
|
|
276
237
|
* If `true`, a 1px light border is added to the bottom of the menu item.
|
|
277
238
|
* @default false
|
|
278
239
|
*/
|
|
279
240
|
divider: _propTypes.default.bool,
|
|
280
|
-
|
|
281
241
|
/**
|
|
282
242
|
* This prop can help identify which element has keyboard focus.
|
|
283
243
|
* The class name will be applied when the element gains the focus through keyboard interaction.
|
|
@@ -287,24 +247,18 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes
|
|
|
287
247
|
* if needed.
|
|
288
248
|
*/
|
|
289
249
|
focusVisibleClassName: _propTypes.default.string,
|
|
290
|
-
|
|
291
250
|
/**
|
|
292
251
|
* @ignore
|
|
293
252
|
*/
|
|
294
|
-
role: _propTypes.default
|
|
295
|
-
/* @typescript-to-proptypes-ignore */
|
|
296
|
-
.string,
|
|
297
|
-
|
|
253
|
+
role: _propTypes.default /* @typescript-to-proptypes-ignore */.string,
|
|
298
254
|
/**
|
|
299
255
|
* @ignore
|
|
300
256
|
*/
|
|
301
257
|
selected: _propTypes.default.bool,
|
|
302
|
-
|
|
303
258
|
/**
|
|
304
259
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
305
260
|
*/
|
|
306
261
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
307
|
-
|
|
308
262
|
/**
|
|
309
263
|
* @default 0
|
|
310
264
|
*/
|
package/MenuItem/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -20,11 +19,8 @@ Object.defineProperty(exports, "menuItemClasses", {
|
|
|
20
19
|
return _menuItemClasses.default;
|
|
21
20
|
}
|
|
22
21
|
});
|
|
23
|
-
|
|
24
22
|
var _MenuItem = _interopRequireDefault(require("./MenuItem"));
|
|
25
|
-
|
|
26
23
|
var _menuItemClasses = _interopRequireWildcard(require("./menuItemClasses"));
|
|
27
|
-
|
|
28
24
|
Object.keys(_menuItemClasses).forEach(function (key) {
|
|
29
25
|
if (key === "default" || key === "__esModule") return;
|
|
30
26
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -36,7 +32,5 @@ Object.keys(_menuItemClasses).forEach(function (key) {
|
|
|
36
32
|
}
|
|
37
33
|
});
|
|
38
34
|
});
|
|
39
|
-
|
|
40
35
|
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); }
|
|
41
|
-
|
|
42
36
|
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; }
|
|
@@ -1,21 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
8
|
exports.getMenuItemUtilityClass = getMenuItemUtilityClass;
|
|
10
|
-
|
|
11
9
|
var _utils = require("@mui/utils");
|
|
12
|
-
|
|
13
10
|
var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
|
|
14
|
-
|
|
15
11
|
function getMenuItemUtilityClass(slot) {
|
|
16
12
|
return (0, _generateUtilityClass.default)('MuiMenuItem', slot);
|
|
17
13
|
}
|
|
18
|
-
|
|
19
14
|
const menuItemClasses = (0, _utils.unstable_generateUtilityClasses)('MuiMenuItem', ['root', 'focusVisible', 'dense', 'disabled', 'divider', 'gutters', 'selected']);
|
|
20
15
|
var _default = menuItemClasses;
|
|
21
16
|
exports.default = _default;
|
package/MenuList/MenuList.js
CHANGED
|
@@ -1,106 +1,74 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
13
|
-
|
|
14
10
|
var React = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _reactIs = require("react-is");
|
|
17
|
-
|
|
18
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
|
|
20
13
|
var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
|
|
21
|
-
|
|
22
14
|
var _List = _interopRequireDefault(require("../List"));
|
|
23
|
-
|
|
24
15
|
var _getScrollbarSize = _interopRequireDefault(require("../utils/getScrollbarSize"));
|
|
25
|
-
|
|
26
16
|
var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
|
|
27
|
-
|
|
28
17
|
var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
|
|
29
|
-
|
|
30
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
31
|
-
|
|
32
19
|
const _excluded = ["actions", "autoFocus", "autoFocusItem", "children", "className", "disabledItemsFocusable", "disableListWrap", "onKeyDown", "variant"];
|
|
33
|
-
|
|
34
20
|
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); }
|
|
35
|
-
|
|
36
21
|
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; }
|
|
37
|
-
|
|
38
22
|
function nextItem(list, item, disableListWrap) {
|
|
39
23
|
if (list === item) {
|
|
40
24
|
return list.firstChild;
|
|
41
25
|
}
|
|
42
|
-
|
|
43
26
|
if (item && item.nextElementSibling) {
|
|
44
27
|
return item.nextElementSibling;
|
|
45
28
|
}
|
|
46
|
-
|
|
47
29
|
return disableListWrap ? null : list.firstChild;
|
|
48
30
|
}
|
|
49
|
-
|
|
50
31
|
function previousItem(list, item, disableListWrap) {
|
|
51
32
|
if (list === item) {
|
|
52
33
|
return disableListWrap ? list.firstChild : list.lastChild;
|
|
53
34
|
}
|
|
54
|
-
|
|
55
35
|
if (item && item.previousElementSibling) {
|
|
56
36
|
return item.previousElementSibling;
|
|
57
37
|
}
|
|
58
|
-
|
|
59
38
|
return disableListWrap ? null : list.lastChild;
|
|
60
39
|
}
|
|
61
|
-
|
|
62
40
|
function textCriteriaMatches(nextFocus, textCriteria) {
|
|
63
41
|
if (textCriteria === undefined) {
|
|
64
42
|
return true;
|
|
65
43
|
}
|
|
66
|
-
|
|
67
44
|
let text = nextFocus.innerText;
|
|
68
|
-
|
|
69
45
|
if (text === undefined) {
|
|
70
46
|
// jsdom doesn't support innerText
|
|
71
47
|
text = nextFocus.textContent;
|
|
72
48
|
}
|
|
73
|
-
|
|
74
49
|
text = text.trim().toLowerCase();
|
|
75
|
-
|
|
76
50
|
if (text.length === 0) {
|
|
77
51
|
return false;
|
|
78
52
|
}
|
|
79
|
-
|
|
80
53
|
if (textCriteria.repeating) {
|
|
81
54
|
return text[0] === textCriteria.keys[0];
|
|
82
55
|
}
|
|
83
|
-
|
|
84
56
|
return text.indexOf(textCriteria.keys.join('')) === 0;
|
|
85
57
|
}
|
|
86
|
-
|
|
87
58
|
function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, traversalFunction, textCriteria) {
|
|
88
59
|
let wrappedOnce = false;
|
|
89
60
|
let nextFocus = traversalFunction(list, currentFocus, currentFocus ? disableListWrap : false);
|
|
90
|
-
|
|
91
61
|
while (nextFocus) {
|
|
92
62
|
// Prevent infinite loop.
|
|
93
63
|
if (nextFocus === list.firstChild) {
|
|
94
64
|
if (wrappedOnce) {
|
|
95
65
|
return false;
|
|
96
66
|
}
|
|
97
|
-
|
|
98
67
|
wrappedOnce = true;
|
|
99
|
-
}
|
|
100
|
-
|
|
68
|
+
}
|
|
101
69
|
|
|
70
|
+
// Same logic as useAutocomplete.js
|
|
102
71
|
const nextFocusDisabled = disabledItemsFocusable ? false : nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';
|
|
103
|
-
|
|
104
72
|
if (!nextFocus.hasAttribute('tabindex') || !textCriteriaMatches(nextFocus, textCriteria) || nextFocusDisabled) {
|
|
105
73
|
// Move to the next element.
|
|
106
74
|
nextFocus = traversalFunction(list, nextFocus, disableListWrap);
|
|
@@ -109,32 +77,30 @@ function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable,
|
|
|
109
77
|
return true;
|
|
110
78
|
}
|
|
111
79
|
}
|
|
112
|
-
|
|
113
80
|
return false;
|
|
114
81
|
}
|
|
82
|
+
|
|
115
83
|
/**
|
|
116
84
|
* A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/.
|
|
117
85
|
* It's exposed to help customization of the [`Menu`](/material-ui/api/menu/) component if you
|
|
118
86
|
* use it separately you need to move focus into the component manually. Once
|
|
119
87
|
* the focus is placed inside the component it is fully keyboard accessible.
|
|
120
88
|
*/
|
|
121
|
-
|
|
122
|
-
|
|
123
89
|
const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
|
|
124
90
|
const {
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
91
|
+
// private
|
|
92
|
+
// eslint-disable-next-line react/prop-types
|
|
93
|
+
actions,
|
|
94
|
+
autoFocus = false,
|
|
95
|
+
autoFocusItem = false,
|
|
96
|
+
children,
|
|
97
|
+
className,
|
|
98
|
+
disabledItemsFocusable = false,
|
|
99
|
+
disableListWrap = false,
|
|
100
|
+
onKeyDown,
|
|
101
|
+
variant = 'selectedMenu'
|
|
102
|
+
} = props,
|
|
103
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
138
104
|
const listRef = React.useRef(null);
|
|
139
105
|
const textCriteriaRef = React.useRef({
|
|
140
106
|
keys: [],
|
|
@@ -152,17 +118,14 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
|
|
|
152
118
|
// Let's ignore that piece of logic if users are already overriding the width
|
|
153
119
|
// of the menu.
|
|
154
120
|
const noExplicitWidth = !listRef.current.style.width;
|
|
155
|
-
|
|
156
121
|
if (containerElement.clientHeight < listRef.current.clientHeight && noExplicitWidth) {
|
|
157
122
|
const scrollbarSize = `${(0, _getScrollbarSize.default)((0, _ownerDocument.default)(containerElement))}px`;
|
|
158
123
|
listRef.current.style[theme.direction === 'rtl' ? 'paddingLeft' : 'paddingRight'] = scrollbarSize;
|
|
159
124
|
listRef.current.style.width = `calc(100% + ${scrollbarSize})`;
|
|
160
125
|
}
|
|
161
|
-
|
|
162
126
|
return listRef.current;
|
|
163
127
|
}
|
|
164
128
|
}), []);
|
|
165
|
-
|
|
166
129
|
const handleKeyDown = event => {
|
|
167
130
|
const list = listRef.current;
|
|
168
131
|
const key = event.key;
|
|
@@ -172,9 +135,7 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
|
|
|
172
135
|
* or document.body or document.documentElement. Only the first case will
|
|
173
136
|
* trigger this specific handler.
|
|
174
137
|
*/
|
|
175
|
-
|
|
176
138
|
const currentFocus = (0, _ownerDocument.default)(list).activeElement;
|
|
177
|
-
|
|
178
139
|
if (key === 'ArrowDown') {
|
|
179
140
|
// Prevent scroll of the page
|
|
180
141
|
event.preventDefault();
|
|
@@ -192,7 +153,6 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
|
|
|
192
153
|
const criteria = textCriteriaRef.current;
|
|
193
154
|
const lowerKey = key.toLowerCase();
|
|
194
155
|
const currTime = performance.now();
|
|
195
|
-
|
|
196
156
|
if (criteria.keys.length > 0) {
|
|
197
157
|
// Reset
|
|
198
158
|
if (currTime - criteria.lastTime > 500) {
|
|
@@ -203,45 +163,39 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
|
|
|
203
163
|
criteria.repeating = false;
|
|
204
164
|
}
|
|
205
165
|
}
|
|
206
|
-
|
|
207
166
|
criteria.lastTime = currTime;
|
|
208
167
|
criteria.keys.push(lowerKey);
|
|
209
168
|
const keepFocusOnCurrent = currentFocus && !criteria.repeating && textCriteriaMatches(currentFocus, criteria);
|
|
210
|
-
|
|
211
169
|
if (criteria.previousKeyMatched && (keepFocusOnCurrent || moveFocus(list, currentFocus, false, disabledItemsFocusable, nextItem, criteria))) {
|
|
212
170
|
event.preventDefault();
|
|
213
171
|
} else {
|
|
214
172
|
criteria.previousKeyMatched = false;
|
|
215
173
|
}
|
|
216
174
|
}
|
|
217
|
-
|
|
218
175
|
if (onKeyDown) {
|
|
219
176
|
onKeyDown(event);
|
|
220
177
|
}
|
|
221
178
|
};
|
|
222
|
-
|
|
223
179
|
const handleRef = (0, _useForkRef.default)(listRef, ref);
|
|
180
|
+
|
|
224
181
|
/**
|
|
225
182
|
* the index of the item should receive focus
|
|
226
183
|
* in a `variant="selectedMenu"` it's the first `selected` item
|
|
227
184
|
* otherwise it's the very first item.
|
|
228
185
|
*/
|
|
229
|
-
|
|
230
|
-
|
|
186
|
+
let activeItemIndex = -1;
|
|
187
|
+
// since we inject focus related props into children we have to do a lookahead
|
|
231
188
|
// to check if there is a `selected` item. We're looking for the last `selected`
|
|
232
189
|
// item and use the first valid item as a fallback
|
|
233
|
-
|
|
234
190
|
React.Children.forEach(children, (child, index) => {
|
|
235
191
|
if (! /*#__PURE__*/React.isValidElement(child)) {
|
|
236
192
|
return;
|
|
237
193
|
}
|
|
238
|
-
|
|
239
194
|
if (process.env.NODE_ENV !== 'production') {
|
|
240
195
|
if ((0, _reactIs.isFragment)(child)) {
|
|
241
196
|
console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
|
|
242
197
|
}
|
|
243
198
|
}
|
|
244
|
-
|
|
245
199
|
if (!child.props.disabled) {
|
|
246
200
|
if (variant === 'selectedMenu' && child.props.selected) {
|
|
247
201
|
activeItemIndex = index;
|
|
@@ -253,18 +207,14 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
|
|
|
253
207
|
const items = React.Children.map(children, (child, index) => {
|
|
254
208
|
if (index === activeItemIndex) {
|
|
255
209
|
const newChildProps = {};
|
|
256
|
-
|
|
257
210
|
if (autoFocusItem) {
|
|
258
211
|
newChildProps.autoFocus = true;
|
|
259
212
|
}
|
|
260
|
-
|
|
261
213
|
if (child.props.tabIndex === undefined && variant === 'selectedMenu') {
|
|
262
214
|
newChildProps.tabIndex = 0;
|
|
263
215
|
}
|
|
264
|
-
|
|
265
216
|
return /*#__PURE__*/React.cloneElement(child, newChildProps);
|
|
266
217
|
}
|
|
267
|
-
|
|
268
218
|
return child;
|
|
269
219
|
});
|
|
270
220
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, (0, _extends2.default)({
|
|
@@ -277,54 +227,44 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
|
|
|
277
227
|
children: items
|
|
278
228
|
}));
|
|
279
229
|
});
|
|
280
|
-
process.env.NODE_ENV !== "production" ? MenuList.propTypes
|
|
281
|
-
/* remove-proptypes */
|
|
282
|
-
= {
|
|
230
|
+
process.env.NODE_ENV !== "production" ? MenuList.propTypes /* remove-proptypes */ = {
|
|
283
231
|
// ----------------------------- Warning --------------------------------
|
|
284
232
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
285
233
|
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
286
234
|
// ----------------------------------------------------------------------
|
|
287
|
-
|
|
288
235
|
/**
|
|
289
236
|
* If `true`, will focus the `[role="menu"]` container and move into tab order.
|
|
290
237
|
* @default false
|
|
291
238
|
*/
|
|
292
239
|
autoFocus: _propTypes.default.bool,
|
|
293
|
-
|
|
294
240
|
/**
|
|
295
241
|
* If `true`, will focus the first menuitem if `variant="menu"` or selected item
|
|
296
242
|
* if `variant="selectedMenu"`.
|
|
297
243
|
* @default false
|
|
298
244
|
*/
|
|
299
245
|
autoFocusItem: _propTypes.default.bool,
|
|
300
|
-
|
|
301
246
|
/**
|
|
302
247
|
* MenuList contents, normally `MenuItem`s.
|
|
303
248
|
*/
|
|
304
249
|
children: _propTypes.default.node,
|
|
305
|
-
|
|
306
250
|
/**
|
|
307
251
|
* @ignore
|
|
308
252
|
*/
|
|
309
253
|
className: _propTypes.default.string,
|
|
310
|
-
|
|
311
254
|
/**
|
|
312
255
|
* If `true`, will allow focus on disabled items.
|
|
313
256
|
* @default false
|
|
314
257
|
*/
|
|
315
258
|
disabledItemsFocusable: _propTypes.default.bool,
|
|
316
|
-
|
|
317
259
|
/**
|
|
318
260
|
* If `true`, the menu items will not wrap focus.
|
|
319
261
|
* @default false
|
|
320
262
|
*/
|
|
321
263
|
disableListWrap: _propTypes.default.bool,
|
|
322
|
-
|
|
323
264
|
/**
|
|
324
265
|
* @ignore
|
|
325
266
|
*/
|
|
326
267
|
onKeyDown: _propTypes.default.func,
|
|
327
|
-
|
|
328
268
|
/**
|
|
329
269
|
* The variant to use. Use `menu` to prevent selected items from impacting the initial focus
|
|
330
270
|
* and the vertical alignment relative to the anchor element.
|
package/MenuList/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
|
|
|
11
10
|
return _MenuList.default;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _MenuList = _interopRequireDefault(require("./MenuList"));
|