@dfds-ui/react-components 0.9.7-alpha.11331b84 → 0.9.7-alpha.12e9dcc6

package/pagination/Pagination.js

@@ -1,13 +1,11 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 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 ReactSelect from '../forms/reactselect/ReactSelect';
-import { paginationItemStyles, wrapperStyles } from './Pagination.styles';
-import { Pagination as MaterialPagination, PaginationItem as MaterialPaginationItem } from '@material-ui/lab';
+import { PaginationPages } from './PaginationPages';
+import SelectField from '../forms/select-field/SelectField';
+import { wrapperStyles } from './Pagination.styles';
 import { css } from '@emotion/react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
@@ -15,21 +13,13 @@ var defaultOverview = function defaultOverview(rangeShown, totalRecords) {
   return "Showing ".concat(rangeShown, " of ").concat(totalRecords);
 };
 
-var PaginationItem = function PaginationItem(_ref3) {
-  var item = _extends({}, _ref3);
-
-  return ___EmotionJSX(MaterialPaginationItem, _extends({
-    css: paginationItemStyles
-  }, item));
-};
-
 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThIb0IiLCJmaWxlIjoiLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7IHBhZ2luYXRpb25JdGVtU3R5bGVzLCB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2xhYidcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCI+e3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9PC9UZXh0PlxuICAgICAgICAgICAgPE1hdGVyaWFsUGFnaW5hdGlvblxuICAgICAgICAgICAgICBjb3VudD17dG90YWxQYWdlc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uUGFnZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgICAgICAgIHJlbmRlckl0ZW09e1BhZ2luYXRpb25JdGVtfVxuICAgICAgICAgICAgICBzaG93Rmlyc3RCdXR0b25cbiAgICAgICAgICAgICAgc2hvd0xhc3RCdXR0b25cbiAgICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPE1hdGVyaWFsUGFnaW5hdGlvblxuICAgICAgICAgICAgICBib3VuZGFyeUNvdW50PXsxfVxuICAgICAgICAgICAgICBjb3VudD17dG90YWxQYWdlc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uUGFnZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgICAgICAgIHJlbmRlckl0ZW09e1BhZ2luYXRpb25JdGVtfVxuICAgICAgICAgICAgICBzaWJsaW5nQ291bnQ9ezB9XG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNIb0IiLCJmaWxlIjoiLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFBhZ2luYXRpb25QYWdlcyB9IGZyb20gJy4vUGFnaW5hdGlvblBhZ2VzJ1xuaW1wb3J0IFNlbGVjdEZpZWxkIGZyb20gJy4uL2Zvcm1zL3NlbGVjdC1maWVsZC9TZWxlY3RGaWVsZCdcbmltcG9ydCB7IHdyYXBwZXJTdHlsZXMgfSBmcm9tICcuL1BhZ2luYXRpb24uc3R5bGVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgT3B0aW9uID0ge1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgbGFiZWw6IHN0cmluZ1xuICB2YWx1ZTogbnVtYmVyXG59XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBjdXJyZW50UGFnZT86IG51bWJlclxuICAvKipcbiAgICogVGhlIGN1cnJlbnQgb2Zmc2V0XG4gICAqL1xuICBvZmZzZXQ/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uQ2hhbmdlUGFnZUxpbWl0PzogKGU6IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb24gPSAoe1xuICBjdXJyZW50UGFnZSxcbiAgb2Zmc2V0ID0gMCxcbiAgb25DaGFuZ2VQYWdlTGltaXQsXG4gIG9uUGFnZUNoYW5nZSxcbiAgb3B0aW9ucyA9IG51bGwsXG4gIHBhZ2VMaW1pdCxcbiAgdG90YWxSZWNvcmRzID0gMCxcbiAgcmVuZGVyT3ZlcnZpZXcgPSBkZWZhdWx0T3ZlcnZpZXcsXG59OiBQYWdpbmF0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBncmVhdGVyVGhhbiB9ID0gdXNlQnJlYWtwb2ludCgpXG4gIGNvbnN0IHRvdGFsUGFnZXMgPSBNYXRoLmNlaWwodG90YWxSZWNvcmRzIC8gcGFnZUxpbWl0KVxuICBjb25zdCByYW5nZVNob3duID1cbiAgICB0b3RhbFJlY29yZHMgPT09IDFcbiAgICAgID8gU3RyaW5nKHRvdGFsUmVjb3JkcylcbiAgICAgIDogYCR7dG90YWxSZWNvcmRzID09PSAwID8gdG90YWxSZWNvcmRzIDogb2Zmc2V0ICsgMX0tJHtcbiAgICAgICAgICBwYWdlTGltaXQgKyBvZmZzZXQgPiB0b3RhbFJlY29yZHMgPyB0b3RhbFJlY29yZHMgOiBwYWdlTGltaXQgKyBvZmZzZXRcbiAgICAgICAgfWBcblxuICBjb25zdCBjdXJyZW50UGFnZUxpbWl0ID0gKCkgPT4ge1xuICAgIGNvbnN0IG9wdGlvbiA9IG9wdGlvbnM/LmZpbmQoKG9wdGlvbjogT3B0aW9uKSA9PiB7XG4gICAgICByZXR1cm4gb3B0aW9uLnZhbHVlID09PSBwYWdlTGltaXRcbiAgICB9KVxuICAgIHJldHVybiBvcHRpb25cbiAgfVxuXG4gIGNvbnN0IFBhZ2VMaW1pdFNlbGVjdG9yID0gKFxuICAgIDxTZWxlY3RGaWVsZFxuICAgICAgbGFiZWw9XCJcIlxuICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlUGFnZUxpbWl0fVxuICAgICAgdmFsdWU9e1N0cmluZyhjdXJyZW50UGFnZUxpbWl0KCk/LnZhbHVlKX1cbiAgICAgIG5hbWU9XCJwYWdpbmF0aW9uU2VsZWN0ZXJcIlxuICAgICAgY3NzPXt7IHdpZHRoOiAnMTUwcHgnIH19XG4gICAgPlxuICAgICAge29wdGlvbnM/Lm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICA8b3B0aW9uIHZhbHVlPXtpdGVtLnZhbHVlfSBrZXk9e2l0ZW0ubGFiZWx9PlxuICAgICAgICAgIHtpdGVtLmxhYmVsfVxuICAgICAgICA8L29wdGlvbj5cbiAgICAgICkpfVxuICAgIDwvU2VsZWN0RmllbGQ+XG4gIClcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCI+e3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9PC9UZXh0PlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICkgOiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCI+e3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9PC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxQYWdpbmF0aW9uUGFnZXMgY3VycmVudFBhZ2U9e2N1cnJlbnRQYWdlfSBvblBhZ2VOdW1iZXJDaGFuZ2U9e29uUGFnZUNoYW5nZX0gdG90YWxQYWdlcz17dG90YWxQYWdlc30gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -39,33 +29,35 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 } : {
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ib0IiLCJmaWxlIjoiLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7IHBhZ2luYXRpb25JdGVtU3R5bGVzLCB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2xhYidcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCI+e3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9PC9UZXh0PlxuICAgICAgICAgICAgPE1hdGVyaWFsUGFnaW5hdGlvblxuICAgICAgICAgICAgICBjb3VudD17dG90YWxQYWdlc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uUGFnZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgICAgICAgIHJlbmRlckl0ZW09e1BhZ2luYXRpb25JdGVtfVxuICAgICAgICAgICAgICBzaG93Rmlyc3RCdXR0b25cbiAgICAgICAgICAgICAgc2hvd0xhc3RCdXR0b25cbiAgICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPE1hdGVyaWFsUGFnaW5hdGlvblxuICAgICAgICAgICAgICBib3VuZGFyeUNvdW50PXsxfVxuICAgICAgICAgICAgICBjb3VudD17dG90YWxQYWdlc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uUGFnZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgICAgICAgIHJlbmRlckl0ZW09e1BhZ2luYXRpb25JdGVtfVxuICAgICAgICAgICAgICBzaWJsaW5nQ291bnQ9ezB9XG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJHb0IiLCJmaWxlIjoiLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFBhZ2luYXRpb25QYWdlcyB9IGZyb20gJy4vUGFnaW5hdGlvblBhZ2VzJ1xuaW1wb3J0IFNlbGVjdEZpZWxkIGZyb20gJy4uL2Zvcm1zL3NlbGVjdC1maWVsZC9TZWxlY3RGaWVsZCdcbmltcG9ydCB7IHdyYXBwZXJTdHlsZXMgfSBmcm9tICcuL1BhZ2luYXRpb24uc3R5bGVzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgT3B0aW9uID0ge1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgbGFiZWw6IHN0cmluZ1xuICB2YWx1ZTogbnVtYmVyXG59XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBjdXJyZW50UGFnZT86IG51bWJlclxuICAvKipcbiAgICogVGhlIGN1cnJlbnQgb2Zmc2V0XG4gICAqL1xuICBvZmZzZXQ/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uQ2hhbmdlUGFnZUxpbWl0PzogKGU6IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb24gPSAoe1xuICBjdXJyZW50UGFnZSxcbiAgb2Zmc2V0ID0gMCxcbiAgb25DaGFuZ2VQYWdlTGltaXQsXG4gIG9uUGFnZUNoYW5nZSxcbiAgb3B0aW9ucyA9IG51bGwsXG4gIHBhZ2VMaW1pdCxcbiAgdG90YWxSZWNvcmRzID0gMCxcbiAgcmVuZGVyT3ZlcnZpZXcgPSBkZWZhdWx0T3ZlcnZpZXcsXG59OiBQYWdpbmF0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBncmVhdGVyVGhhbiB9ID0gdXNlQnJlYWtwb2ludCgpXG4gIGNvbnN0IHRvdGFsUGFnZXMgPSBNYXRoLmNlaWwodG90YWxSZWNvcmRzIC8gcGFnZUxpbWl0KVxuICBjb25zdCByYW5nZVNob3duID1cbiAgICB0b3RhbFJlY29yZHMgPT09IDFcbiAgICAgID8gU3RyaW5nKHRvdGFsUmVjb3JkcylcbiAgICAgIDogYCR7dG90YWxSZWNvcmRzID09PSAwID8gdG90YWxSZWNvcmRzIDogb2Zmc2V0ICsgMX0tJHtcbiAgICAgICAgICBwYWdlTGltaXQgKyBvZmZzZXQgPiB0b3RhbFJlY29yZHMgPyB0b3RhbFJlY29yZHMgOiBwYWdlTGltaXQgKyBvZmZzZXRcbiAgICAgICAgfWBcblxuICBjb25zdCBjdXJyZW50UGFnZUxpbWl0ID0gKCkgPT4ge1xuICAgIGNvbnN0IG9wdGlvbiA9IG9wdGlvbnM/LmZpbmQoKG9wdGlvbjogT3B0aW9uKSA9PiB7XG4gICAgICByZXR1cm4gb3B0aW9uLnZhbHVlID09PSBwYWdlTGltaXRcbiAgICB9KVxuICAgIHJldHVybiBvcHRpb25cbiAgfVxuXG4gIGNvbnN0IFBhZ2VMaW1pdFNlbGVjdG9yID0gKFxuICAgIDxTZWxlY3RGaWVsZFxuICAgICAgbGFiZWw9XCJcIlxuICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlUGFnZUxpbWl0fVxuICAgICAgdmFsdWU9e1N0cmluZyhjdXJyZW50UGFnZUxpbWl0KCk/LnZhbHVlKX1cbiAgICAgIG5hbWU9XCJwYWdpbmF0aW9uU2VsZWN0ZXJcIlxuICAgICAgY3NzPXt7IHdpZHRoOiAnMTUwcHgnIH19XG4gICAgPlxuICAgICAge29wdGlvbnM/Lm1hcCgoaXRlbSkgPT4gKFxuICAgICAgICA8b3B0aW9uIHZhbHVlPXtpdGVtLnZhbHVlfSBrZXk9e2l0ZW0ubGFiZWx9PlxuICAgICAgICAgIHtpdGVtLmxhYmVsfVxuICAgICAgICA8L29wdGlvbj5cbiAgICAgICkpfVxuICAgIDwvU2VsZWN0RmllbGQ+XG4gIClcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCI+e3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9PC9UZXh0PlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICkgOiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCI+e3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9PC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxQYWdpbmF0aW9uUGFnZXMgY3VycmVudFBhZ2U9e2N1cnJlbnRQYWdlfSBvblBhZ2VOdW1iZXJDaGFuZ2U9e29uUGFnZUNoYW5nZX0gdG90YWxQYWdlcz17dG90YWxQYWdlc30gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
-var _ref5 = process.env.NODE_ENV === "production" ? {
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGTSIsImZpbGUiOiIuLi8uLi9zcmMvcGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IFJlYWN0U2VsZWN0IGZyb20gJy4uL2Zvcm1zL3JlYWN0c2VsZWN0L1JlYWN0U2VsZWN0J1xuaW1wb3J0IHsgcGFnaW5hdGlvbkl0ZW1TdHlsZXMsIHdyYXBwZXJTdHlsZXMgfSBmcm9tICcuL1BhZ2luYXRpb24uc3R5bGVzJ1xuaW1wb3J0IHsgUGFnaW5hdGlvbiBhcyBNYXRlcmlhbFBhZ2luYXRpb24sIFBhZ2luYXRpb25JdGVtIGFzIE1hdGVyaWFsUGFnaW5hdGlvbkl0ZW0gfSBmcm9tICdAbWF0ZXJpYWwtdWkvbGFiJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgT3B0aW9uID0ge1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgbGFiZWw6IHN0cmluZ1xuICB2YWx1ZTogbnVtYmVyXG59XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBjdXJyZW50UGFnZT86IG51bWJlclxuICAvKipcbiAgICogVGhlIGN1cnJlbnQgb2Zmc2V0XG4gICAqL1xuICBvZmZzZXQ/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uQ2hhbmdlUGFnZUxpbWl0PzogKGU6IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDx1bmtub3duPiwgcGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBPcHRpb25zIHBhc3NlZCB0byB0aGUgUGFnZUxpbWl0U2VsZWN0b3JcbiAgICovXG4gIG9wdGlvbnM/OiBPcHRpb25bXSB8IG51bGxcbiAgLyoqXG4gICAqIE51bWJlciBvZiByZWNvcmRzIHBlciBwYWdlLlxuICAgKi9cbiAgcGFnZUxpbWl0OiBudW1iZXJcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxSZWNvcmRzOiBudW1iZXJcbiAgLyoqXG4gICAqIFJldHVybnMgdGhlIGNvbnRlbnQgb2YgdGhlIG92ZXJ2aWV3LlxuICAgKlxuICAgKiBVc2UgdGhpcyBpZiB5b3UgbmVlZCB0byBsb2NhbGl6ZSB0aGUgb3ZlcnZpZXcgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICByZW5kZXJPdmVydmlldz86IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZGVmYXVsdE92ZXJ2aWV3ID0gKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IGBTaG93aW5nICR7cmFuZ2VTaG93bn0gb2YgJHt0b3RhbFJlY29yZHN9YFxuXG5jb25zdCBQYWdpbmF0aW9uSXRlbSA9ICh7IC4uLml0ZW0gfSkgPT4ge1xuICByZXR1cm4gPE1hdGVyaWFsUGFnaW5hdGlvbkl0ZW0gY3NzPXtwYWdpbmF0aW9uSXRlbVN0eWxlc30gey4uLml0ZW19IC8+XG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgY3VycmVudFBhZ2UsXG4gIG9mZnNldCA9IDAsXG4gIG9uQ2hhbmdlUGFnZUxpbWl0LFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBwYWdlTGltaXQsXG4gIHRvdGFsUmVjb3JkcyA9IDEsXG4gIHJlbmRlck92ZXJ2aWV3ID0gZGVmYXVsdE92ZXJ2aWV3LFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuICBjb25zdCB0b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRvdGFsUmVjb3JkcyAvIHBhZ2VMaW1pdClcbiAgY29uc3QgcmFuZ2VTaG93biA9XG4gICAgdG90YWxSZWNvcmRzID09PSAxXG4gICAgICA/IFN0cmluZyh0b3RhbFJlY29yZHMpXG4gICAgICA6IGAke3RvdGFsUmVjb3JkcyA9PT0gMCA/IHRvdGFsUmVjb3JkcyA6IG9mZnNldCArIDF9LSR7XG4gICAgICAgICAgcGFnZUxpbWl0ICsgb2Zmc2V0ID4gdG90YWxSZWNvcmRzID8gdG90YWxSZWNvcmRzIDogcGFnZUxpbWl0ICsgb2Zmc2V0XG4gICAgICAgIH1gXG5cbiAgY29uc3QgY3VycmVudFBhZ2VMaW1pdCA9ICgpID0+IHtcbiAgICBjb25zdCBvcHRpb24gPSBvcHRpb25zPy5maW5kKChvcHRpb246IE9wdGlvbikgPT4ge1xuICAgICAgcmV0dXJuIG9wdGlvbi52YWx1ZSA9PT0gcGFnZUxpbWl0XG4gICAgfSlcbiAgICByZXR1cm4gb3B0aW9uXG4gIH1cblxuICBjb25zdCBQYWdlTGltaXRTZWxlY3RvciA9IChcbiAgICA8UmVhY3RTZWxlY3RcbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZVBhZ2VMaW1pdH1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFsdWU9e2N1cnJlbnRQYWdlTGltaXQoKX1cbiAgICAgIGNzcz17eyB3aWR0aDogJzE1MHB4JyB9fVxuICAgICAgbWVudVBsYWNlbWVudD1cImF1dG9cIlxuICAgIC8+XG4gIClcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICA8TWF0ZXJpYWxQYWdpbmF0aW9uXG4gICAgICAgICAgICAgIGNvdW50PXt0b3RhbFBhZ2VzfVxuICAgICAgICAgICAgICBvbkNoYW5nZT17b25QYWdlQ2hhbmdlfVxuICAgICAgICAgICAgICBwYWdlPXtjdXJyZW50UGFnZX1cbiAgICAgICAgICAgICAgcmVuZGVySXRlbT17UGFnaW5hdGlvbkl0ZW19XG4gICAgICAgICAgICAgIHNob3dGaXJzdEJ1dHRvblxuICAgICAgICAgICAgICBzaG93TGFzdEJ1dHRvblxuICAgICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VTbWFsbFwiPntyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfTwvVGV4dD5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8TWF0ZXJpYWxQYWdpbmF0aW9uXG4gICAgICAgICAgICAgIGJvdW5kYXJ5Q291bnQ9ezF9XG4gICAgICAgICAgICAgIGNvdW50PXt0b3RhbFBhZ2VzfVxuICAgICAgICAgICAgICBvbkNoYW5nZT17b25QYWdlQ2hhbmdlfVxuICAgICAgICAgICAgICBwYWdlPXtjdXJyZW50UGFnZX1cbiAgICAgICAgICAgICAgcmVuZGVySXRlbT17UGFnaW5hdGlvbkl0ZW19XG4gICAgICAgICAgICAgIHNpYmxpbmdDb3VudD17MH1cbiAgICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQYWdpbmF0aW9uXG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFGTSIsImZpbGUiOiIuLi8uLi9zcmMvcGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgUGFnaW5hdGlvblBhZ2VzIH0gZnJvbSAnLi9QYWdpbmF0aW9uUGFnZXMnXG5pbXBvcnQgU2VsZWN0RmllbGQgZnJvbSAnLi4vZm9ybXMvc2VsZWN0LWZpZWxkL1NlbGVjdEZpZWxkJ1xuaW1wb3J0IHsgd3JhcHBlclN0eWxlcyB9IGZyb20gJy4vUGFnaW5hdGlvbi5zdHlsZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBPcHRpb24gPSB7XG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBsYWJlbDogc3RyaW5nXG4gIHZhbHVlOiBudW1iZXJcbn1cblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBvZmZzZXRcbiAgICovXG4gIG9mZnNldD86IG51bWJlclxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25DaGFuZ2VQYWdlTGltaXQ/OiAoZTogYW55KSA9PiB2b2lkXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBPcHRpb25zIHBhc3NlZCB0byB0aGUgUGFnZUxpbWl0U2VsZWN0b3JcbiAgICovXG4gIG9wdGlvbnM/OiBPcHRpb25bXSB8IG51bGxcbiAgLyoqXG4gICAqIE51bWJlciBvZiByZWNvcmRzIHBlciBwYWdlLlxuICAgKi9cbiAgcGFnZUxpbWl0OiBudW1iZXJcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxSZWNvcmRzOiBudW1iZXJcbiAgLyoqXG4gICAqIFJldHVybnMgdGhlIGNvbnRlbnQgb2YgdGhlIG92ZXJ2aWV3LlxuICAgKlxuICAgKiBVc2UgdGhpcyBpZiB5b3UgbmVlZCB0byBsb2NhbGl6ZSB0aGUgb3ZlcnZpZXcgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICByZW5kZXJPdmVydmlldz86IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZGVmYXVsdE92ZXJ2aWV3ID0gKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IGBTaG93aW5nICR7cmFuZ2VTaG93bn0gb2YgJHt0b3RhbFJlY29yZHN9YFxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAwLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFNlbGVjdEZpZWxkXG4gICAgICBsYWJlbD1cIlwiXG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICB2YWx1ZT17U3RyaW5nKGN1cnJlbnRQYWdlTGltaXQoKT8udmFsdWUpfVxuICAgICAgbmFtZT1cInBhZ2luYXRpb25TZWxlY3RlclwiXG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICA+XG4gICAgICB7b3B0aW9ucz8ubWFwKChpdGVtKSA9PiAoXG4gICAgICAgIDxvcHRpb24gdmFsdWU9e2l0ZW0udmFsdWV9IGtleT17aXRlbS5sYWJlbH0+XG4gICAgICAgICAge2l0ZW0ubGFiZWx9XG4gICAgICAgIDwvb3B0aW9uPlxuICAgICAgKSl9XG4gICAgPC9TZWxlY3RGaWVsZD5cbiAgKVxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
-export var Pagination = function Pagination(_ref4) {
-  var currentPage = _ref4.currentPage,
-      _ref4$offset = _ref4.offset,
-      offset = _ref4$offset === void 0 ? 0 : _ref4$offset,
-      onChangePageLimit = _ref4.onChangePageLimit,
-      onPageChange = _ref4.onPageChange,
-      _ref4$options = _ref4.options,
-      options = _ref4$options === void 0 ? null : _ref4$options,
-      pageLimit = _ref4.pageLimit,
-      _ref4$totalRecords = _ref4.totalRecords,
-      totalRecords = _ref4$totalRecords === void 0 ? 1 : _ref4$totalRecords,
-      _ref4$renderOverview = _ref4.renderOverview,
-      renderOverview = _ref4$renderOverview === void 0 ? defaultOverview : _ref4$renderOverview;
+export var Pagination = function Pagination(_ref3) {
+  var _currentPageLimit;
+
+  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;
@@ -80,41 +72,37 @@ export var Pagination = function Pagination(_ref4) {
     return option;
   };
 
-  var PageLimitSelector = ___EmotionJSX(ReactSelect, {
+  var PageLimitSelector = ___EmotionJSX(SelectField, {
+    label: "",
     onChange: onChangePageLimit,
-    options: options,
-    size: "small",
-    value: currentPageLimit(),
-    css: _ref5,
-    menuPlacement: "auto"
-  });
+    value: String((_currentPageLimit = currentPageLimit()) === null || _currentPageLimit === void 0 ? void 0 : _currentPageLimit.value),
+    name: "paginationSelecter",
+    css: _ref4
+  }, options === null || options === void 0 ? void 0 : options.map(function (item) {
+    return ___EmotionJSX("option", {
+      value: item.value,
+      key: item.label
+    }, item.label);
+  }));
 
   return ___EmotionJSX(React.Fragment, null, greaterThan('l') ? ___EmotionJSX(React.Fragment, null, ___EmotionJSX("div", {
     css: wrapperStyles
   }, ___EmotionJSX(Text, {
     styledAs: "bodyInterface"
-  }, renderOverview(rangeShown, totalRecords)), ___EmotionJSX(MaterialPagination, {
-    count: totalPages,
-    onChange: onPageChange,
-    page: currentPage,
-    renderItem: PaginationItem,
-    showFirstButton: true,
-    showLastButton: true,
-    size: "large"
+  }, 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(MaterialPagination, {
-    boundaryCount: 1,
-    count: totalPages,
-    onChange: onPageChange,
-    page: currentPage,
-    renderItem: PaginationItem,
-    siblingCount: 0,
-    size: "large"
+  }, ___EmotionJSX(PaginationPages, {
+    currentPage: currentPage,
+    onPageNumberChange: onPageChange,
+    totalPages: totalPages
   }))));
 };
 export default Pagination;

package/pagination/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/pagination/PaginationPages.js

@@ -0,0 +1,171 @@
+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 '../button/IconButton';
+import { css } from '@emotion/react';
+import { ChevronLeft, ChevronRight, First, Last } from '@dfds-ui/icons/system';
+import Button from '../button/Button';
+import { theme } from '@dfds-ui/theme';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1pytjwm",
+  styles: "padding:0 0.5rem;max-width:100%;min-width:4rem;text-align:center"
+} : {
+  name: "15arpjq-PaginationPages",
+  styles: "padding:0 0.5rem;max-width:100%;min-width:4rem;text-align:center;label:PaginationPages;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb25QYWdlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0l3QiIsImZpbGUiOiIuLi8uLi9zcmMvcGFnaW5hdGlvbi9QYWdpbmF0aW9uUGFnZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBJY29uQnV0dG9uIGZyb20gJy4uL2J1dHRvbi9JY29uQnV0dG9uJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0LCBGaXJzdCwgTGFzdCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vYnV0dG9uL0J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25QYWdlc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VOdW1iZXJDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUGFnZXM6IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvblBhZ2VzID0gKHsgY3VycmVudFBhZ2UgPSAxLCBvblBhZ2VOdW1iZXJDaGFuZ2UsIHRvdGFsUGFnZXMgfTogUGFnaW5hdGlvblBhZ2VzUHJvcHMpID0+IHtcbiAgY29uc3QgW3BhZ2VOdW1iZXIsIHNldFBhZ2VOdW1iZXJdID0gdXNlU3RhdGU8bnVtYmVyPihjdXJyZW50UGFnZSlcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob25QYWdlTnVtYmVyQ2hhbmdlKSBvblBhZ2VOdW1iZXJDaGFuZ2UocGFnZU51bWJlcilcbiAgfSwgW3BhZ2VOdW1iZXIsIG9uUGFnZU51bWJlckNoYW5nZV0pXG4gIGNvbnN0IGdldFJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB7XG4gICAgcmV0dXJuIEFycmF5KGVuZCAtIHN0YXJ0ICsgMSlcbiAgICAgIC5maWxsKDEpXG4gICAgICAubWFwKChfLCBpKSA9PiBpICsgc3RhcnQpXG4gIH1cbiAgY29uc3QgZ2VuZXJhdGVQYWdpbmF0aW9uTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50UGFnZU51bWJlciA9IHBhZ2VOdW1iZXIgPD0gdG90YWxQYWdlcyA/IHBhZ2VOdW1iZXIgOiAxXG4gICAgY29uc3QgZGVsdGEgPSA0LFxuICAgICAgcmFuZ2UgPSB7XG4gICAgICAgIHN0YXJ0OiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyIC0gZGVsdGEgLyAyKSxcbiAgICAgICAgZW5kOiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyICsgZGVsdGEgLyAyKSxcbiAgICAgIH1cblxuICAgIGlmICh0b3RhbFBhZ2VzID09PSAwKSByZXR1cm4gW11cblxuICAgIGlmIChyYW5nZS5zdGFydCAtIDEgPT09IDEgfHwgcmFuZ2UuZW5kICsgMSA9PT0gdG90YWxQYWdlcykge1xuICAgICAgcmFuZ2Uuc3RhcnQgKz0gMVxuICAgICAgcmFuZ2UuZW5kICs9IDFcbiAgICB9XG5cbiAgICBsZXQgcGFnZXMgPVxuICAgICAgY3VycmVudFBhZ2VOdW1iZXIgPiBkZWx0YVxuICAgICAgICA/IGdldFJhbmdlKE1hdGgubWluKHJhbmdlLnN0YXJ0LCB0b3RhbFBhZ2VzIC0gZGVsdGEpLCBNYXRoLm1pbihyYW5nZS5lbmQsIHRvdGFsUGFnZXMpKVxuICAgICAgICA6IGdldFJhbmdlKDEsIE1hdGgubWluKHRvdGFsUGFnZXMsIGRlbHRhICsgMSkpXG5cbiAgICBjb25zdCB3aXRoRG90cyA9ICh2YWx1ZTogbnVtYmVyLCBwYWlyOiBhbnlbXSkgPT4gKHBhZ2VzLmxlbmd0aCArIDEgIT09IHRvdGFsUGFnZXMgPyBwYWlyIDogW3ZhbHVlXSlcblxuICAgIGlmIChwYWdlc1swXSAhPT0gMSkge1xuICAgICAgcGFnZXMgPSB3aXRoRG90cygxLCBbMSwgJy4uLiddKS5jb25jYXQocGFnZXMpXG4gICAgfVxuXG4gICAgaWYgKHBhZ2VzW3BhZ2VzLmxlbmd0aCAtIDFdIDwgdG90YWxQYWdlcykge1xuICAgICAgcGFnZXMgPSBwYWdlcy5jb25jYXQod2l0aERvdHModG90YWxQYWdlcywgWycuLi4nLCB0b3RhbFBhZ2VzXSkpXG4gICAgfVxuICAgIHJldHVybiBwYWdlc1xuICB9XG5cbiAgY29uc3QgbmV4dFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPCB0b3RhbFBhZ2VzKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgKyAxKVxuICB9XG4gIGNvbnN0IHByZXZQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyID4gMSkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyIC0gMSlcbiAgfVxuICBjb25zdCBoYW5kbGVGaXJzdFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgc2V0UGFnZU51bWJlcigxKVxuICB9XG4gIGNvbnN0IGhhbmRsZUxhc3RQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIHNldFBhZ2VOdW1iZXIodG90YWxQYWdlcylcbiAgfVxuICBjb25zdCBvblBhZ2VDbGljayA9IChudW1iZXI6IG51bWJlcik6IHZvaWQgPT4ge1xuICAgIHNldFBhZ2VOdW1iZXIobnVtYmVyKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGljb249e0ZpcnN0fVxuICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUZpcnN0UGFnZX1cbiAgICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gMSB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAvPlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGljb249e0NoZXZyb25MZWZ0fVxuICAgICAgICAgIG9uQ2xpY2s9e3ByZXZQYWdlfVxuICAgICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSAxIHx8IHRvdGFsUGFnZXMgPT09IDB9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIC8+XG4gICAgICAgIHtnZW5lcmF0ZVBhZ2luYXRpb25MaXN0KCkubWFwKChpdGVtLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxkaXYga2V5PXtpbmRleH0+XG4gICAgICAgICAgICB7dHlwZW9mIGl0ZW0gPT09ICdudW1iZXInID8gKFxuICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIG1hcmdpbjogMCAycHg7XG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAgICAgICAgICAgJHtpdGVtID09PSBwYWdlTnVtYmVyICYmICdiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xMik7J31cbiAgICAgICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDbGljayhpdGVtKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpdGVtfVxuICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBwYWRkaW5nOiAwIDAuNXJlbTtcbiAgICAgICAgICAgICAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICAgIG1pbi13aWR0aDogNHJlbTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2l0ZW19XG4gICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsUGFnZXMgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT1cIm1lZGl1bVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgLz5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUxhc3RQYWdlfVxuICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gdG90YWxQYWdlcyB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICBpY29uPXtMYXN0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT1cIm1lZGl1bVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "u486bo",
+  styles: "display:flex;flex-direction:row;list-style:none;align-items:center"
+} : {
+  name: "k1hhgn-PaginationPages",
+  styles: "display:flex;flex-direction:row;list-style:none;align-items:center;label:PaginationPages;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb25QYWdlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0ZnQiIsImZpbGUiOiIuLi8uLi9zcmMvcGFnaW5hdGlvbi9QYWdpbmF0aW9uUGFnZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBJY29uQnV0dG9uIGZyb20gJy4uL2J1dHRvbi9JY29uQnV0dG9uJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0LCBGaXJzdCwgTGFzdCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vYnV0dG9uL0J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25QYWdlc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VOdW1iZXJDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUGFnZXM6IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvblBhZ2VzID0gKHsgY3VycmVudFBhZ2UgPSAxLCBvblBhZ2VOdW1iZXJDaGFuZ2UsIHRvdGFsUGFnZXMgfTogUGFnaW5hdGlvblBhZ2VzUHJvcHMpID0+IHtcbiAgY29uc3QgW3BhZ2VOdW1iZXIsIHNldFBhZ2VOdW1iZXJdID0gdXNlU3RhdGU8bnVtYmVyPihjdXJyZW50UGFnZSlcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob25QYWdlTnVtYmVyQ2hhbmdlKSBvblBhZ2VOdW1iZXJDaGFuZ2UocGFnZU51bWJlcilcbiAgfSwgW3BhZ2VOdW1iZXIsIG9uUGFnZU51bWJlckNoYW5nZV0pXG4gIGNvbnN0IGdldFJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB7XG4gICAgcmV0dXJuIEFycmF5KGVuZCAtIHN0YXJ0ICsgMSlcbiAgICAgIC5maWxsKDEpXG4gICAgICAubWFwKChfLCBpKSA9PiBpICsgc3RhcnQpXG4gIH1cbiAgY29uc3QgZ2VuZXJhdGVQYWdpbmF0aW9uTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50UGFnZU51bWJlciA9IHBhZ2VOdW1iZXIgPD0gdG90YWxQYWdlcyA/IHBhZ2VOdW1iZXIgOiAxXG4gICAgY29uc3QgZGVsdGEgPSA0LFxuICAgICAgcmFuZ2UgPSB7XG4gICAgICAgIHN0YXJ0OiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyIC0gZGVsdGEgLyAyKSxcbiAgICAgICAgZW5kOiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyICsgZGVsdGEgLyAyKSxcbiAgICAgIH1cblxuICAgIGlmICh0b3RhbFBhZ2VzID09PSAwKSByZXR1cm4gW11cblxuICAgIGlmIChyYW5nZS5zdGFydCAtIDEgPT09IDEgfHwgcmFuZ2UuZW5kICsgMSA9PT0gdG90YWxQYWdlcykge1xuICAgICAgcmFuZ2Uuc3RhcnQgKz0gMVxuICAgICAgcmFuZ2UuZW5kICs9IDFcbiAgICB9XG5cbiAgICBsZXQgcGFnZXMgPVxuICAgICAgY3VycmVudFBhZ2VOdW1iZXIgPiBkZWx0YVxuICAgICAgICA/IGdldFJhbmdlKE1hdGgubWluKHJhbmdlLnN0YXJ0LCB0b3RhbFBhZ2VzIC0gZGVsdGEpLCBNYXRoLm1pbihyYW5nZS5lbmQsIHRvdGFsUGFnZXMpKVxuICAgICAgICA6IGdldFJhbmdlKDEsIE1hdGgubWluKHRvdGFsUGFnZXMsIGRlbHRhICsgMSkpXG5cbiAgICBjb25zdCB3aXRoRG90cyA9ICh2YWx1ZTogbnVtYmVyLCBwYWlyOiBhbnlbXSkgPT4gKHBhZ2VzLmxlbmd0aCArIDEgIT09IHRvdGFsUGFnZXMgPyBwYWlyIDogW3ZhbHVlXSlcblxuICAgIGlmIChwYWdlc1swXSAhPT0gMSkge1xuICAgICAgcGFnZXMgPSB3aXRoRG90cygxLCBbMSwgJy4uLiddKS5jb25jYXQocGFnZXMpXG4gICAgfVxuXG4gICAgaWYgKHBhZ2VzW3BhZ2VzLmxlbmd0aCAtIDFdIDwgdG90YWxQYWdlcykge1xuICAgICAgcGFnZXMgPSBwYWdlcy5jb25jYXQod2l0aERvdHModG90YWxQYWdlcywgWycuLi4nLCB0b3RhbFBhZ2VzXSkpXG4gICAgfVxuICAgIHJldHVybiBwYWdlc1xuICB9XG5cbiAgY29uc3QgbmV4dFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPCB0b3RhbFBhZ2VzKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgKyAxKVxuICB9XG4gIGNvbnN0IHByZXZQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyID4gMSkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyIC0gMSlcbiAgfVxuICBjb25zdCBoYW5kbGVGaXJzdFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgc2V0UGFnZU51bWJlcigxKVxuICB9XG4gIGNvbnN0IGhhbmRsZUxhc3RQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIHNldFBhZ2VOdW1iZXIodG90YWxQYWdlcylcbiAgfVxuICBjb25zdCBvblBhZ2VDbGljayA9IChudW1iZXI6IG51bWJlcik6IHZvaWQgPT4ge1xuICAgIHNldFBhZ2VOdW1iZXIobnVtYmVyKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGljb249e0ZpcnN0fVxuICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUZpcnN0UGFnZX1cbiAgICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gMSB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAvPlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGljb249e0NoZXZyb25MZWZ0fVxuICAgICAgICAgIG9uQ2xpY2s9e3ByZXZQYWdlfVxuICAgICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSAxIHx8IHRvdGFsUGFnZXMgPT09IDB9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIC8+XG4gICAgICAgIHtnZW5lcmF0ZVBhZ2luYXRpb25MaXN0KCkubWFwKChpdGVtLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxkaXYga2V5PXtpbmRleH0+XG4gICAgICAgICAgICB7dHlwZW9mIGl0ZW0gPT09ICdudW1iZXInID8gKFxuICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIG1hcmdpbjogMCAycHg7XG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAgICAgICAgICAgJHtpdGVtID09PSBwYWdlTnVtYmVyICYmICdiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xMik7J31cbiAgICAgICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDbGljayhpdGVtKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpdGVtfVxuICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBwYWRkaW5nOiAwIDAuNXJlbTtcbiAgICAgICAgICAgICAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICAgIG1pbi13aWR0aDogNHJlbTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2l0ZW19XG4gICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsUGFnZXMgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT1cIm1lZGl1bVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgLz5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUxhc3RQYWdlfVxuICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gdG90YWxQYWdlcyB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICBpY29uPXtMYXN0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT1cIm1lZGl1bVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "ho1qnd",
+  styles: "display:flex;flex-direction:row"
+} : {
+  name: "li8w75-PaginationPages",
+  styles: "display:flex;flex-direction:row;label:PaginationPages;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb25QYWdlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0ZjIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb25QYWdlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSAnLi4vYnV0dG9uL0ljb25CdXR0b24nXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQsIEZpcnN0LCBMYXN0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi9idXR0b24vQnV0dG9uJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblBhZ2VzUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZU51bWJlckNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxQYWdlczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uUGFnZXMgPSAoeyBjdXJyZW50UGFnZSA9IDEsIG9uUGFnZU51bWJlckNoYW5nZSwgdG90YWxQYWdlcyB9OiBQYWdpbmF0aW9uUGFnZXNQcm9wcykgPT4ge1xuICBjb25zdCBbcGFnZU51bWJlciwgc2V0UGFnZU51bWJlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KGN1cnJlbnRQYWdlKVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvblBhZ2VOdW1iZXJDaGFuZ2UpIG9uUGFnZU51bWJlckNoYW5nZShwYWdlTnVtYmVyKVxuICB9LCBbcGFnZU51bWJlciwgb25QYWdlTnVtYmVyQ2hhbmdlXSlcbiAgY29uc3QgZ2V0UmFuZ2UgPSAoc3RhcnQ6IG51bWJlciwgZW5kOiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gQXJyYXkoZW5kIC0gc3RhcnQgKyAxKVxuICAgICAgLmZpbGwoMSlcbiAgICAgIC5tYXAoKF8sIGkpID0+IGkgKyBzdGFydClcbiAgfVxuICBjb25zdCBnZW5lcmF0ZVBhZ2luYXRpb25MaXN0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGN1cnJlbnRQYWdlTnVtYmVyID0gcGFnZU51bWJlciA8PSB0b3RhbFBhZ2VzID8gcGFnZU51bWJlciA6IDFcbiAgICBjb25zdCBkZWx0YSA9IDQsXG4gICAgICByYW5nZSA9IHtcbiAgICAgICAgc3RhcnQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgLSBkZWx0YSAvIDIpLFxuICAgICAgICBlbmQ6IE1hdGgucm91bmQoY3VycmVudFBhZ2VOdW1iZXIgKyBkZWx0YSAvIDIpLFxuICAgICAgfVxuXG4gICAgaWYgKHRvdGFsUGFnZXMgPT09IDApIHJldHVybiBbXVxuXG4gICAgaWYgKHJhbmdlLnN0YXJ0IC0gMSA9PT0gMSB8fCByYW5nZS5lbmQgKyAxID09PSB0b3RhbFBhZ2VzKSB7XG4gICAgICByYW5nZS5zdGFydCArPSAxXG4gICAgICByYW5nZS5lbmQgKz0gMVxuICAgIH1cblxuICAgIGxldCBwYWdlcyA9XG4gICAgICBjdXJyZW50UGFnZU51bWJlciA+IGRlbHRhXG4gICAgICAgID8gZ2V0UmFuZ2UoTWF0aC5taW4ocmFuZ2Uuc3RhcnQsIHRvdGFsUGFnZXMgLSBkZWx0YSksIE1hdGgubWluKHJhbmdlLmVuZCwgdG90YWxQYWdlcykpXG4gICAgICAgIDogZ2V0UmFuZ2UoMSwgTWF0aC5taW4odG90YWxQYWdlcywgZGVsdGEgKyAxKSlcblxuICAgIGNvbnN0IHdpdGhEb3RzID0gKHZhbHVlOiBudW1iZXIsIHBhaXI6IGFueVtdKSA9PiAocGFnZXMubGVuZ3RoICsgMSAhPT0gdG90YWxQYWdlcyA/IHBhaXIgOiBbdmFsdWVdKVxuXG4gICAgaWYgKHBhZ2VzWzBdICE9PSAxKSB7XG4gICAgICBwYWdlcyA9IHdpdGhEb3RzKDEsIFsxLCAnLi4uJ10pLmNvbmNhdChwYWdlcylcbiAgICB9XG5cbiAgICBpZiAocGFnZXNbcGFnZXMubGVuZ3RoIC0gMV0gPCB0b3RhbFBhZ2VzKSB7XG4gICAgICBwYWdlcyA9IHBhZ2VzLmNvbmNhdCh3aXRoRG90cyh0b3RhbFBhZ2VzLCBbJy4uLicsIHRvdGFsUGFnZXNdKSlcbiAgICB9XG4gICAgcmV0dXJuIHBhZ2VzXG4gIH1cblxuICBjb25zdCBuZXh0UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBpZiAocGFnZU51bWJlciA8IHRvdGFsUGFnZXMpIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciArIDEpXG4gIH1cbiAgY29uc3QgcHJldlBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPiAxKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgLSAxKVxuICB9XG4gIGNvbnN0IGhhbmRsZUZpcnN0UGFnZSA9ICgpOiB2b2lkID0+IHtcbiAgICBzZXRQYWdlTnVtYmVyKDEpXG4gIH1cbiAgY29uc3QgaGFuZGxlTGFzdFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgc2V0UGFnZU51bWJlcih0b3RhbFBhZ2VzKVxuICB9XG4gIGNvbnN0IG9uUGFnZUNsaWNrID0gKG51bWJlcjogbnVtYmVyKTogdm9pZCA9PiB7XG4gICAgc2V0UGFnZU51bWJlcihudW1iZXIpXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgaWNvbj17Rmlyc3R9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlRmlyc3RQYWdlfVxuICAgICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSAxIHx8IHRvdGFsUGFnZXMgPT09IDB9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIC8+XG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgaWNvbj17Q2hldnJvbkxlZnR9XG4gICAgICAgICAgb25DbGljaz17cHJldlBhZ2V9XG4gICAgICAgICAgYXJpYUxhYmVsPVwiTmV4dFwiXG4gICAgICAgICAgc2l6ZT1cIm1lZGl1bVwiXG4gICAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IDEgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgLz5cbiAgICAgICAge2dlbmVyYXRlUGFnaW5hdGlvbkxpc3QoKS5tYXAoKGl0ZW0sIGluZGV4KSA9PiAoXG4gICAgICAgICAgPGRpdiBrZXk9e2luZGV4fT5cbiAgICAgICAgICAgIHt0eXBlb2YgaXRlbSA9PT0gJ251bWJlcicgPyAoXG4gICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICB2YXJpYXRpb249XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgbWFyZ2luOiAwIDJweDtcbiAgICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgICAgICAgICAgICAke2l0ZW0gPT09IHBhZ2VOdW1iZXIgJiYgJ2JhY2tncm91bmQtY29sb3I6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjEyKTsnfVxuICAgICAgICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoNzMsIDE2MiwgMjIzLCAwLjA4KTtcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uUGFnZUNsaWNrKGl0ZW0pfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2l0ZW19XG4gICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPHBcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDAgMC41cmVtO1xuICAgICAgICAgICAgICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgICAgICAgbWluLXdpZHRoOiA0cmVtO1xuICAgICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7aXRlbX1cbiAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIG9uQ2xpY2s9e25leHRQYWdlfVxuICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gdG90YWxQYWdlcyB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICBpY29uPXtDaGV2cm9uUmlnaHR9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAvPlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgb25DbGljaz17aGFuZGxlTGFzdFBhZ2V9XG4gICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSB0b3RhbFBhZ2VzIHx8IHRvdGFsUGFnZXMgPT09IDB9XG4gICAgICAgIGljb249e0xhc3R9XG4gICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */",
+  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),
+      end: Math.round(currentPageNumber + delta / 2)
+    };
+    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 handleFirstPage = function handleFirstPage() {
+    setPageNumber(1);
+  };
+
+  var handleLastPage = function handleLastPage() {
+    setPageNumber(totalPages);
+  };
+
+  var onPageClick = function onPageClick(number) {
+    setPageNumber(number);
+  };
+
+  return ___EmotionJSX("div", {
+    css: _ref3
+  }, ___EmotionJSX("div", {
+    css: _ref2
+  }, ___EmotionJSX(IconButton, {
+    icon: First,
+    onClick: handleFirstPage,
+    ariaLabel: "Next",
+    size: "medium",
+    disabled: pageNumber === 1 || totalPages === 0,
+    type: "button"
+  }), ___EmotionJSX(IconButton, {
+    icon: ChevronLeft,
+    onClick: prevPage,
+    ariaLabel: "Next",
+    size: "medium",
+    disabled: pageNumber === 1 || totalPages === 0,
+    type: "button"
+  }), generatePaginationList().map(function (item, index) {
+    return ___EmotionJSX("div", {
+      key: index
+    }, typeof item === 'number' ? ___EmotionJSX(Button, {
+      variation: "text",
+      size: "small",
+      css: /*#__PURE__*/css("margin:0 2px;color:", theme.colors.text.primary.primary, ";", item === pageNumber && 'background-color: rgba(73, 162, 223, 0.12);', " &:hover{background-color:rgba(73, 162, 223, 0.08);color:", theme.colors.text.primary.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:PaginationPages;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb25QYWdlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUh3QiIsImZpbGUiOiIuLi8uLi9zcmMvcGFnaW5hdGlvbi9QYWdpbmF0aW9uUGFnZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBJY29uQnV0dG9uIGZyb20gJy4uL2J1dHRvbi9JY29uQnV0dG9uJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBDaGV2cm9uTGVmdCwgQ2hldnJvblJpZ2h0LCBGaXJzdCwgTGFzdCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vYnV0dG9uL0J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25QYWdlc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VOdW1iZXJDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUGFnZXM6IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvblBhZ2VzID0gKHsgY3VycmVudFBhZ2UgPSAxLCBvblBhZ2VOdW1iZXJDaGFuZ2UsIHRvdGFsUGFnZXMgfTogUGFnaW5hdGlvblBhZ2VzUHJvcHMpID0+IHtcbiAgY29uc3QgW3BhZ2VOdW1iZXIsIHNldFBhZ2VOdW1iZXJdID0gdXNlU3RhdGU8bnVtYmVyPihjdXJyZW50UGFnZSlcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob25QYWdlTnVtYmVyQ2hhbmdlKSBvblBhZ2VOdW1iZXJDaGFuZ2UocGFnZU51bWJlcilcbiAgfSwgW3BhZ2VOdW1iZXIsIG9uUGFnZU51bWJlckNoYW5nZV0pXG4gIGNvbnN0IGdldFJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB7XG4gICAgcmV0dXJuIEFycmF5KGVuZCAtIHN0YXJ0ICsgMSlcbiAgICAgIC5maWxsKDEpXG4gICAgICAubWFwKChfLCBpKSA9PiBpICsgc3RhcnQpXG4gIH1cbiAgY29uc3QgZ2VuZXJhdGVQYWdpbmF0aW9uTGlzdCA9ICgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50UGFnZU51bWJlciA9IHBhZ2VOdW1iZXIgPD0gdG90YWxQYWdlcyA/IHBhZ2VOdW1iZXIgOiAxXG4gICAgY29uc3QgZGVsdGEgPSA0LFxuICAgICAgcmFuZ2UgPSB7XG4gICAgICAgIHN0YXJ0OiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyIC0gZGVsdGEgLyAyKSxcbiAgICAgICAgZW5kOiBNYXRoLnJvdW5kKGN1cnJlbnRQYWdlTnVtYmVyICsgZGVsdGEgLyAyKSxcbiAgICAgIH1cblxuICAgIGlmICh0b3RhbFBhZ2VzID09PSAwKSByZXR1cm4gW11cblxuICAgIGlmIChyYW5nZS5zdGFydCAtIDEgPT09IDEgfHwgcmFuZ2UuZW5kICsgMSA9PT0gdG90YWxQYWdlcykge1xuICAgICAgcmFuZ2Uuc3RhcnQgKz0gMVxuICAgICAgcmFuZ2UuZW5kICs9IDFcbiAgICB9XG5cbiAgICBsZXQgcGFnZXMgPVxuICAgICAgY3VycmVudFBhZ2VOdW1iZXIgPiBkZWx0YVxuICAgICAgICA/IGdldFJhbmdlKE1hdGgubWluKHJhbmdlLnN0YXJ0LCB0b3RhbFBhZ2VzIC0gZGVsdGEpLCBNYXRoLm1pbihyYW5nZS5lbmQsIHRvdGFsUGFnZXMpKVxuICAgICAgICA6IGdldFJhbmdlKDEsIE1hdGgubWluKHRvdGFsUGFnZXMsIGRlbHRhICsgMSkpXG5cbiAgICBjb25zdCB3aXRoRG90cyA9ICh2YWx1ZTogbnVtYmVyLCBwYWlyOiBhbnlbXSkgPT4gKHBhZ2VzLmxlbmd0aCArIDEgIT09IHRvdGFsUGFnZXMgPyBwYWlyIDogW3ZhbHVlXSlcblxuICAgIGlmIChwYWdlc1swXSAhPT0gMSkge1xuICAgICAgcGFnZXMgPSB3aXRoRG90cygxLCBbMSwgJy4uLiddKS5jb25jYXQocGFnZXMpXG4gICAgfVxuXG4gICAgaWYgKHBhZ2VzW3BhZ2VzLmxlbmd0aCAtIDFdIDwgdG90YWxQYWdlcykge1xuICAgICAgcGFnZXMgPSBwYWdlcy5jb25jYXQod2l0aERvdHModG90YWxQYWdlcywgWycuLi4nLCB0b3RhbFBhZ2VzXSkpXG4gICAgfVxuICAgIHJldHVybiBwYWdlc1xuICB9XG5cbiAgY29uc3QgbmV4dFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaWYgKHBhZ2VOdW1iZXIgPCB0b3RhbFBhZ2VzKSBzZXRQYWdlTnVtYmVyKHBhZ2VOdW1iZXIgKyAxKVxuICB9XG4gIGNvbnN0IHByZXZQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIGlmIChwYWdlTnVtYmVyID4gMSkgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyIC0gMSlcbiAgfVxuICBjb25zdCBoYW5kbGVGaXJzdFBhZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgc2V0UGFnZU51bWJlcigxKVxuICB9XG4gIGNvbnN0IGhhbmRsZUxhc3RQYWdlID0gKCk6IHZvaWQgPT4ge1xuICAgIHNldFBhZ2VOdW1iZXIodG90YWxQYWdlcylcbiAgfVxuICBjb25zdCBvblBhZ2VDbGljayA9IChudW1iZXI6IG51bWJlcik6IHZvaWQgPT4ge1xuICAgIHNldFBhZ2VOdW1iZXIobnVtYmVyKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGljb249e0ZpcnN0fVxuICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUZpcnN0UGFnZX1cbiAgICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gMSB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAvPlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGljb249e0NoZXZyb25MZWZ0fVxuICAgICAgICAgIG9uQ2xpY2s9e3ByZXZQYWdlfVxuICAgICAgICAgIGFyaWFMYWJlbD1cIk5leHRcIlxuICAgICAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlTnVtYmVyID09PSAxIHx8IHRvdGFsUGFnZXMgPT09IDB9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIC8+XG4gICAgICAgIHtnZW5lcmF0ZVBhZ2luYXRpb25MaXN0KCkubWFwKChpdGVtLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxkaXYga2V5PXtpbmRleH0+XG4gICAgICAgICAgICB7dHlwZW9mIGl0ZW0gPT09ICdudW1iZXInID8gKFxuICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIG1hcmdpbjogMCAycHg7XG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAgICAgICAgICAgJHtpdGVtID09PSBwYWdlTnVtYmVyICYmICdiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xMik7J31cbiAgICAgICAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblBhZ2VDbGljayhpdGVtKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtpdGVtfVxuICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxwXG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBwYWRkaW5nOiAwIDAuNXJlbTtcbiAgICAgICAgICAgICAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICAgIG1pbi13aWR0aDogNHJlbTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2l0ZW19XG4gICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkpfVxuICAgICAgPC9kaXY+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBvbkNsaWNrPXtuZXh0UGFnZX1cbiAgICAgICAgZGlzYWJsZWQ9e3BhZ2VOdW1iZXIgPT09IHRvdGFsUGFnZXMgfHwgdG90YWxQYWdlcyA9PT0gMH1cbiAgICAgICAgaWNvbj17Q2hldnJvblJpZ2h0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT1cIm1lZGl1bVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgLz5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUxhc3RQYWdlfVxuICAgICAgICBkaXNhYmxlZD17cGFnZU51bWJlciA9PT0gdG90YWxQYWdlcyB8fCB0b3RhbFBhZ2VzID09PSAwfVxuICAgICAgICBpY29uPXtMYXN0fVxuICAgICAgICBhcmlhTGFiZWw9XCJOZXh0XCJcbiAgICAgICAgc2l6ZT1cIm1lZGl1bVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl19 */"),
+      onClick: function onClick() {
+        return onPageClick(item);
+      }
+    }, item) : ___EmotionJSX("p", {
+      css: _ref
+    }, item));
+  })), ___EmotionJSX(IconButton, {
+    onClick: nextPage,
+    disabled: pageNumber === totalPages || totalPages === 0,
+    icon: ChevronRight,
+    ariaLabel: "Next",
+    size: "medium",
+    type: "button"
+  }), ___EmotionJSX(IconButton, {
+    onClick: handleLastPage,
+    disabled: pageNumber === totalPages || totalPages === 0,
+    icon: Last,
+    ariaLabel: "Next",
+    size: "medium",
+    type: "button"
+  }));
+};