@mui/material 5.13.1 → 5.13.2
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/Accordion/accordionClasses.d.ts +18 -18
- package/AccordionActions/AccordionActions.js +18 -18
- package/AccordionActions/accordionActionsClasses.d.ts +10 -10
- package/AccordionDetails/AccordionDetails.js +9 -7
- package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
- package/AccordionSummary/AccordionSummary.js +32 -32
- package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
- package/Alert/Alert.js +60 -64
- package/Alert/alertClasses.d.ts +44 -44
- package/AlertTitle/AlertTitle.js +9 -7
- package/AlertTitle/alertTitleClasses.d.ts +8 -8
- package/AppBar/AppBar.js +73 -89
- package/AppBar/appBarClasses.d.ts +28 -28
- package/Autocomplete/Autocomplete.js +141 -171
- package/Autocomplete/autocompleteClasses.d.ts +56 -56
- package/Avatar/Avatar.js +38 -42
- package/Avatar/avatarClasses.d.ts +20 -20
- package/AvatarGroup/AvatarGroup.js +33 -34
- package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
- package/Backdrop/Backdrop.js +31 -33
- package/Backdrop/backdropClasses.d.ts +10 -10
- package/Badge/Badge.js +107 -119
- package/Badge/badgeClasses.d.ts +56 -56
- package/BottomNavigation/BottomNavigation.js +17 -15
- package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
- package/BottomNavigationAction/BottomNavigationAction.js +31 -29
- package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
- package/Breadcrumbs/BreadcrumbCollapsed.js +34 -35
- package/Breadcrumbs/Breadcrumbs.js +21 -19
- package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
- package/Button/Button.js +133 -168
- package/Button/buttonClasses.d.ts +100 -100
- package/ButtonBase/ButtonBase.js +42 -43
- package/ButtonBase/TouchRipple.js +12 -9
- package/ButtonBase/buttonBaseClasses.d.ts +12 -12
- package/ButtonBase/touchRippleClasses.d.ts +20 -20
- package/ButtonGroup/ButtonGroup.js +89 -111
- package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
- package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
- package/CHANGELOG.md +41 -0
- package/Card/Card.js +12 -11
- package/Card/cardClasses.d.ts +8 -8
- package/CardActionArea/CardActionArea.js +12 -9
- package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
- package/CardActions/CardActions.js +18 -18
- package/CardActions/cardActionsClasses.d.ts +10 -10
- package/CardContent/CardContent.js +12 -11
- package/CardContent/cardContentClasses.d.ts +8 -8
- package/CardHeader/CardHeader.js +31 -30
- package/CardHeader/cardHeaderClasses.d.ts +18 -18
- package/CardMedia/CardMedia.js +27 -28
- package/CardMedia/cardMediaClasses.d.ts +12 -12
- package/Checkbox/Checkbox.js +39 -44
- package/Checkbox/checkboxClasses.d.ts +18 -18
- package/Chip/Chip.js +129 -146
- package/Chip/chipClasses.d.ts +96 -96
- package/CircularProgress/CircularProgress.js +36 -43
- package/CircularProgress/circularProgressClasses.d.ts +26 -26
- package/ClickAwayListener/index.d.ts +2 -2
- package/Collapse/Collapse.js +65 -73
- package/Collapse/collapseClasses.d.ts +18 -18
- package/Container/containerClasses.d.ts +6 -6
- package/CssBaseline/CssBaseline.js +14 -17
- package/Dialog/Dialog.js +94 -103
- package/Dialog/DialogContext.d.ts +6 -6
- package/Dialog/dialogClasses.d.ts +36 -36
- package/DialogActions/DialogActions.js +18 -18
- package/DialogActions/dialogActionsClasses.d.ts +10 -10
- package/DialogContent/DialogContent.js +22 -22
- package/DialogContent/dialogContentClasses.d.ts +10 -10
- package/DialogContentText/DialogContentText.js +11 -13
- package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
- package/DialogTitle/DialogTitle.js +10 -8
- package/DialogTitle/dialogTitleClasses.d.ts +8 -8
- package/Divider/Divider.js +84 -99
- package/Divider/dividerClasses.d.ts +34 -34
- package/Drawer/Drawer.js +76 -85
- package/Drawer/drawerClasses.d.ts +30 -30
- package/Fab/Fab.js +60 -71
- package/Fab/fabClasses.d.ts +26 -26
- package/Fade/Fade.js +30 -31
- package/FilledInput/FilledInput.js +117 -135
- package/FilledInput/filledInputClasses.d.ts +42 -42
- package/FilledInput/filledInputClasses.js +2 -4
- package/FormControl/FormControl.js +35 -41
- package/FormControl/FormControlContext.d.ts +17 -17
- package/FormControl/formControlClasses.d.ts +14 -14
- package/FormControl/useFormControl.d.ts +2 -2
- package/FormControlLabel/FormControlLabel.js +38 -43
- package/FormControlLabel/formControlLabelClasses.d.ts +24 -24
- package/FormGroup/FormGroup.js +16 -16
- package/FormGroup/formGroupClasses.d.ts +12 -12
- package/FormHelperText/FormHelperText.js +23 -30
- package/FormHelperText/formHelperTextClasses.d.ts +22 -22
- package/FormLabel/FormLabel.js +18 -26
- package/FormLabel/formLabelClasses.d.ts +22 -22
- package/GlobalStyles/GlobalStyles.js +3 -3
- package/Grid/Grid.js +41 -50
- package/Grid/gridClasses.d.ts +48 -48
- package/Grow/Grow.js +30 -31
- package/Hidden/Hidden.js +22 -21
- package/Hidden/HiddenCss.js +29 -29
- package/Hidden/withWidth.js +19 -19
- package/Icon/Icon.js +15 -14
- package/Icon/iconClasses.d.ts +24 -24
- package/IconButton/IconButton.js +52 -59
- package/IconButton/iconButtonClasses.d.ts +34 -34
- package/ImageList/ImageList.js +29 -30
- package/ImageList/imageListClasses.d.ts +16 -16
- package/ImageListItem/ImageListItem.js +39 -40
- package/ImageListItem/imageListItemClasses.d.ts +18 -18
- package/ImageListItemBar/ImageListItemBar.js +41 -47
- package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
- package/Input/Input.js +74 -77
- package/Input/inputClasses.d.ts +38 -38
- package/Input/inputClasses.js +2 -4
- package/InputAdornment/InputAdornment.js +34 -36
- package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
- package/InputBase/InputBase.js +92 -116
- package/InputBase/inputBaseClasses.d.ts +46 -46
- package/InputLabel/InputLabel.js +68 -83
- package/InputLabel/inputLabelClasses.d.ts +32 -32
- package/LinearProgress/LinearProgress.js +58 -64
- package/LinearProgress/linearProgressClasses.d.ts +42 -42
- package/Link/Link.js +64 -69
- package/Link/getTextDecoration.d.ts +15 -15
- package/Link/linkClasses.d.ts +18 -18
- package/List/List.js +24 -24
- package/List/listClasses.d.ts +14 -14
- package/ListItem/ListItem.js +96 -113
- package/ListItem/listItemClasses.d.ts +30 -30
- package/ListItemAvatar/ListItemAvatar.js +15 -15
- package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
- package/ListItemButton/ListItemButton.js +35 -40
- package/ListItemButton/listItemButtonClasses.d.ts +22 -22
- package/ListItemIcon/ListItemIcon.js +15 -15
- package/ListItemIcon/listItemIconClasses.d.ts +10 -10
- package/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
- package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
- package/ListItemText/ListItemText.js +34 -34
- package/ListItemText/listItemTextClasses.d.ts +18 -18
- package/ListSubheader/ListSubheader.js +32 -36
- package/ListSubheader/listSubheaderClasses.d.ts +18 -18
- package/Menu/Menu.js +39 -38
- package/Menu/menuClasses.d.ts +12 -12
- package/MenuItem/MenuItem.js +45 -50
- package/MenuItem/menuItemClasses.d.ts +20 -20
- package/MenuList/MenuList.js +20 -17
- package/MobileStepper/MobileStepper.js +53 -61
- package/MobileStepper/mobileStepperClasses.d.ts +22 -22
- package/Modal/Modal.js +45 -50
- package/NativeSelect/NativeSelect.js +22 -26
- package/NativeSelect/NativeSelectInput.js +43 -50
- package/NativeSelect/nativeSelectClasses.d.ts +34 -34
- package/OutlinedInput/NotchedOutline.js +51 -55
- package/OutlinedInput/OutlinedInput.js +59 -72
- package/OutlinedInput/outlinedInputClasses.d.ts +38 -38
- package/OutlinedInput/outlinedInputClasses.js +2 -4
- package/Pagination/Pagination.js +31 -35
- package/Pagination/paginationClasses.d.ts +14 -14
- package/PaginationItem/PaginationItem.js +93 -105
- package/PaginationItem/paginationItemClasses.d.ts +42 -42
- package/Paper/Paper.js +28 -32
- package/Paper/paperClasses.d.ts +39 -39
- package/Popover/Popover.js +51 -49
- package/Popover/popoverClasses.d.ts +10 -10
- package/Popper/Popper.d.ts +65 -65
- package/Popper/Popper.js +27 -25
- package/Radio/Radio.js +33 -36
- package/Radio/RadioButtonIcon.js +10 -11
- package/Radio/radioClasses.d.ts +16 -16
- package/RadioGroup/RadioGroup.js +17 -14
- package/RadioGroup/RadioGroupContext.d.ts +11 -11
- package/RadioGroup/useRadioGroup.d.ts +4 -4
- package/Rating/Rating.js +73 -88
- package/Rating/ratingClasses.d.ts +40 -40
- package/ScopedCssBaseline/ScopedCssBaseline.js +15 -18
- package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
- package/Select/Select.js +55 -59
- package/Select/SelectInput.js +57 -58
- package/Select/selectClasses.d.ts +32 -32
- package/Skeleton/Skeleton.js +46 -51
- package/Skeleton/skeletonClasses.d.ts +26 -26
- package/Slide/Slide.js +33 -37
- package/Slider/Slider.js +216 -281
- package/Slider/SliderValueLabel.d.ts +15 -15
- package/Slider/SliderValueLabel.types.d.ts +24 -24
- package/Slider/sliderClasses.d.ts +58 -58
- package/Snackbar/Snackbar.js +67 -81
- package/Snackbar/snackbarClasses.d.ts +20 -20
- package/SnackbarContent/SnackbarContent.js +15 -13
- package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
- package/SpeedDial/SpeedDial.js +83 -85
- package/SpeedDial/speedDialClasses.d.ts +22 -22
- package/SpeedDialAction/SpeedDialAction.js +52 -57
- package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
- package/SpeedDialIcon/SpeedDialIcon.js +24 -25
- package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
- package/Stack/stackClasses.d.ts +6 -6
- package/Step/Step.js +26 -27
- package/Step/StepContext.d.ts +20 -20
- package/Step/stepClasses.d.ts +16 -16
- package/StepButton/StepButton.js +24 -23
- package/StepButton/stepButtonClasses.d.ts +14 -14
- package/StepConnector/StepConnector.js +31 -34
- package/StepConnector/stepConnectorClasses.d.ts +26 -26
- package/StepContent/StepContent.js +24 -23
- package/StepContent/stepContentClasses.d.ts +12 -12
- package/StepIcon/StepIcon.js +22 -22
- package/StepIcon/stepIconClasses.d.ts +16 -16
- package/StepLabel/StepLabel.js +33 -34
- package/StepLabel/stepLabelClasses.d.ts +28 -28
- package/Stepper/Stepper.js +31 -33
- package/Stepper/StepperContext.d.ts +18 -18
- package/Stepper/stepperClasses.d.ts +14 -14
- package/SvgIcon/SvgIcon.js +20 -19
- package/SvgIcon/svgIconClasses.d.ts +26 -26
- package/SwipeableDrawer/SwipeArea.js +30 -33
- package/SwipeableDrawer/SwipeableDrawer.js +43 -49
- package/Switch/Switch.js +52 -59
- package/Switch/switchClasses.d.ts +32 -32
- package/Tab/Tab.js +83 -93
- package/Tab/tabClasses.d.ts +26 -26
- package/TabScrollButton/TabScrollButton.js +25 -30
- package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
- package/Table/Table.js +19 -20
- package/Table/tableClasses.d.ts +10 -10
- package/TableBody/TableBody.js +12 -11
- package/TableBody/tableBodyClasses.d.ts +8 -8
- package/TableCell/TableCell.js +59 -70
- package/TableCell/tableCellClasses.d.ts +32 -32
- package/TableContainer/TableContainer.js +12 -11
- package/TableContainer/tableContainerClasses.d.ts +8 -8
- package/TableFooter/TableFooter.js +12 -11
- package/TableFooter/tableFooterClasses.d.ts +8 -8
- package/TableHead/TableHead.js +12 -11
- package/TableHead/tableHeadClasses.d.ts +8 -8
- package/TablePagination/TablePagination.js +49 -53
- package/TablePagination/TablePaginationActions.js +25 -22
- package/TablePagination/tablePaginationClasses.d.ts +28 -28
- package/TableRow/TableRow.js +14 -13
- package/TableRow/tableRowClasses.d.ts +16 -16
- package/TableSortLabel/TableSortLabel.js +23 -23
- package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
- package/Tabs/ScrollbarSize.js +9 -7
- package/Tabs/Tabs.js +92 -107
- package/Tabs/tabsClasses.d.ts +32 -32
- package/TextField/TextField.js +57 -57
- package/TextField/textFieldClasses.d.ts +8 -8
- package/ToggleButton/ToggleButton.js +35 -36
- package/ToggleButton/toggleButtonClasses.d.ts +24 -24
- package/ToggleButtonGroup/ToggleButtonGroup.js +59 -60
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
- package/Toolbar/Toolbar.js +25 -26
- package/Toolbar/toolbarClasses.d.ts +14 -14
- package/Tooltip/Tooltip.js +147 -177
- package/Tooltip/tooltipClasses.d.ts +30 -30
- package/Typography/Typography.js +32 -37
- package/Typography/typographyClasses.d.ts +50 -50
- package/Unstable_Grid2/Grid2.d.ts +4 -4
- package/Unstable_Grid2/Grid2Props.d.ts +15 -15
- package/Unstable_Grid2/grid2Classes.d.ts +5 -5
- package/Unstable_Grid2/index.d.ts +4 -4
- package/Zoom/Zoom.js +30 -31
- package/className/index.d.ts +1 -1
- package/darkScrollbar/index.d.ts +28 -28
- package/generateUtilityClass/index.d.ts +2 -2
- package/generateUtilityClasses/index.d.ts +1 -1
- package/index.js +1 -1
- package/internal/SwitchBase.js +43 -45
- package/internal/switchBaseClasses.d.ts +12 -12
- 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 +43 -44
- 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 +3 -5
- package/legacy/Hidden/HiddenCss.js +3 -4
- package/legacy/Hidden/withWidth.js +4 -6
- 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 +8 -10
- 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/locale/index.d.ts +80 -80
- 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 +138 -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 +22 -21
- package/modern/Hidden/HiddenCss.js +29 -29
- package/modern/Hidden/withWidth.js +19 -19
- 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 +45 -50
- 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 +141 -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 +26 -24
- package/node/Hidden/HiddenCss.js +29 -29
- package/node/Hidden/withWidth.js +19 -19
- 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 +45 -50
- 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.d.ts +20 -20
- 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/excludeVariablesFromRoot.d.ts +5 -5
- package/styles/experimental_extendTheme.js +33 -41
- package/styles/getOverlayAlpha.d.ts +2 -2
- package/styles/identifier.d.ts +2 -2
- package/styles/responsiveFontSizes.js +11 -17
- package/styles/shouldSkipGeneratingVar.d.ts +1 -1
- package/transitions/index.d.ts +1 -1
- package/transitions/transition.d.ts +13 -13
- package/transitions/utils.d.ts +23 -23
- package/types/OverridableComponentAugmentation.d.ts +31 -31
- package/umd/material-ui.development.js +6043 -7073
- package/umd/material-ui.production.min.js +21 -21
- package/useMediaQuery/useMediaQuery.d.ts +46 -46
- package/usePagination/usePagination.js +20 -18
- package/useScrollTrigger/useScrollTrigger.js +10 -8
- package/useTouchRipple/index.d.ts +1 -1
- package/useTouchRipple/useTouchRipple.d.ts +28 -28
- package/utils/createSvgIcon.js +5 -4
- package/utils/getScrollbarSize.d.ts +2 -2
- package/utils/ownerDocument.d.ts +2 -2
- package/utils/ownerWindow.d.ts +2 -2
- package/utils/setRef.d.ts +2 -2
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
|
}),
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
|
-
import
|
|
2
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
3
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
4
4
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
5
|
-
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; }
|
|
6
|
-
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; }
|
|
7
5
|
import * as React from 'react';
|
|
8
6
|
import clsx from 'clsx';
|
|
9
7
|
import PropTypes from 'prop-types';
|
|
@@ -40,7 +38,7 @@ var SkeletonRoot = styled('span', {
|
|
|
40
38
|
ownerState = _ref.ownerState;
|
|
41
39
|
var radiusUnit = getUnit(theme.shape.borderRadius) || 'px';
|
|
42
40
|
var radiusValue = toUnitless(theme.shape.borderRadius);
|
|
43
|
-
return
|
|
41
|
+
return _extends({
|
|
44
42
|
display: 'block',
|
|
45
43
|
// Create a "on paper" color with sufficient contrast retaining the color
|
|
46
44
|
backgroundColor: theme.vars ? theme.vars.palette.Skeleton.bg : alpha(theme.palette.text.primary, theme.palette.mode === 'light' ? 0.11 : 0.13),
|
|
@@ -55,17 +53,17 @@ var SkeletonRoot = styled('span', {
|
|
|
55
53
|
'&:empty:before': {
|
|
56
54
|
content: '"\\00a0"'
|
|
57
55
|
}
|
|
58
|
-
}
|
|
56
|
+
}, ownerState.variant === 'circular' && {
|
|
59
57
|
borderRadius: '50%'
|
|
60
|
-
}
|
|
58
|
+
}, ownerState.variant === 'rounded' && {
|
|
61
59
|
borderRadius: (theme.vars || theme).shape.borderRadius
|
|
62
|
-
}
|
|
60
|
+
}, ownerState.hasChildren && {
|
|
63
61
|
'& > *': {
|
|
64
62
|
visibility: 'hidden'
|
|
65
63
|
}
|
|
66
|
-
}
|
|
64
|
+
}, ownerState.hasChildren && !ownerState.width && {
|
|
67
65
|
maxWidth: 'fit-content'
|
|
68
|
-
}
|
|
66
|
+
}, ownerState.hasChildren && !ownerState.height && {
|
|
69
67
|
height: 'auto'
|
|
70
68
|
});
|
|
71
69
|
}, function (_ref2) {
|
|
@@ -92,20 +90,20 @@ var Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(inProps, ref) {
|
|
|
92
90
|
variant = _props$variant === void 0 ? 'text' : _props$variant,
|
|
93
91
|
width = props.width,
|
|
94
92
|
other = _objectWithoutProperties(props, ["animation", "className", "component", "height", "style", "variant", "width"]);
|
|
95
|
-
var ownerState =
|
|
93
|
+
var ownerState = _extends({}, props, {
|
|
96
94
|
animation: animation,
|
|
97
95
|
component: component,
|
|
98
96
|
variant: variant,
|
|
99
97
|
hasChildren: Boolean(other.children)
|
|
100
98
|
});
|
|
101
99
|
var classes = useUtilityClasses(ownerState);
|
|
102
|
-
return /*#__PURE__*/_jsx(SkeletonRoot,
|
|
100
|
+
return /*#__PURE__*/_jsx(SkeletonRoot, _extends({
|
|
103
101
|
as: component,
|
|
104
102
|
ref: ref,
|
|
105
103
|
className: clsx(classes.root, className),
|
|
106
104
|
ownerState: ownerState
|
|
107
|
-
}, other
|
|
108
|
-
style:
|
|
105
|
+
}, other, {
|
|
106
|
+
style: _extends({
|
|
109
107
|
width: width,
|
|
110
108
|
height: height
|
|
111
109
|
}, style)
|
package/legacy/Slide/Slide.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 { Transition } from 'react-transition-group';
|
|
@@ -135,8 +133,8 @@ var Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
|
|
|
135
133
|
}, {
|
|
136
134
|
mode: 'enter'
|
|
137
135
|
});
|
|
138
|
-
node.style.webkitTransition = theme.transitions.create('-webkit-transform',
|
|
139
|
-
node.style.transition = theme.transitions.create('transform',
|
|
136
|
+
node.style.webkitTransition = theme.transitions.create('-webkit-transform', _extends({}, transitionProps));
|
|
137
|
+
node.style.transition = theme.transitions.create('transform', _extends({}, transitionProps));
|
|
140
138
|
node.style.webkitTransform = 'none';
|
|
141
139
|
node.style.transform = 'none';
|
|
142
140
|
if (onEntering) {
|
|
@@ -203,7 +201,7 @@ var Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
|
|
|
203
201
|
updatePosition();
|
|
204
202
|
}
|
|
205
203
|
}, [inProp, updatePosition]);
|
|
206
|
-
return /*#__PURE__*/_jsx(TransitionComponent,
|
|
204
|
+
return /*#__PURE__*/_jsx(TransitionComponent, _extends({
|
|
207
205
|
nodeRef: childrenRef,
|
|
208
206
|
onEnter: handleEnter,
|
|
209
207
|
onEntered: handleEntered,
|
|
@@ -215,13 +213,13 @@ var Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
|
|
|
215
213
|
appear: appear,
|
|
216
214
|
in: inProp,
|
|
217
215
|
timeout: timeout
|
|
218
|
-
}, other
|
|
216
|
+
}, other, {
|
|
219
217
|
children: function children(state, childProps) {
|
|
220
|
-
return /*#__PURE__*/React.cloneElement(_children,
|
|
218
|
+
return /*#__PURE__*/React.cloneElement(_children, _extends({
|
|
221
219
|
ref: handleRef,
|
|
222
|
-
style:
|
|
220
|
+
style: _extends({
|
|
223
221
|
visibility: state === 'exited' && !inProp ? 'hidden' : undefined
|
|
224
|
-
}, style
|
|
222
|
+
}, style, _children.props.style)
|
|
225
223
|
}, childProps));
|
|
226
224
|
}
|
|
227
225
|
}));
|