UNPKG

custom-app

Version:

ITIMS��Ʒ�鿪��ר��React���,�Dz��ý��ּ�dhcc-app���������

129 lines (102 loc) 4.48 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")); var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass")); var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")); var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")); var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized")); var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")); var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")); var _invoke2 = _interopRequireDefault(require("lodash/invoke")); var _keyboardKey = _interopRequireDefault(require("keyboard-key")); var _propTypes = _interopRequireDefault(require("prop-types")); var _react = require("react"); var _lib = require("../../lib"); var _MenuItem = _interopRequireDefault(require("../../collections/Menu/MenuItem")); /** * An item of a pagination. */ var PaginationItem = /*#__PURE__*/ function (_Component) { (0, _inherits2["default"])(PaginationItem, _Component); function PaginationItem() { var _getPrototypeOf2; var _this; (0, _classCallCheck2["default"])(this, PaginationItem); for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } _this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(PaginationItem)).call.apply(_getPrototypeOf2, [this].concat(args))); (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (e) { (0, _invoke2["default"])(_this.props, 'onClick', e, _this.props); }); (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (e) { (0, _invoke2["default"])(_this.props, 'onKeyDown', e, _this.props); if (_keyboardKey["default"].getCode(e) === _keyboardKey["default"].Enter) (0, _invoke2["default"])(_this.props, 'onClick', e, _this.props); }); (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleOverrides", function () { return { onClick: _this.handleClick, onKeyDown: _this.handleKeyDown }; }); return _this; } (0, _createClass2["default"])(PaginationItem, [{ key: "render", value: function render() { var _this$props = this.props, active = _this$props.active, type = _this$props.type; var disabled = this.props.disabled || type === 'ellipsisItem'; return _MenuItem["default"].create(this.props, { defaultProps: { active: active, 'aria-current': active, 'aria-disabled': disabled, disabled: disabled, onClick: this.handleClick, onKeyDown: this.handleKeyDown, tabIndex: disabled ? -1 : 0 }, overrideProps: this.handleOverrides }); } }]); return PaginationItem; }(_react.Component); (0, _defineProperty2["default"])(PaginationItem, "handledProps", ["active", "disabled", "onClick", "onKeyDown", "type"]); PaginationItem.propTypes = process.env.NODE_ENV !== "production" ? { /** A pagination item can be active. */ active: _propTypes["default"].bool, /** A pagination item can be disabled. */ disabled: _propTypes["default"].bool, /** * Called on click. * * @param {SyntheticEvent} event - React's original SyntheticEvent. * @param {object} data - All props. */ onClick: _propTypes["default"].func, /** * Called on key down. * * @param {SyntheticEvent} event - React's original SyntheticEvent. * @param {object} data - All props. */ onKeyDown: _propTypes["default"].func, /** A pagination should have a type. */ type: _propTypes["default"].oneOf(['ellipsisItem', 'firstItem', 'prevItem', 'pageItem', 'nextItem', 'lastItem']) } : {}; PaginationItem.create = (0, _lib.createShorthandFactory)(PaginationItem, function (content) { return { content: content }; }); var _default = PaginationItem; exports["default"] = _default;