@mui/material 9.0.0-beta.1 → 9.0.1
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.d.mts +3 -3
- package/Accordion/Accordion.d.ts +3 -3
- package/AccordionActions/AccordionActions.d.mts +2 -2
- package/AccordionActions/AccordionActions.d.ts +2 -2
- package/AccordionDetails/AccordionDetails.d.mts +2 -2
- package/AccordionDetails/AccordionDetails.d.ts +2 -2
- package/AccordionSummary/AccordionSummary.d.mts +3 -3
- package/AccordionSummary/AccordionSummary.d.ts +3 -3
- package/Alert/Alert.d.mts +3 -3
- package/Alert/Alert.d.ts +3 -3
- package/AlertTitle/AlertTitle.d.mts +3 -3
- package/AlertTitle/AlertTitle.d.ts +3 -3
- package/AppBar/AppBar.d.mts +3 -3
- package/AppBar/AppBar.d.ts +3 -3
- package/Autocomplete/Autocomplete.d.mts +2 -2
- package/Autocomplete/Autocomplete.d.ts +2 -2
- package/Autocomplete/Autocomplete.js +65 -11
- package/Autocomplete/Autocomplete.mjs +65 -11
- package/Avatar/Avatar.d.mts +2 -2
- package/Avatar/Avatar.d.ts +2 -2
- package/Avatar/Avatar.js +4 -0
- package/Avatar/Avatar.mjs +4 -0
- package/AvatarGroup/AvatarGroup.d.mts +2 -2
- package/AvatarGroup/AvatarGroup.d.ts +2 -2
- package/Backdrop/Backdrop.d.mts +3 -3
- package/Backdrop/Backdrop.d.ts +3 -3
- package/Badge/Badge.d.mts +3 -3
- package/Badge/Badge.d.ts +3 -3
- package/Badge/Badge.js +3 -0
- package/Badge/Badge.mjs +3 -0
- package/BottomNavigation/BottomNavigation.d.mts +2 -2
- package/BottomNavigation/BottomNavigation.d.ts +2 -2
- package/BottomNavigationAction/BottomNavigationAction.d.mts +3 -3
- package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
- package/Box/Box.d.mts +3 -3
- package/Box/Box.d.ts +3 -3
- package/Breadcrumbs/Breadcrumbs.d.mts +3 -3
- package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/Button/Button.d.mts +6 -6
- package/Button/Button.d.ts +6 -6
- package/Button/Button.js +19 -2
- package/Button/Button.mjs +19 -2
- package/ButtonBase/ButtonBase.d.mts +9 -2
- package/ButtonBase/ButtonBase.d.ts +9 -2
- package/ButtonBase/ButtonBase.js +5 -2
- package/ButtonBase/ButtonBase.mjs +5 -2
- package/ButtonGroup/ButtonGroup.d.mts +2 -2
- package/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/CHANGELOG.md +160 -1245
- package/Card/Card.d.mts +3 -3
- package/Card/Card.d.ts +3 -3
- package/CardActionArea/CardActionArea.d.mts +3 -3
- package/CardActionArea/CardActionArea.d.ts +3 -3
- package/CardActions/CardActions.d.mts +2 -2
- package/CardActions/CardActions.d.ts +2 -2
- package/CardContent/CardContent.d.mts +2 -2
- package/CardContent/CardContent.d.ts +2 -2
- package/CardHeader/CardHeader.d.mts +2 -2
- package/CardHeader/CardHeader.d.ts +2 -2
- package/CardMedia/CardMedia.d.mts +2 -2
- package/CardMedia/CardMedia.d.ts +2 -2
- package/Checkbox/Checkbox.d.mts +4 -4
- package/Checkbox/Checkbox.d.ts +4 -4
- package/Checkbox/Checkbox.js +2 -1
- package/Checkbox/Checkbox.mjs +2 -1
- package/Chip/Chip.d.mts +2 -2
- package/Chip/Chip.d.ts +2 -2
- package/CircularProgress/CircularProgress.d.mts +14 -4
- package/CircularProgress/CircularProgress.d.ts +14 -4
- package/CircularProgress/CircularProgress.js +33 -6
- package/CircularProgress/CircularProgress.mjs +33 -6
- package/ClickAwayListener/ClickAwayListener.d.mts +3 -3
- package/ClickAwayListener/ClickAwayListener.d.ts +3 -3
- package/ClickAwayListener/ClickAwayListener.js +6 -9
- package/ClickAwayListener/ClickAwayListener.mjs +6 -9
- package/Collapse/Collapse.d.mts +5 -5
- package/Collapse/Collapse.d.ts +5 -5
- package/Collapse/Collapse.js +6 -18
- package/Collapse/Collapse.mjs +7 -19
- package/Container/Container.d.mts +2 -2
- package/Container/Container.d.ts +2 -2
- package/CssBaseline/CssBaseline.d.mts +2 -2
- package/CssBaseline/CssBaseline.d.ts +2 -2
- package/Dialog/Dialog.d.mts +3 -3
- package/Dialog/Dialog.d.ts +3 -3
- package/Dialog/Dialog.js +11 -6
- package/Dialog/Dialog.mjs +11 -6
- package/DialogActions/DialogActions.d.mts +2 -2
- package/DialogActions/DialogActions.d.ts +2 -2
- package/DialogContent/DialogContent.d.mts +2 -2
- package/DialogContent/DialogContent.d.ts +2 -2
- package/DialogContentText/DialogContentText.d.mts +3 -3
- package/DialogContentText/DialogContentText.d.ts +3 -3
- package/DialogTitle/DialogTitle.d.mts +3 -3
- package/DialogTitle/DialogTitle.d.ts +3 -3
- package/Divider/Divider.d.mts +4 -4
- package/Divider/Divider.d.ts +4 -4
- package/Drawer/Drawer.d.mts +3 -3
- package/Drawer/Drawer.d.ts +3 -3
- package/Drawer/Drawer.js +19 -8
- package/Drawer/Drawer.mjs +19 -8
- package/Fab/Fab.d.mts +3 -3
- package/Fab/Fab.d.ts +3 -3
- package/Fab/Fab.js +7 -1
- package/Fab/Fab.mjs +7 -1
- package/Fade/Fade.d.mts +3 -3
- package/Fade/Fade.d.ts +3 -3
- package/Fade/Fade.js +28 -32
- package/Fade/Fade.mjs +29 -33
- package/FilledInput/FilledInput.d.mts +7 -3
- package/FilledInput/FilledInput.d.ts +7 -3
- package/FilledInput/FilledInput.js +18 -20
- package/FilledInput/FilledInput.mjs +18 -20
- package/FormControl/FormControl.d.mts +7 -7
- package/FormControl/FormControl.d.ts +7 -7
- package/FormControl/useFormControl.d.mts +12 -2
- package/FormControl/useFormControl.d.ts +12 -2
- package/FormControl/useFormControl.js +13 -0
- package/FormControl/useFormControl.mjs +12 -0
- package/FormControlLabel/FormControlLabel.d.mts +4 -4
- package/FormControlLabel/FormControlLabel.d.ts +4 -4
- package/FormControlLabel/FormControlLabel.js +5 -8
- package/FormControlLabel/FormControlLabel.mjs +5 -8
- package/FormGroup/FormGroup.d.mts +3 -3
- package/FormGroup/FormGroup.d.ts +3 -3
- package/FormGroup/FormGroup.js +2 -5
- package/FormGroup/FormGroup.mjs +2 -5
- package/FormHelperText/FormHelperText.d.mts +3 -3
- package/FormHelperText/FormHelperText.d.ts +3 -3
- package/FormHelperText/FormHelperText.js +2 -5
- package/FormHelperText/FormHelperText.mjs +2 -5
- package/FormLabel/FormLabel.d.mts +5 -5
- package/FormLabel/FormLabel.d.ts +5 -5
- package/FormLabel/FormLabel.js +2 -5
- package/FormLabel/FormLabel.mjs +2 -5
- package/GlobalStyles/GlobalStyles.d.mts +2 -2
- package/GlobalStyles/GlobalStyles.d.ts +2 -2
- package/Grid/Grid.d.mts +2 -2
- package/Grid/Grid.d.ts +2 -2
- package/Grid/Grid.js +2 -2
- package/Grid/Grid.mjs +2 -2
- package/Grow/Grow.d.mts +5 -5
- package/Grow/Grow.d.ts +5 -5
- package/Grow/Grow.js +30 -38
- package/Grow/Grow.mjs +31 -39
- package/Icon/Icon.d.mts +3 -3
- package/Icon/Icon.d.ts +3 -3
- package/IconButton/IconButton.d.mts +5 -5
- package/IconButton/IconButton.d.ts +5 -5
- package/IconButton/IconButton.js +1 -8
- package/IconButton/IconButton.mjs +1 -8
- package/ImageList/ImageList.d.mts +2 -2
- package/ImageList/ImageList.d.ts +2 -2
- package/ImageListItem/ImageListItem.d.mts +2 -2
- package/ImageListItem/ImageListItem.d.ts +2 -2
- package/ImageListItemBar/ImageListItemBar.d.mts +2 -2
- package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
- package/InitColorSchemeScript/InitColorSchemeScript.d.mts +2 -2
- package/InitColorSchemeScript/InitColorSchemeScript.d.ts +2 -2
- package/InitColorSchemeScript/InitColorSchemeScript.js +2 -2
- package/InitColorSchemeScript/InitColorSchemeScript.mjs +2 -2
- package/Input/Input.d.mts +7 -3
- package/Input/Input.d.ts +7 -3
- package/Input/Input.js +6 -0
- package/Input/Input.mjs +6 -0
- package/InputAdornment/InputAdornment.d.mts +2 -2
- package/InputAdornment/InputAdornment.d.ts +2 -2
- package/InputBase/InputBase.d.mts +4 -3
- package/InputBase/InputBase.d.ts +4 -3
- package/InputBase/InputBase.js +50 -15
- package/InputBase/InputBase.mjs +50 -15
- package/InputLabel/InputLabel.d.mts +4 -4
- package/InputLabel/InputLabel.d.ts +4 -4
- package/InputLabel/InputLabel.js +5 -8
- package/InputLabel/InputLabel.mjs +5 -8
- package/LinearProgress/LinearProgress.d.mts +14 -4
- package/LinearProgress/LinearProgress.d.ts +14 -4
- package/LinearProgress/LinearProgress.js +42 -10
- package/LinearProgress/LinearProgress.mjs +42 -10
- package/Link/Link.d.mts +4 -4
- package/Link/Link.d.ts +4 -4
- package/List/List.d.mts +4 -4
- package/List/List.d.ts +4 -4
- package/List/List.js +2 -1
- package/List/List.mjs +2 -1
- package/ListItem/ListItem.d.mts +3 -3
- package/ListItem/ListItem.d.ts +3 -3
- package/ListItem/ListItem.js +1 -2
- package/ListItem/ListItem.mjs +1 -2
- package/ListItemAvatar/ListItemAvatar.d.mts +2 -2
- package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
- package/ListItemButton/ListItemButton.d.mts +4 -4
- package/ListItemButton/ListItemButton.d.ts +4 -4
- package/ListItemButton/ListItemButton.js +7 -1
- package/ListItemButton/ListItemButton.mjs +7 -1
- package/ListItemIcon/ListItemIcon.d.mts +3 -3
- package/ListItemIcon/ListItemIcon.d.ts +3 -3
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.mts +2 -2
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
- package/ListItemText/ListItemText.d.mts +3 -3
- package/ListItemText/ListItemText.d.ts +3 -3
- package/ListSubheader/ListSubheader.d.mts +3 -3
- package/ListSubheader/ListSubheader.d.ts +3 -3
- package/Menu/Menu.d.mts +4 -4
- package/Menu/Menu.d.ts +4 -4
- package/MenuItem/MenuItem.d.mts +3 -3
- package/MenuItem/MenuItem.d.ts +3 -3
- package/MenuItem/MenuItem.js +7 -1
- package/MenuItem/MenuItem.mjs +7 -1
- package/MenuList/MenuList.d.mts +4 -4
- package/MenuList/MenuList.d.ts +4 -4
- package/MenuList/MenuList.js +2 -1
- package/MenuList/MenuList.mjs +2 -1
- package/MobileStepper/MobileStepper.d.mts +3 -3
- package/MobileStepper/MobileStepper.d.ts +3 -3
- package/Modal/Modal.d.mts +7 -7
- package/Modal/Modal.d.ts +7 -7
- package/NativeSelect/NativeSelect.d.mts +3 -3
- package/NativeSelect/NativeSelect.d.ts +3 -3
- package/NativeSelect/NativeSelect.js +2 -5
- package/NativeSelect/NativeSelect.mjs +2 -5
- package/NoSsr/NoSsr.d.mts +2 -2
- package/NoSsr/NoSsr.d.ts +2 -2
- package/NoSsr/NoSsr.js +2 -2
- package/NoSsr/NoSsr.mjs +2 -2
- package/OutlinedInput/OutlinedInput.d.mts +4 -4
- package/OutlinedInput/OutlinedInput.d.ts +4 -4
- package/OutlinedInput/OutlinedInput.js +13 -23
- package/OutlinedInput/OutlinedInput.mjs +13 -23
- package/Pagination/Pagination.d.mts +2 -2
- package/Pagination/Pagination.d.ts +2 -2
- package/PaginationItem/PaginationItem.d.mts +3 -3
- package/PaginationItem/PaginationItem.d.ts +3 -3
- package/Paper/Paper.d.mts +4 -4
- package/Paper/Paper.d.ts +4 -4
- package/PigmentContainer/PigmentContainer.d.mts +2 -2
- package/PigmentContainer/PigmentContainer.d.ts +2 -2
- package/PigmentContainer/PigmentContainer.js +2 -3
- package/PigmentContainer/PigmentContainer.mjs +2 -3
- package/PigmentGrid/PigmentGrid.d.mts +2 -2
- package/PigmentGrid/PigmentGrid.d.ts +2 -2
- package/PigmentGrid/PigmentGrid.js +2 -2
- package/PigmentGrid/PigmentGrid.mjs +2 -2
- package/PigmentStack/PigmentStack.d.mts +2 -2
- package/PigmentStack/PigmentStack.d.ts +2 -2
- package/PigmentStack/PigmentStack.js +2 -2
- package/PigmentStack/PigmentStack.mjs +2 -2
- package/Popover/Popover.d.mts +4 -4
- package/Popover/Popover.d.ts +4 -4
- package/Popper/BasePopper.js +23 -1
- package/Popper/BasePopper.mjs +23 -1
- package/Popper/Popper.d.mts +4 -4
- package/Popper/Popper.d.ts +4 -4
- package/Popper/Popper.js +4 -4
- package/Popper/Popper.mjs +4 -4
- package/Portal/Portal.d.mts +2 -2
- package/Portal/Portal.d.ts +2 -2
- package/Portal/Portal.js +2 -2
- package/Portal/Portal.mjs +2 -2
- package/README.md +3 -3
- package/Radio/Radio.d.mts +3 -3
- package/Radio/Radio.d.ts +3 -3
- package/RadioGroup/RadioGroup.d.mts +3 -3
- package/RadioGroup/RadioGroup.d.ts +3 -3
- package/Rating/Rating.d.mts +2 -2
- package/Rating/Rating.d.ts +2 -2
- package/ScopedCssBaseline/ScopedCssBaseline.d.mts +2 -2
- package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
- package/Select/Select.d.mts +3 -3
- package/Select/Select.d.ts +3 -3
- package/Select/Select.js +2 -5
- package/Select/Select.mjs +2 -5
- package/Select/SelectInput.js +164 -2
- package/Select/SelectInput.mjs +164 -2
- package/Skeleton/Skeleton.d.mts +2 -2
- package/Skeleton/Skeleton.d.ts +2 -2
- package/Slide/Slide.d.mts +4 -4
- package/Slide/Slide.d.ts +4 -4
- package/Slide/Slide.js +73 -50
- package/Slide/Slide.mjs +74 -52
- package/Slider/Slider.d.mts +4 -4
- package/Slider/Slider.d.ts +4 -4
- package/Slider/Slider.js +11 -2
- package/Slider/Slider.mjs +11 -2
- package/Slider/useSlider.d.mts +1 -1
- package/Slider/useSlider.d.ts +1 -1
- package/Slider/useSlider.js +236 -209
- package/Slider/useSlider.mjs +236 -209
- package/Slider/useSlider.types.d.mts +2 -2
- package/Slider/useSlider.types.d.ts +2 -2
- package/Snackbar/Snackbar.d.mts +2 -2
- package/Snackbar/Snackbar.d.ts +2 -2
- package/SnackbarContent/SnackbarContent.d.mts +3 -3
- package/SnackbarContent/SnackbarContent.d.ts +3 -3
- package/SpeedDial/SpeedDial.d.mts +2 -2
- package/SpeedDial/SpeedDial.d.ts +2 -2
- package/SpeedDialAction/SpeedDialAction.d.mts +3 -3
- package/SpeedDialAction/SpeedDialAction.d.ts +3 -3
- package/SpeedDialIcon/SpeedDialIcon.d.mts +2 -2
- package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
- package/Stack/Stack.d.mts +2 -2
- package/Stack/Stack.d.ts +2 -2
- package/Step/Step.d.mts +2 -2
- package/Step/Step.d.ts +2 -2
- package/StepButton/StepButton.d.mts +3 -3
- package/StepButton/StepButton.d.ts +3 -3
- package/StepConnector/StepConnector.d.mts +2 -2
- package/StepConnector/StepConnector.d.ts +2 -2
- package/StepConnector/StepConnector.js +1 -2
- package/StepConnector/StepConnector.mjs +1 -2
- package/StepContent/StepContent.d.mts +2 -2
- package/StepContent/StepContent.d.ts +2 -2
- package/StepIcon/StepIcon.d.mts +3 -3
- package/StepIcon/StepIcon.d.ts +3 -3
- package/StepLabel/StepLabel.d.mts +2 -2
- package/StepLabel/StepLabel.d.ts +2 -2
- package/Stepper/Stepper.d.mts +2 -2
- package/Stepper/Stepper.d.ts +2 -2
- package/SvgIcon/SvgIcon.d.mts +3 -3
- package/SvgIcon/SvgIcon.d.ts +3 -3
- package/SwipeableDrawer/SwipeableDrawer.d.mts +3 -3
- package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
- package/SwipeableDrawer/SwipeableDrawer.js +7 -6
- package/SwipeableDrawer/SwipeableDrawer.mjs +7 -6
- package/Switch/Switch.d.mts +4 -4
- package/Switch/Switch.d.ts +4 -4
- package/Switch/Switch.js +9 -4
- package/Switch/Switch.mjs +9 -4
- package/Tab/Tab.d.mts +3 -3
- package/Tab/Tab.d.ts +3 -3
- package/TabScrollButton/TabScrollButton.d.mts +2 -2
- package/TabScrollButton/TabScrollButton.d.ts +2 -2
- package/Table/Table.d.mts +2 -2
- package/Table/Table.d.ts +2 -2
- package/TableBody/TableBody.d.mts +2 -2
- package/TableBody/TableBody.d.ts +2 -2
- package/TableCell/TableCell.d.mts +2 -2
- package/TableCell/TableCell.d.ts +2 -2
- package/TableContainer/TableContainer.d.mts +2 -2
- package/TableContainer/TableContainer.d.ts +2 -2
- package/TableFooter/TableFooter.d.mts +2 -2
- package/TableFooter/TableFooter.d.ts +2 -2
- package/TableHead/TableHead.d.mts +2 -2
- package/TableHead/TableHead.d.ts +2 -2
- package/TablePagination/TablePagination.d.mts +4 -4
- package/TablePagination/TablePagination.d.ts +4 -4
- package/TablePaginationActions/TablePaginationActions.d.mts +2 -2
- package/TablePaginationActions/TablePaginationActions.d.ts +2 -2
- package/TableRow/TableRow.d.mts +2 -2
- package/TableRow/TableRow.d.ts +2 -2
- package/TableSortLabel/TableSortLabel.d.mts +3 -3
- package/TableSortLabel/TableSortLabel.d.ts +3 -3
- package/TableSortLabel/TableSortLabel.js +1 -2
- package/TableSortLabel/TableSortLabel.mjs +1 -2
- package/Tabs/ScrollbarSize.js +2 -1
- package/Tabs/ScrollbarSize.mjs +2 -1
- package/Tabs/Tabs.d.mts +2 -2
- package/Tabs/Tabs.d.ts +2 -2
- package/Tabs/Tabs.js +2 -1
- package/Tabs/Tabs.mjs +2 -1
- package/TextField/TextField.d.mts +10 -10
- package/TextField/TextField.d.ts +10 -10
- package/TextareaAutosize/TextareaAutosize.d.mts +2 -2
- package/TextareaAutosize/TextareaAutosize.d.ts +2 -2
- package/TextareaAutosize/TextareaAutosize.js +2 -2
- package/TextareaAutosize/TextareaAutosize.mjs +2 -2
- package/ToggleButton/ToggleButton.d.mts +3 -3
- package/ToggleButton/ToggleButton.d.ts +3 -3
- package/ToggleButtonGroup/ToggleButtonGroup.d.mts +2 -2
- package/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
- package/Toolbar/Toolbar.d.mts +2 -2
- package/Toolbar/Toolbar.d.ts +2 -2
- package/Tooltip/Tooltip.d.mts +2 -2
- package/Tooltip/Tooltip.d.ts +2 -2
- package/Tooltip/Tooltip.js +26 -108
- package/Tooltip/Tooltip.mjs +26 -108
- package/Typography/Typography.d.mts +4 -4
- package/Typography/Typography.d.ts +4 -4
- package/Unstable_TrapFocus/FocusTrap.js +18 -14
- package/Unstable_TrapFocus/FocusTrap.mjs +18 -14
- package/Zoom/Zoom.d.mts +3 -3
- package/Zoom/Zoom.d.ts +3 -3
- package/Zoom/Zoom.js +24 -30
- package/Zoom/Zoom.mjs +25 -31
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/package.json +7 -7
- package/styles/createThemeNoVars.js +1 -1
- package/styles/createThemeNoVars.mjs +1 -1
- package/styles/responsiveFontSizes.js +19 -8
- package/styles/responsiveFontSizes.mjs +19 -8
- package/styles/useThemeProps.d.mts +3 -3
- package/styles/useThemeProps.d.ts +3 -3
- package/transitions/utils.d.mts +24 -0
- package/transitions/utils.d.ts +24 -0
- package/transitions/utils.js +91 -0
- package/transitions/utils.mjs +88 -0
- package/useAutocomplete/useAutocomplete.d.mts +4 -5
- package/useAutocomplete/useAutocomplete.d.ts +4 -5
- package/useAutocomplete/useAutocomplete.js +166 -53
- package/useAutocomplete/useAutocomplete.mjs +166 -53
- package/utils/contains.d.mts +2 -0
- package/utils/contains.d.ts +2 -0
- package/utils/contains.js +9 -0
- package/utils/contains.mjs +2 -0
- package/utils/focusable.d.mts +7 -0
- package/utils/focusable.d.ts +7 -0
- package/utils/focusable.js +20 -0
- package/utils/focusable.mjs +13 -0
- package/utils/getEventTarget.d.mts +2 -0
- package/utils/getEventTarget.d.ts +2 -0
- package/utils/getEventTarget.js +9 -0
- package/utils/getEventTarget.mjs +2 -0
- package/utils/mergeSlotProps.js +2 -8
- package/utils/mergeSlotProps.mjs +1 -8
- package/version/index.js +3 -3
- package/version/index.mjs +3 -3
- package/FormControl/formControlState.js +0 -21
- package/FormControl/formControlState.mjs +0 -15
|
@@ -89,7 +89,7 @@ export interface FormControlTypeMap<AdditionalProps = {}, RootComponent extends
|
|
|
89
89
|
* * Input
|
|
90
90
|
* * InputLabel
|
|
91
91
|
*
|
|
92
|
-
* You can find one composition example below and more going to [the demos](https://
|
|
92
|
+
* You can find one composition example below and more going to [the demos](https://mui.com/material-ui/react-text-field/#components).
|
|
93
93
|
*
|
|
94
94
|
* ```jsx
|
|
95
95
|
* <FormControl>
|
|
@@ -104,15 +104,15 @@ export interface FormControlTypeMap<AdditionalProps = {}, RootComponent extends
|
|
|
104
104
|
*
|
|
105
105
|
* Demos:
|
|
106
106
|
*
|
|
107
|
-
* - [Checkbox](https://
|
|
108
|
-
* - [Number Field](https://
|
|
109
|
-
* - [Radio Group](https://
|
|
110
|
-
* - [Switch](https://
|
|
111
|
-
* - [Text Field](https://
|
|
107
|
+
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
108
|
+
* - [Number Field](https://mui.com/material-ui/react-number-field/)
|
|
109
|
+
* - [Radio Group](https://mui.com/material-ui/react-radio-button/)
|
|
110
|
+
* - [Switch](https://mui.com/material-ui/react-switch/)
|
|
111
|
+
* - [Text Field](https://mui.com/material-ui/react-text-field/)
|
|
112
112
|
*
|
|
113
113
|
* API:
|
|
114
114
|
*
|
|
115
|
-
* - [FormControl API](https://
|
|
115
|
+
* - [FormControl API](https://mui.com/material-ui/api/form-control/)
|
|
116
116
|
*/
|
|
117
117
|
declare const FormControl: OverridableComponent<FormControlTypeMap>;
|
|
118
118
|
export type FormControlProps<RootComponent extends React.ElementType = FormControlTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<FormControlTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -1,2 +1,12 @@
|
|
|
1
|
-
import { FormControlState } from "./FormControlContext.mjs";
|
|
2
|
-
|
|
1
|
+
import { type FormControlState } from "./FormControlContext.mjs";
|
|
2
|
+
type FormControlStateKey = keyof FormControlState;
|
|
3
|
+
type FormControlStateResult<Props, States extends readonly FormControlStateKey[]> = { [State in States[number]]: State extends keyof Props ? Props[State] | FormControlState[State] : FormControlState[State] };
|
|
4
|
+
export default function useFormControl(): FormControlState | undefined;
|
|
5
|
+
export declare function useFormControlState<Props, States extends readonly FormControlStateKey[]>({
|
|
6
|
+
props,
|
|
7
|
+
states
|
|
8
|
+
}: {
|
|
9
|
+
props: Props;
|
|
10
|
+
states: States;
|
|
11
|
+
}): [FormControlStateResult<Props, States>, FormControlState | undefined];
|
|
12
|
+
export {};
|
|
@@ -1,2 +1,12 @@
|
|
|
1
|
-
import { FormControlState } from "./FormControlContext.js";
|
|
2
|
-
|
|
1
|
+
import { type FormControlState } from "./FormControlContext.js";
|
|
2
|
+
type FormControlStateKey = keyof FormControlState;
|
|
3
|
+
type FormControlStateResult<Props, States extends readonly FormControlStateKey[]> = { [State in States[number]]: State extends keyof Props ? Props[State] | FormControlState[State] : FormControlState[State] };
|
|
4
|
+
export default function useFormControl(): FormControlState | undefined;
|
|
5
|
+
export declare function useFormControlState<Props, States extends readonly FormControlStateKey[]>({
|
|
6
|
+
props,
|
|
7
|
+
states
|
|
8
|
+
}: {
|
|
9
|
+
props: Props;
|
|
10
|
+
states: States;
|
|
11
|
+
}): [FormControlStateResult<Props, States>, FormControlState | undefined];
|
|
12
|
+
export {};
|
|
@@ -7,8 +7,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
value: true
|
|
8
8
|
});
|
|
9
9
|
exports.default = useFormControl;
|
|
10
|
+
exports.useFormControlState = useFormControlState;
|
|
10
11
|
var React = _interopRequireWildcard(require("react"));
|
|
11
12
|
var _FormControlContext = _interopRequireDefault(require("./FormControlContext"));
|
|
12
13
|
function useFormControl() {
|
|
13
14
|
return React.useContext(_FormControlContext.default);
|
|
15
|
+
}
|
|
16
|
+
function useFormControlState({
|
|
17
|
+
props,
|
|
18
|
+
states
|
|
19
|
+
}) {
|
|
20
|
+
const muiFormControl = React.useContext(_FormControlContext.default);
|
|
21
|
+
const result = {};
|
|
22
|
+
states.forEach(state => {
|
|
23
|
+
const value = props[state];
|
|
24
|
+
result[state] = value === undefined && muiFormControl ? muiFormControl[state] : value;
|
|
25
|
+
});
|
|
26
|
+
return [result, muiFormControl];
|
|
14
27
|
}
|
|
@@ -4,4 +4,16 @@ import * as React from 'react';
|
|
|
4
4
|
import FormControlContext from "./FormControlContext.mjs";
|
|
5
5
|
export default function useFormControl() {
|
|
6
6
|
return React.useContext(FormControlContext);
|
|
7
|
+
}
|
|
8
|
+
export function useFormControlState({
|
|
9
|
+
props,
|
|
10
|
+
states
|
|
11
|
+
}) {
|
|
12
|
+
const muiFormControl = React.useContext(FormControlContext);
|
|
13
|
+
const result = {};
|
|
14
|
+
states.forEach(state => {
|
|
15
|
+
const value = props[state];
|
|
16
|
+
result[state] = value === undefined && muiFormControl ? muiFormControl[state] : value;
|
|
17
|
+
});
|
|
18
|
+
return [result, muiFormControl];
|
|
7
19
|
}
|
|
@@ -78,12 +78,12 @@ export interface FormControlLabelProps extends StandardProps<React.LabelHTMLAttr
|
|
|
78
78
|
*
|
|
79
79
|
* Demos:
|
|
80
80
|
*
|
|
81
|
-
* - [Checkbox](https://
|
|
82
|
-
* - [Radio Group](https://
|
|
83
|
-
* - [Switch](https://
|
|
81
|
+
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
82
|
+
* - [Radio Group](https://mui.com/material-ui/react-radio-button/)
|
|
83
|
+
* - [Switch](https://mui.com/material-ui/react-switch/)
|
|
84
84
|
*
|
|
85
85
|
* API:
|
|
86
86
|
*
|
|
87
|
-
* - [FormControlLabel API](https://
|
|
87
|
+
* - [FormControlLabel API](https://mui.com/material-ui/api/form-control-label/)
|
|
88
88
|
*/
|
|
89
89
|
export default function FormControlLabel(props: FormControlLabelProps): React.JSX.Element;
|
|
@@ -78,12 +78,12 @@ export interface FormControlLabelProps extends StandardProps<React.LabelHTMLAttr
|
|
|
78
78
|
*
|
|
79
79
|
* Demos:
|
|
80
80
|
*
|
|
81
|
-
* - [Checkbox](https://
|
|
82
|
-
* - [Radio Group](https://
|
|
83
|
-
* - [Switch](https://
|
|
81
|
+
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
82
|
+
* - [Radio Group](https://mui.com/material-ui/react-radio-button/)
|
|
83
|
+
* - [Switch](https://mui.com/material-ui/react-switch/)
|
|
84
84
|
*
|
|
85
85
|
* API:
|
|
86
86
|
*
|
|
87
|
-
* - [FormControlLabel API](https://
|
|
87
|
+
* - [FormControlLabel API](https://mui.com/material-ui/api/form-control-label/)
|
|
88
88
|
*/
|
|
89
89
|
export default function FormControlLabel(props: FormControlLabelProps): React.JSX.Element;
|
|
@@ -12,14 +12,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
12
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
13
13
|
var _refType = _interopRequireDefault(require("@mui/utils/refType"));
|
|
14
14
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
15
|
-
var
|
|
15
|
+
var _useFormControl = require("../FormControl/useFormControl");
|
|
16
16
|
var _zeroStyled = require("../zero-styled");
|
|
17
17
|
var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
|
|
18
18
|
var _DefaultPropsProvider = require("../DefaultPropsProvider");
|
|
19
19
|
var _Typography = _interopRequireDefault(require("../Typography"));
|
|
20
20
|
var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
|
|
21
21
|
var _formControlLabelClasses = _interopRequireWildcard(require("./formControlLabelClasses"));
|
|
22
|
-
var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
|
|
23
22
|
var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
|
|
24
23
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
24
|
const useUtilityClasses = ownerState => {
|
|
@@ -136,7 +135,10 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
|
|
|
136
135
|
value,
|
|
137
136
|
...other
|
|
138
137
|
} = props;
|
|
139
|
-
const muiFormControl = (0,
|
|
138
|
+
const [fcs, muiFormControl] = (0, _useFormControl.useFormControlState)({
|
|
139
|
+
props,
|
|
140
|
+
states: ['error']
|
|
141
|
+
});
|
|
140
142
|
const disabled = disabledProp ?? control.props.disabled ?? muiFormControl?.disabled;
|
|
141
143
|
const required = requiredProp ?? control.props.required;
|
|
142
144
|
const controlProps = {
|
|
@@ -148,11 +150,6 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
|
|
|
148
150
|
controlProps[key] = props[key];
|
|
149
151
|
}
|
|
150
152
|
});
|
|
151
|
-
const fcs = (0, _formControlState.default)({
|
|
152
|
-
props,
|
|
153
|
-
muiFormControl,
|
|
154
|
-
states: ['error']
|
|
155
|
-
});
|
|
156
153
|
const ownerState = {
|
|
157
154
|
...props,
|
|
158
155
|
disabled,
|
|
@@ -5,14 +5,13 @@ import PropTypes from 'prop-types';
|
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
import refType from '@mui/utils/refType';
|
|
7
7
|
import composeClasses from '@mui/utils/composeClasses';
|
|
8
|
-
import {
|
|
8
|
+
import { useFormControlState } from "../FormControl/useFormControl.mjs";
|
|
9
9
|
import { styled } from "../zero-styled/index.mjs";
|
|
10
10
|
import memoTheme from "../utils/memoTheme.mjs";
|
|
11
11
|
import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
|
|
12
12
|
import Typography from "../Typography/index.mjs";
|
|
13
13
|
import capitalize from "../utils/capitalize.mjs";
|
|
14
14
|
import formControlLabelClasses, { getFormControlLabelUtilityClasses } from "./formControlLabelClasses.mjs";
|
|
15
|
-
import formControlState from "../FormControl/formControlState.mjs";
|
|
16
15
|
import useSlot from "../utils/useSlot.mjs";
|
|
17
16
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
17
|
const useUtilityClasses = ownerState => {
|
|
@@ -129,7 +128,10 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
|
|
|
129
128
|
value,
|
|
130
129
|
...other
|
|
131
130
|
} = props;
|
|
132
|
-
const muiFormControl =
|
|
131
|
+
const [fcs, muiFormControl] = useFormControlState({
|
|
132
|
+
props,
|
|
133
|
+
states: ['error']
|
|
134
|
+
});
|
|
133
135
|
const disabled = disabledProp ?? control.props.disabled ?? muiFormControl?.disabled;
|
|
134
136
|
const required = requiredProp ?? control.props.required;
|
|
135
137
|
const controlProps = {
|
|
@@ -141,11 +143,6 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
|
|
|
141
143
|
controlProps[key] = props[key];
|
|
142
144
|
}
|
|
143
145
|
});
|
|
144
|
-
const fcs = formControlState({
|
|
145
|
-
props,
|
|
146
|
-
muiFormControl,
|
|
147
|
-
states: ['error']
|
|
148
|
-
});
|
|
149
146
|
const ownerState = {
|
|
150
147
|
...props,
|
|
151
148
|
disabled,
|
|
@@ -30,11 +30,11 @@ export interface FormGroupProps extends StandardProps<React.HTMLAttributes<HTMLD
|
|
|
30
30
|
*
|
|
31
31
|
* Demos:
|
|
32
32
|
*
|
|
33
|
-
* - [Checkbox](https://
|
|
34
|
-
* - [Switch](https://
|
|
33
|
+
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
34
|
+
* - [Switch](https://mui.com/material-ui/react-switch/)
|
|
35
35
|
*
|
|
36
36
|
* API:
|
|
37
37
|
*
|
|
38
|
-
* - [FormGroup API](https://
|
|
38
|
+
* - [FormGroup API](https://mui.com/material-ui/api/form-group/)
|
|
39
39
|
*/
|
|
40
40
|
export default function FormGroup(props: FormGroupProps): React.JSX.Element;
|
package/FormGroup/FormGroup.d.ts
CHANGED
|
@@ -30,11 +30,11 @@ export interface FormGroupProps extends StandardProps<React.HTMLAttributes<HTMLD
|
|
|
30
30
|
*
|
|
31
31
|
* Demos:
|
|
32
32
|
*
|
|
33
|
-
* - [Checkbox](https://
|
|
34
|
-
* - [Switch](https://
|
|
33
|
+
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
34
|
+
* - [Switch](https://mui.com/material-ui/react-switch/)
|
|
35
35
|
*
|
|
36
36
|
* API:
|
|
37
37
|
*
|
|
38
|
-
* - [FormGroup API](https://
|
|
38
|
+
* - [FormGroup API](https://mui.com/material-ui/api/form-group/)
|
|
39
39
|
*/
|
|
40
40
|
export default function FormGroup(props: FormGroupProps): React.JSX.Element;
|
package/FormGroup/FormGroup.js
CHANGED
|
@@ -14,8 +14,7 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
|
|
|
14
14
|
var _zeroStyled = require("../zero-styled");
|
|
15
15
|
var _DefaultPropsProvider = require("../DefaultPropsProvider");
|
|
16
16
|
var _formGroupClasses = require("./formGroupClasses");
|
|
17
|
-
var _useFormControl =
|
|
18
|
-
var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
|
|
17
|
+
var _useFormControl = require("../FormControl/useFormControl");
|
|
19
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
19
|
const useUtilityClasses = ownerState => {
|
|
21
20
|
const {
|
|
@@ -66,10 +65,8 @@ const FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup(inProps, ref)
|
|
|
66
65
|
row = false,
|
|
67
66
|
...other
|
|
68
67
|
} = props;
|
|
69
|
-
const
|
|
70
|
-
const fcs = (0, _formControlState.default)({
|
|
68
|
+
const [fcs] = (0, _useFormControl.useFormControlState)({
|
|
71
69
|
props,
|
|
72
|
-
muiFormControl,
|
|
73
70
|
states: ['error']
|
|
74
71
|
});
|
|
75
72
|
const ownerState = {
|
package/FormGroup/FormGroup.mjs
CHANGED
|
@@ -7,8 +7,7 @@ import composeClasses from '@mui/utils/composeClasses';
|
|
|
7
7
|
import { styled } from "../zero-styled/index.mjs";
|
|
8
8
|
import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
|
|
9
9
|
import { getFormGroupUtilityClass } from "./formGroupClasses.mjs";
|
|
10
|
-
import
|
|
11
|
-
import formControlState from "../FormControl/formControlState.mjs";
|
|
10
|
+
import { useFormControlState } from "../FormControl/useFormControl.mjs";
|
|
12
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
12
|
const useUtilityClasses = ownerState => {
|
|
14
13
|
const {
|
|
@@ -59,10 +58,8 @@ const FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup(inProps, ref)
|
|
|
59
58
|
row = false,
|
|
60
59
|
...other
|
|
61
60
|
} = props;
|
|
62
|
-
const
|
|
63
|
-
const fcs = formControlState({
|
|
61
|
+
const [fcs] = useFormControlState({
|
|
64
62
|
props,
|
|
65
|
-
muiFormControl,
|
|
66
63
|
states: ['error']
|
|
67
64
|
});
|
|
68
65
|
const ownerState = {
|
|
@@ -58,12 +58,12 @@ export interface FormHelperTextTypeMap<AdditionalProps = {}, RootComponent exten
|
|
|
58
58
|
*
|
|
59
59
|
* Demos:
|
|
60
60
|
*
|
|
61
|
-
* - [Number Field](https://
|
|
62
|
-
* - [Text Field](https://
|
|
61
|
+
* - [Number Field](https://mui.com/material-ui/react-number-field/)
|
|
62
|
+
* - [Text Field](https://mui.com/material-ui/react-text-field/)
|
|
63
63
|
*
|
|
64
64
|
* API:
|
|
65
65
|
*
|
|
66
|
-
* - [FormHelperText API](https://
|
|
66
|
+
* - [FormHelperText API](https://mui.com/material-ui/api/form-helper-text/)
|
|
67
67
|
*/
|
|
68
68
|
declare const FormHelperText: OverridableComponent<FormHelperTextTypeMap>;
|
|
69
69
|
export type FormHelperTextProps<RootComponent extends React.ElementType = FormHelperTextTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<FormHelperTextTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -58,12 +58,12 @@ export interface FormHelperTextTypeMap<AdditionalProps = {}, RootComponent exten
|
|
|
58
58
|
*
|
|
59
59
|
* Demos:
|
|
60
60
|
*
|
|
61
|
-
* - [Number Field](https://
|
|
62
|
-
* - [Text Field](https://
|
|
61
|
+
* - [Number Field](https://mui.com/material-ui/react-number-field/)
|
|
62
|
+
* - [Text Field](https://mui.com/material-ui/react-text-field/)
|
|
63
63
|
*
|
|
64
64
|
* API:
|
|
65
65
|
*
|
|
66
|
-
* - [FormHelperText API](https://
|
|
66
|
+
* - [FormHelperText API](https://mui.com/material-ui/api/form-helper-text/)
|
|
67
67
|
*/
|
|
68
68
|
declare const FormHelperText: OverridableComponent<FormHelperTextTypeMap>;
|
|
69
69
|
export type FormHelperTextProps<RootComponent extends React.ElementType = FormHelperTextTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<FormHelperTextTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
|
@@ -11,8 +11,7 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
13
13
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
14
|
-
var
|
|
15
|
-
var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
|
|
14
|
+
var _useFormControl = require("../FormControl/useFormControl");
|
|
16
15
|
var _zeroStyled = require("../zero-styled");
|
|
17
16
|
var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
|
|
18
17
|
var _DefaultPropsProvider = require("../DefaultPropsProvider");
|
|
@@ -96,10 +95,8 @@ const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inP
|
|
|
96
95
|
variant,
|
|
97
96
|
...other
|
|
98
97
|
} = props;
|
|
99
|
-
const
|
|
100
|
-
const fcs = (0, _formControlState.default)({
|
|
98
|
+
const [fcs] = (0, _useFormControl.useFormControlState)({
|
|
101
99
|
props,
|
|
102
|
-
muiFormControl,
|
|
103
100
|
states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required']
|
|
104
101
|
});
|
|
105
102
|
const ownerState = {
|
|
@@ -5,8 +5,7 @@ import * as React from 'react';
|
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
import composeClasses from '@mui/utils/composeClasses';
|
|
8
|
-
import
|
|
9
|
-
import useFormControl from "../FormControl/useFormControl.mjs";
|
|
8
|
+
import { useFormControlState } from "../FormControl/useFormControl.mjs";
|
|
10
9
|
import { styled } from "../zero-styled/index.mjs";
|
|
11
10
|
import memoTheme from "../utils/memoTheme.mjs";
|
|
12
11
|
import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
|
|
@@ -89,10 +88,8 @@ const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inP
|
|
|
89
88
|
variant,
|
|
90
89
|
...other
|
|
91
90
|
} = props;
|
|
92
|
-
const
|
|
93
|
-
const fcs = formControlState({
|
|
91
|
+
const [fcs] = useFormControlState({
|
|
94
92
|
props,
|
|
95
|
-
muiFormControl,
|
|
96
93
|
states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required']
|
|
97
94
|
});
|
|
98
95
|
const ownerState = {
|
|
@@ -59,14 +59,14 @@ export interface FormLabelTypeMap<AdditionalProps = {}, RootComponent extends Re
|
|
|
59
59
|
*
|
|
60
60
|
* Demos:
|
|
61
61
|
*
|
|
62
|
-
* - [Checkbox](https://
|
|
63
|
-
* - [Number Field](https://
|
|
64
|
-
* - [Radio Group](https://
|
|
65
|
-
* - [Switch](https://
|
|
62
|
+
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
63
|
+
* - [Number Field](https://mui.com/material-ui/react-number-field/)
|
|
64
|
+
* - [Radio Group](https://mui.com/material-ui/react-radio-button/)
|
|
65
|
+
* - [Switch](https://mui.com/material-ui/react-switch/)
|
|
66
66
|
*
|
|
67
67
|
* API:
|
|
68
68
|
*
|
|
69
|
-
* - [FormLabel API](https://
|
|
69
|
+
* - [FormLabel API](https://mui.com/material-ui/api/form-label/)
|
|
70
70
|
*/
|
|
71
71
|
declare const FormLabel: OverridableComponent<FormLabelTypeMap>;
|
|
72
72
|
export interface ExtendFormLabelTypeMap<TypeMap extends OverridableTypeMap> {
|
package/FormLabel/FormLabel.d.ts
CHANGED
|
@@ -59,14 +59,14 @@ export interface FormLabelTypeMap<AdditionalProps = {}, RootComponent extends Re
|
|
|
59
59
|
*
|
|
60
60
|
* Demos:
|
|
61
61
|
*
|
|
62
|
-
* - [Checkbox](https://
|
|
63
|
-
* - [Number Field](https://
|
|
64
|
-
* - [Radio Group](https://
|
|
65
|
-
* - [Switch](https://
|
|
62
|
+
* - [Checkbox](https://mui.com/material-ui/react-checkbox/)
|
|
63
|
+
* - [Number Field](https://mui.com/material-ui/react-number-field/)
|
|
64
|
+
* - [Radio Group](https://mui.com/material-ui/react-radio-button/)
|
|
65
|
+
* - [Switch](https://mui.com/material-ui/react-switch/)
|
|
66
66
|
*
|
|
67
67
|
* API:
|
|
68
68
|
*
|
|
69
|
-
* - [FormLabel API](https://
|
|
69
|
+
* - [FormLabel API](https://mui.com/material-ui/api/form-label/)
|
|
70
70
|
*/
|
|
71
71
|
declare const FormLabel: OverridableComponent<FormLabelTypeMap>;
|
|
72
72
|
export interface ExtendFormLabelTypeMap<TypeMap extends OverridableTypeMap> {
|
package/FormLabel/FormLabel.js
CHANGED
|
@@ -11,8 +11,7 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
13
13
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
14
|
-
var
|
|
15
|
-
var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
|
|
14
|
+
var _useFormControl = require("../FormControl/useFormControl");
|
|
16
15
|
var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
|
|
17
16
|
var _zeroStyled = require("../zero-styled");
|
|
18
17
|
var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
|
|
@@ -101,10 +100,8 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref)
|
|
|
101
100
|
required,
|
|
102
101
|
...other
|
|
103
102
|
} = props;
|
|
104
|
-
const
|
|
105
|
-
const fcs = (0, _formControlState.default)({
|
|
103
|
+
const [fcs] = (0, _useFormControl.useFormControlState)({
|
|
106
104
|
props,
|
|
107
|
-
muiFormControl,
|
|
108
105
|
states: ['color', 'required', 'focused', 'disabled', 'error', 'filled']
|
|
109
106
|
});
|
|
110
107
|
const ownerState = {
|
package/FormLabel/FormLabel.mjs
CHANGED
|
@@ -4,8 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
import composeClasses from '@mui/utils/composeClasses';
|
|
7
|
-
import
|
|
8
|
-
import useFormControl from "../FormControl/useFormControl.mjs";
|
|
7
|
+
import { useFormControlState } from "../FormControl/useFormControl.mjs";
|
|
9
8
|
import capitalize from "../utils/capitalize.mjs";
|
|
10
9
|
import { styled } from "../zero-styled/index.mjs";
|
|
11
10
|
import memoTheme from "../utils/memoTheme.mjs";
|
|
@@ -94,10 +93,8 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref)
|
|
|
94
93
|
required,
|
|
95
94
|
...other
|
|
96
95
|
} = props;
|
|
97
|
-
const
|
|
98
|
-
const fcs = formControlState({
|
|
96
|
+
const [fcs] = useFormControlState({
|
|
99
97
|
props,
|
|
100
|
-
muiFormControl,
|
|
101
98
|
states: ['color', 'required', 'focused', 'disabled', 'error', 'filled']
|
|
102
99
|
});
|
|
103
100
|
const ownerState = {
|
|
@@ -11,10 +11,10 @@ export interface GlobalStylesProps {
|
|
|
11
11
|
*
|
|
12
12
|
* Demos:
|
|
13
13
|
*
|
|
14
|
-
* - [How to customize](https://
|
|
14
|
+
* - [How to customize](https://mui.com/material-ui/customization/how-to-customize/)
|
|
15
15
|
*
|
|
16
16
|
* API:
|
|
17
17
|
*
|
|
18
|
-
* - [GlobalStyles API](https://
|
|
18
|
+
* - [GlobalStyles API](https://mui.com/material-ui/api/global-styles/)
|
|
19
19
|
*/
|
|
20
20
|
export default function GlobalStyles(props: GlobalStylesProps): React.ReactElement<unknown>;
|
|
@@ -11,10 +11,10 @@ export interface GlobalStylesProps {
|
|
|
11
11
|
*
|
|
12
12
|
* Demos:
|
|
13
13
|
*
|
|
14
|
-
* - [How to customize](https://
|
|
14
|
+
* - [How to customize](https://mui.com/material-ui/customization/how-to-customize/)
|
|
15
15
|
*
|
|
16
16
|
* API:
|
|
17
17
|
*
|
|
18
|
-
* - [GlobalStyles API](https://
|
|
18
|
+
* - [GlobalStyles API](https://mui.com/material-ui/api/global-styles/)
|
|
19
19
|
*/
|
|
20
20
|
export default function GlobalStyles(props: GlobalStylesProps): React.ReactElement<unknown>;
|
package/Grid/Grid.d.mts
CHANGED
|
@@ -106,11 +106,11 @@ export type GridProps<D extends React.ElementType = GridTypeMap['defaultComponen
|
|
|
106
106
|
*
|
|
107
107
|
* Demos:
|
|
108
108
|
*
|
|
109
|
-
* - [Grid](https://
|
|
109
|
+
* - [Grid](https://mui.com/material-ui/react-grid/)
|
|
110
110
|
*
|
|
111
111
|
* API:
|
|
112
112
|
*
|
|
113
|
-
* - [Grid API](https://
|
|
113
|
+
* - [Grid API](https://mui.com/material-ui/api/grid/)
|
|
114
114
|
*/
|
|
115
115
|
declare const Grid: OverridableComponent<GridTypeMap>;
|
|
116
116
|
export default Grid;
|
package/Grid/Grid.d.ts
CHANGED
|
@@ -106,11 +106,11 @@ export type GridProps<D extends React.ElementType = GridTypeMap['defaultComponen
|
|
|
106
106
|
*
|
|
107
107
|
* Demos:
|
|
108
108
|
*
|
|
109
|
-
* - [Grid](https://
|
|
109
|
+
* - [Grid](https://mui.com/material-ui/react-grid/)
|
|
110
110
|
*
|
|
111
111
|
* API:
|
|
112
112
|
*
|
|
113
|
-
* - [Grid API](https://
|
|
113
|
+
* - [Grid API](https://mui.com/material-ui/api/grid/)
|
|
114
114
|
*/
|
|
115
115
|
declare const Grid: OverridableComponent<GridTypeMap>;
|
|
116
116
|
export default Grid;
|
package/Grid/Grid.js
CHANGED
|
@@ -16,11 +16,11 @@ var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
|
|
|
16
16
|
*
|
|
17
17
|
* Demos:
|
|
18
18
|
*
|
|
19
|
-
* - [Grid](https://
|
|
19
|
+
* - [Grid](https://mui.com/material-ui/react-grid/)
|
|
20
20
|
*
|
|
21
21
|
* API:
|
|
22
22
|
*
|
|
23
|
-
* - [Grid API](https://
|
|
23
|
+
* - [Grid API](https://mui.com/material-ui/api/grid/)
|
|
24
24
|
*/
|
|
25
25
|
const Grid = (0, _Grid.createGrid)({
|
|
26
26
|
createStyledComponent: (0, _styles.styled)('div', {
|
package/Grid/Grid.mjs
CHANGED
|
@@ -10,11 +10,11 @@ import useTheme from "../styles/useTheme.mjs";
|
|
|
10
10
|
*
|
|
11
11
|
* Demos:
|
|
12
12
|
*
|
|
13
|
-
* - [Grid](https://
|
|
13
|
+
* - [Grid](https://mui.com/material-ui/react-grid/)
|
|
14
14
|
*
|
|
15
15
|
* API:
|
|
16
16
|
*
|
|
17
|
-
* - [Grid API](https://
|
|
17
|
+
* - [Grid API](https://mui.com/material-ui/api/grid/)
|
|
18
18
|
*/
|
|
19
19
|
const Grid = createGrid({
|
|
20
20
|
createStyledComponent: styled('div', {
|
package/Grow/Grow.d.mts
CHANGED
|
@@ -32,18 +32,18 @@ export interface GrowProps extends Omit<TransitionProps, 'timeout'> {
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
/**
|
|
35
|
-
* The Grow transition is used by the [Tooltip](https://
|
|
36
|
-
* [Popover](https://
|
|
35
|
+
* The Grow transition is used by the [Tooltip](https://mui.com/material-ui/react-tooltip/) and
|
|
36
|
+
* [Popover](https://mui.com/material-ui/react-popover/) components.
|
|
37
37
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
38
38
|
*
|
|
39
39
|
* Demos:
|
|
40
40
|
*
|
|
41
|
-
* - [Popover](https://
|
|
42
|
-
* - [Transitions](https://
|
|
41
|
+
* - [Popover](https://mui.com/material-ui/react-popover/)
|
|
42
|
+
* - [Transitions](https://mui.com/material-ui/transitions/)
|
|
43
43
|
*
|
|
44
44
|
* API:
|
|
45
45
|
*
|
|
46
|
-
* - [Grow API](https://
|
|
46
|
+
* - [Grow API](https://mui.com/material-ui/api/grow/)
|
|
47
47
|
* - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
|
|
48
48
|
*/
|
|
49
49
|
export default function Grow(props: GrowProps): React.JSX.Element;
|
package/Grow/Grow.d.ts
CHANGED
|
@@ -32,18 +32,18 @@ export interface GrowProps extends Omit<TransitionProps, 'timeout'> {
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
/**
|
|
35
|
-
* The Grow transition is used by the [Tooltip](https://
|
|
36
|
-
* [Popover](https://
|
|
35
|
+
* The Grow transition is used by the [Tooltip](https://mui.com/material-ui/react-tooltip/) and
|
|
36
|
+
* [Popover](https://mui.com/material-ui/react-popover/) components.
|
|
37
37
|
* It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
|
|
38
38
|
*
|
|
39
39
|
* Demos:
|
|
40
40
|
*
|
|
41
|
-
* - [Popover](https://
|
|
42
|
-
* - [Transitions](https://
|
|
41
|
+
* - [Popover](https://mui.com/material-ui/react-popover/)
|
|
42
|
+
* - [Transitions](https://mui.com/material-ui/transitions/)
|
|
43
43
|
*
|
|
44
44
|
* API:
|
|
45
45
|
*
|
|
46
|
-
* - [Grow API](https://
|
|
46
|
+
* - [Grow API](https://mui.com/material-ui/api/grow/)
|
|
47
47
|
* - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
|
|
48
48
|
*/
|
|
49
49
|
export default function Grow(props: GrowProps): React.JSX.Element;
|