@mui/material 7.3.0 → 7.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/Accordion.d.ts +3 -3
- package/AccordionSummary/AccordionSummary.d.ts +3 -3
- package/Alert/Alert.d.ts +6 -6
- package/Avatar/Avatar.d.ts +3 -3
- package/Backdrop/Backdrop.d.ts +2 -2
- package/Badge/Badge.d.ts +2 -2
- package/BottomNavigationAction/BottomNavigationAction.d.ts +2 -2
- package/CHANGELOG.md +107 -4
- package/CardActionArea/CardActionArea.d.ts +2 -2
- package/CardHeader/CardHeader.d.ts +6 -6
- package/Checkbox/Checkbox.d.ts +2 -2
- package/Chip/Chip.d.ts +2 -2
- package/Chip/Chip.js +2 -2
- package/Dialog/Dialog.d.ts +5 -5
- package/Drawer/Drawer.d.ts +6 -6
- package/Drawer/Drawer.js +5 -1
- package/InputBase/InputBase.js +1 -1
- package/ListItem/ListItem.js +1 -1
- package/ListItemText/ListItemText.d.ts +2 -2
- package/Menu/Menu.d.ts +5 -5
- package/MobileStepper/MobileStepper.d.ts +4 -4
- package/OutlinedInput/OutlinedInput.js +1 -1
- package/PaginationItem/PaginationItem.d.ts +37 -4
- package/Popover/Popover.d.ts +5 -5
- package/Popover/Popover.js +2 -2
- package/Radio/Radio.d.ts +2 -2
- package/Rating/Rating.d.ts +5 -5
- package/Select/SelectInput.js +20 -65
- package/Slider/Slider.js +1 -1
- package/Snackbar/Snackbar.d.ts +3 -3
- package/SpeedDial/SpeedDial.d.ts +2 -2
- package/SpeedDialAction/SpeedDialAction.d.ts +4 -4
- package/StepContent/StepContent.d.ts +1 -1
- package/StepLabel/StepLabel.d.ts +3 -3
- package/SwipeableDrawer/SwipeableDrawer.d.ts +1 -1
- package/Switch/Switch.d.ts +5 -5
- package/TablePagination/TablePagination.d.ts +10 -10
- package/TablePagination/TablePagination.js +3 -3
- package/TablePaginationActions/TablePaginationActions.d.ts +2 -2
- package/TablePaginationActions/TablePaginationActions.js +2 -2
- package/Tabs/Tabs.d.ts +8 -8
- package/TextField/TextField.d.ts +6 -6
- package/Tooltip/Tooltip.d.ts +4 -4
- package/esm/Accordion/Accordion.d.ts +3 -3
- package/esm/AccordionSummary/AccordionSummary.d.ts +3 -3
- package/esm/Alert/Alert.d.ts +6 -6
- package/esm/Avatar/Avatar.d.ts +3 -3
- package/esm/Backdrop/Backdrop.d.ts +2 -2
- package/esm/Badge/Badge.d.ts +2 -2
- package/esm/BottomNavigationAction/BottomNavigationAction.d.ts +2 -2
- package/esm/CardActionArea/CardActionArea.d.ts +2 -2
- package/esm/CardHeader/CardHeader.d.ts +6 -6
- package/esm/Checkbox/Checkbox.d.ts +2 -2
- package/esm/Chip/Chip.d.ts +2 -2
- package/esm/Chip/Chip.js +2 -2
- package/esm/Dialog/Dialog.d.ts +5 -5
- package/esm/Drawer/Drawer.d.ts +6 -6
- package/esm/Drawer/Drawer.js +5 -1
- package/esm/InputBase/InputBase.js +1 -1
- package/esm/ListItem/ListItem.js +1 -1
- package/esm/ListItemText/ListItemText.d.ts +2 -2
- package/esm/Menu/Menu.d.ts +5 -5
- package/esm/MobileStepper/MobileStepper.d.ts +4 -4
- package/esm/OutlinedInput/OutlinedInput.js +1 -1
- package/esm/PaginationItem/PaginationItem.d.ts +37 -4
- package/esm/Popover/Popover.d.ts +5 -5
- package/esm/Popover/Popover.js +2 -2
- package/esm/Radio/Radio.d.ts +2 -2
- package/esm/Rating/Rating.d.ts +5 -5
- package/esm/Select/SelectInput.js +20 -65
- package/esm/Slider/Slider.js +1 -1
- package/esm/Snackbar/Snackbar.d.ts +3 -3
- package/esm/SpeedDial/SpeedDial.d.ts +2 -2
- package/esm/SpeedDialAction/SpeedDialAction.d.ts +4 -4
- package/esm/StepContent/StepContent.d.ts +1 -1
- package/esm/StepLabel/StepLabel.d.ts +3 -3
- package/esm/SwipeableDrawer/SwipeableDrawer.d.ts +1 -1
- package/esm/Switch/Switch.d.ts +5 -5
- package/esm/TablePagination/TablePagination.d.ts +10 -10
- package/esm/TablePagination/TablePagination.js +3 -3
- package/esm/TablePaginationActions/TablePaginationActions.d.ts +2 -2
- package/esm/TablePaginationActions/TablePaginationActions.js +2 -2
- package/esm/Tabs/Tabs.d.ts +8 -8
- package/esm/TextField/TextField.d.ts +6 -6
- package/esm/Tooltip/Tooltip.d.ts +4 -4
- package/esm/index.js +1 -1
- package/esm/internal/SwitchBase.d.ts +1 -1
- package/esm/utils/shouldSpreadAdditionalProps.js +1 -1
- package/esm/version/index.js +2 -2
- package/index.js +1 -1
- package/internal/SwitchBase.d.ts +1 -1
- package/package.json +35 -36
- package/utils/shouldSpreadAdditionalProps.js +1 -1
- package/version/index.js +2 -2
- package/esm/utils/isHostComponent.d.ts +0 -6
- package/esm/utils/isHostComponent.js +0 -7
- package/utils/isHostComponent.d.ts +0 -6
- package/utils/isHostComponent.js +0 -13
|
@@ -9,17 +9,49 @@ import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
|
|
|
9
9
|
export interface PaginationItemPropsVariantOverrides {}
|
|
10
10
|
export interface PaginationItemPropsSizeOverrides {}
|
|
11
11
|
export interface PaginationItemPropsColorOverrides {}
|
|
12
|
+
export interface PaginationItemFirstSlotPropsOverrides {}
|
|
13
|
+
export interface PaginationItemLastSlotPropsOverrides {}
|
|
14
|
+
export interface PaginationItemNextSlotPropsOverrides {}
|
|
15
|
+
export interface PaginationItemPreviousSlotPropsOverrides {}
|
|
12
16
|
export interface PaginationItemSlots {
|
|
17
|
+
/**
|
|
18
|
+
* The component that renders the first page slot.
|
|
19
|
+
* @default FirstPageIcon
|
|
20
|
+
*/
|
|
13
21
|
first: React.ElementType;
|
|
22
|
+
/**
|
|
23
|
+
* The component that renders the last page slot.
|
|
24
|
+
* @default LastPageIcon
|
|
25
|
+
*/
|
|
14
26
|
last: React.ElementType;
|
|
27
|
+
/**
|
|
28
|
+
* The component that renders the next page slot.
|
|
29
|
+
* @default NavigateNextIcon
|
|
30
|
+
*/
|
|
15
31
|
next: React.ElementType;
|
|
32
|
+
/**
|
|
33
|
+
* The component that renders the previous page slot.
|
|
34
|
+
* @default NavigateBeforeIcon
|
|
35
|
+
*/
|
|
16
36
|
previous: React.ElementType;
|
|
17
37
|
}
|
|
18
38
|
export type PaginationItemSlotsAndSlotProps = CreateSlotsAndSlotProps<PaginationItemSlots, {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
39
|
+
/**
|
|
40
|
+
* Props forwarded to the first page slot.
|
|
41
|
+
*/
|
|
42
|
+
first: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, PaginationItemFirstSlotPropsOverrides, PaginationItemOwnerState>;
|
|
43
|
+
/**
|
|
44
|
+
* Props forwarded to the last page slot.
|
|
45
|
+
*/
|
|
46
|
+
last: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, PaginationItemLastSlotPropsOverrides, PaginationItemOwnerState>;
|
|
47
|
+
/**
|
|
48
|
+
* Props forwarded to the next page slot.
|
|
49
|
+
*/
|
|
50
|
+
next: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, PaginationItemNextSlotPropsOverrides, PaginationItemOwnerState>;
|
|
51
|
+
/**
|
|
52
|
+
* Props forwarded to the previous page slot.
|
|
53
|
+
*/
|
|
54
|
+
previous: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, PaginationItemPreviousSlotPropsOverrides, PaginationItemOwnerState>;
|
|
23
55
|
}>;
|
|
24
56
|
export interface PaginationItemOwnerState extends PaginationItemProps {}
|
|
25
57
|
export interface PaginationItemOwnProps extends PaginationItemSlotsAndSlotProps {
|
|
@@ -102,6 +134,7 @@ export interface PaginationItemTypeMap<AdditionalProps = {}, RootComponent exten
|
|
|
102
134
|
* API:
|
|
103
135
|
*
|
|
104
136
|
* - [PaginationItem API](https://mui.com/material-ui/api/pagination-item/)
|
|
137
|
+
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
|
|
105
138
|
*/
|
|
106
139
|
declare const PaginationItem: OverridableComponent<PaginationItemTypeMap>;
|
|
107
140
|
export type PaginationItemProps<RootComponent extends React.ElementType = PaginationItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<PaginationItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
|
package/esm/Popover/Popover.d.ts
CHANGED
|
@@ -38,24 +38,24 @@ export interface PopoverBackdropSlotPropsOverrides {}
|
|
|
38
38
|
export type PopoverSlotsAndSlotProps = CreateSlotsAndSlotProps<PopoverSlots, {
|
|
39
39
|
/**
|
|
40
40
|
* Props forwarded to the root slot.
|
|
41
|
-
* By default, the
|
|
41
|
+
* By default, the available props are based on the [Modal](https://mui.com/material-ui/api/modal/#props) component.
|
|
42
42
|
*/
|
|
43
43
|
root: SlotProps<typeof Modal, PopoverRootSlotPropsOverrides, PopoverOwnerState>;
|
|
44
44
|
/**
|
|
45
45
|
* Props forwarded to the paper slot.
|
|
46
|
-
* By default, the
|
|
46
|
+
* By default, the available props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
|
|
47
47
|
*/
|
|
48
48
|
paper: SlotProps<typeof Paper, PopoverPaperSlotPropsOverrides, PopoverOwnerState>;
|
|
49
49
|
/**
|
|
50
50
|
* Props forwarded to the transition slot.
|
|
51
|
-
* By default, the
|
|
51
|
+
* By default, the available props are based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
|
|
52
52
|
*/
|
|
53
53
|
transition: SlotComponentProps<
|
|
54
54
|
// use SlotComponentProps because transition slot does not support `component` and `sx` prop
|
|
55
55
|
React.ElementType, TransitionProps & PopoverTransitionSlotPropsOverrides, PopoverOwnerState>;
|
|
56
56
|
/**
|
|
57
57
|
* Props forwarded to the backdrop slot.
|
|
58
|
-
* By default, the
|
|
58
|
+
* By default, the available props are based on the [Backdrop](https://mui.com/material-ui/api/backdrop/#props) component.
|
|
59
59
|
*/
|
|
60
60
|
backdrop: SlotProps<React.ElementType<BackdropProps>, PopoverBackdropSlotPropsOverrides, PopoverOwnerState>;
|
|
61
61
|
}>;
|
|
@@ -163,7 +163,7 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
|
|
|
163
163
|
/**
|
|
164
164
|
* Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
|
|
165
165
|
*
|
|
166
|
-
* This prop is an alias for `slotProps.paper` and will be
|
|
166
|
+
* This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.
|
|
167
167
|
* @deprecated Use `slotProps.paper` instead.
|
|
168
168
|
*
|
|
169
169
|
* @default {}
|
package/esm/Popover/Popover.js
CHANGED
|
@@ -9,7 +9,7 @@ import refType from '@mui/utils/refType';
|
|
|
9
9
|
import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
|
|
10
10
|
import integerPropType from '@mui/utils/integerPropType';
|
|
11
11
|
import chainPropTypes from '@mui/utils/chainPropTypes';
|
|
12
|
-
import isHostComponent from
|
|
12
|
+
import isHostComponent from '@mui/utils/isHostComponent';
|
|
13
13
|
import { styled } from "../zero-styled/index.js";
|
|
14
14
|
import { useDefaultProps } from "../DefaultPropsProvider/index.js";
|
|
15
15
|
import debounce from "../utils/debounce.js";
|
|
@@ -506,7 +506,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
|
|
|
506
506
|
/**
|
|
507
507
|
* Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
|
|
508
508
|
*
|
|
509
|
-
* This prop is an alias for `slotProps.paper` and will be
|
|
509
|
+
* This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.
|
|
510
510
|
* @deprecated Use `slotProps.paper` instead.
|
|
511
511
|
*
|
|
512
512
|
* @default {}
|
package/esm/Radio/Radio.d.ts
CHANGED
|
@@ -25,12 +25,12 @@ export interface RadioSlots {
|
|
|
25
25
|
export type RadioSlotsAndSlotProps = CreateSlotsAndSlotProps<RadioSlots, {
|
|
26
26
|
/**
|
|
27
27
|
* Props forwarded to the root slot.
|
|
28
|
-
* By default, the
|
|
28
|
+
* By default, the available props are based on the span element.
|
|
29
29
|
*/
|
|
30
30
|
root: SlotProps<React.ElementType<SwitchBaseProps>, RadioRootSlotPropsOverrides, RadioOwnerState>;
|
|
31
31
|
/**
|
|
32
32
|
* Props forwarded to the input slot.
|
|
33
|
-
* By default, the
|
|
33
|
+
* By default, the available props are based on the input element.
|
|
34
34
|
*/
|
|
35
35
|
input: SlotProps<'input', RadioInputSlotPropsOverrides, RadioOwnerState>;
|
|
36
36
|
}>;
|
package/esm/Rating/Rating.d.ts
CHANGED
|
@@ -30,7 +30,7 @@ export interface RatingSlots {
|
|
|
30
30
|
*/
|
|
31
31
|
icon: React.ElementType;
|
|
32
32
|
/**
|
|
33
|
-
* The component used
|
|
33
|
+
* The component used for the decimal slot.
|
|
34
34
|
* @default 'span'
|
|
35
35
|
*/
|
|
36
36
|
decimal: React.ElementType;
|
|
@@ -38,22 +38,22 @@ export interface RatingSlots {
|
|
|
38
38
|
export type RatingSlotsAndSlotProps = CreateSlotsAndSlotProps<RatingSlots, {
|
|
39
39
|
/**
|
|
40
40
|
* Props forwarded to the root slot.
|
|
41
|
-
* By default, the
|
|
41
|
+
* By default, the available props are based on the span element.
|
|
42
42
|
*/
|
|
43
43
|
root: SlotProps<'span', RatingRootSlotPropsOverrides, RatingOwnerState>;
|
|
44
44
|
/**
|
|
45
45
|
* Props forwarded to the label slot.
|
|
46
|
-
* By default, the
|
|
46
|
+
* By default, the available props are based on the label element.
|
|
47
47
|
*/
|
|
48
48
|
label: SlotProps<'label', RatingLabelSlotPropsOverrides, RatingOwnerState>;
|
|
49
49
|
/**
|
|
50
50
|
* Props forwarded to the icon slot.
|
|
51
|
-
* By default, the
|
|
51
|
+
* By default, the available props are based on the span element.
|
|
52
52
|
*/
|
|
53
53
|
icon: SlotProps<'span', RatingIconSlotPropsOverrides, RatingOwnerState>;
|
|
54
54
|
/**
|
|
55
55
|
* Props forwarded to the decimal slot.
|
|
56
|
-
* By default, the
|
|
56
|
+
* By default, the available props are based on the span element.
|
|
57
57
|
*/
|
|
58
58
|
decimal: SlotProps<'span', RatingDecimalSlotPropsOverrides, RatingOwnerState>;
|
|
59
59
|
}>;
|
|
@@ -153,27 +153,12 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
153
153
|
});
|
|
154
154
|
const inputRef = React.useRef(null);
|
|
155
155
|
const displayRef = React.useRef(null);
|
|
156
|
-
const paperRef = React.useRef(null);
|
|
157
|
-
const didPointerDownRef = React.useRef(false);
|
|
158
156
|
const [displayNode, setDisplayNode] = React.useState(null);
|
|
159
157
|
const {
|
|
160
158
|
current: isOpenControlled
|
|
161
159
|
} = React.useRef(openProp != null);
|
|
162
160
|
const [menuMinWidthState, setMenuMinWidthState] = React.useState();
|
|
163
|
-
const open = displayNode !== null && openState;
|
|
164
|
-
const ownerState = {
|
|
165
|
-
...props,
|
|
166
|
-
variant,
|
|
167
|
-
value,
|
|
168
|
-
open,
|
|
169
|
-
error
|
|
170
|
-
};
|
|
171
|
-
const paperProps = {
|
|
172
|
-
...MenuProps.PaperProps,
|
|
173
|
-
...(typeof MenuProps.slotProps?.paper === 'function' ? MenuProps.slotProps.paper(ownerState) : MenuProps.slotProps?.paper)
|
|
174
|
-
};
|
|
175
161
|
const handleRef = useForkRef(ref, inputRefProp);
|
|
176
|
-
const handlePaperRef = useForkRef(paperProps.ref, paperRef);
|
|
177
162
|
const handleDisplayRef = React.useCallback(node => {
|
|
178
163
|
displayRef.current = node;
|
|
179
164
|
if (node) {
|
|
@@ -223,8 +208,8 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
223
208
|
}
|
|
224
209
|
return undefined;
|
|
225
210
|
}, [labelId]);
|
|
226
|
-
const update = (
|
|
227
|
-
if (
|
|
211
|
+
const update = (open, event) => {
|
|
212
|
+
if (open) {
|
|
228
213
|
if (onOpen) {
|
|
229
214
|
onOpen(event);
|
|
230
215
|
}
|
|
@@ -233,7 +218,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
233
218
|
}
|
|
234
219
|
if (!isOpenControlled) {
|
|
235
220
|
setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);
|
|
236
|
-
setOpenState(
|
|
221
|
+
setOpenState(open);
|
|
237
222
|
}
|
|
238
223
|
};
|
|
239
224
|
const handleMouseDown = event => {
|
|
@@ -244,31 +229,6 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
244
229
|
// Hijack the default focus behavior.
|
|
245
230
|
event.preventDefault();
|
|
246
231
|
displayRef.current.focus();
|
|
247
|
-
const doc = ownerDocument(event.currentTarget);
|
|
248
|
-
function handleMouseUp(mouseEvent) {
|
|
249
|
-
if (!displayRef.current) {
|
|
250
|
-
return;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
// mouse is over the options/menuitem, don't close the menu
|
|
254
|
-
if (paperRef.current.contains(mouseEvent.target)) {
|
|
255
|
-
return;
|
|
256
|
-
}
|
|
257
|
-
const triggerElement = displayRef.current.getBoundingClientRect();
|
|
258
|
-
|
|
259
|
-
// mouse is inside the trigger, don't close the menu
|
|
260
|
-
if (mouseEvent.clientX >= triggerElement.left && mouseEvent.clientX <= triggerElement.right && mouseEvent.clientY >= triggerElement.top && mouseEvent.clientY <= triggerElement.bottom) {
|
|
261
|
-
return;
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
// close the menu
|
|
265
|
-
update(false, mouseEvent);
|
|
266
|
-
}
|
|
267
|
-
|
|
268
|
-
// `{ once: true }` to automatically remove the listener, see https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#once
|
|
269
|
-
doc.addEventListener('mouseup', handleMouseUp, {
|
|
270
|
-
once: true
|
|
271
|
-
});
|
|
272
232
|
update(true, event);
|
|
273
233
|
};
|
|
274
234
|
const handleClose = event => {
|
|
@@ -287,7 +247,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
287
247
|
onChange(event, child);
|
|
288
248
|
}
|
|
289
249
|
};
|
|
290
|
-
const
|
|
250
|
+
const handleItemClick = child => event => {
|
|
291
251
|
let newValue;
|
|
292
252
|
|
|
293
253
|
// We use the tabindex attribute to signal the available options.
|
|
@@ -305,6 +265,9 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
305
265
|
} else {
|
|
306
266
|
newValue = child.props.value;
|
|
307
267
|
}
|
|
268
|
+
if (child.props.onClick) {
|
|
269
|
+
child.props.onClick(event);
|
|
270
|
+
}
|
|
308
271
|
if (value !== newValue) {
|
|
309
272
|
setValueState(newValue);
|
|
310
273
|
if (onChange) {
|
|
@@ -340,6 +303,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
340
303
|
}
|
|
341
304
|
}
|
|
342
305
|
};
|
|
306
|
+
const open = displayNode !== null && openState;
|
|
343
307
|
const handleBlur = event => {
|
|
344
308
|
// if open event.stopImmediatePropagation
|
|
345
309
|
if (!open && onBlur) {
|
|
@@ -400,26 +364,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
400
364
|
}
|
|
401
365
|
return /*#__PURE__*/React.cloneElement(child, {
|
|
402
366
|
'aria-selected': selected ? 'true' : 'false',
|
|
403
|
-
|
|
404
|
-
didPointerDownRef.current = true;
|
|
405
|
-
},
|
|
406
|
-
onClick: event => {
|
|
407
|
-
didPointerDownRef.current = false;
|
|
408
|
-
if (child.props.onClick) {
|
|
409
|
-
child.props.onClick(event);
|
|
410
|
-
}
|
|
411
|
-
handleItemSelect(child)(event);
|
|
412
|
-
},
|
|
413
|
-
onMouseUp: event => {
|
|
414
|
-
if (didPointerDownRef.current) {
|
|
415
|
-
didPointerDownRef.current = false;
|
|
416
|
-
return;
|
|
417
|
-
}
|
|
418
|
-
if (child.props.onMouseUp) {
|
|
419
|
-
child.props.onMouseUp(event);
|
|
420
|
-
}
|
|
421
|
-
handleItemSelect(child)(event);
|
|
422
|
-
},
|
|
367
|
+
onClick: handleItemClick(child),
|
|
423
368
|
onKeyUp: event => {
|
|
424
369
|
if (event.key === ' ') {
|
|
425
370
|
// otherwise our MenuItems dispatches a click event
|
|
@@ -478,7 +423,18 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
478
423
|
tabIndex = disabled ? null : 0;
|
|
479
424
|
}
|
|
480
425
|
const buttonId = SelectDisplayProps.id || (name ? `mui-component-select-${name}` : undefined);
|
|
426
|
+
const ownerState = {
|
|
427
|
+
...props,
|
|
428
|
+
variant,
|
|
429
|
+
value,
|
|
430
|
+
open,
|
|
431
|
+
error
|
|
432
|
+
};
|
|
481
433
|
const classes = useUtilityClasses(ownerState);
|
|
434
|
+
const paperProps = {
|
|
435
|
+
...MenuProps.PaperProps,
|
|
436
|
+
...(typeof MenuProps.slotProps?.paper === 'function' ? MenuProps.slotProps.paper(ownerState) : MenuProps.slotProps?.paper)
|
|
437
|
+
};
|
|
482
438
|
const listProps = {
|
|
483
439
|
...MenuProps.MenuListProps,
|
|
484
440
|
...(typeof MenuProps.slotProps?.list === 'function' ? MenuProps.slotProps.list(ownerState) : MenuProps.slotProps?.list)
|
|
@@ -559,7 +515,6 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
559
515
|
},
|
|
560
516
|
paper: {
|
|
561
517
|
...paperProps,
|
|
562
|
-
ref: handlePaperRef,
|
|
563
518
|
style: {
|
|
564
519
|
minWidth: menuMinWidth,
|
|
565
520
|
...(paperProps != null ? paperProps.style : null)
|
package/esm/Slider/Slider.js
CHANGED
|
@@ -7,8 +7,8 @@ import chainPropTypes from '@mui/utils/chainPropTypes';
|
|
|
7
7
|
import composeClasses from '@mui/utils/composeClasses';
|
|
8
8
|
import { useRtl } from '@mui/system/RtlProvider';
|
|
9
9
|
import useSlotProps from '@mui/utils/useSlotProps';
|
|
10
|
+
import isHostComponent from '@mui/utils/isHostComponent';
|
|
10
11
|
import { useSlider, valueToPercent } from "./useSlider.js";
|
|
11
|
-
import isHostComponent from "../utils/isHostComponent.js";
|
|
12
12
|
import { styled } from "../zero-styled/index.js";
|
|
13
13
|
import memoTheme from "../utils/memoTheme.js";
|
|
14
14
|
import { useDefaultProps } from "../DefaultPropsProvider/index.js";
|
|
@@ -37,17 +37,17 @@ export interface SnackbarTransitionSlotPropsOverrides {}
|
|
|
37
37
|
export type SnackbarSlotsAndSlotProps = CreateSlotsAndSlotProps<SnackbarSlots, {
|
|
38
38
|
/**
|
|
39
39
|
* Props forwarded to the root slot.
|
|
40
|
-
* By default, the
|
|
40
|
+
* By default, the available props are based on the div element.
|
|
41
41
|
*/
|
|
42
42
|
root: SlotProps<'div', SnackbarRootSlotPropsOverrides, SnackbarOwnerState>;
|
|
43
43
|
/**
|
|
44
44
|
* Props forwarded to the content slot.
|
|
45
|
-
* By default, the
|
|
45
|
+
* By default, the available props are based on the [SnackbarContent](https://mui.com/material-ui/api/snackbar-content/#props) component.
|
|
46
46
|
*/
|
|
47
47
|
content: SlotProps<React.ElementType<SnackbarContentProps>, SnackbarContentSlotPropsOverrides, SnackbarOwnerState>;
|
|
48
48
|
/**
|
|
49
49
|
* Props forwarded to the clickAwayListener slot.
|
|
50
|
-
* By default, the
|
|
50
|
+
* By default, the available props are based on the [ClickAwayListener](https://mui.com/material-ui/api/click-away-listener/#props) component.
|
|
51
51
|
*/
|
|
52
52
|
clickAwayListener: SlotComponentProps<typeof ClickAwayListener, SnackbarClickAwayListenerSlotPropsOverrides, SnackbarOwnerState>;
|
|
53
53
|
/**
|
|
@@ -24,12 +24,12 @@ export interface SpeedDialSlots {
|
|
|
24
24
|
export type SpeedDialSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialSlots, {
|
|
25
25
|
/**
|
|
26
26
|
* Props forwarded to the root slot.
|
|
27
|
-
* By default, the
|
|
27
|
+
* By default, the available props are based on div element.
|
|
28
28
|
*/
|
|
29
29
|
root: SlotComponentProps<'div', React.HTMLAttributes<HTMLDivElement>, SpeedDialOwnerState>;
|
|
30
30
|
/**
|
|
31
31
|
* Props forwarded to the transition slot.
|
|
32
|
-
* By default, the
|
|
32
|
+
* By default, the available props are based on the [Zoom](https://mui.com/material-ui/api/zoom/#props) component.
|
|
33
33
|
*/
|
|
34
34
|
transition: SlotComponentProps<React.ElementType, TransitionProps, SpeedDialOwnerState>;
|
|
35
35
|
}>;
|
|
@@ -35,22 +35,22 @@ export interface SpeedDialActionStaticTooltipLabelSlotPropsOverrides {}
|
|
|
35
35
|
export type SpeedDialActionSlotsAndSlotProps = CreateSlotsAndSlotProps<SpeedDialActionSlots, {
|
|
36
36
|
/**
|
|
37
37
|
* Props forwarded to the fab slot.
|
|
38
|
-
* By default, the
|
|
38
|
+
* By default, the available props are based on the [Fab](https://mui.com/material-ui/api/fab/#props) component.
|
|
39
39
|
*/
|
|
40
40
|
fab: SlotProps<React.ElementType<FabProps>, SpeedDialActionFabSlotPropsOverrides, SpeedDialActionOwnerState>;
|
|
41
41
|
/**
|
|
42
42
|
* Props forwarded to the tooltip slot.
|
|
43
|
-
* By default, the
|
|
43
|
+
* By default, the available props are based on the [Tooltip](https://mui.com/material-ui/api/tooltip/#props) component.
|
|
44
44
|
*/
|
|
45
45
|
tooltip: SlotProps<React.ElementType<TooltipProps>, SpeedDialActionTooltipSlotPropsOverrides, SpeedDialActionOwnerState>;
|
|
46
46
|
/**
|
|
47
47
|
* Props forwarded to the static tooltip slot.
|
|
48
|
-
* By default, the
|
|
48
|
+
* By default, the available props are based on a span element.
|
|
49
49
|
*/
|
|
50
50
|
staticTooltip: SlotProps<'span', SpeedDialActionStaticTooltipSlotPropsOverrides, SpeedDialActionOwnerState>;
|
|
51
51
|
/**
|
|
52
52
|
* Props forwarded to the static tooltip label slot.
|
|
53
|
-
* By default, the
|
|
53
|
+
* By default, the available props are based on a span element.
|
|
54
54
|
*/
|
|
55
55
|
staticTooltipLabel: SlotProps<'span', SpeedDialActionStaticTooltipLabelSlotPropsOverrides, SpeedDialActionOwnerState>;
|
|
56
56
|
}>;
|
|
@@ -18,7 +18,7 @@ export interface StepContentSlots {
|
|
|
18
18
|
}
|
|
19
19
|
export type StepContentSlotsAndSlotProps = CreateSlotsAndSlotProps<StepContentSlots, {
|
|
20
20
|
/**
|
|
21
|
-
* Props
|
|
21
|
+
* Props forwarded to the transition slot.
|
|
22
22
|
* By default, the available props are based on the [Collapse](https://mui.com/material-ui/api/collapse/#props) component
|
|
23
23
|
*/
|
|
24
24
|
transition: SlotComponentProps<React.ElementType, CollapseProps, StepContentOwnerState>;
|
|
@@ -24,17 +24,17 @@ export interface StepLabelSlots {
|
|
|
24
24
|
export type StepLabelSlotsAndSlotProps = CreateSlotsAndSlotProps<StepLabelSlots, {
|
|
25
25
|
/**
|
|
26
26
|
* Props forwarded to the root slot.
|
|
27
|
-
* By default, the
|
|
27
|
+
* By default, the available props are based on the span element.
|
|
28
28
|
*/
|
|
29
29
|
root: SlotProps<'span', {}, StepLabelOwnerState>;
|
|
30
30
|
/**
|
|
31
31
|
* Props forwarded to the label slot.
|
|
32
|
-
* By default, the
|
|
32
|
+
* By default, the available props are based on the span element.
|
|
33
33
|
*/
|
|
34
34
|
label: SlotProps<'span', {}, StepLabelOwnerState>;
|
|
35
35
|
/**
|
|
36
36
|
* Props forwarded to the stepIcon slot.
|
|
37
|
-
* By default, the
|
|
37
|
+
* By default, the available props are based on the div element.
|
|
38
38
|
*/
|
|
39
39
|
stepIcon: SlotProps<React.ElementType<StepIconProps>, {}, StepLabelOwnerState>;
|
|
40
40
|
}>;
|
|
@@ -12,7 +12,7 @@ export interface SwipeableDrawerSlots {
|
|
|
12
12
|
type SwipeableDrawerSlotsAndSlotProps = DrawerSlotsAndSlotProps & CreateSlotsAndSlotProps<SwipeableDrawerSlots, {
|
|
13
13
|
/**
|
|
14
14
|
* Props forwarded to the docked slot.
|
|
15
|
-
* By default, the
|
|
15
|
+
* By default, the available props are based on a div element.
|
|
16
16
|
*/
|
|
17
17
|
swipeArea: SlotProps<'div', SwipeableDrawerSwipeAreaSlotPropsOverrides, DrawerOwnerState>;
|
|
18
18
|
}>;
|
package/esm/Switch/Switch.d.ts
CHANGED
|
@@ -43,27 +43,27 @@ export interface SwitchSlots {
|
|
|
43
43
|
export type SwitchSlotsAndSlotProps = CreateSlotsAndSlotProps<SwitchSlots, {
|
|
44
44
|
/**
|
|
45
45
|
* Props forwarded to the root slot.
|
|
46
|
-
* By default, the
|
|
46
|
+
* By default, the available props are based on the span element.
|
|
47
47
|
*/
|
|
48
48
|
root: SlotProps<'span', SwitchRootSlotPropsOverrides, SwitchOwnerState>;
|
|
49
49
|
/**
|
|
50
50
|
* Props forwarded to the track slot.
|
|
51
|
-
* By default, the
|
|
51
|
+
* By default, the available props are based on the span element.
|
|
52
52
|
*/
|
|
53
53
|
track: SlotProps<'span', SwitchTrackSlotPropsOverrides, SwitchOwnerState>;
|
|
54
54
|
/**
|
|
55
55
|
* Props forwarded to the thumb slot.
|
|
56
|
-
* By default, the
|
|
56
|
+
* By default, the available props are based on the span element.
|
|
57
57
|
*/
|
|
58
58
|
thumb: SlotProps<'span', SwitchThumbSlotPropsOverrides, SwitchOwnerState>;
|
|
59
59
|
/**
|
|
60
60
|
* Props forwarded to the switchBase slot.
|
|
61
|
-
* By default, the
|
|
61
|
+
* By default, the available props are based on the internal SwitchBase component.
|
|
62
62
|
*/
|
|
63
63
|
switchBase: SlotProps<React.ElementType<SwitchBaseProps>, SwitchSwitchBaseSlotPropsOverrides, SwitchOwnerState>;
|
|
64
64
|
/**
|
|
65
65
|
* Props forwarded to the input slot.
|
|
66
|
-
* By default, the
|
|
66
|
+
* By default, the available props are based on the input element.
|
|
67
67
|
*/
|
|
68
68
|
input: SlotProps<'input', SwitchInputSlotPropsOverrides, SwitchOwnerState>;
|
|
69
69
|
}>;
|
|
@@ -72,37 +72,37 @@ export interface TablePaginationSlots {
|
|
|
72
72
|
export type TablePaginationSlotsAndSlotProps = CreateSlotsAndSlotProps<TablePaginationSlots, {
|
|
73
73
|
/**
|
|
74
74
|
* Props forwarded to the root slot.
|
|
75
|
-
* By default, the
|
|
75
|
+
* By default, the available props are based on the [TableCell](https://mui.com/material-ui/api/table-cell/#props) component.
|
|
76
76
|
*/
|
|
77
77
|
root: SlotProps<React.ElementType<TableCellProps>, TablePaginationRootSlotPropsOverrides, TablePaginationOwnerState>;
|
|
78
78
|
/**
|
|
79
79
|
* Props forwarded to the toolbar slot.
|
|
80
|
-
* By default, the
|
|
80
|
+
* By default, the available props are based on the [Toolbar](https://mui.com/material-ui/api/toolbar/#props) component.
|
|
81
81
|
*/
|
|
82
82
|
toolbar: SlotProps<React.ElementType<ToolbarProps>, TablePaginationToolbarSlotPropsOverrides, TablePaginationOwnerState>;
|
|
83
83
|
/**
|
|
84
84
|
* Props forwarded to the spacer slot.
|
|
85
|
-
* By default, the
|
|
85
|
+
* By default, the available props are based on the div element.
|
|
86
86
|
*/
|
|
87
87
|
spacer: SlotProps<'div', TablePaginationSpacerSlotPropsOverrides, TablePaginationOwnerState>;
|
|
88
88
|
/**
|
|
89
89
|
* Props forwarded to the selectLabel slot.
|
|
90
|
-
* By default, the
|
|
90
|
+
* By default, the available props are based on the paragraph element.
|
|
91
91
|
*/
|
|
92
92
|
selectLabel: SlotProps<'p', TablePaginationSelectLabelSlotPropsOverrides, TablePaginationOwnerState>;
|
|
93
93
|
/**
|
|
94
94
|
* Props forwarded to the select slot.
|
|
95
|
-
* By default, the
|
|
95
|
+
* By default, the available props are based on the [Select](https://mui.com/material-ui/api/select/#props) component.
|
|
96
96
|
*/
|
|
97
97
|
select: Partial<SelectProps> & TablePaginationSelectSlotPropsOverrides;
|
|
98
98
|
/**
|
|
99
99
|
* Props forwarded to the menuItem slot.
|
|
100
|
-
* By default, the
|
|
100
|
+
* By default, the available props are based on the [MenuItem](https://mui.com/material-ui/api/menu-item/#props) component.
|
|
101
101
|
*/
|
|
102
102
|
menuItem: SlotProps<React.ElementType<MenuItemProps>, TablePaginationMenuItemSlotPropsOverrides, TablePaginationOwnerState>;
|
|
103
103
|
/**
|
|
104
104
|
* Props forwarded to the displayedRows slot.
|
|
105
|
-
* By default, the
|
|
105
|
+
* By default, the available props are based on the paragraph element.
|
|
106
106
|
*/
|
|
107
107
|
displayedRows: SlotProps<'p', TablePaginationDisplayedRowsSlotPropsOverrides, TablePaginationOwnerState>;
|
|
108
108
|
/**
|
|
@@ -125,7 +125,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
125
125
|
/**
|
|
126
126
|
* Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
|
|
127
127
|
*
|
|
128
|
-
* This prop is an alias for `slotProps.actions.previousButton` and will be
|
|
128
|
+
* This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
|
|
129
129
|
* @deprecated Use `slotProps.actions.previousButton` instead.
|
|
130
130
|
*/
|
|
131
131
|
backIconButtonProps?: Partial<IconButtonProps>;
|
|
@@ -176,7 +176,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
176
176
|
/**
|
|
177
177
|
* Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
|
|
178
178
|
*
|
|
179
|
-
* This prop is an alias for `slotProps.actions.nextButton` and will be
|
|
179
|
+
* This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
|
|
180
180
|
* @deprecated Use `slotProps.actions.nextButton` instead.
|
|
181
181
|
*/
|
|
182
182
|
nextIconButtonProps?: Partial<IconButtonProps>;
|
|
@@ -216,7 +216,7 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
216
216
|
/**
|
|
217
217
|
* Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
218
218
|
*
|
|
219
|
-
* This prop is an alias for `slotProps.select` and will be
|
|
219
|
+
* This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
|
|
220
220
|
* @deprecated Use `slotProps.select` instead.
|
|
221
221
|
*
|
|
222
222
|
* @default {}
|
|
@@ -316,7 +316,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
316
316
|
/**
|
|
317
317
|
* Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
|
|
318
318
|
*
|
|
319
|
-
* This prop is an alias for `slotProps.actions.previousButton` and will be
|
|
319
|
+
* This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
|
|
320
320
|
* @deprecated Use `slotProps.actions.previousButton` instead.
|
|
321
321
|
*/
|
|
322
322
|
backIconButtonProps: PropTypes.object,
|
|
@@ -376,7 +376,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
376
376
|
/**
|
|
377
377
|
* Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
|
|
378
378
|
*
|
|
379
|
-
* This prop is an alias for `slotProps.actions.nextButton` and will be
|
|
379
|
+
* This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
|
|
380
380
|
* @deprecated Use `slotProps.actions.nextButton` instead.
|
|
381
381
|
*/
|
|
382
382
|
nextIconButtonProps: PropTypes.object,
|
|
@@ -430,7 +430,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
430
430
|
/**
|
|
431
431
|
* Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
432
432
|
*
|
|
433
|
-
* This prop is an alias for `slotProps.select` and will be
|
|
433
|
+
* This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
|
|
434
434
|
* @deprecated Use `slotProps.select` instead.
|
|
435
435
|
*
|
|
436
436
|
* @default {}
|
|
@@ -3,7 +3,7 @@ import { IconButtonProps } from "../IconButton/IconButton.js";
|
|
|
3
3
|
import { SvgIconProps } from "../SvgIcon/index.js";
|
|
4
4
|
export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
/**
|
|
6
|
-
* This prop is an alias for `slotProps.previousButton` and will be
|
|
6
|
+
* This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
|
|
7
7
|
* @deprecated Use `slotProps.previousButton` instead.
|
|
8
8
|
*/
|
|
9
9
|
backIconButtonProps?: Partial<IconButtonProps>;
|
|
@@ -28,7 +28,7 @@ export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDi
|
|
|
28
28
|
*/
|
|
29
29
|
getItemAriaLabel: (type: 'first' | 'last' | 'next' | 'previous') => string;
|
|
30
30
|
/**
|
|
31
|
-
* This prop is an alias for `slotProps.nextButton` and will be
|
|
31
|
+
* This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
|
|
32
32
|
* @deprecated Use `slotProps.nextButton` instead.
|
|
33
33
|
*/
|
|
34
34
|
nextIconButtonProps?: Partial<IconButtonProps>;
|
|
@@ -138,7 +138,7 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
|
|
|
138
138
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
139
139
|
// └─────────────────────────────────────────────────────────────────────┘
|
|
140
140
|
/**
|
|
141
|
-
* This prop is an alias for `slotProps.previousButton` and will be
|
|
141
|
+
* This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
|
|
142
142
|
* @deprecated Use `slotProps.previousButton` instead.
|
|
143
143
|
*/
|
|
144
144
|
backIconButtonProps: PropTypes.object,
|
|
@@ -173,7 +173,7 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
|
|
|
173
173
|
*/
|
|
174
174
|
getItemAriaLabel: PropTypes.func.isRequired,
|
|
175
175
|
/**
|
|
176
|
-
* This prop is an alias for `slotProps.nextButton` and will be
|
|
176
|
+
* This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
|
|
177
177
|
* @deprecated Use `slotProps.nextButton` instead.
|
|
178
178
|
*/
|
|
179
179
|
nextIconButtonProps: PropTypes.object,
|