@dfds-ui/react-components 0.9.8-alpha.eab0d952 → 0.9.9-alpha.8b9bb3de

package/loader/ShipLoader.js

@@ -0,0 +1,48 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+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 { css, keyframes } from '@emotion/react';
+import { Ship, Waves } from '@dfds-ui/icons';
+import { Text } from '@dfds-ui/typography';
+import { media, theme } from '@dfds-ui/theme';
+import { FlexBox } from '../flexbox';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var sail = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  to {\n    transform: translateY(-3px);\n  }\n"])));
+var wave = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  to {\n    transform: translateX(-30px);\n  }\n"])));
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "13udsys",
+  styles: "height:100%"
+} : {
+  name: "1w2dfgd-DfdsLoader",
+  styles: "height:100%;label:DfdsLoader;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvU2hpcExvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNnQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL1NoaXBMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5cbmNvbnN0IHNhaWwgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTNweCk7XG4gIH1cbmBcblxuY29uc3Qgd2F2ZSA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMzBweCk7XG4gIH1cbmBcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGFiZWw/OiBzdHJpbmdcbiAgc2hvd01lbnU/OiBib29sZWFuXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBzaG93TWVudSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICB6LWluZGV4OiA0OTk5O1xuXG4gICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZGlyZWN0aW9uQ29sdW1uXG4gICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICB6LWluZGV4OiA1MDAwO1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcyMHB4JyA6ICc0MnB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdtJylgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcxMnB4JyA6ICczNXB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var DfdsLoader = function DfdsLoader(_ref2) {
+  var label = _ref2.label,
+      showMenu = _ref2.showMenu;
+  return ___EmotionJSX("div", {
+    css: /*#__PURE__*/css("background-color:", theme.colors.surface.secondary, ";position:fixed;left:0;right:0;top:", showMenu ? '60px' : '0', ";bottom:0;z-index:4999;", media.lessThanEqual('m')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            top: ", ";\n        "])), showMenu ? '48px' : '0'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvU2hpcExvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJjIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2FkZXIvU2hpcExvYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgU2hpcCwgV2F2ZXMgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgbWVkaWEsIHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi4vZmxleGJveCdcblxuY29uc3Qgc2FpbCA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtM3B4KTtcbiAgfVxuYFxuXG5jb25zdCB3YXZlID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0zMHB4KTtcbiAgfVxuYFxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBsYWJlbD86IHN0cmluZ1xuICBzaG93TWVudT86IGJvb2xlYW5cbn1cblxuY29uc3QgRGZkc0xvYWRlcjogUmVhY3QuRkM8UHJvcHM+ID0gKHsgbGFiZWwsIHNob3dNZW51IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB0b3A6ICR7c2hvd01lbnUgPyAnNjBweCcgOiAnMCd9O1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIHotaW5kZXg6IDQ5OTk7XG5cbiAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdtJylgXG4gICAgICAgICAgICB0b3A6ICR7c2hvd01lbnUgPyAnNDhweCcgOiAnMCd9O1xuICAgICAgICBgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICA8RmxleEJveFxuICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAganVzdGlmeUNlbnRlclxuICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94PlxuICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgd2lkdGg6IDcwcHg7XG4gICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFdhdmVzXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3Nob3dNZW51ID8gKGxhYmVsID8gJzIwcHgnIDogJzQycHgnKSA6IGxhYmVsID8gJy0xMHB4JyA6ICcxM3B4J307XG4gICAgICAgICAgICAgIGFuaW1hdGlvbjogJHt3YXZlfSAwLjhzIGxpbmVhciBpbmZpbml0ZTtcblxuICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3Nob3dNZW51ID8gKGxhYmVsID8gJzEycHgnIDogJzM1cHgnKSA6IGxhYmVsID8gJy0xMHB4JyA6ICcxM3B4J307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubX07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICAgICAgc3R5bGVkQXM9XCJsYWJlbFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
+  }, ___EmotionJSX(FlexBox, {
+    directionColumn: true,
+    justifyCenter: true,
+    itemsCenter: true,
+    css: _ref
+  }, ___EmotionJSX(FlexBox, null, ___EmotionJSX(Ship, {
+    css: /*#__PURE__*/css("width:70px;height:70px;color:", theme.colors.primary.main, ";z-index:5000;animation:", sail, " 0.58s ease-in-out alternate infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvU2hpcExvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURvQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL1NoaXBMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5cbmNvbnN0IHNhaWwgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTNweCk7XG4gIH1cbmBcblxuY29uc3Qgd2F2ZSA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMzBweCk7XG4gIH1cbmBcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGFiZWw/OiBzdHJpbmdcbiAgc2hvd01lbnU/OiBib29sZWFuXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBzaG93TWVudSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICB6LWluZGV4OiA0OTk5O1xuXG4gICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZGlyZWN0aW9uQ29sdW1uXG4gICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICB6LWluZGV4OiA1MDAwO1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcyMHB4JyA6ICc0MnB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdtJylgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcxMnB4JyA6ICczNXB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */")
+  }), ___EmotionJSX(Waves, {
+    css: /*#__PURE__*/css("top:50%;left:50%;width:146px;height:20px;color:", theme.colors.surface.secondary, ";position:fixed;z-index:5001;margin-left:-73px;margin-top:", showMenu ? label ? '20px' : '42px' : label ? '-10px' : '13px', ";animation:", wave, " 0.8s linear infinite;", media.lessThanEqual('m')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                margin-top: ", ";\n            "])), showMenu ? label ? '12px' : '35px' : label ? '-10px' : '13px'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvU2hpcExvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNERvQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL1NoaXBMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5cbmNvbnN0IHNhaWwgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTNweCk7XG4gIH1cbmBcblxuY29uc3Qgd2F2ZSA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMzBweCk7XG4gIH1cbmBcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGFiZWw/OiBzdHJpbmdcbiAgc2hvd01lbnU/OiBib29sZWFuXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBzaG93TWVudSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICB6LWluZGV4OiA0OTk5O1xuXG4gICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZGlyZWN0aW9uQ29sdW1uXG4gICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICB6LWluZGV4OiA1MDAwO1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcyMHB4JyA6ICc0MnB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdtJylgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcxMnB4JyA6ICczNXB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */")
+  })), label && ___EmotionJSX(Text, {
+    css: /*#__PURE__*/css("margin-top:", theme.spacing.m, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvU2hpcExvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0ZvQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL1NoaXBMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5cbmNvbnN0IHNhaWwgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTNweCk7XG4gIH1cbmBcblxuY29uc3Qgd2F2ZSA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMzBweCk7XG4gIH1cbmBcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGFiZWw/OiBzdHJpbmdcbiAgc2hvd01lbnU/OiBib29sZWFuXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBzaG93TWVudSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICB6LWluZGV4OiA0OTk5O1xuXG4gICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZGlyZWN0aW9uQ29sdW1uXG4gICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICB6LWluZGV4OiA1MDAwO1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcyMHB4JyA6ICc0MnB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdtJylgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcxMnB4JyA6ICczNXB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */"),
+    as: "div",
+    styledAs: "label"
+  }, label)));
+};
+
+export default DfdsLoader;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Shared react components within DFDS",
   "license": "MIT",
   "private": false,
-  "version": "0.9.8-alpha.eab0d952",
+  "version": "0.9.9-alpha.8b9bb3de",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -18,13 +18,13 @@
     "react-select": "^4.0.0"
   },
   "dependencies": {
-    "@dfds-ui/colors": "0.9.8-alpha.eab0d952",
-    "@dfds-ui/fonts": "0.9.8-alpha.eab0d952",
-    "@dfds-ui/hooks": "0.9.8-alpha.eab0d952",
-    "@dfds-ui/icons": "0.9.8-alpha.eab0d952",
-    "@dfds-ui/spacing": "0.9.8-alpha.eab0d952",
-    "@dfds-ui/theme": "0.9.8-alpha.eab0d952",
-    "@dfds-ui/typography": "0.9.8-alpha.eab0d952",
+    "@dfds-ui/colors": "0.9.9-alpha.8b9bb3de",
+    "@dfds-ui/fonts": "0.9.9-alpha.8b9bb3de",
+    "@dfds-ui/hooks": "0.9.9-alpha.8b9bb3de",
+    "@dfds-ui/icons": "0.9.9-alpha.8b9bb3de",
+    "@dfds-ui/spacing": "0.9.9-alpha.8b9bb3de",
+    "@dfds-ui/theme": "0.9.9-alpha.8b9bb3de",
+    "@dfds-ui/typography": "0.9.9-alpha.8b9bb3de",
     "@kunukn/react-collapse": "^2.2.9",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "4.0.0-alpha.60",
@@ -34,7 +34,7 @@
     "react-hook-intersection-observer": "^0.1.0",
     "uuid": "^3.3.2"
   },
-  "gitHead": "eab0d952c3b1fb3f4e87c5ebca3fd972c56df0da",
+  "gitHead": "8b9bb3de524bb593e0505c00bcd15c2e81b73841",
   "publishConfig": {
     "access": "public"
   }

package/pagination/Pagination.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+declare type Option = {
+    disabled?: boolean;
+    label: string;
+    value: number;
+};
+export declare type PaginationProps = {
+    /**
+     * The current page.
+     */
+    currentPage?: number;
+    /**
+     * The current offset
+     */
+    offset?: number;
+    /**
+     * Callback when the page is changed.
+     */
+    onChangePageLimit?: (e: any) => void;
+    /**
+     * Callback when the page is changed.
+     */
+    onPageChange?: (event: React.ChangeEvent<unknown>, page: number) => void;
+    /**
+     * Options passed to the PageLimitSelector
+     */
+    options?: Option[] | null;
+    /**
+     * Number of records per page.
+     */
+    pageLimit: number;
+    /**
+     * Total number of records.
+     */
+    totalRecords: number;
+    /**
+     * Returns the content of the overview.
+     *
+     * Use this if you need to localize the overview being rendered.
+     */
+    renderOverview?: (rangeShown: string, totalRecords: number) => React.ReactNode;
+};
+export declare const Pagination: ({ currentPage, offset, onChangePageLimit, onPageChange, options, pageLimit, totalRecords, renderOverview, }: PaginationProps) => JSX.Element;
+export default Pagination;

package/pagination/Pagination.js

@@ -0,0 +1,120 @@
+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 { css } from '@emotion/react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var defaultOverview = function defaultOverview(rangeShown, totalRecords) {
+  return "Showing ".concat(rangeShown, " of ").concat(totalRecords);
+};
+
+var 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 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "mu1x3s",
+  styles: "align-items:center;display:flex;justify-content:space-between;width:100%"
+} : {
+  name: "dsnjin-Pagination",
+  styles: "align-items:center;display:flex;justify-content:space-between;width:100%;label:Pagination;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Ib0IiLCJmaWxlIjoiLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7IHBhZ2luYXRpb25JdGVtU3R5bGVzLCB3cmFwcGVyU3R5bGVzIH0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2xhYidcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e3sgd2lkdGg6ICcxNTBweCcgfX1cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCI+e3JlbmRlck92ZXJ2aWV3KHJhbmdlU2hvd24sIHRvdGFsUmVjb3Jkcyl9PC9UZXh0PlxuICAgICAgICAgICAgPE1hdGVyaWFsUGFnaW5hdGlvblxuICAgICAgICAgICAgICBjb3VudD17dG90YWxQYWdlc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uUGFnZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgICAgICAgIHJlbmRlckl0ZW09e1BhZ2luYXRpb25JdGVtfVxuICAgICAgICAgICAgICBzaG93Rmlyc3RCdXR0b25cbiAgICAgICAgICAgICAgc2hvd0xhc3RCdXR0b25cbiAgICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvPlxuICAgICAgKSA6IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFRleHQgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIj57cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX08L1RleHQ+XG4gICAgICAgICAgICB7UGFnZUxpbWl0U2VsZWN0b3J9XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPE1hdGVyaWFsUGFnaW5hdGlvblxuICAgICAgICAgICAgICBib3VuZGFyeUNvdW50PXsxfVxuICAgICAgICAgICAgICBjb3VudD17dG90YWxQYWdlc31cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e29uUGFnZUNoYW5nZX1cbiAgICAgICAgICAgICAgcGFnZT17Y3VycmVudFBhZ2V9XG4gICAgICAgICAgICAgIHJlbmRlckl0ZW09e1BhZ2luYXRpb25JdGVtfVxuICAgICAgICAgICAgICBzaWJsaW5nQ291bnQ9ezB9XG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgUGFnaW5hdGlvblxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref5 = 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= */",
+  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;
+
+  var _useBreakpoint = useBreakpoint(),
+      greaterThan = _useBreakpoint.greaterThan;
+
+  var totalPages = Math.ceil(totalRecords / pageLimit);
+  var rangeShown = totalRecords === 1 ? String(totalRecords) : "".concat(totalRecords === 0 ? totalRecords : offset + 1, "-").concat(pageLimit + offset > totalRecords ? totalRecords : pageLimit + offset);
+
+  var currentPageLimit = function currentPageLimit() {
+    var option = options === null || options === void 0 ? void 0 : options.find(function (option) {
+      return option.value === pageLimit;
+    });
+    return option;
+  };
+
+  var PageLimitSelector = ___EmotionJSX(ReactSelect, {
+    onChange: onChangePageLimit,
+    options: options,
+    size: "small",
+    value: currentPageLimit(),
+    css: _ref5,
+    menuPlacement: "auto"
+  });
+
+  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"
+  }), 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"
+  }))));
+};
+export default Pagination;

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

