@digigov/ui 1.0.0-8bbf3ef2 → 1.0.0-b0737a96

package/cjs/navigation/Pagination/__stories__/WithHook.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithHook = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = require("./..");
+
+var _hooks = _interopRequireDefault(require("../hooks"));
+
+var _Grid = _interopRequireDefault(require("../../../layouts/Grid"));
+
+var _Card = _interopRequireDefault(require("../../../content/Card"));
+
+var data = [];
+var dataLength = 245;
+
+for (var i = 0; i < dataLength; i++) {
+  data.push({
+    id: i
+  });
+}
+
+var WithHook = function WithHook() {
+  var resultsPerPageOptions = [10, 25, 40];
+  var previousLabel = 'Προηγούμενη';
+  var nextLabel = 'Επόμενη';
+
+  var _usePagination = (0, _hooks["default"])({
+    total: data.length,
+    resultsPerPageOptions: resultsPerPageOptions,
+    // limitOptions
+    previousLabel: previousLabel,
+    nextLabel: nextLabel
+  }),
+      registerPaginationLabel = _usePagination.registerPaginationLabel,
+      registerPaginationResultsPerPageSelect = _usePagination.registerPaginationResultsPerPageSelect,
+      items = _usePagination.items,
+      offset = _usePagination.offset,
+      limit = _usePagination.limit;
+
+  var filteredData = data.filter(function (item, index) {
+    console.log(item);
+    return index > offset && index < offset + limit;
+  });
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    container: true,
+    spacing: 4,
+    marginBottom: 8
+  }, filteredData.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+      item: true,
+      xs: 4,
+      md: 2,
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+      variant: "border"
+    }, " ", item.id));
+  })), /*#__PURE__*/_react["default"].createElement(_.Pagination, null, /*#__PURE__*/_react["default"].createElement(_.PaginationLabel, registerPaginationLabel()), /*#__PURE__*/_react["default"].createElement(_.PaginationResultsPerPageSelect, registerPaginationResultsPerPageSelect(), "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", ' '), /*#__PURE__*/_react["default"].createElement(_.PaginationList, null, items.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_.PaginationListItemButton, (0, _extends2["default"])({}, item, {
+      key: index
+    }));
+  }))));
+};
+
+exports.WithHook = WithHook;
+var _default = WithHook;
+exports["default"] = _default;

package/cjs/navigation/Pagination/__stories__/WithInactiveValues.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithInactiveValues = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _i18n = require("../../../i18n");
+
+var _SectionBreak = require("../../../layouts/SectionBreak");
+
+var _Link = require("../../Link");
+
+var _ = require("./..");
+
+var _SvgIcon = require("../../../utils/SvgIcon");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_.Pagination, null, /*#__PURE__*/_react["default"].createElement(_.PaginationLabel, {
+  start: 10,
+  end: 20,
+  total: 10000
+}), /*#__PURE__*/_react["default"].createElement(_.PaginationList, null, /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, {
+  active: false
+}, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, /*#__PURE__*/_react["default"].createElement(_SvgIcon.ChevronIcon, {
+  direction: "left"
+}), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, {
+  currentPage: true
+}, "1"), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page2"
+}, "2")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page3"
+}, "3")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, {
+  variant: "dots"
+}), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page7"
+}, "7")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page8"
+}, "8")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page9"
+}, "9")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/_react["default"].createElement(_SvgIcon.ChevronIcon, {
+  direction: "right"
+})))));
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
+  size: "lg"
+});
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_.Pagination, null, /*#__PURE__*/_react["default"].createElement(_.PaginationLabel, {
+  start: 10,
+  end: 20,
+  total: 10000
+}), /*#__PURE__*/_react["default"].createElement(_.PaginationList, null, /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, /*#__PURE__*/_react["default"].createElement(_SvgIcon.ChevronIcon, {
+  direction: "left"
+}), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page1"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, "2")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page3"
+}, "3")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, {
+  variant: "dots"
+}), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page7"
+}, "7")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page8"
+}, "8")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, {
+  currentPage: true
+}, "9"), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, {
+  active: false
+}, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/_react["default"].createElement(_SvgIcon.ChevronIcon, {
+  direction: "right"
+})))));
+
+var WithInactiveValues = function WithInactiveValues() {
+  return /*#__PURE__*/_react["default"].createElement(_i18n.I18NProvider, {
+    t: function t(str) {
+      return str;
+    }
+  }, _ref, _ref2, _ref3);
+};
+
+exports.WithInactiveValues = WithInactiveValues;
+var _default = WithInactiveValues;
+exports["default"] = _default;

