@kiwicom/orbit-components/lib/Pagination/components/CompactPages.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var React = _interopRequireWildcard(require("react"));

var _Pages = _interopRequireDefault(require("./Pages"));

var _PageButtonLink = _interopRequireDefault(require("./PageButtonLink"));

var _MenuMeatballs = _interopRequireDefault(require("../../icons/MenuMeatballs"));

const MeatBalls = () => /*#__PURE__*/React.createElement(_MenuMeatballs.default, {
  size: "small",
  color: "primary"
});

const CompactPages = ({
  pageCount,
  selectedPage,
  onPageChange,
  size
}) => {
  if (selectedPage > pageCount - 4) {
    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_PageButtonLink.default, {
      onPageChange: onPageChange,
      size: size
    }, 1), /*#__PURE__*/React.createElement(MeatBalls, null), /*#__PURE__*/React.createElement(_Pages.default, {
      pageCount: 5,
      selectedPage: selectedPage,
      onPageChange: onPageChange,
      enlargement: pageCount - 4,
      size: size
    }));
  }

  if (selectedPage < 5) {
    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Pages.default, {
      pageCount: 5,
      selectedPage: selectedPage,
      onPageChange: onPageChange,
      size: size
    }), /*#__PURE__*/React.createElement(MeatBalls, null), /*#__PURE__*/React.createElement(_PageButtonLink.default, {
      onPageChange: onPageChange,
      size: size
    }, pageCount));
  }

  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_PageButtonLink.default, {
    onPageChange: onPageChange,
    size: size
  }, 1), /*#__PURE__*/React.createElement(MeatBalls, null), /*#__PURE__*/React.createElement(_Pages.default, {
    pageCount: 3,
    selectedPage: selectedPage,
    onPageChange: onPageChange,
    enlargement: selectedPage - 1,
    size: size
  }), /*#__PURE__*/React.createElement(MeatBalls, null), /*#__PURE__*/React.createElement(_PageButtonLink.default, {
    onPageChange: onPageChange,
    size: size
  }, pageCount));
};

var _default = CompactPages;
exports.default = _default;