@dfds-ui/react-components 0.9.7-alpha.36a18e81 → 0.9.7-alpha.557940af

package/cjs/pagination/Pagination.js

@@ -11,27 +11,37 @@ var _theme = require("@dfds-ui/theme");
 
 var _typography = require("@dfds-ui/typography");
 
-var _PaginationPages = require("./PaginationPages");
-
-var _reactComponents = require("@dfds-ui/react-components");
+var _ReactSelect = _interopRequireDefault(require("../forms/reactselect/ReactSelect"));
 
 var _Pagination = require("./Pagination.styles");
 
+var _lab = require("@material-ui/lab");
+
 var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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)."; }
 
 const defaultOverview = (rangeShown, totalRecords) => `Showing ${rangeShown} of ${totalRecords}`;
 
+const PaginationItem = _ref3 => {
+  let item = _extends({}, _ref3);
+
+  return (0, _react2.jsx)(_lab.PaginationItem, _extends({
+    css: _Pagination.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNIb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFBhZ2luYXRpb25QYWdlcyB9IGZyb20gJy4vUGFnaW5hdGlvblBhZ2VzJ1xuaW1wb3J0IHsgU2VsZWN0RmllbGQgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgd3JhcHBlclN0eWxlcyB9IGZyb20gJy4vUGFnaW5hdGlvbi5zdHlsZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBPcHRpb24gPSB7XG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBsYWJlbDogc3RyaW5nXG4gIHZhbHVlOiBudW1iZXJcbn1cblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBvZmZzZXRcbiAgICovXG4gIG9mZnNldD86IG51bWJlclxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25DaGFuZ2VQYWdlTGltaXQ/OiAoZTogYW55KSA9PiB2b2lkXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBPcHRpb25zIHBhc3NlZCB0byB0aGUgUGFnZUxpbWl0U2VsZWN0b3JcbiAgICovXG4gIG9wdGlvbnM/OiBPcHRpb25bXSB8IG51bGxcbiAgLyoqXG4gICAqIE51bWJlciBvZiByZWNvcmRzIHBlciBwYWdlLlxuICAgKi9cbiAgcGFnZUxpbWl0OiBudW1iZXJcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxSZWNvcmRzOiBudW1iZXJcbiAgLyoqXG4gICAqIFJldHVybnMgdGhlIGNvbnRlbnQgb2YgdGhlIG92ZXJ2aWV3LlxuICAgKlxuICAgKiBVc2UgdGhpcyBpZiB5b3UgbmVlZCB0byBsb2NhbGl6ZSB0aGUgb3ZlcnZpZXcgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICByZW5kZXJPdmVydmlldz86IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZGVmYXVsdE92ZXJ2aWV3ID0gKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IGBTaG93aW5nICR7cmFuZ2VTaG93bn0gb2YgJHt0b3RhbFJlY29yZHN9YFxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFNlbGVjdEZpZWxkXG4gICAgICBsYWJlbD1cIlwiXG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICB2YWx1ZT17U3RyaW5nKGN1cnJlbnRQYWdlTGltaXQoKT8udmFsdWUpfVxuICAgICAgbmFtZT1cInBhZ2luYXRpb25TZWxlY3RlclwiXG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICA+XG4gICAgICB7b3B0aW9ucz8ubWFwKChpdGVtKSA9PiAoXG4gICAgICAgIDxvcHRpb24gdmFsdWU9e2l0ZW0udmFsdWV9IGtleT17aXRlbS5sYWJlbH0+XG4gICAgICAgICAge2l0ZW0ubGFiZWx9XG4gICAgICAgIDwvb3B0aW9uPlxuICAgICAgKSl9XG4gICAgPC9TZWxlY3RGaWVsZD5cbiAgKVxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThIb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7IHBhZ2luYXRpb25JdGVtU3R5bGVzLCB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2xhYidcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCI+e3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9PC9UZXh0PlxuICAgICAgICAgICAgPE1hdGVyaWFsUGFnaW5hdGlvblxuICAgICAgICAgICAgICBjb3VudD17dG90YWxQYWdlc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uUGFnZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgICAgICAgIHJlbmRlckl0ZW09e1BhZ2luYXRpb25JdGVtfVxuICAgICAgICAgICAgICBzaG93Rmlyc3RCdXR0b25cbiAgICAgICAgICAgICAgc2hvd0xhc3RCdXR0b25cbiAgICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPE1hdGVyaWFsUGFnaW5hdGlvblxuICAgICAgICAgICAgICBib3VuZGFyeUNvdW50PXsxfVxuICAgICAgICAgICAgICBjb3VudD17dG90YWxQYWdlc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uUGFnZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgICAgICAgIHJlbmRlckl0ZW09e1BhZ2luYXRpb25JdGVtfVxuICAgICAgICAgICAgICBzaWJsaW5nQ291bnQ9ezB9XG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -41,17 +51,17 @@ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJHb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFBhZ2luYXRpb25QYWdlcyB9IGZyb20gJy4vUGFnaW5hdGlvblBhZ2VzJ1xuaW1wb3J0IHsgU2VsZWN0RmllbGQgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgd3JhcHBlclN0eWxlcyB9IGZyb20gJy4vUGFnaW5hdGlvbi5zdHlsZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBPcHRpb24gPSB7XG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBsYWJlbDogc3RyaW5nXG4gIHZhbHVlOiBudW1iZXJcbn1cblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIGN1cnJlbnRQYWdlPzogbnVtYmVyXG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBvZmZzZXRcbiAgICovXG4gIG9mZnNldD86IG51bWJlclxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25DaGFuZ2VQYWdlTGltaXQ/OiAoZTogYW55KSA9PiB2b2lkXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvblBhZ2VDaGFuZ2U/OiAocGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBPcHRpb25zIHBhc3NlZCB0byB0aGUgUGFnZUxpbWl0U2VsZWN0b3JcbiAgICovXG4gIG9wdGlvbnM/OiBPcHRpb25bXSB8IG51bGxcbiAgLyoqXG4gICAqIE51bWJlciBvZiByZWNvcmRzIHBlciBwYWdlLlxuICAgKi9cbiAgcGFnZUxpbWl0OiBudW1iZXJcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxSZWNvcmRzOiBudW1iZXJcbiAgLyoqXG4gICAqIFJldHVybnMgdGhlIGNvbnRlbnQgb2YgdGhlIG92ZXJ2aWV3LlxuICAgKlxuICAgKiBVc2UgdGhpcyBpZiB5b3UgbmVlZCB0byBsb2NhbGl6ZSB0aGUgb3ZlcnZpZXcgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICByZW5kZXJPdmVydmlldz86IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZGVmYXVsdE92ZXJ2aWV3ID0gKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IGBTaG93aW5nICR7cmFuZ2VTaG93bn0gb2YgJHt0b3RhbFJlY29yZHN9YFxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFNlbGVjdEZpZWxkXG4gICAgICBsYWJlbD1cIlwiXG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICB2YWx1ZT17U3RyaW5nKGN1cnJlbnRQYWdlTGltaXQoKT8udmFsdWUpfVxuICAgICAgbmFtZT1cInBhZ2luYXRpb25TZWxlY3RlclwiXG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICA+XG4gICAgICB7b3B0aW9ucz8ubWFwKChpdGVtKSA9PiAoXG4gICAgICAgIDxvcHRpb24gdmFsdWU9e2l0ZW0udmFsdWV9IGtleT17aXRlbS5sYWJlbH0+XG4gICAgICAgICAge2l0ZW0ubGFiZWx9XG4gICAgICAgIDwvb3B0aW9uPlxuICAgICAgKSl9XG4gICAgPC9TZWxlY3RGaWVsZD5cbiAgKVxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFBhZ2luYXRpb25QYWdlcyBjdXJyZW50UGFnZT17Y3VycmVudFBhZ2V9IG9uUGFnZU51bWJlckNoYW5nZT17b25QYWdlQ2hhbmdlfSB0b3RhbFBhZ2VzPXt0b3RhbFBhZ2VzfSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ib0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7IHBhZ2luYXRpb25JdGVtU3R5bGVzLCB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2xhYidcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCI+e3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9PC9UZXh0PlxuICAgICAgICAgICAgPE1hdGVyaWFsUGFnaW5hdGlvblxuICAgICAgICAgICAgICBjb3VudD17dG90YWxQYWdlc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uUGFnZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgICAgICAgIHJlbmRlckl0ZW09e1BhZ2luYXRpb25JdGVtfVxuICAgICAgICAgICAgICBzaG93Rmlyc3RCdXR0b25cbiAgICAgICAgICAgICAgc2hvd0xhc3RCdXR0b25cbiAgICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPE1hdGVyaWFsUGFnaW5hdGlvblxuICAgICAgICAgICAgICBib3VuZGFyeUNvdW50PXsxfVxuICAgICAgICAgICAgICBjb3VudD17dG90YWxQYWdlc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uUGFnZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgICAgICAgIHJlbmRlckl0ZW09e1BhZ2luYXRpb25JdGVtfVxuICAgICAgICAgICAgICBzaWJsaW5nQ291bnQ9ezB9XG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
-var _ref3 = 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFGTSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgUGFnaW5hdGlvblBhZ2VzIH0gZnJvbSAnLi9QYWdpbmF0aW9uUGFnZXMnXG5pbXBvcnQgeyBTZWxlY3RGaWVsZCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChwYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAqIE9wdGlvbnMgcGFzc2VkIHRvIHRoZSBQYWdlTGltaXRTZWxlY3RvclxuICAgKi9cbiAgb3B0aW9ucz86IE9wdGlvbltdIHwgbnVsbFxuICAvKipcbiAgICogTnVtYmVyIG9mIHJlY29yZHMgcGVyIHBhZ2UuXG4gICAqL1xuICBwYWdlTGltaXQ6IG51bWJlclxuICAvKipcbiAgICogVG90YWwgbnVtYmVyIG9mIHJlY29yZHMuXG4gICAqL1xuICB0b3RhbFJlY29yZHM6IG51bWJlclxuICAvKipcbiAgICogUmV0dXJucyB0aGUgY29udGVudCBvZiB0aGUgb3ZlcnZpZXcuXG4gICAqXG4gICAqIFVzZSB0aGlzIGlmIHlvdSBuZWVkIHRvIGxvY2FsaXplIHRoZSBvdmVydmlldyBiZWluZyByZW5kZXJlZC5cbiAgICovXG4gIHJlbmRlck92ZXJ2aWV3PzogKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBkZWZhdWx0T3ZlcnZpZXcgPSAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gYFNob3dpbmcgJHtyYW5nZVNob3dufSBvZiAke3RvdGFsUmVjb3Jkc31gXG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgY3VycmVudFBhZ2UsXG4gIG9mZnNldCA9IDAsXG4gIG9uQ2hhbmdlUGFnZUxpbWl0LFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBwYWdlTGltaXQsXG4gIHRvdGFsUmVjb3JkcyA9IDEsXG4gIHJlbmRlck92ZXJ2aWV3ID0gZGVmYXVsdE92ZXJ2aWV3LFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuICBjb25zdCB0b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRvdGFsUmVjb3JkcyAvIHBhZ2VMaW1pdClcbiAgY29uc3QgcmFuZ2VTaG93biA9XG4gICAgdG90YWxSZWNvcmRzID09PSAxXG4gICAgICA/IFN0cmluZyh0b3RhbFJlY29yZHMpXG4gICAgICA6IGAke3RvdGFsUmVjb3JkcyA9PT0gMCA/IHRvdGFsUmVjb3JkcyA6IG9mZnNldCArIDF9LSR7XG4gICAgICAgICAgcGFnZUxpbWl0ICsgb2Zmc2V0ID4gdG90YWxSZWNvcmRzID8gdG90YWxSZWNvcmRzIDogcGFnZUxpbWl0ICsgb2Zmc2V0XG4gICAgICAgIH1gXG5cbiAgY29uc3QgY3VycmVudFBhZ2VMaW1pdCA9ICgpID0+IHtcbiAgICBjb25zdCBvcHRpb24gPSBvcHRpb25zPy5maW5kKChvcHRpb246IE9wdGlvbikgPT4ge1xuICAgICAgcmV0dXJuIG9wdGlvbi52YWx1ZSA9PT0gcGFnZUxpbWl0XG4gICAgfSlcbiAgICByZXR1cm4gb3B0aW9uXG4gIH1cblxuICBjb25zdCBQYWdlTGltaXRTZWxlY3RvciA9IChcbiAgICA8U2VsZWN0RmllbGRcbiAgICAgIGxhYmVsPVwiXCJcbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZVBhZ2VMaW1pdH1cbiAgICAgIHZhbHVlPXtTdHJpbmcoY3VycmVudFBhZ2VMaW1pdCgpPy52YWx1ZSl9XG4gICAgICBuYW1lPVwicGFnaW5hdGlvblNlbGVjdGVyXCJcbiAgICAgIGNzcz17eyB3aWR0aDogJzE1MHB4JyB9fVxuICAgID5cbiAgICAgIHtvcHRpb25zPy5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgPG9wdGlvbiB2YWx1ZT17aXRlbS52YWx1ZX0ga2V5PXtpdGVtLmxhYmVsfT5cbiAgICAgICAgICB7aXRlbS5sYWJlbH1cbiAgICAgICAgPC9vcHRpb24+XG4gICAgICApKX1cbiAgICA8L1NlbGVjdEZpZWxkPlxuICApXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtncmVhdGVyVGhhbignbCcpID8gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXYgY3NzPXt3cmFwcGVyU3R5bGVzfT5cbiAgICAgICAgICAgIDxUZXh0IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiPntyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfTwvVGV4dD5cbiAgICAgICAgICAgIDxQYWdpbmF0aW9uUGFnZXMgY3VycmVudFBhZ2U9e2N1cnJlbnRQYWdlfSBvblBhZ2VOdW1iZXJDaGFuZ2U9e29uUGFnZUNoYW5nZX0gdG90YWxQYWdlcz17dG90YWxQYWdlc30gLz5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VTbWFsbFwiPntyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfTwvVGV4dD5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8UGFnaW5hdGlvblBhZ2VzIGN1cnJlbnRQYWdlPXtjdXJyZW50UGFnZX0gb25QYWdlTnVtYmVyQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9IHRvdGFsUGFnZXM9e3RvdGFsUGFnZXN9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQYWdpbmF0aW9uXG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGTSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFnaW5hdGlvbi9QYWdpbmF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IFJlYWN0U2VsZWN0IGZyb20gJy4uL2Zvcm1zL3JlYWN0c2VsZWN0L1JlYWN0U2VsZWN0J1xuaW1wb3J0IHsgcGFnaW5hdGlvbkl0ZW1TdHlsZXMsIHdyYXBwZXJTdHlsZXMgfSBmcm9tICcuL1BhZ2luYXRpb24uc3R5bGVzJ1xuaW1wb3J0IHsgUGFnaW5hdGlvbiBhcyBNYXRlcmlhbFBhZ2luYXRpb24sIFBhZ2luYXRpb25JdGVtIGFzIE1hdGVyaWFsUGFnaW5hdGlvbkl0ZW0gfSBmcm9tICdAbWF0ZXJpYWwtdWkvbGFiJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbnR5cGUgT3B0aW9uID0ge1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgbGFiZWw6IHN0cmluZ1xuICB2YWx1ZTogbnVtYmVyXG59XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBjdXJyZW50UGFnZT86IG51bWJlclxuICAvKipcbiAgICogVGhlIGN1cnJlbnQgb2Zmc2V0XG4gICAqL1xuICBvZmZzZXQ/OiBudW1iZXJcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uQ2hhbmdlUGFnZUxpbWl0PzogKGU6IGFueSkgPT4gdm9pZFxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgcGFnZSBpcyBjaGFuZ2VkLlxuICAgKi9cbiAgb25QYWdlQ2hhbmdlPzogKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDx1bmtub3duPiwgcGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBPcHRpb25zIHBhc3NlZCB0byB0aGUgUGFnZUxpbWl0U2VsZWN0b3JcbiAgICovXG4gIG9wdGlvbnM/OiBPcHRpb25bXSB8IG51bGxcbiAgLyoqXG4gICAqIE51bWJlciBvZiByZWNvcmRzIHBlciBwYWdlLlxuICAgKi9cbiAgcGFnZUxpbWl0OiBudW1iZXJcbiAgLyoqXG4gICAqIFRvdGFsIG51bWJlciBvZiByZWNvcmRzLlxuICAgKi9cbiAgdG90YWxSZWNvcmRzOiBudW1iZXJcbiAgLyoqXG4gICAqIFJldHVybnMgdGhlIGNvbnRlbnQgb2YgdGhlIG92ZXJ2aWV3LlxuICAgKlxuICAgKiBVc2UgdGhpcyBpZiB5b3UgbmVlZCB0byBsb2NhbGl6ZSB0aGUgb3ZlcnZpZXcgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICByZW5kZXJPdmVydmlldz86IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgZGVmYXVsdE92ZXJ2aWV3ID0gKHJhbmdlU2hvd246IHN0cmluZywgdG90YWxSZWNvcmRzOiBudW1iZXIpID0+IGBTaG93aW5nICR7cmFuZ2VTaG93bn0gb2YgJHt0b3RhbFJlY29yZHN9YFxuXG5jb25zdCBQYWdpbmF0aW9uSXRlbSA9ICh7IC4uLml0ZW0gfSkgPT4ge1xuICByZXR1cm4gPE1hdGVyaWFsUGFnaW5hdGlvbkl0ZW0gY3NzPXtwYWdpbmF0aW9uSXRlbVN0eWxlc30gey4uLml0ZW19IC8+XG59XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgY3VycmVudFBhZ2UsXG4gIG9mZnNldCA9IDAsXG4gIG9uQ2hhbmdlUGFnZUxpbWl0LFxuICBvblBhZ2VDaGFuZ2UsXG4gIG9wdGlvbnMgPSBudWxsLFxuICBwYWdlTGltaXQsXG4gIHRvdGFsUmVjb3JkcyA9IDEsXG4gIHJlbmRlck92ZXJ2aWV3ID0gZGVmYXVsdE92ZXJ2aWV3LFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuICBjb25zdCB0b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRvdGFsUmVjb3JkcyAvIHBhZ2VMaW1pdClcbiAgY29uc3QgcmFuZ2VTaG93biA9XG4gICAgdG90YWxSZWNvcmRzID09PSAxXG4gICAgICA/IFN0cmluZyh0b3RhbFJlY29yZHMpXG4gICAgICA6IGAke3RvdGFsUmVjb3JkcyA9PT0gMCA/IHRvdGFsUmVjb3JkcyA6IG9mZnNldCArIDF9LSR7XG4gICAgICAgICAgcGFnZUxpbWl0ICsgb2Zmc2V0ID4gdG90YWxSZWNvcmRzID8gdG90YWxSZWNvcmRzIDogcGFnZUxpbWl0ICsgb2Zmc2V0XG4gICAgICAgIH1gXG5cbiAgY29uc3QgY3VycmVudFBhZ2VMaW1pdCA9ICgpID0+IHtcbiAgICBjb25zdCBvcHRpb24gPSBvcHRpb25zPy5maW5kKChvcHRpb246IE9wdGlvbikgPT4ge1xuICAgICAgcmV0dXJuIG9wdGlvbi52YWx1ZSA9PT0gcGFnZUxpbWl0XG4gICAgfSlcbiAgICByZXR1cm4gb3B0aW9uXG4gIH1cblxuICBjb25zdCBQYWdlTGltaXRTZWxlY3RvciA9IChcbiAgICA8UmVhY3RTZWxlY3RcbiAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZVBhZ2VMaW1pdH1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFsdWU9e2N1cnJlbnRQYWdlTGltaXQoKX1cbiAgICAgIGNzcz17eyB3aWR0aDogJzE1MHB4JyB9fVxuICAgICAgbWVudVBsYWNlbWVudD1cImF1dG9cIlxuICAgIC8+XG4gIClcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z3JlYXRlclRoYW4oJ2wnKSA/IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2IGNzcz17d3JhcHBlclN0eWxlc30+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICA8TWF0ZXJpYWxQYWdpbmF0aW9uXG4gICAgICAgICAgICAgIGNvdW50PXt0b3RhbFBhZ2VzfVxuICAgICAgICAgICAgICBvbkNoYW5nZT17b25QYWdlQ2hhbmdlfVxuICAgICAgICAgICAgICBwYWdlPXtjdXJyZW50UGFnZX1cbiAgICAgICAgICAgICAgcmVuZGVySXRlbT17UGFnaW5hdGlvbkl0ZW19XG4gICAgICAgICAgICAgIHNob3dGaXJzdEJ1dHRvblxuICAgICAgICAgICAgICBzaG93TGFzdEJ1dHRvblxuICAgICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VTbWFsbFwiPntyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfTwvVGV4dD5cbiAgICAgICAgICAgIHtQYWdlTGltaXRTZWxlY3Rvcn1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8TWF0ZXJpYWxQYWdpbmF0aW9uXG4gICAgICAgICAgICAgIGJvdW5kYXJ5Q291bnQ9ezF9XG4gICAgICAgICAgICAgIGNvdW50PXt0b3RhbFBhZ2VzfVxuICAgICAgICAgICAgICBvbkNoYW5nZT17b25QYWdlQ2hhbmdlfVxuICAgICAgICAgICAgICBwYWdlPXtjdXJyZW50UGFnZX1cbiAgICAgICAgICAgICAgcmVuZGVySXRlbT17UGFnaW5hdGlvbkl0ZW19XG4gICAgICAgICAgICAgIHNpYmxpbmdDb3VudD17MH1cbiAgICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQYWdpbmF0aW9uXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -65,8 +75,6 @@ const Pagination = ({
   totalRecords = 1,
   renderOverview = defaultOverview
 }) => {
-  var _currentPageLimit;
-
   const _useBreakpoint = (0, _theme.useBreakpoint)(),
         greaterThan = _useBreakpoint.greaterThan;
 
@@ -80,34 +88,40 @@ const Pagination = ({
     return option;
   };
 
-  const PageLimitSelector = (0, _react2.jsx)(_reactComponents.SelectField, {
-    label: "",
+  const PageLimitSelector = (0, _react2.jsx)(_ReactSelect.default, {
     onChange: onChangePageLimit,
-    value: String((_currentPageLimit = currentPageLimit()) === null || _currentPageLimit === void 0 ? void 0 : _currentPageLimit.value),
-    name: "paginationSelecter",
-    css: _ref3
-  }, options === null || options === void 0 ? void 0 : options.map(item => (0, _react2.jsx)("option", {
-    value: item.value,
-    key: item.label
-  }, item.label)));
+    options: options,
+    size: "small",
+    value: currentPageLimit(),
+    css: _ref4,
+    menuPlacement: "auto"
+  });
   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
+  }, renderOverview(rangeShown, totalRecords)), (0, _react2.jsx)(_lab.Pagination, {
+    count: totalPages,
+    onChange: onPageChange,
+    page: currentPage,
+    renderItem: PaginationItem,
+    showFirstButton: true,
+    showLastButton: true,
+    size: "large"
   }), 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
+  }, (0, _react2.jsx)(_lab.Pagination, {
+    boundaryCount: 1,
+    count: totalPages,
+    onChange: onPageChange,
+    page: currentPage,
+    renderItem: PaginationItem,
+    siblingCount: 0,
+    size: "large"
   }))));
 };
 