package/cjs/navigation/Pagination/__stories__/WithResultsPerPage.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithResultsPerPage = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCore = require("@digigov/react-core");
+
+var _SelectContainer = require("../../../form/SelectContainer");
+
+var _i18n = require("../../../i18n");
+
+var _Link = require("../../Link");
+
+var _ = require("./..");
+
+var _SvgIcon = require("../../../utils/SvgIcon");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_.Pagination, null, /*#__PURE__*/_react["default"].createElement(_.PaginationLabel, {
+  start: 1,
+  end: 10,
+  total: 15
+}), /*#__PURE__*/_react["default"].createElement(_reactCore.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /*#__PURE__*/_react["default"].createElement(_SelectContainer.SelectContainer, null, /*#__PURE__*/_react["default"].createElement(_SelectContainer.SelectOption, null, "5"), /*#__PURE__*/_react["default"].createElement(_SelectContainer.SelectOption, null, "10"), /*#__PURE__*/_react["default"].createElement(_SelectContainer.SelectOption, null, "15"))), /*#__PURE__*/_react["default"].createElement(_.PaginationList, null, /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, /*#__PURE__*/_react["default"].createElement(_SvgIcon.ChevronIcon, {
+  direction: "left"
+}), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page1"
+}, "1")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, {
+  variant: "dots"
+}), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page7"
+}, "7")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, {
+  currentPage: true
+}, "8"), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page9"
+}, "9")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, {
+  variant: "dots"
+}), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+  href: "#page20"
+}, "20")), /*#__PURE__*/_react["default"].createElement(_.PaginationListItem, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /*#__PURE__*/_react["default"].createElement(_SvgIcon.ChevronIcon, {
+  direction: "right"
+})))));
+
+var WithResultsPerPage = function WithResultsPerPage() {
+  return /*#__PURE__*/_react["default"].createElement(_i18n.I18NProvider, {
+    t: function t(str) {
+      return str;
+    }
+  }, _ref);
+};
+
+exports.WithResultsPerPage = WithResultsPerPage;
+var _default = WithResultsPerPage;
+exports["default"] = _default;

package/cjs/navigation/Pagination/auto.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePaginationContext = exports.PaginationResultsPerPageSelectAuto = exports.PaginationListAuto = exports.PaginationLabelAuto = exports.PaginationContextAuto = exports.PaginationAuto = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ = require("./");
+
+var _excluded = ["total", "resultsPerPageOptions", "previousLabel", "nextLabel", "children"],
+    _excluded2 = ["children"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var PaginationContext = /*#__PURE__*/_react["default"].createContext(null);
+
+var usePaginationContext = function usePaginationContext() {
+  var context = (0, _react.useContext)(PaginationContext);
+
+  if (!context) {
+    throw new Error('usePaginationContext must be used within an PaginationProvider');
+  }
+
+  return context;
+};
+
+exports.usePaginationContext = usePaginationContext;
+
+var PaginationContextAuto = function PaginationContextAuto(_ref) {
+  var total = _ref.total,
+      resultsPerPageOptions = _ref.resultsPerPageOptions,
+      previousLabel = _ref.previousLabel,
+      nextLabel = _ref.nextLabel,
+      children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var pagination = (0, _.usePagination)({
+    total: total,
+    resultsPerPageOptions: resultsPerPageOptions,
+    previousLabel: previousLabel,
+    nextLabel: nextLabel
+  });
+  return /*#__PURE__*/_react["default"].createElement(PaginationContext.Provider, (0, _extends2["default"])({
+    value: pagination
+  }, props), children);
+};
+
+exports.PaginationContextAuto = PaginationContextAuto;
+
+var PaginationAuto = /*#__PURE__*/_react["default"].forwardRef(function PaginationAuto(_ref2, ref) {
+  var children = _ref2.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+  var context = usePaginationContext();
+
+  if (!context) {
+    throw new Error('PaginationAuto must be used within PaginationProvider');
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_.Pagination, (0, _extends2["default"])({}, props, {
+    ref: ref
+  }), children);
+});
+
+exports.PaginationAuto = PaginationAuto;
+
+var PaginationLabelAuto = /*#__PURE__*/_react["default"].forwardRef(function PaginationLabelAuto(_ref3, ref) {
+  var props = (0, _extends2["default"])({}, _ref3);
+  var context = usePaginationContext();
+
+  if (!context) {
+    throw new Error('PaginationLabelAuto must be used within PaginationProvider');
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_.PaginationLabel, (0, _extends2["default"])({}, context.registerPaginationLabel(), props, {
+    ref: ref
+  }));
+});
+
+exports.PaginationLabelAuto = PaginationLabelAuto;
+
+var PaginationResultsPerPageSelectAuto = /*#__PURE__*/_react["default"].forwardRef(function PaginationResultsPerPageSelectAuto(props, ref) {
+  var context = usePaginationContext();
+
+  if (!context) {
+    throw new Error('PaginationResultsPerPageSelectAuto must be used within PaginationProvider');
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_.PaginationResultsPerPageSelect, (0, _extends2["default"])({}, context.registerPaginationResultsPerPageSelect(), props, {
+    ref: ref
+  }));
+});
+
+exports.PaginationResultsPerPageSelectAuto = PaginationResultsPerPageSelectAuto;
+
+var PaginationListAuto = /*#__PURE__*/_react["default"].forwardRef(function PaginationListAuto(props, ref) {
+  var context = usePaginationContext();
+
+  if (!context) {
+    throw new Error('PaginationListAuto must be used within PaginationProvider');
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_.PaginationList, (0, _extends2["default"])({}, props, {
+    ref: ref
+  }), context.items.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_.PaginationListItemButton, (0, _extends2["default"])({}, item, {
+      key: index
+    }));
+  }));
+});
+
+exports.PaginationListAuto = PaginationListAuto;

