@mui/material 7.1.0 → 7.1.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.
Files changed (214) hide show
  1. package/Accordion/Accordion.d.ts +1 -1
  2. package/AccordionActions/AccordionActions.d.ts +2 -1
  3. package/AccordionDetails/AccordionDetails.d.ts +2 -1
  4. package/AccordionSummary/AccordionSummary.d.ts +2 -1
  5. package/Alert/Alert.d.ts +4 -1
  6. package/AlertTitle/AlertTitle.d.ts +2 -1
  7. package/AppBar/AppBar.d.ts +1 -1
  8. package/Autocomplete/Autocomplete.d.ts +10 -1
  9. package/Autocomplete/Autocomplete.js +31 -18
  10. package/AvatarGroup/AvatarGroup.d.ts +1 -1
  11. package/BottomNavigation/BottomNavigation.d.ts +1 -1
  12. package/BottomNavigationAction/BottomNavigationAction.d.ts +2 -1
  13. package/ButtonBase/TouchRipple.d.ts +1 -1
  14. package/ButtonGroup/ButtonGroup.d.ts +1 -1
  15. package/CHANGELOG.md +88 -0
  16. package/Card/Card.d.ts +1 -1
  17. package/CardActionArea/CardActionArea.d.ts +2 -1
  18. package/CardActions/CardActions.d.ts +2 -1
  19. package/CardContent/CardContent.d.ts +1 -1
  20. package/CardHeader/CardHeader.d.ts +1 -1
  21. package/CardMedia/CardMedia.d.ts +1 -1
  22. package/Checkbox/Checkbox.d.ts +2 -1
  23. package/Chip/Chip.d.ts +28 -2
  24. package/Chip/Chip.js +65 -14
  25. package/CircularProgress/CircularProgress.d.ts +2 -1
  26. package/Collapse/Collapse.d.ts +2 -1
  27. package/Dialog/Dialog.d.ts +2 -1
  28. package/DialogActions/DialogActions.d.ts +2 -1
  29. package/DialogContent/DialogContent.d.ts +2 -1
  30. package/Divider/Divider.d.ts +1 -1
  31. package/Drawer/Drawer.d.ts +2 -1
  32. package/Fab/Fab.d.ts +1 -1
  33. package/FilledInput/FilledInput.d.ts +2 -1
  34. package/FormControlLabel/FormControlLabel.d.ts +2 -1
  35. package/FormGroup/FormGroup.d.ts +2 -1
  36. package/IconButton/IconButton.d.ts +1 -1
  37. package/ImageList/ImageList.d.ts +1 -1
  38. package/ImageListItem/ImageListItem.d.ts +1 -1
  39. package/ImageListItemBar/ImageListItemBar.d.ts +2 -1
  40. package/Input/Input.d.ts +2 -1
  41. package/InputAdornment/InputAdornment.d.ts +1 -1
  42. package/InputBase/InputBase.d.ts +1 -1
  43. package/LinearProgress/LinearProgress.d.ts +2 -1
  44. package/List/List.d.ts +1 -1
  45. package/ListItemAvatar/ListItemAvatar.d.ts +2 -1
  46. package/ListItemIcon/ListItemIcon.d.ts +2 -1
  47. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -1
  48. package/ListItemText/ListItemText.d.ts +2 -1
  49. package/ListSubheader/ListSubheader.d.ts +1 -1
  50. package/Menu/Menu.d.ts +2 -2
  51. package/MobileStepper/MobileStepper.d.ts +2 -1
  52. package/NativeSelect/NativeSelect.d.ts +2 -1
  53. package/NativeSelect/NativeSelectInput.d.ts +1 -1
  54. package/OutlinedInput/NotchedOutline.d.ts +1 -1
  55. package/OutlinedInput/OutlinedInput.d.ts +3 -1
  56. package/Pagination/Pagination.d.ts +1 -1
  57. package/Popover/Popover.d.ts +3 -2
  58. package/Radio/Radio.d.ts +2 -1
  59. package/Rating/Rating.d.ts +1 -1
  60. package/Select/Select.d.ts +2 -1
  61. package/Select/SelectInput.d.ts +1 -1
  62. package/Skeleton/Skeleton.d.ts +1 -1
  63. package/Snackbar/Snackbar.d.ts +1 -1
  64. package/SnackbarContent/SnackbarContent.d.ts +1 -1
  65. package/SnackbarContent/SnackbarContent.js +2 -5
  66. package/SpeedDial/SpeedDial.d.ts +1 -1
  67. package/SpeedDialAction/SpeedDialAction.d.ts +1 -1
  68. package/SpeedDialIcon/SpeedDialIcon.d.ts +1 -1
  69. package/StepConnector/StepConnector.d.ts +1 -1
  70. package/StepContent/StepContent.d.ts +2 -1
  71. package/StepIcon/StepIcon.d.ts +2 -1
  72. package/StepLabel/StepLabel.d.ts +2 -2
  73. package/Switch/Switch.d.ts +2 -1
  74. package/Tab/Tab.d.ts +1 -1
  75. package/TabScrollButton/TabScrollButton.d.ts +2 -1
  76. package/Table/Table.d.ts +1 -1
  77. package/TableBody/TableBody.d.ts +1 -1
  78. package/TableCell/TableCell.d.ts +2 -1
  79. package/TableContainer/TableContainer.d.ts +1 -1
  80. package/TableFooter/TableFooter.d.ts +1 -1
  81. package/TableHead/TableHead.d.ts +1 -1
  82. package/TablePagination/TablePagination.d.ts +1 -1
  83. package/TablePagination/TablePagination.js +1 -1
  84. package/{TablePagination → TablePaginationActions}/TablePaginationActions.d.ts +11 -0
  85. package/{TablePagination → TablePaginationActions}/TablePaginationActions.js +60 -25
  86. package/TablePaginationActions/index.d.ts +4 -0
  87. package/TablePaginationActions/index.js +20 -0
  88. package/TablePaginationActions/tablePaginationActionsClasses.d.ts +8 -0
  89. package/TablePaginationActions/tablePaginationActionsClasses.js +15 -0
  90. package/TableRow/TableRow.d.ts +1 -1
  91. package/TableSortLabel/TableSortLabel.d.ts +1 -1
  92. package/TextField/TextField.d.ts +2 -2
  93. package/ToggleButton/ToggleButton.d.ts +1 -1
  94. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
  95. package/Toolbar/Toolbar.d.ts +1 -1
  96. package/Tooltip/Tooltip.d.ts +2 -1
  97. package/esm/Accordion/Accordion.d.ts +1 -1
  98. package/esm/AccordionActions/AccordionActions.d.ts +2 -1
  99. package/esm/AccordionDetails/AccordionDetails.d.ts +2 -1
  100. package/esm/AccordionSummary/AccordionSummary.d.ts +2 -1
  101. package/esm/Alert/Alert.d.ts +4 -1
  102. package/esm/AlertTitle/AlertTitle.d.ts +2 -1
  103. package/esm/AppBar/AppBar.d.ts +1 -1
  104. package/esm/Autocomplete/Autocomplete.d.ts +10 -1
  105. package/esm/Autocomplete/Autocomplete.js +31 -18
  106. package/esm/AvatarGroup/AvatarGroup.d.ts +1 -1
  107. package/esm/BottomNavigation/BottomNavigation.d.ts +1 -1
  108. package/esm/BottomNavigationAction/BottomNavigationAction.d.ts +2 -1
  109. package/esm/ButtonBase/TouchRipple.d.ts +1 -1
  110. package/esm/ButtonGroup/ButtonGroup.d.ts +1 -1
  111. package/esm/Card/Card.d.ts +1 -1
  112. package/esm/CardActionArea/CardActionArea.d.ts +2 -1
  113. package/esm/CardActions/CardActions.d.ts +2 -1
  114. package/esm/CardContent/CardContent.d.ts +1 -1
  115. package/esm/CardHeader/CardHeader.d.ts +1 -1
  116. package/esm/CardMedia/CardMedia.d.ts +1 -1
  117. package/esm/Checkbox/Checkbox.d.ts +2 -1
  118. package/esm/Chip/Chip.d.ts +28 -2
  119. package/esm/Chip/Chip.js +65 -14
  120. package/esm/CircularProgress/CircularProgress.d.ts +2 -1
  121. package/esm/Collapse/Collapse.d.ts +2 -1
  122. package/esm/Dialog/Dialog.d.ts +2 -1
  123. package/esm/DialogActions/DialogActions.d.ts +2 -1
  124. package/esm/DialogContent/DialogContent.d.ts +2 -1
  125. package/esm/Divider/Divider.d.ts +1 -1
  126. package/esm/Drawer/Drawer.d.ts +2 -1
  127. package/esm/Fab/Fab.d.ts +1 -1
  128. package/esm/FilledInput/FilledInput.d.ts +2 -1
  129. package/esm/FormControlLabel/FormControlLabel.d.ts +2 -1
  130. package/esm/FormGroup/FormGroup.d.ts +2 -1
  131. package/esm/IconButton/IconButton.d.ts +1 -1
  132. package/esm/ImageList/ImageList.d.ts +1 -1
  133. package/esm/ImageListItem/ImageListItem.d.ts +1 -1
  134. package/esm/ImageListItemBar/ImageListItemBar.d.ts +2 -1
  135. package/esm/Input/Input.d.ts +2 -1
  136. package/esm/InputAdornment/InputAdornment.d.ts +1 -1
  137. package/esm/InputBase/InputBase.d.ts +1 -1
  138. package/esm/LinearProgress/LinearProgress.d.ts +2 -1
  139. package/esm/List/List.d.ts +1 -1
  140. package/esm/ListItemAvatar/ListItemAvatar.d.ts +2 -1
  141. package/esm/ListItemIcon/ListItemIcon.d.ts +2 -1
  142. package/esm/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -1
  143. package/esm/ListItemText/ListItemText.d.ts +2 -1
  144. package/esm/ListSubheader/ListSubheader.d.ts +1 -1
  145. package/esm/Menu/Menu.d.ts +2 -2
  146. package/esm/MobileStepper/MobileStepper.d.ts +2 -1
  147. package/esm/NativeSelect/NativeSelect.d.ts +2 -1
  148. package/esm/NativeSelect/NativeSelectInput.d.ts +1 -1
  149. package/esm/OutlinedInput/NotchedOutline.d.ts +1 -1
  150. package/esm/OutlinedInput/OutlinedInput.d.ts +3 -1
  151. package/esm/Pagination/Pagination.d.ts +1 -1
  152. package/esm/Popover/Popover.d.ts +3 -2
  153. package/esm/Radio/Radio.d.ts +2 -1
  154. package/esm/Rating/Rating.d.ts +1 -1
  155. package/esm/Select/Select.d.ts +2 -1
  156. package/esm/Select/SelectInput.d.ts +1 -1
  157. package/esm/Skeleton/Skeleton.d.ts +1 -1
  158. package/esm/Snackbar/Snackbar.d.ts +1 -1
  159. package/esm/SnackbarContent/SnackbarContent.d.ts +1 -1
  160. package/esm/SnackbarContent/SnackbarContent.js +2 -5
  161. package/esm/SpeedDial/SpeedDial.d.ts +1 -1
  162. package/esm/SpeedDialAction/SpeedDialAction.d.ts +1 -1
  163. package/esm/SpeedDialIcon/SpeedDialIcon.d.ts +1 -1
  164. package/esm/StepConnector/StepConnector.d.ts +1 -1
  165. package/esm/StepContent/StepContent.d.ts +2 -1
  166. package/esm/StepIcon/StepIcon.d.ts +2 -1
  167. package/esm/StepLabel/StepLabel.d.ts +2 -2
  168. package/esm/Switch/Switch.d.ts +2 -1
  169. package/esm/Tab/Tab.d.ts +1 -1
  170. package/esm/TabScrollButton/TabScrollButton.d.ts +2 -1
  171. package/esm/Table/Table.d.ts +1 -1
  172. package/esm/TableBody/TableBody.d.ts +1 -1
  173. package/esm/TableCell/TableCell.d.ts +2 -1
  174. package/esm/TableContainer/TableContainer.d.ts +1 -1
  175. package/esm/TableFooter/TableFooter.d.ts +1 -1
  176. package/esm/TableHead/TableHead.d.ts +1 -1
  177. package/esm/TablePagination/TablePagination.d.ts +1 -1
  178. package/esm/TablePagination/TablePagination.js +1 -1
  179. package/esm/{TablePagination → TablePaginationActions}/TablePaginationActions.d.ts +11 -0
  180. package/esm/{TablePagination → TablePaginationActions}/TablePaginationActions.js +60 -27
  181. package/esm/TablePaginationActions/index.d.ts +4 -0
  182. package/esm/TablePaginationActions/index.js +2 -0
  183. package/esm/TablePaginationActions/tablePaginationActionsClasses.d.ts +8 -0
  184. package/esm/TablePaginationActions/tablePaginationActionsClasses.js +7 -0
  185. package/esm/TableRow/TableRow.d.ts +1 -1
  186. package/esm/TableSortLabel/TableSortLabel.d.ts +1 -1
  187. package/esm/TextField/TextField.d.ts +2 -2
  188. package/esm/ToggleButton/ToggleButton.d.ts +1 -1
  189. package/esm/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
  190. package/esm/Toolbar/Toolbar.d.ts +1 -1
  191. package/esm/Tooltip/Tooltip.d.ts +2 -1
  192. package/esm/index.d.ts +3 -43
  193. package/esm/index.js +3 -1
  194. package/esm/internal/SwitchBase.d.ts +1 -1
  195. package/esm/internal/index.d.ts +17 -0
  196. package/esm/internal/index.js +1 -0
  197. package/esm/styles/components.d.ts +5 -0
  198. package/esm/styles/index.d.ts +19 -0
  199. package/esm/styles/overrides.d.ts +2 -0
  200. package/esm/styles/props.d.ts +2 -0
  201. package/esm/useAutocomplete/useAutocomplete.js +0 -1
  202. package/esm/version/index.js +2 -2
  203. package/index.d.ts +3 -43
  204. package/index.js +20 -1
  205. package/internal/SwitchBase.d.ts +1 -1
  206. package/internal/index.d.ts +17 -0
  207. package/internal/index.js +5 -0
  208. package/package.json +6 -6
  209. package/styles/components.d.ts +5 -0
  210. package/styles/index.d.ts +19 -0
  211. package/styles/overrides.d.ts +2 -0
  212. package/styles/props.d.ts +2 -0
  213. package/useAutocomplete/useAutocomplete.js +0 -1
  214. package/version/index.js +2 -2
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { InternalStandardProps as StandardProps } from "../index.js";
4
- import { StepIconProps } from "../StepIcon/index.js";
5
3
  import { Theme } from "../styles/index.js";
