@mui/material 5.10.2 → 5.10.5

package/TablePagination/TablePagination.js

@@ -1,28 +1,57 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _utils = require("@mui/utils");
+
+var _base = require("@mui/base");
+
+var _styled = _interopRequireDefault(require("../styles/styled"));
+
+var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
+
+var _InputBase2 = _interopRequireDefault(require("../InputBase"));
+
+var _MenuItem = _interopRequireDefault(require("../MenuItem"));
+
+var _Select = _interopRequireDefault(require("../Select"));
+
+var _TableCell = _interopRequireDefault(require("../TableCell"));
+
+var _Toolbar = _interopRequireDefault(require("../Toolbar"));
+
+var _TablePaginationActions = _interopRequireDefault(require("./TablePaginationActions"));
+
+var _useId = _interopRequireDefault(require("../utils/useId"));
+
+var _tablePaginationClasses = _interopRequireWildcard(require("./tablePaginationClasses"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _InputBase;
 
 const _excluded = ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { chainPropTypes, integerPropType } from '@mui/utils';
-import { unstable_composeClasses as composeClasses, isHostComponent } from '@mui/base';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
-import InputBase from '../InputBase';
-import MenuItem from '../MenuItem';
-import Select from '../Select';
-import TableCell from '../TableCell';
-import Toolbar from '../Toolbar';
-import TablePaginationActions from './TablePaginationActions';
-import useId from '../utils/useId';
-import tablePaginationClasses, { getTablePaginationUtilityClass } from './tablePaginationClasses';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const TablePaginationRoot = styled(TableCell, {
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const TablePaginationRoot = (0, _styled.default)(_TableCell.default, {
   name: 'MuiTablePagination',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -37,11 +66,11 @@ const TablePaginationRoot = styled(TableCell, {
     padding: 0
   }
 }));
-const TablePaginationToolbar = styled(Toolbar, {
+const TablePaginationToolbar = (0, _styled.default)(_Toolbar.default, {
   name: 'MuiTablePagination',
   slot: 'Toolbar',
-  overridesResolver: (props, styles) => _extends({
-    [`& .${tablePaginationClasses.actions}`]: styles.actions
+  overridesResolver: (props, styles) => (0, _extends2.default)({
+    [`& .${_tablePaginationClasses.default.actions}`]: styles.actions
   }, styles.toolbar)
 })(({
   theme
@@ -55,33 +84,33 @@ const TablePaginationToolbar = styled(Toolbar, {
     minHeight: 52,
     paddingRight: 2
   },
-  [`& .${tablePaginationClasses.actions}`]: {
+  [`& .${_tablePaginationClasses.default.actions}`]: {
     flexShrink: 0,
     marginLeft: 20
   }
 }));
-const TablePaginationSpacer = styled('div', {
+const TablePaginationSpacer = (0, _styled.default)('div', {
   name: 'MuiTablePagination',
   slot: 'Spacer',
   overridesResolver: (props, styles) => styles.spacer
 })({
   flex: '1 1 100%'
 });
-const TablePaginationSelectLabel = styled('p', {
+const TablePaginationSelectLabel = (0, _styled.default)('p', {
   name: 'MuiTablePagination',
   slot: 'SelectLabel',
   overridesResolver: (props, styles) => styles.selectLabel
 })(({
   theme
-}) => _extends({}, theme.typography.body2, {
+}) => (0, _extends2.default)({}, theme.typography.body2, {
   flexShrink: 0
 }));
-const TablePaginationSelect = styled(Select, {
+const TablePaginationSelect = (0, _styled.default)(_Select.default, {
   name: 'MuiTablePagination',
   slot: 'Select',
-  overridesResolver: (props, styles) => _extends({
-    [`& .${tablePaginationClasses.selectIcon}`]: styles.selectIcon,
-    [`& .${tablePaginationClasses.select}`]: styles.select
+  overridesResolver: (props, styles) => (0, _extends2.default)({
+    [`& .${_tablePaginationClasses.default.selectIcon}`]: styles.selectIcon,
+    [`& .${_tablePaginationClasses.default.select}`]: styles.select
   }, styles.input, styles.selectRoot)
 })({
   color: 'inherit',
@@ -89,7 +118,7 @@ const TablePaginationSelect = styled(Select, {
   flexShrink: 0,
   marginRight: 32,
   marginLeft: 8,
-  [`& .${tablePaginationClasses.select}`]: {
+  [`& .${_tablePaginationClasses.default.select}`]: {
     paddingLeft: 8,
     paddingRight: 24,
     textAlign: 'right',
@@ -97,18 +126,18 @@ const TablePaginationSelect = styled(Select, {
 
   }
 });
-const TablePaginationMenuItem = styled(MenuItem, {
+const TablePaginationMenuItem = (0, _styled.default)(_MenuItem.default, {
   name: 'MuiTablePagination',
   slot: 'MenuItem',
   overridesResolver: (props, styles) => styles.menuItem
 })({});
-const TablePaginationDisplayedRows = styled('p', {
+const TablePaginationDisplayedRows = (0, _styled.default)('p', {
   name: 'MuiTablePagination',
   slot: 'DisplayedRows',
   overridesResolver: (props, styles) => styles.displayedRows
 })(({
   theme
-}) => _extends({}, theme.typography.body2, {
+}) => (0, _extends2.default)({}, theme.typography.body2, {
   flexShrink: 0
 }));
 
@@ -140,7 +169,7 @@ const useUtilityClasses = ownerState => {
     displayedRows: ['displayedRows'],
     actions: ['actions']
   };
-  return composeClasses(slots, getTablePaginationUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _tablePaginationClasses.getTablePaginationUtilityClass, classes);
 };
 /**
  * A `TableCell` based component for placing inside `TableFooter` for pagination.
@@ -148,17 +177,16 @@ const useUtilityClasses = ownerState => {
 
 
 const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inProps, ref) {
-  const props = useThemeProps({
+  const props = (0, _useThemeProps.default)({
     props: inProps,
     name: 'MuiTablePagination'
   });
-
   const {
-    ActionsComponent = TablePaginationActions,
+    ActionsComponent = _TablePaginationActions.default,
     backIconButtonProps,
     className,
     colSpan: colSpanProp,
-    component = TableCell,
+    component = _TableCell.default,
     count,
     getItemAriaLabel = defaultGetAriaLabel,
     labelDisplayedRows = defaultLabelDisplayedRows,
@@ -173,19 +201,18 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
     showFirstButton = false,
     showLastButton = false
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const MenuItemComponent = SelectProps.native ? 'option' : TablePaginationMenuItem;
   let colSpan;
 
-  if (component === TableCell || component === 'td') {
+  if (component === _TableCell.default || component === 'td') {
     colSpan = colSpanProp || 1000; // col-span over everything
   }
 
-  const selectId = useId(SelectProps.id);
-  const labelId = useId(SelectProps.labelId);
+  const selectId = (0, _useId.default)(SelectProps.id);
+  const labelId = (0, _useId.default)(SelectProps.labelId);
 
   const getLabelDisplayedRowsTo = () => {
     if (count === -1) {
@@ -195,44 +222,46 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
     return rowsPerPage === -1 ? count : Math.min(count, (page + 1) * rowsPerPage);
   };
 
-  return /*#__PURE__*/_jsx(TablePaginationRoot, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TablePaginationRoot, (0, _extends2.default)({
     colSpan: colSpan,
     ref: ref,
     as: component,
     ownerState: ownerState,
-    className: clsx(classes.root, className)
+    className: (0, _clsx.default)(classes.root, className)
   }, other, {
-    children: /*#__PURE__*/_jsxs(TablePaginationToolbar, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(TablePaginationToolbar, {
       className: classes.toolbar,
-      children: [/*#__PURE__*/_jsx(TablePaginationSpacer, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TablePaginationSpacer, {
         className: classes.spacer
-      }), rowsPerPageOptions.length > 1 && /*#__PURE__*/_jsx(TablePaginationSelectLabel, {
+      }), rowsPerPageOptions.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(TablePaginationSelectLabel, {
         className: classes.selectLabel,
         id: labelId,
         children: labelRowsPerPage
-      }), rowsPerPageOptions.length > 1 && /*#__PURE__*/_jsx(TablePaginationSelect, _extends({
-        variant: "standard",
-        input: _InputBase || (_InputBase = /*#__PURE__*/_jsx(InputBase, {})),
+      }), rowsPerPageOptions.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(TablePaginationSelect, (0, _extends2.default)({
+        variant: "standard"
+      }, !SelectProps.variant && {
+        input: _InputBase || (_InputBase = /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase2.default, {}))
+      }, {
         value: rowsPerPage,
         onChange: onRowsPerPageChange,
         id: selectId,
         labelId: labelId
       }, SelectProps, {
-        classes: _extends({}, SelectProps.classes, {
+        classes: (0, _extends2.default)({}, SelectProps.classes, {
           // TODO v5 remove `classes.input`
-          root: clsx(classes.input, classes.selectRoot, (SelectProps.classes || {}).root),
-          select: clsx(classes.select, (SelectProps.classes || {}).select),
+          root: (0, _clsx.default)(classes.input, classes.selectRoot, (SelectProps.classes || {}).root),
+          select: (0, _clsx.default)(classes.select, (SelectProps.classes || {}).select),
           // TODO v5 remove `selectIcon`
-          icon: clsx(classes.selectIcon, (SelectProps.classes || {}).icon)
+          icon: (0, _clsx.default)(classes.selectIcon, (SelectProps.classes || {}).icon)
         }),
-        children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/_createElement(MenuItemComponent, _extends({}, !isHostComponent(MenuItemComponent) && {
+        children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/(0, React.createElement)(MenuItemComponent, (0, _extends2.default)({}, !(0, _base.isHostComponent)(MenuItemComponent) && {
           ownerState
         }, {
           className: classes.menuItem,
           key: rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption,
           value: rowsPerPageOption.value ? rowsPerPageOption.value : rowsPerPageOption
         }), rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption))
-      })), /*#__PURE__*/_jsx(TablePaginationDisplayedRows, {
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(TablePaginationDisplayedRows, {
         className: classes.displayedRows,
         children: labelDisplayedRows({
           from: count === 0 ? 0 : page * rowsPerPage + 1,
@@ -240,7 +269,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
           count: count === -1 ? -1 : count,
           page
         })
-      }), /*#__PURE__*/_jsx(ActionsComponent, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ActionsComponent, {
         className: classes.actions,
         backIconButtonProps: backIconButtonProps,
         count: count,
@@ -268,40 +297,40 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    * Either a string to use a HTML element or a component.
    * @default TablePaginationActions
    */
-  ActionsComponent: PropTypes.elementType,
+  ActionsComponent: _propTypes.default.elementType,
 
   /**
    * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) component.
    */
-  backIconButtonProps: PropTypes.object,
+  backIconButtonProps: _propTypes.default.object,
 
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
+  classes: _propTypes.default.object,
 
   /**
    * @ignore
    */
-  className: PropTypes.string,
+  className: _propTypes.default.string,
 
   /**
    * @ignore
    */
-  colSpan: PropTypes.number,
+  colSpan: _propTypes.default.number,
 
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: PropTypes.elementType,
+  component: _propTypes.default.elementType,
 
   /**
    * The total number of rows.
    *
    * To enable server side pagination for an unknown number of items, provide -1.
    */
-  count: integerPropType.isRequired,
+  count: _utils.integerPropType.isRequired,
 
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
@@ -314,7 +343,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    *   return `Go to ${type} page`;
    * }
    */
-  getItemAriaLabel: PropTypes.func,
+  getItemAriaLabel: _propTypes.default.func,
 
   /**
    * Customize the displayed rows label. Invoked with a `{ from, to, count, page }`
@@ -325,7 +354,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
    * }
    */
-  labelDisplayedRows: PropTypes.func,
+  labelDisplayedRows: _propTypes.default.func,
 
   /**
    * Customize the rows per page label.
@@ -333,12 +362,12 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
    * @default 'Rows per page:'
    */
-  labelRowsPerPage: PropTypes.node,
+  labelRowsPerPage: _propTypes.default.node,
 
   /**
    * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
    */
-  nextIconButtonProps: PropTypes.object,
+  nextIconButtonProps: _propTypes.default.object,
 
   /**
    * Callback fired when the page is changed.
@@ -346,19 +375,19 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    * @param {React.MouseEvent<HTMLButtonElement> | null} event The event source of the callback.
    * @param {number} page The page selected.
    */
-  onPageChange: PropTypes.func.isRequired,
+  onPageChange: _propTypes.default.func.isRequired,
 
   /**
    * Callback fired when the number of rows per page is changed.
    *
    * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
    */
-  onRowsPerPageChange: PropTypes.func,
+  onRowsPerPageChange: _propTypes.default.func,
 
   /**
    * The zero-based index of the current page.
    */
-  page: chainPropTypes(integerPropType.isRequired, props => {
+  page: (0, _utils.chainPropTypes)(_utils.integerPropType.isRequired, props => {
     const {
       count,
       page,
@@ -383,7 +412,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    *
    * Set -1 to display all the rows.
    */
-  rowsPerPage: integerPropType.isRequired,
+  rowsPerPage: _utils.integerPropType.isRequired,
 
   /**
    * Customizes the options of the rows per page select field. If less than two options are
@@ -391,32 +420,33 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes
    * Use -1 for the value with a custom label to show all the rows.
    * @default [10, 25, 50, 100]
    */
-  rowsPerPageOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    label: PropTypes.string.isRequired,
-    value: PropTypes.number.isRequired
+  rowsPerPageOptions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+    label: _propTypes.default.string.isRequired,
+    value: _propTypes.default.number.isRequired
   })]).isRequired),
 
   /**
    * Props applied to the rows per page [`Select`](/material-ui/api/select/) element.
    * @default {}
    */
-  SelectProps: PropTypes.object,
+  SelectProps: _propTypes.default.object,
 
   /**
    * If `true`, show the first-page button.
    * @default false
    */
-  showFirstButton: PropTypes.bool,
+  showFirstButton: _propTypes.default.bool,
 
   /**
    * If `true`, show the last-page button.
    * @default false
    */
-  showLastButton: PropTypes.bool,
+  showLastButton: _propTypes.default.bool,
 
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
-export default TablePagination;
+var _default = TablePagination;
+exports.default = _default;

package/TablePagination/TablePaginationActions.js

@@ -1,23 +1,45 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _KeyboardArrowLeft3 = _interopRequireDefault(require("../internal/svg-icons/KeyboardArrowLeft"));
+
+var _KeyboardArrowRight3 = _interopRequireDefault(require("../internal/svg-icons/KeyboardArrowRight"));
+
+var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
+
+var _IconButton = _interopRequireDefault(require("../IconButton"));
+
+var _LastPage = _interopRequireDefault(require("../internal/svg-icons/LastPage"));
+
+var _FirstPage = _interopRequireDefault(require("../internal/svg-icons/FirstPage"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _LastPageIcon, _FirstPageIcon, _KeyboardArrowRight, _KeyboardArrowLeft, _KeyboardArrowLeft2, _KeyboardArrowRight2, _FirstPageIcon2, _LastPageIcon2;
 
 const _excluded = ["backIconButtonProps", "count", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';
-import KeyboardArrowRight from '../internal/svg-icons/KeyboardArrowRight';
-import useTheme from '../styles/useTheme';
-import IconButton from '../IconButton';
-import LastPageIcon from '../internal/svg-icons/LastPage';
-import FirstPageIcon from '../internal/svg-icons/FirstPage';
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /**
  * @ignore - internal component.
  */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginationActions(props, ref) {
   const {
     backIconButtonProps,
@@ -30,9 +52,8 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
     showFirstButton,
     showLastButton
   } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
-  const theme = useTheme();
+        other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const theme = (0, _useTheme.default)();
 
   const handleFirstPageButtonClick = event => {
     onPageChange(event, 0);
@@ -50,37 +71,37 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
     onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
   };
 
-  return /*#__PURE__*/_jsxs("div", _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _extends2.default)({
     ref: ref
   }, other, {
-    children: [showFirstButton && /*#__PURE__*/_jsx(IconButton, {
+    children: [showFirstButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
       onClick: handleFirstPageButtonClick,
       disabled: page === 0,
       "aria-label": getItemAriaLabel('first', page),
       title: getItemAriaLabel('first', page),
-      children: theme.direction === 'rtl' ? _LastPageIcon || (_LastPageIcon = /*#__PURE__*/_jsx(LastPageIcon, {})) : _FirstPageIcon || (_FirstPageIcon = /*#__PURE__*/_jsx(FirstPageIcon, {}))
-    }), /*#__PURE__*/_jsx(IconButton, _extends({
+      children: theme.direction === 'rtl' ? _LastPageIcon || (_LastPageIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_LastPage.default, {})) : _FirstPageIcon || (_FirstPageIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_FirstPage.default, {}))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({
       onClick: handleBackButtonClick,
       disabled: page === 0,
       color: "inherit",
       "aria-label": getItemAriaLabel('previous', page),
       title: getItemAriaLabel('previous', page)
     }, backIconButtonProps, {
-      children: theme.direction === 'rtl' ? _KeyboardArrowRight || (_KeyboardArrowRight = /*#__PURE__*/_jsx(KeyboardArrowRight, {})) : _KeyboardArrowLeft || (_KeyboardArrowLeft = /*#__PURE__*/_jsx(KeyboardArrowLeft, {}))
-    })), /*#__PURE__*/_jsx(IconButton, _extends({
+      children: theme.direction === 'rtl' ? _KeyboardArrowRight || (_KeyboardArrowRight = /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowRight3.default, {})) : _KeyboardArrowLeft || (_KeyboardArrowLeft = /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowLeft3.default, {}))
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({
       onClick: handleNextButtonClick,
       disabled: count !== -1 ? page >= Math.ceil(count / rowsPerPage) - 1 : false,
       color: "inherit",
       "aria-label": getItemAriaLabel('next', page),
       title: getItemAriaLabel('next', page)
     }, nextIconButtonProps, {
-      children: theme.direction === 'rtl' ? _KeyboardArrowLeft2 || (_KeyboardArrowLeft2 = /*#__PURE__*/_jsx(KeyboardArrowLeft, {})) : _KeyboardArrowRight2 || (_KeyboardArrowRight2 = /*#__PURE__*/_jsx(KeyboardArrowRight, {}))
-    })), showLastButton && /*#__PURE__*/_jsx(IconButton, {
+      children: theme.direction === 'rtl' ? _KeyboardArrowLeft2 || (_KeyboardArrowLeft2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowLeft3.default, {})) : _KeyboardArrowRight2 || (_KeyboardArrowRight2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowRight3.default, {}))
+    })), showLastButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
       onClick: handleLastPageButtonClick,
       disabled: page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": getItemAriaLabel('last', page),
       title: getItemAriaLabel('last', page),
-      children: theme.direction === 'rtl' ? _FirstPageIcon2 || (_FirstPageIcon2 = /*#__PURE__*/_jsx(FirstPageIcon, {})) : _LastPageIcon2 || (_LastPageIcon2 = /*#__PURE__*/_jsx(LastPageIcon, {}))
+      children: theme.direction === 'rtl' ? _FirstPageIcon2 || (_FirstPageIcon2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_FirstPage.default, {})) : _LastPageIcon2 || (_LastPageIcon2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_LastPage.default, {}))
     })]
   }));
 });
@@ -88,12 +109,12 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
   /**
    * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) element.
    */
-  backIconButtonProps: PropTypes.object,
+  backIconButtonProps: _propTypes.default.object,
 
   /**
    * The total number of rows.
    */
-  count: PropTypes.number.isRequired,
+  count: _propTypes.default.number.isRequired,
 
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
@@ -104,12 +125,12 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
    * @param {number} page The page number to format.
    * @returns {string}
    */
-  getItemAriaLabel: PropTypes.func.isRequired,
+  getItemAriaLabel: _propTypes.default.func.isRequired,
 
   /**
    * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
    */
-  nextIconButtonProps: PropTypes.object,
+  nextIconButtonProps: _propTypes.default.object,
 
   /**
    * Callback fired when the page is changed.
@@ -117,26 +138,27 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
    * @param {object} event The event source of the callback.
    * @param {number} page The page selected.
    */
-  onPageChange: PropTypes.func.isRequired,
+  onPageChange: _propTypes.default.func.isRequired,
 
   /**
    * The zero-based index of the current page.
    */
-  page: PropTypes.number.isRequired,
+  page: _propTypes.default.number.isRequired,
 
   /**
    * The number of rows per page.
    */
-  rowsPerPage: PropTypes.number.isRequired,
+  rowsPerPage: _propTypes.default.number.isRequired,
 
   /**
    * If `true`, show the first-page button.
    */
-  showFirstButton: PropTypes.bool.isRequired,
+  showFirstButton: _propTypes.default.bool.isRequired,
 
   /**
    * If `true`, show the last-page button.
    */
-  showLastButton: PropTypes.bool.isRequired
+  showLastButton: _propTypes.default.bool.isRequired
 } : void 0;
-export default TablePaginationActions;
+var _default = TablePaginationActions;
+exports.default = _default;