@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/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/Popover/Popover.js
CHANGED
|
@@ -18,7 +18,7 @@ var _refType = _interopRequireDefault(require("@mui/utils/refType"));
|
|
|
18
18
|
var _elementTypeAcceptingRef = _interopRequireDefault(require("@mui/utils/elementTypeAcceptingRef"));
|
|
19
19
|
var _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
|
|
20
20
|
var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
|
|
21
|
-
var _isHostComponent = _interopRequireDefault(require("
|
|
21
|
+
var _isHostComponent = _interopRequireDefault(require("@mui/utils/isHostComponent"));
|
|
22
22
|
var _zeroStyled = require("../zero-styled");
|
|
23
23
|
var _DefaultPropsProvider = require("../DefaultPropsProvider");
|
|
24
24
|
var _debounce = _interopRequireDefault(require("../utils/debounce"));
|
|
@@ -515,7 +515,7 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
|
|
|
515
515
|
/**
|
|
516
516
|
* Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
|
|
517
517
|
*
|
|
518
|
-
* This prop is an alias for `slotProps.paper` and will be
|
|
518
|
+
* This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.
|
|
519
519
|
* @deprecated Use `slotProps.paper` instead.
|
|
520
520
|
*
|
|
521
521
|
* @default {}
|
package/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/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
|
}>;
|
package/Select/SelectInput.js
CHANGED
|
@@ -160,27 +160,12 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
160
160
|
});
|
|
161
161
|
const inputRef = React.useRef(null);
|
|
162
162
|
const displayRef = React.useRef(null);
|
|
163
|
-
const paperRef = React.useRef(null);
|
|
164
|
-
const didPointerDownRef = React.useRef(false);
|
|
165
163
|
const [displayNode, setDisplayNode] = React.useState(null);
|
|
166
164
|
const {
|
|
167
165
|
current: isOpenControlled
|
|
168
166
|
} = React.useRef(openProp != null);
|
|
169
167
|
const [menuMinWidthState, setMenuMinWidthState] = React.useState();
|
|
170
|
-
const open = displayNode !== null && openState;
|
|
171
|
-
const ownerState = {
|
|
172
|
-
...props,
|
|
173
|
-
variant,
|
|
174
|
-
value,
|
|
175
|
-
open,
|
|
176
|
-
error
|
|
177
|
-
};
|
|
178
|
-
const paperProps = {
|
|
179
|
-
...MenuProps.PaperProps,
|
|
180
|
-
...(typeof MenuProps.slotProps?.paper === 'function' ? MenuProps.slotProps.paper(ownerState) : MenuProps.slotProps?.paper)
|
|
181
|
-
};
|
|
182
168
|
const handleRef = (0, _useForkRef.default)(ref, inputRefProp);
|
|
183
|
-
const handlePaperRef = (0, _useForkRef.default)(paperProps.ref, paperRef);
|
|
184
169
|
const handleDisplayRef = React.useCallback(node => {
|
|
185
170
|
displayRef.current = node;
|
|
186
171
|
if (node) {
|
|
@@ -230,8 +215,8 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
230
215
|
}
|
|
231
216
|
return undefined;
|
|
232
217
|
}, [labelId]);
|
|
233
|
-
const update = (
|
|
234
|
-
if (
|
|
218
|
+
const update = (open, event) => {
|
|
219
|
+
if (open) {
|
|
235
220
|
if (onOpen) {
|
|
236
221
|
onOpen(event);
|
|
237
222
|
}
|
|
@@ -240,7 +225,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
240
225
|
}
|
|
241
226
|
if (!isOpenControlled) {
|
|
242
227
|
setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);
|
|
243
|
-
setOpenState(
|
|
228
|
+
setOpenState(open);
|
|
244
229
|
}
|
|
245
230
|
};
|
|
246
231
|
const handleMouseDown = event => {
|
|
@@ -251,31 +236,6 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
251
236
|
// Hijack the default focus behavior.
|
|
252
237
|
event.preventDefault();
|
|
253
238
|
displayRef.current.focus();
|
|
254
|
-
const doc = (0, _ownerDocument.default)(event.currentTarget);
|
|
255
|
-
function handleMouseUp(mouseEvent) {
|
|
256
|
-
if (!displayRef.current) {
|
|
257
|
-
return;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
// mouse is over the options/menuitem, don't close the menu
|
|
261
|
-
if (paperRef.current.contains(mouseEvent.target)) {
|
|
262
|
-
return;
|
|
263
|
-
}
|
|
264
|
-
const triggerElement = displayRef.current.getBoundingClientRect();
|
|
265
|
-
|
|
266
|
-
// mouse is inside the trigger, don't close the menu
|
|
267
|
-
if (mouseEvent.clientX >= triggerElement.left && mouseEvent.clientX <= triggerElement.right && mouseEvent.clientY >= triggerElement.top && mouseEvent.clientY <= triggerElement.bottom) {
|
|
268
|
-
return;
|
|
269
|
-
}
|
|
270
|
-
|
|
271
|
-
// close the menu
|
|
272
|
-
update(false, mouseEvent);
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
// `{ once: true }` to automatically remove the listener, see https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#once
|
|
276
|
-
doc.addEventListener('mouseup', handleMouseUp, {
|
|
277
|
-
once: true
|
|
278
|
-
});
|
|
279
239
|
update(true, event);
|
|
280
240
|
};
|
|
281
241
|
const handleClose = event => {
|
|
@@ -294,7 +254,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
294
254
|
onChange(event, child);
|
|
295
255
|
}
|
|
296
256
|
};
|
|
297
|
-
const
|
|
257
|
+
const handleItemClick = child => event => {
|
|
298
258
|
let newValue;
|
|
299
259
|
|
|
300
260
|
// We use the tabindex attribute to signal the available options.
|
|
@@ -312,6 +272,9 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
312
272
|
} else {
|
|
313
273
|
newValue = child.props.value;
|
|
314
274
|
}
|
|
275
|
+
if (child.props.onClick) {
|
|
276
|
+
child.props.onClick(event);
|
|
277
|
+
}
|
|
315
278
|
if (value !== newValue) {
|
|
316
279
|
setValueState(newValue);
|
|
317
280
|
if (onChange) {
|
|
@@ -347,6 +310,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
347
310
|
}
|
|
348
311
|
}
|
|
349
312
|
};
|
|
313
|
+
const open = displayNode !== null && openState;
|
|
350
314
|
const handleBlur = event => {
|
|
351
315
|
// if open event.stopImmediatePropagation
|
|
352
316
|
if (!open && onBlur) {
|
|
@@ -407,26 +371,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
407
371
|
}
|
|
408
372
|
return /*#__PURE__*/React.cloneElement(child, {
|
|
409
373
|
'aria-selected': selected ? 'true' : 'false',
|
|
410
|
-
|
|
411
|
-
didPointerDownRef.current = true;
|
|
412
|
-
},
|
|
413
|
-
onClick: event => {
|
|
414
|
-
didPointerDownRef.current = false;
|
|
415
|
-
if (child.props.onClick) {
|
|
416
|
-
child.props.onClick(event);
|
|
417
|
-
}
|
|
418
|
-
handleItemSelect(child)(event);
|
|
419
|
-
},
|
|
420
|
-
onMouseUp: event => {
|
|
421
|
-
if (didPointerDownRef.current) {
|
|
422
|
-
didPointerDownRef.current = false;
|
|
423
|
-
return;
|
|
424
|
-
}
|
|
425
|
-
if (child.props.onMouseUp) {
|
|
426
|
-
child.props.onMouseUp(event);
|
|
427
|
-
}
|
|
428
|
-
handleItemSelect(child)(event);
|
|
429
|
-
},
|
|
374
|
+
onClick: handleItemClick(child),
|
|
430
375
|
onKeyUp: event => {
|
|
431
376
|
if (event.key === ' ') {
|
|
432
377
|
// otherwise our MenuItems dispatches a click event
|
|
@@ -485,7 +430,18 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
485
430
|
tabIndex = disabled ? null : 0;
|
|
486
431
|
}
|
|
487
432
|
const buttonId = SelectDisplayProps.id || (name ? `mui-component-select-${name}` : undefined);
|
|
433
|
+
const ownerState = {
|
|
434
|
+
...props,
|
|
435
|
+
variant,
|
|
436
|
+
value,
|
|
437
|
+
open,
|
|
438
|
+
error
|
|
439
|
+
};
|
|
488
440
|
const classes = useUtilityClasses(ownerState);
|
|
441
|
+
const paperProps = {
|
|
442
|
+
...MenuProps.PaperProps,
|
|
443
|
+
...(typeof MenuProps.slotProps?.paper === 'function' ? MenuProps.slotProps.paper(ownerState) : MenuProps.slotProps?.paper)
|
|
444
|
+
};
|
|
489
445
|
const listProps = {
|
|
490
446
|
...MenuProps.MenuListProps,
|
|
491
447
|
...(typeof MenuProps.slotProps?.list === 'function' ? MenuProps.slotProps.list(ownerState) : MenuProps.slotProps?.list)
|
|
@@ -566,7 +522,6 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
|
|
|
566
522
|
},
|
|
567
523
|
paper: {
|
|
568
524
|
...paperProps,
|
|
569
|
-
ref: handlePaperRef,
|
|
570
525
|
style: {
|
|
571
526
|
minWidth: menuMinWidth,
|
|
572
527
|
...(paperProps != null ? paperProps.style : null)
|
package/Slider/Slider.js
CHANGED
|
@@ -14,8 +14,8 @@ var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"
|
|
|
14
14
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
15
15
|
var _RtlProvider = require("@mui/system/RtlProvider");
|
|
16
16
|
var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
|
|
17
|
+
var _isHostComponent = _interopRequireDefault(require("@mui/utils/isHostComponent"));
|
|
17
18
|
var _useSlider = require("./useSlider");
|
|
18
|
-
var _isHostComponent = _interopRequireDefault(require("../utils/isHostComponent"));
|
|
19
19
|
var _zeroStyled = require("../zero-styled");
|
|
20
20
|
var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
|
|
21
21
|
var _DefaultPropsProvider = require("../DefaultPropsProvider");
|
package/Snackbar/Snackbar.d.ts
CHANGED
|
@@ -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
|
/**
|
package/SpeedDial/SpeedDial.d.ts
CHANGED
|
@@ -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>;
|
package/StepLabel/StepLabel.d.ts
CHANGED
|
@@ -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/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 {}
|
|
@@ -323,7 +323,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
323
323
|
/**
|
|
324
324
|
* Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
|
|
325
325
|
*
|
|
326
|
-
* This prop is an alias for `slotProps.actions.previousButton` and will be
|
|
326
|
+
* This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
|
|
327
327
|
* @deprecated Use `slotProps.actions.previousButton` instead.
|
|
328
328
|
*/
|
|
329
329
|
backIconButtonProps: _propTypes.default.object,
|
|
@@ -383,7 +383,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
383
383
|
/**
|
|
384
384
|
* Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
|
|
385
385
|
*
|
|
386
|
-
* This prop is an alias for `slotProps.actions.nextButton` and will be
|
|
386
|
+
* This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
|
|
387
387
|
* @deprecated Use `slotProps.actions.nextButton` instead.
|
|
388
388
|
*/
|
|
389
389
|
nextIconButtonProps: _propTypes.default.object,
|
|
@@ -437,7 +437,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
437
437
|
/**
|
|
438
438
|
* Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
439
439
|
*
|
|
440
|
-
* This prop is an alias for `slotProps.select` and will be
|
|
440
|
+
* This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
|
|
441
441
|
* @deprecated Use `slotProps.select` instead.
|
|
442
442
|
*
|
|
443
443
|
* @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>;
|
|
@@ -145,7 +145,7 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
|
|
|
145
145
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
146
146
|
// └─────────────────────────────────────────────────────────────────────┘
|
|
147
147
|
/**
|
|
148
|
-
* This prop is an alias for `slotProps.previousButton` and will be
|
|
148
|
+
* This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
|
|
149
149
|
* @deprecated Use `slotProps.previousButton` instead.
|
|
150
150
|
*/
|
|
151
151
|
backIconButtonProps: _propTypes.default.object,
|
|
@@ -180,7 +180,7 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
|
|
|
180
180
|
*/
|
|
181
181
|
getItemAriaLabel: _propTypes.default.func.isRequired,
|
|
182
182
|
/**
|
|
183
|
-
* This prop is an alias for `slotProps.nextButton` and will be
|
|
183
|
+
* This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
|
|
184
184
|
* @deprecated Use `slotProps.nextButton` instead.
|
|
185
185
|
*/
|
|
186
186
|
nextIconButtonProps: _propTypes.default.object,
|