@dfds-ui/pagination 0.9.7-alpha.fef7a36f → 0.9.8-alpha.7f128d9e

package/Pagination.d.ts

@@ -0,0 +1,43 @@
+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;
+};
+export declare const Pagination: ({ currentPage, offset, onChangePageLimit, onPageChange, options, pageLimit, totalRecords, renderOverview, }: PaginationProps) => JSX.Element;
+export default Pagination;

package/Pagination.js

@@ -0,0 +1,101 @@
+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 "Showing ".concat(rangeShown, " of ").concat(totalRecords);
+};
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "e3viwr",
+  styles: "display:flex;justify-content:center;width:100%"
+} : {
+  name: "1efb196-Pagination",
+  styles: "display:flex;justify-content:center;width:100%;label:Pagination;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnSG9CIiwiZmlsZSI6Ii4uL3NyYy9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgUGFnaW5hdGlvblBhZ2VzIH0gZnJvbSAnLi9QYWdpbmF0aW9uUGFnZXMnXG5pbXBvcnQgeyBTZWxlY3RGaWVsZCB9IGZyb20gJ0BkZmRzLXVpL2Zvcm1zJ1xuaW1wb3J0IHsgd3JhcHBlclN0eWxlcyB9IGZyb20gJy4vUGFnaW5hdGlvbi5zdHlsZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBPcHRpb24gPSB7XG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIE9wdGlvbnMgcGFzc2VkIHRvIHRoZSBQYWdlTGltaXRTZWxlY3RvclxuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbltdIHwgbnVsbFxuICAvKipcbiAgICogTnVtYmVyIG9mIHJlY29yZHMgcGVyIHBhZ2UuXG4gICAqL1xuICBwYWdlTGltaXQ6IG51bWJlclxuICAvKipcbiAgICogVG90YWwgbnVtYmVyIG9mIHJlY29yZHMuXG4gICAqL1xuICB0b3RhbFJlY29yZHM6IG51bWJlclxuICAvKipcbiAgICogUmV0dXJucyB0aGUgY29udGVudCBvZiB0aGUgb3ZlcnZpZXcuXG4gICAqXG4gICAqIFVzZSB0aGlzIGlmIHlvdSBuZWVkIHRvIGxvY2FsaXplIHRoZSBvdmVydmlldyBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIHJlbmRlck92ZXJ2aWV3PzogKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBkZWZhdWx0T3ZlcnZpZXcgPSAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gYFNob3dpbmcgJHtyYW5nZVNob3dufSBvZiAke3RvdGFsUmVjb3Jkc31gXG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgY3VycmVudFBhZ2UsXG4gIG9mZnNldCA9IDAsXG4gIG9uQ2hhbmdlUGFnZUxpbWl0LFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBwYWdlTGltaXQsXG4gIHRvdGFsUmVjb3JkcyA9IDAsXG4gIHJlbmRlck92ZXJ2aWV3ID0gZGVmYXVsdE92ZXJ2aWV3LFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuICBjb25zdCB0b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRvdGFsUmVjb3JkcyAvIHBhZ2VMaW1pdClcbiAgY29uc3QgcmFuZ2VTaG93biA9XG4gICAgdG90YWxSZWNvcmRzID09PSAxXG4gICAgICA/IFN0cmluZyh0b3RhbFJlY29yZHMpXG4gICAgICA6IGAke3RvdGFsUmVjb3JkcyA9PT0gMCA/IHRvdGFsUmVjb3JkcyA6IG9mZnNldCArIDF9LSR7XG4gICAgICAgICAgcGFnZUxpbWl0ICsgb2Zmc2V0ID4gdG90YWxSZWNvcmRzID8gdG90YWxSZWNvcmRzIDogcGFnZUxpbWl0ICsgb2Zmc2V0XG4gICAgICAgIH1gXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IFN0cmluZyhwYWdlTGltaXQpXG4gICAgfSlcbiAgICByZXR1cm4gb3B0aW9uXG4gIH1cblxuICBjb25zdCBQYWdlTGltaXRTZWxlY3RvciA9IG9wdGlvbnMgPyAoXG4gICAgPFNlbGVjdEZpZWxkXG4gICAgICBsYWJlbD1cIlwiXG4gICAgICBuYW1lPVwicGFnaW5hdGlvblNlbGVjdGVyXCJcbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZVBhZ2VMaW1pdH1cbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgLz5cbiAgKSA6IG51bGxcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxR29CIiwiZmlsZSI6Ii4uL3NyYy9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgUGFnaW5hdGlvblBhZ2VzIH0gZnJvbSAnLi9QYWdpbmF0aW9uUGFnZXMnXG5pbXBvcnQgeyBTZWxlY3RGaWVsZCB9IGZyb20gJ0BkZmRzLXVpL2Zvcm1zJ1xuaW1wb3J0IHsgd3JhcHBlclN0eWxlcyB9IGZyb20gJy4vUGFnaW5hdGlvbi5zdHlsZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBPcHRpb24gPSB7XG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIE9wdGlvbnMgcGFzc2VkIHRvIHRoZSBQYWdlTGltaXRTZWxlY3RvclxuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbltdIHwgbnVsbFxuICAvKipcbiAgICogTnVtYmVyIG9mIHJlY29yZHMgcGVyIHBhZ2UuXG4gICAqL1xuICBwYWdlTGltaXQ6IG51bWJlclxuICAvKipcbiAgICogVG90YWwgbnVtYmVyIG9mIHJlY29yZHMuXG4gICAqL1xuICB0b3RhbFJlY29yZHM6IG51bWJlclxuICAvKipcbiAgICogUmV0dXJucyB0aGUgY29udGVudCBvZiB0aGUgb3ZlcnZpZXcuXG4gICAqXG4gICAqIFVzZSB0aGlzIGlmIHlvdSBuZWVkIHRvIGxvY2FsaXplIHRoZSBvdmVydmlldyBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIHJlbmRlck92ZXJ2aWV3PzogKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBkZWZhdWx0T3ZlcnZpZXcgPSAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gYFNob3dpbmcgJHtyYW5nZVNob3dufSBvZiAke3RvdGFsUmVjb3Jkc31gXG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgY3VycmVudFBhZ2UsXG4gIG9mZnNldCA9IDAsXG4gIG9uQ2hhbmdlUGFnZUxpbWl0LFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBwYWdlTGltaXQsXG4gIHRvdGFsUmVjb3JkcyA9IDAsXG4gIHJlbmRlck92ZXJ2aWV3ID0gZGVmYXVsdE92ZXJ2aWV3LFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuICBjb25zdCB0b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRvdGFsUmVjb3JkcyAvIHBhZ2VMaW1pdClcbiAgY29uc3QgcmFuZ2VTaG93biA9XG4gICAgdG90YWxSZWNvcmRzID09PSAxXG4gICAgICA/IFN0cmluZyh0b3RhbFJlY29yZHMpXG4gICAgICA6IGAke3RvdGFsUmVjb3JkcyA9PT0gMCA/IHRvdGFsUmVjb3JkcyA6IG9mZnNldCArIDF9LSR7XG4gICAgICAgICAgcGFnZUxpbWl0ICsgb2Zmc2V0ID4gdG90YWxSZWNvcmRzID8gdG90YWxSZWNvcmRzIDogcGFnZUxpbWl0ICsgb2Zmc2V0XG4gICAgICAgIH1gXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IFN0cmluZyhwYWdlTGltaXQpXG4gICAgfSlcbiAgICByZXR1cm4gb3B0aW9uXG4gIH1cblxuICBjb25zdCBQYWdlTGltaXRTZWxlY3RvciA9IG9wdGlvbnMgPyAoXG4gICAgPFNlbGVjdEZpZWxkXG4gICAgICBsYWJlbD1cIlwiXG4gICAgICBuYW1lPVwicGFnaW5hdGlvblNlbGVjdGVyXCJcbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZVBhZ2VMaW1pdH1cbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgLz5cbiAgKSA6IG51bGxcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref4 = 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRk0iLCJmaWxlIjoiLi4vc3JjL1BhZ2luYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQnJlYWtwb2ludCB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBQYWdpbmF0aW9uUGFnZXMgfSBmcm9tICcuL1BhZ2luYXRpb25QYWdlcydcbmltcG9ydCB7IFNlbGVjdEZpZWxkIH0gZnJvbSAnQGRmZHMtdWkvZm9ybXMnXG5pbXBvcnQgeyB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgbGFiZWw6IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nXG59XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBjdXJyZW50UGFnZT86IG51bWJlclxuICAvKipcbiAgICogVGhlIGN1cnJlbnQgb2Zmc2V0XG4gICAqL1xuICBvZmZzZXQ/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uQ2hhbmdlUGFnZUxpbWl0PzogKGU6IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb24gPSAoe1xuICBjdXJyZW50UGFnZSxcbiAgb2Zmc2V0ID0gMCxcbiAgb25DaGFuZ2VQYWdlTGltaXQsXG4gIG9uUGFnZUNoYW5nZSxcbiAgb3B0aW9ucyA9IG51bGwsXG4gIHBhZ2VMaW1pdCxcbiAgdG90YWxSZWNvcmRzID0gMCxcbiAgcmVuZGVyT3ZlcnZpZXcgPSBkZWZhdWx0T3ZlcnZpZXcsXG59OiBQYWdpbmF0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBncmVhdGVyVGhhbiB9ID0gdXNlQnJlYWtwb2ludCgpXG4gIGNvbnN0IHRvdGFsUGFnZXMgPSBNYXRoLmNlaWwodG90YWxSZWNvcmRzIC8gcGFnZUxpbWl0KVxuICBjb25zdCByYW5nZVNob3duID1cbiAgICB0b3RhbFJlY29yZHMgPT09IDFcbiAgICAgID8gU3RyaW5nKHRvdGFsUmVjb3JkcylcbiAgICAgIDogYCR7dG90YWxSZWNvcmRzID09PSAwID8gdG90YWxSZWNvcmRzIDogb2Zmc2V0ICsgMX0tJHtcbiAgICAgICAgICBwYWdlTGltaXQgKyBvZmZzZXQgPiB0b3RhbFJlY29yZHMgPyB0b3RhbFJlY29yZHMgOiBwYWdlTGltaXQgKyBvZmZzZXRcbiAgICAgICAgfWBcbiAgY29uc3QgY3VycmVudFBhZ2VMaW1pdCA9ICgpID0+IHtcbiAgICBjb25zdCBvcHRpb24gPSBvcHRpb25zPy5maW5kKChvcHRpb246IE9wdGlvbikgPT4ge1xuICAgICAgcmV0dXJuIG9wdGlvbi52YWx1ZSA9PT0gU3RyaW5nKHBhZ2VMaW1pdClcbiAgICB9KVxuICAgIHJldHVybiBvcHRpb25cbiAgfVxuXG4gIGNvbnN0IFBhZ2VMaW1pdFNlbGVjdG9yID0gb3B0aW9ucyA/IChcbiAgICA8U2VsZWN0RmllbGRcbiAgICAgIGxhYmVsPVwiXCJcbiAgICAgIG5hbWU9XCJwYWdpbmF0aW9uU2VsZWN0ZXJcIlxuICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlUGFnZUxpbWl0fVxuICAgICAgdmFsdWU9e2N1cnJlbnRQYWdlTGltaXQoKX1cbiAgICAgIGNzcz17eyB3aWR0aDogJzE1MHB4JyB9fVxuICAgICAgb3B0aW9ucz17b3B0aW9uc31cbiAgICAvPlxuICApIDogbnVsbFxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtncmVhdGVyVGhhbignbCcpID8gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXYgY3NzPXt3cmFwcGVyU3R5bGVzfT5cbiAgICAgICAgICAgIDxUZXh0IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiPntyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfTwvVGV4dD5cbiAgICAgICAgICAgIDxQYWdpbmF0aW9uUGFnZXMgY3VycmVudFBhZ2U9e2N1cnJlbnRQYWdlfSBvblBhZ2VOdW1iZXJDaGFuZ2U9e29uUGFnZUNoYW5nZX0gdG90YWxQYWdlcz17dG90YWxQYWdlc30gLz5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VTbWFsbFwiPntyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfTwvVGV4dD5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQYWdpbmF0aW9uXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var Pagination = function Pagination(_ref3) {
+  var currentPage = _ref3.currentPage,
+      _ref3$offset = _ref3.offset,
+      offset = _ref3$offset === void 0 ? 0 : _ref3$offset,
+      onChangePageLimit = _ref3.onChangePageLimit,
+      onPageChange = _ref3.onPageChange,
+      _ref3$options = _ref3.options,
+      options = _ref3$options === void 0 ? null : _ref3$options,
+      pageLimit = _ref3.pageLimit,
+      _ref3$totalRecords = _ref3.totalRecords,
+      totalRecords = _ref3$totalRecords === void 0 ? 0 : _ref3$totalRecords,
+      _ref3$renderOverview = _ref3.renderOverview,
+      renderOverview = _ref3$renderOverview === void 0 ? defaultOverview : _ref3$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: _ref4,
+    options: options
+  }) : null;
+  return ___EmotionJSX(React.Fragment, null, greaterThan('l') ? ___EmotionJSX(React.Fragment, null, ___EmotionJSX("div", {
+    css: wrapperStyles
+  }, ___EmotionJSX(Text, {
+    styledAs: "bodyInterface"
+  }, renderOverview(rangeShown, totalRecords)), ___EmotionJSX(PaginationPages, {
+    currentPage: currentPage,
+    onPageNumberChange: onPageChange,
+    totalPages: totalPages
+  }), PageLimitSelector)) : ___EmotionJSX(React.Fragment, null, ___EmotionJSX("div", {
+    css: _ref2
+  }, ___EmotionJSX(Text, {
+    styledAs: "bodyInterfaceSmall"
+  }, 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;width:100%;", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6Ii4uL3NyYy9QYWdpbmF0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG4iXX0= */");

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,151 @@
+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 { 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 _ref = process.env.NODE_ENV === "production" ? {
+  name: "gci1tp",
+  styles: "min-width:2.5rem;font-size:1.25rem;text-align:center"
+} : {
+  name: "1s959rz-PaginationPages",
+  styles: "min-width:2.5rem;font-size:1.25rem;text-align:center;label:PaginationPages;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtId0IiLCJmaWxlIjoiLi4vc3JjL1BhZ2luYXRpb25QYWdlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25QYWdlc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VOdW1iZXJDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUGFnZXM6IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvblBhZ2VzID0gKHsgY3VycmVudFBhZ2UgPSAxLCBvblBhZ2VOdW1iZXJDaGFuZ2UsIHRvdGFsUGFnZXMgfTogUGFnaW5hdGlvblBhZ2VzUHJvcHMpID0+IHtcbiAgY29uc3QgW3BhZ2VOdW1iZXIsIHNldFBhZ2VOdW1iZXJdID0gdXNlU3RhdGU8bnVtYmVyPihjdXJyZW50UGFnZSlcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob25QYWdlTnVtYmVyQ2hhbmdlKSBvblBhZ2VOdW1iZXJDaGFuZ2UocGFnZU51bWJlcilcbiAgfSwgW3BhZ2VOdW1iZXIsIG9uUGFnZU51bWJlckNoYW5nZV0pXG4gIGNvbnN0IGdldFJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB7XG4gICAgcmV0dXJuIEFycmF5KGVuZCAtIHN0YXJ0ICsgMSlcbiAgICAgIC5maWxsKDEpXG4gICAgICAubWFwKChfLCBpKSA9PiBpICsgc3RhcnQpXG4gIH1cbiAgY29uc3QgZ2VuZXJhdGVQYWdpbmF0aW9uTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50UGFnZU51bWJlciA9IHBhZ2VOdW1iZXIgPD0gdG90YWxQYWdlcyA/IHBhZ2VOdW1iZXIgOiAxXG4gICAgY29uc3QgZGVsdGEgPSA0LFxuICAgICAgcmFuZ2UgPSB7XG4gICAgICAgIHN0YXJ0OiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyIC0gZGVsdGEgLyAyKSArIDEsXG4gICAgICAgIGVuZDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciArIGRlbHRhIC8gMikgLSAxLFxuICAgICAgfVxuXG4gICAgaWYgKHRvdGFsUGFnZXMgPT09IDApIHJldHVybiBbXVxuXG4gICAgaWYgKHJhbmdlLnN0YXJ0IC0gMSA9PT0gMSB8fCByYW5nZS5lbmQgKyAxID09PSB0b3RhbFBhZ2VzKSB7XG4gICAgICByYW5nZS5zdGFydCArPSAxXG4gICAgICByYW5nZS5lbmQgKz0gMVxuICAgIH1cblxuICAgIGxldCBwYWdlcyA9XG4gICAgICBjdXJyZW50UGFnZU51bWJlciA+IGRlbHRhXG4gICAgICAgID8gZ2V0UmFuZ2UoTWF0aC5taW4ocmFuZ2Uuc3RhcnQsIHRvdGFsUGFnZXMgLSBkZWx0YSksIE1hdGgubWluKHJhbmdlLmVuZCwgdG90YWxQYWdlcykpXG4gICAgICAgIDogZ2V0UmFuZ2UoMSwgTWF0aC5taW4odG90YWxQYWdlcywgZGVsdGEgKyAxKSlcblxuICAgIGNvbnN0IHdpdGhEb3RzID0gKHZhbHVlOiBudW1iZXIsIHBhaXI6IGFueVtdKSA9PiAocGFnZXMubGVuZ3RoICsgMSAhPT0gdG90YWxQYWdlcyA/IHBhaXIgOiBbdmFsdWVdKVxuXG4gICAgaWYgKHBhZ2VzWzBdICE9PSAxKSB7XG4gICAgICBwYWdlcyA9IHdpdGhEb3RzKDEsIFsxLCAnLi4uJ10pLmNvbmNhdChwYWdlcylcbiAgICB9XG5cbiAgICBpZiAocGFnZXNbcGFnZXMubGVuZ3RoIC0gMV0gPCB0b3RhbFBhZ2VzKSB7XG4gICAgICBwYWdlcyA9IHBhZ2VzLmNvbmNhdCh3aXRoRG90cyh0b3RhbFBhZ2VzLCBbJy4uLicsIHRvdGFsUGFnZXNdKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhZ2VzXG4gIH1cblxuICBjb25zdCBuZXh0UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA8IHRvdGFsUGFnZXMpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciArIDEpXG4gIH1cbiAgY29uc3QgcHJldlBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPiAxKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgLSAxKVxuICB9XG4gIGNvbnN0IG9uUGFnZUNsaWNrID0gKG51bWJlcjogbnVtYmVyKTogdm9pZCA9PiB7XG4gICAgc2V0UGFnZU51bWJlcihudW1iZXIpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgICAgYXJpYUxhYmVsPVwiTmV4dFwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gMSB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAvPlxuICAgICAgICB7Z2VuZXJhdGVQYWdpbmF0aW9uTGlzdCgpLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgICA8ZGl2IGtleT17aW5kZXh9PlxuICAgICAgICAgICAge3R5cGVvZiBpdGVtID09PSAnbnVtYmVyJyA/IChcbiAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDbGljayhpdGVtKX1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICR7aXRlbSA9PT0gcGFnZU51bWJlciAmJiAnYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpOyd9XG4gICAgICAgICAgICAgICAgICA6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgICAgICAgIGFyaWFMYWJlbD1cIlwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICBpY29uPXsoKSA9PiA8PntpdGVtfTwvPn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBtaW4td2lkdGg6IDIuNXJlbTtcbiAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2l0ZW19XG4gICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsUGFnZXMgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtGZ0IiLCJmaWxlIjoiLi4vc3JjL1BhZ2luYXRpb25QYWdlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25QYWdlc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VOdW1iZXJDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUGFnZXM6IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvblBhZ2VzID0gKHsgY3VycmVudFBhZ2UgPSAxLCBvblBhZ2VOdW1iZXJDaGFuZ2UsIHRvdGFsUGFnZXMgfTogUGFnaW5hdGlvblBhZ2VzUHJvcHMpID0+IHtcbiAgY29uc3QgW3BhZ2VOdW1iZXIsIHNldFBhZ2VOdW1iZXJdID0gdXNlU3RhdGU8bnVtYmVyPihjdXJyZW50UGFnZSlcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob25QYWdlTnVtYmVyQ2hhbmdlKSBvblBhZ2VOdW1iZXJDaGFuZ2UocGFnZU51bWJlcilcbiAgfSwgW3BhZ2VOdW1iZXIsIG9uUGFnZU51bWJlckNoYW5nZV0pXG4gIGNvbnN0IGdldFJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB7XG4gICAgcmV0dXJuIEFycmF5KGVuZCAtIHN0YXJ0ICsgMSlcbiAgICAgIC5maWxsKDEpXG4gICAgICAubWFwKChfLCBpKSA9PiBpICsgc3RhcnQpXG4gIH1cbiAgY29uc3QgZ2VuZXJhdGVQYWdpbmF0aW9uTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50UGFnZU51bWJlciA9IHBhZ2VOdW1iZXIgPD0gdG90YWxQYWdlcyA/IHBhZ2VOdW1iZXIgOiAxXG4gICAgY29uc3QgZGVsdGEgPSA0LFxuICAgICAgcmFuZ2UgPSB7XG4gICAgICAgIHN0YXJ0OiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyIC0gZGVsdGEgLyAyKSArIDEsXG4gICAgICAgIGVuZDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciArIGRlbHRhIC8gMikgLSAxLFxuICAgICAgfVxuXG4gICAgaWYgKHRvdGFsUGFnZXMgPT09IDApIHJldHVybiBbXVxuXG4gICAgaWYgKHJhbmdlLnN0YXJ0IC0gMSA9PT0gMSB8fCByYW5nZS5lbmQgKyAxID09PSB0b3RhbFBhZ2VzKSB7XG4gICAgICByYW5nZS5zdGFydCArPSAxXG4gICAgICByYW5nZS5lbmQgKz0gMVxuICAgIH1cblxuICAgIGxldCBwYWdlcyA9XG4gICAgICBjdXJyZW50UGFnZU51bWJlciA+IGRlbHRhXG4gICAgICAgID8gZ2V0UmFuZ2UoTWF0aC5taW4ocmFuZ2Uuc3RhcnQsIHRvdGFsUGFnZXMgLSBkZWx0YSksIE1hdGgubWluKHJhbmdlLmVuZCwgdG90YWxQYWdlcykpXG4gICAgICAgIDogZ2V0UmFuZ2UoMSwgTWF0aC5taW4odG90YWxQYWdlcywgZGVsdGEgKyAxKSlcblxuICAgIGNvbnN0IHdpdGhEb3RzID0gKHZhbHVlOiBudW1iZXIsIHBhaXI6IGFueVtdKSA9PiAocGFnZXMubGVuZ3RoICsgMSAhPT0gdG90YWxQYWdlcyA/IHBhaXIgOiBbdmFsdWVdKVxuXG4gICAgaWYgKHBhZ2VzWzBdICE9PSAxKSB7XG4gICAgICBwYWdlcyA9IHdpdGhEb3RzKDEsIFsxLCAnLi4uJ10pLmNvbmNhdChwYWdlcylcbiAgICB9XG5cbiAgICBpZiAocGFnZXNbcGFnZXMubGVuZ3RoIC0gMV0gPCB0b3RhbFBhZ2VzKSB7XG4gICAgICBwYWdlcyA9IHBhZ2VzLmNvbmNhdCh3aXRoRG90cyh0b3RhbFBhZ2VzLCBbJy4uLicsIHRvdGFsUGFnZXNdKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhZ2VzXG4gIH1cblxuICBjb25zdCBuZXh0UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA8IHRvdGFsUGFnZXMpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciArIDEpXG4gIH1cbiAgY29uc3QgcHJldlBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPiAxKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgLSAxKVxuICB9XG4gIGNvbnN0IG9uUGFnZUNsaWNrID0gKG51bWJlcjogbnVtYmVyKTogdm9pZCA9PiB7XG4gICAgc2V0UGFnZU51bWJlcihudW1iZXIpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgICAgYXJpYUxhYmVsPVwiTmV4dFwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gMSB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAvPlxuICAgICAgICB7Z2VuZXJhdGVQYWdpbmF0aW9uTGlzdCgpLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgICA8ZGl2IGtleT17aW5kZXh9PlxuICAgICAgICAgICAge3R5cGVvZiBpdGVtID09PSAnbnVtYmVyJyA/IChcbiAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDbGljayhpdGVtKX1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICR7aXRlbSA9PT0gcGFnZU51bWJlciAmJiAnYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpOyd9XG4gICAgICAgICAgICAgICAgICA6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgICAgICAgIGFyaWFMYWJlbD1cIlwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICBpY29uPXsoKSA9PiA8PntpdGVtfTwvPn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBtaW4td2lkdGg6IDIuNXJlbTtcbiAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2l0ZW19XG4gICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsUGFnZXMgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref3 = 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFYyIsImZpbGUiOiIuLi9zcmMvUGFnaW5hdGlvblBhZ2VzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblBhZ2VzUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZU51bWJlckNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxQYWdlczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uUGFnZXMgPSAoeyBjdXJyZW50UGFnZSA9IDEsIG9uUGFnZU51bWJlckNoYW5nZSwgdG90YWxQYWdlcyB9OiBQYWdpbmF0aW9uUGFnZXNQcm9wcykgPT4ge1xuICBjb25zdCBbcGFnZU51bWJlciwgc2V0UGFnZU51bWJlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KGN1cnJlbnRQYWdlKVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvblBhZ2VOdW1iZXJDaGFuZ2UpIG9uUGFnZU51bWJlckNoYW5nZShwYWdlTnVtYmVyKVxuICB9LCBbcGFnZU51bWJlciwgb25QYWdlTnVtYmVyQ2hhbmdlXSlcbiAgY29uc3QgZ2V0UmFuZ2UgPSAoc3RhcnQ6IG51bWJlciwgZW5kOiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gQXJyYXkoZW5kIC0gc3RhcnQgKyAxKVxuICAgICAgLmZpbGwoMSlcbiAgICAgIC5tYXAoKF8sIGkpID0+IGkgKyBzdGFydClcbiAgfVxuICBjb25zdCBnZW5lcmF0ZVBhZ2luYXRpb25MaXN0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGN1cnJlbnRQYWdlTnVtYmVyID0gcGFnZU51bWJlciA8PSB0b3RhbFBhZ2VzID8gcGFnZU51bWJlciA6IDFcbiAgICBjb25zdCBkZWx0YSA9IDQsXG4gICAgICByYW5nZSA9IHtcbiAgICAgICAgc3RhcnQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgLSBkZWx0YSAvIDIpICsgMSxcbiAgICAgICAgZW5kOiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyICsgZGVsdGEgLyAyKSAtIDEsXG4gICAgICB9XG5cbiAgICBpZiAodG90YWxQYWdlcyA9PT0gMCkgcmV0dXJuIFtdXG5cbiAgICBpZiAocmFuZ2Uuc3RhcnQgLSAxID09PSAxIHx8IHJhbmdlLmVuZCArIDEgPT09IHRvdGFsUGFnZXMpIHtcbiAgICAgIHJhbmdlLnN0YXJ0ICs9IDFcbiAgICAgIHJhbmdlLmVuZCArPSAxXG4gICAgfVxuXG4gICAgbGV0IHBhZ2VzID1cbiAgICAgIGN1cnJlbnRQYWdlTnVtYmVyID4gZGVsdGFcbiAgICAgICAgPyBnZXRSYW5nZShNYXRoLm1pbihyYW5nZS5zdGFydCwgdG90YWxQYWdlcyAtIGRlbHRhKSwgTWF0aC5taW4ocmFuZ2UuZW5kLCB0b3RhbFBhZ2VzKSlcbiAgICAgICAgOiBnZXRSYW5nZSgxLCBNYXRoLm1pbih0b3RhbFBhZ2VzLCBkZWx0YSArIDEpKVxuXG4gICAgY29uc3Qgd2l0aERvdHMgPSAodmFsdWU6IG51bWJlciwgcGFpcjogYW55W10pID0+IChwYWdlcy5sZW5ndGggKyAxICE9PSB0b3RhbFBhZ2VzID8gcGFpciA6IFt2YWx1ZV0pXG5cbiAgICBpZiAocGFnZXNbMF0gIT09IDEpIHtcbiAgICAgIHBhZ2VzID0gd2l0aERvdHMoMSwgWzEsICcuLi4nXSkuY29uY2F0KHBhZ2VzKVxuICAgIH1cblxuICAgIGlmIChwYWdlc1twYWdlcy5sZW5ndGggLSAxXSA8IHRvdGFsUGFnZXMpIHtcbiAgICAgIHBhZ2VzID0gcGFnZXMuY29uY2F0KHdpdGhEb3RzKHRvdGFsUGFnZXMsIFsnLi4uJywgdG90YWxQYWdlc10pKVxuICAgIH1cbiAgICByZXR1cm4gcGFnZXNcbiAgfVxuXG4gIGNvbnN0IG5leHRQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyIDwgdG90YWxQYWdlcykgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyICsgMSlcbiAgfVxuICBjb25zdCBwcmV2UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA+IDEpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciAtIDEpXG4gIH1cbiAgY29uc3Qgb25QYWdlQ2xpY2sgPSAobnVtYmVyOiBudW1iZXIpOiB2b2lkID0+IHtcbiAgICBzZXRQYWdlTnVtYmVyKG51bWJlcilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgICBvbkNsaWNrPXtwcmV2UGFnZX1cbiAgICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSAxIHx8IHRvdGFsUGFnZXMgPT09IDB9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIC8+XG4gICAgICAgIHtnZW5lcmF0ZVBhZ2luYXRpb25MaXN0KCkubWFwKChpdGVtLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxkaXYga2V5PXtpbmRleH0+XG4gICAgICAgICAgICB7dHlwZW9mIGl0ZW0gPT09ICdudW1iZXInID8gKFxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uUGFnZUNsaWNrKGl0ZW0pfVxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgJHtpdGVtID09PSBwYWdlTnVtYmVyICYmICdiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xMik7J31cbiAgICAgICAgICAgICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgIGRpc2FibGVUb29sdGlwXG4gICAgICAgICAgICAgICAgYXJpYUxhYmVsPVwiXCJcbiAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgIGljb249eygpID0+IDw+e2l0ZW19PC8+fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPHBcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIG1pbi13aWR0aDogMi41cmVtO1xuICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICAgICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7aXRlbX1cbiAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIG9uQ2xpY2s9e25leHRQYWdlfVxuICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gdG90YWxQYWdlcyB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICBpY29uPXtDaGV2cm9uUmlnaHR9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIC8+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 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: _ref3
+  }, ___EmotionJSX("div", {
+    css: _ref2
+  }, ___EmotionJSX(IconButton, {
+    icon: ChevronLeft,
+    onClick: prevPage,
+    ariaLabel: "Next",
+    size: "small",
+    disabled: pageNumber === 1 || totalPages === 0,
+    type: "button"
+  }), generatePaginationList().map(function (item, index) {
+    return ___EmotionJSX("div", {
+      key: index
+    }, typeof item === 'number' ? ___EmotionJSX(IconButton, {
+      onClick: function onClick() {
+        return onPageClick(item);
+      },
+      css: /*#__PURE__*/css(item === pageNumber && 'background-color: rgba(73, 162, 223, 0.12);', " :hover{background-color:rgba(73, 162, 223, 0.08);}" + (process.env.NODE_ENV === "production" ? "" : ";label:PaginationPages;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHd0IiLCJmaWxlIjoiLi4vc3JjL1BhZ2luYXRpb25QYWdlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25QYWdlc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VOdW1iZXJDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUGFnZXM6IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvblBhZ2VzID0gKHsgY3VycmVudFBhZ2UgPSAxLCBvblBhZ2VOdW1iZXJDaGFuZ2UsIHRvdGFsUGFnZXMgfTogUGFnaW5hdGlvblBhZ2VzUHJvcHMpID0+IHtcbiAgY29uc3QgW3BhZ2VOdW1iZXIsIHNldFBhZ2VOdW1iZXJdID0gdXNlU3RhdGU8bnVtYmVyPihjdXJyZW50UGFnZSlcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob25QYWdlTnVtYmVyQ2hhbmdlKSBvblBhZ2VOdW1iZXJDaGFuZ2UocGFnZU51bWJlcilcbiAgfSwgW3BhZ2VOdW1iZXIsIG9uUGFnZU51bWJlckNoYW5nZV0pXG4gIGNvbnN0IGdldFJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB7XG4gICAgcmV0dXJuIEFycmF5KGVuZCAtIHN0YXJ0ICsgMSlcbiAgICAgIC5maWxsKDEpXG4gICAgICAubWFwKChfLCBpKSA9PiBpICsgc3RhcnQpXG4gIH1cbiAgY29uc3QgZ2VuZXJhdGVQYWdpbmF0aW9uTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50UGFnZU51bWJlciA9IHBhZ2VOdW1iZXIgPD0gdG90YWxQYWdlcyA/IHBhZ2VOdW1iZXIgOiAxXG4gICAgY29uc3QgZGVsdGEgPSA0LFxuICAgICAgcmFuZ2UgPSB7XG4gICAgICAgIHN0YXJ0OiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyIC0gZGVsdGEgLyAyKSArIDEsXG4gICAgICAgIGVuZDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciArIGRlbHRhIC8gMikgLSAxLFxuICAgICAgfVxuXG4gICAgaWYgKHRvdGFsUGFnZXMgPT09IDApIHJldHVybiBbXVxuXG4gICAgaWYgKHJhbmdlLnN0YXJ0IC0gMSA9PT0gMSB8fCByYW5nZS5lbmQgKyAxID09PSB0b3RhbFBhZ2VzKSB7XG4gICAgICByYW5nZS5zdGFydCArPSAxXG4gICAgICByYW5nZS5lbmQgKz0gMVxuICAgIH1cblxuICAgIGxldCBwYWdlcyA9XG4gICAgICBjdXJyZW50UGFnZU51bWJlciA+IGRlbHRhXG4gICAgICAgID8gZ2V0UmFuZ2UoTWF0aC5taW4ocmFuZ2Uuc3RhcnQsIHRvdGFsUGFnZXMgLSBkZWx0YSksIE1hdGgubWluKHJhbmdlLmVuZCwgdG90YWxQYWdlcykpXG4gICAgICAgIDogZ2V0UmFuZ2UoMSwgTWF0aC5taW4odG90YWxQYWdlcywgZGVsdGEgKyAxKSlcblxuICAgIGNvbnN0IHdpdGhEb3RzID0gKHZhbHVlOiBudW1iZXIsIHBhaXI6IGFueVtdKSA9PiAocGFnZXMubGVuZ3RoICsgMSAhPT0gdG90YWxQYWdlcyA/IHBhaXIgOiBbdmFsdWVdKVxuXG4gICAgaWYgKHBhZ2VzWzBdICE9PSAxKSB7XG4gICAgICBwYWdlcyA9IHdpdGhEb3RzKDEsIFsxLCAnLi4uJ10pLmNvbmNhdChwYWdlcylcbiAgICB9XG5cbiAgICBpZiAocGFnZXNbcGFnZXMubGVuZ3RoIC0gMV0gPCB0b3RhbFBhZ2VzKSB7XG4gICAgICBwYWdlcyA9IHBhZ2VzLmNvbmNhdCh3aXRoRG90cyh0b3RhbFBhZ2VzLCBbJy4uLicsIHRvdGFsUGFnZXNdKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhZ2VzXG4gIH1cblxuICBjb25zdCBuZXh0UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA8IHRvdGFsUGFnZXMpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciArIDEpXG4gIH1cbiAgY29uc3QgcHJldlBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPiAxKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgLSAxKVxuICB9XG4gIGNvbnN0IG9uUGFnZUNsaWNrID0gKG51bWJlcjogbnVtYmVyKTogdm9pZCA9PiB7XG4gICAgc2V0UGFnZU51bWJlcihudW1iZXIpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgICAgYXJpYUxhYmVsPVwiTmV4dFwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gMSB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAvPlxuICAgICAgICB7Z2VuZXJhdGVQYWdpbmF0aW9uTGlzdCgpLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgICA8ZGl2IGtleT17aW5kZXh9PlxuICAgICAgICAgICAge3R5cGVvZiBpdGVtID09PSAnbnVtYmVyJyA/IChcbiAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDbGljayhpdGVtKX1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICR7aXRlbSA9PT0gcGFnZU51bWJlciAmJiAnYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpOyd9XG4gICAgICAgICAgICAgICAgICA6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgICAgICAgIGFyaWFMYWJlbD1cIlwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICBpY29uPXsoKSA9PiA8PntpdGVtfTwvPn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBtaW4td2lkdGg6IDIuNXJlbTtcbiAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2l0ZW19XG4gICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsUGFnZXMgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */"),
+      disableTooltip: true,
+      ariaLabel: "",
+      size: "small",
+      icon: function icon() {
+        return ___EmotionJSX(React.Fragment, null, item);
+      }
+    }) : ___EmotionJSX("p", {
+      css: _ref
+    }, item));
+  })), ___EmotionJSX(IconButton, {
+    onClick: nextPage,
+    disabled: pageNumber === totalPages || totalPages === 0,
+    icon: ChevronRight,
+    ariaLabel: "Next",
+    size: "small",
+    type: "button"
+  }));
+};

package/cjs/Pagination.d.ts

@@ -0,0 +1,43 @@
+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;
+};
+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,112 @@
+"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) => `Showing ${rangeShown} of ${totalRecords}`;
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "e3viwr",
+  styles: "display:flex;justify-content:center;width:100%"
+} : {
+  name: "1efb196-Pagination",
+  styles: "display:flex;justify-content:center;width:100%;label:Pagination;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnSG9CIiwiZmlsZSI6Ii4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgUGFnaW5hdGlvblBhZ2VzIH0gZnJvbSAnLi9QYWdpbmF0aW9uUGFnZXMnXG5pbXBvcnQgeyBTZWxlY3RGaWVsZCB9IGZyb20gJ0BkZmRzLXVpL2Zvcm1zJ1xuaW1wb3J0IHsgd3JhcHBlclN0eWxlcyB9IGZyb20gJy4vUGFnaW5hdGlvbi5zdHlsZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBPcHRpb24gPSB7XG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIE9wdGlvbnMgcGFzc2VkIHRvIHRoZSBQYWdlTGltaXRTZWxlY3RvclxuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbltdIHwgbnVsbFxuICAvKipcbiAgICogTnVtYmVyIG9mIHJlY29yZHMgcGVyIHBhZ2UuXG4gICAqL1xuICBwYWdlTGltaXQ6IG51bWJlclxuICAvKipcbiAgICogVG90YWwgbnVtYmVyIG9mIHJlY29yZHMuXG4gICAqL1xuICB0b3RhbFJlY29yZHM6IG51bWJlclxuICAvKipcbiAgICogUmV0dXJucyB0aGUgY29udGVudCBvZiB0aGUgb3ZlcnZpZXcuXG4gICAqXG4gICAqIFVzZSB0aGlzIGlmIHlvdSBuZWVkIHRvIGxvY2FsaXplIHRoZSBvdmVydmlldyBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIHJlbmRlck92ZXJ2aWV3PzogKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBkZWZhdWx0T3ZlcnZpZXcgPSAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gYFNob3dpbmcgJHtyYW5nZVNob3dufSBvZiAke3RvdGFsUmVjb3Jkc31gXG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgY3VycmVudFBhZ2UsXG4gIG9mZnNldCA9IDAsXG4gIG9uQ2hhbmdlUGFnZUxpbWl0LFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBwYWdlTGltaXQsXG4gIHRvdGFsUmVjb3JkcyA9IDAsXG4gIHJlbmRlck92ZXJ2aWV3ID0gZGVmYXVsdE92ZXJ2aWV3LFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuICBjb25zdCB0b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRvdGFsUmVjb3JkcyAvIHBhZ2VMaW1pdClcbiAgY29uc3QgcmFuZ2VTaG93biA9XG4gICAgdG90YWxSZWNvcmRzID09PSAxXG4gICAgICA/IFN0cmluZyh0b3RhbFJlY29yZHMpXG4gICAgICA6IGAke3RvdGFsUmVjb3JkcyA9PT0gMCA/IHRvdGFsUmVjb3JkcyA6IG9mZnNldCArIDF9LSR7XG4gICAgICAgICAgcGFnZUxpbWl0ICsgb2Zmc2V0ID4gdG90YWxSZWNvcmRzID8gdG90YWxSZWNvcmRzIDogcGFnZUxpbWl0ICsgb2Zmc2V0XG4gICAgICAgIH1gXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IFN0cmluZyhwYWdlTGltaXQpXG4gICAgfSlcbiAgICByZXR1cm4gb3B0aW9uXG4gIH1cblxuICBjb25zdCBQYWdlTGltaXRTZWxlY3RvciA9IG9wdGlvbnMgPyAoXG4gICAgPFNlbGVjdEZpZWxkXG4gICAgICBsYWJlbD1cIlwiXG4gICAgICBuYW1lPVwicGFnaW5hdGlvblNlbGVjdGVyXCJcbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZVBhZ2VMaW1pdH1cbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgLz5cbiAgKSA6IG51bGxcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxR29CIiwiZmlsZSI6Ii4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgUGFnaW5hdGlvblBhZ2VzIH0gZnJvbSAnLi9QYWdpbmF0aW9uUGFnZXMnXG5pbXBvcnQgeyBTZWxlY3RGaWVsZCB9IGZyb20gJ0BkZmRzLXVpL2Zvcm1zJ1xuaW1wb3J0IHsgd3JhcHBlclN0eWxlcyB9IGZyb20gJy4vUGFnaW5hdGlvbi5zdHlsZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBPcHRpb24gPSB7XG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIE9wdGlvbnMgcGFzc2VkIHRvIHRoZSBQYWdlTGltaXRTZWxlY3RvclxuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbltdIHwgbnVsbFxuICAvKipcbiAgICogTnVtYmVyIG9mIHJlY29yZHMgcGVyIHBhZ2UuXG4gICAqL1xuICBwYWdlTGltaXQ6IG51bWJlclxuICAvKipcbiAgICogVG90YWwgbnVtYmVyIG9mIHJlY29yZHMuXG4gICAqL1xuICB0b3RhbFJlY29yZHM6IG51bWJlclxuICAvKipcbiAgICogUmV0dXJucyB0aGUgY29udGVudCBvZiB0aGUgb3ZlcnZpZXcuXG4gICAqXG4gICAqIFVzZSB0aGlzIGlmIHlvdSBuZWVkIHRvIGxvY2FsaXplIHRoZSBvdmVydmlldyBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIHJlbmRlck92ZXJ2aWV3PzogKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBkZWZhdWx0T3ZlcnZpZXcgPSAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gYFNob3dpbmcgJHtyYW5nZVNob3dufSBvZiAke3RvdGFsUmVjb3Jkc31gXG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgY3VycmVudFBhZ2UsXG4gIG9mZnNldCA9IDAsXG4gIG9uQ2hhbmdlUGFnZUxpbWl0LFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBwYWdlTGltaXQsXG4gIHRvdGFsUmVjb3JkcyA9IDAsXG4gIHJlbmRlck92ZXJ2aWV3ID0gZGVmYXVsdE92ZXJ2aWV3LFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuICBjb25zdCB0b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRvdGFsUmVjb3JkcyAvIHBhZ2VMaW1pdClcbiAgY29uc3QgcmFuZ2VTaG93biA9XG4gICAgdG90YWxSZWNvcmRzID09PSAxXG4gICAgICA/IFN0cmluZyh0b3RhbFJlY29yZHMpXG4gICAgICA6IGAke3RvdGFsUmVjb3JkcyA9PT0gMCA/IHRvdGFsUmVjb3JkcyA6IG9mZnNldCArIDF9LSR7XG4gICAgICAgICAgcGFnZUxpbWl0ICsgb2Zmc2V0ID4gdG90YWxSZWNvcmRzID8gdG90YWxSZWNvcmRzIDogcGFnZUxpbWl0ICsgb2Zmc2V0XG4gICAgICAgIH1gXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IFN0cmluZyhwYWdlTGltaXQpXG4gICAgfSlcbiAgICByZXR1cm4gb3B0aW9uXG4gIH1cblxuICBjb25zdCBQYWdlTGltaXRTZWxlY3RvciA9IG9wdGlvbnMgPyAoXG4gICAgPFNlbGVjdEZpZWxkXG4gICAgICBsYWJlbD1cIlwiXG4gICAgICBuYW1lPVwicGFnaW5hdGlvblNlbGVjdGVyXCJcbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZVBhZ2VMaW1pdH1cbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgLz5cbiAgKSA6IG51bGxcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRk0iLCJmaWxlIjoiLi4vLi4vc3JjL1BhZ2luYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQnJlYWtwb2ludCB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBQYWdpbmF0aW9uUGFnZXMgfSBmcm9tICcuL1BhZ2luYXRpb25QYWdlcydcbmltcG9ydCB7IFNlbGVjdEZpZWxkIH0gZnJvbSAnQGRmZHMtdWkvZm9ybXMnXG5pbXBvcnQgeyB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgbGFiZWw6IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nXG59XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBjdXJyZW50UGFnZT86IG51bWJlclxuICAvKipcbiAgICogVGhlIGN1cnJlbnQgb2Zmc2V0XG4gICAqL1xuICBvZmZzZXQ/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uQ2hhbmdlUGFnZUxpbWl0PzogKGU6IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb24gPSAoe1xuICBjdXJyZW50UGFnZSxcbiAgb2Zmc2V0ID0gMCxcbiAgb25DaGFuZ2VQYWdlTGltaXQsXG4gIG9uUGFnZUNoYW5nZSxcbiAgb3B0aW9ucyA9IG51bGwsXG4gIHBhZ2VMaW1pdCxcbiAgdG90YWxSZWNvcmRzID0gMCxcbiAgcmVuZGVyT3ZlcnZpZXcgPSBkZWZhdWx0T3ZlcnZpZXcsXG59OiBQYWdpbmF0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBncmVhdGVyVGhhbiB9ID0gdXNlQnJlYWtwb2ludCgpXG4gIGNvbnN0IHRvdGFsUGFnZXMgPSBNYXRoLmNlaWwodG90YWxSZWNvcmRzIC8gcGFnZUxpbWl0KVxuICBjb25zdCByYW5nZVNob3duID1cbiAgICB0b3RhbFJlY29yZHMgPT09IDFcbiAgICAgID8gU3RyaW5nKHRvdGFsUmVjb3JkcylcbiAgICAgIDogYCR7dG90YWxSZWNvcmRzID09PSAwID8gdG90YWxSZWNvcmRzIDogb2Zmc2V0ICsgMX0tJHtcbiAgICAgICAgICBwYWdlTGltaXQgKyBvZmZzZXQgPiB0b3RhbFJlY29yZHMgPyB0b3RhbFJlY29yZHMgOiBwYWdlTGltaXQgKyBvZmZzZXRcbiAgICAgICAgfWBcbiAgY29uc3QgY3VycmVudFBhZ2VMaW1pdCA9ICgpID0+IHtcbiAgICBjb25zdCBvcHRpb24gPSBvcHRpb25zPy5maW5kKChvcHRpb246IE9wdGlvbikgPT4ge1xuICAgICAgcmV0dXJuIG9wdGlvbi52YWx1ZSA9PT0gU3RyaW5nKHBhZ2VMaW1pdClcbiAgICB9KVxuICAgIHJldHVybiBvcHRpb25cbiAgfVxuXG4gIGNvbnN0IFBhZ2VMaW1pdFNlbGVjdG9yID0gb3B0aW9ucyA/IChcbiAgICA8U2VsZWN0RmllbGRcbiAgICAgIGxhYmVsPVwiXCJcbiAgICAgIG5hbWU9XCJwYWdpbmF0aW9uU2VsZWN0ZXJcIlxuICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlUGFnZUxpbWl0fVxuICAgICAgdmFsdWU9e2N1cnJlbnRQYWdlTGltaXQoKX1cbiAgICAgIGNzcz17eyB3aWR0aDogJzE1MHB4JyB9fVxuICAgICAgb3B0aW9ucz17b3B0aW9uc31cbiAgICAvPlxuICApIDogbnVsbFxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtncmVhdGVyVGhhbignbCcpID8gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXYgY3NzPXt3cmFwcGVyU3R5bGVzfT5cbiAgICAgICAgICAgIDxUZXh0IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiPntyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfTwvVGV4dD5cbiAgICAgICAgICAgIDxQYWdpbmF0aW9uUGFnZXMgY3VycmVudFBhZ2U9e2N1cnJlbnRQYWdlfSBvblBhZ2VOdW1iZXJDaGFuZ2U9e29uUGFnZUNoYW5nZX0gdG90YWxQYWdlcz17dG90YWxQYWdlc30gLz5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VTbWFsbFwiPntyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfTwvVGV4dD5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+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
+  }) : 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"
+  }, 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: "bodyInterfaceSmall"
+  }, 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;width:100%;", _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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6Ii4uLy4uL3NyYy9QYWdpbmF0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG4iXX0= */");
+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,155 @@
+"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)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "gci1tp",
+  styles: "min-width:2.5rem;font-size:1.25rem;text-align:center"
+} : {
+  name: "1s959rz-PaginationPages",
+  styles: "min-width:2.5rem;font-size:1.25rem;text-align:center;label:PaginationPages;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtId0IiLCJmaWxlIjoiLi4vLi4vc3JjL1BhZ2luYXRpb25QYWdlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25QYWdlc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VOdW1iZXJDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUGFnZXM6IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvblBhZ2VzID0gKHsgY3VycmVudFBhZ2UgPSAxLCBvblBhZ2VOdW1iZXJDaGFuZ2UsIHRvdGFsUGFnZXMgfTogUGFnaW5hdGlvblBhZ2VzUHJvcHMpID0+IHtcbiAgY29uc3QgW3BhZ2VOdW1iZXIsIHNldFBhZ2VOdW1iZXJdID0gdXNlU3RhdGU8bnVtYmVyPihjdXJyZW50UGFnZSlcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob25QYWdlTnVtYmVyQ2hhbmdlKSBvblBhZ2VOdW1iZXJDaGFuZ2UocGFnZU51bWJlcilcbiAgfSwgW3BhZ2VOdW1iZXIsIG9uUGFnZU51bWJlckNoYW5nZV0pXG4gIGNvbnN0IGdldFJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB7XG4gICAgcmV0dXJuIEFycmF5KGVuZCAtIHN0YXJ0ICsgMSlcbiAgICAgIC5maWxsKDEpXG4gICAgICAubWFwKChfLCBpKSA9PiBpICsgc3RhcnQpXG4gIH1cbiAgY29uc3QgZ2VuZXJhdGVQYWdpbmF0aW9uTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50UGFnZU51bWJlciA9IHBhZ2VOdW1iZXIgPD0gdG90YWxQYWdlcyA/IHBhZ2VOdW1iZXIgOiAxXG4gICAgY29uc3QgZGVsdGEgPSA0LFxuICAgICAgcmFuZ2UgPSB7XG4gICAgICAgIHN0YXJ0OiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyIC0gZGVsdGEgLyAyKSArIDEsXG4gICAgICAgIGVuZDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciArIGRlbHRhIC8gMikgLSAxLFxuICAgICAgfVxuXG4gICAgaWYgKHRvdGFsUGFnZXMgPT09IDApIHJldHVybiBbXVxuXG4gICAgaWYgKHJhbmdlLnN0YXJ0IC0gMSA9PT0gMSB8fCByYW5nZS5lbmQgKyAxID09PSB0b3RhbFBhZ2VzKSB7XG4gICAgICByYW5nZS5zdGFydCArPSAxXG4gICAgICByYW5nZS5lbmQgKz0gMVxuICAgIH1cblxuICAgIGxldCBwYWdlcyA9XG4gICAgICBjdXJyZW50UGFnZU51bWJlciA+IGRlbHRhXG4gICAgICAgID8gZ2V0UmFuZ2UoTWF0aC5taW4ocmFuZ2Uuc3RhcnQsIHRvdGFsUGFnZXMgLSBkZWx0YSksIE1hdGgubWluKHJhbmdlLmVuZCwgdG90YWxQYWdlcykpXG4gICAgICAgIDogZ2V0UmFuZ2UoMSwgTWF0aC5taW4odG90YWxQYWdlcywgZGVsdGEgKyAxKSlcblxuICAgIGNvbnN0IHdpdGhEb3RzID0gKHZhbHVlOiBudW1iZXIsIHBhaXI6IGFueVtdKSA9PiAocGFnZXMubGVuZ3RoICsgMSAhPT0gdG90YWxQYWdlcyA/IHBhaXIgOiBbdmFsdWVdKVxuXG4gICAgaWYgKHBhZ2VzWzBdICE9PSAxKSB7XG4gICAgICBwYWdlcyA9IHdpdGhEb3RzKDEsIFsxLCAnLi4uJ10pLmNvbmNhdChwYWdlcylcbiAgICB9XG5cbiAgICBpZiAocGFnZXNbcGFnZXMubGVuZ3RoIC0gMV0gPCB0b3RhbFBhZ2VzKSB7XG4gICAgICBwYWdlcyA9IHBhZ2VzLmNvbmNhdCh3aXRoRG90cyh0b3RhbFBhZ2VzLCBbJy4uLicsIHRvdGFsUGFnZXNdKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhZ2VzXG4gIH1cblxuICBjb25zdCBuZXh0UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA8IHRvdGFsUGFnZXMpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciArIDEpXG4gIH1cbiAgY29uc3QgcHJldlBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPiAxKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgLSAxKVxuICB9XG4gIGNvbnN0IG9uUGFnZUNsaWNrID0gKG51bWJlcjogbnVtYmVyKTogdm9pZCA9PiB7XG4gICAgc2V0UGFnZU51bWJlcihudW1iZXIpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgICAgYXJpYUxhYmVsPVwiTmV4dFwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gMSB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAvPlxuICAgICAgICB7Z2VuZXJhdGVQYWdpbmF0aW9uTGlzdCgpLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgICA8ZGl2IGtleT17aW5kZXh9PlxuICAgICAgICAgICAge3R5cGVvZiBpdGVtID09PSAnbnVtYmVyJyA/IChcbiAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDbGljayhpdGVtKX1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICR7aXRlbSA9PT0gcGFnZU51bWJlciAmJiAnYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpOyd9XG4gICAgICAgICAgICAgICAgICA6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgICAgICAgIGFyaWFMYWJlbD1cIlwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICBpY29uPXsoKSA9PiA8PntpdGVtfTwvPn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBtaW4td2lkdGg6IDIuNXJlbTtcbiAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2l0ZW19XG4gICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsUGFnZXMgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtGZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL1BhZ2luYXRpb25QYWdlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25QYWdlc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VOdW1iZXJDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUGFnZXM6IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvblBhZ2VzID0gKHsgY3VycmVudFBhZ2UgPSAxLCBvblBhZ2VOdW1iZXJDaGFuZ2UsIHRvdGFsUGFnZXMgfTogUGFnaW5hdGlvblBhZ2VzUHJvcHMpID0+IHtcbiAgY29uc3QgW3BhZ2VOdW1iZXIsIHNldFBhZ2VOdW1iZXJdID0gdXNlU3RhdGU8bnVtYmVyPihjdXJyZW50UGFnZSlcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob25QYWdlTnVtYmVyQ2hhbmdlKSBvblBhZ2VOdW1iZXJDaGFuZ2UocGFnZU51bWJlcilcbiAgfSwgW3BhZ2VOdW1iZXIsIG9uUGFnZU51bWJlckNoYW5nZV0pXG4gIGNvbnN0IGdldFJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB7XG4gICAgcmV0dXJuIEFycmF5KGVuZCAtIHN0YXJ0ICsgMSlcbiAgICAgIC5maWxsKDEpXG4gICAgICAubWFwKChfLCBpKSA9PiBpICsgc3RhcnQpXG4gIH1cbiAgY29uc3QgZ2VuZXJhdGVQYWdpbmF0aW9uTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50UGFnZU51bWJlciA9IHBhZ2VOdW1iZXIgPD0gdG90YWxQYWdlcyA/IHBhZ2VOdW1iZXIgOiAxXG4gICAgY29uc3QgZGVsdGEgPSA0LFxuICAgICAgcmFuZ2UgPSB7XG4gICAgICAgIHN0YXJ0OiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyIC0gZGVsdGEgLyAyKSArIDEsXG4gICAgICAgIGVuZDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciArIGRlbHRhIC8gMikgLSAxLFxuICAgICAgfVxuXG4gICAgaWYgKHRvdGFsUGFnZXMgPT09IDApIHJldHVybiBbXVxuXG4gICAgaWYgKHJhbmdlLnN0YXJ0IC0gMSA9PT0gMSB8fCByYW5nZS5lbmQgKyAxID09PSB0b3RhbFBhZ2VzKSB7XG4gICAgICByYW5nZS5zdGFydCArPSAxXG4gICAgICByYW5nZS5lbmQgKz0gMVxuICAgIH1cblxuICAgIGxldCBwYWdlcyA9XG4gICAgICBjdXJyZW50UGFnZU51bWJlciA+IGRlbHRhXG4gICAgICAgID8gZ2V0UmFuZ2UoTWF0aC5taW4ocmFuZ2Uuc3RhcnQsIHRvdGFsUGFnZXMgLSBkZWx0YSksIE1hdGgubWluKHJhbmdlLmVuZCwgdG90YWxQYWdlcykpXG4gICAgICAgIDogZ2V0UmFuZ2UoMSwgTWF0aC5taW4odG90YWxQYWdlcywgZGVsdGEgKyAxKSlcblxuICAgIGNvbnN0IHdpdGhEb3RzID0gKHZhbHVlOiBudW1iZXIsIHBhaXI6IGFueVtdKSA9PiAocGFnZXMubGVuZ3RoICsgMSAhPT0gdG90YWxQYWdlcyA/IHBhaXIgOiBbdmFsdWVdKVxuXG4gICAgaWYgKHBhZ2VzWzBdICE9PSAxKSB7XG4gICAgICBwYWdlcyA9IHdpdGhEb3RzKDEsIFsxLCAnLi4uJ10pLmNvbmNhdChwYWdlcylcbiAgICB9XG5cbiAgICBpZiAocGFnZXNbcGFnZXMubGVuZ3RoIC0gMV0gPCB0b3RhbFBhZ2VzKSB7XG4gICAgICBwYWdlcyA9IHBhZ2VzLmNvbmNhdCh3aXRoRG90cyh0b3RhbFBhZ2VzLCBbJy4uLicsIHRvdGFsUGFnZXNdKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhZ2VzXG4gIH1cblxuICBjb25zdCBuZXh0UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA8IHRvdGFsUGFnZXMpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciArIDEpXG4gIH1cbiAgY29uc3QgcHJldlBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPiAxKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgLSAxKVxuICB9XG4gIGNvbnN0IG9uUGFnZUNsaWNrID0gKG51bWJlcjogbnVtYmVyKTogdm9pZCA9PiB7XG4gICAgc2V0UGFnZU51bWJlcihudW1iZXIpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgICAgYXJpYUxhYmVsPVwiTmV4dFwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gMSB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAvPlxuICAgICAgICB7Z2VuZXJhdGVQYWdpbmF0aW9uTGlzdCgpLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgICA8ZGl2IGtleT17aW5kZXh9PlxuICAgICAgICAgICAge3R5cGVvZiBpdGVtID09PSAnbnVtYmVyJyA/IChcbiAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDbGljayhpdGVtKX1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICR7aXRlbSA9PT0gcGFnZU51bWJlciAmJiAnYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpOyd9XG4gICAgICAgICAgICAgICAgICA6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgICAgICAgIGFyaWFMYWJlbD1cIlwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICBpY29uPXsoKSA9PiA8PntpdGVtfTwvPn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBtaW4td2lkdGg6IDIuNXJlbTtcbiAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2l0ZW19XG4gICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsUGFnZXMgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref3 = 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFYyIsImZpbGUiOiIuLi8uLi9zcmMvUGFnaW5hdGlvblBhZ2VzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblBhZ2VzUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZU51bWJlckNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxQYWdlczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uUGFnZXMgPSAoeyBjdXJyZW50UGFnZSA9IDEsIG9uUGFnZU51bWJlckNoYW5nZSwgdG90YWxQYWdlcyB9OiBQYWdpbmF0aW9uUGFnZXNQcm9wcykgPT4ge1xuICBjb25zdCBbcGFnZU51bWJlciwgc2V0UGFnZU51bWJlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KGN1cnJlbnRQYWdlKVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvblBhZ2VOdW1iZXJDaGFuZ2UpIG9uUGFnZU51bWJlckNoYW5nZShwYWdlTnVtYmVyKVxuICB9LCBbcGFnZU51bWJlciwgb25QYWdlTnVtYmVyQ2hhbmdlXSlcbiAgY29uc3QgZ2V0UmFuZ2UgPSAoc3RhcnQ6IG51bWJlciwgZW5kOiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gQXJyYXkoZW5kIC0gc3RhcnQgKyAxKVxuICAgICAgLmZpbGwoMSlcbiAgICAgIC5tYXAoKF8sIGkpID0+IGkgKyBzdGFydClcbiAgfVxuICBjb25zdCBnZW5lcmF0ZVBhZ2luYXRpb25MaXN0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGN1cnJlbnRQYWdlTnVtYmVyID0gcGFnZU51bWJlciA8PSB0b3RhbFBhZ2VzID8gcGFnZU51bWJlciA6IDFcbiAgICBjb25zdCBkZWx0YSA9IDQsXG4gICAgICByYW5nZSA9IHtcbiAgICAgICAgc3RhcnQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgLSBkZWx0YSAvIDIpICsgMSxcbiAgICAgICAgZW5kOiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyICsgZGVsdGEgLyAyKSAtIDEsXG4gICAgICB9XG5cbiAgICBpZiAodG90YWxQYWdlcyA9PT0gMCkgcmV0dXJuIFtdXG5cbiAgICBpZiAocmFuZ2Uuc3RhcnQgLSAxID09PSAxIHx8IHJhbmdlLmVuZCArIDEgPT09IHRvdGFsUGFnZXMpIHtcbiAgICAgIHJhbmdlLnN0YXJ0ICs9IDFcbiAgICAgIHJhbmdlLmVuZCArPSAxXG4gICAgfVxuXG4gICAgbGV0IHBhZ2VzID1cbiAgICAgIGN1cnJlbnRQYWdlTnVtYmVyID4gZGVsdGFcbiAgICAgICAgPyBnZXRSYW5nZShNYXRoLm1pbihyYW5nZS5zdGFydCwgdG90YWxQYWdlcyAtIGRlbHRhKSwgTWF0aC5taW4ocmFuZ2UuZW5kLCB0b3RhbFBhZ2VzKSlcbiAgICAgICAgOiBnZXRSYW5nZSgxLCBNYXRoLm1pbih0b3RhbFBhZ2VzLCBkZWx0YSArIDEpKVxuXG4gICAgY29uc3Qgd2l0aERvdHMgPSAodmFsdWU6IG51bWJlciwgcGFpcjogYW55W10pID0+IChwYWdlcy5sZW5ndGggKyAxICE9PSB0b3RhbFBhZ2VzID8gcGFpciA6IFt2YWx1ZV0pXG5cbiAgICBpZiAocGFnZXNbMF0gIT09IDEpIHtcbiAgICAgIHBhZ2VzID0gd2l0aERvdHMoMSwgWzEsICcuLi4nXSkuY29uY2F0KHBhZ2VzKVxuICAgIH1cblxuICAgIGlmIChwYWdlc1twYWdlcy5sZW5ndGggLSAxXSA8IHRvdGFsUGFnZXMpIHtcbiAgICAgIHBhZ2VzID0gcGFnZXMuY29uY2F0KHdpdGhEb3RzKHRvdGFsUGFnZXMsIFsnLi4uJywgdG90YWxQYWdlc10pKVxuICAgIH1cbiAgICByZXR1cm4gcGFnZXNcbiAgfVxuXG4gIGNvbnN0IG5leHRQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyIDwgdG90YWxQYWdlcykgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyICsgMSlcbiAgfVxuICBjb25zdCBwcmV2UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA+IDEpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciAtIDEpXG4gIH1cbiAgY29uc3Qgb25QYWdlQ2xpY2sgPSAobnVtYmVyOiBudW1iZXIpOiB2b2lkID0+IHtcbiAgICBzZXRQYWdlTnVtYmVyKG51bWJlcilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICBpY29uPXtDaGV2cm9uTGVmdH1cbiAgICAgICAgICBvbkNsaWNrPXtwcmV2UGFnZX1cbiAgICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSAxIHx8IHRvdGFsUGFnZXMgPT09IDB9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIC8+XG4gICAgICAgIHtnZW5lcmF0ZVBhZ2luYXRpb25MaXN0KCkubWFwKChpdGVtLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxkaXYga2V5PXtpbmRleH0+XG4gICAgICAgICAgICB7dHlwZW9mIGl0ZW0gPT09ICdudW1iZXInID8gKFxuICAgICAgICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uUGFnZUNsaWNrKGl0ZW0pfVxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgJHtpdGVtID09PSBwYWdlTnVtYmVyICYmICdiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xMik7J31cbiAgICAgICAgICAgICAgICAgIDpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgIGRpc2FibGVUb29sdGlwXG4gICAgICAgICAgICAgICAgYXJpYUxhYmVsPVwiXCJcbiAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgIGljb249eygpID0+IDw+e2l0ZW19PC8+fVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPHBcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIG1pbi13aWR0aDogMi41cmVtO1xuICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICAgICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7aXRlbX1cbiAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIG9uQ2xpY2s9e25leHRQYWdlfVxuICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gdG90YWxQYWdlcyB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICBpY29uPXtDaGV2cm9uUmlnaHR9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIC8+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 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: _ref3
+  }, (0, _react2.jsx)("div", {
+    css: _ref2
+  }, (0, _react2.jsx)(_reactComponents.IconButton, {
+    icon: _system.ChevronLeft,
+    onClick: prevPage,
+    ariaLabel: "Next",
+    size: "small",
+    disabled: pageNumber === 1 || totalPages === 0,
+    type: "button"
+  }), 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)(item === pageNumber && 'background-color: rgba(73, 162, 223, 0.12);', " :hover{background-color:rgba(73, 162, 223, 0.08);}" + (process.env.NODE_ENV === "production" ? "" : ";label:PaginationPages;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYWdpbmF0aW9uUGFnZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHd0IiLCJmaWxlIjoiLi4vLi4vc3JjL1BhZ2luYXRpb25QYWdlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25QYWdlc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VOdW1iZXJDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUGFnZXM6IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvblBhZ2VzID0gKHsgY3VycmVudFBhZ2UgPSAxLCBvblBhZ2VOdW1iZXJDaGFuZ2UsIHRvdGFsUGFnZXMgfTogUGFnaW5hdGlvblBhZ2VzUHJvcHMpID0+IHtcbiAgY29uc3QgW3BhZ2VOdW1iZXIsIHNldFBhZ2VOdW1iZXJdID0gdXNlU3RhdGU8bnVtYmVyPihjdXJyZW50UGFnZSlcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob25QYWdlTnVtYmVyQ2hhbmdlKSBvblBhZ2VOdW1iZXJDaGFuZ2UocGFnZU51bWJlcilcbiAgfSwgW3BhZ2VOdW1iZXIsIG9uUGFnZU51bWJlckNoYW5nZV0pXG4gIGNvbnN0IGdldFJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB7XG4gICAgcmV0dXJuIEFycmF5KGVuZCAtIHN0YXJ0ICsgMSlcbiAgICAgIC5maWxsKDEpXG4gICAgICAubWFwKChfLCBpKSA9PiBpICsgc3RhcnQpXG4gIH1cbiAgY29uc3QgZ2VuZXJhdGVQYWdpbmF0aW9uTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50UGFnZU51bWJlciA9IHBhZ2VOdW1iZXIgPD0gdG90YWxQYWdlcyA/IHBhZ2VOdW1iZXIgOiAxXG4gICAgY29uc3QgZGVsdGEgPSA0LFxuICAgICAgcmFuZ2UgPSB7XG4gICAgICAgIHN0YXJ0OiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyIC0gZGVsdGEgLyAyKSArIDEsXG4gICAgICAgIGVuZDogTWF0aC5yb3VuZChjdXJyZW50UGFnZU51bWJlciArIGRlbHRhIC8gMikgLSAxLFxuICAgICAgfVxuXG4gICAgaWYgKHRvdGFsUGFnZXMgPT09IDApIHJldHVybiBbXVxuXG4gICAgaWYgKHJhbmdlLnN0YXJ0IC0gMSA9PT0gMSB8fCByYW5nZS5lbmQgKyAxID09PSB0b3RhbFBhZ2VzKSB7XG4gICAgICByYW5nZS5zdGFydCArPSAxXG4gICAgICByYW5nZS5lbmQgKz0gMVxuICAgIH1cblxuICAgIGxldCBwYWdlcyA9XG4gICAgICBjdXJyZW50UGFnZU51bWJlciA+IGRlbHRhXG4gICAgICAgID8gZ2V0UmFuZ2UoTWF0aC5taW4ocmFuZ2Uuc3RhcnQsIHRvdGFsUGFnZXMgLSBkZWx0YSksIE1hdGgubWluKHJhbmdlLmVuZCwgdG90YWxQYWdlcykpXG4gICAgICAgIDogZ2V0UmFuZ2UoMSwgTWF0aC5taW4odG90YWxQYWdlcywgZGVsdGEgKyAxKSlcblxuICAgIGNvbnN0IHdpdGhEb3RzID0gKHZhbHVlOiBudW1iZXIsIHBhaXI6IGFueVtdKSA9PiAocGFnZXMubGVuZ3RoICsgMSAhPT0gdG90YWxQYWdlcyA/IHBhaXIgOiBbdmFsdWVdKVxuXG4gICAgaWYgKHBhZ2VzWzBdICE9PSAxKSB7XG4gICAgICBwYWdlcyA9IHdpdGhEb3RzKDEsIFsxLCAnLi4uJ10pLmNvbmNhdChwYWdlcylcbiAgICB9XG5cbiAgICBpZiAocGFnZXNbcGFnZXMubGVuZ3RoIC0gMV0gPCB0b3RhbFBhZ2VzKSB7XG4gICAgICBwYWdlcyA9IHBhZ2VzLmNvbmNhdCh3aXRoRG90cyh0b3RhbFBhZ2VzLCBbJy4uLicsIHRvdGFsUGFnZXNdKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhZ2VzXG4gIH1cblxuICBjb25zdCBuZXh0UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA8IHRvdGFsUGFnZXMpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciArIDEpXG4gIH1cbiAgY29uc3QgcHJldlBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPiAxKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgLSAxKVxuICB9XG4gIGNvbnN0IG9uUGFnZUNsaWNrID0gKG51bWJlcjogbnVtYmVyKTogdm9pZCA9PiB7XG4gICAgc2V0UGFnZU51bWJlcihudW1iZXIpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgICAgYXJpYUxhYmVsPVwiTmV4dFwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gMSB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAvPlxuICAgICAgICB7Z2VuZXJhdGVQYWdpbmF0aW9uTGlzdCgpLm1hcCgoaXRlbSwgaW5kZXgpID0+IChcbiAgICAgICAgICA8ZGl2IGtleT17aW5kZXh9PlxuICAgICAgICAgICAge3R5cGVvZiBpdGVtID09PSAnbnVtYmVyJyA/IChcbiAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDbGljayhpdGVtKX1cbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICR7aXRlbSA9PT0gcGFnZU51bWJlciAmJiAnYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpOyd9XG4gICAgICAgICAgICAgICAgICA6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICBkaXNhYmxlVG9vbHRpcFxuICAgICAgICAgICAgICAgIGFyaWFMYWJlbD1cIlwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICBpY29uPXsoKSA9PiA8PntpdGVtfTwvPn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBtaW4td2lkdGg6IDIuNXJlbTtcbiAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2l0ZW19XG4gICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsUGFnZXMgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */"),
+    disableTooltip: true,
+    ariaLabel: "",
+    size: "small",
+    icon: () => (0, _react2.jsx)(_react.default.Fragment, null, item)
+  }) : (0, _react2.jsx)("p", {
+    css: _ref
+  }, item)))), (0, _react2.jsx)(_reactComponents.IconButton, {
+    onClick: nextPage,
+    disabled: pageNumber === totalPages || totalPages === 0,
+    icon: _system.ChevronRight,
+    ariaLabel: "Next",
+    size: "small",
+    type: "button"
+  }));
+};
+
+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.7f128d9e",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -15,10 +15,12 @@
     "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.7f128d9e",
+    "@dfds-ui/react-components": "0.9.8-alpha.7f128d9e",
+    "@dfds-ui/theme": "0.9.8-alpha.7f128d9e",
+    "@dfds-ui/typography": "0.9.8-alpha.7f128d9e"
   },
-  "gitHead": "fef7a36fb5256de8a5a81d8f1dfc9a541fcc2724",
+  "gitHead": "7f128d9e502aef901ba62b35e4a87cce57958028",
   "publishConfig": {
     "access": "public"
   }