@dfds-ui/pagination 0.9.7-alpha.fef7a36f → 0.9.8-alpha.11cc29dd

package/Pagination.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+declare type Option = {
+    label: string;
+    value: string;
+};
+export declare type PaginationProps = {
+    /**
+     * The current page.
+     */
+    currentPage?: number;
+    /**
+     * The current offset
+     */
+    offset?: number;
+    /**
+     * Callback when the page is changed.
+     */
+    onChangePageLimit?: (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.
+     */
+    pageLimit: number;
+    /**
+     * Total number of records.
+     */
+    totalRecords: 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: ({ currentPage, offset, onChangePageLimit, onPageChange, options, pageLimit, totalRecords, renderOverview, }: PaginationProps) => JSX.Element;
+export default Pagination;

package/Pagination.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 './PaginationPages';
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEySG9CIiwiZmlsZSI6Ii4uL3NyYy9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgUGFnaW5hdGlvblBhZ2VzIH0gZnJvbSAnLi9QYWdpbmF0aW9uUGFnZXMnXG5pbXBvcnQgeyBTZWxlY3RGaWVsZCB9IGZyb20gJ0BkZmRzLXVpL2Zvcm1zJ1xuaW1wb3J0IHsgd3JhcHBlclN0eWxlcyB9IGZyb20gJy4vUGFnaW5hdGlvbi5zdHlsZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBPcHRpb24gPSB7XG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIE9wdGlvbnMgcGFzc2VkIHRvIHRoZSBQYWdlTGltaXRTZWxlY3RvclxuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbltdIHwgbnVsbFxuICAvKipcbiAgICogTnVtYmVyIG9mIHJlY29yZHMgcGVyIHBhZ2UuXG4gICAqL1xuICBwYWdlTGltaXQ6IG51bWJlclxuICAvKipcbiAgICogVG90YWwgbnVtYmVyIG9mIHJlY29yZHMuXG4gICAqL1xuICB0b3RhbFJlY29yZHM6IG51bWJlclxuICAvKipcbiAgICogUmV0dXJucyB0aGUgY29udGVudCBvZiB0aGUgb3ZlcnZpZXcuXG4gICAqXG4gICAqIFVzZSB0aGlzIGlmIHlvdSBuZWVkIHRvIGxvY2FsaXplIHRoZSBvdmVydmlldyBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIHJlbmRlck92ZXJ2aWV3PzogKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBkZWZhdWx0T3ZlcnZpZXcgPSAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gYCR7cmFuZ2VTaG93bn0gb2YgJHt0b3RhbFJlY29yZHN9YFxuXG4vKipcbiAqIFRoZSBQYWdpbmF0aW9uIGNvbXBvbmVudCBhbGxvd3MgdGhlIHVzZXIgdG8gbmF2aWdhdGUgYmV0d2VlbiBwYWdlcyBvZiByZWNvcmRzLlxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAwLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuICBjb25zdCBjdXJyZW50UGFnZUxpbWl0ID0gKCkgPT4ge1xuICAgIGNvbnN0IG9wdGlvbiA9IG9wdGlvbnM/LmZpbmQoKG9wdGlvbjogT3B0aW9uKSA9PiB7XG4gICAgICByZXR1cm4gb3B0aW9uLnZhbHVlID09PSBTdHJpbmcocGFnZUxpbWl0KVxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSBvcHRpb25zID8gKFxuICAgIDxTZWxlY3RGaWVsZFxuICAgICAgbGFiZWw9XCJcIlxuICAgICAgbmFtZT1cInBhZ2luYXRpb25TZWxlY3RlclwiXG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICB2YWx1ZT17Y3VycmVudFBhZ2VMaW1pdCgpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxNTBweDtcbiAgICAgIGB9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgdmlzdWFsU2l6ZT1cInNtYWxsXCJcbiAgICAgIG5vTWFyZ2luQm90dG9tXG4gICAgLz5cbiAgKSA6IG51bGxcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAgICAge3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCIgYXM9XCJzcGFuXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4R29CIiwiZmlsZSI6Ii4uL3NyYy9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgUGFnaW5hdGlvblBhZ2VzIH0gZnJvbSAnLi9QYWdpbmF0aW9uUGFnZXMnXG5pbXBvcnQgeyBTZWxlY3RGaWVsZCB9IGZyb20gJ0BkZmRzLXVpL2Zvcm1zJ1xuaW1wb3J0IHsgd3JhcHBlclN0eWxlcyB9IGZyb20gJy4vUGFnaW5hdGlvbi5zdHlsZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBPcHRpb24gPSB7XG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIE9wdGlvbnMgcGFzc2VkIHRvIHRoZSBQYWdlTGltaXRTZWxlY3RvclxuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbltdIHwgbnVsbFxuICAvKipcbiAgICogTnVtYmVyIG9mIHJlY29yZHMgcGVyIHBhZ2UuXG4gICAqL1xuICBwYWdlTGltaXQ6IG51bWJlclxuICAvKipcbiAgICogVG90YWwgbnVtYmVyIG9mIHJlY29yZHMuXG4gICAqL1xuICB0b3RhbFJlY29yZHM6IG51bWJlclxuICAvKipcbiAgICogUmV0dXJucyB0aGUgY29udGVudCBvZiB0aGUgb3ZlcnZpZXcuXG4gICAqXG4gICAqIFVzZSB0aGlzIGlmIHlvdSBuZWVkIHRvIGxvY2FsaXplIHRoZSBvdmVydmlldyBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIHJlbmRlck92ZXJ2aWV3PzogKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBkZWZhdWx0T3ZlcnZpZXcgPSAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gYCR7cmFuZ2VTaG93bn0gb2YgJHt0b3RhbFJlY29yZHN9YFxuXG4vKipcbiAqIFRoZSBQYWdpbmF0aW9uIGNvbXBvbmVudCBhbGxvd3MgdGhlIHVzZXIgdG8gbmF2aWdhdGUgYmV0d2VlbiBwYWdlcyBvZiByZWNvcmRzLlxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAwLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuICBjb25zdCBjdXJyZW50UGFnZUxpbWl0ID0gKCkgPT4ge1xuICAgIGNvbnN0IG9wdGlvbiA9IG9wdGlvbnM/LmZpbmQoKG9wdGlvbjogT3B0aW9uKSA9PiB7XG4gICAgICByZXR1cm4gb3B0aW9uLnZhbHVlID09PSBTdHJpbmcocGFnZUxpbWl0KVxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSBvcHRpb25zID8gKFxuICAgIDxTZWxlY3RGaWVsZFxuICAgICAgbGFiZWw9XCJcIlxuICAgICAgbmFtZT1cInBhZ2luYXRpb25TZWxlY3RlclwiXG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICB2YWx1ZT17Y3VycmVudFBhZ2VMaW1pdCgpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxNTBweDtcbiAgICAgIGB9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgdmlzdWFsU2l6ZT1cInNtYWxsXCJcbiAgICAgIG5vTWFyZ2luQm90dG9tXG4gICAgLz5cbiAgKSA6IG51bGxcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAgICAge3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCIgYXM9XCJzcGFuXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRmMiLCJmaWxlIjoiLi4vc3JjL1BhZ2luYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQnJlYWtwb2ludCB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBQYWdpbmF0aW9uUGFnZXMgfSBmcm9tICcuL1BhZ2luYXRpb25QYWdlcydcbmltcG9ydCB7IFNlbGVjdEZpZWxkIH0gZnJvbSAnQGRmZHMtdWkvZm9ybXMnXG5pbXBvcnQgeyB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgbGFiZWw6IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nXG59XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBjdXJyZW50UGFnZT86IG51bWJlclxuICAvKipcbiAgICogVGhlIGN1cnJlbnQgb2Zmc2V0XG4gICAqL1xuICBvZmZzZXQ/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uQ2hhbmdlUGFnZUxpbWl0PzogKGU6IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgJHtyYW5nZVNob3dufSBvZiAke3RvdGFsUmVjb3Jkc31gXG5cbi8qKlxuICogVGhlIFBhZ2luYXRpb24gY29tcG9uZW50IGFsbG93cyB0aGUgdXNlciB0byBuYXZpZ2F0ZSBiZXR3ZWVuIHBhZ2VzIG9mIHJlY29yZHMuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgY3VycmVudFBhZ2UsXG4gIG9mZnNldCA9IDAsXG4gIG9uQ2hhbmdlUGFnZUxpbWl0LFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBwYWdlTGltaXQsXG4gIHRvdGFsUmVjb3JkcyA9IDAsXG4gIHJlbmRlck92ZXJ2aWV3ID0gZGVmYXVsdE92ZXJ2aWV3LFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuICBjb25zdCB0b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRvdGFsUmVjb3JkcyAvIHBhZ2VMaW1pdClcbiAgY29uc3QgcmFuZ2VTaG93biA9XG4gICAgdG90YWxSZWNvcmRzID09PSAxXG4gICAgICA/IFN0cmluZyh0b3RhbFJlY29yZHMpXG4gICAgICA6IGAke3RvdGFsUmVjb3JkcyA9PT0gMCA/IHRvdGFsUmVjb3JkcyA6IG9mZnNldCArIDF9LSR7XG4gICAgICAgICAgcGFnZUxpbWl0ICsgb2Zmc2V0ID4gdG90YWxSZWNvcmRzID8gdG90YWxSZWNvcmRzIDogcGFnZUxpbWl0ICsgb2Zmc2V0XG4gICAgICAgIH1gXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IFN0cmluZyhwYWdlTGltaXQpXG4gICAgfSlcbiAgICByZXR1cm4gb3B0aW9uXG4gIH1cblxuICBjb25zdCBQYWdlTGltaXRTZWxlY3RvciA9IG9wdGlvbnMgPyAoXG4gICAgPFNlbGVjdEZpZWxkXG4gICAgICBsYWJlbD1cIlwiXG4gICAgICBuYW1lPVwicGFnaW5hdGlvblNlbGVjdGVyXCJcbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZVBhZ2VMaW1pdH1cbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6IDE1MHB4O1xuICAgICAgYH1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICB2aXN1YWxTaXplPVwic21hbGxcIlxuICAgICAgbm9NYXJnaW5Cb3R0b21cbiAgICAvPlxuICApIDogbnVsbFxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtncmVhdGVyVGhhbignbCcpID8gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXYgY3NzPXt3cmFwcGVyU3R5bGVzfT5cbiAgICAgICAgICAgIDxUZXh0IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiIGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxQYWdpbmF0aW9uUGFnZXMgY3VycmVudFBhZ2U9e2N1cnJlbnRQYWdlfSBvblBhZ2VOdW1iZXJDaGFuZ2U9e29uUGFnZUNoYW5nZX0gdG90YWxQYWdlcz17dG90YWxQYWdlc30gLz5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAgICAge3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQYWdpbmF0aW9uXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var Pagination = function Pagination(_ref4) {
+  var currentPage = _ref4.currentPage,
+      _ref4$offset = _ref4.offset,
+      offset = _ref4$offset === void 0 ? 0 : _ref4$offset,
+      onChangePageLimit = _ref4.onChangePageLimit,
+      onPageChange = _ref4.onPageChange,
+      _ref4$options = _ref4.options,
+      options = _ref4$options === void 0 ? null : _ref4$options,
+      pageLimit = _ref4.pageLimit,
+      _ref4$totalRecords = _ref4.totalRecords,
+      totalRecords = _ref4$totalRecords === void 0 ? 0 : _ref4$totalRecords,
+      _ref4$renderOverview = _ref4.renderOverview,
+      renderOverview = _ref4$renderOverview === void 0 ? defaultOverview : _ref4$renderOverview;
+
+  var _useBreakpoint = useBreakpoint(),
+      greaterThan = _useBreakpoint.greaterThan;
+
+  var totalPages = Math.ceil(totalRecords / pageLimit);
+  var rangeShown = totalRecords === 1 ? String(totalRecords) : "".concat(totalRecords === 0 ? totalRecords : offset + 1, "-").concat(pageLimit + offset > totalRecords ? totalRecords : pageLimit + offset);
+
+  var currentPageLimit = function currentPageLimit() {
+    var option = options === null || options === void 0 ? void 0 : options.find(function (option) {
+      return option.value === String(pageLimit);
+    });
+    return option;
+  };
+
+  var PageLimitSelector = options ? ___EmotionJSX(SelectField, {
+    label: "",
+    name: "paginationSelecter",
+    onChange: onChangePageLimit,
+    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, totalRecords)), ___EmotionJSX(PaginationPages, {
+    currentPage: currentPage,
+    onPageNumberChange: onPageChange,
+    totalPages: totalPages
+  }), PageLimitSelector)) : ___EmotionJSX(React.Fragment, null, ___EmotionJSX("div", {
+    css: _ref2
+  }, ___EmotionJSX(Text, {
+    styledAs: "bodyInterface",
+    as: "span"
+  }, renderOverview(rangeShown, totalRecords)), PageLimitSelector), ___EmotionJSX("div", {
+    css: _ref
+  }, ___EmotionJSX(PaginationPages, {
+    currentPage: currentPage,
+    onPageNumberChange: onPageChange,
+    totalPages: totalPages
+  }))));
+};
+export default Pagination;

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/PaginationPages.d.ts

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