package/cjs/pagination/Pagination.styles.d.ts

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

package/cjs/pagination/index.d.ts

@@ -0,0 +1 @@
+export * from './Pagination';

package/cjs/popper/Popper.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { PopperProps, PopperPlacementType } from '@material-ui/core/Popper';
+export declare type PopperBaseProps = {
+    open?: boolean;
+    children: React.ReactElement | string;
+    anchorEl?: any;
+    id?: string;
+    placement?: PopperPlacementType;
+    disablePortal?: PopperProps['disablePortal'];
+    /**
+     * By default the max-width will be set to 100%. This will allow for child elements to have a width of 100vw and also
+     * a max-width of 100% so it will not be overflowing the potential vertical scrollbars.
+     *
+     * You can disable this by setting `noMaxWidthRestriction` to `false`
+     */
+    noMaxWidthRestriction?: boolean;
+    role?: string;
+    onClickAway?: (e: any) => void;
+    className?: string;
+    style?: PopperProps['style'];
+    popperRef?: PopperProps['popperRef'];
+    modifiers?: PopperProps['modifiers'];
+};
+export declare const PopperBase: ({ open, children, anchorEl, id, placement, onClickAway, className, noMaxWidthRestriction, ...rest }: PopperBaseProps) => JSX.Element;
+declare type PopperComponentProps = {
+    setAnchorEl: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+} & Omit<PopperBaseProps, 'onClickAway'>;
+declare const Popper: ({ children, anchorEl, id, setAnchorEl, placement, popperRef, ...rest }: PopperComponentProps) => JSX.Element;
+export default Popper;

