@mui/material 5.13.1 → 5.13.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/Accordion.js +43 -44
- package/AccordionActions/AccordionActions.js +18 -18
- package/AccordionDetails/AccordionDetails.js +9 -7
- package/AccordionSummary/AccordionSummary.js +32 -32
- package/Alert/Alert.js +60 -64
- package/AlertTitle/AlertTitle.js +9 -7
- package/AppBar/AppBar.js +73 -89
- package/Autocomplete/Autocomplete.d.ts +1 -0
- package/Autocomplete/Autocomplete.js +153 -171
- package/Avatar/Avatar.js +38 -42
- package/AvatarGroup/AvatarGroup.js +33 -34
- package/Backdrop/Backdrop.js +31 -33
- package/Badge/Badge.js +107 -119
- package/BottomNavigation/BottomNavigation.js +17 -15
- package/BottomNavigationAction/BottomNavigationAction.js +31 -29
- package/Breadcrumbs/BreadcrumbCollapsed.js +34 -35
- package/Breadcrumbs/Breadcrumbs.js +21 -19
- package/Button/Button.js +133 -168
- package/ButtonBase/ButtonBase.js +42 -43
- package/ButtonBase/TouchRipple.js +12 -9
- package/ButtonGroup/ButtonGroup.js +89 -111
- package/CHANGELOG.md +93 -0
- package/Card/Card.js +12 -11
- package/CardActionArea/CardActionArea.js +12 -9
- package/CardActions/CardActions.js +18 -18
- package/CardContent/CardContent.js +12 -11
- package/CardHeader/CardHeader.js +31 -30
- package/CardMedia/CardMedia.js +27 -28
- package/Checkbox/Checkbox.js +39 -44
- package/Chip/Chip.js +129 -146
- package/CircularProgress/CircularProgress.js +36 -43
- package/Collapse/Collapse.js +65 -73
- package/CssBaseline/CssBaseline.js +14 -17
- package/Dialog/Dialog.js +94 -103
- package/DialogActions/DialogActions.js +18 -18
- package/DialogContent/DialogContent.js +22 -22
- package/DialogContentText/DialogContentText.js +11 -13
- package/DialogTitle/DialogTitle.js +10 -8
- package/Divider/Divider.js +84 -99
- package/Drawer/Drawer.js +76 -85
- package/Fab/Fab.js +60 -71
- package/Fade/Fade.js +30 -31
- package/FilledInput/FilledInput.js +117 -135
- package/FilledInput/filledInputClasses.js +2 -4
- package/FormControl/FormControl.js +35 -41
- package/FormControlLabel/FormControlLabel.js +38 -43
- package/FormGroup/FormGroup.js +16 -16
- package/FormHelperText/FormHelperText.js +23 -30
- package/FormLabel/FormLabel.js +18 -26
- package/GlobalStyles/GlobalStyles.js +3 -3
- package/Grid/Grid.js +41 -50
- package/Grow/Grow.js +30 -31
- package/Hidden/Hidden.js +32 -31
- package/Hidden/HiddenCss.js +29 -29
- package/Hidden/withWidth.js +20 -20
- package/Icon/Icon.js +15 -14
- package/IconButton/IconButton.js +52 -59
- package/ImageList/ImageList.js +29 -30
- package/ImageListItem/ImageListItem.js +39 -40
- package/ImageListItemBar/ImageListItemBar.js +41 -47
- package/Input/Input.js +74 -77
- package/Input/inputClasses.js +2 -4
- package/InputAdornment/InputAdornment.js +34 -36
- package/InputBase/InputBase.js +92 -116
- package/InputLabel/InputLabel.js +68 -83
- package/LinearProgress/LinearProgress.js +58 -64
- package/Link/Link.js +64 -69
- package/List/List.js +24 -24
- package/ListItem/ListItem.js +96 -113
- package/ListItemAvatar/ListItemAvatar.js +15 -15
- package/ListItemButton/ListItemButton.js +35 -40
- package/ListItemIcon/ListItemIcon.js +15 -15
- package/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
- package/ListItemText/ListItemText.js +34 -34
- package/ListSubheader/ListSubheader.js +32 -36
- package/Menu/Menu.js +39 -38
- package/MenuItem/MenuItem.js +45 -50
- package/MenuList/MenuList.js +20 -17
- package/MobileStepper/MobileStepper.js +53 -61
- package/Modal/Modal.js +46 -51
- package/NativeSelect/NativeSelect.js +22 -26
- package/NativeSelect/NativeSelectInput.js +43 -50
- package/OutlinedInput/NotchedOutline.js +51 -55
- package/OutlinedInput/OutlinedInput.js +59 -72
- package/OutlinedInput/outlinedInputClasses.js +2 -4
- package/Pagination/Pagination.js +31 -35
- package/PaginationItem/PaginationItem.js +93 -105
- package/Paper/Paper.js +28 -32
- package/Popover/Popover.js +51 -49
- package/Popper/Popper.js +27 -25
- package/Radio/Radio.js +33 -36
- package/Radio/RadioButtonIcon.js +10 -11
- package/RadioGroup/RadioGroup.js +17 -14
- package/Rating/Rating.js +73 -88
- package/ScopedCssBaseline/ScopedCssBaseline.js +15 -18
- package/Select/Select.js +55 -59
- package/Select/SelectInput.js +57 -58
- package/Skeleton/Skeleton.js +46 -51
- package/Slide/Slide.js +33 -37
- package/Slider/Slider.js +216 -281
- package/Snackbar/Snackbar.js +67 -81
- package/SnackbarContent/SnackbarContent.js +15 -13
- package/SpeedDial/SpeedDial.js +83 -85
- package/SpeedDialAction/SpeedDialAction.js +52 -57
- package/SpeedDialIcon/SpeedDialIcon.js +24 -25
- package/Step/Step.js +26 -27
- package/StepButton/StepButton.js +24 -23
- package/StepConnector/StepConnector.js +31 -34
- package/StepContent/StepContent.js +24 -23
- package/StepIcon/StepIcon.js +22 -22
- package/StepLabel/StepLabel.js +33 -34
- package/Stepper/Stepper.js +31 -33
- package/SvgIcon/SvgIcon.js +20 -19
- package/SwipeableDrawer/SwipeArea.js +30 -33
- package/SwipeableDrawer/SwipeableDrawer.js +43 -49
- package/Switch/Switch.js +52 -59
- package/Tab/Tab.js +83 -93
- package/TabScrollButton/TabScrollButton.js +25 -30
- package/Table/Table.js +19 -20
- package/TableBody/TableBody.js +12 -11
- package/TableCell/TableCell.js +59 -70
- package/TableContainer/TableContainer.js +12 -11
- package/TableFooter/TableFooter.js +12 -11
- package/TableHead/TableHead.js +12 -11
- package/TablePagination/TablePagination.js +49 -53
- package/TablePagination/TablePaginationActions.js +25 -22
- package/TableRow/TableRow.js +14 -13
- package/TableSortLabel/TableSortLabel.js +23 -23
- package/Tabs/ScrollbarSize.js +9 -7
- package/Tabs/Tabs.js +92 -107
- package/TextField/TextField.js +57 -57
- package/ToggleButton/ToggleButton.js +35 -36
- package/ToggleButtonGroup/ToggleButtonGroup.js +59 -60
- package/Toolbar/Toolbar.js +25 -26
- package/Tooltip/Tooltip.js +147 -177
- package/Typography/Typography.js +32 -37
- package/Zoom/Zoom.js +30 -31
- package/index.js +1 -1
- package/internal/SwitchBase.js +43 -45
- package/legacy/Accordion/Accordion.js +8 -9
- package/legacy/AccordionActions/AccordionActions.js +4 -6
- package/legacy/AccordionDetails/AccordionDetails.js +2 -4
- package/legacy/AccordionSummary/AccordionSummary.js +11 -12
- package/legacy/Alert/Alert.js +10 -11
- package/legacy/AlertTitle/AlertTitle.js +2 -4
- package/legacy/AppBar/AppBar.js +16 -18
- package/legacy/Autocomplete/Autocomplete.js +54 -45
- package/legacy/Avatar/Avatar.js +9 -11
- package/legacy/AvatarGroup/AvatarGroup.js +9 -10
- package/legacy/Backdrop/Backdrop.js +8 -10
- package/legacy/Badge/Badge.js +15 -16
- package/legacy/BottomNavigation/BottomNavigation.js +4 -6
- package/legacy/BottomNavigationAction/BottomNavigationAction.js +8 -9
- package/legacy/Breadcrumbs/BreadcrumbCollapsed.js +8 -10
- package/legacy/Breadcrumbs/Breadcrumbs.js +4 -5
- package/legacy/Button/Button.js +36 -37
- package/legacy/ButtonBase/ButtonBase.js +5 -6
- package/legacy/ButtonBase/TouchRipple.js +3 -5
- package/legacy/ButtonGroup/ButtonGroup.js +27 -28
- package/legacy/Card/Card.js +3 -5
- package/legacy/CardActionArea/CardActionArea.js +3 -4
- package/legacy/CardActions/CardActions.js +4 -6
- package/legacy/CardContent/CardContent.js +3 -5
- package/legacy/CardHeader/CardHeader.js +10 -11
- package/legacy/CardMedia/CardMedia.js +7 -9
- package/legacy/Checkbox/Checkbox.js +8 -9
- package/legacy/Chip/Chip.js +25 -26
- package/legacy/CircularProgress/CircularProgress.js +10 -12
- package/legacy/Collapse/Collapse.js +16 -17
- package/legacy/CssBaseline/CssBaseline.js +7 -9
- package/legacy/Dialog/Dialog.js +18 -19
- package/legacy/DialogActions/DialogActions.js +4 -6
- package/legacy/DialogContent/DialogContent.js +4 -5
- package/legacy/DialogContentText/DialogContentText.js +4 -6
- package/legacy/DialogTitle/DialogTitle.js +2 -4
- package/legacy/Divider/Divider.js +17 -19
- package/legacy/Drawer/Drawer.js +21 -23
- package/legacy/Fab/Fab.js +12 -13
- package/legacy/Fade/Fade.js +6 -8
- package/legacy/FilledInput/FilledInput.js +23 -24
- package/legacy/FilledInput/filledInputClasses.js +2 -4
- package/legacy/FormControl/FormControl.js +8 -10
- package/legacy/FormControlLabel/FormControlLabel.js +10 -11
- package/legacy/FormGroup/FormGroup.js +4 -6
- package/legacy/FormHelperText/FormHelperText.js +11 -12
- package/legacy/FormLabel/FormLabel.js +12 -13
- package/legacy/GlobalStyles/GlobalStyles.js +2 -4
- package/legacy/Grid/Grid.js +11 -13
- package/legacy/Grow/Grow.js +6 -8
- package/legacy/Hidden/Hidden.js +13 -15
- package/legacy/Hidden/HiddenCss.js +3 -4
- package/legacy/Hidden/withWidth.js +5 -7
- package/legacy/Icon/Icon.js +3 -5
- package/legacy/IconButton/IconButton.js +14 -15
- package/legacy/ImageList/ImageList.js +7 -9
- package/legacy/ImageListItem/ImageListItem.js +8 -9
- package/legacy/ImageListItemBar/ImageListItemBar.js +11 -13
- package/legacy/Input/Input.js +7 -8
- package/legacy/Input/inputClasses.js +2 -4
- package/legacy/InputAdornment/InputAdornment.js +8 -9
- package/legacy/InputBase/InputBase.js +27 -28
- package/legacy/InputLabel/InputLabel.js +13 -14
- package/legacy/LinearProgress/LinearProgress.js +15 -17
- package/legacy/Link/Link.js +8 -9
- package/legacy/List/List.js +6 -8
- package/legacy/ListItem/ListItem.js +24 -25
- package/legacy/ListItemAvatar/ListItemAvatar.js +4 -6
- package/legacy/ListItemButton/ListItemButton.js +15 -16
- package/legacy/ListItemIcon/ListItemIcon.js +4 -6
- package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +4 -6
- package/legacy/ListItemText/ListItemText.js +10 -11
- package/legacy/ListSubheader/ListSubheader.js +8 -10
- package/legacy/Menu/Menu.js +10 -12
- package/legacy/MenuItem/MenuItem.js +21 -22
- package/legacy/MenuList/MenuList.js +3 -5
- package/legacy/MobileStepper/MobileStepper.js +10 -12
- package/legacy/Modal/Modal.js +9 -11
- package/legacy/NativeSelect/NativeSelect.js +6 -8
- package/legacy/NativeSelect/NativeSelectInput.js +16 -17
- package/legacy/OutlinedInput/NotchedOutline.js +6 -8
- package/legacy/OutlinedInput/OutlinedInput.js +22 -23
- package/legacy/OutlinedInput/outlinedInputClasses.js +2 -4
- package/legacy/Pagination/Pagination.js +7 -9
- package/legacy/PaginationItem/PaginationItem.js +23 -24
- package/legacy/Paper/Paper.js +7 -9
- package/legacy/Popover/Popover.js +10 -12
- package/legacy/Popper/Popper.js +4 -6
- package/legacy/Radio/Radio.js +7 -8
- package/legacy/Radio/RadioButtonIcon.js +3 -5
- package/legacy/RadioGroup/RadioGroup.js +3 -5
- package/legacy/Rating/Rating.js +23 -24
- package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +4 -6
- package/legacy/Select/Select.js +8 -10
- package/legacy/Select/SelectInput.js +10 -11
- package/legacy/Skeleton/Skeleton.js +11 -13
- package/legacy/Slide/Slide.js +8 -10
- package/legacy/Slider/Slider.js +65 -66
- package/legacy/Snackbar/Snackbar.js +15 -16
- package/legacy/SnackbarContent/SnackbarContent.js +4 -5
- package/legacy/SpeedDial/SpeedDial.js +14 -15
- package/legacy/SpeedDialAction/SpeedDialAction.js +15 -16
- package/legacy/SpeedDialIcon/SpeedDialIcon.js +6 -7
- package/legacy/Step/Step.js +6 -8
- package/legacy/StepButton/StepButton.js +7 -8
- package/legacy/StepConnector/StepConnector.js +8 -10
- package/legacy/StepContent/StepContent.js +7 -9
- package/legacy/StepIcon/StepIcon.js +6 -7
- package/legacy/StepLabel/StepLabel.js +19 -20
- package/legacy/Stepper/Stepper.js +8 -10
- package/legacy/SvgIcon/SvgIcon.js +4 -6
- package/legacy/SwipeableDrawer/SwipeArea.js +8 -9
- package/legacy/SwipeableDrawer/SwipeableDrawer.js +8 -10
- package/legacy/Switch/Switch.js +10 -11
- package/legacy/Tab/Tab.js +15 -16
- package/legacy/TabScrollButton/TabScrollButton.js +6 -7
- package/legacy/Table/Table.js +5 -7
- package/legacy/TableBody/TableBody.js +3 -5
- package/legacy/TableCell/TableCell.js +14 -15
- package/legacy/TableContainer/TableContainer.js +3 -5
- package/legacy/TableFooter/TableFooter.js +3 -5
- package/legacy/TableHead/TableHead.js +3 -5
- package/legacy/TablePagination/TablePagination.js +14 -15
- package/legacy/TablePagination/TablePaginationActions.js +7 -9
- package/legacy/TableRow/TableRow.js +3 -4
- package/legacy/TableSortLabel/TableSortLabel.js +6 -7
- package/legacy/Tabs/ScrollbarSize.js +2 -4
- package/legacy/Tabs/Tabs.js +22 -23
- package/legacy/TextField/TextField.js +12 -14
- package/legacy/ToggleButton/ToggleButton.js +11 -12
- package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +7 -8
- package/legacy/Toolbar/Toolbar.js +5 -6
- package/legacy/Tooltip/Tooltip.js +33 -34
- package/legacy/Typography/Typography.js +9 -11
- package/legacy/Zoom/Zoom.js +6 -8
- package/legacy/index.js +1 -1
- package/legacy/internal/SwitchBase.js +8 -10
- package/legacy/styles/CssVarsProvider.js +2 -4
- package/legacy/styles/ThemeProvider.js +2 -4
- package/legacy/styles/adaptV4Theme.js +6 -7
- package/legacy/styles/createMixins.js +2 -3
- package/legacy/styles/createPalette.js +4 -6
- package/legacy/styles/createTheme.js +3 -4
- package/legacy/styles/createTransitions.js +5 -7
- package/legacy/styles/createTypography.js +4 -6
- package/legacy/styles/experimental_extendTheme.js +10 -12
- package/legacy/styles/responsiveFontSizes.js +4 -6
- package/legacy/usePagination/usePagination.js +2 -4
- package/legacy/useScrollTrigger/useScrollTrigger.js +2 -4
- package/legacy/utils/createSvgIcon.js +3 -5
- package/modern/Accordion/Accordion.js +43 -44
- package/modern/AccordionActions/AccordionActions.js +18 -18
- package/modern/AccordionDetails/AccordionDetails.js +9 -7
- package/modern/AccordionSummary/AccordionSummary.js +32 -32
- package/modern/Alert/Alert.js +60 -64
- package/modern/AlertTitle/AlertTitle.js +9 -7
- package/modern/AppBar/AppBar.js +73 -89
- package/modern/Autocomplete/Autocomplete.js +150 -168
- package/modern/Avatar/Avatar.js +38 -42
- package/modern/AvatarGroup/AvatarGroup.js +33 -34
- package/modern/Backdrop/Backdrop.js +31 -33
- package/modern/Badge/Badge.js +107 -119
- package/modern/BottomNavigation/BottomNavigation.js +17 -15
- package/modern/BottomNavigationAction/BottomNavigationAction.js +31 -29
- package/modern/Breadcrumbs/BreadcrumbCollapsed.js +34 -35
- package/modern/Breadcrumbs/Breadcrumbs.js +21 -19
- package/modern/Button/Button.js +133 -168
- package/modern/ButtonBase/ButtonBase.js +42 -43
- package/modern/ButtonBase/TouchRipple.js +12 -9
- package/modern/ButtonGroup/ButtonGroup.js +89 -111
- package/modern/Card/Card.js +12 -11
- package/modern/CardActionArea/CardActionArea.js +12 -9
- package/modern/CardActions/CardActions.js +18 -18
- package/modern/CardContent/CardContent.js +12 -11
- package/modern/CardHeader/CardHeader.js +31 -30
- package/modern/CardMedia/CardMedia.js +27 -28
- package/modern/Checkbox/Checkbox.js +39 -44
- package/modern/Chip/Chip.js +129 -146
- package/modern/CircularProgress/CircularProgress.js +36 -43
- package/modern/Collapse/Collapse.js +65 -73
- package/modern/CssBaseline/CssBaseline.js +14 -17
- package/modern/Dialog/Dialog.js +94 -103
- package/modern/DialogActions/DialogActions.js +18 -18
- package/modern/DialogContent/DialogContent.js +22 -22
- package/modern/DialogContentText/DialogContentText.js +11 -13
- package/modern/DialogTitle/DialogTitle.js +10 -8
- package/modern/Divider/Divider.js +84 -99
- package/modern/Drawer/Drawer.js +76 -85
- package/modern/Fab/Fab.js +59 -70
- package/modern/Fade/Fade.js +30 -31
- package/modern/FilledInput/FilledInput.js +117 -135
- package/modern/FilledInput/filledInputClasses.js +2 -4
- package/modern/FormControl/FormControl.js +35 -41
- package/modern/FormControlLabel/FormControlLabel.js +38 -43
- package/modern/FormGroup/FormGroup.js +16 -16
- package/modern/FormHelperText/FormHelperText.js +23 -30
- package/modern/FormLabel/FormLabel.js +18 -26
- package/modern/GlobalStyles/GlobalStyles.js +3 -3
- package/modern/Grid/Grid.js +41 -50
- package/modern/Grow/Grow.js +30 -31
- package/modern/Hidden/Hidden.js +32 -31
- package/modern/Hidden/HiddenCss.js +29 -29
- package/modern/Hidden/withWidth.js +20 -20
- package/modern/Icon/Icon.js +15 -14
- package/modern/IconButton/IconButton.js +52 -59
- package/modern/ImageList/ImageList.js +29 -30
- package/modern/ImageListItem/ImageListItem.js +39 -40
- package/modern/ImageListItemBar/ImageListItemBar.js +41 -47
- package/modern/Input/Input.js +74 -77
- package/modern/Input/inputClasses.js +2 -4
- package/modern/InputAdornment/InputAdornment.js +34 -36
- package/modern/InputBase/InputBase.js +92 -116
- package/modern/InputLabel/InputLabel.js +68 -83
- package/modern/LinearProgress/LinearProgress.js +58 -64
- package/modern/Link/Link.js +64 -69
- package/modern/List/List.js +24 -24
- package/modern/ListItem/ListItem.js +96 -113
- package/modern/ListItemAvatar/ListItemAvatar.js +15 -15
- package/modern/ListItemButton/ListItemButton.js +35 -40
- package/modern/ListItemIcon/ListItemIcon.js +15 -15
- package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
- package/modern/ListItemText/ListItemText.js +34 -34
- package/modern/ListSubheader/ListSubheader.js +32 -36
- package/modern/Menu/Menu.js +39 -38
- package/modern/MenuItem/MenuItem.js +45 -50
- package/modern/MenuList/MenuList.js +20 -17
- package/modern/MobileStepper/MobileStepper.js +53 -61
- package/modern/Modal/Modal.js +46 -51
- package/modern/NativeSelect/NativeSelect.js +22 -26
- package/modern/NativeSelect/NativeSelectInput.js +43 -50
- package/modern/OutlinedInput/NotchedOutline.js +51 -55
- package/modern/OutlinedInput/OutlinedInput.js +59 -72
- package/modern/OutlinedInput/outlinedInputClasses.js +2 -4
- package/modern/Pagination/Pagination.js +31 -35
- package/modern/PaginationItem/PaginationItem.js +93 -105
- package/modern/Paper/Paper.js +28 -32
- package/modern/Popover/Popover.js +51 -49
- package/modern/Popper/Popper.js +27 -25
- package/modern/Radio/Radio.js +33 -36
- package/modern/Radio/RadioButtonIcon.js +10 -11
- package/modern/RadioGroup/RadioGroup.js +17 -14
- package/modern/Rating/Rating.js +73 -88
- package/modern/ScopedCssBaseline/ScopedCssBaseline.js +15 -18
- package/modern/Select/Select.js +55 -59
- package/modern/Select/SelectInput.js +57 -58
- package/modern/Skeleton/Skeleton.js +46 -51
- package/modern/Slide/Slide.js +33 -37
- package/modern/Slider/Slider.js +216 -281
- package/modern/Snackbar/Snackbar.js +67 -81
- package/modern/SnackbarContent/SnackbarContent.js +15 -13
- package/modern/SpeedDial/SpeedDial.js +83 -85
- package/modern/SpeedDialAction/SpeedDialAction.js +52 -57
- package/modern/SpeedDialIcon/SpeedDialIcon.js +24 -25
- package/modern/Step/Step.js +26 -27
- package/modern/StepButton/StepButton.js +24 -23
- package/modern/StepConnector/StepConnector.js +31 -34
- package/modern/StepContent/StepContent.js +24 -23
- package/modern/StepIcon/StepIcon.js +22 -22
- package/modern/StepLabel/StepLabel.js +33 -34
- package/modern/Stepper/Stepper.js +31 -33
- package/modern/SvgIcon/SvgIcon.js +20 -19
- package/modern/SwipeableDrawer/SwipeArea.js +30 -33
- package/modern/SwipeableDrawer/SwipeableDrawer.js +43 -49
- package/modern/Switch/Switch.js +52 -59
- package/modern/Tab/Tab.js +83 -93
- package/modern/TabScrollButton/TabScrollButton.js +25 -30
- package/modern/Table/Table.js +19 -20
- package/modern/TableBody/TableBody.js +12 -11
- package/modern/TableCell/TableCell.js +59 -70
- package/modern/TableContainer/TableContainer.js +12 -11
- package/modern/TableFooter/TableFooter.js +12 -11
- package/modern/TableHead/TableHead.js +12 -11
- package/modern/TablePagination/TablePagination.js +49 -53
- package/modern/TablePagination/TablePaginationActions.js +25 -22
- package/modern/TableRow/TableRow.js +14 -13
- package/modern/TableSortLabel/TableSortLabel.js +23 -23
- package/modern/Tabs/ScrollbarSize.js +9 -7
- package/modern/Tabs/Tabs.js +92 -107
- package/modern/TextField/TextField.js +57 -57
- package/modern/ToggleButton/ToggleButton.js +35 -36
- package/modern/ToggleButtonGroup/ToggleButtonGroup.js +59 -60
- package/modern/Toolbar/Toolbar.js +25 -26
- package/modern/Tooltip/Tooltip.js +147 -177
- package/modern/Typography/Typography.js +32 -37
- package/modern/Zoom/Zoom.js +30 -31
- package/modern/index.js +1 -1
- package/modern/internal/SwitchBase.js +43 -45
- package/modern/styles/CssVarsProvider.js +3 -3
- package/modern/styles/ThemeProvider.js +10 -7
- package/modern/styles/adaptV4Theme.js +31 -31
- package/modern/styles/createMixins.js +4 -4
- package/modern/styles/createPalette.js +13 -16
- package/modern/styles/createTheme.js +11 -16
- package/modern/styles/createTransitions.js +14 -17
- package/modern/styles/createTypography.js +29 -31
- package/modern/styles/experimental_extendTheme.js +33 -41
- package/modern/styles/responsiveFontSizes.js +11 -17
- package/modern/usePagination/usePagination.js +20 -18
- package/modern/useScrollTrigger/useScrollTrigger.js +10 -8
- package/modern/utils/createSvgIcon.js +5 -4
- package/node/Accordion/Accordion.js +43 -44
- package/node/AccordionActions/AccordionActions.js +18 -18
- package/node/AccordionDetails/AccordionDetails.js +9 -7
- package/node/AccordionSummary/AccordionSummary.js +32 -32
- package/node/Alert/Alert.js +60 -64
- package/node/AlertTitle/AlertTitle.js +9 -7
- package/node/AppBar/AppBar.js +73 -89
- package/node/Autocomplete/Autocomplete.js +153 -171
- package/node/Avatar/Avatar.js +38 -42
- package/node/AvatarGroup/AvatarGroup.js +33 -34
- package/node/Backdrop/Backdrop.js +31 -33
- package/node/Badge/Badge.js +107 -119
- package/node/BottomNavigation/BottomNavigation.js +17 -15
- package/node/BottomNavigationAction/BottomNavigationAction.js +31 -29
- package/node/Breadcrumbs/BreadcrumbCollapsed.js +34 -35
- package/node/Breadcrumbs/Breadcrumbs.js +21 -19
- package/node/Button/Button.js +133 -168
- package/node/ButtonBase/ButtonBase.js +42 -43
- package/node/ButtonBase/TouchRipple.js +12 -9
- package/node/ButtonGroup/ButtonGroup.js +89 -111
- package/node/Card/Card.js +12 -11
- package/node/CardActionArea/CardActionArea.js +12 -9
- package/node/CardActions/CardActions.js +18 -18
- package/node/CardContent/CardContent.js +12 -11
- package/node/CardHeader/CardHeader.js +31 -30
- package/node/CardMedia/CardMedia.js +27 -28
- package/node/Checkbox/Checkbox.js +39 -44
- package/node/Chip/Chip.js +129 -146
- package/node/CircularProgress/CircularProgress.js +36 -43
- package/node/Collapse/Collapse.js +65 -73
- package/node/CssBaseline/CssBaseline.js +14 -17
- package/node/Dialog/Dialog.js +94 -103
- package/node/DialogActions/DialogActions.js +18 -18
- package/node/DialogContent/DialogContent.js +22 -22
- package/node/DialogContentText/DialogContentText.js +11 -13
- package/node/DialogTitle/DialogTitle.js +10 -8
- package/node/Divider/Divider.js +84 -99
- package/node/Drawer/Drawer.js +76 -85
- package/node/Fab/Fab.js +60 -71
- package/node/Fade/Fade.js +30 -31
- package/node/FilledInput/FilledInput.js +117 -135
- package/node/FilledInput/filledInputClasses.js +2 -4
- package/node/FormControl/FormControl.js +35 -41
- package/node/FormControlLabel/FormControlLabel.js +38 -43
- package/node/FormGroup/FormGroup.js +16 -16
- package/node/FormHelperText/FormHelperText.js +23 -30
- package/node/FormLabel/FormLabel.js +18 -26
- package/node/GlobalStyles/GlobalStyles.js +3 -3
- package/node/Grid/Grid.js +43 -54
- package/node/Grow/Grow.js +30 -31
- package/node/Hidden/Hidden.js +36 -34
- package/node/Hidden/HiddenCss.js +29 -29
- package/node/Hidden/withWidth.js +20 -20
- package/node/Icon/Icon.js +15 -14
- package/node/IconButton/IconButton.js +52 -59
- package/node/ImageList/ImageList.js +29 -30
- package/node/ImageListItem/ImageListItem.js +39 -40
- package/node/ImageListItemBar/ImageListItemBar.js +41 -47
- package/node/Input/Input.js +74 -77
- package/node/Input/inputClasses.js +2 -4
- package/node/InputAdornment/InputAdornment.js +34 -36
- package/node/InputBase/InputBase.js +92 -116
- package/node/InputLabel/InputLabel.js +68 -83
- package/node/LinearProgress/LinearProgress.js +58 -64
- package/node/Link/Link.js +64 -69
- package/node/List/List.js +24 -24
- package/node/ListItem/ListItem.js +96 -113
- package/node/ListItemAvatar/ListItemAvatar.js +15 -15
- package/node/ListItemButton/ListItemButton.js +35 -40
- package/node/ListItemIcon/ListItemIcon.js +15 -15
- package/node/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
- package/node/ListItemText/ListItemText.js +34 -34
- package/node/ListSubheader/ListSubheader.js +32 -36
- package/node/Menu/Menu.js +39 -38
- package/node/MenuItem/MenuItem.js +45 -50
- package/node/MenuList/MenuList.js +20 -17
- package/node/MobileStepper/MobileStepper.js +53 -61
- package/node/Modal/Modal.js +46 -51
- package/node/NativeSelect/NativeSelect.js +22 -26
- package/node/NativeSelect/NativeSelectInput.js +43 -50
- package/node/OutlinedInput/NotchedOutline.js +51 -55
- package/node/OutlinedInput/OutlinedInput.js +59 -72
- package/node/OutlinedInput/outlinedInputClasses.js +2 -4
- package/node/Pagination/Pagination.js +31 -35
- package/node/PaginationItem/PaginationItem.js +93 -105
- package/node/Paper/Paper.js +28 -32
- package/node/Popover/Popover.js +51 -49
- package/node/Popper/Popper.js +27 -25
- package/node/Radio/Radio.js +33 -36
- package/node/Radio/RadioButtonIcon.js +10 -11
- package/node/RadioGroup/RadioGroup.js +17 -14
- package/node/Rating/Rating.js +73 -88
- package/node/ScopedCssBaseline/ScopedCssBaseline.js +15 -18
- package/node/Select/Select.js +55 -59
- package/node/Select/SelectInput.js +57 -58
- package/node/Skeleton/Skeleton.js +46 -51
- package/node/Slide/Slide.js +34 -39
- package/node/Slider/Slider.js +216 -281
- package/node/Snackbar/Snackbar.js +67 -81
- package/node/SnackbarContent/SnackbarContent.js +15 -13
- package/node/SpeedDial/SpeedDial.js +83 -85
- package/node/SpeedDialAction/SpeedDialAction.js +52 -59
- package/node/SpeedDialIcon/SpeedDialIcon.js +24 -25
- package/node/Step/Step.js +26 -27
- package/node/StepButton/StepButton.js +24 -23
- package/node/StepConnector/StepConnector.js +31 -34
- package/node/StepContent/StepContent.js +24 -23
- package/node/StepIcon/StepIcon.js +22 -22
- package/node/StepLabel/StepLabel.js +33 -34
- package/node/Stepper/Stepper.js +31 -33
- package/node/SvgIcon/SvgIcon.js +20 -19
- package/node/SwipeableDrawer/SwipeArea.js +30 -33
- package/node/SwipeableDrawer/SwipeableDrawer.js +44 -51
- package/node/Switch/Switch.js +52 -61
- package/node/Tab/Tab.js +83 -93
- package/node/TabScrollButton/TabScrollButton.js +26 -32
- package/node/Table/Table.js +19 -20
- package/node/TableBody/TableBody.js +12 -11
- package/node/TableCell/TableCell.js +59 -70
- package/node/TableContainer/TableContainer.js +12 -11
- package/node/TableFooter/TableFooter.js +12 -11
- package/node/TableHead/TableHead.js +12 -11
- package/node/TablePagination/TablePagination.js +49 -53
- package/node/TablePagination/TablePaginationActions.js +25 -22
- package/node/TableRow/TableRow.js +14 -13
- package/node/TableSortLabel/TableSortLabel.js +23 -23
- package/node/Tabs/ScrollbarSize.js +9 -7
- package/node/Tabs/Tabs.js +92 -107
- package/node/TextField/TextField.js +57 -57
- package/node/ToggleButton/ToggleButton.js +35 -38
- package/node/ToggleButtonGroup/ToggleButtonGroup.js +59 -60
- package/node/Toolbar/Toolbar.js +25 -26
- package/node/Tooltip/Tooltip.js +147 -177
- package/node/Typography/Typography.js +32 -37
- package/node/Zoom/Zoom.js +30 -31
- package/node/index.js +1 -1
- package/node/internal/SwitchBase.js +43 -45
- package/node/styles/CssVarsProvider.js +3 -3
- package/node/styles/ThemeProvider.js +10 -7
- package/node/styles/adaptV4Theme.js +32 -31
- package/node/styles/createMixins.js +5 -4
- package/node/styles/createPalette.js +13 -16
- package/node/styles/createTheme.js +11 -16
- package/node/styles/createTransitions.js +15 -17
- package/node/styles/createTypography.js +30 -31
- package/node/styles/experimental_extendTheme.js +33 -41
- package/node/styles/responsiveFontSizes.js +12 -17
- package/node/usePagination/usePagination.js +21 -18
- package/node/useScrollTrigger/useScrollTrigger.js +11 -8
- package/node/utils/createSvgIcon.js +5 -4
- package/package.json +4 -4
- package/styles/CssVarsProvider.js +3 -3
- package/styles/ThemeProvider.js +10 -7
- package/styles/adaptV4Theme.js +31 -31
- package/styles/createMixins.js +4 -4
- package/styles/createPalette.js +13 -16
- package/styles/createTheme.js +11 -16
- package/styles/createTransitions.js +14 -17
- package/styles/createTypography.js +29 -31
- package/styles/experimental_extendTheme.js +33 -41
- package/styles/responsiveFontSizes.js +11 -17
- package/umd/material-ui.development.js +6066 -7085
- package/umd/material-ui.production.min.js +21 -21
- package/usePagination/usePagination.js +20 -18
- package/useScrollTrigger/useScrollTrigger.js +10 -8
- package/utils/createSvgIcon.js +5 -4
package/legacy/Paper/Paper.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import
|
|
3
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
2
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
5
3
|
import * as React from 'react';
|
|
6
4
|
import PropTypes from 'prop-types';
|
|
7
5
|
import clsx from 'clsx';
|
|
@@ -35,19 +33,19 @@ var PaperRoot = styled('div', {
|
|
|
35
33
|
var _theme$vars$overlays;
|
|
36
34
|
var theme = _ref.theme,
|
|
37
35
|
ownerState = _ref.ownerState;
|
|
38
|
-
return
|
|
36
|
+
return _extends({
|
|
39
37
|
backgroundColor: (theme.vars || theme).palette.background.paper,
|
|
40
38
|
color: (theme.vars || theme).palette.text.primary,
|
|
41
39
|
transition: theme.transitions.create('box-shadow')
|
|
42
40
|
}, !ownerState.square && {
|
|
43
41
|
borderRadius: theme.shape.borderRadius
|
|
44
|
-
}
|
|
42
|
+
}, ownerState.variant === 'outlined' && {
|
|
45
43
|
border: "1px solid ".concat((theme.vars || theme).palette.divider)
|
|
46
|
-
}
|
|
44
|
+
}, ownerState.variant === 'elevation' && _extends({
|
|
47
45
|
boxShadow: (theme.vars || theme).shadows[ownerState.elevation]
|
|
48
46
|
}, !theme.vars && theme.palette.mode === 'dark' && {
|
|
49
47
|
backgroundImage: "linear-gradient(".concat(alpha('#fff', getOverlayAlpha(ownerState.elevation)), ", ").concat(alpha('#fff', getOverlayAlpha(ownerState.elevation)), ")")
|
|
50
|
-
}
|
|
48
|
+
}, theme.vars && {
|
|
51
49
|
backgroundImage: (_theme$vars$overlays = theme.vars.overlays) == null ? void 0 : _theme$vars$overlays[ownerState.elevation]
|
|
52
50
|
}));
|
|
53
51
|
});
|
|
@@ -66,7 +64,7 @@ var Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
|
|
|
66
64
|
_props$variant = props.variant,
|
|
67
65
|
variant = _props$variant === void 0 ? 'elevation' : _props$variant,
|
|
68
66
|
other = _objectWithoutProperties(props, ["className", "component", "elevation", "square", "variant"]);
|
|
69
|
-
var ownerState =
|
|
67
|
+
var ownerState = _extends({}, props, {
|
|
70
68
|
component: component,
|
|
71
69
|
elevation: elevation,
|
|
72
70
|
square: square,
|
|
@@ -80,7 +78,7 @@ var Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
|
|
|
80
78
|
console.error(["MUI: The elevation provided <Paper elevation={".concat(elevation, "}> is not available in the theme."), "Please make sure that `theme.shadows[".concat(elevation, "]` is defined.")].join('\n'));
|
|
81
79
|
}
|
|
82
80
|
}
|
|
83
|
-
return /*#__PURE__*/_jsx(PaperRoot,
|
|
81
|
+
return /*#__PURE__*/_jsx(PaperRoot, _extends({
|
|
84
82
|
as: component,
|
|
85
83
|
ownerState: ownerState,
|
|
86
84
|
className: clsx(classes.root, className),
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
3
|
import * as React from 'react';
|
|
6
4
|
import PropTypes from 'prop-types';
|
|
7
5
|
import clsx from 'clsx';
|
|
@@ -123,7 +121,7 @@ var Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
|
|
|
123
121
|
other = _objectWithoutProperties(props, ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps"]);
|
|
124
122
|
var paperRef = React.useRef();
|
|
125
123
|
var handlePaperRef = useForkRef(paperRef, PaperProps.ref);
|
|
126
|
-
var ownerState =
|
|
124
|
+
var ownerState = _extends({}, props, {
|
|
127
125
|
anchorOrigin: anchorOrigin,
|
|
128
126
|
anchorReference: anchorReference,
|
|
129
127
|
elevation: elevation,
|
|
@@ -297,7 +295,7 @@ var Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
|
|
|
297
295
|
// If the anchorEl prop is provided, use its parent body element as the container
|
|
298
296
|
// If neither are provided let the Modal take care of choosing the container
|
|
299
297
|
var container = containerProp || (anchorEl ? ownerDocument(resolveAnchorEl(anchorEl)).body : undefined);
|
|
300
|
-
return /*#__PURE__*/_jsx(PopoverRoot,
|
|
298
|
+
return /*#__PURE__*/_jsx(PopoverRoot, _extends({
|
|
301
299
|
BackdropProps: {
|
|
302
300
|
invisible: true
|
|
303
301
|
},
|
|
@@ -306,24 +304,24 @@ var Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
|
|
|
306
304
|
open: open,
|
|
307
305
|
ref: ref,
|
|
308
306
|
ownerState: ownerState
|
|
309
|
-
}, other
|
|
310
|
-
children: /*#__PURE__*/_jsx(TransitionComponent,
|
|
307
|
+
}, other, {
|
|
308
|
+
children: /*#__PURE__*/_jsx(TransitionComponent, _extends({
|
|
311
309
|
appear: true,
|
|
312
310
|
in: open,
|
|
313
311
|
onEntering: handleEntering,
|
|
314
312
|
onExited: handleExited,
|
|
315
313
|
timeout: transitionDuration
|
|
316
|
-
}, TransitionProps
|
|
317
|
-
children: /*#__PURE__*/_jsx(PopoverPaper,
|
|
314
|
+
}, TransitionProps, {
|
|
315
|
+
children: /*#__PURE__*/_jsx(PopoverPaper, _extends({
|
|
318
316
|
elevation: elevation
|
|
319
|
-
}, PaperProps
|
|
317
|
+
}, PaperProps, {
|
|
320
318
|
ref: handlePaperRef,
|
|
321
319
|
className: clsx(classes.paper, PaperProps.className)
|
|
322
320
|
}, isPositioned ? undefined : {
|
|
323
|
-
style:
|
|
321
|
+
style: _extends({}, PaperProps.style, {
|
|
324
322
|
opacity: 0
|
|
325
323
|
})
|
|
326
|
-
}
|
|
324
|
+
}, {
|
|
327
325
|
ownerState: ownerState,
|
|
328
326
|
children: children
|
|
329
327
|
}))
|
package/legacy/Popper/Popper.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
3
|
import BasePopper from '@mui/base/Popper';
|
|
6
4
|
import { useThemeWithoutDefault as useTheme } from '@mui/system';
|
|
7
5
|
import { HTMLElementType, refType } from '@mui/utils';
|
|
@@ -53,7 +51,7 @@ var Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
|
|
|
53
51
|
slotProps = props.slotProps,
|
|
54
52
|
other = _objectWithoutProperties(props, ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"]);
|
|
55
53
|
var RootComponent = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components == null ? void 0 : components.Root;
|
|
56
|
-
var otherProps =
|
|
54
|
+
var otherProps = _extends({
|
|
57
55
|
anchorEl: anchorEl,
|
|
58
56
|
container: container,
|
|
59
57
|
disablePortal: disablePortal,
|
|
@@ -65,14 +63,14 @@ var Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
|
|
|
65
63
|
popperRef: popperRef,
|
|
66
64
|
transition: transition
|
|
67
65
|
}, other);
|
|
68
|
-
return /*#__PURE__*/_jsx(PopperRoot,
|
|
66
|
+
return /*#__PURE__*/_jsx(PopperRoot, _extends({
|
|
69
67
|
as: component,
|
|
70
68
|
direction: theme == null ? void 0 : theme.direction,
|
|
71
69
|
slots: {
|
|
72
70
|
root: RootComponent
|
|
73
71
|
},
|
|
74
72
|
slotProps: slotProps != null ? slotProps : componentsProps
|
|
75
|
-
}, otherProps
|
|
73
|
+
}, otherProps, {
|
|
76
74
|
ref: ref
|
|
77
75
|
}));
|
|
78
76
|
});
|
package/legacy/Radio/Radio.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
import _typeof from "@babel/runtime/helpers/esm/typeof";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
|
-
|
|
5
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
6
5
|
import * as React from 'react';
|
|
7
6
|
import PropTypes from 'prop-types';
|
|
8
7
|
import clsx from 'clsx';
|
|
@@ -24,7 +23,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
|
|
|
24
23
|
var slots = {
|
|
25
24
|
root: ['root', "color".concat(capitalize(color))]
|
|
26
25
|
};
|
|
27
|
-
return
|
|
26
|
+
return _extends({}, classes, composeClasses(slots, getRadioUtilityClass, classes));
|
|
28
27
|
};
|
|
29
28
|
var RadioRoot = styled(SwitchBase, {
|
|
30
29
|
shouldForwardProp: function shouldForwardProp(prop) {
|
|
@@ -39,7 +38,7 @@ var RadioRoot = styled(SwitchBase, {
|
|
|
39
38
|
})(function (_ref) {
|
|
40
39
|
var theme = _ref.theme,
|
|
41
40
|
ownerState = _ref.ownerState;
|
|
42
|
-
return
|
|
41
|
+
return _extends({
|
|
43
42
|
color: (theme.vars || theme).palette.text.secondary
|
|
44
43
|
}, !ownerState.disableRipple && {
|
|
45
44
|
'&:hover': {
|
|
@@ -49,9 +48,9 @@ var RadioRoot = styled(SwitchBase, {
|
|
|
49
48
|
backgroundColor: 'transparent'
|
|
50
49
|
}
|
|
51
50
|
}
|
|
52
|
-
}
|
|
51
|
+
}, ownerState.color !== 'default' && _defineProperty({}, "&.".concat(radioClasses.checked), {
|
|
53
52
|
color: (theme.vars || theme).palette[ownerState.color].main
|
|
54
|
-
})
|
|
53
|
+
}), _defineProperty({}, "&.".concat(radioClasses.disabled), {
|
|
55
54
|
color: (theme.vars || theme).palette.action.disabled
|
|
56
55
|
}));
|
|
57
56
|
});
|
|
@@ -86,7 +85,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
|
|
|
86
85
|
size = _props$size === void 0 ? 'medium' : _props$size,
|
|
87
86
|
className = props.className,
|
|
88
87
|
other = _objectWithoutProperties(props, ["checked", "checkedIcon", "color", "icon", "name", "onChange", "size", "className"]);
|
|
89
|
-
var ownerState =
|
|
88
|
+
var ownerState = _extends({}, props, {
|
|
90
89
|
color: color,
|
|
91
90
|
size: size
|
|
92
91
|
});
|
|
@@ -103,7 +102,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function Radio(inProps, ref) {
|
|
|
103
102
|
name = radioGroup.name;
|
|
104
103
|
}
|
|
105
104
|
}
|
|
106
|
-
return /*#__PURE__*/_jsx(RadioRoot,
|
|
105
|
+
return /*#__PURE__*/_jsx(RadioRoot, _extends({
|
|
107
106
|
type: "radio",
|
|
108
107
|
icon: /*#__PURE__*/React.cloneElement(icon, {
|
|
109
108
|
fontSize: (_defaultIcon$props$fo = defaultIcon.props.fontSize) != null ? _defaultIcon$props$fo : size
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
2
|
import * as React from 'react';
|
|
5
3
|
import PropTypes from 'prop-types';
|
|
6
4
|
import RadioButtonUncheckedIcon from '../internal/svg-icons/RadioButtonUnchecked';
|
|
@@ -19,7 +17,7 @@ var RadioButtonIconBackground = styled(RadioButtonUncheckedIcon)({
|
|
|
19
17
|
var RadioButtonIconDot = styled(RadioButtonCheckedIcon)(function (_ref) {
|
|
20
18
|
var theme = _ref.theme,
|
|
21
19
|
ownerState = _ref.ownerState;
|
|
22
|
-
return
|
|
20
|
+
return _extends({
|
|
23
21
|
left: 0,
|
|
24
22
|
position: 'absolute',
|
|
25
23
|
transform: 'scale(0)',
|
|
@@ -45,7 +43,7 @@ function RadioButtonIcon(props) {
|
|
|
45
43
|
_props$classes = props.classes,
|
|
46
44
|
classes = _props$classes === void 0 ? {} : _props$classes,
|
|
47
45
|
fontSize = props.fontSize;
|
|
48
|
-
var ownerState =
|
|
46
|
+
var ownerState = _extends({}, props, {
|
|
49
47
|
checked: checked
|
|
50
48
|
});
|
|
51
49
|
return /*#__PURE__*/_jsxs(RadioButtonIconRoot, {
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
4
|
import * as React from 'react';
|
|
7
5
|
import PropTypes from 'prop-types';
|
|
8
6
|
import FormGroup from '../FormGroup';
|
|
@@ -57,10 +55,10 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function RadioGroup(props, ref) {
|
|
|
57
55
|
}, [name, _onChange, setValueState, value]);
|
|
58
56
|
return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
|
|
59
57
|
value: contextValue,
|
|
60
|
-
children: /*#__PURE__*/_jsx(FormGroup,
|
|
58
|
+
children: /*#__PURE__*/_jsx(FormGroup, _extends({
|
|
61
59
|
role: "radiogroup",
|
|
62
60
|
ref: handleRef
|
|
63
|
-
}, other
|
|
61
|
+
}, other, {
|
|
64
62
|
children: children
|
|
65
63
|
}))
|
|
66
64
|
});
|
package/legacy/Rating/Rating.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
4
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
4
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
5
|
import * as React from 'react';
|
|
7
6
|
import PropTypes from 'prop-types';
|
|
8
7
|
import clsx from 'clsx';
|
|
@@ -67,10 +66,10 @@ var RatingRoot = styled('span', {
|
|
|
67
66
|
return [_defineProperty({}, "& .".concat(ratingClasses.visuallyHidden), styles.visuallyHidden), styles.root, styles["size".concat(capitalize(ownerState.size))], ownerState.readOnly && styles.readOnly];
|
|
68
67
|
}
|
|
69
68
|
})(function (_ref2) {
|
|
70
|
-
var
|
|
69
|
+
var _extends2;
|
|
71
70
|
var theme = _ref2.theme,
|
|
72
71
|
ownerState = _ref2.ownerState;
|
|
73
|
-
return
|
|
72
|
+
return _extends((_extends2 = {
|
|
74
73
|
display: 'inline-flex',
|
|
75
74
|
// Required to position the pristine input absolutely
|
|
76
75
|
position: 'relative',
|
|
@@ -79,16 +78,16 @@ var RatingRoot = styled('span', {
|
|
|
79
78
|
cursor: 'pointer',
|
|
80
79
|
textAlign: 'left',
|
|
81
80
|
WebkitTapHighlightColor: 'transparent'
|
|
82
|
-
}, _defineProperty(
|
|
81
|
+
}, _defineProperty(_extends2, "&.".concat(ratingClasses.disabled), {
|
|
83
82
|
opacity: (theme.vars || theme).palette.action.disabledOpacity,
|
|
84
83
|
pointerEvents: 'none'
|
|
85
|
-
}), _defineProperty(
|
|
84
|
+
}), _defineProperty(_extends2, "&.".concat(ratingClasses.focusVisible, " .").concat(ratingClasses.iconActive), {
|
|
86
85
|
outline: '1px solid #999'
|
|
87
|
-
}), _defineProperty(
|
|
86
|
+
}), _defineProperty(_extends2, "& .".concat(ratingClasses.visuallyHidden), visuallyHidden), _extends2), ownerState.size === 'small' && {
|
|
88
87
|
fontSize: theme.typography.pxToRem(18)
|
|
89
|
-
}
|
|
88
|
+
}, ownerState.size === 'large' && {
|
|
90
89
|
fontSize: theme.typography.pxToRem(30)
|
|
91
|
-
}
|
|
90
|
+
}, ownerState.readOnly && {
|
|
92
91
|
pointerEvents: 'none'
|
|
93
92
|
});
|
|
94
93
|
});
|
|
@@ -101,7 +100,7 @@ var RatingLabel = styled('label', {
|
|
|
101
100
|
}
|
|
102
101
|
})(function (_ref4) {
|
|
103
102
|
var ownerState = _ref4.ownerState;
|
|
104
|
-
return
|
|
103
|
+
return _extends({
|
|
105
104
|
cursor: 'inherit'
|
|
106
105
|
}, ownerState.emptyValueFocused && {
|
|
107
106
|
top: 0,
|
|
@@ -121,7 +120,7 @@ var RatingIcon = styled('span', {
|
|
|
121
120
|
})(function (_ref5) {
|
|
122
121
|
var theme = _ref5.theme,
|
|
123
122
|
ownerState = _ref5.ownerState;
|
|
124
|
-
return
|
|
123
|
+
return _extends({
|
|
125
124
|
// Fit wrapper to actual icon size.
|
|
126
125
|
display: 'flex',
|
|
127
126
|
transition: theme.transitions.create('transform', {
|
|
@@ -132,7 +131,7 @@ var RatingIcon = styled('span', {
|
|
|
132
131
|
pointerEvents: 'none'
|
|
133
132
|
}, ownerState.iconActive && {
|
|
134
133
|
transform: 'scale(1.2)'
|
|
135
|
-
}
|
|
134
|
+
}, ownerState.iconEmpty && {
|
|
136
135
|
color: (theme.vars || theme).palette.action.disabled
|
|
137
136
|
});
|
|
138
137
|
});
|
|
@@ -148,7 +147,7 @@ var RatingDecimal = styled('span', {
|
|
|
148
147
|
}
|
|
149
148
|
})(function (_ref6) {
|
|
150
149
|
var iconActive = _ref6.iconActive;
|
|
151
|
-
return
|
|
150
|
+
return _extends({
|
|
152
151
|
position: 'relative'
|
|
153
152
|
}, iconActive && {
|
|
154
153
|
transform: 'scale(1.2)'
|
|
@@ -157,7 +156,7 @@ var RatingDecimal = styled('span', {
|
|
|
157
156
|
function IconContainer(props) {
|
|
158
157
|
var value = props.value,
|
|
159
158
|
other = _objectWithoutProperties(props, ["value"]);
|
|
160
|
-
return /*#__PURE__*/_jsx("span",
|
|
159
|
+
return /*#__PURE__*/_jsx("span", _extends({}, other));
|
|
161
160
|
}
|
|
162
161
|
process.env.NODE_ENV !== "production" ? IconContainer.propTypes = {
|
|
163
162
|
value: PropTypes.number.isRequired
|
|
@@ -193,7 +192,7 @@ function RatingItem(props) {
|
|
|
193
192
|
as: IconContainerComponent,
|
|
194
193
|
value: itemValue,
|
|
195
194
|
className: clsx(classes.icon, isFilled ? classes.iconFilled : classes.iconEmpty, isHovered && classes.iconHover, isFocused && classes.iconFocus, isActive && classes.iconActive),
|
|
196
|
-
ownerState:
|
|
195
|
+
ownerState: _extends({}, ownerState, {
|
|
197
196
|
iconEmpty: !isFilled,
|
|
198
197
|
iconFilled: isFilled,
|
|
199
198
|
iconHover: isHovered,
|
|
@@ -203,17 +202,17 @@ function RatingItem(props) {
|
|
|
203
202
|
children: emptyIcon && !isFilled ? emptyIcon : icon
|
|
204
203
|
});
|
|
205
204
|
if (readOnly) {
|
|
206
|
-
return /*#__PURE__*/_jsx("span",
|
|
205
|
+
return /*#__PURE__*/_jsx("span", _extends({}, labelProps, {
|
|
207
206
|
children: container
|
|
208
207
|
}));
|
|
209
208
|
}
|
|
210
209
|
return /*#__PURE__*/_jsxs(React.Fragment, {
|
|
211
|
-
children: [/*#__PURE__*/_jsxs(RatingLabel,
|
|
212
|
-
ownerState:
|
|
210
|
+
children: [/*#__PURE__*/_jsxs(RatingLabel, _extends({
|
|
211
|
+
ownerState: _extends({}, ownerState, {
|
|
213
212
|
emptyValueFocused: undefined
|
|
214
213
|
}),
|
|
215
214
|
htmlFor: id
|
|
216
|
-
}, labelProps
|
|
215
|
+
}, labelProps, {
|
|
217
216
|
children: [container, /*#__PURE__*/_jsx("span", {
|
|
218
217
|
className: classes.visuallyHidden,
|
|
219
218
|
children: getLabelText(itemValue)
|
|
@@ -440,7 +439,7 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
|
|
|
440
439
|
var _React$useState3 = React.useState(false),
|
|
441
440
|
emptyValueFocused = _React$useState3[0],
|
|
442
441
|
setEmptyValueFocused = _React$useState3[1];
|
|
443
|
-
var ownerState =
|
|
442
|
+
var ownerState = _extends({}, props, {
|
|
444
443
|
defaultValue: defaultValue,
|
|
445
444
|
disabled: disabled,
|
|
446
445
|
emptyIcon: emptyIcon,
|
|
@@ -456,7 +455,7 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
|
|
|
456
455
|
size: size
|
|
457
456
|
});
|
|
458
457
|
var classes = useUtilityClasses(ownerState);
|
|
459
|
-
return /*#__PURE__*/_jsxs(RatingRoot,
|
|
458
|
+
return /*#__PURE__*/_jsxs(RatingRoot, _extends({
|
|
460
459
|
ref: handleRef,
|
|
461
460
|
onMouseMove: handleMouseMove,
|
|
462
461
|
onMouseLeave: handleMouseLeave,
|
|
@@ -464,7 +463,7 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
|
|
|
464
463
|
ownerState: ownerState,
|
|
465
464
|
role: readOnly ? 'img' : null,
|
|
466
465
|
"aria-label": readOnly ? getLabelText(value) : null
|
|
467
|
-
}, other
|
|
466
|
+
}, other, {
|
|
468
467
|
children: [Array.from(new Array(max)).map(function (_, index) {
|
|
469
468
|
var itemValue = index + 1;
|
|
470
469
|
var ratingItemProps = {
|
|
@@ -496,7 +495,7 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
|
|
|
496
495
|
iconActive: isActive,
|
|
497
496
|
children: items.map(function ($, indexDecimal) {
|
|
498
497
|
var itemDecimalValue = roundValueToPrecision(itemValue - 1 + (indexDecimal + 1) * precision, precision);
|
|
499
|
-
return /*#__PURE__*/_jsx(RatingItem,
|
|
498
|
+
return /*#__PURE__*/_jsx(RatingItem, _extends({}, ratingItemProps, {
|
|
500
499
|
// The icon is already displayed as active
|
|
501
500
|
isActive: false,
|
|
502
501
|
itemValue: itemDecimalValue,
|
|
@@ -511,7 +510,7 @@ var Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
|
|
|
511
510
|
})
|
|
512
511
|
}, itemValue);
|
|
513
512
|
}
|
|
514
|
-
return /*#__PURE__*/_jsx(RatingItem,
|
|
513
|
+
return /*#__PURE__*/_jsx(RatingItem, _extends({}, ratingItemProps, {
|
|
515
514
|
isActive: isActive,
|
|
516
515
|
itemValue: itemValue
|
|
517
516
|
}), itemValue);
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import
|
|
2
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
4
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
4
|
import * as React from 'react';
|
|
7
5
|
import PropTypes from 'prop-types';
|
|
8
6
|
import clsx from 'clsx';
|
|
@@ -40,7 +38,7 @@ var ScopedCssBaselineRoot = styled('div', {
|
|
|
40
38
|
};
|
|
41
39
|
});
|
|
42
40
|
}
|
|
43
|
-
return
|
|
41
|
+
return _extends({}, html(theme, ownerState.enableColorScheme), body(theme), {
|
|
44
42
|
'& *, & *::before, & *::after': {
|
|
45
43
|
boxSizing: 'inherit'
|
|
46
44
|
},
|
|
@@ -59,11 +57,11 @@ var ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseline
|
|
|
59
57
|
component = _props$component === void 0 ? 'div' : _props$component,
|
|
60
58
|
enableColorScheme = props.enableColorScheme,
|
|
61
59
|
other = _objectWithoutProperties(props, ["className", "component", "enableColorScheme"]);
|
|
62
|
-
var ownerState =
|
|
60
|
+
var ownerState = _extends({}, props, {
|
|
63
61
|
component: component
|
|
64
62
|
});
|
|
65
63
|
var classes = useUtilityClasses(ownerState);
|
|
66
|
-
return /*#__PURE__*/_jsx(ScopedCssBaselineRoot,
|
|
64
|
+
return /*#__PURE__*/_jsx(ScopedCssBaselineRoot, _extends({
|
|
67
65
|
as: component,
|
|
68
66
|
className: clsx(classes.root, className),
|
|
69
67
|
ref: ref,
|
package/legacy/Select/Select.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
3
|
import * as React from 'react';
|
|
6
4
|
import PropTypes from 'prop-types';
|
|
7
5
|
import clsx from 'clsx';
|
|
@@ -78,7 +76,7 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
|
|
|
78
76
|
states: ['variant', 'error']
|
|
79
77
|
});
|
|
80
78
|
var variant = fcs.variant || variantProp;
|
|
81
|
-
var ownerState =
|
|
79
|
+
var ownerState = _extends({}, props, {
|
|
82
80
|
variant: variant,
|
|
83
81
|
classes: classesProp
|
|
84
82
|
});
|
|
@@ -97,11 +95,11 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
|
|
|
97
95
|
}[variant];
|
|
98
96
|
var inputComponentRef = useForkRef(ref, InputComponent.ref);
|
|
99
97
|
return /*#__PURE__*/_jsx(React.Fragment, {
|
|
100
|
-
children: /*#__PURE__*/React.cloneElement(InputComponent,
|
|
98
|
+
children: /*#__PURE__*/React.cloneElement(InputComponent, _extends({
|
|
101
99
|
// Most of the logic is implemented in `SelectInput`.
|
|
102
100
|
// The `Select` component is a simple API wrapper to expose something better to play with.
|
|
103
101
|
inputComponent: inputComponent,
|
|
104
|
-
inputProps:
|
|
102
|
+
inputProps: _extends({
|
|
105
103
|
children: children,
|
|
106
104
|
error: fcs.error,
|
|
107
105
|
IconComponent: IconComponent,
|
|
@@ -121,20 +119,20 @@ var Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
|
|
|
121
119
|
onOpen: onOpen,
|
|
122
120
|
open: open,
|
|
123
121
|
renderValue: renderValue,
|
|
124
|
-
SelectDisplayProps:
|
|
122
|
+
SelectDisplayProps: _extends({
|
|
125
123
|
id: id
|
|
126
124
|
}, SelectDisplayProps)
|
|
127
|
-
}
|
|
125
|
+
}, inputProps, {
|
|
128
126
|
classes: inputProps ? deepmerge(classes, inputProps.classes) : classes
|
|
129
127
|
}, input ? input.props.inputProps : {})
|
|
130
128
|
}, multiple && native && variant === 'outlined' ? {
|
|
131
129
|
notched: true
|
|
132
|
-
} : {}
|
|
130
|
+
} : {}, {
|
|
133
131
|
ref: inputComponentRef,
|
|
134
132
|
className: clsx(InputComponent.props.className, className)
|
|
135
133
|
}, !input && {
|
|
136
134
|
variant: variant
|
|
137
|
-
}
|
|
135
|
+
}, other))
|
|
138
136
|
});
|
|
139
137
|
});
|
|
140
138
|
process.env.NODE_ENV !== "production" ? Select.propTypes /* remove-proptypes */ = {
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
1
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
4
|
import _typeof from "@babel/runtime/helpers/esm/typeof";
|
|
4
5
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
5
6
|
import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
|
|
6
7
|
var _span;
|
|
7
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
8
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
8
|
import * as React from 'react';
|
|
10
9
|
import { isFragment } from 'react-is';
|
|
11
10
|
import PropTypes from 'prop-types';
|
|
@@ -435,7 +434,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
|
|
|
435
434
|
tabIndex = disabled ? null : 0;
|
|
436
435
|
}
|
|
437
436
|
var buttonId = SelectDisplayProps.id || (name ? "mui-component-select-".concat(name) : undefined);
|
|
438
|
-
var ownerState =
|
|
437
|
+
var ownerState = _extends({}, props, {
|
|
439
438
|
variant: variant,
|
|
440
439
|
value: value,
|
|
441
440
|
open: open,
|
|
@@ -443,7 +442,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
|
|
|
443
442
|
});
|
|
444
443
|
var classes = useUtilityClasses(ownerState);
|
|
445
444
|
return /*#__PURE__*/_jsxs(React.Fragment, {
|
|
446
|
-
children: [/*#__PURE__*/_jsx(SelectSelect,
|
|
445
|
+
children: [/*#__PURE__*/_jsx(SelectSelect, _extends({
|
|
447
446
|
ref: handleDisplayRef,
|
|
448
447
|
tabIndex: tabIndex,
|
|
449
448
|
role: "button",
|
|
@@ -457,7 +456,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
|
|
|
457
456
|
onMouseDown: disabled || readOnly ? null : handleMouseDown,
|
|
458
457
|
onBlur: handleBlur,
|
|
459
458
|
onFocus: onFocus
|
|
460
|
-
}, SelectDisplayProps
|
|
459
|
+
}, SelectDisplayProps, {
|
|
461
460
|
ownerState: ownerState,
|
|
462
461
|
className: clsx(SelectDisplayProps.className, classes.select, className)
|
|
463
462
|
// The id is required for proper a11y
|
|
@@ -468,7 +467,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
|
|
|
468
467
|
className: "notranslate",
|
|
469
468
|
children: "\u200B"
|
|
470
469
|
})) : display
|
|
471
|
-
})), /*#__PURE__*/_jsx(SelectNativeInput,
|
|
470
|
+
})), /*#__PURE__*/_jsx(SelectNativeInput, _extends({
|
|
472
471
|
"aria-invalid": error,
|
|
473
472
|
value: Array.isArray(value) ? value.join(',') : value,
|
|
474
473
|
name: name,
|
|
@@ -484,7 +483,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
|
|
|
484
483
|
as: IconComponent,
|
|
485
484
|
className: classes.icon,
|
|
486
485
|
ownerState: ownerState
|
|
487
|
-
}), /*#__PURE__*/_jsx(Menu,
|
|
486
|
+
}), /*#__PURE__*/_jsx(Menu, _extends({
|
|
488
487
|
id: "menu-".concat(name || ''),
|
|
489
488
|
anchorEl: anchorElement,
|
|
490
489
|
open: open,
|
|
@@ -497,14 +496,14 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
|
|
|
497
496
|
vertical: 'top',
|
|
498
497
|
horizontal: 'center'
|
|
499
498
|
}
|
|
500
|
-
}, MenuProps
|
|
501
|
-
MenuListProps:
|
|
499
|
+
}, MenuProps, {
|
|
500
|
+
MenuListProps: _extends({
|
|
502
501
|
'aria-labelledby': labelId,
|
|
503
502
|
role: 'listbox',
|
|
504
503
|
disableListWrap: true
|
|
505
504
|
}, MenuProps.MenuListProps),
|
|
506
|
-
PaperProps:
|
|
507
|
-
style:
|
|
505
|
+
PaperProps: _extends({}, MenuProps.PaperProps, {
|
|
506
|
+
style: _extends({
|
|
508
507
|
minWidth: menuMinWidth
|
|
509
508
|
}, MenuProps.PaperProps != null ? MenuProps.PaperProps.style : null)
|
|
510
509
|
}),
|