@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,10 +3,8 @@
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import * as ReactDOM from 'react-dom';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
|
-
import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
|
|
7
6
|
import NoSsr from "../NoSsr/index.mjs";
|
|
8
7
|
import Drawer, { getAnchor, isHorizontal } from "../Drawer/Drawer.mjs";
|
|
9
|
-
import useForkRef from "../utils/useForkRef.mjs";
|
|
10
8
|
import ownerDocument from "../utils/ownerDocument.mjs";
|
|
11
9
|
import ownerWindow from "../utils/ownerWindow.mjs";
|
|
12
10
|
import useEventCallback from "../utils/useEventCallback.mjs";
|
|
@@ -134,15 +132,10 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
|
|
|
134
132
|
hysteresis = 0.52,
|
|
135
133
|
allowSwipeInChildren = false,
|
|
136
134
|
minFlingVelocity = 450,
|
|
137
|
-
ModalProps: {
|
|
138
|
-
BackdropProps,
|
|
139
|
-
...ModalPropsProp
|
|
140
|
-
} = {},
|
|
135
|
+
ModalProps: ModalPropsProp = {},
|
|
141
136
|
onClose,
|
|
142
137
|
onOpen,
|
|
143
138
|
open = false,
|
|
144
|
-
PaperProps = {},
|
|
145
|
-
SwipeAreaProps,
|
|
146
139
|
swipeAreaWidth = 20,
|
|
147
140
|
transitionDuration = transitionDurationDefault,
|
|
148
141
|
variant = 'temporary',
|
|
@@ -158,7 +151,6 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
|
|
|
158
151
|
const swipeAreaRef = React.useRef();
|
|
159
152
|
const backdropRef = React.useRef();
|
|
160
153
|
const paperRef = React.useRef();
|
|
161
|
-
const handleRef = useForkRef(PaperProps.ref, paperRef);
|
|
162
154
|
const touchDetected = React.useRef(false);
|
|
163
155
|
|
|
164
156
|
// Ref for transition duration based on / to match swipe speed
|
|
@@ -460,10 +452,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
|
|
|
460
452
|
ownerState: props,
|
|
461
453
|
externalForwardedProps: {
|
|
462
454
|
slots,
|
|
463
|
-
slotProps
|
|
464
|
-
swipeArea: SwipeAreaProps,
|
|
465
|
-
...slotProps
|
|
466
|
-
}
|
|
455
|
+
slotProps
|
|
467
456
|
},
|
|
468
457
|
additionalProps: {
|
|
469
458
|
width: swipeAreaWidth,
|
|
@@ -475,10 +464,6 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
|
|
|
475
464
|
open: variant === 'temporary' && maybeSwiping ? true : open,
|
|
476
465
|
variant: variant,
|
|
477
466
|
ModalProps: {
|
|
478
|
-
BackdropProps: {
|
|
479
|
-
...BackdropProps,
|
|
480
|
-
ref: backdropRef
|
|
481
|
-
},
|
|
482
467
|
// Ensures that paperRef.current will be defined inside the touch start event handler
|
|
483
468
|
// See https://github.com/mui/material-ui/issues/30414 for more information
|
|
484
469
|
...(variant === 'temporary' && {
|
|
@@ -494,14 +479,14 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
|
|
|
494
479
|
slots: slots,
|
|
495
480
|
slotProps: {
|
|
496
481
|
...slotProps,
|
|
497
|
-
backdrop: mergeSlotProps(slotProps.backdrop
|
|
482
|
+
backdrop: mergeSlotProps(slotProps.backdrop, {
|
|
498
483
|
ref: backdropRef
|
|
499
484
|
}),
|
|
500
|
-
paper: mergeSlotProps(slotProps.paper
|
|
485
|
+
paper: mergeSlotProps(slotProps.paper, {
|
|
501
486
|
style: {
|
|
502
487
|
pointerEvents: variant === 'temporary' && !open && !allowSwipeInChildren ? 'none' : ''
|
|
503
488
|
},
|
|
504
|
-
ref:
|
|
489
|
+
ref: paperRef
|
|
505
490
|
})
|
|
506
491
|
},
|
|
507
492
|
...other
|
|
@@ -576,11 +561,7 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
|
|
|
576
561
|
/**
|
|
577
562
|
* @ignore
|
|
578
563
|
*/
|
|
579
|
-
ModalProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({
|
|
580
|
-
BackdropProps: PropTypes.shape({
|
|
581
|
-
component: elementTypeAcceptingRef
|
|
582
|
-
})
|
|
583
|
-
}),
|
|
564
|
+
ModalProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({}),
|
|
584
565
|
/**
|
|
585
566
|
* Callback fired when the component requests to be closed.
|
|
586
567
|
*
|
|
@@ -598,13 +579,6 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
|
|
|
598
579
|
* @default false
|
|
599
580
|
*/
|
|
600
581
|
open: PropTypes.bool,
|
|
601
|
-
/**
|
|
602
|
-
* @ignore
|
|
603
|
-
*/
|
|
604
|
-
PaperProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({
|
|
605
|
-
component: elementTypeAcceptingRef,
|
|
606
|
-
style: PropTypes.object
|
|
607
|
-
}),
|
|
608
582
|
/**
|
|
609
583
|
* The props used for each slot inside.
|
|
610
584
|
* @default {}
|
|
@@ -629,11 +603,6 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
|
|
|
629
603
|
swipeArea: PropTypes.elementType,
|
|
630
604
|
transition: PropTypes.elementType
|
|
631
605
|
}),
|
|
632
|
-
/**
|
|
633
|
-
* The element is used to intercept the touch events on the edge.
|
|
634
|
-
* @deprecated use the `slotProps.swipeArea` 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.
|
|
635
|
-
*/
|
|
636
|
-
SwipeAreaProps: PropTypes.object,
|
|
637
606
|
/**
|
|
638
607
|
* The width of the left most (or right most) area in `px` that
|
|
639
608
|
* the drawer can be swiped open from.
|
package/Switch/Switch.js
CHANGED
|
@@ -11,7 +11,6 @@ exports.default = void 0;
|
|
|
11
11
|
var React = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
13
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
14
|
-
var _refType = _interopRequireDefault(require("@mui/utils/refType"));
|
|
15
14
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
16
15
|
var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
|
|
17
16
|
var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
|
|
@@ -350,16 +349,6 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
|
|
|
350
349
|
* The id of the `input` element.
|
|
351
350
|
*/
|
|
352
351
|
id: _propTypes.default.string,
|
|
353
|
-
/**
|
|
354
|
-
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
355
|
-
* @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
356
|
-
*/
|
|
357
|
-
inputProps: _propTypes.default.object,
|
|
358
|
-
/**
|
|
359
|
-
* Pass a ref to the `input` element.
|
|
360
|
-
* @deprecated Use `slotProps.input.ref` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
361
|
-
*/
|
|
362
|
-
inputRef: _refType.default,
|
|
363
352
|
/**
|
|
364
353
|
* Callback fired when the state is changed.
|
|
365
354
|
*
|
package/Switch/Switch.mjs
CHANGED
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
|
-
import refType from '@mui/utils/refType';
|
|
8
7
|
import composeClasses from '@mui/utils/composeClasses';
|
|
9
8
|
import capitalize from "../utils/capitalize.mjs";
|
|
10
9
|
import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFilter.mjs";
|
|
@@ -343,16 +342,6 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
|
|
|
343
342
|
* The id of the `input` element.
|
|
344
343
|
*/
|
|
345
344
|
id: PropTypes.string,
|
|
346
|
-
/**
|
|
347
|
-
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
348
|
-
* @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
349
|
-
*/
|
|
350
|
-
inputProps: PropTypes.object,
|
|
351
|
-
/**
|
|
352
|
-
* Pass a ref to the `input` element.
|
|
353
|
-
* @deprecated Use `slotProps.input.ref` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
354
|
-
*/
|
|
355
|
-
inputRef: refType,
|
|
356
345
|
/**
|
|
357
346
|
* Callback fired when the state is changed.
|
|
358
347
|
*
|
package/Tab/Tab.js
CHANGED
|
@@ -32,7 +32,7 @@ const useUtilityClasses = ownerState => {
|
|
|
32
32
|
} = ownerState;
|
|
33
33
|
const slots = {
|
|
34
34
|
root: ['root', icon && label && 'labelIcon', `textColor${(0, _capitalize.default)(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled'],
|
|
35
|
-
icon: ['
|
|
35
|
+
icon: ['icon']
|
|
36
36
|
};
|
|
37
37
|
return (0, _composeClasses.default)(slots, _tabClasses.getTabUtilityClass, classes);
|
|
38
38
|
};
|
|
@@ -44,8 +44,6 @@ const TabRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
|
|
|
44
44
|
ownerState
|
|
45
45
|
} = props;
|
|
46
46
|
return [styles.root, ownerState.label && ownerState.icon && styles.labelIcon, styles[`textColor${(0, _capitalize.default)(ownerState.textColor)}`], ownerState.fullWidth && styles.fullWidth, ownerState.wrapped && styles.wrapped, {
|
|
47
|
-
[`& .${_tabClasses.default.iconWrapper}`]: styles.iconWrapper
|
|
48
|
-
}, {
|
|
49
47
|
[`& .${_tabClasses.default.icon}`]: styles.icon
|
|
50
48
|
}];
|
|
51
49
|
}
|
package/Tab/Tab.mjs
CHANGED
|
@@ -25,7 +25,7 @@ const useUtilityClasses = ownerState => {
|
|
|
25
25
|
} = ownerState;
|
|
26
26
|
const slots = {
|
|
27
27
|
root: ['root', icon && label && 'labelIcon', `textColor${capitalize(textColor)}`, fullWidth && 'fullWidth', wrapped && 'wrapped', selected && 'selected', disabled && 'disabled'],
|
|
28
|
-
icon: ['
|
|
28
|
+
icon: ['icon']
|
|
29
29
|
};
|
|
30
30
|
return composeClasses(slots, getTabUtilityClass, classes);
|
|
31
31
|
};
|
|
@@ -37,8 +37,6 @@ const TabRoot = styled(ButtonBase, {
|
|
|
37
37
|
ownerState
|
|
38
38
|
} = props;
|
|
39
39
|
return [styles.root, ownerState.label && ownerState.icon && styles.labelIcon, styles[`textColor${capitalize(ownerState.textColor)}`], ownerState.fullWidth && styles.fullWidth, ownerState.wrapped && styles.wrapped, {
|
|
40
|
-
[`& .${tabClasses.iconWrapper}`]: styles.iconWrapper
|
|
41
|
-
}, {
|
|
42
40
|
[`& .${tabClasses.icon}`]: styles.icon
|
|
43
41
|
}];
|
|
44
42
|
}
|
package/Tab/tabClasses.d.mts
CHANGED
|
@@ -17,10 +17,6 @@ export interface TabClasses {
|
|
|
17
17
|
fullWidth: string;
|
|
18
18
|
/** Styles applied to the root element if `wrapped={true}`. */
|
|
19
19
|
wrapped: string;
|
|
20
|
-
/** Styles applied to the `icon` HTML element if both `icon` and `label` are provided.
|
|
21
|
-
* @deprecated Use `icon` class instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details
|
|
22
|
-
*/
|
|
23
|
-
iconWrapper: string;
|
|
24
20
|
/** Styles applied to the `icon` HTML element if both `icon` and `label` are provided. */
|
|
25
21
|
icon: string;
|
|
26
22
|
}
|
package/Tab/tabClasses.d.ts
CHANGED
|
@@ -17,10 +17,6 @@ export interface TabClasses {
|
|
|
17
17
|
fullWidth: string;
|
|
18
18
|
/** Styles applied to the root element if `wrapped={true}`. */
|
|
19
19
|
wrapped: string;
|
|
20
|
-
/** Styles applied to the `icon` HTML element if both `icon` and `label` are provided.
|
|
21
|
-
* @deprecated Use `icon` class instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details
|
|
22
|
-
*/
|
|
23
|
-
iconWrapper: string;
|
|
24
20
|
/** Styles applied to the `icon` HTML element if both `icon` and `label` are provided. */
|
|
25
21
|
icon: string;
|
|
26
22
|
}
|
package/Tab/tabClasses.js
CHANGED
|
@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
|
|
|
11
11
|
function getTabUtilityClass(slot) {
|
|
12
12
|
return (0, _generateUtilityClass.default)('MuiTab', slot);
|
|
13
13
|
}
|
|
14
|
-
const tabClasses = (0, _generateUtilityClasses.default)('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', '
|
|
14
|
+
const tabClasses = (0, _generateUtilityClasses.default)('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'icon']);
|
|
15
15
|
var _default = exports.default = tabClasses;
|
package/Tab/tabClasses.mjs
CHANGED
|
@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
|
3
3
|
export function getTabUtilityClass(slot) {
|
|
4
4
|
return generateUtilityClass('MuiTab', slot);
|
|
5
5
|
}
|
|
6
|
-
const tabClasses = generateUtilityClasses('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', '
|
|
6
|
+
const tabClasses = generateUtilityClasses('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'icon']);
|
|
7
7
|
export default tabClasses;
|
|
@@ -4,7 +4,6 @@ import { Theme } from "../styles/index.mjs";
|
|
|
4
4
|
import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.mjs";
|
|
5
5
|
import { TablePaginationActionsProps, TablePaginationActionsSlots } from "../TablePaginationActions/index.mjs";
|
|
6
6
|
import { TableCellProps } from "../TableCell/index.mjs";
|
|
7
|
-
import { IconButtonProps } from "../IconButton/index.mjs";
|
|
8
7
|
import { SelectProps } from "../Select/index.mjs";
|
|
9
8
|
import { TablePaginationClasses } from "./tablePaginationClasses.mjs";
|
|
10
9
|
import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.mjs";
|
|
@@ -122,13 +121,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
122
121
|
* @default TablePaginationActions
|
|
123
122
|
*/
|
|
124
123
|
ActionsComponent?: React.ElementType<TablePaginationActionsProps> | undefined;
|
|
125
|
-
/**
|
|
126
|
-
* Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
|
|
127
|
-
*
|
|
128
|
-
* This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
|
|
129
|
-
* @deprecated Use `slotProps.actions.previousButton` instead.
|
|
130
|
-
*/
|
|
131
|
-
backIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
132
124
|
/**
|
|
133
125
|
* Override or extend the styles applied to the component.
|
|
134
126
|
*/
|
|
@@ -173,13 +165,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
173
165
|
* @default 'Rows per page:'
|
|
174
166
|
*/
|
|
175
167
|
labelRowsPerPage?: React.ReactNode;
|
|
176
|
-
/**
|
|
177
|
-
* Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
|
|
178
|
-
*
|
|
179
|
-
* This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
|
|
180
|
-
* @deprecated Use `slotProps.actions.nextButton` instead.
|
|
181
|
-
*/
|
|
182
|
-
nextIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
183
168
|
/**
|
|
184
169
|
* Callback fired when the page is changed.
|
|
185
170
|
*
|
|
@@ -213,15 +198,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
213
198
|
value: number;
|
|
214
199
|
label: string;
|
|
215
200
|
}> | undefined;
|
|
216
|
-
/**
|
|
217
|
-
* Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
218
|
-
*
|
|
219
|
-
* This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
|
|
220
|
-
* @deprecated Use `slotProps.select` instead.
|
|
221
|
-
*
|
|
222
|
-
* @default {}
|
|
223
|
-
*/
|
|
224
|
-
SelectProps?: Partial<SelectProps> | undefined;
|
|
225
201
|
/**
|
|
226
202
|
* If `true`, show the first-page button.
|
|
227
203
|
* @default false
|
|
@@ -4,7 +4,6 @@ import { Theme } from "../styles/index.js";
|
|
|
4
4
|
import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
|
|
5
5
|
import { TablePaginationActionsProps, TablePaginationActionsSlots } from "../TablePaginationActions/index.js";
|
|
6
6
|
import { TableCellProps } from "../TableCell/index.js";
|
|
7
|
-
import { IconButtonProps } from "../IconButton/index.js";
|
|
8
7
|
import { SelectProps } from "../Select/index.js";
|
|
9
8
|
import { TablePaginationClasses } from "./tablePaginationClasses.js";
|
|
10
9
|
import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
|
|
@@ -122,13 +121,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
122
121
|
* @default TablePaginationActions
|
|
123
122
|
*/
|
|
124
123
|
ActionsComponent?: React.ElementType<TablePaginationActionsProps> | undefined;
|
|
125
|
-
/**
|
|
126
|
-
* Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
|
|
127
|
-
*
|
|
128
|
-
* This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
|
|
129
|
-
* @deprecated Use `slotProps.actions.previousButton` instead.
|
|
130
|
-
*/
|
|
131
|
-
backIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
132
124
|
/**
|
|
133
125
|
* Override or extend the styles applied to the component.
|
|
134
126
|
*/
|
|
@@ -173,13 +165,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
173
165
|
* @default 'Rows per page:'
|
|
174
166
|
*/
|
|
175
167
|
labelRowsPerPage?: React.ReactNode;
|
|
176
|
-
/**
|
|
177
|
-
* Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
|
|
178
|
-
*
|
|
179
|
-
* This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
|
|
180
|
-
* @deprecated Use `slotProps.actions.nextButton` instead.
|
|
181
|
-
*/
|
|
182
|
-
nextIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
183
168
|
/**
|
|
184
169
|
* Callback fired when the page is changed.
|
|
185
170
|
*
|
|
@@ -213,15 +198,6 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
|
|
|
213
198
|
value: number;
|
|
214
199
|
label: string;
|
|
215
200
|
}> | undefined;
|
|
216
|
-
/**
|
|
217
|
-
* Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
218
|
-
*
|
|
219
|
-
* This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
|
|
220
|
-
* @deprecated Use `slotProps.select` instead.
|
|
221
|
-
*
|
|
222
|
-
* @default {}
|
|
223
|
-
*/
|
|
224
|
-
SelectProps?: Partial<SelectProps> | undefined;
|
|
225
201
|
/**
|
|
226
202
|
* If `true`, show the first-page button.
|
|
227
203
|
* @default false
|
|
@@ -157,7 +157,6 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
157
157
|
});
|
|
158
158
|
const {
|
|
159
159
|
ActionsComponent = _TablePaginationActions.default,
|
|
160
|
-
backIconButtonProps,
|
|
161
160
|
colSpan: colSpanProp,
|
|
162
161
|
component = _TableCell.default,
|
|
163
162
|
count,
|
|
@@ -165,13 +164,11 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
165
164
|
getItemAriaLabel = defaultGetAriaLabel,
|
|
166
165
|
labelDisplayedRows = defaultLabelDisplayedRows,
|
|
167
166
|
labelRowsPerPage = 'Rows per page:',
|
|
168
|
-
nextIconButtonProps,
|
|
169
167
|
onPageChange,
|
|
170
168
|
onRowsPerPageChange,
|
|
171
169
|
page,
|
|
172
170
|
rowsPerPage,
|
|
173
171
|
rowsPerPageOptions = [10, 25, 50, 100],
|
|
174
|
-
SelectProps = {},
|
|
175
172
|
showFirstButton = false,
|
|
176
173
|
showLastButton = false,
|
|
177
174
|
slotProps = {},
|
|
@@ -180,7 +177,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
180
177
|
} = props;
|
|
181
178
|
const ownerState = props;
|
|
182
179
|
const classes = useUtilityClasses(ownerState);
|
|
183
|
-
const selectProps = slotProps?.select ??
|
|
180
|
+
const selectProps = typeof slotProps?.select === 'function' ? slotProps.select(ownerState) : slotProps?.select ?? {};
|
|
184
181
|
const MenuItemComponent = selectProps.native ? 'option' : TablePaginationMenuItem;
|
|
185
182
|
let colSpan;
|
|
186
183
|
if (component === _TableCell.default || component === 'td') {
|
|
@@ -295,9 +292,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
295
292
|
})
|
|
296
293
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionsComponent, {
|
|
297
294
|
className: classes.actions,
|
|
298
|
-
backIconButtonProps: backIconButtonProps,
|
|
299
295
|
count: count,
|
|
300
|
-
nextIconButtonProps: nextIconButtonProps,
|
|
301
296
|
onPageChange: onPageChange,
|
|
302
297
|
page: page,
|
|
303
298
|
rowsPerPage: rowsPerPage,
|
|
@@ -322,13 +317,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
322
317
|
* @default TablePaginationActions
|
|
323
318
|
*/
|
|
324
319
|
ActionsComponent: _propTypes.default.elementType,
|
|
325
|
-
/**
|
|
326
|
-
* Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
|
|
327
|
-
*
|
|
328
|
-
* This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
|
|
329
|
-
* @deprecated Use `slotProps.actions.previousButton` instead.
|
|
330
|
-
*/
|
|
331
|
-
backIconButtonProps: _propTypes.default.object,
|
|
332
320
|
/**
|
|
333
321
|
* Override or extend the styles applied to the component.
|
|
334
322
|
*/
|
|
@@ -382,13 +370,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
382
370
|
* @default 'Rows per page:'
|
|
383
371
|
*/
|
|
384
372
|
labelRowsPerPage: _propTypes.default.node,
|
|
385
|
-
/**
|
|
386
|
-
* Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
|
|
387
|
-
*
|
|
388
|
-
* This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
|
|
389
|
-
* @deprecated Use `slotProps.actions.nextButton` instead.
|
|
390
|
-
*/
|
|
391
|
-
nextIconButtonProps: _propTypes.default.object,
|
|
392
373
|
/**
|
|
393
374
|
* Callback fired when the page is changed.
|
|
394
375
|
*
|
|
@@ -436,15 +417,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
436
417
|
label: _propTypes.default.string.isRequired,
|
|
437
418
|
value: _propTypes.default.number.isRequired
|
|
438
419
|
})]).isRequired),
|
|
439
|
-
/**
|
|
440
|
-
* Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
441
|
-
*
|
|
442
|
-
* This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
|
|
443
|
-
* @deprecated Use `slotProps.select` instead.
|
|
444
|
-
*
|
|
445
|
-
* @default {}
|
|
446
|
-
*/
|
|
447
|
-
SelectProps: _propTypes.default.object,
|
|
448
420
|
/**
|
|
449
421
|
* If `true`, show the first-page button.
|
|
450
422
|
* @default false
|
|
@@ -150,7 +150,6 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
150
150
|
});
|
|
151
151
|
const {
|
|
152
152
|
ActionsComponent = TablePaginationActions,
|
|
153
|
-
backIconButtonProps,
|
|
154
153
|
colSpan: colSpanProp,
|
|
155
154
|
component = TableCell,
|
|
156
155
|
count,
|
|
@@ -158,13 +157,11 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
158
157
|
getItemAriaLabel = defaultGetAriaLabel,
|
|
159
158
|
labelDisplayedRows = defaultLabelDisplayedRows,
|
|
160
159
|
labelRowsPerPage = 'Rows per page:',
|
|
161
|
-
nextIconButtonProps,
|
|
162
160
|
onPageChange,
|
|
163
161
|
onRowsPerPageChange,
|
|
164
162
|
page,
|
|
165
163
|
rowsPerPage,
|
|
166
164
|
rowsPerPageOptions = [10, 25, 50, 100],
|
|
167
|
-
SelectProps = {},
|
|
168
165
|
showFirstButton = false,
|
|
169
166
|
showLastButton = false,
|
|
170
167
|
slotProps = {},
|
|
@@ -173,7 +170,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
173
170
|
} = props;
|
|
174
171
|
const ownerState = props;
|
|
175
172
|
const classes = useUtilityClasses(ownerState);
|
|
176
|
-
const selectProps = slotProps?.select ??
|
|
173
|
+
const selectProps = typeof slotProps?.select === 'function' ? slotProps.select(ownerState) : slotProps?.select ?? {};
|
|
177
174
|
const MenuItemComponent = selectProps.native ? 'option' : TablePaginationMenuItem;
|
|
178
175
|
let colSpan;
|
|
179
176
|
if (component === TableCell || component === 'td') {
|
|
@@ -288,9 +285,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
|
|
|
288
285
|
})
|
|
289
286
|
}), /*#__PURE__*/_jsx(ActionsComponent, {
|
|
290
287
|
className: classes.actions,
|
|
291
|
-
backIconButtonProps: backIconButtonProps,
|
|
292
288
|
count: count,
|
|
293
|
-
nextIconButtonProps: nextIconButtonProps,
|
|
294
289
|
onPageChange: onPageChange,
|
|
295
290
|
page: page,
|
|
296
291
|
rowsPerPage: rowsPerPage,
|
|
@@ -315,13 +310,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
315
310
|
* @default TablePaginationActions
|
|
316
311
|
*/
|
|
317
312
|
ActionsComponent: PropTypes.elementType,
|
|
318
|
-
/**
|
|
319
|
-
* Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
|
|
320
|
-
*
|
|
321
|
-
* This prop is an alias for `slotProps.actions.previousButton` and will be overridden by it if both are used.
|
|
322
|
-
* @deprecated Use `slotProps.actions.previousButton` instead.
|
|
323
|
-
*/
|
|
324
|
-
backIconButtonProps: PropTypes.object,
|
|
325
313
|
/**
|
|
326
314
|
* Override or extend the styles applied to the component.
|
|
327
315
|
*/
|
|
@@ -375,13 +363,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
375
363
|
* @default 'Rows per page:'
|
|
376
364
|
*/
|
|
377
365
|
labelRowsPerPage: PropTypes.node,
|
|
378
|
-
/**
|
|
379
|
-
* Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
|
|
380
|
-
*
|
|
381
|
-
* This prop is an alias for `slotProps.actions.nextButton` and will be overridden by it if both are used.
|
|
382
|
-
* @deprecated Use `slotProps.actions.nextButton` instead.
|
|
383
|
-
*/
|
|
384
|
-
nextIconButtonProps: PropTypes.object,
|
|
385
366
|
/**
|
|
386
367
|
* Callback fired when the page is changed.
|
|
387
368
|
*
|
|
@@ -429,15 +410,6 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
|
|
|
429
410
|
label: PropTypes.string.isRequired,
|
|
430
411
|
value: PropTypes.number.isRequired
|
|
431
412
|
})]).isRequired),
|
|
432
|
-
/**
|
|
433
|
-
* Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
|
|
434
|
-
*
|
|
435
|
-
* This prop is an alias for `slotProps.select` and will be overridden by it if both are used.
|
|
436
|
-
* @deprecated Use `slotProps.select` instead.
|
|
437
|
-
*
|
|
438
|
-
* @default {}
|
|
439
|
-
*/
|
|
440
|
-
SelectProps: PropTypes.object,
|
|
441
413
|
/**
|
|
442
414
|
* If `true`, show the first-page button.
|
|
443
415
|
* @default false
|
|
@@ -2,11 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { IconButtonProps } from "../IconButton/IconButton.mjs";
|
|
3
3
|
import { SvgIconProps } from "../SvgIcon/index.mjs";
|
|
4
4
|
export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
/**
|
|
6
|
-
* This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
|
|
7
|
-
* @deprecated Use `slotProps.previousButton` instead.
|
|
8
|
-
*/
|
|
9
|
-
backIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
10
5
|
/**
|
|
11
6
|
* Override or extend the styles applied to the component.
|
|
12
7
|
*/
|
|
@@ -27,11 +22,6 @@ export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDi
|
|
|
27
22
|
* @returns {string}
|
|
28
23
|
*/
|
|
29
24
|
getItemAriaLabel: (type: 'first' | 'last' | 'next' | 'previous') => string;
|
|
30
|
-
/**
|
|
31
|
-
* This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
|
|
32
|
-
* @deprecated Use `slotProps.nextButton` instead.
|
|
33
|
-
*/
|
|
34
|
-
nextIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
35
25
|
onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
|
|
36
26
|
page: number;
|
|
37
27
|
rowsPerPage: number;
|
|
@@ -2,11 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { IconButtonProps } from "../IconButton/IconButton.js";
|
|
3
3
|
import { SvgIconProps } from "../SvgIcon/index.js";
|
|
4
4
|
export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
/**
|
|
6
|
-
* This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
|
|
7
|
-
* @deprecated Use `slotProps.previousButton` instead.
|
|
8
|
-
*/
|
|
9
|
-
backIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
10
5
|
/**
|
|
11
6
|
* Override or extend the styles applied to the component.
|
|
12
7
|
*/
|
|
@@ -27,11 +22,6 @@ export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDi
|
|
|
27
22
|
* @returns {string}
|
|
28
23
|
*/
|
|
29
24
|
getItemAriaLabel: (type: 'first' | 'last' | 'next' | 'previous') => string;
|
|
30
|
-
/**
|
|
31
|
-
* This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
|
|
32
|
-
* @deprecated Use `slotProps.nextButton` instead.
|
|
33
|
-
*/
|
|
34
|
-
nextIconButtonProps?: Partial<IconButtonProps> | undefined;
|
|
35
25
|
onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
|
|
36
26
|
page: number;
|
|
37
27
|
rowsPerPage: number;
|
|
@@ -40,12 +40,10 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
|
|
|
40
40
|
name: 'MuiTablePaginationActions'
|
|
41
41
|
});
|
|
42
42
|
const {
|
|
43
|
-
backIconButtonProps,
|
|
44
43
|
className,
|
|
45
44
|
count,
|
|
46
45
|
disabled = false,
|
|
47
46
|
getItemAriaLabel,
|
|
48
|
-
nextIconButtonProps,
|
|
49
47
|
onPageChange,
|
|
50
48
|
page,
|
|
51
49
|
rowsPerPage,
|
|
@@ -107,7 +105,7 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
|
|
|
107
105
|
color: "inherit",
|
|
108
106
|
"aria-label": getItemAriaLabel('previous', page),
|
|
109
107
|
title: getItemAriaLabel('previous', page),
|
|
110
|
-
...
|
|
108
|
+
...previousButtonSlotProps,
|
|
111
109
|
children: isRtl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(NextButtonIcon, {
|
|
112
110
|
...slotProps.nextButtonIcon
|
|
113
111
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviousButtonIcon, {
|
|
@@ -119,7 +117,7 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
|
|
|
119
117
|
color: "inherit",
|
|
120
118
|
"aria-label": getItemAriaLabel('next', page),
|
|
121
119
|
title: getItemAriaLabel('next', page),
|
|
122
|
-
...
|
|
120
|
+
...nextButtonSlotProps,
|
|
123
121
|
children: isRtl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviousButtonIcon, {
|
|
124
122
|
...slotProps.previousButtonIcon
|
|
125
123
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(NextButtonIcon, {
|
|
@@ -144,11 +142,6 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
|
|
|
144
142
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
145
143
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
146
144
|
// └─────────────────────────────────────────────────────────────────────┘
|
|
147
|
-
/**
|
|
148
|
-
* This prop is an alias for `slotProps.previousButton` and will be overridden by it if both are used.
|
|
149
|
-
* @deprecated Use `slotProps.previousButton` instead.
|
|
150
|
-
*/
|
|
151
|
-
backIconButtonProps: _propTypes.default.object,
|
|
152
145
|
/**
|
|
153
146
|
* @ignore
|
|
154
147
|
*/
|
|
@@ -179,11 +172,6 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remo
|
|
|
179
172
|
* @returns {string}
|
|
180
173
|
*/
|
|
181
174
|
getItemAriaLabel: _propTypes.default.func.isRequired,
|
|
182
|
-
/**
|
|
183
|
-
* This prop is an alias for `slotProps.nextButton` and will be overridden by it if both are used.
|
|
184
|
-
* @deprecated Use `slotProps.nextButton` instead.
|
|
185
|
-
*/
|
|
186
|
-
nextIconButtonProps: _propTypes.default.object,
|
|
187
175
|
/**
|
|
188
176
|
* @ignore
|
|
189
177
|
*/
|