package/PaginationPages.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCYyIsImZpbGUiOiIuLi9zcmMvUGFnaW5hdGlvblBhZ2VzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMsIEljb25CdXR0b24sIEljb25CdXR0b25TaXplIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblBhZ2VzUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZU51bWJlckNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxQYWdlczogbnVtYmVyXG59XG5cbmNvbnN0IFRocmVlRG90cyA9ICh7IHNpemUgfTogeyBzaXplOiBJY29uQnV0dG9uU2l6ZSB9KSA9PiB7XG4gIGNvbnN0IGRpbWVuc2lvbnMgPSBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMoc2l6ZSlcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIC4uLlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uUGFnZXMgPSAoeyBjdXJyZW50UGFnZSA9IDEsIG9uUGFnZU51bWJlckNoYW5nZSwgdG90YWxQYWdlcyB9OiBQYWdpbmF0aW9uUGFnZXNQcm9wcykgPT4ge1xuICBjb25zdCBbcGFnZU51bWJlciwgc2V0UGFnZU51bWJlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KGN1cnJlbnRQYWdlKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9uUGFnZU51bWJlckNoYW5nZSkgb25QYWdlTnVtYmVyQ2hhbmdlKHBhZ2VOdW1iZXIpXG4gIH0sIFtwYWdlTnVtYmVyLCBvblBhZ2VOdW1iZXJDaGFuZ2VdKVxuXG4gIGNvbnN0IGdldFJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB7XG4gICAgcmV0dXJuIEFycmF5KGVuZCAtIHN0YXJ0ICsgMSlcbiAgICAgIC5maWxsKDEpXG4gICAgICAubWFwKChfLCBpKSA9PiBpICsgc3RhcnQpXG4gIH1cblxuICBjb25zdCBpY29uQnV0dG9uU2l6ZTogSWNvbkJ1dHRvblNpemUgPSAnbWVkaXVtJ1xuXG4gIGNvbnN0IGdlbmVyYXRlUGFnaW5hdGlvbkxpc3QgPSAoKSA9PiB7XG4gICAgY29uc3QgY3VycmVudFBhZ2VOdW1iZXIgPSBwYWdlTnVtYmVyIDw9IHRvdGFsUGFnZXMgPyBwYWdlTnVtYmVyIDogMVxuICAgIGNvbnN0IGRlbHRhID0gNCxcbiAgICAgIHJhbmdlID0ge1xuICAgICAgICBzdGFydDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciAtIGRlbHRhIC8gMikgKyAxLFxuICAgICAgICBlbmQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgKyBkZWx0YSAvIDIpIC0gMSxcbiAgICAgIH1cblxuICAgIGlmICh0b3RhbFBhZ2VzID09PSAwKSByZXR1cm4gW11cblxuICAgIGlmIChyYW5nZS5zdGFydCAtIDEgPT09IDEgfHwgcmFuZ2UuZW5kICsgMSA9PT0gdG90YWxQYWdlcykge1xuICAgICAgcmFuZ2Uuc3RhcnQgKz0gMVxuICAgICAgcmFuZ2UuZW5kICs9IDFcbiAgICB9XG5cbiAgICBsZXQgcGFnZXMgPVxuICAgICAgY3VycmVudFBhZ2VOdW1iZXIgPiBkZWx0YVxuICAgICAgICA/IGdldFJhbmdlKE1hdGgubWluKHJhbmdlLnN0YXJ0LCB0b3RhbFBhZ2VzIC0gZGVsdGEpLCBNYXRoLm1pbihyYW5nZS5lbmQsIHRvdGFsUGFnZXMpKVxuICAgICAgICA6IGdldFJhbmdlKDEsIE1hdGgubWluKHRvdGFsUGFnZXMsIGRlbHRhICsgMSkpXG5cbiAgICBjb25zdCB3aXRoRG90cyA9ICh2YWx1ZTogbnVtYmVyLCBwYWlyOiBhbnlbXSkgPT4gKHBhZ2VzLmxlbmd0aCArIDEgIT09IHRvdGFsUGFnZXMgPyBwYWlyIDogW3ZhbHVlXSlcblxuICAgIGlmIChwYWdlc1swXSAhPT0gMSkge1xuICAgICAgcGFnZXMgPSB3aXRoRG90cygxLCBbMSwgJy4uLiddKS5jb25jYXQocGFnZXMpXG4gICAgfVxuXG4gICAgaWYgKHBhZ2VzW3BhZ2VzLmxlbmd0aCAtIDFdIDwgdG90YWxQYWdlcykge1xuICAgICAgcGFnZXMgPSBwYWdlcy5jb25jYXQod2l0aERvdHModG90YWxQYWdlcywgWycuLi4nLCB0b3RhbFBhZ2VzXSkpXG4gICAgfVxuICAgIHJldHVybiBwYWdlc1xuICB9XG5cbiAgY29uc3QgbmV4dFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPCB0b3RhbFBhZ2VzKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgKyAxKVxuICB9XG4gIGNvbnN0IHByZXZQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyID4gMSkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyIC0gMSlcbiAgfVxuICBjb25zdCBvblBhZ2VDbGljayA9IChudW1iZXI6IG51bWJlcik6IHZvaWQgPT4ge1xuICAgIHNldFBhZ2VOdW1iZXIobnVtYmVyKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IDEgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgIC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Z2VuZXJhdGVQYWdpbmF0aW9uTGlzdCgpLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgICA8ZGl2IGtleT17aW5kZXh9PlxuICAgICAgICAgICAge3R5cGVvZiBpdGVtID09PSAnbnVtYmVyJyA/IChcbiAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDbGljayhpdGVtKX1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aXRlbSA9PT0gcGFnZU51bWJlciAmJiAncmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpJ307XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgICAgICAgIGFyaWFMYWJlbD1cIlwiXG4gICAgICAgICAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAgICAgICAgICAgaWNvbj17KCkgPT4gPD57aXRlbX08Lz59XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8VGhyZWVEb3RzIHNpemU9e2ljb25CdXR0b25TaXplfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIG9uQ2xpY2s9e25leHRQYWdlfVxuICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gdG90YWxQYWdlcyB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICBpY29uPXtDaGV2cm9uUmlnaHR9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgIC8+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStHZ0IiLCJmaWxlIjoiLi4vc3JjL1BhZ2luYXRpb25QYWdlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZ2V0RGVmYXVsdEljb25CdXR0b25EaW1lbnNpb25zLCBJY29uQnV0dG9uLCBJY29uQnV0dG9uU2l6ZSB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25QYWdlc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VOdW1iZXJDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUGFnZXM6IG51bWJlclxufVxuXG5jb25zdCBUaHJlZURvdHMgPSAoeyBzaXplIH06IHsgc2l6ZTogSWNvbkJ1dHRvblNpemUgfSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0RGVmYXVsdEljb25CdXR0b25EaW1lbnNpb25zKHNpemUpXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICBoZWlnaHQ6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgYH1cbiAgICA+XG4gICAgICAuLi5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvblBhZ2VzID0gKHsgY3VycmVudFBhZ2UgPSAxLCBvblBhZ2VOdW1iZXJDaGFuZ2UsIHRvdGFsUGFnZXMgfTogUGFnaW5hdGlvblBhZ2VzUHJvcHMpID0+IHtcbiAgY29uc3QgW3BhZ2VOdW1iZXIsIHNldFBhZ2VOdW1iZXJdID0gdXNlU3RhdGU8bnVtYmVyPihjdXJyZW50UGFnZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvblBhZ2VOdW1iZXJDaGFuZ2UpIG9uUGFnZU51bWJlckNoYW5nZShwYWdlTnVtYmVyKVxuICB9LCBbcGFnZU51bWJlciwgb25QYWdlTnVtYmVyQ2hhbmdlXSlcblxuICBjb25zdCBnZXRSYW5nZSA9IChzdGFydDogbnVtYmVyLCBlbmQ6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiBBcnJheShlbmQgLSBzdGFydCArIDEpXG4gICAgICAuZmlsbCgxKVxuICAgICAgLm1hcCgoXywgaSkgPT4gaSArIHN0YXJ0KVxuICB9XG5cbiAgY29uc3QgaWNvbkJ1dHRvblNpemU6IEljb25CdXR0b25TaXplID0gJ21lZGl1bSdcblxuICBjb25zdCBnZW5lcmF0ZVBhZ2luYXRpb25MaXN0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGN1cnJlbnRQYWdlTnVtYmVyID0gcGFnZU51bWJlciA8PSB0b3RhbFBhZ2VzID8gcGFnZU51bWJlciA6IDFcbiAgICBjb25zdCBkZWx0YSA9IDQsXG4gICAgICByYW5nZSA9IHtcbiAgICAgICAgc3RhcnQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgLSBkZWx0YSAvIDIpICsgMSxcbiAgICAgICAgZW5kOiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyICsgZGVsdGEgLyAyKSAtIDEsXG4gICAgICB9XG5cbiAgICBpZiAodG90YWxQYWdlcyA9PT0gMCkgcmV0dXJuIFtdXG5cbiAgICBpZiAocmFuZ2Uuc3RhcnQgLSAxID09PSAxIHx8IHJhbmdlLmVuZCArIDEgPT09IHRvdGFsUGFnZXMpIHtcbiAgICAgIHJhbmdlLnN0YXJ0ICs9IDFcbiAgICAgIHJhbmdlLmVuZCArPSAxXG4gICAgfVxuXG4gICAgbGV0IHBhZ2VzID1cbiAgICAgIGN1cnJlbnRQYWdlTnVtYmVyID4gZGVsdGFcbiAgICAgICAgPyBnZXRSYW5nZShNYXRoLm1pbihyYW5nZS5zdGFydCwgdG90YWxQYWdlcyAtIGRlbHRhKSwgTWF0aC5taW4ocmFuZ2UuZW5kLCB0b3RhbFBhZ2VzKSlcbiAgICAgICAgOiBnZXRSYW5nZSgxLCBNYXRoLm1pbih0b3RhbFBhZ2VzLCBkZWx0YSArIDEpKVxuXG4gICAgY29uc3Qgd2l0aERvdHMgPSAodmFsdWU6IG51bWJlciwgcGFpcjogYW55W10pID0+IChwYWdlcy5sZW5ndGggKyAxICE9PSB0b3RhbFBhZ2VzID8gcGFpciA6IFt2YWx1ZV0pXG5cbiAgICBpZiAocGFnZXNbMF0gIT09IDEpIHtcbiAgICAgIHBhZ2VzID0gd2l0aERvdHMoMSwgWzEsICcuLi4nXSkuY29uY2F0KHBhZ2VzKVxuICAgIH1cblxuICAgIGlmIChwYWdlc1twYWdlcy5sZW5ndGggLSAxXSA8IHRvdGFsUGFnZXMpIHtcbiAgICAgIHBhZ2VzID0gcGFnZXMuY29uY2F0KHdpdGhEb3RzKHRvdGFsUGFnZXMsIFsnLi4uJywgdG90YWxQYWdlc10pKVxuICAgIH1cbiAgICByZXR1cm4gcGFnZXNcbiAgfVxuXG4gIGNvbnN0IG5leHRQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyIDwgdG90YWxQYWdlcykgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyICsgMSlcbiAgfVxuICBjb25zdCBwcmV2UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA+IDEpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciAtIDEpXG4gIH1cbiAgY29uc3Qgb25QYWdlQ2xpY2sgPSAobnVtYmVyOiBudW1iZXIpOiB2b2lkID0+IHtcbiAgICBzZXRQYWdlTnVtYmVyKG51bWJlcilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgIG9uQ2xpY2s9e3ByZXZQYWdlfVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSAxIHx8IHRvdGFsUGFnZXMgPT09IDB9XG4gICAgICAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge2dlbmVyYXRlUGFnaW5hdGlvbkxpc3QoKS5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPGRpdiBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgIHt0eXBlb2YgaXRlbSA9PT0gJ251bWJlcicgPyAoXG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2xpY2soaXRlbSl9XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2l0ZW0gPT09IHBhZ2VOdW1iZXIgJiYgJ3JnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKSd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9XCJcIlxuICAgICAgICAgICAgICAgIHNpemU9e2ljb25CdXR0b25TaXplfVxuICAgICAgICAgICAgICAgIGljb249eygpID0+IDw+e2l0ZW19PC8+fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFRocmVlRG90cyBzaXplPXtpY29uQnV0dG9uU2l6ZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsUGFnZXMgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdHYyIsImZpbGUiOiIuLi9zcmMvUGFnaW5hdGlvblBhZ2VzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMsIEljb25CdXR0b24sIEljb25CdXR0b25TaXplIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblBhZ2VzUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZU51bWJlckNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxQYWdlczogbnVtYmVyXG59XG5cbmNvbnN0IFRocmVlRG90cyA9ICh7IHNpemUgfTogeyBzaXplOiBJY29uQnV0dG9uU2l6ZSB9KSA9PiB7XG4gIGNvbnN0IGRpbWVuc2lvbnMgPSBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMoc2l6ZSlcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIC4uLlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uUGFnZXMgPSAoeyBjdXJyZW50UGFnZSA9IDEsIG9uUGFnZU51bWJlckNoYW5nZSwgdG90YWxQYWdlcyB9OiBQYWdpbmF0aW9uUGFnZXNQcm9wcykgPT4ge1xuICBjb25zdCBbcGFnZU51bWJlciwgc2V0UGFnZU51bWJlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KGN1cnJlbnRQYWdlKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9uUGFnZU51bWJlckNoYW5nZSkgb25QYWdlTnVtYmVyQ2hhbmdlKHBhZ2VOdW1iZXIpXG4gIH0sIFtwYWdlTnVtYmVyLCBvblBhZ2VOdW1iZXJDaGFuZ2VdKVxuXG4gIGNvbnN0IGdldFJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB7XG4gICAgcmV0dXJuIEFycmF5KGVuZCAtIHN0YXJ0ICsgMSlcbiAgICAgIC5maWxsKDEpXG4gICAgICAubWFwKChfLCBpKSA9PiBpICsgc3RhcnQpXG4gIH1cblxuICBjb25zdCBpY29uQnV0dG9uU2l6ZTogSWNvbkJ1dHRvblNpemUgPSAnbWVkaXVtJ1xuXG4gIGNvbnN0IGdlbmVyYXRlUGFnaW5hdGlvbkxpc3QgPSAoKSA9PiB7XG4gICAgY29uc3QgY3VycmVudFBhZ2VOdW1iZXIgPSBwYWdlTnVtYmVyIDw9IHRvdGFsUGFnZXMgPyBwYWdlTnVtYmVyIDogMVxuICAgIGNvbnN0IGRlbHRhID0gNCxcbiAgICAgIHJhbmdlID0ge1xuICAgICAgICBzdGFydDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciAtIGRlbHRhIC8gMikgKyAxLFxuICAgICAgICBlbmQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgKyBkZWx0YSAvIDIpIC0gMSxcbiAgICAgIH1cblxuICAgIGlmICh0b3RhbFBhZ2VzID09PSAwKSByZXR1cm4gW11cblxuICAgIGlmIChyYW5nZS5zdGFydCAtIDEgPT09IDEgfHwgcmFuZ2UuZW5kICsgMSA9PT0gdG90YWxQYWdlcykge1xuICAgICAgcmFuZ2Uuc3RhcnQgKz0gMVxuICAgICAgcmFuZ2UuZW5kICs9IDFcbiAgICB9XG5cbiAgICBsZXQgcGFnZXMgPVxuICAgICAgY3VycmVudFBhZ2VOdW1iZXIgPiBkZWx0YVxuICAgICAgICA/IGdldFJhbmdlKE1hdGgubWluKHJhbmdlLnN0YXJ0LCB0b3RhbFBhZ2VzIC0gZGVsdGEpLCBNYXRoLm1pbihyYW5nZS5lbmQsIHRvdGFsUGFnZXMpKVxuICAgICAgICA6IGdldFJhbmdlKDEsIE1hdGgubWluKHRvdGFsUGFnZXMsIGRlbHRhICsgMSkpXG5cbiAgICBjb25zdCB3aXRoRG90cyA9ICh2YWx1ZTogbnVtYmVyLCBwYWlyOiBhbnlbXSkgPT4gKHBhZ2VzLmxlbmd0aCArIDEgIT09IHRvdGFsUGFnZXMgPyBwYWlyIDogW3ZhbHVlXSlcblxuICAgIGlmIChwYWdlc1swXSAhPT0gMSkge1xuICAgICAgcGFnZXMgPSB3aXRoRG90cygxLCBbMSwgJy4uLiddKS5jb25jYXQocGFnZXMpXG4gICAgfVxuXG4gICAgaWYgKHBhZ2VzW3BhZ2VzLmxlbmd0aCAtIDFdIDwgdG90YWxQYWdlcykge1xuICAgICAgcGFnZXMgPSBwYWdlcy5jb25jYXQod2l0aERvdHModG90YWxQYWdlcywgWycuLi4nLCB0b3RhbFBhZ2VzXSkpXG4gICAgfVxuICAgIHJldHVybiBwYWdlc1xuICB9XG5cbiAgY29uc3QgbmV4dFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPCB0b3RhbFBhZ2VzKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgKyAxKVxuICB9XG4gIGNvbnN0IHByZXZQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyID4gMSkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyIC0gMSlcbiAgfVxuICBjb25zdCBvblBhZ2VDbGljayA9IChudW1iZXI6IG51bWJlcik6IHZvaWQgPT4ge1xuICAgIHNldFBhZ2VOdW1iZXIobnVtYmVyKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IDEgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgIC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Z2VuZXJhdGVQYWdpbmF0aW9uTGlzdCgpLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgICA8ZGl2IGtleT17aW5kZXh9PlxuICAgICAgICAgICAge3R5cGVvZiBpdGVtID09PSAnbnVtYmVyJyA/IChcbiAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDbGljayhpdGVtKX1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aXRlbSA9PT0gcGFnZU51bWJlciAmJiAncmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpJ307XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgICAgICAgIGFyaWFMYWJlbD1cIlwiXG4gICAgICAgICAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAgICAgICAgICAgaWNvbj17KCkgPT4gPD57aXRlbX08Lz59XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8VGhyZWVEb3RzIHNpemU9e2ljb25CdXR0b25TaXplfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIG9uQ2xpY2s9e25leHRQYWdlfVxuICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gdG90YWxQYWdlcyB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICBpY29uPXtDaGV2cm9uUmlnaHR9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var PaginationPages = function PaginationPages(_ref4) {
+  var _ref4$currentPage = _ref4.currentPage,
+      currentPage = _ref4$currentPage === void 0 ? 1 : _ref4$currentPage,
+      onPageNumberChange = _ref4.onPageNumberChange,
+      totalPages = _ref4.totalPages;
+
+  var _useState = useState(currentPage),
+      _useState2 = _slicedToArray(_useState, 2),
+      pageNumber = _useState2[0],
+      setPageNumber = _useState2[1];
+
+  useEffect(function () {
+    if (onPageNumberChange) onPageNumberChange(pageNumber);
+  }, [pageNumber, onPageNumberChange]);
+
+  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 <= totalPages ? pageNumber : 1;
+    var delta = 4,
+        range = {
+      start: Math.round(currentPageNumber - delta / 2) + 1,
+      end: Math.round(currentPageNumber + delta / 2) - 1
+    };
+    if (totalPages === 0) return [];
+
+    if (range.start - 1 === 1 || range.end + 1 === totalPages) {
+      range.start += 1;
+      range.end += 1;
+    }
+
+    var pages = currentPageNumber > delta ? getRange(Math.min(range.start, totalPages - delta), Math.min(range.end, totalPages)) : getRange(1, Math.min(totalPages, delta + 1));
+
+    var withDots = function withDots(value, pair) {
+      return pages.length + 1 !== totalPages ? pair : [value];
+    };
+
+    if (pages[0] !== 1) {
+      pages = withDots(1, [1, '...']).concat(pages);
+    }
+
+    if (pages[pages.length - 1] < totalPages) {
+      pages = pages.concat(withDots(totalPages, ['...', totalPages]));
+    }
+
+    return pages;
+  };
+
+  var nextPage = function nextPage() {
+    if (pageNumber < totalPages) 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 || totalPages === 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBId0IiLCJmaWxlIjoiLi4vc3JjL1BhZ2luYXRpb25QYWdlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZ2V0RGVmYXVsdEljb25CdXR0b25EaW1lbnNpb25zLCBJY29uQnV0dG9uLCBJY29uQnV0dG9uU2l6ZSB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25QYWdlc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VOdW1iZXJDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUGFnZXM6IG51bWJlclxufVxuXG5jb25zdCBUaHJlZURvdHMgPSAoeyBzaXplIH06IHsgc2l6ZTogSWNvbkJ1dHRvblNpemUgfSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0RGVmYXVsdEljb25CdXR0b25EaW1lbnNpb25zKHNpemUpXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICBoZWlnaHQ6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgYH1cbiAgICA+XG4gICAgICAuLi5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvblBhZ2VzID0gKHsgY3VycmVudFBhZ2UgPSAxLCBvblBhZ2VOdW1iZXJDaGFuZ2UsIHRvdGFsUGFnZXMgfTogUGFnaW5hdGlvblBhZ2VzUHJvcHMpID0+IHtcbiAgY29uc3QgW3BhZ2VOdW1iZXIsIHNldFBhZ2VOdW1iZXJdID0gdXNlU3RhdGU8bnVtYmVyPihjdXJyZW50UGFnZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvblBhZ2VOdW1iZXJDaGFuZ2UpIG9uUGFnZU51bWJlckNoYW5nZShwYWdlTnVtYmVyKVxuICB9LCBbcGFnZU51bWJlciwgb25QYWdlTnVtYmVyQ2hhbmdlXSlcblxuICBjb25zdCBnZXRSYW5nZSA9IChzdGFydDogbnVtYmVyLCBlbmQ6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiBBcnJheShlbmQgLSBzdGFydCArIDEpXG4gICAgICAuZmlsbCgxKVxuICAgICAgLm1hcCgoXywgaSkgPT4gaSArIHN0YXJ0KVxuICB9XG5cbiAgY29uc3QgaWNvbkJ1dHRvblNpemU6IEljb25CdXR0b25TaXplID0gJ21lZGl1bSdcblxuICBjb25zdCBnZW5lcmF0ZVBhZ2luYXRpb25MaXN0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGN1cnJlbnRQYWdlTnVtYmVyID0gcGFnZU51bWJlciA8PSB0b3RhbFBhZ2VzID8gcGFnZU51bWJlciA6IDFcbiAgICBjb25zdCBkZWx0YSA9IDQsXG4gICAgICByYW5nZSA9IHtcbiAgICAgICAgc3RhcnQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgLSBkZWx0YSAvIDIpICsgMSxcbiAgICAgICAgZW5kOiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyICsgZGVsdGEgLyAyKSAtIDEsXG4gICAgICB9XG5cbiAgICBpZiAodG90YWxQYWdlcyA9PT0gMCkgcmV0dXJuIFtdXG5cbiAgICBpZiAocmFuZ2Uuc3RhcnQgLSAxID09PSAxIHx8IHJhbmdlLmVuZCArIDEgPT09IHRvdGFsUGFnZXMpIHtcbiAgICAgIHJhbmdlLnN0YXJ0ICs9IDFcbiAgICAgIHJhbmdlLmVuZCArPSAxXG4gICAgfVxuXG4gICAgbGV0IHBhZ2VzID1cbiAgICAgIGN1cnJlbnRQYWdlTnVtYmVyID4gZGVsdGFcbiAgICAgICAgPyBnZXRSYW5nZShNYXRoLm1pbihyYW5nZS5zdGFydCwgdG90YWxQYWdlcyAtIGRlbHRhKSwgTWF0aC5taW4ocmFuZ2UuZW5kLCB0b3RhbFBhZ2VzKSlcbiAgICAgICAgOiBnZXRSYW5nZSgxLCBNYXRoLm1pbih0b3RhbFBhZ2VzLCBkZWx0YSArIDEpKVxuXG4gICAgY29uc3Qgd2l0aERvdHMgPSAodmFsdWU6IG51bWJlciwgcGFpcjogYW55W10pID0+IChwYWdlcy5sZW5ndGggKyAxICE9PSB0b3RhbFBhZ2VzID8gcGFpciA6IFt2YWx1ZV0pXG5cbiAgICBpZiAocGFnZXNbMF0gIT09IDEpIHtcbiAgICAgIHBhZ2VzID0gd2l0aERvdHMoMSwgWzEsICcuLi4nXSkuY29uY2F0KHBhZ2VzKVxuICAgIH1cblxuICAgIGlmIChwYWdlc1twYWdlcy5sZW5ndGggLSAxXSA8IHRvdGFsUGFnZXMpIHtcbiAgICAgIHBhZ2VzID0gcGFnZXMuY29uY2F0KHdpdGhEb3RzKHRvdGFsUGFnZXMsIFsnLi4uJywgdG90YWxQYWdlc10pKVxuICAgIH1cbiAgICByZXR1cm4gcGFnZXNcbiAgfVxuXG4gIGNvbnN0IG5leHRQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyIDwgdG90YWxQYWdlcykgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyICsgMSlcbiAgfVxuICBjb25zdCBwcmV2UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA+IDEpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciAtIDEpXG4gIH1cbiAgY29uc3Qgb25QYWdlQ2xpY2sgPSAobnVtYmVyOiBudW1iZXIpOiB2b2lkID0+IHtcbiAgICBzZXRQYWdlTnVtYmVyKG51bWJlcilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgIG9uQ2xpY2s9e3ByZXZQYWdlfVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSAxIHx8IHRvdGFsUGFnZXMgPT09IDB9XG4gICAgICAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge2dlbmVyYXRlUGFnaW5hdGlvbkxpc3QoKS5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPGRpdiBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgIHt0eXBlb2YgaXRlbSA9PT0gJ251bWJlcicgPyAoXG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2xpY2soaXRlbSl9XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2l0ZW0gPT09IHBhZ2VOdW1iZXIgJiYgJ3JnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKSd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9XCJcIlxuICAgICAgICAgICAgICAgIHNpemU9e2ljb25CdXR0b25TaXplfVxuICAgICAgICAgICAgICAgIGljb249eygpID0+IDw+e2l0ZW19PC8+fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFRocmVlRG90cyBzaXplPXtpY29uQnV0dG9uU2l6ZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsUGFnZXMgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */"),
+      disableTooltip: true,
+      ariaLabel: "",
+      size: iconButtonSize,
+      icon: function icon() {
+        return ___EmotionJSX(React.Fragment, null, item);
+      }
+    }) : ___EmotionJSX(ThreeDots, {
+      size: iconButtonSize
+    }));
+  })), ___EmotionJSX(IconButton, {
+    onClick: nextPage,
+    disabled: pageNumber === totalPages || totalPages === 0,
+    icon: ChevronRight,
+    ariaLabel: "Next",
+    size: iconButtonSize
+  }));
+};