package/cjs/navigation/Pagination/hooks.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePagination = exports["default"] = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var usePagination = function usePagination(_ref) {
+  var totalLength = _ref.total,
+      resultsPerPageOptions = _ref.resultsPerPageOptions,
+      previousLabel = _ref.previousLabel,
+      nextLabel = _ref.nextLabel;
+
+  var _useState = (0, _react.useState)(totalLength),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      total = _useState2[0],
+      setTotal = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    setTotal(totalLength);
+  }, [totalLength]);
+
+  var _useState3 = (0, _react.useState)(1),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      currentPage = _useState4[0],
+      setCurrentPage = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(resultsPerPageOptions[0]),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      currentResultsPerPage = _useState6[0],
+      setCurrentResultsPerPage = _useState6[1];
+
+  var totalPages = Math.ceil(total / currentResultsPerPage) - 1;
+  var currentPageResultsStart = (currentPage - 1) * currentResultsPerPage + 1;
+  var currentPageResultsEnd = currentPage * currentResultsPerPage < total ? currentPage * currentResultsPerPage : total;
+  var labelRef = (0, _react.useRef)();
+  var selectLabelRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    setCurrentPage(totalPages < currentPage ? totalPages : currentPage);
+  }, [currentPage, totalPages]);
+
+  var registerPaginationLabel = function registerPaginationLabel() {
+    return {
+      start: currentPageResultsStart,
+      end: currentPageResultsEnd,
+      total: total,
+      ref: labelRef.current
+    };
+  };
+
+  var registerPaginationResultsPerPageSelect = function registerPaginationResultsPerPageSelect() {
+    return {
+      resultsPerPageOptions: resultsPerPageOptions,
+      currentResultsPerPage: currentResultsPerPage,
+      handleOnChange: setCurrentResultsPerPage,
+      ref: selectLabelRef.current
+    };
+  };
+
+  var items = (0, _react.useMemo)(function () {
+    var content = [];
+    var countingDots = false;
+    content.push({
+      children: previousLabel,
+      arrow: 'left',
+      onClick: function onClick() {
+        return currentPage !== 1 && setCurrentPage(currentPage - 1);
+      },
+      active: currentPage !== 1
+    });
+
+    var _loop = function _loop(_page) {
+      if (_page <= 1 || _page >= totalPages || _page <= currentPage + 1 && _page >= currentPage - 1) {
+        if (countingDots) {
+          countingDots = false;
+        }
+
+        console.log(_page, currentPage);
+        content.push({
+          children: _page,
+          variant: 'number',
+          onClick: function onClick() {
+            return setCurrentPage(_page);
+          },
+          isCurrentPage: currentPage === _page
+        });
+      } else {
+        if (!countingDots) {
+          countingDots = true;
+          content.push({
+            variant: 'dots'
+          });
+        }
+      }
+    };
+
+    for (var _page = 1; _page <= totalPages; _page++) {
+      _loop(_page);
+    }
+
+    content.push({
+      children: nextLabel,
+      arrow: 'right',
+      onClick: function onClick() {
+        return currentPage !== totalPages && setCurrentPage(currentPage + 1);
+      },
+      active: currentPage !== totalPages
+    });
+    return content;
+  }, [currentPage, totalPages]);
+  return {
+    registerPaginationLabel: registerPaginationLabel,
+    registerPaginationResultsPerPageSelect: registerPaginationResultsPerPageSelect,
+    items: items,
+    currentPage: currentPage,
+    setCurrentPage: setCurrentPage,
+    offset: (currentPage - 1) * currentResultsPerPage,
+    limit: currentResultsPerPage + 1,
+    setTotal: setTotal
+  };
+};
+
+exports.usePagination = usePagination;
+var _default = usePagination;
+exports["default"] = _default;

package/cjs/navigation/Pagination/index.js