package/cjs/popper/index.d.ts

@@ -0,0 +1 @@
+export { default as Popper } from './Popper';

package/cjs/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,7 @@
+export declare type ProgressBarProps = {
+    light?: boolean;
+    indeterminate?: boolean;
+    progress?: number;
+};
+declare const ProgressBar: ({ light, indeterminate, progress }: ProgressBarProps) => JSX.Element;
+export default ProgressBar;

package/cjs/progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ProgressBar } from './ProgressBar';
+export * from './ProgressBar';

package/cjs/schedule/ScheduleItem.d.ts

@@ -0,0 +1,21 @@
+import React, { FunctionComponent } from 'react';
+export declare type ListItemProps = {
+    time: string;
+    text: string;
+    backgroundColor?: string;
+};
+export declare const ListItemBase: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & import("./../flexbox/FlexBox").FlexBoxProps & {
+    as?: React.ElementType<any> | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    backgroundColor?: string | undefined;
+}, {}, {}>;
+declare type ScheduleItemComponent = FunctionComponent<ListItemProps>;
+declare const ScheduleItem: ScheduleItemComponent;
+export default ScheduleItem;

package/cjs/schedule/ScheduleList.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent } from 'react';
+declare type ScheduleListItem = {
+    time: string;
+    text: string;
+};
+declare type ScheduleListProps = {
+    items: ScheduleListItem[];
+};
+declare type ScheduleListComponent = FunctionComponent<ScheduleListProps>;
+declare const ScheduleList: ScheduleListComponent;
+export default ScheduleList;

