Files F101484793

TablePaginationActions.js
No OneTemporary
Actions

Subscribers

None

File Metadata

Created: Mon, Feb 10, 22:07

TablePaginationActions.js
View Options

	import _extends from "@babel/runtime/helpers/esm/extends";
	import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
	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';

	/**
	* @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,
	count,
	getItemAriaLabel,
	nextIconButtonProps,
	onPageChange,
	page,
	rowsPerPage,
	showFirstButton,
	showLastButton
	} = props,
	other = _objectWithoutPropertiesLoose(props, _excluded);
	const theme = useTheme();
	const handleFirstPageButtonClick = event => {
	onPageChange(event, 0);
	};
	const handleBackButtonClick = event => {
	onPageChange(event, page - 1);
	};
	const handleNextButtonClick = event => {
	onPageChange(event, page + 1);
	};
	const handleLastPageButtonClick = event => {
	onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
	};
	return /#__PURE__/_jsxs("div", _extends({
	ref: ref
	}, other, {
	children: [showFirstButton && /#__PURE__/_jsx(IconButton, {
	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({
	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({
	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, {
	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, {}))
	})]
	}));
	});
	process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
	/**
	* Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) element.
	*/
	backIconButtonProps: PropTypes.object,
	/**
	* The total number of rows.
	*/
	count: PropTypes.number.isRequired,
	/**
	* Accepts a function which returns a string value that provides a user-friendly name for the current page.
	*
	* For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
	*
	* @param {string} type The link or button type to format ('page' \| 'first' \| 'last' \| 'next' \| 'previous'). Defaults to 'page'.
	* @param {number} page The page number to format.
	* @returns {string}
	*/
	getItemAriaLabel: PropTypes.func.isRequired,
	/**
	* Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
	*/
	nextIconButtonProps: PropTypes.object,
	/**
	* Callback fired when the page is changed.
	*
	* @param {object} event The event source of the callback.
	* @param {number} page The page selected.
	*/
	onPageChange: PropTypes.func.isRequired,
	/**
	* The zero-based index of the current page.
	*/
	page: PropTypes.number.isRequired,
	/**
	* The number of rows per page.
	*/
	rowsPerPage: PropTypes.number.isRequired,
	/**
	* If `true`, show the first-page button.
	*/
	showFirstButton: PropTypes.bool.isRequired,
	/**
	* If `true`, show the last-page button.
	*/
	showLastButton: PropTypes.bool.isRequired
	} : void 0;
	export default TablePaginationActions;

Event Timeline