@dfds-ui/pagination 0.9.8-alpha.b6efb903 → 0.9.8-alpha.e5fc7510

package/Pagination.d.ts

@@ -0,0 +1,15 @@
+export declare type PaginationPagesProps = {
+    /**
+     * The current page.
+     */
+    page?: number;
+    /**
+     * Callback when the page is changed.
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Total number of records.
+     */
+    total: number;
+};
+export declare const PaginationPages: ({ page, onPageChange, total }: PaginationPagesProps) => JSX.Element;

package/Pagination.js

@@ -0,0 +1,149 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import React, { useEffect, useState } from 'react';
+import { getDefaultIconButtonDimensions, IconButton } from '@dfds-ui/react-components';
+import { css } from '@emotion/react';
+import { ChevronLeft, ChevronRight } from '@dfds-ui/icons/system';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var ThreeDots = function ThreeDots(_ref3) {
+  var size = _ref3.size;
+  var dimensions = getDefaultIconButtonDimensions(size);
+  return ___EmotionJSX("div", {
+    css: /*#__PURE__*/css("display:flex;width:", dimensions.width, ";height:", dimensions.width, ";justify-content:center;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:ThreeDots;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmMiLCJmaWxlIjoiLi4vc3JjL1BhZ2luYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGdldERlZmF1bHRJY29uQnV0dG9uRGltZW5zaW9ucywgSWNvbkJ1dHRvbiwgSWNvbkJ1dHRvblNpemUgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUGFnZXNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBwYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsOiBudW1iZXJcbn1cblxuY29uc3QgVGhyZWVEb3RzID0gKHsgc2l6ZSB9OiB7IHNpemU6IEljb25CdXR0b25TaXplIH0pID0+IHtcbiAgY29uc3QgZGltZW5zaW9ucyA9IGdldERlZmF1bHRJY29uQnV0dG9uRGltZW5zaW9ucyhzaXplKVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICB3aWR0aDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgLi4uXG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb25QYWdlcyA9ICh7IHBhZ2UgPSAxLCBvblBhZ2VDaGFuZ2UsIHRvdGFsIH06IFBhZ2luYXRpb25QYWdlc1Byb3BzKSA9PiB7XG4gIGNvbnN0IFtwYWdlTnVtYmVyLCBzZXRQYWdlTnVtYmVyXSA9IHVzZVN0YXRlPG51bWJlcj4ocGFnZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvblBhZ2VDaGFuZ2UpIG9uUGFnZUNoYW5nZShwYWdlTnVtYmVyKVxuICB9LCBbcGFnZU51bWJlciwgb25QYWdlQ2hhbmdlXSlcblxuICBjb25zdCBnZXRSYW5nZSA9IChzdGFydDogbnVtYmVyLCBlbmQ6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiBBcnJheShlbmQgLSBzdGFydCArIDEpXG4gICAgICAuZmlsbCgxKVxuICAgICAgLm1hcCgoXywgaSkgPT4gaSArIHN0YXJ0KVxuICB9XG5cbiAgY29uc3QgaWNvbkJ1dHRvblNpemU6IEljb25CdXR0b25TaXplID0gJ21lZGl1bSdcblxuICBjb25zdCBnZW5lcmF0ZVBhZ2luYXRpb25MaXN0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGN1cnJlbnRQYWdlTnVtYmVyID0gcGFnZU51bWJlciA8PSB0b3RhbCA/IHBhZ2VOdW1iZXIgOiAxXG4gICAgY29uc3QgZGVsdGEgPSA0LFxuICAgICAgcmFuZ2UgPSB7XG4gICAgICAgIHN0YXJ0OiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyIC0gZGVsdGEgLyAyKSArIDEsXG4gICAgICAgIGVuZDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciArIGRlbHRhIC8gMikgLSAxLFxuICAgICAgfVxuXG4gICAgaWYgKHRvdGFsID09PSAwKSByZXR1cm4gW11cblxuICAgIGlmIChyYW5nZS5zdGFydCAtIDEgPT09IDEgfHwgcmFuZ2UuZW5kICsgMSA9PT0gdG90YWwpIHtcbiAgICAgIHJhbmdlLnN0YXJ0ICs9IDFcbiAgICAgIHJhbmdlLmVuZCArPSAxXG4gICAgfVxuXG4gICAgbGV0IHBhZ2VzID1cbiAgICAgIGN1cnJlbnRQYWdlTnVtYmVyID4gZGVsdGFcbiAgICAgICAgPyBnZXRSYW5nZShNYXRoLm1pbihyYW5nZS5zdGFydCwgdG90YWwgLSBkZWx0YSksIE1hdGgubWluKHJhbmdlLmVuZCwgdG90YWwpKVxuICAgICAgICA6IGdldFJhbmdlKDEsIE1hdGgubWluKHRvdGFsLCBkZWx0YSArIDEpKVxuXG4gICAgY29uc3Qgd2l0aERvdHMgPSAodmFsdWU6IG51bWJlciwgcGFpcjogYW55W10pID0+IChwYWdlcy5sZW5ndGggKyAxICE9PSB0b3RhbCA/IHBhaXIgOiBbdmFsdWVdKVxuXG4gICAgaWYgKHBhZ2VzWzBdICE9PSAxKSB7XG4gICAgICBwYWdlcyA9IHdpdGhEb3RzKDEsIFsxLCAnLi4uJ10pLmNvbmNhdChwYWdlcylcbiAgICB9XG5cbiAgICBpZiAocGFnZXNbcGFnZXMubGVuZ3RoIC0gMV0gPCB0b3RhbCkge1xuICAgICAgcGFnZXMgPSBwYWdlcy5jb25jYXQod2l0aERvdHModG90YWwsIFsnLi4uJywgdG90YWxdKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhZ2VzXG4gIH1cblxuICBjb25zdCBuZXh0UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA8IHRvdGFsKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgKyAxKVxuICB9XG4gIGNvbnN0IHByZXZQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyID4gMSkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyIC0gMSlcbiAgfVxuICBjb25zdCBvblBhZ2VDbGljayA9IChudW1iZXI6IG51bWJlcik6IHZvaWQgPT4ge1xuICAgIHNldFBhZ2VOdW1iZXIobnVtYmVyKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IDEgfHwgdG90YWwgPT09IDB9XG4gICAgICAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge2dlbmVyYXRlUGFnaW5hdGlvbkxpc3QoKS5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPGRpdiBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgIHt0eXBlb2YgaXRlbSA9PT0gJ251bWJlcicgPyAoXG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2xpY2soaXRlbSl9XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2l0ZW0gPT09IHBhZ2VOdW1iZXIgJiYgJ3JnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKSd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9XCJcIlxuICAgICAgICAgICAgICAgIHNpemU9e2ljb25CdXR0b25TaXplfVxuICAgICAgICAgICAgICAgIGljb249eygpID0+IDw+e2l0ZW19PC8+fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFRocmVlRG90cyBzaXplPXtpY29uQnV0dG9uU2l6ZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsIHx8IHRvdGFsID09PSAwfVxuICAgICAgICBpY29uPXtDaGV2cm9uUmlnaHR9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdfQ== */")
+  }, "...");
+};
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "fhxb3m",
+  styles: "display:flex;flex-direction:row;align-items:center"
+} : {
+  name: "1be972b-PaginationPages",
+  styles: "display:flex;flex-direction:row;align-items:center;label:PaginationPages;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErR2dCIiwiZmlsZSI6Ii4uL3NyYy9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMsIEljb25CdXR0b24sIEljb25CdXR0b25TaXplIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblBhZ2VzUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgcGFnZT86IG51bWJlclxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogVG90YWwgbnVtYmVyIG9mIHJlY29yZHMuXG4gICAqL1xuICB0b3RhbDogbnVtYmVyXG59XG5cbmNvbnN0IFRocmVlRG90cyA9ICh7IHNpemUgfTogeyBzaXplOiBJY29uQnV0dG9uU2l6ZSB9KSA9PiB7XG4gIGNvbnN0IGRpbWVuc2lvbnMgPSBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMoc2l6ZSlcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIC4uLlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uUGFnZXMgPSAoeyBwYWdlID0gMSwgb25QYWdlQ2hhbmdlLCB0b3RhbCB9OiBQYWdpbmF0aW9uUGFnZXNQcm9wcykgPT4ge1xuICBjb25zdCBbcGFnZU51bWJlciwgc2V0UGFnZU51bWJlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KHBhZ2UpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob25QYWdlQ2hhbmdlKSBvblBhZ2VDaGFuZ2UocGFnZU51bWJlcilcbiAgfSwgW3BhZ2VOdW1iZXIsIG9uUGFnZUNoYW5nZV0pXG5cbiAgY29uc3QgZ2V0UmFuZ2UgPSAoc3RhcnQ6IG51bWJlciwgZW5kOiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gQXJyYXkoZW5kIC0gc3RhcnQgKyAxKVxuICAgICAgLmZpbGwoMSlcbiAgICAgIC5tYXAoKF8sIGkpID0+IGkgKyBzdGFydClcbiAgfVxuXG4gIGNvbnN0IGljb25CdXR0b25TaXplOiBJY29uQnV0dG9uU2l6ZSA9ICdtZWRpdW0nXG5cbiAgY29uc3QgZ2VuZXJhdGVQYWdpbmF0aW9uTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50UGFnZU51bWJlciA9IHBhZ2VOdW1iZXIgPD0gdG90YWwgPyBwYWdlTnVtYmVyIDogMVxuICAgIGNvbnN0IGRlbHRhID0gNCxcbiAgICAgIHJhbmdlID0ge1xuICAgICAgICBzdGFydDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciAtIGRlbHRhIC8gMikgKyAxLFxuICAgICAgICBlbmQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgKyBkZWx0YSAvIDIpIC0gMSxcbiAgICAgIH1cblxuICAgIGlmICh0b3RhbCA9PT0gMCkgcmV0dXJuIFtdXG5cbiAgICBpZiAocmFuZ2Uuc3RhcnQgLSAxID09PSAxIHx8IHJhbmdlLmVuZCArIDEgPT09IHRvdGFsKSB7XG4gICAgICByYW5nZS5zdGFydCArPSAxXG4gICAgICByYW5nZS5lbmQgKz0gMVxuICAgIH1cblxuICAgIGxldCBwYWdlcyA9XG4gICAgICBjdXJyZW50UGFnZU51bWJlciA+IGRlbHRhXG4gICAgICAgID8gZ2V0UmFuZ2UoTWF0aC5taW4ocmFuZ2Uuc3RhcnQsIHRvdGFsIC0gZGVsdGEpLCBNYXRoLm1pbihyYW5nZS5lbmQsIHRvdGFsKSlcbiAgICAgICAgOiBnZXRSYW5nZSgxLCBNYXRoLm1pbih0b3RhbCwgZGVsdGEgKyAxKSlcblxuICAgIGNvbnN0IHdpdGhEb3RzID0gKHZhbHVlOiBudW1iZXIsIHBhaXI6IGFueVtdKSA9PiAocGFnZXMubGVuZ3RoICsgMSAhPT0gdG90YWwgPyBwYWlyIDogW3ZhbHVlXSlcblxuICAgIGlmIChwYWdlc1swXSAhPT0gMSkge1xuICAgICAgcGFnZXMgPSB3aXRoRG90cygxLCBbMSwgJy4uLiddKS5jb25jYXQocGFnZXMpXG4gICAgfVxuXG4gICAgaWYgKHBhZ2VzW3BhZ2VzLmxlbmd0aCAtIDFdIDwgdG90YWwpIHtcbiAgICAgIHBhZ2VzID0gcGFnZXMuY29uY2F0KHdpdGhEb3RzKHRvdGFsLCBbJy4uLicsIHRvdGFsXSkpXG4gICAgfVxuICAgIHJldHVybiBwYWdlc1xuICB9XG5cbiAgY29uc3QgbmV4dFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPCB0b3RhbCkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyICsgMSlcbiAgfVxuICBjb25zdCBwcmV2UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA+IDEpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciAtIDEpXG4gIH1cbiAgY29uc3Qgb25QYWdlQ2xpY2sgPSAobnVtYmVyOiBudW1iZXIpOiB2b2lkID0+IHtcbiAgICBzZXRQYWdlTnVtYmVyKG51bWJlcilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgIG9uQ2xpY2s9e3ByZXZQYWdlfVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSAxIHx8IHRvdGFsID09PSAwfVxuICAgICAgLz5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtnZW5lcmF0ZVBhZ2luYXRpb25MaXN0KCkubWFwKChpdGVtLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxkaXYga2V5PXtpbmRleH0+XG4gICAgICAgICAgICB7dHlwZW9mIGl0ZW0gPT09ICdudW1iZXInID8gKFxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uUGFnZUNsaWNrKGl0ZW0pfVxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtpdGVtID09PSBwYWdlTnVtYmVyICYmICdyZ2JhKDczLCAxNjIsIDIyMywgMC4xMiknfTtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgIGRpc2FibGVUb29sdGlwXG4gICAgICAgICAgICAgICAgYXJpYUxhYmVsPVwiXCJcbiAgICAgICAgICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgICAgICAgICAgICBpY29uPXsoKSA9PiA8PntpdGVtfTwvPn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxUaHJlZURvdHMgc2l6ZT17aWNvbkJ1dHRvblNpemV9IC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgb25DbGljaz17bmV4dFBhZ2V9XG4gICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSB0b3RhbCB8fCB0b3RhbCA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "2fv1rn",
+  styles: "display:flex;flex-direction:row;height:100%;align-items:center"
+} : {
+  name: "fp6gtp-PaginationPages",
+  styles: "display:flex;flex-direction:row;height:100%;align-items:center;label:PaginationPages;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnR2MiLCJmaWxlIjoiLi4vc3JjL1BhZ2luYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGdldERlZmF1bHRJY29uQnV0dG9uRGltZW5zaW9ucywgSWNvbkJ1dHRvbiwgSWNvbkJ1dHRvblNpemUgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUGFnZXNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBwYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsOiBudW1iZXJcbn1cblxuY29uc3QgVGhyZWVEb3RzID0gKHsgc2l6ZSB9OiB7IHNpemU6IEljb25CdXR0b25TaXplIH0pID0+IHtcbiAgY29uc3QgZGltZW5zaW9ucyA9IGdldERlZmF1bHRJY29uQnV0dG9uRGltZW5zaW9ucyhzaXplKVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICB3aWR0aDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgLi4uXG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb25QYWdlcyA9ICh7IHBhZ2UgPSAxLCBvblBhZ2VDaGFuZ2UsIHRvdGFsIH06IFBhZ2luYXRpb25QYWdlc1Byb3BzKSA9PiB7XG4gIGNvbnN0IFtwYWdlTnVtYmVyLCBzZXRQYWdlTnVtYmVyXSA9IHVzZVN0YXRlPG51bWJlcj4ocGFnZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvblBhZ2VDaGFuZ2UpIG9uUGFnZUNoYW5nZShwYWdlTnVtYmVyKVxuICB9LCBbcGFnZU51bWJlciwgb25QYWdlQ2hhbmdlXSlcblxuICBjb25zdCBnZXRSYW5nZSA9IChzdGFydDogbnVtYmVyLCBlbmQ6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiBBcnJheShlbmQgLSBzdGFydCArIDEpXG4gICAgICAuZmlsbCgxKVxuICAgICAgLm1hcCgoXywgaSkgPT4gaSArIHN0YXJ0KVxuICB9XG5cbiAgY29uc3QgaWNvbkJ1dHRvblNpemU6IEljb25CdXR0b25TaXplID0gJ21lZGl1bSdcblxuICBjb25zdCBnZW5lcmF0ZVBhZ2luYXRpb25MaXN0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGN1cnJlbnRQYWdlTnVtYmVyID0gcGFnZU51bWJlciA8PSB0b3RhbCA/IHBhZ2VOdW1iZXIgOiAxXG4gICAgY29uc3QgZGVsdGEgPSA0LFxuICAgICAgcmFuZ2UgPSB7XG4gICAgICAgIHN0YXJ0OiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyIC0gZGVsdGEgLyAyKSArIDEsXG4gICAgICAgIGVuZDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciArIGRlbHRhIC8gMikgLSAxLFxuICAgICAgfVxuXG4gICAgaWYgKHRvdGFsID09PSAwKSByZXR1cm4gW11cblxuICAgIGlmIChyYW5nZS5zdGFydCAtIDEgPT09IDEgfHwgcmFuZ2UuZW5kICsgMSA9PT0gdG90YWwpIHtcbiAgICAgIHJhbmdlLnN0YXJ0ICs9IDFcbiAgICAgIHJhbmdlLmVuZCArPSAxXG4gICAgfVxuXG4gICAgbGV0IHBhZ2VzID1cbiAgICAgIGN1cnJlbnRQYWdlTnVtYmVyID4gZGVsdGFcbiAgICAgICAgPyBnZXRSYW5nZShNYXRoLm1pbihyYW5nZS5zdGFydCwgdG90YWwgLSBkZWx0YSksIE1hdGgubWluKHJhbmdlLmVuZCwgdG90YWwpKVxuICAgICAgICA6IGdldFJhbmdlKDEsIE1hdGgubWluKHRvdGFsLCBkZWx0YSArIDEpKVxuXG4gICAgY29uc3Qgd2l0aERvdHMgPSAodmFsdWU6IG51bWJlciwgcGFpcjogYW55W10pID0+IChwYWdlcy5sZW5ndGggKyAxICE9PSB0b3RhbCA/IHBhaXIgOiBbdmFsdWVdKVxuXG4gICAgaWYgKHBhZ2VzWzBdICE9PSAxKSB7XG4gICAgICBwYWdlcyA9IHdpdGhEb3RzKDEsIFsxLCAnLi4uJ10pLmNvbmNhdChwYWdlcylcbiAgICB9XG5cbiAgICBpZiAocGFnZXNbcGFnZXMubGVuZ3RoIC0gMV0gPCB0b3RhbCkge1xuICAgICAgcGFnZXMgPSBwYWdlcy5jb25jYXQod2l0aERvdHModG90YWwsIFsnLi4uJywgdG90YWxdKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhZ2VzXG4gIH1cblxuICBjb25zdCBuZXh0UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA8IHRvdGFsKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgKyAxKVxuICB9XG4gIGNvbnN0IHByZXZQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyID4gMSkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyIC0gMSlcbiAgfVxuICBjb25zdCBvblBhZ2VDbGljayA9IChudW1iZXI6IG51bWJlcik6IHZvaWQgPT4ge1xuICAgIHNldFBhZ2VOdW1iZXIobnVtYmVyKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IDEgfHwgdG90YWwgPT09IDB9XG4gICAgICAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge2dlbmVyYXRlUGFnaW5hdGlvbkxpc3QoKS5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPGRpdiBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgIHt0eXBlb2YgaXRlbSA9PT0gJ251bWJlcicgPyAoXG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2xpY2soaXRlbSl9XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2l0ZW0gPT09IHBhZ2VOdW1iZXIgJiYgJ3JnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKSd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9XCJcIlxuICAgICAgICAgICAgICAgIHNpemU9e2ljb25CdXR0b25TaXplfVxuICAgICAgICAgICAgICAgIGljb249eygpID0+IDw+e2l0ZW19PC8+fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFRocmVlRG90cyBzaXplPXtpY29uQnV0dG9uU2l6ZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsIHx8IHRvdGFsID09PSAwfVxuICAgICAgICBpY29uPXtDaGV2cm9uUmlnaHR9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var PaginationPages = function PaginationPages(_ref4) {
+  var _ref4$page = _ref4.page,
+      page = _ref4$page === void 0 ? 1 : _ref4$page,
+      onPageChange = _ref4.onPageChange,
+      total = _ref4.total;
+
+  var _useState = useState(page),
+      _useState2 = _slicedToArray(_useState, 2),
+      pageNumber = _useState2[0],
+      setPageNumber = _useState2[1];
+
+  useEffect(function () {
+    if (onPageChange) onPageChange(pageNumber);
+  }, [pageNumber, onPageChange]);
+
+  var getRange = function getRange(start, end) {
+    return Array(end - start + 1).fill(1).map(function (_, i) {
+      return i + start;
+    });
+  };
+
+  var iconButtonSize = 'medium';
+
+  var generatePaginationList = function generatePaginationList() {
+    var currentPageNumber = pageNumber <= total ? pageNumber : 1;
+    var delta = 4,
+        range = {
+      start: Math.round(currentPageNumber - delta / 2) + 1,
+      end: Math.round(currentPageNumber + delta / 2) - 1
+    };
+    if (total === 0) return [];
+
+    if (range.start - 1 === 1 || range.end + 1 === total) {
+      range.start += 1;
+      range.end += 1;
+    }
+
+    var pages = currentPageNumber > delta ? getRange(Math.min(range.start, total - delta), Math.min(range.end, total)) : getRange(1, Math.min(total, delta + 1));
+
+    var withDots = function withDots(value, pair) {
+      return pages.length + 1 !== total ? pair : [value];
+    };
+
+    if (pages[0] !== 1) {
+      pages = withDots(1, [1, '...']).concat(pages);
+    }
+
+    if (pages[pages.length - 1] < total) {
+      pages = pages.concat(withDots(total, ['...', total]));
+    }
+
+    return pages;
+  };
+
+  var nextPage = function nextPage() {
+    if (pageNumber < total) setPageNumber(pageNumber + 1);
+  };
+
+  var prevPage = function prevPage() {
+    if (pageNumber > 1) setPageNumber(pageNumber - 1);
+  };
+
+  var onPageClick = function onPageClick(number) {
+    setPageNumber(number);
+  };
+
+  return ___EmotionJSX("div", {
+    css: _ref2
+  }, ___EmotionJSX(IconButton, {
+    icon: ChevronLeft,
+    onClick: prevPage,
+    ariaLabel: "Next",
+    size: iconButtonSize,
+    disabled: pageNumber === 1 || total === 0
+  }), ___EmotionJSX("div", {
+    css: _ref
+  }, generatePaginationList().map(function (item, index) {
+    return ___EmotionJSX("div", {
+      key: index
+    }, typeof item === 'number' ? ___EmotionJSX(IconButton, {
+      onClick: function onClick() {
+        return onPageClick(item);
+      },
+      css: /*#__PURE__*/css("font-size:1rem;background-color:", item === pageNumber && 'rgba(73, 162, 223, 0.12)', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PaginationPages;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwSHdCIiwiZmlsZSI6Ii4uL3NyYy9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMsIEljb25CdXR0b24sIEljb25CdXR0b25TaXplIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblBhZ2VzUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgcGFnZT86IG51bWJlclxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogVG90YWwgbnVtYmVyIG9mIHJlY29yZHMuXG4gICAqL1xuICB0b3RhbDogbnVtYmVyXG59XG5cbmNvbnN0IFRocmVlRG90cyA9ICh7IHNpemUgfTogeyBzaXplOiBJY29uQnV0dG9uU2l6ZSB9KSA9PiB7XG4gIGNvbnN0IGRpbWVuc2lvbnMgPSBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMoc2l6ZSlcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIC4uLlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uUGFnZXMgPSAoeyBwYWdlID0gMSwgb25QYWdlQ2hhbmdlLCB0b3RhbCB9OiBQYWdpbmF0aW9uUGFnZXNQcm9wcykgPT4ge1xuICBjb25zdCBbcGFnZU51bWJlciwgc2V0UGFnZU51bWJlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KHBhZ2UpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob25QYWdlQ2hhbmdlKSBvblBhZ2VDaGFuZ2UocGFnZU51bWJlcilcbiAgfSwgW3BhZ2VOdW1iZXIsIG9uUGFnZUNoYW5nZV0pXG5cbiAgY29uc3QgZ2V0UmFuZ2UgPSAoc3RhcnQ6IG51bWJlciwgZW5kOiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gQXJyYXkoZW5kIC0gc3RhcnQgKyAxKVxuICAgICAgLmZpbGwoMSlcbiAgICAgIC5tYXAoKF8sIGkpID0+IGkgKyBzdGFydClcbiAgfVxuXG4gIGNvbnN0IGljb25CdXR0b25TaXplOiBJY29uQnV0dG9uU2l6ZSA9ICdtZWRpdW0nXG5cbiAgY29uc3QgZ2VuZXJhdGVQYWdpbmF0aW9uTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50UGFnZU51bWJlciA9IHBhZ2VOdW1iZXIgPD0gdG90YWwgPyBwYWdlTnVtYmVyIDogMVxuICAgIGNvbnN0IGRlbHRhID0gNCxcbiAgICAgIHJhbmdlID0ge1xuICAgICAgICBzdGFydDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciAtIGRlbHRhIC8gMikgKyAxLFxuICAgICAgICBlbmQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgKyBkZWx0YSAvIDIpIC0gMSxcbiAgICAgIH1cblxuICAgIGlmICh0b3RhbCA9PT0gMCkgcmV0dXJuIFtdXG5cbiAgICBpZiAocmFuZ2Uuc3RhcnQgLSAxID09PSAxIHx8IHJhbmdlLmVuZCArIDEgPT09IHRvdGFsKSB7XG4gICAgICByYW5nZS5zdGFydCArPSAxXG4gICAgICByYW5nZS5lbmQgKz0gMVxuICAgIH1cblxuICAgIGxldCBwYWdlcyA9XG4gICAgICBjdXJyZW50UGFnZU51bWJlciA+IGRlbHRhXG4gICAgICAgID8gZ2V0UmFuZ2UoTWF0aC5taW4ocmFuZ2Uuc3RhcnQsIHRvdGFsIC0gZGVsdGEpLCBNYXRoLm1pbihyYW5nZS5lbmQsIHRvdGFsKSlcbiAgICAgICAgOiBnZXRSYW5nZSgxLCBNYXRoLm1pbih0b3RhbCwgZGVsdGEgKyAxKSlcblxuICAgIGNvbnN0IHdpdGhEb3RzID0gKHZhbHVlOiBudW1iZXIsIHBhaXI6IGFueVtdKSA9PiAocGFnZXMubGVuZ3RoICsgMSAhPT0gdG90YWwgPyBwYWlyIDogW3ZhbHVlXSlcblxuICAgIGlmIChwYWdlc1swXSAhPT0gMSkge1xuICAgICAgcGFnZXMgPSB3aXRoRG90cygxLCBbMSwgJy4uLiddKS5jb25jYXQocGFnZXMpXG4gICAgfVxuXG4gICAgaWYgKHBhZ2VzW3BhZ2VzLmxlbmd0aCAtIDFdIDwgdG90YWwpIHtcbiAgICAgIHBhZ2VzID0gcGFnZXMuY29uY2F0KHdpdGhEb3RzKHRvdGFsLCBbJy4uLicsIHRvdGFsXSkpXG4gICAgfVxuICAgIHJldHVybiBwYWdlc1xuICB9XG5cbiAgY29uc3QgbmV4dFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPCB0b3RhbCkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyICsgMSlcbiAgfVxuICBjb25zdCBwcmV2UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA+IDEpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciAtIDEpXG4gIH1cbiAgY29uc3Qgb25QYWdlQ2xpY2sgPSAobnVtYmVyOiBudW1iZXIpOiB2b2lkID0+IHtcbiAgICBzZXRQYWdlTnVtYmVyKG51bWJlcilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgIG9uQ2xpY2s9e3ByZXZQYWdlfVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSAxIHx8IHRvdGFsID09PSAwfVxuICAgICAgLz5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtnZW5lcmF0ZVBhZ2luYXRpb25MaXN0KCkubWFwKChpdGVtLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxkaXYga2V5PXtpbmRleH0+XG4gICAgICAgICAgICB7dHlwZW9mIGl0ZW0gPT09ICdudW1iZXInID8gKFxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uUGFnZUNsaWNrKGl0ZW0pfVxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtpdGVtID09PSBwYWdlTnVtYmVyICYmICdyZ2JhKDczLCAxNjIsIDIyMywgMC4xMiknfTtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgIGRpc2FibGVUb29sdGlwXG4gICAgICAgICAgICAgICAgYXJpYUxhYmVsPVwiXCJcbiAgICAgICAgICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgICAgICAgICAgICBpY29uPXsoKSA9PiA8PntpdGVtfTwvPn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxUaHJlZURvdHMgc2l6ZT17aWNvbkJ1dHRvblNpemV9IC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgb25DbGljaz17bmV4dFBhZ2V9XG4gICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSB0b3RhbCB8fCB0b3RhbCA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */"),
+      disableTooltip: true,
+      ariaLabel: "",
+      size: iconButtonSize,
+      icon: function icon() {
+        return ___EmotionJSX(React.Fragment, null, item);
+      }
+    }) : ___EmotionJSX(ThreeDots, {
+      size: iconButtonSize
+    }));
+  })), ___EmotionJSX(IconButton, {
+    onClick: nextPage,
+    disabled: pageNumber === total || total === 0,
+    icon: ChevronRight,
+    ariaLabel: "Next",
+    size: iconButtonSize
+  }));
+};

package/Pagination.styles.d.ts

@@ -0,0 +1 @@
+export declare const wrapperStyles: import("@emotion/react").SerializedStyles;

package/Pagination.styles.js

@@ -0,0 +1,7 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import { media } from '@dfds-ui/theme';
+import { css } from '@emotion/react';
+export var wrapperStyles = /*#__PURE__*/css("background-color:white;display:flex;justify-content:space-between;align-items:center;", media.lessThan('l')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex-direction: column;\n    justify-content: center;\n  "]))), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6Ii4uL3NyYy9QYWdpbmF0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke21lZGlhLmxlc3NUaGFuKCdsJylgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYH1cbmBcbiJdfQ== */");

package/PaginationTable.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+declare type Option = {
+    label: string;
+    value: string;
+};
+export declare type PaginationProps = {
+    /**
+     * The current page.
+     */
+    page?: number;
+    /**
+     * The current offset
+     */
+    offset?: number;
+    /**
+     * Callback when the page is changed.
+     */
+    onLimitChange?: (e: any) => void;
+    /**
+     * Callback when the page is changed.
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Options passed to the PageLimitSelector
+     */
+    options?: Option[] | null;
+    /**
+     * Number of records per page.
+     */
+    limit: number;
+    /**
+     * Total number of records.
+     */
+    total: number;
+    /**
+     * Returns the content of the overview.
+     *
+     * Use this if you need to localize the overview being rendered.
+     */
+    renderOverview?: (rangeShown: string, totalRecords: number) => React.ReactNode;
+};
+/**
+ * The Pagination component allows the user to navigate between pages of records.
+ */
+export declare const Pagination: ({ page, offset, onLimitChange, onPageChange, options, limit, total, renderOverview, }: PaginationProps) => JSX.Element;
+export default Pagination;

package/PaginationTable.js

@@ -0,0 +1,109 @@
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import React from 'react';
+import { useBreakpoint } from '@dfds-ui/theme';
+import { Text } from '@dfds-ui/typography';
+import { PaginationPages } from './Pagination';
+import { SelectField } from '@dfds-ui/forms';
+import { wrapperStyles } from './Pagination.styles';
+import { css } from '@emotion/react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var defaultOverview = function defaultOverview(rangeShown, totalRecords) {
+  return "".concat(rangeShown, " of ").concat(totalRecords);
+};
+/**
+ * The Pagination component allows the user to navigate between pages of records.
+ */
+
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "zl1inp",
+  styles: "display:flex;justify-content:center"
+} : {
+  name: "1vah881-Pagination",
+  styles: "display:flex;justify-content:center;label:Pagination;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlIb0IiLCJmaWxlIjoiLi4vc3JjL1BhZ2luYXRpb25UYWJsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFBhZ2luYXRpb25QYWdlcyB9IGZyb20gJy4vUGFnaW5hdGlvbidcbmltcG9ydCB7IFNlbGVjdEZpZWxkIH0gZnJvbSAnQGRmZHMtdWkvZm9ybXMnXG5pbXBvcnQgeyB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgbGFiZWw6IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nXG59XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBwYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBvZmZzZXRcbiAgICovXG4gIG9mZnNldD86IG51bWJlclxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25MaW1pdENoYW5nZT86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIE9wdGlvbnMgcGFzc2VkIHRvIHRoZSBQYWdlTGltaXRTZWxlY3RvclxuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbltdIHwgbnVsbFxuICAvKipcbiAgICogTnVtYmVyIG9mIHJlY29yZHMgcGVyIHBhZ2UuXG4gICAqL1xuICBsaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsOiBudW1iZXJcbiAgLyoqXG4gICAqIFJldHVybnMgdGhlIGNvbnRlbnQgb2YgdGhlIG92ZXJ2aWV3LlxuICAgKlxuICAgKiBVc2UgdGhpcyBpZiB5b3UgbmVlZCB0byBsb2NhbGl6ZSB0aGUgb3ZlcnZpZXcgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICByZW5kZXJPdmVydmlldz86IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZGVmYXVsdE92ZXJ2aWV3ID0gKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IGAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuLyoqXG4gKiBUaGUgUGFnaW5hdGlvbiBjb21wb25lbnQgYWxsb3dzIHRoZSB1c2VyIHRvIG5hdmlnYXRlIGJldHdlZW4gcGFnZXMgb2YgcmVjb3Jkcy5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb24gPSAoe1xuICBwYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkxpbWl0Q2hhbmdlLFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBsaW1pdCxcbiAgdG90YWwgPSAwLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbCAvIGxpbWl0KVxuICBjb25zdCByYW5nZVNob3duID1cbiAgICB0b3RhbCA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWwpXG4gICAgICA6IGAke3RvdGFsID09PSAwID8gdG90YWwgOiBvZmZzZXQgKyAxfS0ke2xpbWl0ICsgb2Zmc2V0ID4gdG90YWwgPyB0b3RhbCA6IGxpbWl0ICsgb2Zmc2V0fWBcbiAgY29uc3QgY3VycmVudFBhZ2VMaW1pdCA9ICgpID0+IHtcbiAgICBjb25zdCBvcHRpb24gPSBvcHRpb25zPy5maW5kKChvcHRpb246IE9wdGlvbikgPT4ge1xuICAgICAgcmV0dXJuIG9wdGlvbi52YWx1ZSA9PT0gU3RyaW5nKGxpbWl0KVxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSBvcHRpb25zID8gKFxuICAgIDxTZWxlY3RGaWVsZFxuICAgICAgbGFiZWw9XCJcIlxuICAgICAgbmFtZT1cInBhZ2luYXRpb25TZWxlY3RlclwiXG4gICAgICBvbkNoYW5nZT17b25MaW1pdENoYW5nZX1cbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6IDE1MHB4O1xuICAgICAgYH1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICB2aXN1YWxTaXplPVwic21hbGxcIlxuICAgICAgbm9NYXJnaW5Cb3R0b21cbiAgICAvPlxuICApIDogbnVsbFxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtncmVhdGVyVGhhbignbCcpID8gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXYgY3NzPXt3cmFwcGVyU3R5bGVzfT5cbiAgICAgICAgICAgIDxUZXh0IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiIGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWwpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBwYWdlPXtwYWdlfSBvblBhZ2VDaGFuZ2U9e29uUGFnZUNoYW5nZX0gdG90YWw9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCIgYXM9XCJzcGFuXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbCl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIHBhZ2U9e3BhZ2V9IG9uUGFnZUNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbD17dG90YWxQYWdlc30gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "mu1x3s",
+  styles: "align-items:center;display:flex;justify-content:space-between;width:100%"
+} : {
+  name: "dsnjin-Pagination",
+  styles: "align-items:center;display:flex;justify-content:space-between;width:100%;label:Pagination;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRHb0IiLCJmaWxlIjoiLi4vc3JjL1BhZ2luYXRpb25UYWJsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFBhZ2luYXRpb25QYWdlcyB9IGZyb20gJy4vUGFnaW5hdGlvbidcbmltcG9ydCB7IFNlbGVjdEZpZWxkIH0gZnJvbSAnQGRmZHMtdWkvZm9ybXMnXG5pbXBvcnQgeyB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgbGFiZWw6IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nXG59XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBwYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBvZmZzZXRcbiAgICovXG4gIG9mZnNldD86IG51bWJlclxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25MaW1pdENoYW5nZT86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIE9wdGlvbnMgcGFzc2VkIHRvIHRoZSBQYWdlTGltaXRTZWxlY3RvclxuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbltdIHwgbnVsbFxuICAvKipcbiAgICogTnVtYmVyIG9mIHJlY29yZHMgcGVyIHBhZ2UuXG4gICAqL1xuICBsaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsOiBudW1iZXJcbiAgLyoqXG4gICAqIFJldHVybnMgdGhlIGNvbnRlbnQgb2YgdGhlIG92ZXJ2aWV3LlxuICAgKlxuICAgKiBVc2UgdGhpcyBpZiB5b3UgbmVlZCB0byBsb2NhbGl6ZSB0aGUgb3ZlcnZpZXcgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICByZW5kZXJPdmVydmlldz86IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZGVmYXVsdE92ZXJ2aWV3ID0gKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IGAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuLyoqXG4gKiBUaGUgUGFnaW5hdGlvbiBjb21wb25lbnQgYWxsb3dzIHRoZSB1c2VyIHRvIG5hdmlnYXRlIGJldHdlZW4gcGFnZXMgb2YgcmVjb3Jkcy5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb24gPSAoe1xuICBwYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkxpbWl0Q2hhbmdlLFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBsaW1pdCxcbiAgdG90YWwgPSAwLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbCAvIGxpbWl0KVxuICBjb25zdCByYW5nZVNob3duID1cbiAgICB0b3RhbCA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWwpXG4gICAgICA6IGAke3RvdGFsID09PSAwID8gdG90YWwgOiBvZmZzZXQgKyAxfS0ke2xpbWl0ICsgb2Zmc2V0ID4gdG90YWwgPyB0b3RhbCA6IGxpbWl0ICsgb2Zmc2V0fWBcbiAgY29uc3QgY3VycmVudFBhZ2VMaW1pdCA9ICgpID0+IHtcbiAgICBjb25zdCBvcHRpb24gPSBvcHRpb25zPy5maW5kKChvcHRpb246IE9wdGlvbikgPT4ge1xuICAgICAgcmV0dXJuIG9wdGlvbi52YWx1ZSA9PT0gU3RyaW5nKGxpbWl0KVxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSBvcHRpb25zID8gKFxuICAgIDxTZWxlY3RGaWVsZFxuICAgICAgbGFiZWw9XCJcIlxuICAgICAgbmFtZT1cInBhZ2luYXRpb25TZWxlY3RlclwiXG4gICAgICBvbkNoYW5nZT17b25MaW1pdENoYW5nZX1cbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6IDE1MHB4O1xuICAgICAgYH1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICB2aXN1YWxTaXplPVwic21hbGxcIlxuICAgICAgbm9NYXJnaW5Cb3R0b21cbiAgICAvPlxuICApIDogbnVsbFxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtncmVhdGVyVGhhbignbCcpID8gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXYgY3NzPXt3cmFwcGVyU3R5bGVzfT5cbiAgICAgICAgICAgIDxUZXh0IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiIGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWwpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBwYWdlPXtwYWdlfSBvblBhZ2VDaGFuZ2U9e29uUGFnZUNoYW5nZX0gdG90YWw9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCIgYXM9XCJzcGFuXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbCl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIHBhZ2U9e3BhZ2V9IG9uUGFnZUNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbD17dG90YWxQYWdlc30gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "1wwk2bk",
+  styles: "width:150px"
+} : {
+  name: "1mh4b89-PageLimitSelector",
+  styles: "width:150px;label:PageLimitSelector;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GYyIsImZpbGUiOiIuLi9zcmMvUGFnaW5hdGlvblRhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgUGFnaW5hdGlvblBhZ2VzIH0gZnJvbSAnLi9QYWdpbmF0aW9uJ1xuaW1wb3J0IHsgU2VsZWN0RmllbGQgfSBmcm9tICdAZGZkcy11aS9mb3JtcydcbmltcG9ydCB7IHdyYXBwZXJTdHlsZXMgfSBmcm9tICcuL1BhZ2luYXRpb24uc3R5bGVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgT3B0aW9uID0ge1xuICBsYWJlbDogc3RyaW5nXG4gIHZhbHVlOiBzdHJpbmdcbn1cblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIHBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkxpbWl0Q2hhbmdlPzogKGU6IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIGxpbWl0OiBudW1iZXJcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWw6IG51bWJlclxuICAvKipcbiAgICogUmV0dXJucyB0aGUgY29udGVudCBvZiB0aGUgb3ZlcnZpZXcuXG4gICAqXG4gICAqIFVzZSB0aGlzIGlmIHlvdSBuZWVkIHRvIGxvY2FsaXplIHRoZSBvdmVydmlldyBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIHJlbmRlck92ZXJ2aWV3PzogKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBkZWZhdWx0T3ZlcnZpZXcgPSAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gYCR7cmFuZ2VTaG93bn0gb2YgJHt0b3RhbFJlY29yZHN9YFxuXG4vKipcbiAqIFRoZSBQYWdpbmF0aW9uIGNvbXBvbmVudCBhbGxvd3MgdGhlIHVzZXIgdG8gbmF2aWdhdGUgYmV0d2VlbiBwYWdlcyBvZiByZWNvcmRzLlxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIHBhZ2UsXG4gIG9mZnNldCA9IDAsXG4gIG9uTGltaXRDaGFuZ2UsXG4gIG9uUGFnZUNoYW5nZSxcbiAgb3B0aW9ucyA9IG51bGwsXG4gIGxpbWl0LFxuICB0b3RhbCA9IDAsXG4gIHJlbmRlck92ZXJ2aWV3ID0gZGVmYXVsdE92ZXJ2aWV3LFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuICBjb25zdCB0b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRvdGFsIC8gbGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsID09PSAxXG4gICAgICA/IFN0cmluZyh0b3RhbClcbiAgICAgIDogYCR7dG90YWwgPT09IDAgPyB0b3RhbCA6IG9mZnNldCArIDF9LSR7bGltaXQgKyBvZmZzZXQgPiB0b3RhbCA/IHRvdGFsIDogbGltaXQgKyBvZmZzZXR9YFxuICBjb25zdCBjdXJyZW50UGFnZUxpbWl0ID0gKCkgPT4ge1xuICAgIGNvbnN0IG9wdGlvbiA9IG9wdGlvbnM/LmZpbmQoKG9wdGlvbjogT3B0aW9uKSA9PiB7XG4gICAgICByZXR1cm4gb3B0aW9uLnZhbHVlID09PSBTdHJpbmcobGltaXQpXG4gICAgfSlcbiAgICByZXR1cm4gb3B0aW9uXG4gIH1cblxuICBjb25zdCBQYWdlTGltaXRTZWxlY3RvciA9IG9wdGlvbnMgPyAoXG4gICAgPFNlbGVjdEZpZWxkXG4gICAgICBsYWJlbD1cIlwiXG4gICAgICBuYW1lPVwicGFnaW5hdGlvblNlbGVjdGVyXCJcbiAgICAgIG9uQ2hhbmdlPXtvbkxpbWl0Q2hhbmdlfVxuICAgICAgdmFsdWU9e2N1cnJlbnRQYWdlTGltaXQoKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB3aWR0aDogMTUwcHg7XG4gICAgICBgfVxuICAgICAgb3B0aW9ucz17b3B0aW9uc31cbiAgICAgIHZpc3VhbFNpemU9XCJzbWFsbFwiXG4gICAgICBub01hcmdpbkJvdHRvbVxuICAgIC8+XG4gICkgOiBudWxsXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCIgYXM9XCJzcGFuXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbCl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIHBhZ2U9e3BhZ2V9IG9uUGFnZUNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbD17dG90YWxQYWdlc30gLz5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAgICAge3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxQYWdpbmF0aW9uUGFnZXMgcGFnZT17cGFnZX0gb25QYWdlQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var Pagination = function Pagination(_ref4) {
+  var page = _ref4.page,
+      _ref4$offset = _ref4.offset,
+      offset = _ref4$offset === void 0 ? 0 : _ref4$offset,
+      onLimitChange = _ref4.onLimitChange,
+      onPageChange = _ref4.onPageChange,
+      _ref4$options = _ref4.options,
+      options = _ref4$options === void 0 ? null : _ref4$options,
+      limit = _ref4.limit,
+      _ref4$total = _ref4.total,
+      total = _ref4$total === void 0 ? 0 : _ref4$total,
+      _ref4$renderOverview = _ref4.renderOverview,
+      renderOverview = _ref4$renderOverview === void 0 ? defaultOverview : _ref4$renderOverview;
+
+  var _useBreakpoint = useBreakpoint(),
+      greaterThan = _useBreakpoint.greaterThan;
+
+  var totalPages = Math.ceil(total / limit);
+  var rangeShown = total === 1 ? String(total) : "".concat(total === 0 ? total : offset + 1, "-").concat(limit + offset > total ? total : limit + offset);
+
+  var currentPageLimit = function currentPageLimit() {
+    var option = options === null || options === void 0 ? void 0 : options.find(function (option) {
+      return option.value === String(limit);
+    });
+    return option;
+  };
+
+  var PageLimitSelector = options ? ___EmotionJSX(SelectField, {
+    label: "",
+    name: "paginationSelecter",
+    onChange: onLimitChange,
+    value: currentPageLimit(),
+    css: _ref3,
+    options: options,
+    visualSize: "small",
+    noMarginBottom: true
+  }) : null;
+  return ___EmotionJSX(React.Fragment, null, greaterThan('l') ? ___EmotionJSX(React.Fragment, null, ___EmotionJSX("div", {
+    css: wrapperStyles
+  }, ___EmotionJSX(Text, {
+    styledAs: "bodyInterface",
+    as: "span"
+  }, renderOverview(rangeShown, total)), ___EmotionJSX(PaginationPages, {
+    page: page,
+    onPageChange: onPageChange,
+    total: totalPages
+  }), PageLimitSelector)) : ___EmotionJSX(React.Fragment, null, ___EmotionJSX("div", {
+    css: _ref2
+  }, ___EmotionJSX(Text, {
+    styledAs: "bodyInterface",
+    as: "span"
+  }, renderOverview(rangeShown, total)), PageLimitSelector), ___EmotionJSX("div", {
+    css: _ref
+  }, ___EmotionJSX(PaginationPages, {
+    page: page,
+    onPageChange: onPageChange,
+    total: totalPages
+  }))));
+};
+export default Pagination;

