@mui/material 9.0.0-alpha.4 → 9.0.0-beta.0
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/ButtonGroup/ButtonGroup.js +1 -9
- package/ButtonGroup/ButtonGroup.mjs +1 -9
- package/ButtonGroup/buttonGroupClasses.d.mts +0 -68
- package/ButtonGroup/buttonGroupClasses.d.ts +0 -68
- package/ButtonGroup/buttonGroupClasses.js +1 -1
- package/ButtonGroup/buttonGroupClasses.mjs +1 -1
- package/CHANGELOG.md +71 -4
- package/CardHeader/CardHeader.d.mts +13 -21
- package/CardHeader/CardHeader.d.ts +13 -21
- package/CardHeader/CardHeader.js +3 -21
- package/CardHeader/CardHeader.mjs +3 -21
- package/Checkbox/Checkbox.js +1 -7
- package/Checkbox/Checkbox.mjs +1 -7
- package/Chip/Chip.js +48 -54
- package/Chip/Chip.mjs +48 -54
- package/Chip/chipClasses.d.mts +0 -104
- package/Chip/chipClasses.d.ts +0 -104
- package/Chip/chipClasses.js +1 -1
- package/Chip/chipClasses.mjs +1 -1
- package/Dialog/Dialog.d.mts +0 -21
- package/Dialog/Dialog.d.ts +0 -21
- package/Dialog/Dialog.js +36 -73
- package/Dialog/Dialog.mjs +36 -73
- package/Dialog/dialogClasses.d.mts +0 -8
- package/Dialog/dialogClasses.d.ts +0 -8
- package/Dialog/dialogClasses.js +1 -1
- package/Dialog/dialogClasses.mjs +1 -1
- package/Divider/Divider.js +2 -2
- package/Divider/Divider.mjs +2 -2
- package/Divider/dividerClasses.d.mts +0 -4
- package/Divider/dividerClasses.d.ts +0 -4
- package/Divider/dividerClasses.js +1 -1
- package/Divider/dividerClasses.mjs +1 -1
- package/Drawer/Drawer.d.mts +0 -12
- package/Drawer/Drawer.d.ts +0 -12
- package/Drawer/Drawer.js +6 -40
- package/Drawer/Drawer.mjs +6 -40
- package/Drawer/drawerClasses.d.mts +0 -32
- package/Drawer/drawerClasses.d.ts +0 -32
- package/Drawer/drawerClasses.js +1 -1
- package/Drawer/drawerClasses.mjs +1 -1
- package/FilledInput/FilledInput.js +3 -32
- package/FilledInput/FilledInput.mjs +3 -32
- package/ImageListItemBar/ImageListItemBar.js +4 -17
- package/ImageListItemBar/ImageListItemBar.mjs +4 -17
- package/ImageListItemBar/imageListItemBarClasses.d.mts +0 -16
- package/ImageListItemBar/imageListItemBarClasses.d.ts +0 -16
- package/ImageListItemBar/imageListItemBarClasses.js +1 -1
- package/ImageListItemBar/imageListItemBarClasses.mjs +1 -1
- package/Input/Input.js +3 -32
- package/Input/Input.mjs +3 -32
- package/Input/inputClasses.d.mts +0 -16
- package/Input/inputClasses.d.ts +0 -16
- package/InputBase/InputBase.d.mts +0 -27
- package/InputBase/InputBase.d.ts +0 -27
- package/InputBase/InputBase.js +6 -35
- package/InputBase/InputBase.mjs +6 -35
- package/InputBase/inputBaseClasses.d.mts +0 -20
- package/InputBase/inputBaseClasses.d.ts +0 -20
- package/InputBase/inputBaseClasses.js +1 -1
- package/InputBase/inputBaseClasses.mjs +1 -1
- package/InputLabel/InputLabel.js +1 -1
- package/InputLabel/InputLabel.mjs +1 -1
- package/LinearProgress/LinearProgress.js +6 -18
- package/LinearProgress/LinearProgress.mjs +6 -18
- package/LinearProgress/linearProgressClasses.d.mts +0 -36
- package/LinearProgress/linearProgressClasses.d.ts +0 -36
- package/LinearProgress/linearProgressClasses.js +1 -1
- package/LinearProgress/linearProgressClasses.mjs +1 -1
- package/Link/Link.d.mts +1 -1
- package/Link/Link.d.ts +1 -1
- package/ListItem/ListItem.d.mts +2 -36
- package/ListItem/ListItem.d.ts +2 -36
- package/ListItem/ListItem.js +27 -152
- package/ListItem/ListItem.mjs +27 -152
- package/ListItem/listItemClasses.d.mts +2 -4
- package/ListItem/listItemClasses.d.ts +2 -4
- package/ListItem/listItemClasses.js +1 -1
- package/ListItem/listItemClasses.mjs +1 -1
- package/ListItemButton/ListItemButton.d.mts +1 -2
- package/ListItemButton/ListItemButton.d.ts +1 -2
- package/ListItemButton/ListItemButton.js +1 -2
- package/ListItemButton/ListItemButton.mjs +1 -2
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.mts +10 -6
- package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +10 -6
- package/ListItemSecondaryAction/ListItemSecondaryAction.js +7 -2
- package/ListItemSecondaryAction/ListItemSecondaryAction.mjs +7 -2
- package/ListItemText/ListItemText.d.mts +12 -20
- package/ListItemText/ListItemText.d.ts +12 -20
- package/ListItemText/ListItemText.js +2 -20
- package/ListItemText/ListItemText.mjs +2 -20
- package/Modal/Modal.d.mts +1 -41
- package/Modal/Modal.d.ts +1 -41
- package/Modal/Modal.js +5 -58
- package/Modal/Modal.mjs +5 -58
- package/OutlinedInput/OutlinedInput.js +2 -14
- package/OutlinedInput/OutlinedInput.mjs +2 -14
- package/OutlinedInput/outlinedInputClasses.d.mts +0 -16
- package/OutlinedInput/outlinedInputClasses.d.ts +0 -16
- package/PaginationItem/PaginationItem.d.mts +0 -15
- package/PaginationItem/PaginationItem.d.ts +0 -15
- package/PaginationItem/PaginationItem.js +3 -24
- package/PaginationItem/PaginationItem.mjs +3 -24
- package/PaginationItem/paginationItemClasses.d.mts +0 -16
- package/PaginationItem/paginationItemClasses.d.ts +0 -16
- package/PaginationItem/paginationItemClasses.js +1 -1
- package/PaginationItem/paginationItemClasses.mjs +1 -1
- package/Radio/Radio.js +1 -13
- package/Radio/Radio.mjs +1 -13
- package/Rating/Rating.d.mts +0 -9
- package/Rating/Rating.d.ts +0 -9
- package/Rating/Rating.js +1 -17
- package/Rating/Rating.mjs +1 -17
- package/Select/SelectInput.js +2 -3
- package/Select/SelectInput.mjs +2 -3
- package/Select/selectClasses.d.mts +0 -12
- package/Select/selectClasses.d.ts +0 -12
- package/Select/selectClasses.js +1 -1
- package/Select/selectClasses.mjs +1 -1
- package/Slider/Slider.d.mts +0 -5
- package/Slider/Slider.d.ts +0 -5
- package/Slider/Slider.js +2 -8
- package/Slider/Slider.mjs +2 -8
- package/Slider/sliderClasses.d.mts +0 -28
- package/Slider/sliderClasses.d.ts +0 -28
- package/Slider/sliderClasses.js +1 -1
- package/Slider/sliderClasses.mjs +1 -1
- package/Stack/Stack.d.mts +2 -2
- package/Stack/Stack.d.ts +2 -2
- package/StepConnector/StepConnector.js +2 -8
- package/StepConnector/StepConnector.mjs +2 -8
- package/StepConnector/stepConnectorClasses.d.mts +0 -8
- package/StepConnector/stepConnectorClasses.d.ts +0 -8
- package/StepConnector/stepConnectorClasses.js +1 -1
- package/StepConnector/stepConnectorClasses.mjs +1 -1
- package/StepContent/StepContent.d.mts +1 -16
- package/StepContent/StepContent.d.ts +1 -16
- package/StepContent/StepContent.js +3 -22
- package/StepContent/StepContent.mjs +3 -22
- package/StepLabel/StepLabel.d.mts +0 -22
- package/StepLabel/StepLabel.d.ts +0 -22
- package/StepLabel/StepLabel.js +2 -31
- package/StepLabel/StepLabel.mjs +2 -31
- package/SvgIcon/createSvgIcon.d.mts +2 -0
- package/SvgIcon/createSvgIcon.d.ts +2 -0
- package/SvgIcon/createSvgIcon.js +31 -0
- package/SvgIcon/createSvgIcon.mjs +26 -0
- package/SvgIcon/index.d.mts +1 -0
- package/SvgIcon/index.d.ts +1 -0
- package/SvgIcon/index.js +8 -0
- package/SvgIcon/index.mjs +1 -0
- package/SwipeableDrawer/SwipeableDrawer.d.mts +0 -5
- package/SwipeableDrawer/SwipeableDrawer.d.ts +0 -5
- package/SwipeableDrawer/SwipeableDrawer.js +6 -37
- package/SwipeableDrawer/SwipeableDrawer.mjs +6 -37
- package/Switch/Switch.js +0 -11
- package/Switch/Switch.mjs +0 -11
- package/Tab/Tab.js +1 -3
- package/Tab/Tab.mjs +1 -3
- package/Tab/tabClasses.d.mts +0 -4
- package/Tab/tabClasses.d.ts +0 -4
- package/Tab/tabClasses.js +1 -1
- package/Tab/tabClasses.mjs +1 -1
- package/TablePagination/TablePagination.d.mts +0 -24
- package/TablePagination/TablePagination.d.ts +0 -24
- package/TablePagination/TablePagination.js +1 -29
- package/TablePagination/TablePagination.mjs +1 -29
- package/TablePaginationActions/TablePaginationActions.d.mts +0 -10
- package/TablePaginationActions/TablePaginationActions.d.ts +0 -10
- package/TablePaginationActions/TablePaginationActions.js +2 -14
- package/TablePaginationActions/TablePaginationActions.mjs +2 -14
- package/TableSortLabel/TableSortLabel.js +2 -7
- package/TableSortLabel/TableSortLabel.mjs +2 -7
- package/TableSortLabel/tableSortLabelClasses.d.mts +0 -8
- package/TableSortLabel/tableSortLabelClasses.d.ts +0 -8
- package/TableSortLabel/tableSortLabelClasses.js +1 -1
- package/TableSortLabel/tableSortLabelClasses.mjs +1 -1
- package/Tabs/Tabs.js +3 -3
- package/Tabs/Tabs.mjs +3 -3
- package/Tabs/tabsClasses.d.mts +0 -6
- package/Tabs/tabsClasses.d.ts +0 -6
- package/Tabs/tabsClasses.js +1 -1
- package/Tabs/tabsClasses.mjs +1 -1
- package/ToggleButtonGroup/ToggleButtonGroup.js +1 -4
- package/ToggleButtonGroup/ToggleButtonGroup.mjs +1 -4
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.mts +0 -8
- package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +0 -8
- package/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
- package/ToggleButtonGroup/toggleButtonGroupClasses.mjs +1 -1
- package/Typography/Typography.d.mts +3 -3
- package/Typography/Typography.d.ts +3 -3
- package/Typography/Typography.js +2 -24
- package/Typography/Typography.mjs +3 -25
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/internal/SwitchBase.d.mts +0 -10
- package/internal/SwitchBase.d.ts +0 -10
- package/internal/SwitchBase.js +1 -16
- package/internal/SwitchBase.mjs +1 -16
- package/package.json +7 -7
- package/styles/createThemeWithVars.js +1 -0
- package/styles/createThemeWithVars.mjs +1 -0
- package/styles/stringifyTheme.js +1 -1
- package/styles/stringifyTheme.mjs +1 -1
- package/utils/createSvgIcon.d.mts +4 -2
- package/utils/createSvgIcon.d.ts +4 -2
- package/utils/createSvgIcon.js +6 -24
- package/utils/createSvgIcon.mjs +2 -24
- package/version/index.js +2 -2
- package/version/index.mjs +2 -2
|
@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
|
3
3
|
export function getDividerUtilityClass(slot) {
|
|
4
4
|
return generateUtilityClass('MuiDivider', slot);
|
|
5
5
|
}
|
|
6
|
-
const dividerClasses = generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'vertical', 'withChildren', '
|
|
6
|
+
const dividerClasses = generateUtilityClasses('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'vertical', 'withChildren', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
|
|
7
7
|
export default dividerClasses;
|
package/Drawer/Drawer.d.mts
CHANGED
|
@@ -5,7 +5,6 @@ import { InternalStandardProps as StandardProps } from "../internal/index.mjs";
|
|
|
5
5
|
import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.mjs";
|
|
6
6
|
import { ModalProps } from "../Modal/index.mjs";
|
|
7
7
|
import { BackdropProps } from "../Backdrop/index.mjs";
|
|
8
|
-
import { SlideProps } from "../Slide/index.mjs";
|
|
9
8
|
import { PaperProps } from "../Paper/index.mjs";
|
|
10
9
|
import { TransitionProps } from "../transitions/transition.mjs";
|
|
11
10
|
import { DrawerClasses } from "./drawerClasses.mjs";
|
|
@@ -106,17 +105,6 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
|
|
|
106
105
|
* @default false
|
|
107
106
|
*/
|
|
108
107
|
open?: boolean | undefined;
|
|
109
|
-
/**
|
|
110
|
-
* Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
|
|
111
|
-
* @deprecated use the `slotProps.paper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
112
|
-
* @default {}
|
|
113
|
-
*/
|
|
114
|
-
PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
|
|
115
|
-
/**
|
|
116
|
-
* Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
|
|
117
|
-
* @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
118
|
-
*/
|
|
119
|
-
SlideProps?: Partial<SlideProps> | undefined;
|
|
120
108
|
/**
|
|
121
109
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
122
110
|
*/
|
package/Drawer/Drawer.d.ts
CHANGED
|
@@ -5,7 +5,6 @@ import { InternalStandardProps as StandardProps } from "../internal/index.js";
|
|
|
5
5
|
import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
|
|
6
6
|
import { ModalProps } from "../Modal/index.js";
|
|
7
7
|
import { BackdropProps } from "../Backdrop/index.js";
|
|
8
|
-
import { SlideProps } from "../Slide/index.js";
|
|
9
8
|
import { PaperProps } from "../Paper/index.js";
|
|
10
9
|
import { TransitionProps } from "../transitions/transition.js";
|
|
11
10
|
import { DrawerClasses } from "./drawerClasses.js";
|
|
@@ -106,17 +105,6 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
|
|
|
106
105
|
* @default false
|
|
107
106
|
*/
|
|
108
107
|
open?: boolean | undefined;
|
|
109
|
-
/**
|
|
110
|
-
* Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
|
|
111
|
-
* @deprecated use the `slotProps.paper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
112
|
-
* @default {}
|
|
113
|
-
*/
|
|
114
|
-
PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
|
|
115
|
-
/**
|
|
116
|
-
* Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
|
|
117
|
-
* @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
118
|
-
*/
|
|
119
|
-
SlideProps?: Partial<SlideProps> | undefined;
|
|
120
108
|
/**
|
|
121
109
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
122
110
|
*/
|
package/Drawer/Drawer.js
CHANGED
|
@@ -43,7 +43,7 @@ const useUtilityClasses = ownerState => {
|
|
|
43
43
|
root: ['root', `anchor${(0, _capitalize.default)(anchor)}`],
|
|
44
44
|
docked: [(variant === 'permanent' || variant === 'persistent') && 'docked'],
|
|
45
45
|
modal: ['modal'],
|
|
46
|
-
paper: ['paper'
|
|
46
|
+
paper: ['paper']
|
|
47
47
|
};
|
|
48
48
|
return (0, _composeClasses.default)(slots, _drawerClasses.getDrawerUtilityClass, classes);
|
|
49
49
|
};
|
|
@@ -69,10 +69,7 @@ const DrawerPaper = (0, _zeroStyled.styled)(_Paper.default, {
|
|
|
69
69
|
name: 'MuiDrawer',
|
|
70
70
|
slot: 'Paper',
|
|
71
71
|
overridesResolver: (props, styles) => {
|
|
72
|
-
|
|
73
|
-
ownerState
|
|
74
|
-
} = props;
|
|
75
|
-
return [styles.paper, styles[`paperAnchor${(0, _capitalize.default)(ownerState.anchor)}`], ownerState.variant !== 'temporary' && styles[`paperAnchorDocked${(0, _capitalize.default)(ownerState.anchor)}`]];
|
|
72
|
+
return [styles.paper];
|
|
76
73
|
}
|
|
77
74
|
})((0, _memoTheme.default)(({
|
|
78
75
|
theme
|
|
@@ -191,21 +188,13 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
|
191
188
|
};
|
|
192
189
|
const {
|
|
193
190
|
anchor: anchorProp = 'left',
|
|
194
|
-
BackdropProps,
|
|
195
191
|
children,
|
|
196
192
|
className,
|
|
197
193
|
elevation = 16,
|
|
198
194
|
hideBackdrop = false,
|
|
199
|
-
ModalProps
|
|
200
|
-
BackdropProps: BackdropPropsProp,
|
|
201
|
-
...ModalProps
|
|
202
|
-
} = {},
|
|
195
|
+
ModalProps = {},
|
|
203
196
|
onClose,
|
|
204
197
|
open = false,
|
|
205
|
-
PaperProps = {},
|
|
206
|
-
SlideProps,
|
|
207
|
-
// eslint-disable-next-line react/prop-types
|
|
208
|
-
TransitionComponent,
|
|
209
198
|
transitionDuration = defaultTransitionDuration,
|
|
210
199
|
variant = 'temporary',
|
|
211
200
|
slots = {},
|
|
@@ -234,18 +223,10 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
|
234
223
|
};
|
|
235
224
|
const classes = useUtilityClasses(ownerState);
|
|
236
225
|
const externalForwardedProps = {
|
|
237
|
-
slots
|
|
238
|
-
transition: TransitionComponent,
|
|
239
|
-
...slots
|
|
240
|
-
},
|
|
226
|
+
slots,
|
|
241
227
|
slotProps: {
|
|
242
|
-
paper: PaperProps,
|
|
243
|
-
transition: SlideProps,
|
|
244
228
|
...slotProps,
|
|
245
|
-
backdrop: (0, _utils.mergeSlotProps)(slotProps.backdrop
|
|
246
|
-
...BackdropProps,
|
|
247
|
-
...BackdropPropsProp
|
|
248
|
-
}, {
|
|
229
|
+
backdrop: (0, _utils.mergeSlotProps)(slotProps.backdrop, {
|
|
249
230
|
transitionDuration
|
|
250
231
|
})
|
|
251
232
|
}
|
|
@@ -276,7 +257,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
|
276
257
|
const [PaperSlot, paperSlotProps] = (0, _useSlot.default)('paper', {
|
|
277
258
|
elementType: DrawerPaper,
|
|
278
259
|
shouldForwardComponentProp: true,
|
|
279
|
-
className:
|
|
260
|
+
className: classes.paper,
|
|
280
261
|
ownerState,
|
|
281
262
|
externalForwardedProps,
|
|
282
263
|
additionalProps: {
|
|
@@ -344,10 +325,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
|
|
|
344
325
|
* @default 'left'
|
|
345
326
|
*/
|
|
346
327
|
anchor: _propTypes.default.oneOf(['bottom', 'left', 'right', 'top']),
|
|
347
|
-
/**
|
|
348
|
-
* @ignore
|
|
349
|
-
*/
|
|
350
|
-
BackdropProps: _propTypes.default.object,
|
|
351
328
|
/**
|
|
352
329
|
* The content of the component.
|
|
353
330
|
*/
|
|
@@ -388,17 +365,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
|
|
|
388
365
|
* @default false
|
|
389
366
|
*/
|
|
390
367
|
open: _propTypes.default.bool,
|
|
391
|
-
/**
|
|
392
|
-
* Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
|
|
393
|
-
* @deprecated use the `slotProps.paper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
394
|
-
* @default {}
|
|
395
|
-
*/
|
|
396
|
-
PaperProps: _propTypes.default.object,
|
|
397
|
-
/**
|
|
398
|
-
* Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
|
|
399
|
-
* @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
400
|
-
*/
|
|
401
|
-
SlideProps: _propTypes.default.object,
|
|
402
368
|
/**
|
|
403
369
|
* The props used for each slot inside.
|
|
404
370
|
* @default {}
|
package/Drawer/Drawer.mjs
CHANGED
|
@@ -34,7 +34,7 @@ const useUtilityClasses = ownerState => {
|
|
|
34
34
|
root: ['root', `anchor${capitalize(anchor)}`],
|
|
35
35
|
docked: [(variant === 'permanent' || variant === 'persistent') && 'docked'],
|
|
36
36
|
modal: ['modal'],
|
|
37
|
-
paper: ['paper'
|
|
37
|
+
paper: ['paper']
|
|
38
38
|
};
|
|
39
39
|
return composeClasses(slots, getDrawerUtilityClass, classes);
|
|
40
40
|
};
|
|
@@ -60,10 +60,7 @@ const DrawerPaper = styled(Paper, {
|
|
|
60
60
|
name: 'MuiDrawer',
|
|
61
61
|
slot: 'Paper',
|
|
62
62
|
overridesResolver: (props, styles) => {
|
|
63
|
-
|
|
64
|
-
ownerState
|
|
65
|
-
} = props;
|
|
66
|
-
return [styles.paper, styles[`paperAnchor${capitalize(ownerState.anchor)}`], ownerState.variant !== 'temporary' && styles[`paperAnchorDocked${capitalize(ownerState.anchor)}`]];
|
|
63
|
+
return [styles.paper];
|
|
67
64
|
}
|
|
68
65
|
})(memoTheme(({
|
|
69
66
|
theme
|
|
@@ -182,21 +179,13 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
|
182
179
|
};
|
|
183
180
|
const {
|
|
184
181
|
anchor: anchorProp = 'left',
|
|
185
|
-
BackdropProps,
|
|
186
182
|
children,
|
|
187
183
|
className,
|
|
188
184
|
elevation = 16,
|
|
189
185
|
hideBackdrop = false,
|
|
190
|
-
ModalProps
|
|
191
|
-
BackdropProps: BackdropPropsProp,
|
|
192
|
-
...ModalProps
|
|
193
|
-
} = {},
|
|
186
|
+
ModalProps = {},
|
|
194
187
|
onClose,
|
|
195
188
|
open = false,
|
|
196
|
-
PaperProps = {},
|
|
197
|
-
SlideProps,
|
|
198
|
-
// eslint-disable-next-line react/prop-types
|
|
199
|
-
TransitionComponent,
|
|
200
189
|
transitionDuration = defaultTransitionDuration,
|
|
201
190
|
variant = 'temporary',
|
|
202
191
|
slots = {},
|
|
@@ -225,18 +214,10 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
|
225
214
|
};
|
|
226
215
|
const classes = useUtilityClasses(ownerState);
|
|
227
216
|
const externalForwardedProps = {
|
|
228
|
-
slots
|
|
229
|
-
transition: TransitionComponent,
|
|
230
|
-
...slots
|
|
231
|
-
},
|
|
217
|
+
slots,
|
|
232
218
|
slotProps: {
|
|
233
|
-
paper: PaperProps,
|
|
234
|
-
transition: SlideProps,
|
|
235
219
|
...slotProps,
|
|
236
|
-
backdrop: mergeSlotProps(slotProps.backdrop
|
|
237
|
-
...BackdropProps,
|
|
238
|
-
...BackdropPropsProp
|
|
239
|
-
}, {
|
|
220
|
+
backdrop: mergeSlotProps(slotProps.backdrop, {
|
|
240
221
|
transitionDuration
|
|
241
222
|
})
|
|
242
223
|
}
|
|
@@ -267,7 +248,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
|
|
|
267
248
|
const [PaperSlot, paperSlotProps] = useSlot('paper', {
|
|
268
249
|
elementType: DrawerPaper,
|
|
269
250
|
shouldForwardComponentProp: true,
|
|
270
|
-
className:
|
|
251
|
+
className: classes.paper,
|
|
271
252
|
ownerState,
|
|
272
253
|
externalForwardedProps,
|
|
273
254
|
additionalProps: {
|
|
@@ -335,10 +316,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
|
|
|
335
316
|
* @default 'left'
|
|
336
317
|
*/
|
|
337
318
|
anchor: PropTypes.oneOf(['bottom', 'left', 'right', 'top']),
|
|
338
|
-
/**
|
|
339
|
-
* @ignore
|
|
340
|
-
*/
|
|
341
|
-
BackdropProps: PropTypes.object,
|
|
342
319
|
/**
|
|
343
320
|
* The content of the component.
|
|
344
321
|
*/
|
|
@@ -379,17 +356,6 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
|
|
|
379
356
|
* @default false
|
|
380
357
|
*/
|
|
381
358
|
open: PropTypes.bool,
|
|
382
|
-
/**
|
|
383
|
-
* Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
|
|
384
|
-
* @deprecated use the `slotProps.paper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
385
|
-
* @default {}
|
|
386
|
-
*/
|
|
387
|
-
PaperProps: PropTypes.object,
|
|
388
|
-
/**
|
|
389
|
-
* Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
|
|
390
|
-
* @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
391
|
-
*/
|
|
392
|
-
SlideProps: PropTypes.object,
|
|
393
359
|
/**
|
|
394
360
|
* The props used for each slot inside.
|
|
395
361
|
* @default {}
|
|
@@ -13,38 +13,6 @@ export interface DrawerClasses {
|
|
|
13
13
|
anchorTop: string;
|
|
14
14
|
/** Styles applied to the root element if `anchor="bottom"`. */
|
|
15
15
|
anchorBottom: string;
|
|
16
|
-
/** Styles applied to the Paper component if `anchor="left"`.
|
|
17
|
-
* @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
18
|
-
*/
|
|
19
|
-
paperAnchorLeft: string;
|
|
20
|
-
/** Styles applied to the Paper component if `anchor="right"`.
|
|
21
|
-
* @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
22
|
-
*/
|
|
23
|
-
paperAnchorRight: string;
|
|
24
|
-
/** Styles applied to the Paper component if `anchor="top"`.
|
|
25
|
-
* @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
26
|
-
*/
|
|
27
|
-
paperAnchorTop: string;
|
|
28
|
-
/** Styles applied to the Paper component if `anchor="bottom"`.
|
|
29
|
-
* @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
30
|
-
*/
|
|
31
|
-
paperAnchorBottom: string;
|
|
32
|
-
/** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary".
|
|
33
|
-
* @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
34
|
-
*/
|
|
35
|
-
paperAnchorDockedLeft: string;
|
|
36
|
-
/** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary".
|
|
37
|
-
* @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
38
|
-
*/
|
|
39
|
-
paperAnchorDockedTop: string;
|
|
40
|
-
/** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary".
|
|
41
|
-
* @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
42
|
-
*/
|
|
43
|
-
paperAnchorDockedRight: string;
|
|
44
|
-
/** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary".
|
|
45
|
-
* @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
46
|
-
*/
|
|
47
|
-
paperAnchorDockedBottom: string;
|
|
48
16
|
/** Styles applied to the Modal component. */
|
|
49
17
|
modal: string;
|
|
50
18
|
}
|
|
@@ -13,38 +13,6 @@ export interface DrawerClasses {
|
|
|
13
13
|
anchorTop: string;
|
|
14
14
|
/** Styles applied to the root element if `anchor="bottom"`. */
|
|
15
15
|
anchorBottom: string;
|
|
16
|
-
/** Styles applied to the Paper component if `anchor="left"`.
|
|
17
|
-
* @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
18
|
-
*/
|
|
19
|
-
paperAnchorLeft: string;
|
|
20
|
-
/** Styles applied to the Paper component if `anchor="right"`.
|
|
21
|
-
* @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
22
|
-
*/
|
|
23
|
-
paperAnchorRight: string;
|
|
24
|
-
/** Styles applied to the Paper component if `anchor="top"`.
|
|
25
|
-
* @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
26
|
-
*/
|
|
27
|
-
paperAnchorTop: string;
|
|
28
|
-
/** Styles applied to the Paper component if `anchor="bottom"`.
|
|
29
|
-
* @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
30
|
-
*/
|
|
31
|
-
paperAnchorBottom: string;
|
|
32
|
-
/** Styles applied to the Paper component if `anchor="left"` and `variant` is not "temporary".
|
|
33
|
-
* @deprecated Combine the [.MuiDrawer-anchorLeft](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorLeft), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
34
|
-
*/
|
|
35
|
-
paperAnchorDockedLeft: string;
|
|
36
|
-
/** Styles applied to the Paper component if `anchor="top"` and `variant` is not "temporary".
|
|
37
|
-
* @deprecated Combine the [.MuiDrawer-anchorTop](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorTop), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
38
|
-
*/
|
|
39
|
-
paperAnchorDockedTop: string;
|
|
40
|
-
/** Styles applied to the Paper component if `anchor="right"` and `variant` is not "temporary".
|
|
41
|
-
* @deprecated Combine the [.MuiDrawer-anchorRight](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorRight), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
42
|
-
*/
|
|
43
|
-
paperAnchorDockedRight: string;
|
|
44
|
-
/** Styles applied to the Paper component if `anchor="bottom"` and `variant` is not "temporary".
|
|
45
|
-
* @deprecated Combine the [.MuiDrawer-anchorBottom](/material-ui/api/drawer/#drawer-classes-MuiDrawer-anchorBottom), [.MuiDrawer-docked](/material-ui/api/drawer/#Drawer-css-MuiDrawer-docked) and [.MuiDrawer-paper](/material-ui/api/drawer/#Drawer-css-MuiDrawer-paper) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
|
|
46
|
-
*/
|
|
47
|
-
paperAnchorDockedBottom: string;
|
|
48
16
|
/** Styles applied to the Modal component. */
|
|
49
17
|
modal: string;
|
|
50
18
|
}
|
package/Drawer/drawerClasses.js
CHANGED
|
@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
|
|
|
11
11
|
function getDrawerUtilityClass(slot) {
|
|
12
12
|
return (0, _generateUtilityClass.default)('MuiDrawer', slot);
|
|
13
13
|
}
|
|
14
|
-
const drawerClasses = (0, _generateUtilityClasses.default)('MuiDrawer', ['root', 'docked', 'paper', 'anchorLeft', 'anchorRight', 'anchorTop', 'anchorBottom', '
|
|
14
|
+
const drawerClasses = (0, _generateUtilityClasses.default)('MuiDrawer', ['root', 'docked', 'paper', 'anchorLeft', 'anchorRight', 'anchorTop', 'anchorBottom', 'modal']);
|
|
15
15
|
var _default = exports.default = drawerClasses;
|
package/Drawer/drawerClasses.mjs
CHANGED
|
@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
|
3
3
|
export function getDrawerUtilityClass(slot) {
|
|
4
4
|
return generateUtilityClass('MuiDrawer', slot);
|
|
5
5
|
}
|
|
6
|
-
const drawerClasses = generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'anchorLeft', 'anchorRight', 'anchorTop', 'anchorBottom', '
|
|
6
|
+
const drawerClasses = generateUtilityClasses('MuiDrawer', ['root', 'docked', 'paper', 'anchorLeft', 'anchorRight', 'anchorTop', 'anchorBottom', 'modal']);
|
|
7
7
|
export default drawerClasses;
|
|
@@ -280,8 +280,6 @@ const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps,
|
|
|
280
280
|
});
|
|
281
281
|
const {
|
|
282
282
|
disableUnderline = false,
|
|
283
|
-
components = {},
|
|
284
|
-
componentsProps: componentsPropsProp,
|
|
285
283
|
fullWidth = false,
|
|
286
284
|
hiddenLabel,
|
|
287
285
|
// declare here to prevent spreading to DOM
|
|
@@ -309,9 +307,9 @@ const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps,
|
|
|
309
307
|
ownerState
|
|
310
308
|
}
|
|
311
309
|
};
|
|
312
|
-
const componentsProps = slotProps
|
|
313
|
-
const RootSlot = slots.root ??
|
|
314
|
-
const InputSlot = slots.input ??
|
|
310
|
+
const componentsProps = slotProps ? (0, _deepmerge.default)(filledInputComponentsProps, slotProps) : filledInputComponentsProps;
|
|
311
|
+
const RootSlot = slots.root ?? FilledInputRoot;
|
|
312
|
+
const InputSlot = slots.input ?? FilledInputInput;
|
|
315
313
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, {
|
|
316
314
|
slots: {
|
|
317
315
|
root: RootSlot,
|
|
@@ -353,29 +351,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
|
|
|
353
351
|
* The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
|
|
354
352
|
*/
|
|
355
353
|
color: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['primary', 'secondary']), _propTypes.default.string]),
|
|
356
|
-
/**
|
|
357
|
-
* The components used for each slot inside.
|
|
358
|
-
*
|
|
359
|
-
* @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
360
|
-
*
|
|
361
|
-
* @default {}
|
|
362
|
-
*/
|
|
363
|
-
components: _propTypes.default.shape({
|
|
364
|
-
Input: _propTypes.default.elementType,
|
|
365
|
-
Root: _propTypes.default.elementType
|
|
366
|
-
}),
|
|
367
|
-
/**
|
|
368
|
-
* The extra props for the slot components.
|
|
369
|
-
* You can override the existing props or add new ones.
|
|
370
|
-
*
|
|
371
|
-
* @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
372
|
-
*
|
|
373
|
-
* @default {}
|
|
374
|
-
*/
|
|
375
|
-
componentsProps: _propTypes.default.shape({
|
|
376
|
-
input: _propTypes.default.object,
|
|
377
|
-
root: _propTypes.default.object
|
|
378
|
-
}),
|
|
379
354
|
/**
|
|
380
355
|
* The default value. Use when the component is not controlled.
|
|
381
356
|
*/
|
|
@@ -482,8 +457,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
|
|
|
482
457
|
* The extra props for the slot components.
|
|
483
458
|
* You can override the existing props or add new ones.
|
|
484
459
|
*
|
|
485
|
-
* This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
|
|
486
|
-
*
|
|
487
460
|
* @default {}
|
|
488
461
|
*/
|
|
489
462
|
slotProps: _propTypes.default.shape({
|
|
@@ -493,8 +466,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
|
|
|
493
466
|
/**
|
|
494
467
|
* The components used for each slot inside.
|
|
495
468
|
*
|
|
496
|
-
* This prop is an alias for the `components` prop, which will be deprecated in the future.
|
|
497
|
-
*
|
|
498
469
|
* @default {}
|
|
499
470
|
*/
|
|
500
471
|
slots: _propTypes.default.shape({
|
|
@@ -273,8 +273,6 @@ const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps,
|
|
|
273
273
|
});
|
|
274
274
|
const {
|
|
275
275
|
disableUnderline = false,
|
|
276
|
-
components = {},
|
|
277
|
-
componentsProps: componentsPropsProp,
|
|
278
276
|
fullWidth = false,
|
|
279
277
|
hiddenLabel,
|
|
280
278
|
// declare here to prevent spreading to DOM
|
|
@@ -302,9 +300,9 @@ const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps,
|
|
|
302
300
|
ownerState
|
|
303
301
|
}
|
|
304
302
|
};
|
|
305
|
-
const componentsProps = slotProps
|
|
306
|
-
const RootSlot = slots.root ??
|
|
307
|
-
const InputSlot = slots.input ??
|
|
303
|
+
const componentsProps = slotProps ? deepmerge(filledInputComponentsProps, slotProps) : filledInputComponentsProps;
|
|
304
|
+
const RootSlot = slots.root ?? FilledInputRoot;
|
|
305
|
+
const InputSlot = slots.input ?? FilledInputInput;
|
|
308
306
|
return /*#__PURE__*/_jsx(InputBase, {
|
|
309
307
|
slots: {
|
|
310
308
|
root: RootSlot,
|
|
@@ -346,29 +344,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
|
|
|
346
344
|
* The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
|
|
347
345
|
*/
|
|
348
346
|
color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary']), PropTypes.string]),
|
|
349
|
-
/**
|
|
350
|
-
* The components used for each slot inside.
|
|
351
|
-
*
|
|
352
|
-
* @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
353
|
-
*
|
|
354
|
-
* @default {}
|
|
355
|
-
*/
|
|
356
|
-
components: PropTypes.shape({
|
|
357
|
-
Input: PropTypes.elementType,
|
|
358
|
-
Root: PropTypes.elementType
|
|
359
|
-
}),
|
|
360
|
-
/**
|
|
361
|
-
* The extra props for the slot components.
|
|
362
|
-
* You can override the existing props or add new ones.
|
|
363
|
-
*
|
|
364
|
-
* @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
365
|
-
*
|
|
366
|
-
* @default {}
|
|
367
|
-
*/
|
|
368
|
-
componentsProps: PropTypes.shape({
|
|
369
|
-
input: PropTypes.object,
|
|
370
|
-
root: PropTypes.object
|
|
371
|
-
}),
|
|
372
347
|
/**
|
|
373
348
|
* The default value. Use when the component is not controlled.
|
|
374
349
|
*/
|
|
@@ -475,8 +450,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
|
|
|
475
450
|
* The extra props for the slot components.
|
|
476
451
|
* You can override the existing props or add new ones.
|
|
477
452
|
*
|
|
478
|
-
* This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
|
|
479
|
-
*
|
|
480
453
|
* @default {}
|
|
481
454
|
*/
|
|
482
455
|
slotProps: PropTypes.shape({
|
|
@@ -486,8 +459,6 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
|
|
|
486
459
|
/**
|
|
487
460
|
* The components used for each slot inside.
|
|
488
461
|
*
|
|
489
|
-
* This prop is an alias for the `components` prop, which will be deprecated in the future.
|
|
490
|
-
*
|
|
491
462
|
* @default {}
|
|
492
463
|
*/
|
|
493
464
|
slots: PropTypes.shape({
|
|
@@ -21,15 +21,14 @@ const useUtilityClasses = ownerState => {
|
|
|
21
21
|
const {
|
|
22
22
|
classes,
|
|
23
23
|
position,
|
|
24
|
-
actionIcon,
|
|
25
24
|
actionPosition
|
|
26
25
|
} = ownerState;
|
|
27
26
|
const slots = {
|
|
28
27
|
root: ['root', `position${(0, _capitalize.default)(position)}`, `actionPosition${(0, _capitalize.default)(actionPosition)}`],
|
|
29
|
-
titleWrap: ['titleWrap'
|
|
28
|
+
titleWrap: ['titleWrap'],
|
|
30
29
|
title: ['title'],
|
|
31
30
|
subtitle: ['subtitle'],
|
|
32
|
-
actionIcon: ['actionIcon'
|
|
31
|
+
actionIcon: ['actionIcon']
|
|
33
32
|
};
|
|
34
33
|
return (0, _composeClasses.default)(slots, _imageListItemBarClasses.getImageListItemBarUtilityClass, classes);
|
|
35
34
|
};
|
|
@@ -81,13 +80,7 @@ const ImageListItemBarRoot = (0, _zeroStyled.styled)('div', {
|
|
|
81
80
|
}));
|
|
82
81
|
const ImageListItemBarTitleWrap = (0, _zeroStyled.styled)('div', {
|
|
83
82
|
name: 'MuiImageListItemBar',
|
|
84
|
-
slot: 'TitleWrap'
|
|
85
|
-
overridesResolver: (props, styles) => {
|
|
86
|
-
const {
|
|
87
|
-
ownerState
|
|
88
|
-
} = props;
|
|
89
|
-
return [styles.titleWrap, styles[`titleWrap${(0, _capitalize.default)(ownerState.position)}`], ownerState.actionIcon && styles[`titleWrapActionPos${(0, _capitalize.default)(ownerState.actionPosition)}`]];
|
|
90
|
-
}
|
|
83
|
+
slot: 'TitleWrap'
|
|
91
84
|
})((0, _memoTheme.default)(({
|
|
92
85
|
theme
|
|
93
86
|
}) => {
|
|
@@ -151,13 +144,7 @@ const ImageListItemBarSubtitle = (0, _zeroStyled.styled)('div', {
|
|
|
151
144
|
}));
|
|
152
145
|
const ImageListItemBarActionIcon = (0, _zeroStyled.styled)('div', {
|
|
153
146
|
name: 'MuiImageListItemBar',
|
|
154
|
-
slot: 'ActionIcon'
|
|
155
|
-
overridesResolver: (props, styles) => {
|
|
156
|
-
const {
|
|
157
|
-
ownerState
|
|
158
|
-
} = props;
|
|
159
|
-
return [styles.actionIcon, styles[`actionIconActionPos${(0, _capitalize.default)(ownerState.actionPosition)}`]];
|
|
160
|
-
}
|
|
147
|
+
slot: 'ActionIcon'
|
|
161
148
|
})({
|
|
162
149
|
variants: [{
|
|
163
150
|
props: {
|
|
@@ -14,15 +14,14 @@ const useUtilityClasses = ownerState => {
|
|
|
14
14
|
const {
|
|
15
15
|
classes,
|
|
16
16
|
position,
|
|
17
|
-
actionIcon,
|
|
18
17
|
actionPosition
|
|
19
18
|
} = ownerState;
|
|
20
19
|
const slots = {
|
|
21
20
|
root: ['root', `position${capitalize(position)}`, `actionPosition${capitalize(actionPosition)}`],
|
|
22
|
-
titleWrap: ['titleWrap'
|
|
21
|
+
titleWrap: ['titleWrap'],
|
|
23
22
|
title: ['title'],
|
|
24
23
|
subtitle: ['subtitle'],
|
|
25
|
-
actionIcon: ['actionIcon'
|
|
24
|
+
actionIcon: ['actionIcon']
|
|
26
25
|
};
|
|
27
26
|
return composeClasses(slots, getImageListItemBarUtilityClass, classes);
|
|
28
27
|
};
|
|
@@ -74,13 +73,7 @@ const ImageListItemBarRoot = styled('div', {
|
|
|
74
73
|
}));
|
|
75
74
|
const ImageListItemBarTitleWrap = styled('div', {
|
|
76
75
|
name: 'MuiImageListItemBar',
|
|
77
|
-
slot: 'TitleWrap'
|
|
78
|
-
overridesResolver: (props, styles) => {
|
|
79
|
-
const {
|
|
80
|
-
ownerState
|
|
81
|
-
} = props;
|
|
82
|
-
return [styles.titleWrap, styles[`titleWrap${capitalize(ownerState.position)}`], ownerState.actionIcon && styles[`titleWrapActionPos${capitalize(ownerState.actionPosition)}`]];
|
|
83
|
-
}
|
|
76
|
+
slot: 'TitleWrap'
|
|
84
77
|
})(memoTheme(({
|
|
85
78
|
theme
|
|
86
79
|
}) => {
|
|
@@ -144,13 +137,7 @@ const ImageListItemBarSubtitle = styled('div', {
|
|
|
144
137
|
}));
|
|
145
138
|
const ImageListItemBarActionIcon = styled('div', {
|
|
146
139
|
name: 'MuiImageListItemBar',
|
|
147
|
-
slot: 'ActionIcon'
|
|
148
|
-
overridesResolver: (props, styles) => {
|
|
149
|
-
const {
|
|
150
|
-
ownerState
|
|
151
|
-
} = props;
|
|
152
|
-
return [styles.actionIcon, styles[`actionIconActionPos${capitalize(ownerState.actionPosition)}`]];
|
|
153
|
-
}
|
|
140
|
+
slot: 'ActionIcon'
|
|
154
141
|
})({
|
|
155
142
|
variants: [{
|
|
156
143
|
props: {
|
|
@@ -13,28 +13,12 @@ export interface ImageListItemBarClasses {
|
|
|
13
13
|
actionPositionRight: string;
|
|
14
14
|
/** Styles applied to the title and subtitle container element. */
|
|
15
15
|
titleWrap: string;
|
|
16
|
-
/** Styles applied to the title and subtitle container element if `position="below"`.
|
|
17
|
-
* @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-positionBelow](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-positionBelow) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
18
|
-
*/
|
|
19
|
-
titleWrapBelow: string;
|
|
20
|
-
/** Styles applied to the container element if `actionPosition="left"`.
|
|
21
|
-
* @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
22
|
-
*/
|
|
23
|
-
titleWrapActionPosLeft: string;
|
|
24
|
-
/** Styles applied to the container element if `actionPosition="right"`.
|
|
25
|
-
* @deprecated Combine the [.MuiImageListItemBar-titleWrap](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-titleWrap) and [.MuiImageListItemBar-actionPositionRight](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionRight) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
26
|
-
*/
|
|
27
|
-
titleWrapActionPosRight: string;
|
|
28
16
|
/** Styles applied to the title container element. */
|
|
29
17
|
title: string;
|
|
30
18
|
/** Styles applied to the subtitle container element. */
|
|
31
19
|
subtitle: string;
|
|
32
20
|
/** Styles applied to the actionIcon if supplied. */
|
|
33
21
|
actionIcon: string;
|
|
34
|
-
/** Styles applied to the actionIcon if `actionPosition="left"`.
|
|
35
|
-
* @deprecated Combine the [.MuiImageListItemBar-actionIcon](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionIcon) and [.MuiImageListItemBar-actionPositionLeft](/material-ui/api/image-list-item-bar/#image-list-item-bar-classes-MuiImageListItemBar-actionPositionLeft) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
36
|
-
*/
|
|
37
|
-
actionIconActionPosLeft: string;
|
|
38
22
|
}
|
|
39
23
|
export type ImageListItemBarClassKey = keyof ImageListItemBarClasses;
|
|
40
24
|
export declare function getImageListItemBarUtilityClass(slot: string): string;
|