package/cjs/schedule/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ScheduleItem } from './ScheduleItem';
+export { default as ScheduleList } from './ScheduleList';

package/cjs/side-sheet/SideSheet.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+declare type Variant = 'nested' | 'elevated';
+declare type BackdropEmphasis = 'low' | 'high';
+declare type Align = 'left' | 'right';
+export declare type SideSheetProps = {
+    children?: React.ReactNode;
+    /**
+     * Choose the `width` of the `SideSheet`.
+     */
+    header?: string;
+    /**
+     * Choose the `width` of the `SideSheet`.
+     */
+    width?: string;
+    /**
+     * When you trigger a close.
+     */
+    onRequestClose?: () => void;
+    /**
+     * If set to true, the `SideSheet` is shown.
+     */
+    isOpen: boolean;
+    /**
+     * Choose if the SideSheet should be nested or elevated.
+     */
+    variant?: Variant;
+    /**
+     * Align the elevated SideSheet to left or right.
+     */
+    alignSideSheet?: Align;
+    /**
+     * Style the SideSheet by adding a className to it.
+     */
+    className?: string;
+    /**
+     * Add or remove the backdrop for the elevated side sheet.
+     */
+    backdrop?: boolean;
+    /**
+     * Specify the emphasis of the backdrop.
+     */
+    backdropEmphasis?: BackdropEmphasis;
+    /**
+     * Specify the custom zIndex.
+     */
+    zIndex?: number;
+    /**
+     * Fullscreen on large mobile (breakpoint at 500px).
+     */
+    largeMobileFullScreen?: boolean;
+    /**
+     * Fullscreen on small mobile (breakpoint at 375px).
+     */
+    smallMobileFullScreen?: boolean;
+};
+declare const SideSheet: ({ variant, className, isOpen, backdrop, width, header, zIndex, largeMobileFullScreen, smallMobileFullScreen, onRequestClose, backdropEmphasis, alignSideSheet, children, ...rest }: SideSheetProps) => JSX.Element;
+export default SideSheet;

