Dashboard sipadu mbip
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

PageItem.js 3.0KB

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