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

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

"use strict";
"use client";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _useMediaQuery = _interopRequireDefault(require("../hooks/useMediaQuery"));
var _ButtonLink = _interopRequireDefault(require("../ButtonLink"));
var _Stack = _interopRequireDefault(require("../Stack"));
var _ChevronBackward = _interopRequireDefault(require("../icons/ChevronBackward"));
var _ChevronForward = _interopRequireDefault(require("../icons/ChevronForward"));
var _consts = require("./consts");
var _Pages = _interopRequireDefault(require("./components/Pages"));
var _CompactPages = _interopRequireDefault(require("./components/CompactPages"));
var _ActiveButton = _interopRequireDefault(require("./components/ActiveButton"));
const handlePageChange = (onPageChange, pageCount) => nextPageIndex => {
  if (onPageChange && nextPageIndex <= pageCount && nextPageIndex >= 0) {
    onPageChange(nextPageIndex);
  }
};
const Pagination = ({
  pageCount,
  labelPrev,
  labelNext,
  labelProgress,
  selectedPage = 1,
  onPageChange,
  dataTest,
  hideLabels = true,
  size = _consts.SIZES.NORMAL
}) => {
  const pageChanged = handlePageChange(onPageChange, pageCount);
  const {
    isTablet
  } = (0, _useMediaQuery.default)();
  return /*#__PURE__*/React.createElement(_Stack.default, {
    spacing: "XXSmall",
    align: "center",
    grow: false,
    shrink: true,
    dataTest: dataTest,
    basis: "auto"
  }, !isTablet ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ButtonLink.default, {
    onClick: () => pageChanged(selectedPage - 1),
    iconLeft: /*#__PURE__*/React.createElement(_ChevronBackward.default, null),
    type: "secondary",
    title: labelPrev,
    size: size,
    disabled: selectedPage <= 1
  }), /*#__PURE__*/React.createElement(_ActiveButton.default, {
    transparent: true,
    size: size
  }, labelProgress), /*#__PURE__*/React.createElement(_ButtonLink.default, {
    onClick: () => pageChanged(selectedPage + 1),
    iconLeft: /*#__PURE__*/React.createElement(_ChevronForward.default, null),
    type: "secondary",
    title: labelNext,
    size: size,
    disabled: pageCount <= selectedPage
  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ButtonLink.default, {
    onClick: () => pageChanged(selectedPage - 1),
    iconLeft: /*#__PURE__*/React.createElement(_ChevronBackward.default, null),
    type: "secondary",
    title: hideLabels ? labelPrev : undefined,
    size: size,
    disabled: selectedPage <= 1
  }, !hideLabels && labelPrev), /*#__PURE__*/React.createElement(_Stack.default, {
    inline: true,
    grow: false,
    spacing: "XXSmall",
    align: "center"
  }, pageCount <= _consts.MAXIMUM_PAGES ? /*#__PURE__*/React.createElement(_Pages.default, {
    pageCount: pageCount,
    selectedPage: selectedPage,
    onPageChange: onPageChange,
    size: size
  }) : /*#__PURE__*/React.createElement(_CompactPages.default, {
    pageCount: pageCount,
    selectedPage: selectedPage,
    onPageChange: onPageChange,
    size: size
  })), /*#__PURE__*/React.createElement(_ButtonLink.default, {
    onClick: () => pageChanged(selectedPage + 1),
    iconRight: !hideLabels && /*#__PURE__*/React.createElement(_ChevronForward.default, null),
    iconLeft: hideLabels && /*#__PURE__*/React.createElement(_ChevronForward.default, null),
    type: "secondary",
    title: hideLabels ? labelNext : undefined,
    size: size,
    disabled: pageCount <= selectedPage
  }, !hideLabels && labelNext)));
};
var _default = Pagination;
exports.default = _default;