package/cjs/side-sheet/SideSheetCloseButton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { IconButtonSize } from '../button/IconButton';
+export declare type SideSheetCloseButtonProps = {
+    onRequestClose?: () => void;
+    className?: string;
+    icon?: React.ElementType;
+    size?: IconButtonSize;
+    tabIndex?: number;
+    closeLabel?: string;
+    children?: React.ReactNode;
+};
+export declare const SideSheetCloseButton: ({ onRequestClose, className, icon, size, closeLabel, ...rest }: SideSheetCloseButtonProps) => JSX.Element;
+export default SideSheetCloseButton;

package/cjs/side-sheet/SideSheetContent.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare type SideSheetFooterProps = {
+    className?: string;
+    children?: ReactNode;
+};
+export declare const SideSheetContent: ({ children, className, ...rest }: SideSheetFooterProps) => JSX.Element;
+export default SideSheetContent;

package/cjs/side-sheet/SideSheetFooter.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare type SideSheetFooterProps = {
+    className?: string;
+    children?: ReactNode;
+};
+export declare const SideSheetFooter: ({ children, className, ...rest }: SideSheetFooterProps) => JSX.Element;
+export default SideSheetFooter;

package/cjs/side-sheet/SideSheetHeader.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export declare type ModalHeaderProps = {
+    className?: string;
+    sticky?: boolean;
+    children?: ReactNode;
+    noDivider?: boolean;
+};
+export declare const SideSheetHeader: ({ children, className, sticky, noDivider, ...rest }: ModalHeaderProps) => JSX.Element;
+export default SideSheetHeader;