@@ -0,0 +1,178 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  PaginationLabel: true,
+  PaginationResultsPerPageSelect: true,
+  PaginationListItemButton: true,
+  PaginationLabelContainer: true
+};
+exports.PaginationLabel = void 0;
+Object.defineProperty(exports, "PaginationLabelContainer", {
+  enumerable: true,
+  get: function get() {
+    return _PaginationLabelContainer["default"];
+  }
+});
+exports["default"] = exports.PaginationResultsPerPageSelect = exports.PaginationListItemButton = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _PaginationLabelContainer = _interopRequireDefault(require("@digigov/react-core/cjs/PaginationLabelContainer"));
+
+var _I18nText = require("../../i18n/I18nText");
+
+var _Pagination = _interopRequireWildcard(require("@digigov/react-core/cjs/Pagination"));
+
+Object.keys(_Pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Pagination[key];
+    }
+  });
+});
+
+var _PaginationList = require("@digigov/react-core/cjs/PaginationList");
+
+Object.keys(_PaginationList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PaginationList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PaginationList[key];
+    }
+  });
+});
+
+var _PaginationListItem = _interopRequireWildcard(require("@digigov/react-core/cjs/PaginationListItem"));
+
+Object.keys(_PaginationListItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PaginationListItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PaginationListItem[key];
+    }
+  });
+});
+
+var _hooks = require("./hooks");
+
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _hooks[key];
+    }
+  });
+});
+
+var _auto = require("./auto");
+
+Object.keys(_auto).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _auto[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _auto[key];
+    }
+  });
+});
+
+var _LabelContainer = _interopRequireDefault(require("../../form/LabelContainer"));
+
+var _SelectContainer = _interopRequireWildcard(require("../../form/SelectContainer"));
+
+var _Button = _interopRequireDefault(require("../../form/Button"));
+
+var _ChevronIcon = _interopRequireDefault(require("@digigov/react-icons/cjs/ChevronIcon"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * PaginationLabel component is used for placing the pagination results label.
+ */
+var PaginationLabel = /*#__PURE__*/_react["default"].forwardRef(function PaginationLabel(_ref, ref) {
+  var start = _ref.start,
+      end = _ref.end,
+      total = _ref.total;
+  return /*#__PURE__*/_react["default"].createElement(_PaginationLabelContainer["default"], {
+    ref: ref
+  }, /*#__PURE__*/_react["default"].createElement(_I18nText.I18nText, {
+    i18nKey: "pagination.label"
+  }, "Showing ", /*#__PURE__*/_react["default"].createElement("b", null, start), " to ", /*#__PURE__*/_react["default"].createElement("b", null, end), " of ", /*#__PURE__*/_react["default"].createElement("b", null, total), " results"));
+});
+
+exports.PaginationLabel = PaginationLabel;
+
+var PaginationResultsPerPageSelect = /*#__PURE__*/_react["default"].forwardRef(function PaginationResultsPerPageSelect(_ref2, ref) {
+  var resultsPerPageOptions = _ref2.resultsPerPageOptions,
+      currentResultsPerPage = _ref2.currentResultsPerPage,
+      handleOnChange = _ref2.handleOnChange,
+      children = _ref2.children;
+  return /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], {
+    ref: ref
+  }, children, /*#__PURE__*/_react["default"].createElement(_SelectContainer["default"], {
+    dense: true,
+    value: currentResultsPerPage,
+    onChange: function onChange(e) {
+      handleOnChange(Number(e.target.value));
+    }
+  }, resultsPerPageOptions.map(function (option) {
+    return /*#__PURE__*/_react["default"].createElement(_SelectContainer.SelectOption, {
+      key: option
+    }, option);
+  })));
+});
+
+exports.PaginationResultsPerPageSelect = PaginationResultsPerPageSelect;
+
+var PaginationListItemButton = /*#__PURE__*/_react["default"].forwardRef(function PaginationListItemButton(_ref3, ref) {
+  var onClick = _ref3.onClick,
+      arrow = _ref3.arrow,
+      children = _ref3.children,
+      variant = _ref3.variant,
+      active = _ref3.active,
+      isCurrentPage = _ref3.isCurrentPage,
+      tabIndex = _ref3.tabIndex;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_PaginationListItem["default"], {
+    tabIndex: tabIndex,
+    active: active //disabled
+    ,
+    currentPage: isCurrentPage,
+    ref: ref,
+    variant: variant
+  }, isCurrentPage ? children : /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    variant: "link",
+    onClick: onClick
+  }, arrow === 'left' && /*#__PURE__*/_react["default"].createElement(_ChevronIcon["default"], {
+    direction: arrow
+  }), children, arrow === 'right' && /*#__PURE__*/_react["default"].createElement(_ChevronIcon["default"], {
+    direction: arrow
+  }))));
+});
+
+exports.PaginationListItemButton = PaginationListItemButton;
+var _default = _Pagination["default"];
+exports["default"] = _default;