No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.

PageItem.js 3.2 KiB

hace 3 años
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. exports.__esModule = true;
  4. exports.Last = exports.Next = exports.Ellipsis = exports.Prev = exports.First = exports.default = void 0;
  5. var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
  6. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  7. var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  8. var _classnames = _interopRequireDefault(require("classnames"));
  9. var _react = _interopRequireDefault(require("react"));
  10. var _SafeAnchor = _interopRequireDefault(require("./SafeAnchor"));
  11. /* eslint-disable react/no-multi-comp */
  12. var defaultProps = {
  13. active: false,
  14. disabled: false,
  15. activeLabel: '(current)'
  16. };
  17. var PageItem = _react.default.forwardRef(function (_ref, ref) {
  18. var active = _ref.active,
  19. disabled = _ref.disabled,
  20. className = _ref.className,
  21. style = _ref.style,
  22. activeLabel = _ref.activeLabel,
  23. children = _ref.children,
  24. props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["active", "disabled", "className", "style", "activeLabel", "children"]);
  25. var Component = active || disabled ? 'span' : _SafeAnchor.default;
  26. return /*#__PURE__*/_react.default.createElement("li", {
  27. ref: ref,
  28. style: style,
  29. className: (0, _classnames.default)(className, 'page-item', {
  30. active: active,
  31. disabled: disabled
  32. })
  33. }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
  34. className: "page-link",
  35. disabled: disabled
  36. }, props), children, active && activeLabel && /*#__PURE__*/_react.default.createElement("span", {
  37. className: "sr-only"
  38. }, activeLabel)));
  39. });
  40. PageItem.defaultProps = defaultProps;
  41. PageItem.displayName = 'PageItem';
  42. var _default = PageItem;
  43. exports.default = _default;
  44. function createButton(name, defaultValue, label) {
  45. var _class, _temp;
  46. if (label === void 0) {
  47. label = name;
  48. }
  49. return _temp = _class = /*#__PURE__*/function (_React$Component) {
  50. (0, _inheritsLoose2.default)(_class, _React$Component);
  51. function _class() {
  52. return _React$Component.apply(this, arguments) || this;
  53. }
  54. var _proto = _class.prototype;
  55. _proto.render = function render() {
  56. var _this$props = this.props,
  57. children = _this$props.children,
  58. props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["children"]);
  59. delete props.active;
  60. return /*#__PURE__*/_react.default.createElement(PageItem, props, /*#__PURE__*/_react.default.createElement("span", {
  61. "aria-hidden": "true"
  62. }, children || defaultValue), /*#__PURE__*/_react.default.createElement("span", {
  63. className: "sr-only"
  64. }, label));
  65. };
  66. return _class;
  67. }(_react.default.Component), _class.displayName = name, _temp;
  68. }
  69. var First = createButton('First', '«');
  70. exports.First = First;
  71. var Prev = createButton('Prev', '‹', 'Previous');
  72. exports.Prev = Prev;
  73. var Ellipsis = createButton('Ellipsis', '…', 'More');
  74. exports.Ellipsis = Ellipsis;
  75. var Next = createButton('Next', '›');
  76. exports.Next = Next;
  77. var Last = createButton('Last', '»');
  78. exports.Last = Last;