package/cjs/side-sheet/SideSheetHeadline.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare type SideSheetHeadlineProps = {
+    className?: string;
+    children?: ReactNode;
+};
+export declare const SideSheetHeadline: ({ className, children }: SideSheetHeadlineProps) => JSX.Element;
+export default SideSheetHeadline;

package/cjs/side-sheet/index.d.ts

@@ -0,0 +1,4 @@
+export { default as SideSheet } from './SideSheet';
+export { default as SideSheetFooter } from './SideSheetFooter';
+export { default as SideSheetContent } from './SideSheetContent';
+export * from './SideSheet';

package/cjs/site-layout/SiteLayout.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+declare type RenderAs = {
+    as?: React.ElementType;
+};
+declare type LayoutProps = {
+    fullWidth?: boolean;
+    className?: string;
+} & RenderAs;
+declare type LayoutChildProps = {
+    fullWidth?: boolean;
+    className?: string;
+} & RenderAs;
+export declare const LayoutGrid: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    fullWidth?: boolean | undefined;
+    className?: string | undefined;
+} & RenderAs, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Layout: React.FunctionComponent<LayoutProps>;
+export declare const LayoutHeader: React.FunctionComponent<LayoutChildProps>;
+export declare const LayoutMain: React.FunctionComponent<LayoutChildProps>;
+export declare const LayoutFooter: React.FunctionComponent<LayoutChildProps>;
+declare const _default: {
+    Grid: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: React.ElementType<any> | undefined;
+    } & {
+        fullWidth?: boolean | undefined;
+        className?: string | undefined;
+    } & RenderAs, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    Header: React.FunctionComponent<LayoutChildProps>;
+    Main: React.FunctionComponent<LayoutChildProps>;
+    Footer: React.FunctionComponent<LayoutChildProps>;
+};
+export default _default;