package/cjs/Pagination.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+declare type Option = {
+    label: string;
+    value: string;
+};
+export declare type PaginationProps = {
+    /**
+     * The current page.
+     */
+    currentPage?: number;
+    /**
+     * The current offset
+     */
+    offset?: number;
+    /**
+     * Callback when the page is changed.
+     */
+    onChangePageLimit?: (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.
+     */
+    pageLimit: number;
+    /**
+     * Total number of records.
+     */
+    totalRecords: 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: ({ currentPage, offset, onChangePageLimit, onPageChange, options, pageLimit, totalRecords, renderOverview, }: PaginationProps) => JSX.Element;
+export default Pagination;

package/cjs/Pagination.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 _PaginationPages = require("./PaginationPages");
+
+var _forms = require("@dfds-ui/forms");
+
+var _Pagination = 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEySG9CIiwiZmlsZSI6Ii4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgUGFnaW5hdGlvblBhZ2VzIH0gZnJvbSAnLi9QYWdpbmF0aW9uUGFnZXMnXG5pbXBvcnQgeyBTZWxlY3RGaWVsZCB9IGZyb20gJ0BkZmRzLXVpL2Zvcm1zJ1xuaW1wb3J0IHsgd3JhcHBlclN0eWxlcyB9IGZyb20gJy4vUGFnaW5hdGlvbi5zdHlsZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBPcHRpb24gPSB7XG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIE9wdGlvbnMgcGFzc2VkIHRvIHRoZSBQYWdlTGltaXRTZWxlY3RvclxuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbltdIHwgbnVsbFxuICAvKipcbiAgICogTnVtYmVyIG9mIHJlY29yZHMgcGVyIHBhZ2UuXG4gICAqL1xuICBwYWdlTGltaXQ6IG51bWJlclxuICAvKipcbiAgICogVG90YWwgbnVtYmVyIG9mIHJlY29yZHMuXG4gICAqL1xuICB0b3RhbFJlY29yZHM6IG51bWJlclxuICAvKipcbiAgICogUmV0dXJucyB0aGUgY29udGVudCBvZiB0aGUgb3ZlcnZpZXcuXG4gICAqXG4gICAqIFVzZSB0aGlzIGlmIHlvdSBuZWVkIHRvIGxvY2FsaXplIHRoZSBvdmVydmlldyBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIHJlbmRlck92ZXJ2aWV3PzogKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBkZWZhdWx0T3ZlcnZpZXcgPSAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gYCR7cmFuZ2VTaG93bn0gb2YgJHt0b3RhbFJlY29yZHN9YFxuXG4vKipcbiAqIFRoZSBQYWdpbmF0aW9uIGNvbXBvbmVudCBhbGxvd3MgdGhlIHVzZXIgdG8gbmF2aWdhdGUgYmV0d2VlbiBwYWdlcyBvZiByZWNvcmRzLlxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAwLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuICBjb25zdCBjdXJyZW50UGFnZUxpbWl0ID0gKCkgPT4ge1xuICAgIGNvbnN0IG9wdGlvbiA9IG9wdGlvbnM/LmZpbmQoKG9wdGlvbjogT3B0aW9uKSA9PiB7XG4gICAgICByZXR1cm4gb3B0aW9uLnZhbHVlID09PSBTdHJpbmcocGFnZUxpbWl0KVxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSBvcHRpb25zID8gKFxuICAgIDxTZWxlY3RGaWVsZFxuICAgICAgbGFiZWw9XCJcIlxuICAgICAgbmFtZT1cInBhZ2luYXRpb25TZWxlY3RlclwiXG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICB2YWx1ZT17Y3VycmVudFBhZ2VMaW1pdCgpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxNTBweDtcbiAgICAgIGB9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgdmlzdWFsU2l6ZT1cInNtYWxsXCJcbiAgICAgIG5vTWFyZ2luQm90dG9tXG4gICAgLz5cbiAgKSA6IG51bGxcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAgICAge3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCIgYXM9XCJzcGFuXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4R29CIiwiZmlsZSI6Ii4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgUGFnaW5hdGlvblBhZ2VzIH0gZnJvbSAnLi9QYWdpbmF0aW9uUGFnZXMnXG5pbXBvcnQgeyBTZWxlY3RGaWVsZCB9IGZyb20gJ0BkZmRzLXVpL2Zvcm1zJ1xuaW1wb3J0IHsgd3JhcHBlclN0eWxlcyB9IGZyb20gJy4vUGFnaW5hdGlvbi5zdHlsZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBPcHRpb24gPSB7XG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIE9wdGlvbnMgcGFzc2VkIHRvIHRoZSBQYWdlTGltaXRTZWxlY3RvclxuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbltdIHwgbnVsbFxuICAvKipcbiAgICogTnVtYmVyIG9mIHJlY29yZHMgcGVyIHBhZ2UuXG4gICAqL1xuICBwYWdlTGltaXQ6IG51bWJlclxuICAvKipcbiAgICogVG90YWwgbnVtYmVyIG9mIHJlY29yZHMuXG4gICAqL1xuICB0b3RhbFJlY29yZHM6IG51bWJlclxuICAvKipcbiAgICogUmV0dXJucyB0aGUgY29udGVudCBvZiB0aGUgb3ZlcnZpZXcuXG4gICAqXG4gICAqIFVzZSB0aGlzIGlmIHlvdSBuZWVkIHRvIGxvY2FsaXplIHRoZSBvdmVydmlldyBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIHJlbmRlck92ZXJ2aWV3PzogKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBkZWZhdWx0T3ZlcnZpZXcgPSAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gYCR7cmFuZ2VTaG93bn0gb2YgJHt0b3RhbFJlY29yZHN9YFxuXG4vKipcbiAqIFRoZSBQYWdpbmF0aW9uIGNvbXBvbmVudCBhbGxvd3MgdGhlIHVzZXIgdG8gbmF2aWdhdGUgYmV0d2VlbiBwYWdlcyBvZiByZWNvcmRzLlxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAwLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuICBjb25zdCBjdXJyZW50UGFnZUxpbWl0ID0gKCkgPT4ge1xuICAgIGNvbnN0IG9wdGlvbiA9IG9wdGlvbnM/LmZpbmQoKG9wdGlvbjogT3B0aW9uKSA9PiB7XG4gICAgICByZXR1cm4gb3B0aW9uLnZhbHVlID09PSBTdHJpbmcocGFnZUxpbWl0KVxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSBvcHRpb25zID8gKFxuICAgIDxTZWxlY3RGaWVsZFxuICAgICAgbGFiZWw9XCJcIlxuICAgICAgbmFtZT1cInBhZ2luYXRpb25TZWxlY3RlclwiXG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICB2YWx1ZT17Y3VycmVudFBhZ2VMaW1pdCgpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxNTBweDtcbiAgICAgIGB9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgdmlzdWFsU2l6ZT1cInNtYWxsXCJcbiAgICAgIG5vTWFyZ2luQm90dG9tXG4gICAgLz5cbiAgKSA6IG51bGxcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAgICAge3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCIgYXM9XCJzcGFuXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRmMiLCJmaWxlIjoiLi4vLi4vc3JjL1BhZ2luYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQnJlYWtwb2ludCB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBQYWdpbmF0aW9uUGFnZXMgfSBmcm9tICcuL1BhZ2luYXRpb25QYWdlcydcbmltcG9ydCB7IFNlbGVjdEZpZWxkIH0gZnJvbSAnQGRmZHMtdWkvZm9ybXMnXG5pbXBvcnQgeyB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgbGFiZWw6IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nXG59XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBjdXJyZW50UGFnZT86IG51bWJlclxuICAvKipcbiAgICogVGhlIGN1cnJlbnQgb2Zmc2V0XG4gICAqL1xuICBvZmZzZXQ/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uQ2hhbmdlUGFnZUxpbWl0PzogKGU6IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgJHtyYW5nZVNob3dufSBvZiAke3RvdGFsUmVjb3Jkc31gXG5cbi8qKlxuICogVGhlIFBhZ2luYXRpb24gY29tcG9uZW50IGFsbG93cyB0aGUgdXNlciB0byBuYXZpZ2F0ZSBiZXR3ZWVuIHBhZ2VzIG9mIHJlY29yZHMuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgY3VycmVudFBhZ2UsXG4gIG9mZnNldCA9IDAsXG4gIG9uQ2hhbmdlUGFnZUxpbWl0LFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBwYWdlTGltaXQsXG4gIHRvdGFsUmVjb3JkcyA9IDAsXG4gIHJlbmRlck92ZXJ2aWV3ID0gZGVmYXVsdE92ZXJ2aWV3LFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuICBjb25zdCB0b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRvdGFsUmVjb3JkcyAvIHBhZ2VMaW1pdClcbiAgY29uc3QgcmFuZ2VTaG93biA9XG4gICAgdG90YWxSZWNvcmRzID09PSAxXG4gICAgICA/IFN0cmluZyh0b3RhbFJlY29yZHMpXG4gICAgICA6IGAke3RvdGFsUmVjb3JkcyA9PT0gMCA/IHRvdGFsUmVjb3JkcyA6IG9mZnNldCArIDF9LSR7XG4gICAgICAgICAgcGFnZUxpbWl0ICsgb2Zmc2V0ID4gdG90YWxSZWNvcmRzID8gdG90YWxSZWNvcmRzIDogcGFnZUxpbWl0ICsgb2Zmc2V0XG4gICAgICAgIH1gXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IFN0cmluZyhwYWdlTGltaXQpXG4gICAgfSlcbiAgICByZXR1cm4gb3B0aW9uXG4gIH1cblxuICBjb25zdCBQYWdlTGltaXRTZWxlY3RvciA9IG9wdGlvbnMgPyAoXG4gICAgPFNlbGVjdEZpZWxkXG4gICAgICBsYWJlbD1cIlwiXG4gICAgICBuYW1lPVwicGFnaW5hdGlvblNlbGVjdGVyXCJcbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZVBhZ2VMaW1pdH1cbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6IDE1MHB4O1xuICAgICAgYH1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICB2aXN1YWxTaXplPVwic21hbGxcIlxuICAgICAgbm9NYXJnaW5Cb3R0b21cbiAgICAvPlxuICApIDogbnVsbFxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtncmVhdGVyVGhhbignbCcpID8gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXYgY3NzPXt3cmFwcGVyU3R5bGVzfT5cbiAgICAgICAgICAgIDxUZXh0IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiIGFzPVwic3BhblwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxQYWdpbmF0aW9uUGFnZXMgY3VycmVudFBhZ2U9e2N1cnJlbnRQYWdlfSBvblBhZ2VOdW1iZXJDaGFuZ2U9e29uUGFnZUNoYW5nZX0gdG90YWxQYWdlcz17dG90YWxQYWdlc30gLz5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAgICAge3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQYWdpbmF0aW9uXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const Pagination = ({
+  currentPage,
+  offset = 0,
+  onChangePageLimit,
+  onPageChange,
+  options = null,
+  pageLimit,
+  totalRecords = 0,
+  renderOverview = defaultOverview
+}) => {
+  const _useBreakpoint = (0, _theme.useBreakpoint)(),
+        greaterThan = _useBreakpoint.greaterThan;
+
+  const totalPages = Math.ceil(totalRecords / pageLimit);
+  const rangeShown = totalRecords === 1 ? String(totalRecords) : `${totalRecords === 0 ? totalRecords : offset + 1}-${pageLimit + offset > totalRecords ? totalRecords : pageLimit + offset}`;
+
+  const currentPageLimit = () => {
+    const option = options === null || options === void 0 ? void 0 : options.find(option => {
+      return option.value === String(pageLimit);
+    });
+    return option;
+  };
+
+  const PageLimitSelector = options ? (0, _react2.jsx)(_forms.SelectField, {
+    label: "",
+    name: "paginationSelecter",
+    onChange: onChangePageLimit,
+    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: _Pagination.wrapperStyles
+  }, (0, _react2.jsx)(_typography.Text, {
+    styledAs: "bodyInterface",
+    as: "span"
+  }, renderOverview(rangeShown, totalRecords)), (0, _react2.jsx)(_PaginationPages.PaginationPages, {
+    currentPage: currentPage,
+    onPageNumberChange: onPageChange,
+    totalPages: 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, totalRecords)), PageLimitSelector), (0, _react2.jsx)("div", {
+    css: _ref
+  }, (0, _react2.jsx)(_PaginationPages.PaginationPages, {
+    currentPage: currentPage,
+    onPageNumberChange: onPageChange,
+    totalPages: totalPages
+  }))));
+};
+
+exports.Pagination = Pagination;
+var _default = Pagination;
+exports.default = _default;

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/PaginationPages.d.ts

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