@@ -0,0 +1,8 @@
+var _templateObject;
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import { theme, media } from '@dfds-ui/theme';
+import { css } from '@emotion/react';
+export var paginationItemStyles = /*#__PURE__*/css("&&{&:hover,&.Mui-selected:hover{background-color:rgba(73, 162, 223, 0.08);}&:focus,&.Mui-selected,&.Mui-selected:focus{background-color:rgba(73, 162, 223, 0.12);}&.MuiPaginationItem-sizeLarge{border-radius:0;}&.MuiPaginationItem-root:hover>.MuiPaginationItem-icon,.MuiPaginationItem-root:focus>.MuiPaginationItem-icon{color:", theme.colors.secondary.main, ";}&.MuiPaginationItem-root:active>.MuiPaginationItem-icon{color:", theme.colors.secondary.dark, ";}&.MuiPaginationItem-root .MuiTouchRipple-root{display:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:paginationItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUsIG1lZGlhIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IHBhZ2luYXRpb25JdGVtU3R5bGVzID0gY3NzYFxuICAmJiB7XG4gICAgJjpob3ZlcixcbiAgICAmLk11aS1zZWxlY3RlZDpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgfVxuXG4gICAgJjpmb2N1cyxcbiAgICAmLk11aS1zZWxlY3RlZCxcbiAgICAmLk11aS1zZWxlY3RlZDpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xMik7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1zaXplTGFyZ2Uge1xuICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICB9XG5cbiAgICAmLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6aG92ZXIgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbixcbiAgICAuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDpmb2N1cyA+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmFjdGl2ZSA+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290IC5NdWlUb3VjaFJpcHBsZS1yb290IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGVzID0gY3NzYFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG4iXX0= */");
+export var wrapperStyles = /*#__PURE__*/css("align-items:center;background-color:white;display:flex;justify-content:space-between;width:100%;", media.lessThan('l')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex-direction: column;\n    justify-content: center;\n  "]))), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2dDIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG4gICR7bWVkaWEubGVzc1RoYW4oJ2wnKWBcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBgfVxuYFxuIl19 */");

package/pagination/index.d.ts

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

package/pagination/index.js

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