4
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
5
+ import { StepIconProps } from "../StepIcon/index.js";
6
6
  import { StepLabelClasses } from "./stepLabelClasses.js";
7
7
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
8
8
  export interface StepLabelSlots {
@@ -1,7 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { OverridableStringUnion } from '@mui/types';
4
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
4
+ import { Theme } from "../styles/index.js";
5
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
5
6
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
6
7
  import { SwitchBaseProps } from "../internal/SwitchBase.js";
7
8
  import { SwitchClasses } from "./switchClasses.js";
package/esm/Tab/Tab.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
4
  import { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
5
5
  import { OverrideProps } from "../OverridableComponent/index.js";
6
6
  import { TabClasses } from "./tabClasses.js";
@@ -2,7 +2,8 @@ import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { SlotComponentProps } from "../utils/types.js";
4
4
  import { ButtonBaseProps } from "../ButtonBase/index.js";
5
- import { SvgIcon, Theme } from "../index.js";
5
+ import { Theme } from "../styles/index.js";
6
+ import SvgIcon from "../SvgIcon/index.js";
6
7
  import { TabScrollButtonClasses } from "./tabScrollButtonClasses.js";
7
8
  export interface TabScrollButtonStartIconSlotPropsOverrides {}
8
9
  export interface TabScrollButtonEndIconSlotPropsOverrides {}
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { OverridableStringUnion } from '@mui/types';
4
- import { Theme } from "../index.js";
4
+ import { Theme } from "../styles/index.js";
5
5
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
6
6
  import { TableClasses } from "./tableClasses.js";
7
7
  export interface TablePropsSizeOverrides {}
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
5
5
  import { TableBodyClasses } from "./tableBodyClasses.js";
6
6
  export interface TableBodyOwnProps {
@@ -1,7 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { OverridableStringUnion } from '@mui/types';
3
3
  import { SxProps } from '@mui/system';
4
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
4
+ import { Theme } from "../styles/index.js";
5
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
5
6
  import { TableCellClasses } from "./tableCellClasses.js";
6
7
  export interface TableCellPropsSizeOverrides {}
7
8
  export interface TableCellPropsVariantOverrides {}
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
5
5
  import { TableContainerClasses } from "./tableContainerClasses.js";
6
6
  export interface TableContainerOwnProps {
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
5
5
  import { TableFooterClasses } from "./tableFooterClasses.js";
6
6
  export interface TableFooterOwnProps {
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
5
5
  import { TableHeadClasses } from "./tableHeadClasses.js";
6
6
  export interface TableHeadOwnProps {
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { Theme } from "../styles/index.js";
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
5
- import { TablePaginationActionsProps, TablePaginationActionsSlots } from "./TablePaginationActions.js";
5
+ import { TablePaginationActionsProps, TablePaginationActionsSlots } from "../TablePaginationActions/index.js";
6
6
  import { TableCellProps } from "../TableCell/index.js";
7
7
  import { IconButtonProps } from "../IconButton/index.js";
8
8
  import { SelectProps } from "../Select/index.js";
@@ -15,7 +15,7 @@ import MenuItem from "../MenuItem/index.js";
15
15
  import Select from "../Select/index.js";
16
16
  import TableCell from "../TableCell/index.js";
17
17
  import Toolbar from "../Toolbar/index.js";
18
- import TablePaginationActions from "./TablePaginationActions.js";
18
+ import TablePaginationActions from "../TablePaginationActions/index.js";
19
19
  import useId from "../utils/useId.js";
20
20
  import tablePaginationClasses, { getTablePaginationUtilityClass } from "./tablePaginationClasses.js";
21
21
  import useSlot from "../utils/useSlot.js";
@@ -11,6 +11,7 @@ export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDi
11
11
  * Override or extend the styles applied to the component.
12
12
  */
13
13
  classes?: {};
14
+ className?: string;
14
15
  count: number;
15
16
  /**
16
17
  * If `true`, the component is disabled.
@@ -90,5 +91,15 @@ export interface TablePaginationActionsSlots {
90
91
  */
91
92
  previousButtonIcon?: React.ElementType;
92
93
  }
94
+ /**
95
+ *
96
+ * Demos:
97
+ *
98
+ * - [Pagination](https://mui.com/material-ui/react-pagination/)
99
+ *
100
+ * API:
101
+ *
102
+ * - [TablePaginationActions API](https://mui.com/material-ui/api/table-pagination-actions/)
103
+ */
93
104
  declare const TablePaginationActions: React.JSXElementConstructor<TablePaginationActionsProps>;
94
105
  export default TablePaginationActions;
@@ -3,19 +3,38 @@
3
3
  import * as React from 'react';
4
4
  import PropTypes from 'prop-types';
5
5
  import { useRtl } from '@mui/system/RtlProvider';
6
+ import composeClasses from '@mui/utils/composeClasses';
7
+ import clsx from 'clsx';
8
+ import { styled } from "../zero-styled/index.js";
9
+ import { useDefaultProps } from "../DefaultPropsProvider/index.js";
6
10
  import KeyboardArrowLeft from "../internal/svg-icons/KeyboardArrowLeft.js";
7
11
  import KeyboardArrowRight from "../internal/svg-icons/KeyboardArrowRight.js";
8
12
  import IconButton from "../IconButton/index.js";
9
13
  import LastPageIconDefault from "../internal/svg-icons/LastPage.js";
10
14
  import FirstPageIconDefault from "../internal/svg-icons/FirstPage.js";
11
-
12
- /**
13
- * @ignore - internal component.
14
- */
15
+ import { getTablePaginationActionsUtilityClass } from "./tablePaginationActionsClasses.js";
15
16
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
16
- const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginationActions(props, ref) {
17
+ const useUtilityClasses = ownerState => {
18
+ const {
19
+ classes
20
+ } = ownerState;
21
+ const slots = {
22
+ root: ['root']
23
+ };
24
+ return composeClasses(slots, getTablePaginationActionsUtilityClass, classes);
25
+ };
26
+ const TablePaginationActionsRoot = styled('div', {
27
+ name: 'MuiTablePaginationActions',
28
+ slot: 'Root'
29
+ })({});
30
+ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginationActions(inProps, ref) {
31
+ const props = useDefaultProps({
32
+ props: inProps,
33
+ name: 'MuiTablePaginationActions'
34
+ });
17
35
  const {
18
36
  backIconButtonProps,
37
+ className,
19
38
  count,
20
39
  disabled = false,
21
40
  getItemAriaLabel,
@@ -30,6 +49,8 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
30
49
  ...other
31
50
  } = props;
32
51
  const isRtl = useRtl();
52
+ const ownerState = props;
53
+ const classes = useUtilityClasses(ownerState);
33
54
  const handleFirstPageButtonClick = event => {
34
55
  onPageChange(event, 0);
35
56
  };
@@ -58,8 +79,9 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
58
79
  const previousButtonSlotProps = isRtl ? slotProps.nextButton : slotProps.previousButton;
59
80
  const nextButtonSlotProps = isRtl ? slotProps.previousButton : slotProps.nextButton;
60
81
  const lastButtonSlotProps = isRtl ? slotProps.firstButton : slotProps.lastButton;
61
- return /*#__PURE__*/_jsxs("div", {
82
+ return /*#__PURE__*/_jsxs(TablePaginationActionsRoot, {
62
83
  ref: ref,
84
+ className: clsx(classes.root, className),
63
85
  ...other,
64
86
  children: [showFirstButton && /*#__PURE__*/_jsx(FirstButtonSlot, {
65
87
  onClick: handleFirstPageButtonClick,
@@ -110,13 +132,30 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
110
132
  })]
111
133
  });
112
134
  });
113
- process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
135
+ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remove-proptypes */ = {
136
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
137
+ // │ These PropTypes are generated from the TypeScript type definitions. │
138
+ // │ To update them, edit the d.ts file and run `pnpm proptypes`. │
139
+ // └─────────────────────────────────────────────────────────────────────┘
114
140
  /**
115
- * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) element.
141
+ * This prop is an alias for `slotProps.previousButton` and will be overriden by it if both are used.
142
+ * @deprecated Use `slotProps.previousButton` instead.
116
143
  */
117
144
  backIconButtonProps: PropTypes.object,
118
145
  /**
119
- * The total number of rows.
146
+ * @ignore
147
+ */
148
+ children: PropTypes.node,
149
+ /**
150
+ * Override or extend the styles applied to the component.
151
+ */
152
+ classes: PropTypes.object,
153
+ /**
154
+ * @ignore
155
+ */
156
+ className: PropTypes.string,
157
+ /**
158
+ * @ignore
120
159
  */
121
160
  count: PropTypes.number.isRequired,
122
161
  /**
@@ -126,44 +165,40 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
126
165
  disabled: PropTypes.bool,
127
166
  /**
128
167
  * Accepts a function which returns a string value that provides a user-friendly name for the current page.
168
+ * This is important for screen reader users.
129
169
  *
130
- * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
131
- *
132
- * @param {string} type The link or button type to format ('page' | 'first' | 'last' | 'next' | 'previous'). Defaults to 'page'.
133
- * @param {number} page The page number to format.
170
+ * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
171
+ * @param {string} type The link or button type to format ('first' | 'last' | 'next' | 'previous').
134
172
  * @returns {string}
135
173
  */
136
174
  getItemAriaLabel: PropTypes.func.isRequired,
137
175
  /**
138
- * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
176
+ * This prop is an alias for `slotProps.nextButton` and will be overriden by it if both are used.
177
+ * @deprecated Use `slotProps.nextButton` instead.
139
178
  */
140
179
  nextIconButtonProps: PropTypes.object,
141
180
  /**
142
- * Callback fired when the page is changed.
143
- *
144
- * @param {object} event The event source of the callback.
145
- * @param {number} page The page selected.
181
+ * @ignore
146
182
  */
147
183
  onPageChange: PropTypes.func.isRequired,
148
184
  /**
149
- * The zero-based index of the current page.
185
+ * @ignore
150
186
  */
151
187
  page: PropTypes.number.isRequired,
152
188
  /**
153
- * The number of rows per page.
189
+ * @ignore
154
190
  */
155
191
  rowsPerPage: PropTypes.number.isRequired,
156
192
  /**
157
- * If `true`, show the first-page button.
193
+ * @ignore
158
194
  */
159
195
  showFirstButton: PropTypes.bool.isRequired,
160
196
  /**
161
- * If `true`, show the last-page button.
197
+ * @ignore
162
198
  */
163
199
  showLastButton: PropTypes.bool.isRequired,
164
200
  /**
165
- * The props used for each slot inside the TablePaginationActions.
166
- * @default {}
201
+ * @ignore
167
202
  */
168
203
  slotProps: PropTypes.shape({
169
204
  firstButton: PropTypes.object,
@@ -176,9 +211,7 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
176
211
  previousButtonIcon: PropTypes.object
177
212
  }),
178
213
  /**
179
- * The components used for each slot inside the TablePaginationActions.
180
- * Either a string to use a HTML element or a component.
181
- * @default {}
214
+ * @ignore
182
215
  */
183
216
  slots: PropTypes.shape({
184
217
  firstButton: PropTypes.elementType,
@@ -0,0 +1,4 @@
1
+ export { default } from "./TablePaginationActions.js";
2
+ export * from "./TablePaginationActions.js";
3
+ export { default as tablePaginationActionsClasses } from "./tablePaginationActionsClasses.js";
4
+ export * from "./tablePaginationActionsClasses.js";
@@ -0,0 +1,2 @@
1
+ export { default } from "./TablePaginationActions.js";
2
+ export { default as tablePaginationActionsClasses } from "./tablePaginationActionsClasses.js";
@@ -0,0 +1,8 @@
1
+ export interface TablePaginationActionsClasses {
2
+ /** Styles applied to the root element. */
3
+ root: string;
4
+ }
5
+ export type TablePaginationActionsClassKey = keyof TablePaginationActionsClasses;
6
+ export declare function getTablePaginationActionsUtilityClass(slot: string): string;
7
+ declare const tablePaginationActionsClasses: TablePaginationActionsClasses;
8
+ export default tablePaginationActionsClasses;
@@ -0,0 +1,7 @@
1
+ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
2
+ import generateUtilityClass from '@mui/utils/generateUtilityClass';
3
+ export function getTablePaginationActionsUtilityClass(slot) {
4
+ return generateUtilityClass('MuiTablePaginationActions', slot);
5
+ }
6
+ const tablePaginationActionsClasses = generateUtilityClasses('MuiTablePaginationActions', ['root']);
7
+ export default tablePaginationActionsClasses;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
5
5
  import { TableRowClasses } from "./tableRowClasses.js";
6
6
  export interface TableRowOwnProps {
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
4
  import { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
5
5
  import { OverrideProps } from "../OverridableComponent/index.js";
6
6
  import { TableSortLabelClasses } from "./tableSortLabelClasses.js";
@@ -1,7 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { OverridableStringUnion } from '@mui/types';
4
- import { InternalStandardProps as StandardProps } from "../index.js";
4
+ import { Theme } from "../styles/index.js";
5
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
5
6
  import { FormControlProps } from "../FormControl/index.js";
6
7
  import { FormHelperTextProps } from "../FormHelperText/index.js";
7
8
  import { InputBaseProps } from "../InputBase/index.js";
@@ -10,7 +11,6 @@ import { FilledInputProps } from "../FilledInput/index.js";
10
11
  import { OutlinedInputProps } from "../OutlinedInput/index.js";
11
12
  import { InputLabelProps } from "../InputLabel/index.js";
12
13
  import { SelectProps } from "../Select/index.js";
13
- import { Theme } from "../styles/index.js";
14
14
  import { TextFieldClasses } from "./textFieldClasses.js";
15
15
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
16
16
  export interface TextFieldPropsColorOverrides {}
@@ -1,7 +1,7 @@
1
1
  import { SxProps } from '@mui/system';
2
2
  import { OverridableStringUnion } from '@mui/types';
3
3
  import * as React from 'react';
4
- import { Theme } from "../index.js";
4
+ import { Theme } from "../styles/index.js";
5
5
  import { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
6
6
  import { OverrideProps } from "../OverridableComponent/index.js";
7
7
  import { ToggleButtonClasses } from "./toggleButtonClasses.js";
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { OverridableStringUnion } from '@mui/types';
4
- import { InternalStandardProps as StandardProps } from "../index.js";
5
4
  import { Theme } from "../styles/index.js";
5
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
6
6
  import { ToggleButtonGroupClasses } from "./toggleButtonGroupClasses.js";
7
7
  export interface ToggleButtonGroupPropsSizeOverrides {}
8
8
  export interface ToggleButtonGroupPropsColorOverrides {}
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { OverridableStringUnion } from '@mui/types';
4
- import { Theme } from "../index.js";
4
+ import { Theme } from "../styles/index.js";
5
5
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
6
6
  import { ToolbarClasses } from "./toolbarClasses.js";
7
7
  export interface ToolbarPropsVariantOverrides {}
@@ -1,7 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { MUIStyledCommonProps, SxProps } from '@mui/system';
3
3
  import { PopperProps } from "../Popper/index.js";
4
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
4
+ import { Theme } from "../styles/index.js";
5
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
5
6
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
6
7
  import { TransitionProps } from "../transitions/transition.js";
7
8
  import { TooltipClasses } from "./tooltipClasses.js";
package/esm/index.d.ts CHANGED
@@ -1,47 +1,5 @@
1
- import * as React from 'react';
2
- import { DistributiveOmit } from '@mui/types';
3
- import { StyledComponentProps } from "./styles/index.js";
4
- export { StyledComponentProps };
5
-
6
- /**
7
- * All standard components exposed by `material-ui` are `StyledComponents` with
8
- * certain `classes`, on which one can also set a top-level `className` and inline
9
- * `style`.
10
- * @deprecated will be removed in v5 for internal usage only
11
- */
12
- export type StandardProps<ComponentProps, ClassKey extends string, Removals extends keyof ComponentProps = never> = DistributiveOmit<ComponentProps, 'classes' | Removals> & StyledComponentProps<ClassKey> & {
13
- className?: string;
14
- ref?: ComponentProps extends {
15
- ref?: infer RefType;
16
- } ? RefType : React.Ref<unknown>;
17
- style?: React.CSSProperties;
18
- };
19
-
20
- /**
21
- * @internal
22
- * ONLY USE FROM WITHIN mui/material-ui
23
- *
24
- * Internal helper type for conform (describeConformance) components
25
- * However, we don't declare classes on this type.
26
- * It is recommended to declare them manually with an interface so that each class can have a separate JSDoc.
27
- */
28
- export type InternalStandardProps<ComponentProps, Removals extends keyof ComponentProps = never> = DistributiveOmit<ComponentProps, 'classes' | Removals> &
29
- // each component declares it's classes in a separate interface for proper JSDoc
30
- StyledComponentProps<never> & {
31
- ref?: ComponentProps extends {
32
- ref?: infer RefType;
33
- } ? RefType : React.Ref<unknown>;
34
- // TODO: Remove implicit props. Up to each component.
35
- className?: string;
36
- style?: React.CSSProperties;
37
- };
38
- export namespace PropTypes {
39
- // keeping the type structure for backwards compat
40
- type Color = 'inherit' | 'primary' | 'secondary' | 'default';
41
- }
42
-
43
1
  // From index.js
44
- // eslint-disable-next-line import/first
2
+
45
3
  import * as colors from "./colors/index.js";
46
4
  export { colors };
47
5
  export * from "./styles/index.js";
@@ -282,6 +240,8 @@ export { default as TableHead } from "./TableHead/index.js";
282
240
  export * from "./TableHead/index.js";
283
241
  export { default as TablePagination } from "./TablePagination/index.js";
284
242
  export * from "./TablePagination/index.js";
243
+ export { default as TablePaginationActions } from "./TablePaginationActions/index.js";
244
+ export * from "./TablePaginationActions/index.js";
285
245
  export { default as TableRow } from "./TableRow/index.js";
286
246
  export * from "./TableRow/index.js";
287
247
  export { default as TableSortLabel } from "./TableSortLabel/index.js";
package/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/material v7.1.0
2
+ * @mui/material v7.1.2
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -243,6 +243,8 @@ export { default as TableHead } from "./TableHead/index.js";
243
243
  export * from "./TableHead/index.js";
244
244
  export { default as TablePagination } from "./TablePagination/index.js";
245
245
  export * from "./TablePagination/index.js";
246
+ export { default as TablePaginationActions } from "./TablePaginationActions/index.js";
247
+ export * from "./TablePaginationActions/index.js";
246
248
  export { default as TableRow } from "./TableRow/index.js";
247
249
  export * from "./TableRow/index.js";
248
250
  export { default as TableSortLabel } from "./TableSortLabel/index.js";
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { InternalStandardProps as StandardProps } from "../index.js";
2
+ import { InternalStandardProps as StandardProps } from "./index.js";
3
3
  import { ButtonBaseProps } from "../ButtonBase/index.js";
4
4
  import { SwitchBaseClasses } from "./switchBaseClasses.js";
5
5
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
@@ -0,0 +1,17 @@
1
+ import { DistributiveOmit } from '@mui/types';
2
+ import { StyledComponentProps } from "../styles/index.js";
3
+ /**
4
+ * @internal
5
+ * ONLY USE FROM WITHIN mui/material-ui
6
+ *
7
+ * Internal helper type for conform (describeConformance) components
8
+ * However, we don't declare classes on this type.
9
+ * It is recommended to declare them manually with an interface so that each class can have a separate JSDoc.
10
+ */
11
+ export type InternalStandardProps<ComponentProps, Removals extends keyof ComponentProps = never> = DistributiveOmit<ComponentProps, 'classes' | Removals> & StyledComponentProps<never> & {
12
+ ref?: ComponentProps extends {
13
+ ref?: infer RefType;
14
+ } ? RefType : React.Ref<unknown>;
15
+ className?: string;
16
+ style?: React.CSSProperties;
17
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -539,6 +539,11 @@ export interface Components<Theme = unknown> {
539
539
  styleOverrides?: ComponentsOverrides<Theme>['MuiTablePagination'];
540
540
  variants?: ComponentsVariants<Theme>['MuiTablePagination'];
541
541
  };
542
+ MuiTablePaginationActions?: {
543
+ defaultProps?: ComponentsProps['MuiTablePaginationActions'];
544
+ styleOverrides?: ComponentsOverrides<Theme>['MuiTablePaginationActions'];
545
+ variants?: ComponentsVariants<Theme>['MuiTablePaginationActions'];
546
+ };
542
547
  MuiTableRow?: {
543
548
  defaultProps?: ComponentsProps['MuiTableRow'];
544
549
  styleOverrides?: ComponentsOverrides<Theme>['MuiTableRow'];
@@ -1,3 +1,4 @@
1
+ import { DistributiveOmit } from '@mui/types';
1
2
  export { default as THEME_ID } from "./identifier.js";
2
3
  export { default as createTheme, default as unstable_createMuiStrictModeTheme, ThemeOptions, Theme, CssThemeVariables } from "./createTheme.js";
3
4
  export { default as adaptV4Theme, DeprecatedThemeOptions } from "./adaptV4Theme.js";
@@ -34,6 +35,24 @@ export interface StyledComponentProps<ClassKey extends string = string> {
34
35
  */
35
36
  classes?: Partial<ClassNameMap<ClassKey>>;
36
37
  }
38
+
39
+ /**
40
+ * All standard components exposed by `material-ui` are `StyledComponents` with
41
+ * certain `classes`, on which one can also set a top-level `className` and inline
42
+ * `style`.
43
+ * @deprecated will be removed in v5 for internal usage only
44
+ */
45
+ export type StandardProps<ComponentProps, ClassKey extends string, Removals extends keyof ComponentProps = never> = DistributiveOmit<ComponentProps, 'classes' | Removals> & StyledComponentProps<ClassKey> & {
46
+ className?: string;
47
+ ref?: ComponentProps extends {
48
+ ref?: infer RefType;
49
+ } ? RefType : React.Ref<unknown>;
50
+ style?: React.CSSProperties;
51
+ };
52
+ export namespace PropTypes {
53
+ // keeping the type structure for backwards compat
54
+ type Color = 'inherit' | 'primary' | 'secondary' | 'default';
55
+ }
37
56
  export { default as makeStyles } from "./makeStyles.js";
38
57
  export { default as withStyles } from "./withStyles.js";
39
58
  export { default as withTheme } from "./withTheme.js";
@@ -106,6 +106,7 @@ import { TableContainerClassKey } from "../TableContainer/index.js";
106
106
  import { TableFooterClassKey } from "../TableFooter/index.js";
107
107
  import { TableHeadClassKey } from "../TableHead/index.js";
108
108
  import { TablePaginationClassKey } from "../TablePagination/index.js";
109
+ import { TablePaginationActionsClassKey } from "../TablePaginationActions/index.js";
109
110
  import { TableRowClassKey } from "../TableRow/index.js";
110
111
  import { TableSortLabelClassKey } from "../TableSortLabel/index.js";
111
112
  import { TabsClassKey } from "../Tabs/index.js";
@@ -231,6 +232,7 @@ export interface ComponentNameToClassKey {
231
232
  MuiTableFooter: TableFooterClassKey;
232
233
  MuiTableHead: TableHeadClassKey;
233
234
  MuiTablePagination: TablePaginationClassKey;
235
+ MuiTablePaginationActions: TablePaginationActionsClassKey;
234
236
  MuiTableRow: TableRowClassKey;
235
237
  MuiTableSortLabel: TableSortLabelClassKey;
236
238
  MuiTabs: TabsClassKey;
@@ -103,6 +103,7 @@ import { TableCellProps } from "../TableCell/index.js";
103
103
  import { TableContainerProps } from "../TableContainer/index.js";
104
104
  import { TableHeadProps } from "../TableHead/index.js";
105
105
  import { TablePaginationProps } from "../TablePagination/index.js";
106
+ import { TablePaginationActionsProps } from "../TablePaginationActions/index.js";
106
107
  import { TableProps } from "../Table/index.js";
107
108
  import { TableRowProps } from "../TableRow/index.js";
108
109
  import { TableSortLabelProps } from "../TableSortLabel/index.js";
@@ -227,6 +228,7 @@ export interface ComponentsPropsList {
227
228
  MuiTableFooter: TableFooterProps;
228
229
  MuiTableHead: TableHeadProps;
229
230
  MuiTablePagination: TablePaginationProps;
231
+ MuiTablePaginationActions: TablePaginationActionsProps;
230
232
  MuiTableRow: TableRowProps;
231
233
  MuiTableSortLabel: TableSortLabelProps;
232
234
  MuiTabs: TabsProps;
@@ -1,6 +1,5 @@
1
1
  'use client';
2
2
 
3
- /* eslint-disable no-constant-condition */
4
3
  import * as React from 'react';
5
4
  import setRef from '@mui/utils/setRef';
6
5
  import useEventCallback from '@mui/utils/useEventCallback';
@@ -1,6 +1,6 @@
1
- export const version = "7.1.0";
1
+ export const version = "7.1.2";
2
2
  export const major = Number("7");
3
3
  export const minor = Number("1");
4
- export const patch = Number("0");
4
+ export const patch = Number("2");
5
5
  export const prerelease = undefined;
6
6
  export default version;