package/cjs/Pagination.d.ts

@@ -0,0 +1,15 @@
+export declare type PaginationPagesProps = {
+    /**
+     * The current page.
+     */
+    page?: number;
+    /**
+     * Callback when the page is changed.
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Total number of records.
+     */
+    total: number;
+};
+export declare const PaginationPages: ({ page, onPageChange, total }: PaginationPagesProps) => JSX.Element;

package/cjs/Pagination.js

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PaginationPages = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactComponents = require("@dfds-ui/react-components");
+
+var _react2 = require("@emotion/react");
+
+var _system = require("@dfds-ui/icons/system");
+
+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; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+const ThreeDots = ({
+  size
+}) => {
+  const dimensions = (0, _reactComponents.getDefaultIconButtonDimensions)(size);
+  return (0, _react2.jsx)("div", {
+    css: /*#__PURE__*/(0, _react2.css)("display:flex;width:", dimensions.width, ";height:", dimensions.width, ";justify-content:center;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:ThreeDots;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmMiLCJmaWxlIjoiLi4vLi4vc3JjL1BhZ2luYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGdldERlZmF1bHRJY29uQnV0dG9uRGltZW5zaW9ucywgSWNvbkJ1dHRvbiwgSWNvbkJ1dHRvblNpemUgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUGFnZXNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBwYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsOiBudW1iZXJcbn1cblxuY29uc3QgVGhyZWVEb3RzID0gKHsgc2l6ZSB9OiB7IHNpemU6IEljb25CdXR0b25TaXplIH0pID0+IHtcbiAgY29uc3QgZGltZW5zaW9ucyA9IGdldERlZmF1bHRJY29uQnV0dG9uRGltZW5zaW9ucyhzaXplKVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICB3aWR0aDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgLi4uXG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb25QYWdlcyA9ICh7IHBhZ2UgPSAxLCBvblBhZ2VDaGFuZ2UsIHRvdGFsIH06IFBhZ2luYXRpb25QYWdlc1Byb3BzKSA9PiB7XG4gIGNvbnN0IFtwYWdlTnVtYmVyLCBzZXRQYWdlTnVtYmVyXSA9IHVzZVN0YXRlPG51bWJlcj4ocGFnZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvblBhZ2VDaGFuZ2UpIG9uUGFnZUNoYW5nZShwYWdlTnVtYmVyKVxuICB9LCBbcGFnZU51bWJlciwgb25QYWdlQ2hhbmdlXSlcblxuICBjb25zdCBnZXRSYW5nZSA9IChzdGFydDogbnVtYmVyLCBlbmQ6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiBBcnJheShlbmQgLSBzdGFydCArIDEpXG4gICAgICAuZmlsbCgxKVxuICAgICAgLm1hcCgoXywgaSkgPT4gaSArIHN0YXJ0KVxuICB9XG5cbiAgY29uc3QgaWNvbkJ1dHRvblNpemU6IEljb25CdXR0b25TaXplID0gJ21lZGl1bSdcblxuICBjb25zdCBnZW5lcmF0ZVBhZ2luYXRpb25MaXN0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGN1cnJlbnRQYWdlTnVtYmVyID0gcGFnZU51bWJlciA8PSB0b3RhbCA/IHBhZ2VOdW1iZXIgOiAxXG4gICAgY29uc3QgZGVsdGEgPSA0LFxuICAgICAgcmFuZ2UgPSB7XG4gICAgICAgIHN0YXJ0OiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyIC0gZGVsdGEgLyAyKSArIDEsXG4gICAgICAgIGVuZDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciArIGRlbHRhIC8gMikgLSAxLFxuICAgICAgfVxuXG4gICAgaWYgKHRvdGFsID09PSAwKSByZXR1cm4gW11cblxuICAgIGlmIChyYW5nZS5zdGFydCAtIDEgPT09IDEgfHwgcmFuZ2UuZW5kICsgMSA9PT0gdG90YWwpIHtcbiAgICAgIHJhbmdlLnN0YXJ0ICs9IDFcbiAgICAgIHJhbmdlLmVuZCArPSAxXG4gICAgfVxuXG4gICAgbGV0IHBhZ2VzID1cbiAgICAgIGN1cnJlbnRQYWdlTnVtYmVyID4gZGVsdGFcbiAgICAgICAgPyBnZXRSYW5nZShNYXRoLm1pbihyYW5nZS5zdGFydCwgdG90YWwgLSBkZWx0YSksIE1hdGgubWluKHJhbmdlLmVuZCwgdG90YWwpKVxuICAgICAgICA6IGdldFJhbmdlKDEsIE1hdGgubWluKHRvdGFsLCBkZWx0YSArIDEpKVxuXG4gICAgY29uc3Qgd2l0aERvdHMgPSAodmFsdWU6IG51bWJlciwgcGFpcjogYW55W10pID0+IChwYWdlcy5sZW5ndGggKyAxICE9PSB0b3RhbCA/IHBhaXIgOiBbdmFsdWVdKVxuXG4gICAgaWYgKHBhZ2VzWzBdICE9PSAxKSB7XG4gICAgICBwYWdlcyA9IHdpdGhEb3RzKDEsIFsxLCAnLi4uJ10pLmNvbmNhdChwYWdlcylcbiAgICB9XG5cbiAgICBpZiAocGFnZXNbcGFnZXMubGVuZ3RoIC0gMV0gPCB0b3RhbCkge1xuICAgICAgcGFnZXMgPSBwYWdlcy5jb25jYXQod2l0aERvdHModG90YWwsIFsnLi4uJywgdG90YWxdKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhZ2VzXG4gIH1cblxuICBjb25zdCBuZXh0UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA8IHRvdGFsKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgKyAxKVxuICB9XG4gIGNvbnN0IHByZXZQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyID4gMSkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyIC0gMSlcbiAgfVxuICBjb25zdCBvblBhZ2VDbGljayA9IChudW1iZXI6IG51bWJlcik6IHZvaWQgPT4ge1xuICAgIHNldFBhZ2VOdW1iZXIobnVtYmVyKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IDEgfHwgdG90YWwgPT09IDB9XG4gICAgICAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge2dlbmVyYXRlUGFnaW5hdGlvbkxpc3QoKS5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPGRpdiBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgIHt0eXBlb2YgaXRlbSA9PT0gJ251bWJlcicgPyAoXG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2xpY2soaXRlbSl9XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2l0ZW0gPT09IHBhZ2VOdW1iZXIgJiYgJ3JnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKSd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9XCJcIlxuICAgICAgICAgICAgICAgIHNpemU9e2ljb25CdXR0b25TaXplfVxuICAgICAgICAgICAgICAgIGljb249eygpID0+IDw+e2l0ZW19PC8+fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFRocmVlRG90cyBzaXplPXtpY29uQnV0dG9uU2l6ZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsIHx8IHRvdGFsID09PSAwfVxuICAgICAgICBpY29uPXtDaGV2cm9uUmlnaHR9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdfQ== */")
+  }, "...");
+};
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "fhxb3m",
+  styles: "display:flex;flex-direction:row;align-items:center"
+} : {
+  name: "1be972b-PaginationPages",
+  styles: "display:flex;flex-direction:row;align-items:center;label:PaginationPages;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErR2dCIiwiZmlsZSI6Ii4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMsIEljb25CdXR0b24sIEljb25CdXR0b25TaXplIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblBhZ2VzUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgcGFnZT86IG51bWJlclxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogVG90YWwgbnVtYmVyIG9mIHJlY29yZHMuXG4gICAqL1xuICB0b3RhbDogbnVtYmVyXG59XG5cbmNvbnN0IFRocmVlRG90cyA9ICh7IHNpemUgfTogeyBzaXplOiBJY29uQnV0dG9uU2l6ZSB9KSA9PiB7XG4gIGNvbnN0IGRpbWVuc2lvbnMgPSBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMoc2l6ZSlcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIC4uLlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uUGFnZXMgPSAoeyBwYWdlID0gMSwgb25QYWdlQ2hhbmdlLCB0b3RhbCB9OiBQYWdpbmF0aW9uUGFnZXNQcm9wcykgPT4ge1xuICBjb25zdCBbcGFnZU51bWJlciwgc2V0UGFnZU51bWJlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KHBhZ2UpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob25QYWdlQ2hhbmdlKSBvblBhZ2VDaGFuZ2UocGFnZU51bWJlcilcbiAgfSwgW3BhZ2VOdW1iZXIsIG9uUGFnZUNoYW5nZV0pXG5cbiAgY29uc3QgZ2V0UmFuZ2UgPSAoc3RhcnQ6IG51bWJlciwgZW5kOiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gQXJyYXkoZW5kIC0gc3RhcnQgKyAxKVxuICAgICAgLmZpbGwoMSlcbiAgICAgIC5tYXAoKF8sIGkpID0+IGkgKyBzdGFydClcbiAgfVxuXG4gIGNvbnN0IGljb25CdXR0b25TaXplOiBJY29uQnV0dG9uU2l6ZSA9ICdtZWRpdW0nXG5cbiAgY29uc3QgZ2VuZXJhdGVQYWdpbmF0aW9uTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50UGFnZU51bWJlciA9IHBhZ2VOdW1iZXIgPD0gdG90YWwgPyBwYWdlTnVtYmVyIDogMVxuICAgIGNvbnN0IGRlbHRhID0gNCxcbiAgICAgIHJhbmdlID0ge1xuICAgICAgICBzdGFydDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciAtIGRlbHRhIC8gMikgKyAxLFxuICAgICAgICBlbmQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgKyBkZWx0YSAvIDIpIC0gMSxcbiAgICAgIH1cblxuICAgIGlmICh0b3RhbCA9PT0gMCkgcmV0dXJuIFtdXG5cbiAgICBpZiAocmFuZ2Uuc3RhcnQgLSAxID09PSAxIHx8IHJhbmdlLmVuZCArIDEgPT09IHRvdGFsKSB7XG4gICAgICByYW5nZS5zdGFydCArPSAxXG4gICAgICByYW5nZS5lbmQgKz0gMVxuICAgIH1cblxuICAgIGxldCBwYWdlcyA9XG4gICAgICBjdXJyZW50UGFnZU51bWJlciA+IGRlbHRhXG4gICAgICAgID8gZ2V0UmFuZ2UoTWF0aC5taW4ocmFuZ2Uuc3RhcnQsIHRvdGFsIC0gZGVsdGEpLCBNYXRoLm1pbihyYW5nZS5lbmQsIHRvdGFsKSlcbiAgICAgICAgOiBnZXRSYW5nZSgxLCBNYXRoLm1pbih0b3RhbCwgZGVsdGEgKyAxKSlcblxuICAgIGNvbnN0IHdpdGhEb3RzID0gKHZhbHVlOiBudW1iZXIsIHBhaXI6IGFueVtdKSA9PiAocGFnZXMubGVuZ3RoICsgMSAhPT0gdG90YWwgPyBwYWlyIDogW3ZhbHVlXSlcblxuICAgIGlmIChwYWdlc1swXSAhPT0gMSkge1xuICAgICAgcGFnZXMgPSB3aXRoRG90cygxLCBbMSwgJy4uLiddKS5jb25jYXQocGFnZXMpXG4gICAgfVxuXG4gICAgaWYgKHBhZ2VzW3BhZ2VzLmxlbmd0aCAtIDFdIDwgdG90YWwpIHtcbiAgICAgIHBhZ2VzID0gcGFnZXMuY29uY2F0KHdpdGhEb3RzKHRvdGFsLCBbJy4uLicsIHRvdGFsXSkpXG4gICAgfVxuICAgIHJldHVybiBwYWdlc1xuICB9XG5cbiAgY29uc3QgbmV4dFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPCB0b3RhbCkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyICsgMSlcbiAgfVxuICBjb25zdCBwcmV2UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA+IDEpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciAtIDEpXG4gIH1cbiAgY29uc3Qgb25QYWdlQ2xpY2sgPSAobnVtYmVyOiBudW1iZXIpOiB2b2lkID0+IHtcbiAgICBzZXRQYWdlTnVtYmVyKG51bWJlcilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgIG9uQ2xpY2s9e3ByZXZQYWdlfVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSAxIHx8IHRvdGFsID09PSAwfVxuICAgICAgLz5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtnZW5lcmF0ZVBhZ2luYXRpb25MaXN0KCkubWFwKChpdGVtLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxkaXYga2V5PXtpbmRleH0+XG4gICAgICAgICAgICB7dHlwZW9mIGl0ZW0gPT09ICdudW1iZXInID8gKFxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uUGFnZUNsaWNrKGl0ZW0pfVxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtpdGVtID09PSBwYWdlTnVtYmVyICYmICdyZ2JhKDczLCAxNjIsIDIyMywgMC4xMiknfTtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgIGRpc2FibGVUb29sdGlwXG4gICAgICAgICAgICAgICAgYXJpYUxhYmVsPVwiXCJcbiAgICAgICAgICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgICAgICAgICAgICBpY29uPXsoKSA9PiA8PntpdGVtfTwvPn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxUaHJlZURvdHMgc2l6ZT17aWNvbkJ1dHRvblNpemV9IC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgb25DbGljaz17bmV4dFBhZ2V9XG4gICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSB0b3RhbCB8fCB0b3RhbCA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "2fv1rn",
+  styles: "display:flex;flex-direction:row;height:100%;align-items:center"
+} : {
+  name: "fp6gtp-PaginationPages",
+  styles: "display:flex;flex-direction:row;height:100%;align-items:center;label:PaginationPages;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnR2MiLCJmaWxlIjoiLi4vLi4vc3JjL1BhZ2luYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGdldERlZmF1bHRJY29uQnV0dG9uRGltZW5zaW9ucywgSWNvbkJ1dHRvbiwgSWNvbkJ1dHRvblNpemUgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUGFnZXNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBwYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsOiBudW1iZXJcbn1cblxuY29uc3QgVGhyZWVEb3RzID0gKHsgc2l6ZSB9OiB7IHNpemU6IEljb25CdXR0b25TaXplIH0pID0+IHtcbiAgY29uc3QgZGltZW5zaW9ucyA9IGdldERlZmF1bHRJY29uQnV0dG9uRGltZW5zaW9ucyhzaXplKVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICB3aWR0aDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgLi4uXG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb25QYWdlcyA9ICh7IHBhZ2UgPSAxLCBvblBhZ2VDaGFuZ2UsIHRvdGFsIH06IFBhZ2luYXRpb25QYWdlc1Byb3BzKSA9PiB7XG4gIGNvbnN0IFtwYWdlTnVtYmVyLCBzZXRQYWdlTnVtYmVyXSA9IHVzZVN0YXRlPG51bWJlcj4ocGFnZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvblBhZ2VDaGFuZ2UpIG9uUGFnZUNoYW5nZShwYWdlTnVtYmVyKVxuICB9LCBbcGFnZU51bWJlciwgb25QYWdlQ2hhbmdlXSlcblxuICBjb25zdCBnZXRSYW5nZSA9IChzdGFydDogbnVtYmVyLCBlbmQ6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiBBcnJheShlbmQgLSBzdGFydCArIDEpXG4gICAgICAuZmlsbCgxKVxuICAgICAgLm1hcCgoXywgaSkgPT4gaSArIHN0YXJ0KVxuICB9XG5cbiAgY29uc3QgaWNvbkJ1dHRvblNpemU6IEljb25CdXR0b25TaXplID0gJ21lZGl1bSdcblxuICBjb25zdCBnZW5lcmF0ZVBhZ2luYXRpb25MaXN0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGN1cnJlbnRQYWdlTnVtYmVyID0gcGFnZU51bWJlciA8PSB0b3RhbCA/IHBhZ2VOdW1iZXIgOiAxXG4gICAgY29uc3QgZGVsdGEgPSA0LFxuICAgICAgcmFuZ2UgPSB7XG4gICAgICAgIHN0YXJ0OiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyIC0gZGVsdGEgLyAyKSArIDEsXG4gICAgICAgIGVuZDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciArIGRlbHRhIC8gMikgLSAxLFxuICAgICAgfVxuXG4gICAgaWYgKHRvdGFsID09PSAwKSByZXR1cm4gW11cblxuICAgIGlmIChyYW5nZS5zdGFydCAtIDEgPT09IDEgfHwgcmFuZ2UuZW5kICsgMSA9PT0gdG90YWwpIHtcbiAgICAgIHJhbmdlLnN0YXJ0ICs9IDFcbiAgICAgIHJhbmdlLmVuZCArPSAxXG4gICAgfVxuXG4gICAgbGV0IHBhZ2VzID1cbiAgICAgIGN1cnJlbnRQYWdlTnVtYmVyID4gZGVsdGFcbiAgICAgICAgPyBnZXRSYW5nZShNYXRoLm1pbihyYW5nZS5zdGFydCwgdG90YWwgLSBkZWx0YSksIE1hdGgubWluKHJhbmdlLmVuZCwgdG90YWwpKVxuICAgICAgICA6IGdldFJhbmdlKDEsIE1hdGgubWluKHRvdGFsLCBkZWx0YSArIDEpKVxuXG4gICAgY29uc3Qgd2l0aERvdHMgPSAodmFsdWU6IG51bWJlciwgcGFpcjogYW55W10pID0+IChwYWdlcy5sZW5ndGggKyAxICE9PSB0b3RhbCA/IHBhaXIgOiBbdmFsdWVdKVxuXG4gICAgaWYgKHBhZ2VzWzBdICE9PSAxKSB7XG4gICAgICBwYWdlcyA9IHdpdGhEb3RzKDEsIFsxLCAnLi4uJ10pLmNvbmNhdChwYWdlcylcbiAgICB9XG5cbiAgICBpZiAocGFnZXNbcGFnZXMubGVuZ3RoIC0gMV0gPCB0b3RhbCkge1xuICAgICAgcGFnZXMgPSBwYWdlcy5jb25jYXQod2l0aERvdHModG90YWwsIFsnLi4uJywgdG90YWxdKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhZ2VzXG4gIH1cblxuICBjb25zdCBuZXh0UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA8IHRvdGFsKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgKyAxKVxuICB9XG4gIGNvbnN0IHByZXZQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyID4gMSkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyIC0gMSlcbiAgfVxuICBjb25zdCBvblBhZ2VDbGljayA9IChudW1iZXI6IG51bWJlcik6IHZvaWQgPT4ge1xuICAgIHNldFBhZ2VOdW1iZXIobnVtYmVyKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IDEgfHwgdG90YWwgPT09IDB9XG4gICAgICAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge2dlbmVyYXRlUGFnaW5hdGlvbkxpc3QoKS5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPGRpdiBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgIHt0eXBlb2YgaXRlbSA9PT0gJ251bWJlcicgPyAoXG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2xpY2soaXRlbSl9XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2l0ZW0gPT09IHBhZ2VOdW1iZXIgJiYgJ3JnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKSd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9XCJcIlxuICAgICAgICAgICAgICAgIHNpemU9e2ljb25CdXR0b25TaXplfVxuICAgICAgICAgICAgICAgIGljb249eygpID0+IDw+e2l0ZW19PC8+fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFRocmVlRG90cyBzaXplPXtpY29uQnV0dG9uU2l6ZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsIHx8IHRvdGFsID09PSAwfVxuICAgICAgICBpY29uPXtDaGV2cm9uUmlnaHR9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const PaginationPages = ({
+  page = 1,
+  onPageChange,
+  total
+}) => {
+  const _useState = (0, _react.useState)(page),
+        _useState2 = _slicedToArray(_useState, 2),
+        pageNumber = _useState2[0],
+        setPageNumber = _useState2[1];
+
+  (0, _react.useEffect)(() => {
+    if (onPageChange) onPageChange(pageNumber);
+  }, [pageNumber, onPageChange]);
+
+  const getRange = (start, end) => {
+    return Array(end - start + 1).fill(1).map((_, i) => i + start);
+  };
+
+  const iconButtonSize = 'medium';
+
+  const generatePaginationList = () => {
+    const currentPageNumber = pageNumber <= total ? pageNumber : 1;
+    const delta = 4,
+          range = {
+      start: Math.round(currentPageNumber - delta / 2) + 1,
+      end: Math.round(currentPageNumber + delta / 2) - 1
+    };
+    if (total === 0) return [];
+
+    if (range.start - 1 === 1 || range.end + 1 === total) {
+      range.start += 1;
+      range.end += 1;
+    }
+
+    let pages = currentPageNumber > delta ? getRange(Math.min(range.start, total - delta), Math.min(range.end, total)) : getRange(1, Math.min(total, delta + 1));
+
+    const withDots = (value, pair) => pages.length + 1 !== total ? pair : [value];
+
+    if (pages[0] !== 1) {
+      pages = withDots(1, [1, '...']).concat(pages);
+    }
+
+    if (pages[pages.length - 1] < total) {
+      pages = pages.concat(withDots(total, ['...', total]));
+    }
+
+    return pages;
+  };
+
+  const nextPage = () => {
+    if (pageNumber < total) setPageNumber(pageNumber + 1);
+  };
+
+  const prevPage = () => {
+    if (pageNumber > 1) setPageNumber(pageNumber - 1);
+  };
+
+  const onPageClick = number => {
+    setPageNumber(number);
+  };
+
+  return (0, _react2.jsx)("div", {
+    css: _ref2
+  }, (0, _react2.jsx)(_reactComponents.IconButton, {
+    icon: _system.ChevronLeft,
+    onClick: prevPage,
+    ariaLabel: "Next",
+    size: iconButtonSize,
+    disabled: pageNumber === 1 || total === 0
+  }), (0, _react2.jsx)("div", {
+    css: _ref
+  }, generatePaginationList().map((item, index) => (0, _react2.jsx)("div", {
+    key: index
+  }, typeof item === 'number' ? (0, _react2.jsx)(_reactComponents.IconButton, {
+    onClick: () => onPageClick(item),
+    css: /*#__PURE__*/(0, _react2.css)("font-size:1rem;background-color:", item === pageNumber && 'rgba(73, 162, 223, 0.12)', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PaginationPages;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwSHdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMsIEljb25CdXR0b24sIEljb25CdXR0b25TaXplIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblBhZ2VzUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgcGFnZT86IG51bWJlclxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogVG90YWwgbnVtYmVyIG9mIHJlY29yZHMuXG4gICAqL1xuICB0b3RhbDogbnVtYmVyXG59XG5cbmNvbnN0IFRocmVlRG90cyA9ICh7IHNpemUgfTogeyBzaXplOiBJY29uQnV0dG9uU2l6ZSB9KSA9PiB7XG4gIGNvbnN0IGRpbWVuc2lvbnMgPSBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMoc2l6ZSlcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIC4uLlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uUGFnZXMgPSAoeyBwYWdlID0gMSwgb25QYWdlQ2hhbmdlLCB0b3RhbCB9OiBQYWdpbmF0aW9uUGFnZXNQcm9wcykgPT4ge1xuICBjb25zdCBbcGFnZU51bWJlciwgc2V0UGFnZU51bWJlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KHBhZ2UpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob25QYWdlQ2hhbmdlKSBvblBhZ2VDaGFuZ2UocGFnZU51bWJlcilcbiAgfSwgW3BhZ2VOdW1iZXIsIG9uUGFnZUNoYW5nZV0pXG5cbiAgY29uc3QgZ2V0UmFuZ2UgPSAoc3RhcnQ6IG51bWJlciwgZW5kOiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gQXJyYXkoZW5kIC0gc3RhcnQgKyAxKVxuICAgICAgLmZpbGwoMSlcbiAgICAgIC5tYXAoKF8sIGkpID0+IGkgKyBzdGFydClcbiAgfVxuXG4gIGNvbnN0IGljb25CdXR0b25TaXplOiBJY29uQnV0dG9uU2l6ZSA9ICdtZWRpdW0nXG5cbiAgY29uc3QgZ2VuZXJhdGVQYWdpbmF0aW9uTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50UGFnZU51bWJlciA9IHBhZ2VOdW1iZXIgPD0gdG90YWwgPyBwYWdlTnVtYmVyIDogMVxuICAgIGNvbnN0IGRlbHRhID0gNCxcbiAgICAgIHJhbmdlID0ge1xuICAgICAgICBzdGFydDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciAtIGRlbHRhIC8gMikgKyAxLFxuICAgICAgICBlbmQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgKyBkZWx0YSAvIDIpIC0gMSxcbiAgICAgIH1cblxuICAgIGlmICh0b3RhbCA9PT0gMCkgcmV0dXJuIFtdXG5cbiAgICBpZiAocmFuZ2Uuc3RhcnQgLSAxID09PSAxIHx8IHJhbmdlLmVuZCArIDEgPT09IHRvdGFsKSB7XG4gICAgICByYW5nZS5zdGFydCArPSAxXG4gICAgICByYW5nZS5lbmQgKz0gMVxuICAgIH1cblxuICAgIGxldCBwYWdlcyA9XG4gICAgICBjdXJyZW50UGFnZU51bWJlciA+IGRlbHRhXG4gICAgICAgID8gZ2V0UmFuZ2UoTWF0aC5taW4ocmFuZ2Uuc3RhcnQsIHRvdGFsIC0gZGVsdGEpLCBNYXRoLm1pbihyYW5nZS5lbmQsIHRvdGFsKSlcbiAgICAgICAgOiBnZXRSYW5nZSgxLCBNYXRoLm1pbih0b3RhbCwgZGVsdGEgKyAxKSlcblxuICAgIGNvbnN0IHdpdGhEb3RzID0gKHZhbHVlOiBudW1iZXIsIHBhaXI6IGFueVtdKSA9PiAocGFnZXMubGVuZ3RoICsgMSAhPT0gdG90YWwgPyBwYWlyIDogW3ZhbHVlXSlcblxuICAgIGlmIChwYWdlc1swXSAhPT0gMSkge1xuICAgICAgcGFnZXMgPSB3aXRoRG90cygxLCBbMSwgJy4uLiddKS5jb25jYXQocGFnZXMpXG4gICAgfVxuXG4gICAgaWYgKHBhZ2VzW3BhZ2VzLmxlbmd0aCAtIDFdIDwgdG90YWwpIHtcbiAgICAgIHBhZ2VzID0gcGFnZXMuY29uY2F0KHdpdGhEb3RzKHRvdGFsLCBbJy4uLicsIHRvdGFsXSkpXG4gICAgfVxuICAgIHJldHVybiBwYWdlc1xuICB9XG5cbiAgY29uc3QgbmV4dFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPCB0b3RhbCkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyICsgMSlcbiAgfVxuICBjb25zdCBwcmV2UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA+IDEpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciAtIDEpXG4gIH1cbiAgY29uc3Qgb25QYWdlQ2xpY2sgPSAobnVtYmVyOiBudW1iZXIpOiB2b2lkID0+IHtcbiAgICBzZXRQYWdlTnVtYmVyKG51bWJlcilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgIG9uQ2xpY2s9e3ByZXZQYWdlfVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSAxIHx8IHRvdGFsID09PSAwfVxuICAgICAgLz5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtnZW5lcmF0ZVBhZ2luYXRpb25MaXN0KCkubWFwKChpdGVtLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxkaXYga2V5PXtpbmRleH0+XG4gICAgICAgICAgICB7dHlwZW9mIGl0ZW0gPT09ICdudW1iZXInID8gKFxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uUGFnZUNsaWNrKGl0ZW0pfVxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtpdGVtID09PSBwYWdlTnVtYmVyICYmICdyZ2JhKDczLCAxNjIsIDIyMywgMC4xMiknfTtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgIGRpc2FibGVUb29sdGlwXG4gICAgICAgICAgICAgICAgYXJpYUxhYmVsPVwiXCJcbiAgICAgICAgICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgICAgICAgICAgICBpY29uPXsoKSA9PiA8PntpdGVtfTwvPn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxUaHJlZURvdHMgc2l6ZT17aWNvbkJ1dHRvblNpemV9IC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgb25DbGljaz17bmV4dFBhZ2V9XG4gICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSB0b3RhbCB8fCB0b3RhbCA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */"),
+    disableTooltip: true,
+    ariaLabel: "",
+    size: iconButtonSize,
+    icon: () => (0, _react2.jsx)(_react.default.Fragment, null, item)
+  }) : (0, _react2.jsx)(ThreeDots, {
+    size: iconButtonSize
+  })))), (0, _react2.jsx)(_reactComponents.IconButton, {
+    onClick: nextPage,
+    disabled: pageNumber === total || total === 0,
+    icon: _system.ChevronRight,
+    ariaLabel: "Next",
+    size: iconButtonSize
+  }));
+};
+
+exports.PaginationPages = PaginationPages;

package/cjs/Pagination.styles.d.ts

@@ -0,0 +1 @@
+export declare const wrapperStyles: import("@emotion/react").SerializedStyles;

package/cjs/Pagination.styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.wrapperStyles = void 0;
+
+var _theme = require("@dfds-ui/theme");
+
+var _react = require("@emotion/react");
+
+const wrapperStyles = /*#__PURE__*/(0, _react.css)("background-color:white;display:flex;justify-content:space-between;align-items:center;", _theme.media.lessThan('l')`
+    flex-direction: column;
+    justify-content: center;
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6Ii4uLy4uL3NyYy9QYWdpbmF0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke21lZGlhLmxlc3NUaGFuKCdsJylgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYH1cbmBcbiJdfQ== */");
+exports.wrapperStyles = wrapperStyles;

package/cjs/PaginationTable.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+declare type Option = {
+    label: string;
+    value: string;
+};
+export declare type PaginationProps = {
+    /**
+     * The current page.
+     */
+    page?: number;
+    /**
+     * The current offset
+     */
+    offset?: number;
+    /**
+     * Callback when the page is changed.
+     */
+    onLimitChange?: (e: any) => void;
+    /**
+     * Callback when the page is changed.
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Options passed to the PageLimitSelector
+     */
+    options?: Option[] | null;
+    /**
+     * Number of records per page.
+     */
+    limit: number;
+    /**
+     * Total number of records.
+     */
+    total: number;
+    /**
+     * Returns the content of the overview.
+     *
+     * Use this if you need to localize the overview being rendered.
+     */
+    renderOverview?: (rangeShown: string, totalRecords: number) => React.ReactNode;
+};
+/**
+ * The Pagination component allows the user to navigate between pages of records.
+ */
+export declare const Pagination: ({ page, offset, onLimitChange, onPageChange, options, limit, total, renderOverview, }: PaginationProps) => JSX.Element;
+export default Pagination;

package/cjs/PaginationTable.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Pagination = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _theme = require("@dfds-ui/theme");
+
+var _typography = require("@dfds-ui/typography");
+
+var _Pagination = require("./Pagination");
+
+var _forms = require("@dfds-ui/forms");
+
+var _Pagination2 = require("./Pagination.styles");
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+const defaultOverview = (rangeShown, totalRecords) => `${rangeShown} of ${totalRecords}`;
+/**
+ * The Pagination component allows the user to navigate between pages of records.
+ */
+
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "zl1inp",
+  styles: "display:flex;justify-content:center"
+} : {
+  name: "1vah881-Pagination",
+  styles: "display:flex;justify-content:center;label:Pagination;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlIb0IiLCJmaWxlIjoiLi4vLi4vc3JjL1BhZ2luYXRpb25UYWJsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFBhZ2luYXRpb25QYWdlcyB9IGZyb20gJy4vUGFnaW5hdGlvbidcbmltcG9ydCB7IFNlbGVjdEZpZWxkIH0gZnJvbSAnQGRmZHMtdWkvZm9ybXMnXG5pbXBvcnQgeyB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgbGFiZWw6IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nXG59XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBwYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBvZmZzZXRcbiAgICovXG4gIG9mZnNldD86IG51bWJlclxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25MaW1pdENoYW5nZT86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIE9wdGlvbnMgcGFzc2VkIHRvIHRoZSBQYWdlTGltaXRTZWxlY3RvclxuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbltdIHwgbnVsbFxuICAvKipcbiAgICogTnVtYmVyIG9mIHJlY29yZHMgcGVyIHBhZ2UuXG4gICAqL1xuICBsaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsOiBudW1iZXJcbiAgLyoqXG4gICAqIFJldHVybnMgdGhlIGNvbnRlbnQgb2YgdGhlIG92ZXJ2aWV3LlxuICAgKlxuICAgKiBVc2UgdGhpcyBpZiB5b3UgbmVlZCB0byBsb2NhbGl6ZSB0aGUgb3ZlcnZpZXcgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICByZW5kZXJPdmVydmlldz86IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZGVmYXVsdE92ZXJ2aWV3ID0gKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IGAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuLyoqXG4gKiBUaGUgUGFnaW5hdGlvbiBjb21wb25lbnQgYWxsb3dzIHRoZSB1c2VyIHRvIG5hdmlnYXRlIGJldHdlZW4gcGFnZXMgb2YgcmVjb3Jkcy5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb24gPSAoe1xuICBwYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkxpbWl0Q2hhbmdlLFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBsaW1pdCxcbiAgdG90YWwgPSAwLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbCAvIGxpbWl0KVxuICBjb25zdCByYW5nZVNob3duID1cbiAgICB0b3RhbCA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWwpXG4gICAgICA6IGAke3RvdGFsID09PSAwID8gdG90YWwgOiBvZmZzZXQgKyAxfS0ke2xpbWl0ICsgb2Zmc2V0ID4gdG90YWwgPyB0b3RhbCA6IGxpbWl0ICsgb2Zmc2V0fWBcbiAgY29uc3QgY3VycmVudFBhZ2VMaW1pdCA9ICgpID0+IHtcbiAgICBjb25zdCBvcHRpb24gPSBvcHRpb25zPy5maW5kKChvcHRpb246IE9wdGlvbikgPT4ge1xuICAgICAgcmV0dXJuIG9wdGlvbi52YWx1ZSA9PT0gU3RyaW5nKGxpbWl0KVxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSBvcHRpb25zID8gKFxuICAgIDxTZWxlY3RGaWVsZFxuICAgICAgbGFiZWw9XCJcIlxuICAgICAgbmFtZT1cInBhZ2luYXRpb25TZWxlY3RlclwiXG4gICAgICBvbkNoYW5nZT17b25MaW1pdENoYW5nZX1cbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6IDE1MHB4O1xuICAgICAgYH1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICB2aXN1YWxTaXplPVwic21hbGxcIlxuICAgICAgbm9NYXJnaW5Cb3R0b21cbiAgICAvPlxuICApIDogbnVsbFxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtncmVhdGVyVGhhbignbCcpID8gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXYgY3NzPXt3cmFwcGVyU3R5bGVzfT5cbiAgICAgICAgICAgIDxUZXh0IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiIGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWwpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBwYWdlPXtwYWdlfSBvblBhZ2VDaGFuZ2U9e29uUGFnZUNoYW5nZX0gdG90YWw9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCIgYXM9XCJzcGFuXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbCl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIHBhZ2U9e3BhZ2V9IG9uUGFnZUNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbD17dG90YWxQYWdlc30gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "mu1x3s",
+  styles: "align-items:center;display:flex;justify-content:space-between;width:100%"
+} : {
+  name: "dsnjin-Pagination",
+  styles: "align-items:center;display:flex;justify-content:space-between;width:100%;label:Pagination;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRHb0IiLCJmaWxlIjoiLi4vLi4vc3JjL1BhZ2luYXRpb25UYWJsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFBhZ2luYXRpb25QYWdlcyB9IGZyb20gJy4vUGFnaW5hdGlvbidcbmltcG9ydCB7IFNlbGVjdEZpZWxkIH0gZnJvbSAnQGRmZHMtdWkvZm9ybXMnXG5pbXBvcnQgeyB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgbGFiZWw6IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nXG59XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBwYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBvZmZzZXRcbiAgICovXG4gIG9mZnNldD86IG51bWJlclxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25MaW1pdENoYW5nZT86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIE9wdGlvbnMgcGFzc2VkIHRvIHRoZSBQYWdlTGltaXRTZWxlY3RvclxuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbltdIHwgbnVsbFxuICAvKipcbiAgICogTnVtYmVyIG9mIHJlY29yZHMgcGVyIHBhZ2UuXG4gICAqL1xuICBsaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsOiBudW1iZXJcbiAgLyoqXG4gICAqIFJldHVybnMgdGhlIGNvbnRlbnQgb2YgdGhlIG92ZXJ2aWV3LlxuICAgKlxuICAgKiBVc2UgdGhpcyBpZiB5b3UgbmVlZCB0byBsb2NhbGl6ZSB0aGUgb3ZlcnZpZXcgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICByZW5kZXJPdmVydmlldz86IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZGVmYXVsdE92ZXJ2aWV3ID0gKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IGAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuLyoqXG4gKiBUaGUgUGFnaW5hdGlvbiBjb21wb25lbnQgYWxsb3dzIHRoZSB1c2VyIHRvIG5hdmlnYXRlIGJldHdlZW4gcGFnZXMgb2YgcmVjb3Jkcy5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb24gPSAoe1xuICBwYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkxpbWl0Q2hhbmdlLFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBsaW1pdCxcbiAgdG90YWwgPSAwLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbCAvIGxpbWl0KVxuICBjb25zdCByYW5nZVNob3duID1cbiAgICB0b3RhbCA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWwpXG4gICAgICA6IGAke3RvdGFsID09PSAwID8gdG90YWwgOiBvZmZzZXQgKyAxfS0ke2xpbWl0ICsgb2Zmc2V0ID4gdG90YWwgPyB0b3RhbCA6IGxpbWl0ICsgb2Zmc2V0fWBcbiAgY29uc3QgY3VycmVudFBhZ2VMaW1pdCA9ICgpID0+IHtcbiAgICBjb25zdCBvcHRpb24gPSBvcHRpb25zPy5maW5kKChvcHRpb246IE9wdGlvbikgPT4ge1xuICAgICAgcmV0dXJuIG9wdGlvbi52YWx1ZSA9PT0gU3RyaW5nKGxpbWl0KVxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSBvcHRpb25zID8gKFxuICAgIDxTZWxlY3RGaWVsZFxuICAgICAgbGFiZWw9XCJcIlxuICAgICAgbmFtZT1cInBhZ2luYXRpb25TZWxlY3RlclwiXG4gICAgICBvbkNoYW5nZT17b25MaW1pdENoYW5nZX1cbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6IDE1MHB4O1xuICAgICAgYH1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICB2aXN1YWxTaXplPVwic21hbGxcIlxuICAgICAgbm9NYXJnaW5Cb3R0b21cbiAgICAvPlxuICApIDogbnVsbFxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtncmVhdGVyVGhhbignbCcpID8gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXYgY3NzPXt3cmFwcGVyU3R5bGVzfT5cbiAgICAgICAgICAgIDxUZXh0IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiIGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWwpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBwYWdlPXtwYWdlfSBvblBhZ2VDaGFuZ2U9e29uUGFnZUNoYW5nZX0gdG90YWw9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCIgYXM9XCJzcGFuXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbCl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIHBhZ2U9e3BhZ2V9IG9uUGFnZUNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbD17dG90YWxQYWdlc30gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "1wwk2bk",
+  styles: "width:150px"
+} : {
+  name: "1mh4b89-PageLimitSelector",
+  styles: "width:150px;label:PageLimitSelector;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GYyIsImZpbGUiOiIuLi8uLi9zcmMvUGFnaW5hdGlvblRhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgUGFnaW5hdGlvblBhZ2VzIH0gZnJvbSAnLi9QYWdpbmF0aW9uJ1xuaW1wb3J0IHsgU2VsZWN0RmllbGQgfSBmcm9tICdAZGZkcy11aS9mb3JtcydcbmltcG9ydCB7IHdyYXBwZXJTdHlsZXMgfSBmcm9tICcuL1BhZ2luYXRpb24uc3R5bGVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgT3B0aW9uID0ge1xuICBsYWJlbDogc3RyaW5nXG4gIHZhbHVlOiBzdHJpbmdcbn1cblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIHBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkxpbWl0Q2hhbmdlPzogKGU6IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIGxpbWl0OiBudW1iZXJcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWw6IG51bWJlclxuICAvKipcbiAgICogUmV0dXJucyB0aGUgY29udGVudCBvZiB0aGUgb3ZlcnZpZXcuXG4gICAqXG4gICAqIFVzZSB0aGlzIGlmIHlvdSBuZWVkIHRvIGxvY2FsaXplIHRoZSBvdmVydmlldyBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIHJlbmRlck92ZXJ2aWV3PzogKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBkZWZhdWx0T3ZlcnZpZXcgPSAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gYCR7cmFuZ2VTaG93bn0gb2YgJHt0b3RhbFJlY29yZHN9YFxuXG4vKipcbiAqIFRoZSBQYWdpbmF0aW9uIGNvbXBvbmVudCBhbGxvd3MgdGhlIHVzZXIgdG8gbmF2aWdhdGUgYmV0d2VlbiBwYWdlcyBvZiByZWNvcmRzLlxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIHBhZ2UsXG4gIG9mZnNldCA9IDAsXG4gIG9uTGltaXRDaGFuZ2UsXG4gIG9uUGFnZUNoYW5nZSxcbiAgb3B0aW9ucyA9IG51bGwsXG4gIGxpbWl0LFxuICB0b3RhbCA9IDAsXG4gIHJlbmRlck92ZXJ2aWV3ID0gZGVmYXVsdE92ZXJ2aWV3LFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuICBjb25zdCB0b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRvdGFsIC8gbGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsID09PSAxXG4gICAgICA/IFN0cmluZyh0b3RhbClcbiAgICAgIDogYCR7dG90YWwgPT09IDAgPyB0b3RhbCA6IG9mZnNldCArIDF9LSR7bGltaXQgKyBvZmZzZXQgPiB0b3RhbCA/IHRvdGFsIDogbGltaXQgKyBvZmZzZXR9YFxuICBjb25zdCBjdXJyZW50UGFnZUxpbWl0ID0gKCkgPT4ge1xuICAgIGNvbnN0IG9wdGlvbiA9IG9wdGlvbnM/LmZpbmQoKG9wdGlvbjogT3B0aW9uKSA9PiB7XG4gICAgICByZXR1cm4gb3B0aW9uLnZhbHVlID09PSBTdHJpbmcobGltaXQpXG4gICAgfSlcbiAgICByZXR1cm4gb3B0aW9uXG4gIH1cblxuICBjb25zdCBQYWdlTGltaXRTZWxlY3RvciA9IG9wdGlvbnMgPyAoXG4gICAgPFNlbGVjdEZpZWxkXG4gICAgICBsYWJlbD1cIlwiXG4gICAgICBuYW1lPVwicGFnaW5hdGlvblNlbGVjdGVyXCJcbiAgICAgIG9uQ2hhbmdlPXtvbkxpbWl0Q2hhbmdlfVxuICAgICAgdmFsdWU9e2N1cnJlbnRQYWdlTGltaXQoKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB3aWR0aDogMTUwcHg7XG4gICAgICBgfVxuICAgICAgb3B0aW9ucz17b3B0aW9uc31cbiAgICAgIHZpc3VhbFNpemU9XCJzbWFsbFwiXG4gICAgICBub01hcmdpbkJvdHRvbVxuICAgIC8+XG4gICkgOiBudWxsXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCIgYXM9XCJzcGFuXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbCl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIHBhZ2U9e3BhZ2V9IG9uUGFnZUNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbD17dG90YWxQYWdlc30gLz5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAgICAge3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxQYWdpbmF0aW9uUGFnZXMgcGFnZT17cGFnZX0gb25QYWdlQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const Pagination = ({
+  page,
+  offset = 0,
+  onLimitChange,
+  onPageChange,
+  options = null,
+  limit,
+  total = 0,
+  renderOverview = defaultOverview
+}) => {
+  const _useBreakpoint = (0, _theme.useBreakpoint)(),
+        greaterThan = _useBreakpoint.greaterThan;
+
+  const totalPages = Math.ceil(total / limit);
+  const rangeShown = total === 1 ? String(total) : `${total === 0 ? total : offset + 1}-${limit + offset > total ? total : limit + offset}`;
+
+  const currentPageLimit = () => {
+    const option = options === null || options === void 0 ? void 0 : options.find(option => {
+      return option.value === String(limit);
+    });
+    return option;
+  };
+
+  const PageLimitSelector = options ? (0, _react2.jsx)(_forms.SelectField, {
+    label: "",
+    name: "paginationSelecter",
+    onChange: onLimitChange,
+    value: currentPageLimit(),
+    css: _ref3,
+    options: options,
+    visualSize: "small",
+    noMarginBottom: true
+  }) : null;
+  return (0, _react2.jsx)(_react.default.Fragment, null, greaterThan('l') ? (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("div", {
+    css: _Pagination2.wrapperStyles
+  }, (0, _react2.jsx)(_typography.Text, {
+    styledAs: "bodyInterface",
+    as: "span"
+  }, renderOverview(rangeShown, total)), (0, _react2.jsx)(_Pagination.PaginationPages, {
+    page: page,
+    onPageChange: onPageChange,
+    total: totalPages
+  }), PageLimitSelector)) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("div", {
+    css: _ref2
+  }, (0, _react2.jsx)(_typography.Text, {
+    styledAs: "bodyInterface",
+    as: "span"
+  }, renderOverview(rangeShown, total)), PageLimitSelector), (0, _react2.jsx)("div", {
+    css: _ref
+  }, (0, _react2.jsx)(_Pagination.PaginationPages, {
+    page: page,
+    onPageChange: onPageChange,
+    total: totalPages
+  }))));
+};
+
+exports.Pagination = Pagination;
+var _default = Pagination;
+exports.default = _default;

package/cjs/index.d.ts

@@ -0,0 +1 @@
+export declare const pagination = "pagination";

package/cjs/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pagination = void 0;
+const pagination = 'pagination';
+exports.pagination = pagination;

package/index.d.ts

@@ -0,0 +1 @@
+export declare const pagination = "pagination";

package/index.js

@@ -0,0 +1 @@
+export var pagination = 'pagination';

package/package.json

@@ -3,7 +3,7 @@
   "description": "Pagination component",
   "license": "MIT",
   "private": false,
-  "version": "0.9.8-alpha.b6efb903",
+  "version": "0.9.8-alpha.e5fc7510",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -15,12 +15,13 @@
     "react-dom": ">= 16.8.0"
   },
   "dependencies": {
-    "@dfds-ui/forms": "0.9.8-alpha.b6efb903",
-    "@dfds-ui/react-components": "0.9.8-alpha.b6efb903",
-    "@dfds-ui/theme": "0.9.8-alpha.b6efb903",
-    "@dfds-ui/typography": "0.9.8-alpha.b6efb903"
+    "@dfds-ui/forms": "0.9.8-alpha.e5fc7510",
+    "@dfds-ui/hooks": "0.9.8-alpha.e5fc7510",
+    "@dfds-ui/react-components": "0.9.8-alpha.e5fc7510",
+    "@dfds-ui/theme": "0.9.8-alpha.e5fc7510",
+    "@dfds-ui/typography": "0.9.8-alpha.e5fc7510"
   },
-  "gitHead": "b6efb903ec5a1001021837849e37cc4df9e0199c",
+  "gitHead": "e5fc751084cd94db65dfb536ff49536db1137da3",
   "publishConfig": {
     "access": "public"
   }