@dfds-ui/react-components 2.2.0-alpha.938dc7f0 → 2.2.0-alpha.97554408

package/nav-bar/index.d.ts

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

package/nav-bar/index.js

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

package/nav-menu/NavMenuItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type NavMenuItemProps = {
+    isActive?: boolean;
+    leftIcon?: React.ElementType;
+    rightIcon?: React.ElementType;
+    as?: React.ElementType;
+    children: React.ReactNode;
+};
+declare const NavMenuItem: React.FunctionComponent<NavMenuItemProps>;
+export default NavMenuItem;

package/nav-menu/NavMenuItem.js

@@ -0,0 +1,46 @@
+import _styled from "@emotion/styled/base";
+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 } from '@emotion/react';
+import { theme } from '@dfds-ui/theme';
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+var Item = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production" ? {
+  target: "e1mnqrsr0"
+} : {
+  target: "e1mnqrsr0",
+  label: "Item"
+})("display:flex;font-weight:bold;padding:15px;flex:1;background-color:", function (_ref2) {
+  var isActive = _ref2.isActive;
+  return isActive ? theme.colors.secondary.light : theme.colors.surface.primary;
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWlEIiwiZmlsZSI6Ii4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBOYXZNZW51SXRlbVByb3BzID0ge1xuICBpc0FjdGl2ZT86IGJvb2xlYW5cbiAgbGVmdEljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICByaWdodEljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgSXRlbSA9IHN0eWxlZC5saTxQYXJ0aWFsPE5hdk1lbnVJdGVtUHJvcHM+PmBcbiAgZGlzcGxheTogZmxleDtcbiAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIHBhZGRpbmc6IDE1cHg7XG4gIGZsZXg6IDE7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5saWdodCA6IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnkpfTtcbmBcblxuY29uc3QgTmF2TWVudUl0ZW06IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PE5hdk1lbnVJdGVtUHJvcHM+ID0gKHtcbiAgaXNBY3RpdmUgPSBmYWxzZSxcbiAgbGVmdEljb246IExlZnQsXG4gIHJpZ2h0SWNvbjogUmlnaHQsXG4gIGFzID0gJ2xpJyxcbiAgY2hpbGRyZW4sXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEl0ZW0gYXM9e2FzfSB0YWJJbmRleD17MH0gaXNBY3RpdmU9e2lzQWN0aXZlfT5cbiAgICAgIHtMZWZ0ICYmIChcbiAgICAgICAgPExlZnRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgMTBweCAwIDVweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxzcGFuXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXg6IDE7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvc3Bhbj5cbiAgICAgIHtSaWdodCAmJiAoXG4gICAgICAgIDxSaWdodFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICAgIG1hcmdpbjogMCA1cHggMCAxMHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvSXRlbT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBOYXZNZW51SXRlbVxuIl19 */"));
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "82a6rk",
+  styles: "flex:1"
+} : {
+  name: "4eba75-NavMenuItem",
+  styles: "flex:1;label:NavMenuItem;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNnQiIsImZpbGUiOiIuLi8uLi9zcmMvbmF2LW1lbnUvTmF2TWVudUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgTmF2TWVudUl0ZW1Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG4gIGxlZnRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgcmlnaHRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSBzdHlsZWQubGk8UGFydGlhbDxOYXZNZW51SXRlbVByb3BzPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAxNXB4O1xuICBmbGV4OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG5gXG5cbmNvbnN0IE5hdk1lbnVJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZNZW51SXRlbVByb3BzPiA9ICh7XG4gIGlzQWN0aXZlID0gZmFsc2UsXG4gIGxlZnRJY29uOiBMZWZ0LFxuICByaWdodEljb246IFJpZ2h0LFxuICBhcyA9ICdsaScsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtIGFzPXthc30gdGFiSW5kZXg9ezB9IGlzQWN0aXZlPXtpc0FjdGl2ZX0+XG4gICAgICB7TGVmdCAmJiAoXG4gICAgICAgIDxMZWZ0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgICAgbWFyZ2luOiAwIDEwcHggMCA1cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICB7UmlnaHQgJiYgKFxuICAgICAgICA8UmlnaHRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgNXB4IDAgMTBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2TWVudUl0ZW1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var NavMenuItem = function NavMenuItem(_ref3) {
+  var _ref3$isActive = _ref3.isActive,
+    isActive = _ref3$isActive === void 0 ? false : _ref3$isActive,
+    Left = _ref3.leftIcon,
+    Right = _ref3.rightIcon,
+    _ref3$as = _ref3.as,
+    as = _ref3$as === void 0 ? 'li' : _ref3$as,
+    children = _ref3.children;
+  return _jsxs(Item, {
+    as: as,
+    tabIndex: 0,
+    isActive: isActive,
+    children: [Left && _jsx(Left, {
+      css: /*#__PURE__*/css("color:", theme.colors.secondary.main, ";margin:0 10px 0 5px;" + (process.env.NODE_ENV === "production" ? "" : ";label:NavMenuItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NrQiIsImZpbGUiOiIuLi8uLi9zcmMvbmF2LW1lbnUvTmF2TWVudUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgTmF2TWVudUl0ZW1Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG4gIGxlZnRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgcmlnaHRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSBzdHlsZWQubGk8UGFydGlhbDxOYXZNZW51SXRlbVByb3BzPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAxNXB4O1xuICBmbGV4OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG5gXG5cbmNvbnN0IE5hdk1lbnVJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZNZW51SXRlbVByb3BzPiA9ICh7XG4gIGlzQWN0aXZlID0gZmFsc2UsXG4gIGxlZnRJY29uOiBMZWZ0LFxuICByaWdodEljb246IFJpZ2h0LFxuICBhcyA9ICdsaScsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtIGFzPXthc30gdGFiSW5kZXg9ezB9IGlzQWN0aXZlPXtpc0FjdGl2ZX0+XG4gICAgICB7TGVmdCAmJiAoXG4gICAgICAgIDxMZWZ0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgICAgbWFyZ2luOiAwIDEwcHggMCA1cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICB7UmlnaHQgJiYgKFxuICAgICAgICA8UmlnaHRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgNXB4IDAgMTBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2TWVudUl0ZW1cbiJdfQ== */")
+    }), _jsx("span", {
+      css: _ref,
+      children: children
+    }), Right && _jsx(Right, {
+      css: /*#__PURE__*/css("color:", theme.colors.secondary.main, ";margin:0 5px 0 10px;" + (process.env.NODE_ENV === "production" ? "" : ";label:NavMenuItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NrQiIsImZpbGUiOiIuLi8uLi9zcmMvbmF2LW1lbnUvTmF2TWVudUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgTmF2TWVudUl0ZW1Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG4gIGxlZnRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgcmlnaHRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSBzdHlsZWQubGk8UGFydGlhbDxOYXZNZW51SXRlbVByb3BzPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAxNXB4O1xuICBmbGV4OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG5gXG5cbmNvbnN0IE5hdk1lbnVJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZNZW51SXRlbVByb3BzPiA9ICh7XG4gIGlzQWN0aXZlID0gZmFsc2UsXG4gIGxlZnRJY29uOiBMZWZ0LFxuICByaWdodEljb246IFJpZ2h0LFxuICBhcyA9ICdsaScsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtIGFzPXthc30gdGFiSW5kZXg9ezB9IGlzQWN0aXZlPXtpc0FjdGl2ZX0+XG4gICAgICB7TGVmdCAmJiAoXG4gICAgICAgIDxMZWZ0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgICAgbWFyZ2luOiAwIDEwcHggMCA1cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICB7UmlnaHQgJiYgKFxuICAgICAgICA8UmlnaHRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgNXB4IDAgMTBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2TWVudUl0ZW1cbiJdfQ== */")
+    })]
+  });
+};
+export default NavMenuItem;

package/nav-menu/index.d.ts

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

package/nav-menu/index.js

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

package/package.json

@@ -3,40 +3,37 @@
   "description": "Shared react components within DFDS",
   "license": "MIT",
   "private": false,
-  "version": "2.2.0-alpha.938dc7f0",
+  "version": "2.2.0-alpha.97554408",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
   "esnext": "./index.js",
   "typings": "./index.d.ts",
   "peerDependencies": {
-    "@emotion/react": "11.11.4",
-    "@emotion/styled": "11.11.5",
-    "react": ">= 17.0.2",
-    "react-dates": ">= 20.0.0",
-    "react-dom": ">= 17.0.2",
-    "react-select": "^4.0.0"
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.1",
+    "react": ">= 18.3.1",
+    "react-dom": ">= 18.3.1",
+    "react-select": "^5.10.2"
   },
   "dependencies": {
-    "@dfds-ui/colors": "2.2.0-alpha.938dc7f0",
-    "@dfds-ui/fonts": "2.2.0-alpha.938dc7f0",
-    "@dfds-ui/hooks": "2.2.0-alpha.938dc7f0",
-    "@dfds-ui/icons": "2.2.0-alpha.938dc7f0",
-    "@dfds-ui/spacing": "2.2.0-alpha.938dc7f0",
-    "@dfds-ui/theme": "2.2.0-alpha.938dc7f0",
-    "@dfds-ui/typography": "2.2.0-alpha.938dc7f0",
-    "@kunukn/react-collapse": "^2.2.9",
-    "@mui/base": "^5.0.0-alpha.102",
-    "@mui/material": "^9.0.1",
-    "@mui/styles": "^6.4.8",
-    "@mui/system": "^9.0.1",
+    "@dfds-ui/colors": "2.2.0-alpha.97554408",
+    "@dfds-ui/fonts": "2.2.0-alpha.97554408",
+    "@dfds-ui/hooks": "2.2.0-alpha.97554408",
+    "@dfds-ui/icons": "2.2.0-alpha.97554408",
+    "@dfds-ui/spacing": "2.2.0-alpha.97554408",
+    "@dfds-ui/theme": "2.2.0-alpha.97554408",
+    "@dfds-ui/typography": "2.2.0-alpha.97554408",
+    "@kunukn/react-collapse": "^3.0.15",
+    "@mui/material": "^7.3.11",
+    "@mui/system": "^7.3.11",
     "@tippyjs/react": "^4.2.6",
-    "classnames": "^2.3.2",
+    "classnames": "^2.5.1",
     "humps": "^2.0.1",
     "react-hook-intersection-observer": "^0.1.0",
-    "uuid": "^9.0.0"
+    "uuid": "^14.0.0"
   },
-  "gitHead": "938dc7f0814c04c1996b0be44a5b5ec5a0306d51",
+  "gitHead": "975544081c9b6bc406c005e9794af64a88d57102",
   "publishConfig": {
     "access": "public"
   }

package/pagination/Pagination.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+type Option = {
+    disabled?: boolean;
+    label: string;
+    value: number;
+};
+export 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) => React.JSX.Element;
+export default Pagination;

package/pagination/Pagination.js

@@ -0,0 +1,118 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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 { PageLimitStyles, PageLimitWrapperStyles, PageOverviewStyles, paginationItemStyles, TextStyles, wrapperStyles } from './Pagination.styles';
+import { Pagination as MaterialPagination, PaginationItem as MaterialPaginationItem } from '@mui/material';
+import { css } from '@emotion/react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+var defaultOverview = function defaultOverview(rangeShown, totalRecords) {
+  return "Showing ".concat(rangeShown, " of ").concat(totalRecords);
+};
+var PaginationItem = function PaginationItem(_ref3) {
+  var item = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
+  return _jsx(MaterialPaginationItem, _objectSpread({
+    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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlJb0IiLCJmaWxlIjoiLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7XG4gIFBhZ2VMaW1pdFN0eWxlcyxcbiAgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyxcbiAgUGFnZU92ZXJ2aWV3U3R5bGVzLFxuICBwYWdpbmF0aW9uSXRlbVN0eWxlcyxcbiAgVGV4dFN0eWxlcyxcbiAgd3JhcHBlclN0eWxlcyxcbn0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e1BhZ2VMaW1pdFN0eWxlc31cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgY3NzPXtQYWdlT3ZlcnZpZXdTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2hvd0ZpcnN0QnV0dG9uXG4gICAgICAgICAgICAgIHNob3dMYXN0QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPGRpdiBjc3M9e1BhZ2VMaW1pdFdyYXBwZXJTdHlsZXN9PntQYWdlTGltaXRTZWxlY3Rvcn08L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBjc3M9e1RleHRTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgYm91bmRhcnlDb3VudD17MX1cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2libGluZ0NvdW50PXswfVxuICAgICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
+  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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRIb0IiLCJmaWxlIjoiLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7XG4gIFBhZ2VMaW1pdFN0eWxlcyxcbiAgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyxcbiAgUGFnZU92ZXJ2aWV3U3R5bGVzLFxuICBwYWdpbmF0aW9uSXRlbVN0eWxlcyxcbiAgVGV4dFN0eWxlcyxcbiAgd3JhcHBlclN0eWxlcyxcbn0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e1BhZ2VMaW1pdFN0eWxlc31cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgY3NzPXtQYWdlT3ZlcnZpZXdTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2hvd0ZpcnN0QnV0dG9uXG4gICAgICAgICAgICAgIHNob3dMYXN0QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPGRpdiBjc3M9e1BhZ2VMaW1pdFdyYXBwZXJTdHlsZXN9PntQYWdlTGltaXRTZWxlY3Rvcn08L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBjc3M9e1RleHRTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgYm91bmRhcnlDb3VudD17MX1cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2libGluZ0NvdW50PXswfVxuICAgICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
+  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 = _jsx(ReactSelect, {
+    onChange: onChangePageLimit,
+    options: options,
+    size: "small",
+    value: currentPageLimit(),
+    css: PageLimitStyles,
+    menuPlacement: "auto"
+  });
+  return _jsx(_Fragment, {
+    children: greaterThan('l') ? _jsx(_Fragment, {
+      children: _jsxs("div", {
+        css: wrapperStyles,
+        children: [_jsx(Text, {
+          css: PageOverviewStyles,
+          styledAs: "bodyInterface",
+          children: renderOverview(rangeShown, totalRecords)
+        }), _jsx(MaterialPagination, {
+          count: totalPages,
+          onChange: onPageChange,
+          page: currentPage,
+          renderItem: PaginationItem,
+          showFirstButton: true,
+          showLastButton: true,
+          size: "large"
+        }), _jsx("div", {
+          css: PageLimitWrapperStyles,
+          children: PageLimitSelector
+        })]
+      })
+    }) : _jsxs(_Fragment, {
+      children: [_jsxs("div", {
+        css: _ref2,
+        children: [_jsx(Text, {
+          css: TextStyles,
+          styledAs: "bodyInterfaceSmall",
+          children: renderOverview(rangeShown, totalRecords)
+        }), PageLimitSelector]
+      }), _jsx("div", {
+        css: _ref,
+        children: _jsx(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,6 @@
+export declare const paginationItemStyles: import("@emotion/utils").SerializedStyles;
+export declare const wrapperStyles: import("@emotion/utils").SerializedStyles;
+export declare const TextStyles: import("@emotion/utils").SerializedStyles;
+export declare const PageOverviewStyles: import("@emotion/utils").SerializedStyles;
+export declare const PageLimitStyles: import("@emotion/utils").SerializedStyles;
+export declare const PageLimitWrapperStyles: import("@emotion/utils").SerializedStyles;

package/pagination/Pagination.styles.js

@@ -0,0 +1,19 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+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 { 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+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290IC5NdWlUb3VjaFJpcHBsZS1yb290IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGVzID0gY3NzYFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcblxuICAke21lZGlhLmxlc3NUaGFuKCdsJylgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYH1cbmBcblxuZXhwb3J0IGNvbnN0IFRleHRTdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgcGFnZUxpbWl0V2lkdGggPSAnMTUwcHgnXG5cbmV4cG9ydCBjb25zdCBQYWdlT3ZlcnZpZXdTdHlsZXMgPSBjc3NgXG4gICR7VGV4dFN0eWxlc31cbiAgZmxleC1ncm93OiAxO1xuICBtaW4td2lkdGg6ICR7cGFnZUxpbWl0V2lkdGh9O1xuYFxuXG5leHBvcnQgY29uc3QgUGFnZUxpbWl0U3R5bGVzID0gY3NzYFxuICBtaW4td2lkdGg6ICR7cGFnZUxpbWl0V2lkdGh9O1xuYFxuXG5leHBvcnQgY29uc3QgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcbiJdfQ== */");
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2dDIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
+export var TextStyles = process.env.NODE_ENV === "production" ? {
+  name: "ti75j2",
+  styles: "margin:0"
+} : {
+  name: "1rtv2aa-TextStyles",
+  styles: "margin:0;label:TextStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDZCIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var pageLimitWidth = '150px';
+export var PageOverviewStyles = /*#__PURE__*/css(TextStyles, " flex-grow:1;min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageOverviewStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRHFDIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
+export var PageLimitStyles = /*#__PURE__*/css("min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageLimitStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RGtDIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
+export var PageLimitWrapperStyles = /*#__PURE__*/css("display:flex;flex-grow:1;justify-content:end;min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageLimitWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRXlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");

package/pagination/index.d.ts

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

package/pagination/index.js

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

package/popper/Popper.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { PopperProps, PopperPlacementType } from '@mui/material';
+export type PopperBaseProps = {
+    open?: boolean;
+    children: React.ReactElement<any> | 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) => React.JSX.Element;
+type PopperComponentProps = {
+    setAnchorEl: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+} & Omit<PopperBaseProps, 'onClickAway'>;
+declare const Popper: ({ children, anchorEl, id, setAnchorEl, placement, popperRef, ...rest }: PopperComponentProps) => React.JSX.Element;
+export default Popper;

package/popper/Popper.js

@@ -0,0 +1,77 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["open", "children", "anchorEl", "id", "placement", "onClickAway", "className", "noMaxWidthRestriction"],
+  _excluded2 = ["children", "anchorEl", "id", "setAnchorEl", "placement", "popperRef"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+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 { Popper as MaterialPopper, ClickAwayListener } from '@mui/material';
+import { theme } from '@dfds-ui/theme';
+import { css } from '@emotion/react';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "qhxz92",
+  styles: "max-width:100%"
+} : {
+  name: "h02qvt-PopperBase",
+  styles: "max-width:100%;label:PopperBase;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wb3BwZXIvUG9wcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRFciLCJmaWxlIjoiLi4vLi4vc3JjL3BvcHBlci9Qb3BwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wcGVyIGFzIE1hdGVyaWFsUG9wcGVyLCBQb3BwZXJQcm9wcywgUG9wcGVyUGxhY2VtZW50VHlwZSwgQ2xpY2tBd2F5TGlzdGVuZXIgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBQb3BwZXJCYXNlUHJvcHMgPSB7XG4gIG9wZW4/OiBib29sZWFuXG4gIC8vIFRPRE86IENvbnNpZGVyIGNoYW5naW5nIHRoZSB0eXBlIHRvIFJlYWN0LlJlYWN0Tm9kZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3RFbGVtZW50PGFueT4gfCBzdHJpbmdcbiAgYW5jaG9yRWw/OiBhbnlcbiAgaWQ/OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogUG9wcGVyUGxhY2VtZW50VHlwZVxuICBkaXNhYmxlUG9ydGFsPzogUG9wcGVyUHJvcHNbJ2Rpc2FibGVQb3J0YWwnXVxuICAvKipcbiAgICogQnkgZGVmYXVsdCB0aGUgbWF4LXdpZHRoIHdpbGwgYmUgc2V0IHRvIDEwMCUuIFRoaXMgd2lsbCBhbGxvdyBmb3IgY2hpbGQgZWxlbWVudHMgdG8gaGF2ZSBhIHdpZHRoIG9mIDEwMHZ3IGFuZCBhbHNvXG4gICAqIGEgbWF4LXdpZHRoIG9mIDEwMCUgc28gaXQgd2lsbCBub3QgYmUgb3ZlcmZsb3dpbmcgdGhlIHBvdGVudGlhbCB2ZXJ0aWNhbCBzY3JvbGxiYXJzLlxuICAgKlxuICAgKiBZb3UgY2FuIGRpc2FibGUgdGhpcyBieSBzZXR0aW5nIGBub01heFdpZHRoUmVzdHJpY3Rpb25gIHRvIGBmYWxzZWBcbiAgICovXG4gIG5vTWF4V2lkdGhSZXN0cmljdGlvbj86IGJvb2xlYW5cbiAgcm9sZT86IHN0cmluZ1xuICBvbkNsaWNrQXdheT86IChlOiBhbnkpID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHN0eWxlPzogUG9wcGVyUHJvcHNbJ3N0eWxlJ11cbiAgcG9wcGVyUmVmPzogUG9wcGVyUHJvcHNbJ3BvcHBlclJlZiddXG4gIG1vZGlmaWVycz86IFBvcHBlclByb3BzWydtb2RpZmllcnMnXVxufVxuXG5leHBvcnQgY29uc3QgUG9wcGVyQmFzZSA9ICh7XG4gIG9wZW4gPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG4gIGFuY2hvckVsLFxuICBpZCxcbiAgcGxhY2VtZW50LFxuICBvbkNsaWNrQXdheSxcbiAgY2xhc3NOYW1lLFxuICBub01heFdpZHRoUmVzdHJpY3Rpb24gPSBmYWxzZSxcbiAgLi4ucmVzdFxufTogUG9wcGVyQmFzZVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE1hdGVyaWFsUG9wcGVyXG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGFuY2hvckVsPXthbmNob3JFbH1cbiAgICAgIGNzcz17XG4gICAgICAgICFub01heFdpZHRoUmVzdHJpY3Rpb24gJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPENsaWNrQXdheUxpc3RlbmVyXG4gICAgICAgIG9uQ2xpY2tBd2F5PXsoZSkgPT4ge1xuICAgICAgICAgIG9uQ2xpY2tBd2F5ICYmIG9uQ2xpY2tBd2F5KGUpXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgPC9DbGlja0F3YXlMaXN0ZW5lcj5cbiAgICA8L01hdGVyaWFsUG9wcGVyPlxuICApXG59XG5cbnR5cGUgUG9wcGVyQ29tcG9uZW50UHJvcHMgPSB7XG4gIHNldEFuY2hvckVsOiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxIVE1MRWxlbWVudCB8IG51bGw+PlxufSAmIE9taXQ8UG9wcGVyQmFzZVByb3BzLCAnb25DbGlja0F3YXknPlxuXG5jb25zdCBQb3BwZXIgPSAoeyBjaGlsZHJlbiwgYW5jaG9yRWwsIGlkLCBzZXRBbmNob3JFbCwgcGxhY2VtZW50LCBwb3BwZXJSZWYsIC4uLnJlc3QgfTogUG9wcGVyQ29tcG9uZW50UHJvcHMpID0+IHtcbiAgY29uc3Qgb3BlbiA9IEJvb2xlYW4oYW5jaG9yRWwpXG5cbiAgcmV0dXJuIChcbiAgICA8UG9wcGVyQmFzZVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBpZD17aWR9XG4gICAgICBvcGVuPXtvcGVufVxuICAgICAgYW5jaG9yRWw9e2FuY2hvckVsfVxuICAgICAgey4uLnJlc3R9XG4gICAgICBvbkNsaWNrQXdheT17KCkgPT4gc2V0QW5jaG9yRWwobnVsbCl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bMTZdfTtcbiAgICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Qb3BwZXJCYXNlPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBvcHBlclxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var PopperBase = function PopperBase(_ref2) {
+  var _ref2$open = _ref2.open,
+    open = _ref2$open === void 0 ? false : _ref2$open,
+    children = _ref2.children,
+    anchorEl = _ref2.anchorEl,
+    id = _ref2.id,
+    placement = _ref2.placement,
+    _onClickAway = _ref2.onClickAway,
+    className = _ref2.className,
+    _ref2$noMaxWidthRestr = _ref2.noMaxWidthRestriction,
+    noMaxWidthRestriction = _ref2$noMaxWidthRestr === void 0 ? false : _ref2$noMaxWidthRestr,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  return _jsx(MaterialPopper, _objectSpread(_objectSpread({
+    placement: placement,
+    id: id,
+    open: open,
+    className: className,
+    anchorEl: anchorEl,
+    css: !noMaxWidthRestriction && _ref
+  }, rest), {}, {
+    children: _jsx(ClickAwayListener, {
+      onClickAway: function onClickAway(e) {
+        _onClickAway && _onClickAway(e);
+      },
+      children: _jsx("div", {
+        children: children
+      })
+    })
+  }));
+};
+var Popper = function Popper(_ref3) {
+  var children = _ref3.children,
+    anchorEl = _ref3.anchorEl,
+    id = _ref3.id,
+    setAnchorEl = _ref3.setAnchorEl,
+    placement = _ref3.placement,
+    popperRef = _ref3.popperRef,
+    rest = _objectWithoutProperties(_ref3, _excluded2);
+  var open = Boolean(anchorEl);
+  return _jsx(PopperBase, _objectSpread(_objectSpread({
+    placement: placement,
+    id: id,
+    open: open,
+    anchorEl: anchorEl
+  }, rest), {}, {
+    onClickAway: function onClickAway() {
+      return setAnchorEl(null);
+    },
+    css: /*#__PURE__*/css("background:", theme.colors.surface.primary, ";box-shadow:", theme.elevation[16], ";padding:", theme.spacing.m, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Popper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wb3BwZXIvUG9wcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRmMiLCJmaWxlIjoiLi4vLi4vc3JjL3BvcHBlci9Qb3BwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wcGVyIGFzIE1hdGVyaWFsUG9wcGVyLCBQb3BwZXJQcm9wcywgUG9wcGVyUGxhY2VtZW50VHlwZSwgQ2xpY2tBd2F5TGlzdGVuZXIgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBQb3BwZXJCYXNlUHJvcHMgPSB7XG4gIG9wZW4/OiBib29sZWFuXG4gIC8vIFRPRE86IENvbnNpZGVyIGNoYW5naW5nIHRoZSB0eXBlIHRvIFJlYWN0LlJlYWN0Tm9kZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3RFbGVtZW50PGFueT4gfCBzdHJpbmdcbiAgYW5jaG9yRWw/OiBhbnlcbiAgaWQ/OiBzdHJpbmdcbiAgcGxhY2VtZW50PzogUG9wcGVyUGxhY2VtZW50VHlwZVxuICBkaXNhYmxlUG9ydGFsPzogUG9wcGVyUHJvcHNbJ2Rpc2FibGVQb3J0YWwnXVxuICAvKipcbiAgICogQnkgZGVmYXVsdCB0aGUgbWF4LXdpZHRoIHdpbGwgYmUgc2V0IHRvIDEwMCUuIFRoaXMgd2lsbCBhbGxvdyBmb3IgY2hpbGQgZWxlbWVudHMgdG8gaGF2ZSBhIHdpZHRoIG9mIDEwMHZ3IGFuZCBhbHNvXG4gICAqIGEgbWF4LXdpZHRoIG9mIDEwMCUgc28gaXQgd2lsbCBub3QgYmUgb3ZlcmZsb3dpbmcgdGhlIHBvdGVudGlhbCB2ZXJ0aWNhbCBzY3JvbGxiYXJzLlxuICAgKlxuICAgKiBZb3UgY2FuIGRpc2FibGUgdGhpcyBieSBzZXR0aW5nIGBub01heFdpZHRoUmVzdHJpY3Rpb25gIHRvIGBmYWxzZWBcbiAgICovXG4gIG5vTWF4V2lkdGhSZXN0cmljdGlvbj86IGJvb2xlYW5cbiAgcm9sZT86IHN0cmluZ1xuICBvbkNsaWNrQXdheT86IChlOiBhbnkpID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHN0eWxlPzogUG9wcGVyUHJvcHNbJ3N0eWxlJ11cbiAgcG9wcGVyUmVmPzogUG9wcGVyUHJvcHNbJ3BvcHBlclJlZiddXG4gIG1vZGlmaWVycz86IFBvcHBlclByb3BzWydtb2RpZmllcnMnXVxufVxuXG5leHBvcnQgY29uc3QgUG9wcGVyQmFzZSA9ICh7XG4gIG9wZW4gPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG4gIGFuY2hvckVsLFxuICBpZCxcbiAgcGxhY2VtZW50LFxuICBvbkNsaWNrQXdheSxcbiAgY2xhc3NOYW1lLFxuICBub01heFdpZHRoUmVzdHJpY3Rpb24gPSBmYWxzZSxcbiAgLi4ucmVzdFxufTogUG9wcGVyQmFzZVByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE1hdGVyaWFsUG9wcGVyXG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGFuY2hvckVsPXthbmNob3JFbH1cbiAgICAgIGNzcz17XG4gICAgICAgICFub01heFdpZHRoUmVzdHJpY3Rpb24gJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPENsaWNrQXdheUxpc3RlbmVyXG4gICAgICAgIG9uQ2xpY2tBd2F5PXsoZSkgPT4ge1xuICAgICAgICAgIG9uQ2xpY2tBd2F5ICYmIG9uQ2xpY2tBd2F5KGUpXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgPC9DbGlja0F3YXlMaXN0ZW5lcj5cbiAgICA8L01hdGVyaWFsUG9wcGVyPlxuICApXG59XG5cbnR5cGUgUG9wcGVyQ29tcG9uZW50UHJvcHMgPSB7XG4gIHNldEFuY2hvckVsOiBSZWFjdC5EaXNwYXRjaDxSZWFjdC5TZXRTdGF0ZUFjdGlvbjxIVE1MRWxlbWVudCB8IG51bGw+PlxufSAmIE9taXQ8UG9wcGVyQmFzZVByb3BzLCAnb25DbGlja0F3YXknPlxuXG5jb25zdCBQb3BwZXIgPSAoeyBjaGlsZHJlbiwgYW5jaG9yRWwsIGlkLCBzZXRBbmNob3JFbCwgcGxhY2VtZW50LCBwb3BwZXJSZWYsIC4uLnJlc3QgfTogUG9wcGVyQ29tcG9uZW50UHJvcHMpID0+IHtcbiAgY29uc3Qgb3BlbiA9IEJvb2xlYW4oYW5jaG9yRWwpXG5cbiAgcmV0dXJuIChcbiAgICA8UG9wcGVyQmFzZVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBpZD17aWR9XG4gICAgICBvcGVuPXtvcGVufVxuICAgICAgYW5jaG9yRWw9e2FuY2hvckVsfVxuICAgICAgey4uLnJlc3R9XG4gICAgICBvbkNsaWNrQXdheT17KCkgPT4gc2V0QW5jaG9yRWwobnVsbCl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5lbGV2YXRpb25bMTZdfTtcbiAgICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Qb3BwZXJCYXNlPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBvcHBlclxuIl19 */"),
+    children: children
+  }));
+};
+export default Popper;

package/popper/index.d.ts

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

package/popper/index.js

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

package/progress-bar/ProgressBar.d.ts

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