@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/Tabs/Tabs.js
CHANGED
|
@@ -1,101 +1,66 @@
|
|
|
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 _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 _reactIs = require("react-is");
|
|
17
|
-
|
|
18
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
|
|
20
13
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
21
|
-
|
|
22
14
|
var _utils = require("@mui/utils");
|
|
23
|
-
|
|
24
15
|
var _base = require("@mui/base");
|
|
25
|
-
|
|
26
16
|
var _styled = _interopRequireDefault(require("../styles/styled"));
|
|
27
|
-
|
|
28
17
|
var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
|
|
29
|
-
|
|
30
18
|
var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
|
|
31
|
-
|
|
32
19
|
var _debounce = _interopRequireDefault(require("../utils/debounce"));
|
|
33
|
-
|
|
34
20
|
var _scrollLeft = require("../utils/scrollLeft");
|
|
35
|
-
|
|
36
21
|
var _animate = _interopRequireDefault(require("../internal/animate"));
|
|
37
|
-
|
|
38
22
|
var _ScrollbarSize = _interopRequireDefault(require("./ScrollbarSize"));
|
|
39
|
-
|
|
40
23
|
var _TabScrollButton = _interopRequireDefault(require("../TabScrollButton"));
|
|
41
|
-
|
|
42
24
|
var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
|
|
43
|
-
|
|
44
25
|
var _tabsClasses = _interopRequireWildcard(require("./tabsClasses"));
|
|
45
|
-
|
|
46
26
|
var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
|
|
47
|
-
|
|
48
27
|
var _ownerWindow = _interopRequireDefault(require("../utils/ownerWindow"));
|
|
49
|
-
|
|
50
28
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
51
|
-
|
|
52
29
|
const _excluded = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"];
|
|
53
|
-
|
|
54
30
|
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); }
|
|
55
|
-
|
|
56
31
|
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; }
|
|
57
|
-
|
|
58
32
|
const nextItem = (list, item) => {
|
|
59
33
|
if (list === item) {
|
|
60
34
|
return list.firstChild;
|
|
61
35
|
}
|
|
62
|
-
|
|
63
36
|
if (item && item.nextElementSibling) {
|
|
64
37
|
return item.nextElementSibling;
|
|
65
38
|
}
|
|
66
|
-
|
|
67
39
|
return list.firstChild;
|
|
68
40
|
};
|
|
69
|
-
|
|
70
41
|
const previousItem = (list, item) => {
|
|
71
42
|
if (list === item) {
|
|
72
43
|
return list.lastChild;
|
|
73
44
|
}
|
|
74
|
-
|
|
75
45
|
if (item && item.previousElementSibling) {
|
|
76
46
|
return item.previousElementSibling;
|
|
77
47
|
}
|
|
78
|
-
|
|
79
48
|
return list.lastChild;
|
|
80
49
|
};
|
|
81
|
-
|
|
82
50
|
const moveFocus = (list, currentFocus, traversalFunction) => {
|
|
83
51
|
let wrappedOnce = false;
|
|
84
52
|
let nextFocus = traversalFunction(list, currentFocus);
|
|
85
|
-
|
|
86
53
|
while (nextFocus) {
|
|
87
54
|
// Prevent infinite loop.
|
|
88
55
|
if (nextFocus === list.firstChild) {
|
|
89
56
|
if (wrappedOnce) {
|
|
90
57
|
return;
|
|
91
58
|
}
|
|
92
|
-
|
|
93
59
|
wrappedOnce = true;
|
|
94
|
-
}
|
|
95
|
-
|
|
60
|
+
}
|
|
96
61
|
|
|
62
|
+
// Same logic as useAutocomplete.js
|
|
97
63
|
const nextFocusDisabled = nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';
|
|
98
|
-
|
|
99
64
|
if (!nextFocus.hasAttribute('tabindex') || nextFocusDisabled) {
|
|
100
65
|
// Move to the next element.
|
|
101
66
|
nextFocus = traversalFunction(list, nextFocus);
|
|
@@ -105,7 +70,6 @@ const moveFocus = (list, currentFocus, traversalFunction) => {
|
|
|
105
70
|
}
|
|
106
71
|
}
|
|
107
72
|
};
|
|
108
|
-
|
|
109
73
|
const useUtilityClasses = ownerState => {
|
|
110
74
|
const {
|
|
111
75
|
vertical,
|
|
@@ -128,7 +92,6 @@ const useUtilityClasses = ownerState => {
|
|
|
128
92
|
};
|
|
129
93
|
return (0, _base.unstable_composeClasses)(slots, _tabsClasses.getTabsUtilityClass, classes);
|
|
130
94
|
};
|
|
131
|
-
|
|
132
95
|
const TabsRoot = (0, _styled.default)('div', {
|
|
133
96
|
name: 'MuiTabs',
|
|
134
97
|
slot: 'Root',
|
|
@@ -185,7 +148,6 @@ const TabsScroller = (0, _styled.default)('div', {
|
|
|
185
148
|
// Firefox
|
|
186
149
|
'&::-webkit-scrollbar': {
|
|
187
150
|
display: 'none' // Safari + Chrome
|
|
188
|
-
|
|
189
151
|
}
|
|
190
152
|
}, ownerState.scrollableX && {
|
|
191
153
|
overflowX: 'auto',
|
|
@@ -245,9 +207,9 @@ const TabsScrollbarSize = (0, _styled.default)(_ScrollbarSize.default, {
|
|
|
245
207
|
// Firefox
|
|
246
208
|
'&::-webkit-scrollbar': {
|
|
247
209
|
display: 'none' // Safari + Chrome
|
|
248
|
-
|
|
249
210
|
}
|
|
250
211
|
});
|
|
212
|
+
|
|
251
213
|
const defaultIndicatorStyle = {};
|
|
252
214
|
let warnedOnceTabPresent = false;
|
|
253
215
|
const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
@@ -258,28 +220,28 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
258
220
|
const theme = (0, _useTheme.default)();
|
|
259
221
|
const isRtl = theme.direction === 'rtl';
|
|
260
222
|
const {
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
223
|
+
'aria-label': ariaLabel,
|
|
224
|
+
'aria-labelledby': ariaLabelledBy,
|
|
225
|
+
action,
|
|
226
|
+
centered = false,
|
|
227
|
+
children: childrenProp,
|
|
228
|
+
className,
|
|
229
|
+
component = 'div',
|
|
230
|
+
allowScrollButtonsMobile = false,
|
|
231
|
+
indicatorColor = 'primary',
|
|
232
|
+
onChange,
|
|
233
|
+
orientation = 'horizontal',
|
|
234
|
+
ScrollButtonComponent = _TabScrollButton.default,
|
|
235
|
+
scrollButtons = 'auto',
|
|
236
|
+
selectionFollowsFocus,
|
|
237
|
+
TabIndicatorProps = {},
|
|
238
|
+
TabScrollButtonProps = {},
|
|
239
|
+
textColor = 'primary',
|
|
240
|
+
value,
|
|
241
|
+
variant = 'standard',
|
|
242
|
+
visibleScrollbar = false
|
|
243
|
+
} = props,
|
|
244
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
283
245
|
const scrollable = variant === 'scrollable';
|
|
284
246
|
const vertical = orientation === 'vertical';
|
|
285
247
|
const scrollStart = vertical ? 'scrollTop' : 'scrollLeft';
|
|
@@ -305,13 +267,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
305
267
|
scrollButtonsHideMobile: !allowScrollButtonsMobile
|
|
306
268
|
});
|
|
307
269
|
const classes = useUtilityClasses(ownerState);
|
|
308
|
-
|
|
309
270
|
if (process.env.NODE_ENV !== 'production') {
|
|
310
271
|
if (centered && scrollable) {
|
|
311
272
|
console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties ' + 'at the same time on a `Tabs` component.');
|
|
312
273
|
}
|
|
313
274
|
}
|
|
314
|
-
|
|
315
275
|
const [mounted, setMounted] = React.useState(false);
|
|
316
276
|
const [indicatorStyle, setIndicatorStyle] = React.useState(defaultIndicatorStyle);
|
|
317
277
|
const [displayScroll, setDisplayScroll] = React.useState({
|
|
@@ -325,14 +285,12 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
325
285
|
const valueToIndex = new Map();
|
|
326
286
|
const tabsRef = React.useRef(null);
|
|
327
287
|
const tabListRef = React.useRef(null);
|
|
328
|
-
|
|
329
288
|
const getTabsMeta = () => {
|
|
330
289
|
const tabsNode = tabsRef.current;
|
|
331
290
|
let tabsMeta;
|
|
332
|
-
|
|
333
291
|
if (tabsNode) {
|
|
334
|
-
const rect = tabsNode.getBoundingClientRect();
|
|
335
|
-
|
|
292
|
+
const rect = tabsNode.getBoundingClientRect();
|
|
293
|
+
// create a new object with ClientRect class props + scrollLeft
|
|
336
294
|
tabsMeta = {
|
|
337
295
|
clientWidth: tabsNode.clientWidth,
|
|
338
296
|
scrollLeft: tabsNode.scrollLeft,
|
|
@@ -345,23 +303,17 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
345
303
|
right: rect.right
|
|
346
304
|
};
|
|
347
305
|
}
|
|
348
|
-
|
|
349
306
|
let tabMeta;
|
|
350
|
-
|
|
351
307
|
if (tabsNode && value !== false) {
|
|
352
308
|
const children = tabListRef.current.children;
|
|
353
|
-
|
|
354
309
|
if (children.length > 0) {
|
|
355
310
|
const tab = children[valueToIndex.get(value)];
|
|
356
|
-
|
|
357
311
|
if (process.env.NODE_ENV !== 'production') {
|
|
358
312
|
if (!tab) {
|
|
359
313
|
console.error([`MUI: The \`value\` provided to the Tabs component is invalid.`, `None of the Tabs' children match with "${value}".`, valueToIndex.keys ? `You can provide one of the following values: ${Array.from(valueToIndex.keys()).join(', ')}.` : null].join('\n'));
|
|
360
314
|
}
|
|
361
315
|
}
|
|
362
|
-
|
|
363
316
|
tabMeta = tab ? tab.getBoundingClientRect() : null;
|
|
364
|
-
|
|
365
317
|
if (process.env.NODE_ENV !== 'production') {
|
|
366
318
|
if (process.env.NODE_ENV !== 'test' && !warnedOnceTabPresent && tabMeta && tabMeta.width === 0 && tabMeta.height === 0) {
|
|
367
319
|
tabsMeta = null;
|
|
@@ -371,13 +323,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
371
323
|
}
|
|
372
324
|
}
|
|
373
325
|
}
|
|
374
|
-
|
|
375
326
|
return {
|
|
376
327
|
tabsMeta,
|
|
377
328
|
tabMeta
|
|
378
329
|
};
|
|
379
330
|
};
|
|
380
|
-
|
|
381
331
|
const updateIndicatorState = (0, _useEventCallback.default)(() => {
|
|
382
332
|
const {
|
|
383
333
|
tabsMeta,
|
|
@@ -385,41 +335,36 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
385
335
|
} = getTabsMeta();
|
|
386
336
|
let startValue = 0;
|
|
387
337
|
let startIndicator;
|
|
388
|
-
|
|
389
338
|
if (vertical) {
|
|
390
339
|
startIndicator = 'top';
|
|
391
|
-
|
|
392
340
|
if (tabMeta && tabsMeta) {
|
|
393
341
|
startValue = tabMeta.top - tabsMeta.top + tabsMeta.scrollTop;
|
|
394
342
|
}
|
|
395
343
|
} else {
|
|
396
344
|
startIndicator = isRtl ? 'right' : 'left';
|
|
397
|
-
|
|
398
345
|
if (tabMeta && tabsMeta) {
|
|
399
346
|
const correction = isRtl ? tabsMeta.scrollLeftNormalized + tabsMeta.clientWidth - tabsMeta.scrollWidth : tabsMeta.scrollLeft;
|
|
400
347
|
startValue = (isRtl ? -1 : 1) * (tabMeta[startIndicator] - tabsMeta[startIndicator] + correction);
|
|
401
348
|
}
|
|
402
349
|
}
|
|
403
|
-
|
|
404
350
|
const newIndicatorStyle = {
|
|
405
351
|
[startIndicator]: startValue,
|
|
406
352
|
// May be wrong until the font is loaded.
|
|
407
353
|
[size]: tabMeta ? tabMeta[size] : 0
|
|
408
|
-
};
|
|
409
|
-
// eslint-disable-next-line no-restricted-globals
|
|
354
|
+
};
|
|
410
355
|
|
|
356
|
+
// IE11 support, replace with Number.isNaN
|
|
357
|
+
// eslint-disable-next-line no-restricted-globals
|
|
411
358
|
if (isNaN(indicatorStyle[startIndicator]) || isNaN(indicatorStyle[size])) {
|
|
412
359
|
setIndicatorStyle(newIndicatorStyle);
|
|
413
360
|
} else {
|
|
414
361
|
const dStart = Math.abs(indicatorStyle[startIndicator] - newIndicatorStyle[startIndicator]);
|
|
415
362
|
const dSize = Math.abs(indicatorStyle[size] - newIndicatorStyle[size]);
|
|
416
|
-
|
|
417
363
|
if (dStart >= 1 || dSize >= 1) {
|
|
418
364
|
setIndicatorStyle(newIndicatorStyle);
|
|
419
365
|
}
|
|
420
366
|
}
|
|
421
367
|
});
|
|
422
|
-
|
|
423
368
|
const scroll = (scrollValue, {
|
|
424
369
|
animation = true
|
|
425
370
|
} = {}) => {
|
|
@@ -431,62 +376,50 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
431
376
|
tabsRef.current[scrollStart] = scrollValue;
|
|
432
377
|
}
|
|
433
378
|
};
|
|
434
|
-
|
|
435
379
|
const moveTabsScroll = delta => {
|
|
436
380
|
let scrollValue = tabsRef.current[scrollStart];
|
|
437
|
-
|
|
438
381
|
if (vertical) {
|
|
439
382
|
scrollValue += delta;
|
|
440
383
|
} else {
|
|
441
|
-
scrollValue += delta * (isRtl ? -1 : 1);
|
|
442
|
-
|
|
384
|
+
scrollValue += delta * (isRtl ? -1 : 1);
|
|
385
|
+
// Fix for Edge
|
|
443
386
|
scrollValue *= isRtl && (0, _scrollLeft.detectScrollType)() === 'reverse' ? -1 : 1;
|
|
444
387
|
}
|
|
445
|
-
|
|
446
388
|
scroll(scrollValue);
|
|
447
389
|
};
|
|
448
|
-
|
|
449
390
|
const getScrollSize = () => {
|
|
450
391
|
const containerSize = tabsRef.current[clientSize];
|
|
451
392
|
let totalSize = 0;
|
|
452
393
|
const children = Array.from(tabListRef.current.children);
|
|
453
|
-
|
|
454
394
|
for (let i = 0; i < children.length; i += 1) {
|
|
455
395
|
const tab = children[i];
|
|
456
|
-
|
|
457
396
|
if (totalSize + tab[clientSize] > containerSize) {
|
|
458
397
|
// If the first item is longer than the container size, then only scroll
|
|
459
398
|
// by the container size.
|
|
460
399
|
if (i === 0) {
|
|
461
400
|
totalSize = containerSize;
|
|
462
401
|
}
|
|
463
|
-
|
|
464
402
|
break;
|
|
465
403
|
}
|
|
466
|
-
|
|
467
404
|
totalSize += tab[clientSize];
|
|
468
405
|
}
|
|
469
|
-
|
|
470
406
|
return totalSize;
|
|
471
407
|
};
|
|
472
|
-
|
|
473
408
|
const handleStartScrollClick = () => {
|
|
474
409
|
moveTabsScroll(-1 * getScrollSize());
|
|
475
410
|
};
|
|
476
|
-
|
|
477
411
|
const handleEndScrollClick = () => {
|
|
478
412
|
moveTabsScroll(getScrollSize());
|
|
479
|
-
};
|
|
480
|
-
// with CSS improves.
|
|
481
|
-
|
|
413
|
+
};
|
|
482
414
|
|
|
415
|
+
// TODO Remove <ScrollbarSize /> as browser support for hidding the scrollbar
|
|
416
|
+
// with CSS improves.
|
|
483
417
|
const handleScrollbarSizeChange = React.useCallback(scrollbarWidth => {
|
|
484
418
|
setScrollerStyle({
|
|
485
419
|
overflow: null,
|
|
486
420
|
scrollbarWidth
|
|
487
421
|
});
|
|
488
422
|
}, []);
|
|
489
|
-
|
|
490
423
|
const getConditionalElements = () => {
|
|
491
424
|
const conditionalElements = {};
|
|
492
425
|
conditionalElements.scrollbarSizeListener = scrollable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(TabsScrollbarSize, {
|
|
@@ -513,17 +446,14 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
513
446
|
})) : null;
|
|
514
447
|
return conditionalElements;
|
|
515
448
|
};
|
|
516
|
-
|
|
517
449
|
const scrollSelectedIntoView = (0, _useEventCallback.default)(animation => {
|
|
518
450
|
const {
|
|
519
451
|
tabsMeta,
|
|
520
452
|
tabMeta
|
|
521
453
|
} = getTabsMeta();
|
|
522
|
-
|
|
523
454
|
if (!tabMeta || !tabsMeta) {
|
|
524
455
|
return;
|
|
525
456
|
}
|
|
526
|
-
|
|
527
457
|
if (tabMeta[start] < tabsMeta[start]) {
|
|
528
458
|
// left side of button is out of view
|
|
529
459
|
const nextScrollStart = tabsMeta[scrollStart] + (tabMeta[start] - tabsMeta[start]);
|
|
@@ -549,17 +479,15 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
549
479
|
} = tabsRef.current;
|
|
550
480
|
let showStartScroll;
|
|
551
481
|
let showEndScroll;
|
|
552
|
-
|
|
553
482
|
if (vertical) {
|
|
554
483
|
showStartScroll = scrollTop > 1;
|
|
555
484
|
showEndScroll = scrollTop < scrollHeight - clientHeight - 1;
|
|
556
485
|
} else {
|
|
557
|
-
const scrollLeft = (0, _scrollLeft.getNormalizedScrollLeft)(tabsRef.current, theme.direction);
|
|
558
|
-
|
|
486
|
+
const scrollLeft = (0, _scrollLeft.getNormalizedScrollLeft)(tabsRef.current, theme.direction);
|
|
487
|
+
// use 1 for the potential rounding error with browser zooms.
|
|
559
488
|
showStartScroll = isRtl ? scrollLeft < scrollWidth - clientWidth - 1 : scrollLeft > 1;
|
|
560
489
|
showEndScroll = !isRtl ? scrollLeft < scrollWidth - clientWidth - 1 : scrollLeft > 1;
|
|
561
490
|
}
|
|
562
|
-
|
|
563
491
|
if (showStartScroll !== displayScroll.start || showEndScroll !== displayScroll.end) {
|
|
564
492
|
setDisplayScroll({
|
|
565
493
|
start: showStartScroll,
|
|
@@ -584,18 +512,15 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
584
512
|
const win = (0, _ownerWindow.default)(tabsRef.current);
|
|
585
513
|
win.addEventListener('resize', handleResize);
|
|
586
514
|
let resizeObserver;
|
|
587
|
-
|
|
588
515
|
if (typeof ResizeObserver !== 'undefined') {
|
|
589
516
|
resizeObserver = new ResizeObserver(handleResize);
|
|
590
517
|
Array.from(tabListRef.current.children).forEach(child => {
|
|
591
518
|
resizeObserver.observe(child);
|
|
592
519
|
});
|
|
593
520
|
}
|
|
594
|
-
|
|
595
521
|
return () => {
|
|
596
522
|
handleResize.clear();
|
|
597
523
|
win.removeEventListener('resize', handleResize);
|
|
598
|
-
|
|
599
524
|
if (resizeObserver) {
|
|
600
525
|
resizeObserver.disconnect();
|
|
601
526
|
}
|
|
@@ -634,13 +559,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
634
559
|
if (! /*#__PURE__*/React.isValidElement(child)) {
|
|
635
560
|
return null;
|
|
636
561
|
}
|
|
637
|
-
|
|
638
562
|
if (process.env.NODE_ENV !== 'production') {
|
|
639
563
|
if ((0, _reactIs.isFragment)(child)) {
|
|
640
564
|
console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", 'Consider providing an array instead.'].join('\n'));
|
|
641
565
|
}
|
|
642
566
|
}
|
|
643
|
-
|
|
644
567
|
const childValue = child.props.value === undefined ? childIndex : child.props.value;
|
|
645
568
|
valueToIndex.set(childValue, childIndex);
|
|
646
569
|
const selected = childValue === value;
|
|
@@ -657,54 +580,44 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
657
580
|
tabIndex: 0
|
|
658
581
|
} : {}));
|
|
659
582
|
});
|
|
660
|
-
|
|
661
583
|
const handleKeyDown = event => {
|
|
662
584
|
const list = tabListRef.current;
|
|
663
|
-
const currentFocus = (0, _ownerDocument.default)(list).activeElement;
|
|
585
|
+
const currentFocus = (0, _ownerDocument.default)(list).activeElement;
|
|
586
|
+
// Keyboard navigation assumes that [role="tab"] are siblings
|
|
664
587
|
// though we might warn in the future about nested, interactive elements
|
|
665
588
|
// as a a11y violation
|
|
666
|
-
|
|
667
589
|
const role = currentFocus.getAttribute('role');
|
|
668
|
-
|
|
669
590
|
if (role !== 'tab') {
|
|
670
591
|
return;
|
|
671
592
|
}
|
|
672
|
-
|
|
673
593
|
let previousItemKey = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
|
|
674
594
|
let nextItemKey = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
|
|
675
|
-
|
|
676
595
|
if (orientation === 'horizontal' && isRtl) {
|
|
677
596
|
// swap previousItemKey with nextItemKey
|
|
678
597
|
previousItemKey = 'ArrowRight';
|
|
679
598
|
nextItemKey = 'ArrowLeft';
|
|
680
599
|
}
|
|
681
|
-
|
|
682
600
|
switch (event.key) {
|
|
683
601
|
case previousItemKey:
|
|
684
602
|
event.preventDefault();
|
|
685
603
|
moveFocus(list, currentFocus, previousItem);
|
|
686
604
|
break;
|
|
687
|
-
|
|
688
605
|
case nextItemKey:
|
|
689
606
|
event.preventDefault();
|
|
690
607
|
moveFocus(list, currentFocus, nextItem);
|
|
691
608
|
break;
|
|
692
|
-
|
|
693
609
|
case 'Home':
|
|
694
610
|
event.preventDefault();
|
|
695
611
|
moveFocus(list, null, nextItem);
|
|
696
612
|
break;
|
|
697
|
-
|
|
698
613
|
case 'End':
|
|
699
614
|
event.preventDefault();
|
|
700
615
|
moveFocus(list, null, previousItem);
|
|
701
616
|
break;
|
|
702
|
-
|
|
703
617
|
default:
|
|
704
618
|
break;
|
|
705
619
|
}
|
|
706
620
|
};
|
|
707
|
-
|
|
708
621
|
const conditionalElements = getConditionalElements();
|
|
709
622
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TabsRoot, (0, _extends2.default)({
|
|
710
623
|
className: (0, _clsx.default)(classes.root, className),
|
|
@@ -735,14 +648,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
|
|
|
735
648
|
}), conditionalElements.scrollButtonEnd]
|
|
736
649
|
}));
|
|
737
650
|
});
|
|
738
|
-
process.env.NODE_ENV !== "production" ? Tabs.propTypes
|
|
739
|
-
/* remove-proptypes */
|
|
740
|
-
= {
|
|
651
|
+
process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ = {
|
|
741
652
|
// ----------------------------- Warning --------------------------------
|
|
742
653
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
743
654
|
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
744
655
|
// ----------------------------------------------------------------------
|
|
745
|
-
|
|
746
656
|
/**
|
|
747
657
|
* Callback fired when the component mounts.
|
|
748
658
|
* This is useful when you want to trigger an action programmatically.
|
|
@@ -752,60 +662,48 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
|
|
|
752
662
|
* that can be triggered programmatically.
|
|
753
663
|
*/
|
|
754
664
|
action: _utils.refType,
|
|
755
|
-
|
|
756
665
|
/**
|
|
757
666
|
* If `true`, the scroll buttons aren't forced hidden on mobile.
|
|
758
667
|
* By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
|
|
759
668
|
* @default false
|
|
760
669
|
*/
|
|
761
670
|
allowScrollButtonsMobile: _propTypes.default.bool,
|
|
762
|
-
|
|
763
671
|
/**
|
|
764
672
|
* The label for the Tabs as a string.
|
|
765
673
|
*/
|
|
766
674
|
'aria-label': _propTypes.default.string,
|
|
767
|
-
|
|
768
675
|
/**
|
|
769
676
|
* An id or list of ids separated by a space that label the Tabs.
|
|
770
677
|
*/
|
|
771
678
|
'aria-labelledby': _propTypes.default.string,
|
|
772
|
-
|
|
773
679
|
/**
|
|
774
680
|
* If `true`, the tabs are centered.
|
|
775
681
|
* This prop is intended for large views.
|
|
776
682
|
* @default false
|
|
777
683
|
*/
|
|
778
684
|
centered: _propTypes.default.bool,
|
|
779
|
-
|
|
780
685
|
/**
|
|
781
686
|
* The content of the component.
|
|
782
687
|
*/
|
|
783
688
|
children: _propTypes.default.node,
|
|
784
|
-
|
|
785
689
|
/**
|
|
786
690
|
* Override or extend the styles applied to the component.
|
|
787
691
|
*/
|
|
788
692
|
classes: _propTypes.default.object,
|
|
789
|
-
|
|
790
693
|
/**
|
|
791
694
|
* @ignore
|
|
792
695
|
*/
|
|
793
696
|
className: _propTypes.default.string,
|
|
794
|
-
|
|
795
697
|
/**
|
|
796
698
|
* The component used for the root node.
|
|
797
699
|
* Either a string to use a HTML element or a component.
|
|
798
700
|
*/
|
|
799
701
|
component: _propTypes.default.elementType,
|
|
800
|
-
|
|
801
702
|
/**
|
|
802
703
|
* Determines the color of the indicator.
|
|
803
704
|
* @default 'primary'
|
|
804
705
|
*/
|
|
805
|
-
indicatorColor: _propTypes.default
|
|
806
|
-
/* @typescript-to-proptypes-ignore */
|
|
807
|
-
.oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
|
|
808
|
-
|
|
706
|
+
indicatorColor: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
|
|
809
707
|
/**
|
|
810
708
|
* Callback fired when the value changes.
|
|
811
709
|
*
|
|
@@ -813,19 +711,16 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
|
|
|
813
711
|
* @param {any} value We default to the index of the child (number)
|
|
814
712
|
*/
|
|
815
713
|
onChange: _propTypes.default.func,
|
|
816
|
-
|
|
817
714
|
/**
|
|
818
715
|
* The component orientation (layout flow direction).
|
|
819
716
|
* @default 'horizontal'
|
|
820
717
|
*/
|
|
821
718
|
orientation: _propTypes.default.oneOf(['horizontal', 'vertical']),
|
|
822
|
-
|
|
823
719
|
/**
|
|
824
720
|
* The component used to render the scroll buttons.
|
|
825
721
|
* @default TabScrollButton
|
|
826
722
|
*/
|
|
827
723
|
ScrollButtonComponent: _propTypes.default.elementType,
|
|
828
|
-
|
|
829
724
|
/**
|
|
830
725
|
* Determine behavior of scroll buttons when tabs are set to scroll:
|
|
831
726
|
*
|
|
@@ -837,45 +732,36 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
|
|
|
837
732
|
* This behavior can be disabled with `allowScrollButtonsMobile`.
|
|
838
733
|
* @default 'auto'
|
|
839
734
|
*/
|
|
840
|
-
scrollButtons: _propTypes.default
|
|
841
|
-
/* @typescript-to-proptypes-ignore */
|
|
842
|
-
.oneOf(['auto', false, true]),
|
|
843
|
-
|
|
735
|
+
scrollButtons: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOf(['auto', false, true]),
|
|
844
736
|
/**
|
|
845
737
|
* If `true` the selected tab changes on focus. Otherwise it only
|
|
846
738
|
* changes on activation.
|
|
847
739
|
*/
|
|
848
740
|
selectionFollowsFocus: _propTypes.default.bool,
|
|
849
|
-
|
|
850
741
|
/**
|
|
851
742
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
852
743
|
*/
|
|
853
744
|
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]),
|
|
854
|
-
|
|
855
745
|
/**
|
|
856
746
|
* Props applied to the tab indicator element.
|
|
857
747
|
* @default {}
|
|
858
748
|
*/
|
|
859
749
|
TabIndicatorProps: _propTypes.default.object,
|
|
860
|
-
|
|
861
750
|
/**
|
|
862
751
|
* Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
|
|
863
752
|
* @default {}
|
|
864
753
|
*/
|
|
865
754
|
TabScrollButtonProps: _propTypes.default.object,
|
|
866
|
-
|
|
867
755
|
/**
|
|
868
756
|
* Determines the color of the `Tab`.
|
|
869
757
|
* @default 'primary'
|
|
870
758
|
*/
|
|
871
759
|
textColor: _propTypes.default.oneOf(['inherit', 'primary', 'secondary']),
|
|
872
|
-
|
|
873
760
|
/**
|
|
874
761
|
* The value of the currently selected `Tab`.
|
|
875
762
|
* If you don't want any selected `Tab`, you can set this prop to `false`.
|
|
876
763
|
*/
|
|
877
764
|
value: _propTypes.default.any,
|
|
878
|
-
|
|
879
765
|
/**
|
|
880
766
|
* Determines additional display behavior of the tabs:
|
|
881
767
|
*
|
|
@@ -887,7 +773,6 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes
|
|
|
887
773
|
* @default 'standard'
|
|
888
774
|
*/
|
|
889
775
|
variant: _propTypes.default.oneOf(['fullWidth', 'scrollable', 'standard']),
|
|
890
|
-
|
|
891
776
|
/**
|
|
892
777
|
* If `true`, the scrollbar is visible. It can be useful when displaying
|
|
893
778
|
* a long vertical list of tabs.
|
package/Tabs/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, "tabsClasses", {
|
|
|
20
19
|
return _tabsClasses.default;
|
|
21
20
|
}
|
|
22
21
|
});
|
|
23
|
-
|
|
24
22
|
var _Tabs = _interopRequireDefault(require("./Tabs"));
|
|
25
|
-
|
|
26
23
|
var _tabsClasses = _interopRequireWildcard(require("./tabsClasses"));
|
|
27
|
-
|
|
28
24
|
Object.keys(_tabsClasses).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(_tabsClasses).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; }
|