package/cjs/site-layout/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SiteLayout } from './SiteLayout';
+export * from './SiteLayout';

package/cjs/skeleton/Skeleton.d.ts

@@ -0,0 +1,6 @@
+export interface SkeletonProps {
+    variant: SkeletonVariant;
+}
+export declare type SkeletonVariant = 'text' | 'circle' | 'rect';
+export declare const Skeleton: ({ variant, ...rest }: SkeletonProps) => JSX.Element;
+export default Skeleton;

package/cjs/skeleton/index.d.ts

@@ -0,0 +1 @@
+export * from './Skeleton';

package/cjs/social-media-link-list/SocialMediaLinkList.d.ts

@@ -0,0 +1,26 @@
+import React, { FunctionComponent } from 'react';
+export declare type SocialMediaLinkListProps = {
+    instagramLink?: string;
+    facebookLink?: string;
+    blogLink?: string;
+    twitterLink?: string;
+    linkedinLink?: string;
+    youtubeLink?: string;
+    mailshareLink?: string;
+    iconSize?: string;
+    noPadding?: boolean;
+    colorOverwrite?: string;
+};
+export declare const SoMeWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & import("../flexbox/FlexBox").FlexBoxProps & {
+    as?: React.ElementType<any> | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & SocialMediaLinkListProps, {}, {}>;
+declare type socialMediaLinkListComponent = FunctionComponent<SocialMediaLinkListProps>;
+export declare const SocialMediaLinkList: socialMediaLinkListComponent;
+export default SocialMediaLinkList;

package/cjs/social-media-link-list/index.d.ts

@@ -0,0 +1 @@
+export * from './SocialMediaLinkList';

package/cjs/spinner/Spinner.d.ts

@@ -0,0 +1,15 @@
+declare type Color = 'dark' | 'secondary' | 'light';
+export declare type SpinnerProps = {
+    instant?: boolean;
+    size?: string;
+    className?: string;
+    color?: Color;
+};
+declare function Spinner({ instant, size, className, color, ...rest }: SpinnerProps): JSX.Element;
+declare namespace Spinner {
+    var displayName: string;
+}
+export declare const CenteredSpinner: import("@emotion/styled").StyledComponent<SpinnerProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export default Spinner;

package/cjs/spinner/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Spinner } from './Spinner';
+export * from './Spinner';