package/cjs/PaginationPages.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCYyIsImZpbGUiOiIuLi8uLi9zcmMvUGFnaW5hdGlvblBhZ2VzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMsIEljb25CdXR0b24sIEljb25CdXR0b25TaXplIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblBhZ2VzUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZU51bWJlckNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxQYWdlczogbnVtYmVyXG59XG5cbmNvbnN0IFRocmVlRG90cyA9ICh7IHNpemUgfTogeyBzaXplOiBJY29uQnV0dG9uU2l6ZSB9KSA9PiB7XG4gIGNvbnN0IGRpbWVuc2lvbnMgPSBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMoc2l6ZSlcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIC4uLlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uUGFnZXMgPSAoeyBjdXJyZW50UGFnZSA9IDEsIG9uUGFnZU51bWJlckNoYW5nZSwgdG90YWxQYWdlcyB9OiBQYWdpbmF0aW9uUGFnZXNQcm9wcykgPT4ge1xuICBjb25zdCBbcGFnZU51bWJlciwgc2V0UGFnZU51bWJlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KGN1cnJlbnRQYWdlKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9uUGFnZU51bWJlckNoYW5nZSkgb25QYWdlTnVtYmVyQ2hhbmdlKHBhZ2VOdW1iZXIpXG4gIH0sIFtwYWdlTnVtYmVyLCBvblBhZ2VOdW1iZXJDaGFuZ2VdKVxuXG4gIGNvbnN0IGdldFJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB7XG4gICAgcmV0dXJuIEFycmF5KGVuZCAtIHN0YXJ0ICsgMSlcbiAgICAgIC5maWxsKDEpXG4gICAgICAubWFwKChfLCBpKSA9PiBpICsgc3RhcnQpXG4gIH1cblxuICBjb25zdCBpY29uQnV0dG9uU2l6ZTogSWNvbkJ1dHRvblNpemUgPSAnbWVkaXVtJ1xuXG4gIGNvbnN0IGdlbmVyYXRlUGFnaW5hdGlvbkxpc3QgPSAoKSA9PiB7XG4gICAgY29uc3QgY3VycmVudFBhZ2VOdW1iZXIgPSBwYWdlTnVtYmVyIDw9IHRvdGFsUGFnZXMgPyBwYWdlTnVtYmVyIDogMVxuICAgIGNvbnN0IGRlbHRhID0gNCxcbiAgICAgIHJhbmdlID0ge1xuICAgICAgICBzdGFydDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciAtIGRlbHRhIC8gMikgKyAxLFxuICAgICAgICBlbmQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgKyBkZWx0YSAvIDIpIC0gMSxcbiAgICAgIH1cblxuICAgIGlmICh0b3RhbFBhZ2VzID09PSAwKSByZXR1cm4gW11cblxuICAgIGlmIChyYW5nZS5zdGFydCAtIDEgPT09IDEgfHwgcmFuZ2UuZW5kICsgMSA9PT0gdG90YWxQYWdlcykge1xuICAgICAgcmFuZ2Uuc3RhcnQgKz0gMVxuICAgICAgcmFuZ2UuZW5kICs9IDFcbiAgICB9XG5cbiAgICBsZXQgcGFnZXMgPVxuICAgICAgY3VycmVudFBhZ2VOdW1iZXIgPiBkZWx0YVxuICAgICAgICA/IGdldFJhbmdlKE1hdGgubWluKHJhbmdlLnN0YXJ0LCB0b3RhbFBhZ2VzIC0gZGVsdGEpLCBNYXRoLm1pbihyYW5nZS5lbmQsIHRvdGFsUGFnZXMpKVxuICAgICAgICA6IGdldFJhbmdlKDEsIE1hdGgubWluKHRvdGFsUGFnZXMsIGRlbHRhICsgMSkpXG5cbiAgICBjb25zdCB3aXRoRG90cyA9ICh2YWx1ZTogbnVtYmVyLCBwYWlyOiBhbnlbXSkgPT4gKHBhZ2VzLmxlbmd0aCArIDEgIT09IHRvdGFsUGFnZXMgPyBwYWlyIDogW3ZhbHVlXSlcblxuICAgIGlmIChwYWdlc1swXSAhPT0gMSkge1xuICAgICAgcGFnZXMgPSB3aXRoRG90cygxLCBbMSwgJy4uLiddKS5jb25jYXQocGFnZXMpXG4gICAgfVxuXG4gICAgaWYgKHBhZ2VzW3BhZ2VzLmxlbmd0aCAtIDFdIDwgdG90YWxQYWdlcykge1xuICAgICAgcGFnZXMgPSBwYWdlcy5jb25jYXQod2l0aERvdHModG90YWxQYWdlcywgWycuLi4nLCB0b3RhbFBhZ2VzXSkpXG4gICAgfVxuICAgIHJldHVybiBwYWdlc1xuICB9XG5cbiAgY29uc3QgbmV4dFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPCB0b3RhbFBhZ2VzKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgKyAxKVxuICB9XG4gIGNvbnN0IHByZXZQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyID4gMSkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyIC0gMSlcbiAgfVxuICBjb25zdCBvblBhZ2VDbGljayA9IChudW1iZXI6IG51bWJlcik6IHZvaWQgPT4ge1xuICAgIHNldFBhZ2VOdW1iZXIobnVtYmVyKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IDEgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgIC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Z2VuZXJhdGVQYWdpbmF0aW9uTGlzdCgpLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgICA8ZGl2IGtleT17aW5kZXh9PlxuICAgICAgICAgICAge3R5cGVvZiBpdGVtID09PSAnbnVtYmVyJyA/IChcbiAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDbGljayhpdGVtKX1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aXRlbSA9PT0gcGFnZU51bWJlciAmJiAncmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpJ307XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgICAgICAgIGFyaWFMYWJlbD1cIlwiXG4gICAgICAgICAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAgICAgICAgICAgaWNvbj17KCkgPT4gPD57aXRlbX08Lz59XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8VGhyZWVEb3RzIHNpemU9e2ljb25CdXR0b25TaXplfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIG9uQ2xpY2s9e25leHRQYWdlfVxuICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gdG90YWxQYWdlcyB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICBpY29uPXtDaGV2cm9uUmlnaHR9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgIC8+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStHZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL1BhZ2luYXRpb25QYWdlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZ2V0RGVmYXVsdEljb25CdXR0b25EaW1lbnNpb25zLCBJY29uQnV0dG9uLCBJY29uQnV0dG9uU2l6ZSB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25QYWdlc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VOdW1iZXJDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUGFnZXM6IG51bWJlclxufVxuXG5jb25zdCBUaHJlZURvdHMgPSAoeyBzaXplIH06IHsgc2l6ZTogSWNvbkJ1dHRvblNpemUgfSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0RGVmYXVsdEljb25CdXR0b25EaW1lbnNpb25zKHNpemUpXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICBoZWlnaHQ6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgYH1cbiAgICA+XG4gICAgICAuLi5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvblBhZ2VzID0gKHsgY3VycmVudFBhZ2UgPSAxLCBvblBhZ2VOdW1iZXJDaGFuZ2UsIHRvdGFsUGFnZXMgfTogUGFnaW5hdGlvblBhZ2VzUHJvcHMpID0+IHtcbiAgY29uc3QgW3BhZ2VOdW1iZXIsIHNldFBhZ2VOdW1iZXJdID0gdXNlU3RhdGU8bnVtYmVyPihjdXJyZW50UGFnZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvblBhZ2VOdW1iZXJDaGFuZ2UpIG9uUGFnZU51bWJlckNoYW5nZShwYWdlTnVtYmVyKVxuICB9LCBbcGFnZU51bWJlciwgb25QYWdlTnVtYmVyQ2hhbmdlXSlcblxuICBjb25zdCBnZXRSYW5nZSA9IChzdGFydDogbnVtYmVyLCBlbmQ6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiBBcnJheShlbmQgLSBzdGFydCArIDEpXG4gICAgICAuZmlsbCgxKVxuICAgICAgLm1hcCgoXywgaSkgPT4gaSArIHN0YXJ0KVxuICB9XG5cbiAgY29uc3QgaWNvbkJ1dHRvblNpemU6IEljb25CdXR0b25TaXplID0gJ21lZGl1bSdcblxuICBjb25zdCBnZW5lcmF0ZVBhZ2luYXRpb25MaXN0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGN1cnJlbnRQYWdlTnVtYmVyID0gcGFnZU51bWJlciA8PSB0b3RhbFBhZ2VzID8gcGFnZU51bWJlciA6IDFcbiAgICBjb25zdCBkZWx0YSA9IDQsXG4gICAgICByYW5nZSA9IHtcbiAgICAgICAgc3RhcnQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgLSBkZWx0YSAvIDIpICsgMSxcbiAgICAgICAgZW5kOiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyICsgZGVsdGEgLyAyKSAtIDEsXG4gICAgICB9XG5cbiAgICBpZiAodG90YWxQYWdlcyA9PT0gMCkgcmV0dXJuIFtdXG5cbiAgICBpZiAocmFuZ2Uuc3RhcnQgLSAxID09PSAxIHx8IHJhbmdlLmVuZCArIDEgPT09IHRvdGFsUGFnZXMpIHtcbiAgICAgIHJhbmdlLnN0YXJ0ICs9IDFcbiAgICAgIHJhbmdlLmVuZCArPSAxXG4gICAgfVxuXG4gICAgbGV0IHBhZ2VzID1cbiAgICAgIGN1cnJlbnRQYWdlTnVtYmVyID4gZGVsdGFcbiAgICAgICAgPyBnZXRSYW5nZShNYXRoLm1pbihyYW5nZS5zdGFydCwgdG90YWxQYWdlcyAtIGRlbHRhKSwgTWF0aC5taW4ocmFuZ2UuZW5kLCB0b3RhbFBhZ2VzKSlcbiAgICAgICAgOiBnZXRSYW5nZSgxLCBNYXRoLm1pbih0b3RhbFBhZ2VzLCBkZWx0YSArIDEpKVxuXG4gICAgY29uc3Qgd2l0aERvdHMgPSAodmFsdWU6IG51bWJlciwgcGFpcjogYW55W10pID0+IChwYWdlcy5sZW5ndGggKyAxICE9PSB0b3RhbFBhZ2VzID8gcGFpciA6IFt2YWx1ZV0pXG5cbiAgICBpZiAocGFnZXNbMF0gIT09IDEpIHtcbiAgICAgIHBhZ2VzID0gd2l0aERvdHMoMSwgWzEsICcuLi4nXSkuY29uY2F0KHBhZ2VzKVxuICAgIH1cblxuICAgIGlmIChwYWdlc1twYWdlcy5sZW5ndGggLSAxXSA8IHRvdGFsUGFnZXMpIHtcbiAgICAgIHBhZ2VzID0gcGFnZXMuY29uY2F0KHdpdGhEb3RzKHRvdGFsUGFnZXMsIFsnLi4uJywgdG90YWxQYWdlc10pKVxuICAgIH1cbiAgICByZXR1cm4gcGFnZXNcbiAgfVxuXG4gIGNvbnN0IG5leHRQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyIDwgdG90YWxQYWdlcykgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyICsgMSlcbiAgfVxuICBjb25zdCBwcmV2UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA+IDEpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciAtIDEpXG4gIH1cbiAgY29uc3Qgb25QYWdlQ2xpY2sgPSAobnVtYmVyOiBudW1iZXIpOiB2b2lkID0+IHtcbiAgICBzZXRQYWdlTnVtYmVyKG51bWJlcilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgIG9uQ2xpY2s9e3ByZXZQYWdlfVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSAxIHx8IHRvdGFsUGFnZXMgPT09IDB9XG4gICAgICAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge2dlbmVyYXRlUGFnaW5hdGlvbkxpc3QoKS5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPGRpdiBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgIHt0eXBlb2YgaXRlbSA9PT0gJ251bWJlcicgPyAoXG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2xpY2soaXRlbSl9XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2l0ZW0gPT09IHBhZ2VOdW1iZXIgJiYgJ3JnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKSd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9XCJcIlxuICAgICAgICAgICAgICAgIHNpemU9e2ljb25CdXR0b25TaXplfVxuICAgICAgICAgICAgICAgIGljb249eygpID0+IDw+e2l0ZW19PC8+fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFRocmVlRG90cyBzaXplPXtpY29uQnV0dG9uU2l6ZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsUGFnZXMgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdHYyIsImZpbGUiOiIuLi8uLi9zcmMvUGFnaW5hdGlvblBhZ2VzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMsIEljb25CdXR0b24sIEljb25CdXR0b25TaXplIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblBhZ2VzUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZU51bWJlckNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxQYWdlczogbnVtYmVyXG59XG5cbmNvbnN0IFRocmVlRG90cyA9ICh7IHNpemUgfTogeyBzaXplOiBJY29uQnV0dG9uU2l6ZSB9KSA9PiB7XG4gIGNvbnN0IGRpbWVuc2lvbnMgPSBnZXREZWZhdWx0SWNvbkJ1dHRvbkRpbWVuc2lvbnMoc2l6ZSlcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIC4uLlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uUGFnZXMgPSAoeyBjdXJyZW50UGFnZSA9IDEsIG9uUGFnZU51bWJlckNoYW5nZSwgdG90YWxQYWdlcyB9OiBQYWdpbmF0aW9uUGFnZXNQcm9wcykgPT4ge1xuICBjb25zdCBbcGFnZU51bWJlciwgc2V0UGFnZU51bWJlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KGN1cnJlbnRQYWdlKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9uUGFnZU51bWJlckNoYW5nZSkgb25QYWdlTnVtYmVyQ2hhbmdlKHBhZ2VOdW1iZXIpXG4gIH0sIFtwYWdlTnVtYmVyLCBvblBhZ2VOdW1iZXJDaGFuZ2VdKVxuXG4gIGNvbnN0IGdldFJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB7XG4gICAgcmV0dXJuIEFycmF5KGVuZCAtIHN0YXJ0ICsgMSlcbiAgICAgIC5maWxsKDEpXG4gICAgICAubWFwKChfLCBpKSA9PiBpICsgc3RhcnQpXG4gIH1cblxuICBjb25zdCBpY29uQnV0dG9uU2l6ZTogSWNvbkJ1dHRvblNpemUgPSAnbWVkaXVtJ1xuXG4gIGNvbnN0IGdlbmVyYXRlUGFnaW5hdGlvbkxpc3QgPSAoKSA9PiB7XG4gICAgY29uc3QgY3VycmVudFBhZ2VOdW1iZXIgPSBwYWdlTnVtYmVyIDw9IHRvdGFsUGFnZXMgPyBwYWdlTnVtYmVyIDogMVxuICAgIGNvbnN0IGRlbHRhID0gNCxcbiAgICAgIHJhbmdlID0ge1xuICAgICAgICBzdGFydDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciAtIGRlbHRhIC8gMikgKyAxLFxuICAgICAgICBlbmQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgKyBkZWx0YSAvIDIpIC0gMSxcbiAgICAgIH1cblxuICAgIGlmICh0b3RhbFBhZ2VzID09PSAwKSByZXR1cm4gW11cblxuICAgIGlmIChyYW5nZS5zdGFydCAtIDEgPT09IDEgfHwgcmFuZ2UuZW5kICsgMSA9PT0gdG90YWxQYWdlcykge1xuICAgICAgcmFuZ2Uuc3RhcnQgKz0gMVxuICAgICAgcmFuZ2UuZW5kICs9IDFcbiAgICB9XG5cbiAgICBsZXQgcGFnZXMgPVxuICAgICAgY3VycmVudFBhZ2VOdW1iZXIgPiBkZWx0YVxuICAgICAgICA/IGdldFJhbmdlKE1hdGgubWluKHJhbmdlLnN0YXJ0LCB0b3RhbFBhZ2VzIC0gZGVsdGEpLCBNYXRoLm1pbihyYW5nZS5lbmQsIHRvdGFsUGFnZXMpKVxuICAgICAgICA6IGdldFJhbmdlKDEsIE1hdGgubWluKHRvdGFsUGFnZXMsIGRlbHRhICsgMSkpXG5cbiAgICBjb25zdCB3aXRoRG90cyA9ICh2YWx1ZTogbnVtYmVyLCBwYWlyOiBhbnlbXSkgPT4gKHBhZ2VzLmxlbmd0aCArIDEgIT09IHRvdGFsUGFnZXMgPyBwYWlyIDogW3ZhbHVlXSlcblxuICAgIGlmIChwYWdlc1swXSAhPT0gMSkge1xuICAgICAgcGFnZXMgPSB3aXRoRG90cygxLCBbMSwgJy4uLiddKS5jb25jYXQocGFnZXMpXG4gICAgfVxuXG4gICAgaWYgKHBhZ2VzW3BhZ2VzLmxlbmd0aCAtIDFdIDwgdG90YWxQYWdlcykge1xuICAgICAgcGFnZXMgPSBwYWdlcy5jb25jYXQod2l0aERvdHModG90YWxQYWdlcywgWycuLi4nLCB0b3RhbFBhZ2VzXSkpXG4gICAgfVxuICAgIHJldHVybiBwYWdlc1xuICB9XG5cbiAgY29uc3QgbmV4dFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPCB0b3RhbFBhZ2VzKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgKyAxKVxuICB9XG4gIGNvbnN0IHByZXZQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyID4gMSkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyIC0gMSlcbiAgfVxuICBjb25zdCBvblBhZ2VDbGljayA9IChudW1iZXI6IG51bWJlcik6IHZvaWQgPT4ge1xuICAgIHNldFBhZ2VOdW1iZXIobnVtYmVyKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IDEgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgIC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Z2VuZXJhdGVQYWdpbmF0aW9uTGlzdCgpLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgICA8ZGl2IGtleT17aW5kZXh9PlxuICAgICAgICAgICAge3R5cGVvZiBpdGVtID09PSAnbnVtYmVyJyA/IChcbiAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDbGljayhpdGVtKX1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMXJlbTtcbiAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aXRlbSA9PT0gcGFnZU51bWJlciAmJiAncmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpJ307XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgICAgICAgIGFyaWFMYWJlbD1cIlwiXG4gICAgICAgICAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAgICAgICAgICAgaWNvbj17KCkgPT4gPD57aXRlbX08Lz59XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8VGhyZWVEb3RzIHNpemU9e2ljb25CdXR0b25TaXplfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIG9uQ2xpY2s9e25leHRQYWdlfVxuICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gdG90YWxQYWdlcyB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICBpY29uPXtDaGV2cm9uUmlnaHR9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPXtpY29uQnV0dG9uU2l6ZX1cbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const PaginationPages = ({
+  currentPage = 1,
+  onPageNumberChange,
+  totalPages
+}) => {
+  const _useState = (0, _react.useState)(currentPage),
+        _useState2 = _slicedToArray(_useState, 2),
+        pageNumber = _useState2[0],
+        setPageNumber = _useState2[1];
+
+  (0, _react.useEffect)(() => {
+    if (onPageNumberChange) onPageNumberChange(pageNumber);
+  }, [pageNumber, onPageNumberChange]);
+
+  const getRange = (start, end) => {
+    return Array(end - start + 1).fill(1).map((_, i) => i + start);
+  };
+
+  const iconButtonSize = 'medium';
+
+  const generatePaginationList = () => {
+    const currentPageNumber = pageNumber <= totalPages ? pageNumber : 1;
+    const delta = 4,
+          range = {
+      start: Math.round(currentPageNumber - delta / 2) + 1,
+      end: Math.round(currentPageNumber + delta / 2) - 1
+    };
+    if (totalPages === 0) return [];
+
+    if (range.start - 1 === 1 || range.end + 1 === totalPages) {
+      range.start += 1;
+      range.end += 1;
+    }
+
+    let pages = currentPageNumber > delta ? getRange(Math.min(range.start, totalPages - delta), Math.min(range.end, totalPages)) : getRange(1, Math.min(totalPages, delta + 1));
+
+    const withDots = (value, pair) => pages.length + 1 !== totalPages ? pair : [value];
+
+    if (pages[0] !== 1) {
+      pages = withDots(1, [1, '...']).concat(pages);
+    }
+
+    if (pages[pages.length - 1] < totalPages) {
+      pages = pages.concat(withDots(totalPages, ['...', totalPages]));
+    }
+
+    return pages;
+  };
+
+  const nextPage = () => {
+    if (pageNumber < totalPages) 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 || totalPages === 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBId0IiLCJmaWxlIjoiLi4vLi4vc3JjL1BhZ2luYXRpb25QYWdlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZ2V0RGVmYXVsdEljb25CdXR0b25EaW1lbnNpb25zLCBJY29uQnV0dG9uLCBJY29uQnV0dG9uU2l6ZSB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25QYWdlc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VOdW1iZXJDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUGFnZXM6IG51bWJlclxufVxuXG5jb25zdCBUaHJlZURvdHMgPSAoeyBzaXplIH06IHsgc2l6ZTogSWNvbkJ1dHRvblNpemUgfSkgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gZ2V0RGVmYXVsdEljb25CdXR0b25EaW1lbnNpb25zKHNpemUpXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICBoZWlnaHQ6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgYH1cbiAgICA+XG4gICAgICAuLi5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvblBhZ2VzID0gKHsgY3VycmVudFBhZ2UgPSAxLCBvblBhZ2VOdW1iZXJDaGFuZ2UsIHRvdGFsUGFnZXMgfTogUGFnaW5hdGlvblBhZ2VzUHJvcHMpID0+IHtcbiAgY29uc3QgW3BhZ2VOdW1iZXIsIHNldFBhZ2VOdW1iZXJdID0gdXNlU3RhdGU8bnVtYmVyPihjdXJyZW50UGFnZSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvblBhZ2VOdW1iZXJDaGFuZ2UpIG9uUGFnZU51bWJlckNoYW5nZShwYWdlTnVtYmVyKVxuICB9LCBbcGFnZU51bWJlciwgb25QYWdlTnVtYmVyQ2hhbmdlXSlcblxuICBjb25zdCBnZXRSYW5nZSA9IChzdGFydDogbnVtYmVyLCBlbmQ6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiBBcnJheShlbmQgLSBzdGFydCArIDEpXG4gICAgICAuZmlsbCgxKVxuICAgICAgLm1hcCgoXywgaSkgPT4gaSArIHN0YXJ0KVxuICB9XG5cbiAgY29uc3QgaWNvbkJ1dHRvblNpemU6IEljb25CdXR0b25TaXplID0gJ21lZGl1bSdcblxuICBjb25zdCBnZW5lcmF0ZVBhZ2luYXRpb25MaXN0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGN1cnJlbnRQYWdlTnVtYmVyID0gcGFnZU51bWJlciA8PSB0b3RhbFBhZ2VzID8gcGFnZU51bWJlciA6IDFcbiAgICBjb25zdCBkZWx0YSA9IDQsXG4gICAgICByYW5nZSA9IHtcbiAgICAgICAgc3RhcnQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgLSBkZWx0YSAvIDIpICsgMSxcbiAgICAgICAgZW5kOiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyICsgZGVsdGEgLyAyKSAtIDEsXG4gICAgICB9XG5cbiAgICBpZiAodG90YWxQYWdlcyA9PT0gMCkgcmV0dXJuIFtdXG5cbiAgICBpZiAocmFuZ2Uuc3RhcnQgLSAxID09PSAxIHx8IHJhbmdlLmVuZCArIDEgPT09IHRvdGFsUGFnZXMpIHtcbiAgICAgIHJhbmdlLnN0YXJ0ICs9IDFcbiAgICAgIHJhbmdlLmVuZCArPSAxXG4gICAgfVxuXG4gICAgbGV0IHBhZ2VzID1cbiAgICAgIGN1cnJlbnRQYWdlTnVtYmVyID4gZGVsdGFcbiAgICAgICAgPyBnZXRSYW5nZShNYXRoLm1pbihyYW5nZS5zdGFydCwgdG90YWxQYWdlcyAtIGRlbHRhKSwgTWF0aC5taW4ocmFuZ2UuZW5kLCB0b3RhbFBhZ2VzKSlcbiAgICAgICAgOiBnZXRSYW5nZSgxLCBNYXRoLm1pbih0b3RhbFBhZ2VzLCBkZWx0YSArIDEpKVxuXG4gICAgY29uc3Qgd2l0aERvdHMgPSAodmFsdWU6IG51bWJlciwgcGFpcjogYW55W10pID0+IChwYWdlcy5sZW5ndGggKyAxICE9PSB0b3RhbFBhZ2VzID8gcGFpciA6IFt2YWx1ZV0pXG5cbiAgICBpZiAocGFnZXNbMF0gIT09IDEpIHtcbiAgICAgIHBhZ2VzID0gd2l0aERvdHMoMSwgWzEsICcuLi4nXSkuY29uY2F0KHBhZ2VzKVxuICAgIH1cblxuICAgIGlmIChwYWdlc1twYWdlcy5sZW5ndGggLSAxXSA8IHRvdGFsUGFnZXMpIHtcbiAgICAgIHBhZ2VzID0gcGFnZXMuY29uY2F0KHdpdGhEb3RzKHRvdGFsUGFnZXMsIFsnLi4uJywgdG90YWxQYWdlc10pKVxuICAgIH1cbiAgICByZXR1cm4gcGFnZXNcbiAgfVxuXG4gIGNvbnN0IG5leHRQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyIDwgdG90YWxQYWdlcykgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyICsgMSlcbiAgfVxuICBjb25zdCBwcmV2UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA+IDEpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciAtIDEpXG4gIH1cbiAgY29uc3Qgb25QYWdlQ2xpY2sgPSAobnVtYmVyOiBudW1iZXIpOiB2b2lkID0+IHtcbiAgICBzZXRQYWdlTnVtYmVyKG51bWJlcilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgIG9uQ2xpY2s9e3ByZXZQYWdlfVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSAxIHx8IHRvdGFsUGFnZXMgPT09IDB9XG4gICAgICAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge2dlbmVyYXRlUGFnaW5hdGlvbkxpc3QoKS5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPGRpdiBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgIHt0eXBlb2YgaXRlbSA9PT0gJ251bWJlcicgPyAoXG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25QYWdlQ2xpY2soaXRlbSl9XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBmb250LXNpemU6IDFyZW07XG4gICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2l0ZW0gPT09IHBhZ2VOdW1iZXIgJiYgJ3JnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKSd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgICAgICAgICAgICBhcmlhTGFiZWw9XCJcIlxuICAgICAgICAgICAgICAgIHNpemU9e2ljb25CdXR0b25TaXplfVxuICAgICAgICAgICAgICAgIGljb249eygpID0+IDw+e2l0ZW19PC8+fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPFRocmVlRG90cyBzaXplPXtpY29uQnV0dG9uU2l6ZX0gLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsUGFnZXMgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT17aWNvbkJ1dHRvblNpemV9XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */"),
+    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 === totalPages || totalPages === 0,
+    icon: _system.ChevronRight,
+    ariaLabel: "Next",
+    size: iconButtonSize
+  }));
+};
+
+exports.PaginationPages = PaginationPages;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Pagination component",
   "license": "MIT",
   "private": false,
-  "version": "0.9.7-alpha.fef7a36f",
+  "version": "0.9.8-alpha.11cc29dd",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -15,10 +15,13 @@
     "react-dom": ">= 16.8.0"
   },
   "dependencies": {
-    "@dfds-ui/forms": "0.9.7-alpha.fef7a36f",
-    "@dfds-ui/react-components": "0.9.7-alpha.fef7a36f"
+    "@dfds-ui/forms": "0.9.8-alpha.11cc29dd",
+    "@dfds-ui/hooks": "0.9.8-alpha.11cc29dd",
+    "@dfds-ui/react-components": "0.9.8-alpha.11cc29dd",
+    "@dfds-ui/theme": "0.9.8-alpha.11cc29dd",
+    "@dfds-ui/typography": "0.9.8-alpha.11cc29dd"
   },
-  "gitHead": "fef7a36fb5256de8a5a81d8f1dfc9a541fcc2724",
+  "gitHead": "11cc29dd8a41a0b42e1cef81c1cf230eb3d11f75",
   "publishConfig": {
     "access": "public"
   }