@mui/material 5.11.1 → 5.11.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/accordionClasses.d.ts +18 -18
- package/AccordionActions/accordionActionsClasses.d.ts +10 -10
- package/AccordionDetails/accordionDetailsClasses.d.ts +8 -8
- package/AccordionSummary/accordionSummaryClasses.d.ts +22 -22
- package/Alert/alertClasses.d.ts +44 -44
- package/AlertTitle/alertTitleClasses.d.ts +8 -8
- package/AppBar/appBarClasses.d.ts +28 -28
- package/Autocomplete/autocompleteClasses.d.ts +54 -54
- package/Avatar/avatarClasses.d.ts +20 -20
- package/AvatarGroup/avatarGroupClasses.d.ts +10 -10
- package/Backdrop/backdropClasses.d.ts +10 -10
- package/Badge/badgeClasses.d.ts +56 -56
- package/BottomNavigation/BottomNavigation.js +0 -0
- package/BottomNavigation/bottomNavigationClasses.d.ts +8 -8
- package/BottomNavigationAction/bottomNavigationActionClasses.d.ts +14 -14
- package/Breadcrumbs/breadcrumbsClasses.d.ts +14 -14
- package/Button/buttonClasses.d.ts +100 -100
- package/ButtonBase/buttonBaseClasses.d.ts +12 -12
- package/ButtonBase/touchRippleClasses.d.ts +20 -20
- package/ButtonGroup/ButtonGroupContext.d.ts +18 -18
- package/ButtonGroup/buttonGroupClasses.d.ts +58 -58
- package/CHANGELOG.md +71 -0
- package/Card/cardClasses.d.ts +8 -8
- package/CardActionArea/cardActionAreaClasses.d.ts +12 -12
- package/CardActions/cardActionsClasses.d.ts +10 -10
- package/CardContent/cardContentClasses.d.ts +8 -8
- package/CardHeader/cardHeaderClasses.d.ts +18 -18
- package/CardMedia/cardMediaClasses.d.ts +12 -12
- package/Checkbox/checkboxClasses.d.ts +18 -18
- package/Chip/chipClasses.d.ts +96 -96
- package/CircularProgress/circularProgressClasses.d.ts +26 -26
- package/ClickAwayListener/index.d.ts +2 -2
- package/Collapse/collapseClasses.d.ts +18 -18
- package/Container/containerClasses.d.ts +6 -6
- package/Dialog/DialogContext.d.ts +6 -6
- package/Dialog/dialogClasses.d.ts +36 -36
- package/DialogActions/dialogActionsClasses.d.ts +10 -10
- package/DialogContent/dialogContentClasses.d.ts +10 -10
- package/DialogContentText/dialogContentTextClasses.d.ts +8 -8
- package/DialogTitle/dialogTitleClasses.d.ts +8 -8
- package/Divider/dividerClasses.d.ts +34 -34
- package/Drawer/drawerClasses.d.ts +30 -30
- package/Fab/fabClasses.d.ts +26 -26
- package/FilledInput/filledInputClasses.d.ts +40 -40
- package/FormControl/FormControlContext.d.ts +17 -17
- package/FormControl/formControlClasses.d.ts +14 -14
- package/FormControl/useFormControl.d.ts +2 -2
- package/FormControlLabel/formControlLabelClasses.d.ts +20 -20
- package/FormGroup/formGroupClasses.d.ts +12 -12
- package/FormHelperText/formHelperTextClasses.d.ts +22 -22
- package/FormLabel/formLabelClasses.d.ts +22 -22
- package/Grid/gridClasses.d.ts +48 -48
- package/Icon/iconClasses.d.ts +24 -24
- package/IconButton/iconButtonClasses.d.ts +34 -34
- package/ImageList/imageListClasses.d.ts +16 -16
- package/ImageListItem/imageListItemClasses.d.ts +18 -18
- package/ImageListItemBar/imageListItemBarClasses.d.ts +30 -30
- package/Input/inputClasses.d.ts +34 -34
- package/InputAdornment/inputAdornmentClasses.d.ts +24 -24
- package/InputBase/inputBaseClasses.d.ts +46 -46
- package/InputLabel/inputLabelClasses.d.ts +32 -32
- package/LinearProgress/linearProgressClasses.d.ts +42 -42
- package/Link/getTextDecoration.d.ts +15 -15
- package/Link/linkClasses.d.ts +18 -18
- package/List/listClasses.d.ts +14 -14
- package/ListItem/listItemClasses.d.ts +30 -30
- package/ListItemAvatar/listItemAvatarClasses.d.ts +10 -10
- package/ListItemButton/listItemButtonClasses.d.ts +22 -22
- package/ListItemIcon/listItemIconClasses.d.ts +10 -10
- package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts +10 -10
- package/ListItemText/listItemTextClasses.d.ts +18 -18
- package/ListSubheader/listSubheaderClasses.d.ts +18 -18
- package/Menu/menuClasses.d.ts +12 -12
- package/MenuItem/menuItemClasses.d.ts +20 -20
- package/MobileStepper/mobileStepperClasses.d.ts +22 -22
- package/NativeSelect/nativeSelectClasses.d.ts +32 -32
- package/OutlinedInput/outlinedInputClasses.d.ts +36 -36
- package/Pagination/paginationClasses.d.ts +14 -14
- package/PaginationItem/paginationItemClasses.d.ts +42 -42
- package/Paper/paperClasses.d.ts +39 -39
- package/Popover/popoverClasses.d.ts +10 -10
- package/Popper/Popper.d.ts +37 -37
- package/Popper/Popper.js +11 -7
- package/Radio/radioClasses.d.ts +16 -16
- package/RadioGroup/RadioGroupContext.d.ts +11 -11
- package/RadioGroup/useRadioGroup.d.ts +4 -4
- package/Rating/ratingClasses.d.ts +40 -40
- package/ScopedCssBaseline/scopedCssBaselineClasses.d.ts +8 -8
- package/Select/SelectInput.js +11 -6
- package/Select/selectClasses.d.ts +30 -30
- package/Skeleton/skeletonClasses.d.ts +26 -26
- package/Slider/Slider.js +0 -5
- package/Snackbar/snackbarClasses.d.ts +20 -20
- package/SnackbarContent/snackbarContentClasses.d.ts +12 -12
- package/SpeedDial/speedDialClasses.d.ts +22 -22
- package/SpeedDialAction/speedDialActionClasses.d.ts +20 -20
- package/SpeedDialIcon/speedDialIconClasses.d.ts +18 -18
- package/Step/StepContext.d.ts +20 -20
- package/Step/stepClasses.d.ts +16 -16
- package/StepButton/stepButtonClasses.d.ts +14 -14
- package/StepConnector/stepConnectorClasses.d.ts +26 -26
- package/StepContent/stepContentClasses.d.ts +12 -12
- package/StepIcon/stepIconClasses.d.ts +16 -16
- package/StepLabel/stepLabelClasses.d.ts +28 -28
- package/Stepper/StepperContext.d.ts +18 -18
- package/Stepper/stepperClasses.d.ts +14 -14
- package/SvgIcon/svgIconClasses.d.ts +26 -26
- package/Switch/switchClasses.d.ts +32 -32
- package/Tab/tabClasses.d.ts +26 -26
- package/TabScrollButton/tabScrollButtonClasses.d.ts +12 -12
- package/Table/tableClasses.d.ts +10 -10
- package/TableBody/tableBodyClasses.d.ts +8 -8
- package/TableCell/TableCell.js +5 -1
- package/TableCell/tableCellClasses.d.ts +32 -32
- package/TableContainer/tableContainerClasses.d.ts +8 -8
- package/TableFooter/tableFooterClasses.d.ts +8 -8
- package/TableHead/tableHeadClasses.d.ts +8 -8
- package/TablePagination/tablePaginationClasses.d.ts +28 -28
- package/TableRow/tableRowClasses.d.ts +16 -16
- package/TableSortLabel/tableSortLabelClasses.d.ts +16 -16
- package/Tabs/tabsClasses.d.ts +32 -32
- package/TextField/textFieldClasses.d.ts +8 -8
- package/ToggleButton/toggleButtonClasses.d.ts +24 -24
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +18 -18
- package/Toolbar/toolbarClasses.d.ts +14 -14
- package/Tooltip/tooltipClasses.d.ts +30 -30
- 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/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/switchBaseClasses.d.ts +12 -12
- package/legacy/BottomNavigation/BottomNavigation.js +0 -0
- package/legacy/Popper/Popper.js +13 -9
- package/legacy/Select/SelectInput.js +9 -6
- package/legacy/Slider/Slider.js +0 -5
- package/legacy/TableCell/TableCell.js +5 -1
- package/legacy/index.js +1 -1
- package/legacy/locale/index.js +195 -116
- package/locale/index.d.ts +74 -73
- package/locale/index.js +79 -4
- package/modern/BottomNavigation/BottomNavigation.js +0 -0
- package/modern/Popper/Popper.js +11 -7
- package/modern/Select/SelectInput.js +7 -6
- package/modern/Slider/Slider.js +0 -5
- package/modern/TableCell/TableCell.js +5 -1
- package/modern/index.js +1 -1
- package/modern/locale/index.js +79 -4
- package/node/BottomNavigation/BottomNavigation.js +0 -0
- package/node/Popper/Popper.js +11 -7
- package/node/Select/SelectInput.js +11 -6
- package/node/Slider/Slider.js +0 -5
- package/node/TableCell/TableCell.js +5 -1
- package/node/index.js +1 -1
- package/node/locale/index.js +81 -5
- package/package.json +6 -6
- package/styles/CssVarsProvider.d.ts +16 -16
- package/styles/excludeVariablesFromRoot.d.ts +5 -5
- package/styles/getOverlayAlpha.d.ts +2 -2
- 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 +154 -83
- package/umd/material-ui.production.min.js +21 -21
- package/useMediaQuery/useMediaQuery.d.ts +31 -31
- package/useTouchRipple/index.d.ts +1 -1
- package/useTouchRipple/useTouchRipple.d.ts +28 -28
- 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
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
export interface PaginationItemClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `type="page"`. */
|
|
5
|
-
page: string;
|
|
6
|
-
/** Styles applied to the root element if `size="small"`. */
|
|
7
|
-
sizeSmall: string;
|
|
8
|
-
/** Styles applied to the root element if `size="large"`. */
|
|
9
|
-
sizeLarge: string;
|
|
10
|
-
/** Styles applied to the root element if `variant="text"`. */
|
|
11
|
-
text: string;
|
|
12
|
-
/** Styles applied to the root element if `variant="text"` and `color="primary"`. */
|
|
13
|
-
textPrimary: string;
|
|
14
|
-
/** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
|
|
15
|
-
textSecondary: string;
|
|
16
|
-
/** Styles applied to the root element if `variant="outlined"`. */
|
|
17
|
-
outlined: string;
|
|
18
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
|
|
19
|
-
outlinedPrimary: string;
|
|
20
|
-
/** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
|
|
21
|
-
outlinedSecondary: string;
|
|
22
|
-
/** Styles applied to the root element if `rounded="true"`. */
|
|
23
|
-
rounded: string;
|
|
24
|
-
/** Styles applied to the root element if `type="start-ellipsis"` or `type="end-ellipsis"`. */
|
|
25
|
-
ellipsis: string;
|
|
26
|
-
/** Styles applyed to the root element if `type="first"` or type="last". */
|
|
27
|
-
firstLast: string;
|
|
28
|
-
/** Styles applyed to the root element if `type="previous"` or type="next". */
|
|
29
|
-
previousNext: string;
|
|
30
|
-
/** State class applied to the root element if keyboard focused. */
|
|
31
|
-
focusVisible: string;
|
|
32
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
33
|
-
disabled: string;
|
|
34
|
-
/** State class applied to the root element if `selected={true}`. */
|
|
35
|
-
selected: string;
|
|
36
|
-
/** Styles applied to the icon to display. */
|
|
37
|
-
icon: string;
|
|
38
|
-
}
|
|
39
|
-
export type PaginationItemClassKey = keyof PaginationItemClasses;
|
|
40
|
-
export declare function getPaginationItemUtilityClass(slot: string): string;
|
|
41
|
-
declare const paginationItemClasses: PaginationItemClasses;
|
|
42
|
-
export default paginationItemClasses;
|
|
1
|
+
export interface PaginationItemClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `type="page"`. */
|
|
5
|
+
page: string;
|
|
6
|
+
/** Styles applied to the root element if `size="small"`. */
|
|
7
|
+
sizeSmall: string;
|
|
8
|
+
/** Styles applied to the root element if `size="large"`. */
|
|
9
|
+
sizeLarge: string;
|
|
10
|
+
/** Styles applied to the root element if `variant="text"`. */
|
|
11
|
+
text: string;
|
|
12
|
+
/** Styles applied to the root element if `variant="text"` and `color="primary"`. */
|
|
13
|
+
textPrimary: string;
|
|
14
|
+
/** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
|
|
15
|
+
textSecondary: string;
|
|
16
|
+
/** Styles applied to the root element if `variant="outlined"`. */
|
|
17
|
+
outlined: string;
|
|
18
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
|
|
19
|
+
outlinedPrimary: string;
|
|
20
|
+
/** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
|
|
21
|
+
outlinedSecondary: string;
|
|
22
|
+
/** Styles applied to the root element if `rounded="true"`. */
|
|
23
|
+
rounded: string;
|
|
24
|
+
/** Styles applied to the root element if `type="start-ellipsis"` or `type="end-ellipsis"`. */
|
|
25
|
+
ellipsis: string;
|
|
26
|
+
/** Styles applyed to the root element if `type="first"` or type="last". */
|
|
27
|
+
firstLast: string;
|
|
28
|
+
/** Styles applyed to the root element if `type="previous"` or type="next". */
|
|
29
|
+
previousNext: string;
|
|
30
|
+
/** State class applied to the root element if keyboard focused. */
|
|
31
|
+
focusVisible: string;
|
|
32
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
33
|
+
disabled: string;
|
|
34
|
+
/** State class applied to the root element if `selected={true}`. */
|
|
35
|
+
selected: string;
|
|
36
|
+
/** Styles applied to the icon to display. */
|
|
37
|
+
icon: string;
|
|
38
|
+
}
|
|
39
|
+
export type PaginationItemClassKey = keyof PaginationItemClasses;
|
|
40
|
+
export declare function getPaginationItemUtilityClass(slot: string): string;
|
|
41
|
+
declare const paginationItemClasses: PaginationItemClasses;
|
|
42
|
+
export default paginationItemClasses;
|
package/Paper/paperClasses.d.ts
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
export interface PaperClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element unless `square={true}`. */
|
|
5
|
-
rounded: string;
|
|
6
|
-
/** Styles applied to the root element if `variant="outlined"`. */
|
|
7
|
-
outlined: string;
|
|
8
|
-
/** Styles applied to the root element if `variant="elevation"`. */
|
|
9
|
-
elevation: string;
|
|
10
|
-
elevation0: string;
|
|
11
|
-
elevation1: string;
|
|
12
|
-
elevation2: string;
|
|
13
|
-
elevation3: string;
|
|
14
|
-
elevation4: string;
|
|
15
|
-
elevation5: string;
|
|
16
|
-
elevation6: string;
|
|
17
|
-
elevation7: string;
|
|
18
|
-
elevation8: string;
|
|
19
|
-
elevation9: string;
|
|
20
|
-
elevation10: string;
|
|
21
|
-
elevation11: string;
|
|
22
|
-
elevation12: string;
|
|
23
|
-
elevation13: string;
|
|
24
|
-
elevation14: string;
|
|
25
|
-
elevation15: string;
|
|
26
|
-
elevation16: string;
|
|
27
|
-
elevation17: string;
|
|
28
|
-
elevation18: string;
|
|
29
|
-
elevation19: string;
|
|
30
|
-
elevation20: string;
|
|
31
|
-
elevation21: string;
|
|
32
|
-
elevation22: string;
|
|
33
|
-
elevation23: string;
|
|
34
|
-
elevation24: string;
|
|
35
|
-
}
|
|
36
|
-
export type PaperClassKey = keyof PaperClasses;
|
|
37
|
-
export declare function getPaperUtilityClass(slot: string): string;
|
|
38
|
-
declare const paperClasses: PaperClasses;
|
|
39
|
-
export default paperClasses;
|
|
1
|
+
export interface PaperClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element unless `square={true}`. */
|
|
5
|
+
rounded: string;
|
|
6
|
+
/** Styles applied to the root element if `variant="outlined"`. */
|
|
7
|
+
outlined: string;
|
|
8
|
+
/** Styles applied to the root element if `variant="elevation"`. */
|
|
9
|
+
elevation: string;
|
|
10
|
+
elevation0: string;
|
|
11
|
+
elevation1: string;
|
|
12
|
+
elevation2: string;
|
|
13
|
+
elevation3: string;
|
|
14
|
+
elevation4: string;
|
|
15
|
+
elevation5: string;
|
|
16
|
+
elevation6: string;
|
|
17
|
+
elevation7: string;
|
|
18
|
+
elevation8: string;
|
|
19
|
+
elevation9: string;
|
|
20
|
+
elevation10: string;
|
|
21
|
+
elevation11: string;
|
|
22
|
+
elevation12: string;
|
|
23
|
+
elevation13: string;
|
|
24
|
+
elevation14: string;
|
|
25
|
+
elevation15: string;
|
|
26
|
+
elevation16: string;
|
|
27
|
+
elevation17: string;
|
|
28
|
+
elevation18: string;
|
|
29
|
+
elevation19: string;
|
|
30
|
+
elevation20: string;
|
|
31
|
+
elevation21: string;
|
|
32
|
+
elevation22: string;
|
|
33
|
+
elevation23: string;
|
|
34
|
+
elevation24: string;
|
|
35
|
+
}
|
|
36
|
+
export type PaperClassKey = keyof PaperClasses;
|
|
37
|
+
export declare function getPaperUtilityClass(slot: string): string;
|
|
38
|
+
declare const paperClasses: PaperClasses;
|
|
39
|
+
export default paperClasses;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export interface PopoverClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the Paper component. */
|
|
5
|
-
paper: string;
|
|
6
|
-
}
|
|
7
|
-
export type PopoverClassKey = keyof PopoverClasses;
|
|
8
|
-
export declare function getPopoverUtilityClass(slot: string): string;
|
|
9
|
-
declare const popoverClasses: PopoverClasses;
|
|
10
|
-
export default popoverClasses;
|
|
1
|
+
export interface PopoverClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the Paper component. */
|
|
5
|
+
paper: string;
|
|
6
|
+
}
|
|
7
|
+
export type PopoverClassKey = keyof PopoverClasses;
|
|
8
|
+
export declare function getPopoverUtilityClass(slot: string): string;
|
|
9
|
+
declare const popoverClasses: PopoverClasses;
|
|
10
|
+
export default popoverClasses;
|
package/Popper/Popper.d.ts
CHANGED
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
import { PopperUnstyledProps } from '@mui/base/PopperUnstyled';
|
|
2
|
-
import { SxProps } from '@mui/system';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { Theme } from '../styles';
|
|
5
|
-
export type PopperProps = Omit<PopperUnstyledProps, 'direction'> & {
|
|
6
|
-
/**
|
|
7
|
-
* The components used for each slot inside the Popper.
|
|
8
|
-
* Either a string to use a HTML element or a component.
|
|
9
|
-
* @default {}
|
|
10
|
-
*/
|
|
11
|
-
components?: {
|
|
12
|
-
Root?: React.ElementType;
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
* The props used for each slot inside the Popper.
|
|
16
|
-
* @default {}
|
|
17
|
-
*/
|
|
18
|
-
componentsProps?: PopperUnstyledProps['slotProps'];
|
|
19
|
-
/**
|
|
20
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
21
|
-
*/
|
|
22
|
-
sx?: SxProps<Theme>;
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
*
|
|
26
|
-
* Demos:
|
|
27
|
-
*
|
|
28
|
-
* - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
|
|
29
|
-
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
30
|
-
* - [Popper](https://mui.com/material-ui/react-popper/)
|
|
31
|
-
*
|
|
32
|
-
* API:
|
|
33
|
-
*
|
|
34
|
-
* - [Popper API](https://mui.com/material-ui/api/popper/)
|
|
35
|
-
*/
|
|
36
|
-
declare const Popper: React.ForwardRefExoticComponent<Pick<PopperProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "componentsProps"> & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
-
export default Popper;
|
|
1
|
+
import { PopperUnstyledProps } from '@mui/base/PopperUnstyled';
|
|
2
|
+
import { SxProps } from '@mui/system';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { Theme } from '../styles';
|
|
5
|
+
export type PopperProps = Omit<PopperUnstyledProps, 'direction'> & {
|
|
6
|
+
/**
|
|
7
|
+
* The components used for each slot inside the Popper.
|
|
8
|
+
* Either a string to use a HTML element or a component.
|
|
9
|
+
* @default {}
|
|
10
|
+
*/
|
|
11
|
+
components?: {
|
|
12
|
+
Root?: React.ElementType;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* The props used for each slot inside the Popper.
|
|
16
|
+
* @default {}
|
|
17
|
+
*/
|
|
18
|
+
componentsProps?: PopperUnstyledProps['slotProps'];
|
|
19
|
+
/**
|
|
20
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
21
|
+
*/
|
|
22
|
+
sx?: SxProps<Theme>;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
*
|
|
26
|
+
* Demos:
|
|
27
|
+
*
|
|
28
|
+
* - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
|
|
29
|
+
* - [Menu](https://mui.com/material-ui/react-menu/)
|
|
30
|
+
* - [Popper](https://mui.com/material-ui/react-popper/)
|
|
31
|
+
*
|
|
32
|
+
* API:
|
|
33
|
+
*
|
|
34
|
+
* - [Popper API](https://mui.com/material-ui/api/popper/)
|
|
35
|
+
*/
|
|
36
|
+
declare const Popper: React.ForwardRefExoticComponent<Pick<PopperProps, "hidden" | "color" | "style" | "open" | "translate" | "transition" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "ownerState" | "components" | "container" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "componentsProps"> & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
export default Popper;
|
package/Popper/Popper.js
CHANGED
|
@@ -29,17 +29,17 @@ const PopperRoot = styled(PopperUnstyled, {
|
|
|
29
29
|
const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
|
|
30
30
|
var _slots$root;
|
|
31
31
|
const theme = useTheme();
|
|
32
|
-
const
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
32
|
+
const props = useThemeProps({
|
|
33
|
+
props: inProps,
|
|
34
|
+
name: 'MuiPopper'
|
|
35
|
+
});
|
|
36
|
+
const {
|
|
37
37
|
components,
|
|
38
38
|
componentsProps,
|
|
39
39
|
slots,
|
|
40
40
|
slotProps
|
|
41
|
-
} =
|
|
42
|
-
other = _objectWithoutPropertiesLoose(
|
|
41
|
+
} = props,
|
|
42
|
+
other = _objectWithoutPropertiesLoose(props, _excluded);
|
|
43
43
|
const RootComponent = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components == null ? void 0 : components.Root;
|
|
44
44
|
return /*#__PURE__*/_jsx(PopperRoot, _extends({
|
|
45
45
|
direction: theme == null ? void 0 : theme.direction,
|
|
@@ -130,6 +130,10 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
|
|
|
130
130
|
* If `true`, the component is shown.
|
|
131
131
|
*/
|
|
132
132
|
open: PropTypes.bool.isRequired,
|
|
133
|
+
/**
|
|
134
|
+
* @ignore
|
|
135
|
+
*/
|
|
136
|
+
ownerState: PropTypes.any,
|
|
133
137
|
/**
|
|
134
138
|
* Popper placement.
|
|
135
139
|
* @default 'bottom'
|
package/Radio/radioClasses.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
export interface RadioClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** State class applied to the root element if `checked={true}`. */
|
|
5
|
-
checked: string;
|
|
6
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
7
|
-
disabled: string;
|
|
8
|
-
/** Styles applied to the root element if `color="primary"`. */
|
|
9
|
-
colorPrimary: string;
|
|
10
|
-
/** Styles applied to the root element if `color="secondary"`. */
|
|
11
|
-
colorSecondary: string;
|
|
12
|
-
}
|
|
13
|
-
export type RadioClassKey = keyof RadioClasses;
|
|
14
|
-
export declare function getRadioUtilityClass(slot: string): string;
|
|
15
|
-
declare const radioClasses: RadioClasses;
|
|
16
|
-
export default radioClasses;
|
|
1
|
+
export interface RadioClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** State class applied to the root element if `checked={true}`. */
|
|
5
|
+
checked: string;
|
|
6
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
7
|
+
disabled: string;
|
|
8
|
+
/** Styles applied to the root element if `color="primary"`. */
|
|
9
|
+
colorPrimary: string;
|
|
10
|
+
/** Styles applied to the root element if `color="secondary"`. */
|
|
11
|
+
colorSecondary: string;
|
|
12
|
+
}
|
|
13
|
+
export type RadioClassKey = keyof RadioClasses;
|
|
14
|
+
export declare function getRadioUtilityClass(slot: string): string;
|
|
15
|
+
declare const radioClasses: RadioClasses;
|
|
16
|
+
export default radioClasses;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export interface RadioGroupContextValue {
|
|
3
|
-
name: string | undefined;
|
|
4
|
-
onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
|
|
5
|
-
value: any;
|
|
6
|
-
}
|
|
7
|
-
/**
|
|
8
|
-
* @ignore - internal component.
|
|
9
|
-
*/
|
|
10
|
-
declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
|
|
11
|
-
export default RadioGroupContext;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface RadioGroupContextValue {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
onChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
|
|
5
|
+
value: any;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* @ignore - internal component.
|
|
9
|
+
*/
|
|
10
|
+
declare const RadioGroupContext: React.Context<RadioGroupContextValue | undefined>;
|
|
11
|
+
export default RadioGroupContext;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RadioGroupContextValue } from './RadioGroupContext';
|
|
2
|
-
export interface RadioGroupState extends RadioGroupContextValue {
|
|
3
|
-
}
|
|
4
|
-
export default function useRadioGroup(): RadioGroupState | undefined;
|
|
1
|
+
import { RadioGroupContextValue } from './RadioGroupContext';
|
|
2
|
+
export interface RadioGroupState extends RadioGroupContextValue {
|
|
3
|
+
}
|
|
4
|
+
export default function useRadioGroup(): RadioGroupState | undefined;
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
export interface RatingClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `size="small"`. */
|
|
5
|
-
sizeSmall: string;
|
|
6
|
-
/** Styles applied to the root element if `size="medium"`. */
|
|
7
|
-
sizeMedium: string;
|
|
8
|
-
/** Styles applied to the root element if `size="large"`. */
|
|
9
|
-
sizeLarge: string;
|
|
10
|
-
/** Styles applied to the root element if `readOnly={true}`. */
|
|
11
|
-
readOnly: string;
|
|
12
|
-
/** State class applied to the root element if `disabled={true}`. */
|
|
13
|
-
disabled: string;
|
|
14
|
-
/** State class applied to the root element if keyboard focused. */
|
|
15
|
-
focusVisible: string;
|
|
16
|
-
/** Visually hide an element. */
|
|
17
|
-
visuallyHidden: string;
|
|
18
|
-
/** Styles applied to the label elements. */
|
|
19
|
-
label: string;
|
|
20
|
-
/** Styles applied to the label of the "no value" input when it is active. */
|
|
21
|
-
labelEmptyValueActive: string;
|
|
22
|
-
/** Styles applied to the icon wrapping elements. */
|
|
23
|
-
icon: string;
|
|
24
|
-
/** Styles applied to the icon wrapping elements when empty. */
|
|
25
|
-
iconEmpty: string;
|
|
26
|
-
/** Styles applied to the icon wrapping elements when filled. */
|
|
27
|
-
iconFilled: string;
|
|
28
|
-
/** Styles applied to the icon wrapping elements when hover. */
|
|
29
|
-
iconHover: string;
|
|
30
|
-
/** Styles applied to the icon wrapping elements when focus. */
|
|
31
|
-
iconFocus: string;
|
|
32
|
-
/** Styles applied to the icon wrapping elements when active. */
|
|
33
|
-
iconActive: string;
|
|
34
|
-
/** Styles applied to the icon wrapping elements when decimals are necessary. */
|
|
35
|
-
decimal: string;
|
|
36
|
-
}
|
|
37
|
-
export type RatingClassKey = keyof RatingClasses;
|
|
38
|
-
export declare function getRatingUtilityClass(slot: string): string;
|
|
39
|
-
declare const ratingClasses: RatingClasses;
|
|
40
|
-
export default ratingClasses;
|
|
1
|
+
export interface RatingClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the root element if `size="small"`. */
|
|
5
|
+
sizeSmall: string;
|
|
6
|
+
/** Styles applied to the root element if `size="medium"`. */
|
|
7
|
+
sizeMedium: string;
|
|
8
|
+
/** Styles applied to the root element if `size="large"`. */
|
|
9
|
+
sizeLarge: string;
|
|
10
|
+
/** Styles applied to the root element if `readOnly={true}`. */
|
|
11
|
+
readOnly: string;
|
|
12
|
+
/** State class applied to the root element if `disabled={true}`. */
|
|
13
|
+
disabled: string;
|
|
14
|
+
/** State class applied to the root element if keyboard focused. */
|
|
15
|
+
focusVisible: string;
|
|
16
|
+
/** Visually hide an element. */
|
|
17
|
+
visuallyHidden: string;
|
|
18
|
+
/** Styles applied to the label elements. */
|
|
19
|
+
label: string;
|
|
20
|
+
/** Styles applied to the label of the "no value" input when it is active. */
|
|
21
|
+
labelEmptyValueActive: string;
|
|
22
|
+
/** Styles applied to the icon wrapping elements. */
|
|
23
|
+
icon: string;
|
|
24
|
+
/** Styles applied to the icon wrapping elements when empty. */
|
|
25
|
+
iconEmpty: string;
|
|
26
|
+
/** Styles applied to the icon wrapping elements when filled. */
|
|
27
|
+
iconFilled: string;
|
|
28
|
+
/** Styles applied to the icon wrapping elements when hover. */
|
|
29
|
+
iconHover: string;
|
|
30
|
+
/** Styles applied to the icon wrapping elements when focus. */
|
|
31
|
+
iconFocus: string;
|
|
32
|
+
/** Styles applied to the icon wrapping elements when active. */
|
|
33
|
+
iconActive: string;
|
|
34
|
+
/** Styles applied to the icon wrapping elements when decimals are necessary. */
|
|
35
|
+
decimal: string;
|
|
36
|
+
}
|
|
37
|
+
export type RatingClassKey = keyof RatingClasses;
|
|
38
|
+
export declare function getRatingUtilityClass(slot: string): string;
|
|
39
|
+
declare const ratingClasses: RatingClasses;
|
|
40
|
+
export default ratingClasses;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export interface ScopedCssBaselineClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
}
|
|
5
|
-
export type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
|
|
6
|
-
export declare function getScopedCssBaselineUtilityClass(slot: string): string;
|
|
7
|
-
declare const scopedCssBaselineClasses: Record<"root", string>;
|
|
8
|
-
export default scopedCssBaselineClasses;
|
|
1
|
+
export interface ScopedCssBaselineClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
}
|
|
5
|
+
export type ScopedCssBaselineClassKey = keyof ScopedCssBaselineClasses;
|
|
6
|
+
export declare function getScopedCssBaselineUtilityClass(slot: string): string;
|
|
7
|
+
declare const scopedCssBaselineClasses: Record<"root", string>;
|
|
8
|
+
export default scopedCssBaselineClasses;
|
package/Select/SelectInput.js
CHANGED
|
@@ -159,6 +159,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
159
159
|
setDisplayNode(node);
|
|
160
160
|
}
|
|
161
161
|
}, []);
|
|
162
|
+
const anchorElement = displayNode == null ? void 0 : displayNode.parentNode;
|
|
162
163
|
React.useImperativeHandle(handleRef, () => ({
|
|
163
164
|
focus: () => {
|
|
164
165
|
displayRef.current.focus();
|
|
@@ -170,7 +171,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
170
171
|
// Resize menu on `defaultOpen` automatic toggle.
|
|
171
172
|
React.useEffect(() => {
|
|
172
173
|
if (defaultOpen && openState && displayNode && !isOpenControlled) {
|
|
173
|
-
setMenuMinWidthState(autoWidth ? null :
|
|
174
|
+
setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);
|
|
174
175
|
displayRef.current.focus();
|
|
175
176
|
}
|
|
176
177
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -209,7 +210,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
209
210
|
onClose(event);
|
|
210
211
|
}
|
|
211
212
|
if (!isOpenControlled) {
|
|
212
|
-
setMenuMinWidthState(autoWidth ? null :
|
|
213
|
+
setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);
|
|
213
214
|
setOpenState(open);
|
|
214
215
|
}
|
|
215
216
|
};
|
|
@@ -329,6 +330,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
329
330
|
}
|
|
330
331
|
}
|
|
331
332
|
const items = childrenArray.map((child, index, arr) => {
|
|
333
|
+
var _arr$, _arr$$props, _arr$2, _arr$2$props;
|
|
332
334
|
if (! /*#__PURE__*/React.isValidElement(child)) {
|
|
333
335
|
return null;
|
|
334
336
|
}
|
|
@@ -365,7 +367,10 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
365
367
|
if (value) {
|
|
366
368
|
return selected;
|
|
367
369
|
}
|
|
368
|
-
const firstSelectableElement = arr.find(item =>
|
|
370
|
+
const firstSelectableElement = arr.find(item => {
|
|
371
|
+
var _item$props;
|
|
372
|
+
return (item == null ? void 0 : (_item$props = item.props) == null ? void 0 : _item$props.value) !== undefined && item.props.disabled !== true;
|
|
373
|
+
});
|
|
369
374
|
if (child === firstSelectableElement) {
|
|
370
375
|
return true;
|
|
371
376
|
}
|
|
@@ -386,7 +391,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
386
391
|
}
|
|
387
392
|
},
|
|
388
393
|
role: 'option',
|
|
389
|
-
selected: arr[0]
|
|
394
|
+
selected: ((_arr$ = arr[0]) == null ? void 0 : (_arr$$props = _arr$.props) == null ? void 0 : _arr$$props.value) === undefined || ((_arr$2 = arr[0]) == null ? void 0 : (_arr$2$props = _arr$2.props) == null ? void 0 : _arr$2$props.disabled) === true ? isFirstSelectableElement() : selected,
|
|
390
395
|
value: undefined,
|
|
391
396
|
// The value is most likely not a valid HTML attribute.
|
|
392
397
|
'data-value': child.props.value // Instead, we provide it as a data attribute.
|
|
@@ -423,7 +428,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
423
428
|
// Avoid performing a layout computation in the render method.
|
|
424
429
|
let menuMinWidth = menuMinWidthState;
|
|
425
430
|
if (!autoWidth && isOpenControlled && displayNode) {
|
|
426
|
-
menuMinWidth =
|
|
431
|
+
menuMinWidth = anchorElement.clientWidth;
|
|
427
432
|
}
|
|
428
433
|
let tabIndex;
|
|
429
434
|
if (typeof tabIndexProp !== 'undefined') {
|
|
@@ -481,7 +486,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
481
486
|
ownerState: ownerState
|
|
482
487
|
}), /*#__PURE__*/_jsx(Menu, _extends({
|
|
483
488
|
id: `menu-${name || ''}`,
|
|
484
|
-
anchorEl:
|
|
489
|
+
anchorEl: anchorElement,
|
|
485
490
|
open: open,
|
|
486
491
|
onClose: handleClose,
|
|
487
492
|
anchorOrigin: {
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
export interface SelectClasses {
|
|
2
|
-
/** Styles applied to the select component `select` class. */
|
|
3
|
-
select: string;
|
|
4
|
-
/** Styles applied to the select component if `multiple={true}`. */
|
|
5
|
-
multiple: string;
|
|
6
|
-
/** Styles applied to the select component if `variant="filled"`. */
|
|
7
|
-
filled: string;
|
|
8
|
-
/** Styles applied to the select component if `variant="outlined"`. */
|
|
9
|
-
outlined: string;
|
|
10
|
-
/** Styles applied to the select component if `variant="standard"`. */
|
|
11
|
-
standard: string;
|
|
12
|
-
/** State class applied to the select component `disabled` class. */
|
|
13
|
-
disabled: string;
|
|
14
|
-
/** Styles applied to the icon component. */
|
|
15
|
-
icon: string;
|
|
16
|
-
/** Styles applied to the icon component if the popup is open. */
|
|
17
|
-
iconOpen: string;
|
|
18
|
-
/** Styles applied to the icon component if `variant="filled"`. */
|
|
19
|
-
iconFilled: string;
|
|
20
|
-
/** Styles applied to the icon component if `variant="outlined"`. */
|
|
21
|
-
iconOutlined: string;
|
|
22
|
-
/** Styles applied to the icon component if `variant="standard"`. */
|
|
23
|
-
iconStandard: string;
|
|
24
|
-
/** Styles applied to the underlying native input component. */
|
|
25
|
-
nativeInput: string;
|
|
26
|
-
}
|
|
27
|
-
export type SelectClassKey = keyof SelectClasses;
|
|
28
|
-
export declare function getSelectUtilityClasses(slot: string): string;
|
|
29
|
-
declare const selectClasses: SelectClasses;
|
|
30
|
-
export default selectClasses;
|
|
1
|
+
export interface SelectClasses {
|
|
2
|
+
/** Styles applied to the select component `select` class. */
|
|
3
|
+
select: string;
|
|
4
|
+
/** Styles applied to the select component if `multiple={true}`. */
|
|
5
|
+
multiple: string;
|
|
6
|
+
/** Styles applied to the select component if `variant="filled"`. */
|
|
7
|
+
filled: string;
|
|
8
|
+
/** Styles applied to the select component if `variant="outlined"`. */
|
|
9
|
+
outlined: string;
|
|
10
|
+
/** Styles applied to the select component if `variant="standard"`. */
|
|
11
|
+
standard: string;
|
|
12
|
+
/** State class applied to the select component `disabled` class. */
|
|
13
|
+
disabled: string;
|
|
14
|
+
/** Styles applied to the icon component. */
|
|
15
|
+
icon: string;
|
|
16
|
+
/** Styles applied to the icon component if the popup is open. */
|
|
17
|
+
iconOpen: string;
|
|
18
|
+
/** Styles applied to the icon component if `variant="filled"`. */
|
|
19
|
+
iconFilled: string;
|
|
20
|
+
/** Styles applied to the icon component if `variant="outlined"`. */
|
|
21
|
+
iconOutlined: string;
|
|
22
|
+
/** Styles applied to the icon component if `variant="standard"`. */
|
|
23
|
+
iconStandard: string;
|
|
24
|
+
/** Styles applied to the underlying native input component. */
|
|
25
|
+
nativeInput: string;
|
|
26
|
+
}
|
|
27
|
+
export type SelectClassKey = keyof SelectClasses;
|
|
28
|
+
export declare function getSelectUtilityClasses(slot: string): string;
|
|
29
|
+
declare const selectClasses: SelectClasses;
|
|
30
|
+
export default selectClasses;
|