package/cjs/stepper/Step.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { ListItemProps } from './../lists/ListItem';
+declare type StepProps = {
+    label: ReactNode;
+    children: ReactNode;
+    listItemProps?: ListItemProps;
+};
+declare const _default: React.NamedExoticComponent<StepProps>;
+export default _default;

package/cjs/stepper/Stepper.d.ts

@@ -0,0 +1,15 @@
+import React, { SetStateAction, Dispatch, ReactNode } from 'react';
+declare type StepperProps = {
+    children: ReactNode;
+    initialStep?: number;
+};
+export declare const useStepperContext: () => {
+    activeStep: string;
+    setStep: (id: string) => void;
+    setNext: () => Dispatch<SetStateAction<number>> | void;
+    setBack: () => Dispatch<SetStateAction<number>> | void;
+    setReset: () => Dispatch<SetStateAction<number>> | void;
+    setActiveIndex: Dispatch<SetStateAction<number>>;
+};
+declare const _default: React.NamedExoticComponent<StepperProps>;
+export default _default;

package/cjs/stepper/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Step } from './Step';
+export { default as Stepper, useStepperContext } from './Stepper';

package/cjs/styles/index.d.ts

@@ -0,0 +1,3 @@
+export { default as legacyMedia, legacyGenerateMedia } from './media';
+export { default as theme } from './theme';
+export { visuallyHidden } from './style-helpers';

package/cjs/styles/media.d.ts

@@ -0,0 +1,21 @@
+declare const defaultBreakPoints: {
+    xl: number;
+    lg: number;
+    md: number;
+    sm: number;
+    xs: number;
+};
+declare type BreakPoint = keyof typeof defaultBreakPoints | number;
+export declare function legacyGenerateMedia(breakPoints: typeof defaultBreakPoints): {
+    lt: (breakPoint: BreakPoint) => string;
+    gt: (breakPoint: BreakPoint) => string;
+    bt: (firstBreakpoint: BreakPoint, secondBreakpoint: BreakPoint) => string;
+    tablet: () => string;
+};
+export declare const legacyMedia: {
+    lt: (breakPoint: BreakPoint) => string;
+    gt: (breakPoint: BreakPoint) => string;
+    bt: (firstBreakpoint: BreakPoint, secondBreakpoint: BreakPoint) => string;
+    tablet: () => string;
+};
+export default legacyMedia;

package/cjs/styles/rem.d.ts

@@ -0,0 +1 @@
+export declare const rem: (targetPixelValue: number, base?: number) => string;

package/cjs/styles/style-helpers.d.ts

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

package/cjs/styles/theme.d.ts

@@ -0,0 +1,39 @@
+export declare const theme: {
+    colors: {
+        yesGreen: string;
+        cautionAmber: string;
+        noRed: string;
+        linkBlue: string;
+        linkHover: string;
+        actionBlue: string;
+        actionHover: string;
+        actionMedium: string;
+        actionLight: string;
+        primaryOrange: string;
+        primaryHover: string;
+        uiEnabled: string;
+        uiDisabled: string;
+        textGrey: string;
+        textMedium: string;
+        textLight: string;
+        groupBlue: string;
+        groupMedium: string;
+        groupLight: string;
+        backgroundGrey: string;
+        white: string;
+        whiteHover: string;
+    };
+    fontFamily: string;
+    spacing: {
+        xxs: string;
+        xs: string;
+        s: string;
+        m: string;
+        l: string;
+        xl: string;
+        xxl: string;
+    };
+    uiRoundness: string;
+};
+export declare type ThemeInterface = typeof theme;
+export default theme;