@dfds-ui/react-components 2.2.0-alpha.8f6cde13 → 2.2.0-alpha.95047e19

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

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

package/cjs/nav-bar/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  NavBar: true
+};
+Object.defineProperty(exports, "NavBar", {
+  enumerable: true,
+  get: function () {
+    return _NavBar.default;
+  }
+});
+var _NavBar = _interopRequireWildcard(require("./NavBar"));
+Object.keys(_NavBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NavBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _NavBar[key];
+    }
+  });
+});
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/cjs/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/cjs/nav-menu/NavMenuItem.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _theme = require("@dfds-ui/theme");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const Item = /*#__PURE__*/(0, _base.default)("li", process.env.NODE_ENV === "production" ? {
+  target: "e1mnqrsr0"
+} : {
+  target: "e1mnqrsr0",
+  label: "Item"
+})("display:flex;font-weight:bold;padding:15px;flex:1;background-color:", ({
+  isActive
+}) => isActive ? _theme.theme.colors.secondary.light : _theme.theme.colors.surface.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWlEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxudHlwZSBOYXZNZW51SXRlbVByb3BzID0ge1xuICBpc0FjdGl2ZT86IGJvb2xlYW5cbiAgbGVmdEljb24/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbmF2LW1lbnUvTmF2TWVudUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgTmF2TWVudUl0ZW1Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG4gIGxlZnRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgcmlnaHRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSBzdHlsZWQubGk8UGFydGlhbDxOYXZNZW51SXRlbVByb3BzPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAxNXB4O1xuICBmbGV4OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG5gXG5cbmNvbnN0IE5hdk1lbnVJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZNZW51SXRlbVByb3BzPiA9ICh7XG4gIGlzQWN0aXZlID0gZmFsc2UsXG4gIGxlZnRJY29uOiBMZWZ0LFxuICByaWdodEljb246IFJpZ2h0LFxuICBhcyA9ICdsaScsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtIGFzPXthc30gdGFiSW5kZXg9ezB9IGlzQWN0aXZlPXtpc0FjdGl2ZX0+XG4gICAgICB7TGVmdCAmJiAoXG4gICAgICAgIDxMZWZ0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgICAgbWFyZ2luOiAwIDEwcHggMCA1cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICB7UmlnaHQgJiYgKFxuICAgICAgICA8UmlnaHRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgNXB4IDAgMTBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2TWVudUl0ZW1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const NavMenuItem = ({
+  isActive = false,
+  leftIcon: Left,
+  rightIcon: Right,
+  as = 'li',
+  children
+}) => {
+  return (0, _jsxRuntime.jsxs)(Item, {
+    as: as,
+    tabIndex: 0,
+    isActive: isActive,
+    children: [Left && (0, _jsxRuntime.jsx)(Left, {
+      css: /*#__PURE__*/(0, _react2.css)("color:", _theme.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbmF2LW1lbnUvTmF2TWVudUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgTmF2TWVudUl0ZW1Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG4gIGxlZnRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgcmlnaHRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSBzdHlsZWQubGk8UGFydGlhbDxOYXZNZW51SXRlbVByb3BzPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAxNXB4O1xuICBmbGV4OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG5gXG5cbmNvbnN0IE5hdk1lbnVJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZNZW51SXRlbVByb3BzPiA9ICh7XG4gIGlzQWN0aXZlID0gZmFsc2UsXG4gIGxlZnRJY29uOiBMZWZ0LFxuICByaWdodEljb246IFJpZ2h0LFxuICBhcyA9ICdsaScsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtIGFzPXthc30gdGFiSW5kZXg9ezB9IGlzQWN0aXZlPXtpc0FjdGl2ZX0+XG4gICAgICB7TGVmdCAmJiAoXG4gICAgICAgIDxMZWZ0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgICAgbWFyZ2luOiAwIDEwcHggMCA1cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICB7UmlnaHQgJiYgKFxuICAgICAgICA8UmlnaHRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgNXB4IDAgMTBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2TWVudUl0ZW1cbiJdfQ== */")
+    }), (0, _jsxRuntime.jsx)("span", {
+      css: _ref,
+      children: children
+    }), Right && (0, _jsxRuntime.jsx)(Right, {
+      css: /*#__PURE__*/(0, _react2.css)("color:", _theme.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9uYXYtbWVudS9OYXZNZW51SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbmF2LW1lbnUvTmF2TWVudUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgTmF2TWVudUl0ZW1Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuXG4gIGxlZnRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgcmlnaHRJY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSBzdHlsZWQubGk8UGFydGlhbDxOYXZNZW51SXRlbVByb3BzPj5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuICBwYWRkaW5nOiAxNXB4O1xuICBmbGV4OiAxO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubGlnaHQgOiB0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5KX07XG5gXG5cbmNvbnN0IE5hdk1lbnVJdGVtOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZNZW51SXRlbVByb3BzPiA9ICh7XG4gIGlzQWN0aXZlID0gZmFsc2UsXG4gIGxlZnRJY29uOiBMZWZ0LFxuICByaWdodEljb246IFJpZ2h0LFxuICBhcyA9ICdsaScsXG4gIGNoaWxkcmVuLFxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtIGFzPXthc30gdGFiSW5kZXg9ezB9IGlzQWN0aXZlPXtpc0FjdGl2ZX0+XG4gICAgICB7TGVmdCAmJiAoXG4gICAgICAgIDxMZWZ0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICAgICAgbWFyZ2luOiAwIDEwcHggMCA1cHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgICB7UmlnaHQgJiYgKFxuICAgICAgICA8UmlnaHRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgICBtYXJnaW46IDAgNXB4IDAgMTBweDtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L0l0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2TWVudUl0ZW1cbiJdfQ== */")
+    })]
+  });
+};
+var _default = exports.default = NavMenuItem;

package/cjs/nav-menu/index.d.ts

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

package/cjs/nav-menu/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NavMenuItem", {
+  enumerable: true,
+  get: function () {
+    return _NavMenuItem.default;
+  }
+});
+var _NavMenuItem = _interopRequireDefault(require("./NavMenuItem"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Pagination = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _theme = require("@dfds-ui/theme");
+var _typography = require("@dfds-ui/typography");
+var _ReactSelect = _interopRequireDefault(require("../forms/reactselect/ReactSelect"));
+var _Pagination = require("./Pagination.styles");
+var _material = require("@mui/material");
+var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const defaultOverview = (rangeShown, totalRecords) => `Showing ${rangeShown} of ${totalRecords}`;
+const PaginationItem = ({
+  ...item
+}) => {
+  return (0, _jsxRuntime.jsx)(_material.PaginationItem, {
+    css: _Pagination.paginationItemStyles,
+    ...item
+  });
+};
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "e3viwr",
+  styles: "display:flex;justify-content:center;width:100%"
+} : {
+  name: "1efb196-Pagination",
+  styles: "display:flex;justify-content:center;width:100%;label:Pagination;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlJb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7XG4gIFBhZ2VMaW1pdFN0eWxlcyxcbiAgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyxcbiAgUGFnZU92ZXJ2aWV3U3R5bGVzLFxuICBwYWdpbmF0aW9uSXRlbVN0eWxlcyxcbiAgVGV4dFN0eWxlcyxcbiAgd3JhcHBlclN0eWxlcyxcbn0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRIb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCBSZWFjdFNlbGVjdCBmcm9tICcuLi9mb3Jtcy9yZWFjdHNlbGVjdC9SZWFjdFNlbGVjdCdcbmltcG9ydCB7XG4gIFBhZ2VMaW1pdFN0eWxlcyxcbiAgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyxcbiAgUGFnZU92ZXJ2aWV3U3R5bGVzLFxuICBwYWdpbmF0aW9uSXRlbVN0eWxlcyxcbiAgVGV4dFN0eWxlcyxcbiAgd3JhcHBlclN0eWxlcyxcbn0gZnJvbSAnLi9QYWdpbmF0aW9uLnN0eWxlcydcbmltcG9ydCB7IFBhZ2luYXRpb24gYXMgTWF0ZXJpYWxQYWdpbmF0aW9uLCBQYWdpbmF0aW9uSXRlbSBhcyBNYXRlcmlhbFBhZ2luYXRpb25JdGVtIH0gZnJvbSAnQG11aS9tYXRlcmlhbCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIE9wdGlvbiA9IHtcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxhYmVsOiBzdHJpbmdcbiAgdmFsdWU6IG51bWJlclxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgY3VycmVudFBhZ2U/OiBudW1iZXJcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IG9mZnNldFxuICAgKi9cbiAgb2Zmc2V0PzogbnVtYmVyXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBwYWdlIGlzIGNoYW5nZWQuXG4gICAqL1xuICBvbkNoYW5nZVBhZ2VMaW1pdD86IChlOiBhbnkpID0+IHZvaWRcbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIHBhZ2UgaXMgY2hhbmdlZC5cbiAgICovXG4gIG9uUGFnZUNoYW5nZT86IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8dW5rbm93bj4sIHBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICogT3B0aW9ucyBwYXNzZWQgdG8gdGhlIFBhZ2VMaW1pdFNlbGVjdG9yXG4gICAqL1xuICBvcHRpb25zPzogT3B0aW9uW10gfCBudWxsXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgcmVjb3JkcyBwZXIgcGFnZS5cbiAgICovXG4gIHBhZ2VMaW1pdDogbnVtYmVyXG4gIC8qKlxuICAgKiBUb3RhbCBudW1iZXIgb2YgcmVjb3Jkcy5cbiAgICovXG4gIHRvdGFsUmVjb3JkczogbnVtYmVyXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjb250ZW50IG9mIHRoZSBvdmVydmlldy5cbiAgICpcbiAgICogVXNlIHRoaXMgaWYgeW91IG5lZWQgdG8gbG9jYWxpemUgdGhlIG92ZXJ2aWV3IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgcmVuZGVyT3ZlcnZpZXc/OiAocmFuZ2VTaG93bjogc3RyaW5nLCB0b3RhbFJlY29yZHM6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IGRlZmF1bHRPdmVydmlldyA9IChyYW5nZVNob3duOiBzdHJpbmcsIHRvdGFsUmVjb3JkczogbnVtYmVyKSA9PiBgU2hvd2luZyAke3JhbmdlU2hvd259IG9mICR7dG90YWxSZWNvcmRzfWBcblxuY29uc3QgUGFnaW5hdGlvbkl0ZW0gPSAoeyAuLi5pdGVtIH0pID0+IHtcbiAgcmV0dXJuIDxNYXRlcmlhbFBhZ2luYXRpb25JdGVtIGNzcz17cGFnaW5hdGlvbkl0ZW1TdHlsZXN9IHsuLi5pdGVtfSAvPlxufVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGN1cnJlbnRQYWdlLFxuICBvZmZzZXQgPSAwLFxuICBvbkNoYW5nZVBhZ2VMaW1pdCxcbiAgb25QYWdlQ2hhbmdlLFxuICBvcHRpb25zID0gbnVsbCxcbiAgcGFnZUxpbWl0LFxuICB0b3RhbFJlY29yZHMgPSAxLFxuICByZW5kZXJPdmVydmlldyA9IGRlZmF1bHRPdmVydmlldyxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcbiAgY29uc3QgdG90YWxQYWdlcyA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMgLyBwYWdlTGltaXQpXG4gIGNvbnN0IHJhbmdlU2hvd24gPVxuICAgIHRvdGFsUmVjb3JkcyA9PT0gMVxuICAgICAgPyBTdHJpbmcodG90YWxSZWNvcmRzKVxuICAgICAgOiBgJHt0b3RhbFJlY29yZHMgPT09IDAgPyB0b3RhbFJlY29yZHMgOiBvZmZzZXQgKyAxfS0ke1xuICAgICAgICAgIHBhZ2VMaW1pdCArIG9mZnNldCA+IHRvdGFsUmVjb3JkcyA/IHRvdGFsUmVjb3JkcyA6IHBhZ2VMaW1pdCArIG9mZnNldFxuICAgICAgICB9YFxuXG4gIGNvbnN0IGN1cnJlbnRQYWdlTGltaXQgPSAoKSA9PiB7XG4gICAgY29uc3Qgb3B0aW9uID0gb3B0aW9ucz8uZmluZCgob3B0aW9uOiBPcHRpb24pID0+IHtcbiAgICAgIHJldHVybiBvcHRpb24udmFsdWUgPT09IHBhZ2VMaW1pdFxuICAgIH0pXG4gICAgcmV0dXJuIG9wdGlvblxuICB9XG5cbiAgY29uc3QgUGFnZUxpbWl0U2VsZWN0b3IgPSAoXG4gICAgPFJlYWN0U2VsZWN0XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2VQYWdlTGltaXR9XG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhbHVlPXtjdXJyZW50UGFnZUxpbWl0KCl9XG4gICAgICBjc3M9e1BhZ2VMaW1pdFN0eWxlc31cbiAgICAgIG1lbnVQbGFjZW1lbnQ9XCJhdXRvXCJcbiAgICAvPlxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge2dyZWF0ZXJUaGFuKCdsJykgPyAoXG4gICAgICAgIDw+XG4gICAgICAgICAgPGRpdiBjc3M9e3dyYXBwZXJTdHlsZXN9PlxuICAgICAgICAgICAgPFRleHQgY3NzPXtQYWdlT3ZlcnZpZXdTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVwiPlxuICAgICAgICAgICAgICB7cmVuZGVyT3ZlcnZpZXcocmFuZ2VTaG93biwgdG90YWxSZWNvcmRzKX1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2hvd0ZpcnN0QnV0dG9uXG4gICAgICAgICAgICAgIHNob3dMYXN0QnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPGRpdiBjc3M9e1BhZ2VMaW1pdFdyYXBwZXJTdHlsZXN9PntQYWdlTGltaXRTZWxlY3Rvcn08L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dCBjc3M9e1RleHRTdHlsZXN9IHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCI+XG4gICAgICAgICAgICAgIHtyZW5kZXJPdmVydmlldyhyYW5nZVNob3duLCB0b3RhbFJlY29yZHMpfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAge1BhZ2VMaW1pdFNlbGVjdG9yfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxNYXRlcmlhbFBhZ2luYXRpb25cbiAgICAgICAgICAgICAgYm91bmRhcnlDb3VudD17MX1cbiAgICAgICAgICAgICAgY291bnQ9e3RvdGFsUGFnZXN9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblBhZ2VDaGFuZ2V9XG4gICAgICAgICAgICAgIHBhZ2U9e2N1cnJlbnRQYWdlfVxuICAgICAgICAgICAgICByZW5kZXJJdGVtPXtQYWdpbmF0aW9uSXRlbX1cbiAgICAgICAgICAgICAgc2libGluZ0NvdW50PXswfVxuICAgICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2luYXRpb25cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const Pagination = ({
+  currentPage,
+  offset = 0,
+  onChangePageLimit,
+  onPageChange,
+  options = null,
+  pageLimit,
+  totalRecords = 1,
+  renderOverview = defaultOverview
+}) => {
+  const {
+    greaterThan
+  } = (0, _theme.useBreakpoint)();
+  const totalPages = Math.ceil(totalRecords / pageLimit);
+  const rangeShown = totalRecords === 1 ? String(totalRecords) : `${totalRecords === 0 ? totalRecords : offset + 1}-${pageLimit + offset > totalRecords ? totalRecords : pageLimit + offset}`;
+  const currentPageLimit = () => {
+    const option = options?.find(option => {
+      return option.value === pageLimit;
+    });
+    return option;
+  };
+  const PageLimitSelector = (0, _jsxRuntime.jsx)(_ReactSelect.default, {
+    onChange: onChangePageLimit,
+    options: options,
+    size: "small",
+    value: currentPageLimit(),
+    css: _Pagination.PageLimitStyles,
+    menuPlacement: "auto"
+  });
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: greaterThan('l') ? (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: (0, _jsxRuntime.jsxs)("div", {
+        css: _Pagination.wrapperStyles,
+        children: [(0, _jsxRuntime.jsx)(_typography.Text, {
+          css: _Pagination.PageOverviewStyles,
+          styledAs: "bodyInterface",
+          children: renderOverview(rangeShown, totalRecords)
+        }), (0, _jsxRuntime.jsx)(_material.Pagination, {
+          count: totalPages,
+          onChange: onPageChange,
+          page: currentPage,
+          renderItem: PaginationItem,
+          showFirstButton: true,
+          showLastButton: true,
+          size: "large"
+        }), (0, _jsxRuntime.jsx)("div", {
+          css: _Pagination.PageLimitWrapperStyles,
+          children: PageLimitSelector
+        })]
+      })
+    }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsxs)("div", {
+        css: _ref2,
+        children: [(0, _jsxRuntime.jsx)(_typography.Text, {
+          css: _Pagination.TextStyles,
+          styledAs: "bodyInterfaceSmall",
+          children: renderOverview(rangeShown, totalRecords)
+        }), PageLimitSelector]
+      }), (0, _jsxRuntime.jsx)("div", {
+        css: _ref,
+        children: (0, _jsxRuntime.jsx)(_material.Pagination, {
+          boundaryCount: 1,
+          count: totalPages,
+          onChange: onPageChange,
+          page: currentPage,
+          renderItem: PaginationItem,
+          siblingCount: 0,
+          size: "large"
+        })
+      })]
+    })
+  });
+};
+exports.Pagination = Pagination;
+var _default = exports.default = Pagination;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.wrapperStyles = exports.paginationItemStyles = exports.TextStyles = exports.PageOverviewStyles = exports.PageLimitWrapperStyles = exports.PageLimitStyles = void 0;
+var _theme = require("@dfds-ui/theme");
+var _react = require("@emotion/react");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const paginationItemStyles = exports.paginationItemStyles = /*#__PURE__*/(0, _react.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.theme.colors.secondary.main, ";}&.MuiPaginationItem-root:active>.MuiPaginationItem-icon{color:", _theme.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2luYXRpb24vUGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdGhlbWUsIG1lZGlhIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IHBhZ2luYXRpb25JdGVtU3R5bGVzID0gY3NzYFxuICAmJiB7XG4gICAgJjpob3ZlcixcbiAgICAmLk11aS1zZWxlY3RlZDpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4wOCk7XG4gICAgfVxuXG4gICAgJjpmb2N1cyxcbiAgICAmLk11aS1zZWxlY3RlZCxcbiAgICAmLk11aS1zZWxlY3RlZDpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDczLCAxNjIsIDIyMywgMC4xMik7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1zaXplTGFyZ2Uge1xuICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICB9XG5cbiAgICAmLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6aG92ZXIgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbixcbiAgICAuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDpmb2N1cyA+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmFjdGl2ZSA+IC5NdWlQYWdpbmF0aW9uSXRlbS1pY29uIHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290IC5NdWlUb3VjaFJpcHBsZS1yb290IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGVzID0gY3NzYFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcblxuICAke21lZGlhLmxlc3NUaGFuKCdsJylgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYH1cbmBcblxuZXhwb3J0IGNvbnN0IFRleHRTdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgcGFnZUxpbWl0V2lkdGggPSAnMTUwcHgnXG5cbmV4cG9ydCBjb25zdCBQYWdlT3ZlcnZpZXdTdHlsZXMgPSBjc3NgXG4gICR7VGV4dFN0eWxlc31cbiAgZmxleC1ncm93OiAxO1xuICBtaW4td2lkdGg6ICR7cGFnZUxpbWl0V2lkdGh9O1xuYFxuXG5leHBvcnQgY29uc3QgUGFnZUxpbWl0U3R5bGVzID0gY3NzYFxuICBtaW4td2lkdGg6ICR7cGFnZUxpbWl0V2lkdGh9O1xuYFxuXG5leHBvcnQgY29uc3QgUGFnZUxpbWl0V3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1ncm93OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcbiJdfQ== */");
+const wrapperStyles = exports.wrapperStyles = /*#__PURE__*/(0, _react.css)("align-items:center;background-color:white;display:flex;justify-content:space-between;width:100%;", _theme.media.lessThan('l')`
+    flex-direction: column;
+    justify-content: center;
+  `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2dDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
+const TextStyles = exports.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDZCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const pageLimitWidth = '150px';
+const PageOverviewStyles = exports.PageOverviewStyles = /*#__PURE__*/(0, _react.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRHFDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
+const PageLimitStyles = exports.PageLimitStyles = /*#__PURE__*/(0, _react.css)("min-width:", pageLimitWidth, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PageLimitStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RGtDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");
+const PageLimitWrapperStyles = exports.PageLimitWrapperStyles = /*#__PURE__*/(0, _react.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRXlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdpbmF0aW9uL1BhZ2luYXRpb24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lLCBtZWRpYSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBwYWdpbmF0aW9uSXRlbVN0eWxlcyA9IGNzc2BcbiAgJiYge1xuICAgICY6aG92ZXIsXG4gICAgJi5NdWktc2VsZWN0ZWQ6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMDgpO1xuICAgIH1cblxuICAgICY6Zm9jdXMsXG4gICAgJi5NdWktc2VsZWN0ZWQsXG4gICAgJi5NdWktc2VsZWN0ZWQ6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg3MywgMTYyLCAyMjMsIDAuMTIpO1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tc2l6ZUxhcmdlIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJi5NdWlQYWdpbmF0aW9uSXRlbS1yb290OmhvdmVyID4gLk11aVBhZ2luYXRpb25JdGVtLWljb24sXG4gICAgLk11aVBhZ2luYXRpb25JdGVtLXJvb3Q6Zm9jdXMgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdDphY3RpdmUgPiAuTXVpUGFnaW5hdGlvbkl0ZW0taWNvbiB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmRhcmt9O1xuICAgIH1cblxuICAgICYuTXVpUGFnaW5hdGlvbkl0ZW0tcm9vdCAuTXVpVG91Y2hSaXBwbGUtcm9vdCB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlcyA9IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJHttZWRpYS5sZXNzVGhhbignbCcpYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBUZXh0U3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IHBhZ2VMaW1pdFdpZHRoID0gJzE1MHB4J1xuXG5leHBvcnQgY29uc3QgUGFnZU92ZXJ2aWV3U3R5bGVzID0gY3NzYFxuICAke1RleHRTdHlsZXN9XG4gIGZsZXgtZ3JvdzogMTtcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFN0eWxlcyA9IGNzc2BcbiAgbWluLXdpZHRoOiAke3BhZ2VMaW1pdFdpZHRofTtcbmBcblxuZXhwb3J0IGNvbnN0IFBhZ2VMaW1pdFdyYXBwZXJTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZ3JvdzogMTtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIG1pbi13aWR0aDogJHtwYWdlTGltaXRXaWR0aH07XG5gXG4iXX0= */");

package/cjs/pagination/index.d.ts

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

package/cjs/pagination/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Pagination = require("./Pagination");
+Object.keys(_Pagination).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Pagination[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Pagination[key];
+    }
+  });
+});

package/cjs/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 | 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/cjs/popper/Popper.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.PopperBase = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _theme = require("@dfds-ui/theme");
+var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "qhxz92",
+  styles: "max-width:100%"
+} : {
+  name: "h02qvt-PopperBase",
+  styles: "max-width:100%;label:PopperBase;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wb3BwZXIvUG9wcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRFciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BvcHBlci9Qb3BwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wcGVyIGFzIE1hdGVyaWFsUG9wcGVyLCBQb3BwZXJQcm9wcywgUG9wcGVyUGxhY2VtZW50VHlwZSwgQ2xpY2tBd2F5TGlzdGVuZXIgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBQb3BwZXJCYXNlUHJvcHMgPSB7XG4gIG9wZW4/OiBib29sZWFuXG4gIC8vIFRPRE86IENvbnNpZGVyIGNoYW5naW5nIHRoZSB0eXBlIHRvIFJlYWN0LlJlYWN0Tm9kZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgc3RyaW5nXG4gIGFuY2hvckVsPzogYW55XG4gIGlkPzogc3RyaW5nXG4gIHBsYWNlbWVudD86IFBvcHBlclBsYWNlbWVudFR5cGVcbiAgZGlzYWJsZVBvcnRhbD86IFBvcHBlclByb3BzWydkaXNhYmxlUG9ydGFsJ11cbiAgLyoqXG4gICAqIEJ5IGRlZmF1bHQgdGhlIG1heC13aWR0aCB3aWxsIGJlIHNldCB0byAxMDAlLiBUaGlzIHdpbGwgYWxsb3cgZm9yIGNoaWxkIGVsZW1lbnRzIHRvIGhhdmUgYSB3aWR0aCBvZiAxMDB2dyBhbmQgYWxzb1xuICAgKiBhIG1heC13aWR0aCBvZiAxMDAlIHNvIGl0IHdpbGwgbm90IGJlIG92ZXJmbG93aW5nIHRoZSBwb3RlbnRpYWwgdmVydGljYWwgc2Nyb2xsYmFycy5cbiAgICpcbiAgICogWW91IGNhbiBkaXNhYmxlIHRoaXMgYnkgc2V0dGluZyBgbm9NYXhXaWR0aFJlc3RyaWN0aW9uYCB0byBgZmFsc2VgXG4gICAqL1xuICBub01heFdpZHRoUmVzdHJpY3Rpb24/OiBib29sZWFuXG4gIHJvbGU/OiBzdHJpbmdcbiAgb25DbGlja0F3YXk/OiAoZTogYW55KSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzdHlsZT86IFBvcHBlclByb3BzWydzdHlsZSddXG4gIHBvcHBlclJlZj86IFBvcHBlclByb3BzWydwb3BwZXJSZWYnXVxuICBtb2RpZmllcnM/OiBQb3BwZXJQcm9wc1snbW9kaWZpZXJzJ11cbn1cblxuZXhwb3J0IGNvbnN0IFBvcHBlckJhc2UgPSAoe1xuICBvcGVuID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBhbmNob3JFbCxcbiAgaWQsXG4gIHBsYWNlbWVudCxcbiAgb25DbGlja0F3YXksXG4gIGNsYXNzTmFtZSxcbiAgbm9NYXhXaWR0aFJlc3RyaWN0aW9uID0gZmFsc2UsXG4gIC4uLnJlc3Rcbn06IFBvcHBlckJhc2VQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxNYXRlcmlhbFBvcHBlclxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBpZD17aWR9XG4gICAgICBvcGVuPXtvcGVufVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICBjc3M9e1xuICAgICAgICAhbm9NYXhXaWR0aFJlc3RyaWN0aW9uICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICAgIGBcbiAgICAgIH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxDbGlja0F3YXlMaXN0ZW5lclxuICAgICAgICBvbkNsaWNrQXdheT17KGUpID0+IHtcbiAgICAgICAgICBvbkNsaWNrQXdheSAmJiBvbkNsaWNrQXdheShlKVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8ZGl2PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgIDwvQ2xpY2tBd2F5TGlzdGVuZXI+XG4gICAgPC9NYXRlcmlhbFBvcHBlcj5cbiAgKVxufVxuXG50eXBlIFBvcHBlckNvbXBvbmVudFByb3BzID0ge1xuICBzZXRBbmNob3JFbDogUmVhY3QuRGlzcGF0Y2g8UmVhY3QuU2V0U3RhdGVBY3Rpb248SFRNTEVsZW1lbnQgfCBudWxsPj5cbn0gJiBPbWl0PFBvcHBlckJhc2VQcm9wcywgJ29uQ2xpY2tBd2F5Jz5cblxuY29uc3QgUG9wcGVyID0gKHsgY2hpbGRyZW4sIGFuY2hvckVsLCBpZCwgc2V0QW5jaG9yRWwsIHBsYWNlbWVudCwgcG9wcGVyUmVmLCAuLi5yZXN0IH06IFBvcHBlckNvbXBvbmVudFByb3BzKSA9PiB7XG4gIGNvbnN0IG9wZW4gPSBCb29sZWFuKGFuY2hvckVsKVxuXG4gIHJldHVybiAoXG4gICAgPFBvcHBlckJhc2VcbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgaWQ9e2lkfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIGFuY2hvckVsPXthbmNob3JFbH1cbiAgICAgIHsuLi5yZXN0fVxuICAgICAgb25DbGlja0F3YXk9eygpID0+IHNldEFuY2hvckVsKG51bGwpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWzE2XX07XG4gICAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy5tfTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvUG9wcGVyQmFzZT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQb3BwZXJcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const PopperBase = ({
+  open = false,
+  children,
+  anchorEl,
+  id,
+  placement,
+  onClickAway,
+  className,
+  noMaxWidthRestriction = false,
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)(_material.Popper, {
+    placement: placement,
+    id: id,
+    open: open,
+    className: className,
+    anchorEl: anchorEl,
+    css: !noMaxWidthRestriction && _ref,
+    ...rest,
+    children: (0, _jsxRuntime.jsx)(_material.ClickAwayListener, {
+      onClickAway: e => {
+        onClickAway && onClickAway(e);
+      },
+      children: (0, _jsxRuntime.jsx)("div", {
+        children: children
+      })
+    })
+  });
+};
+exports.PopperBase = PopperBase;
+const Popper = ({
+  children,
+  anchorEl,
+  id,
+  setAnchorEl,
+  placement,
+  popperRef,
+  ...rest
+}) => {
+  const open = Boolean(anchorEl);
+  return (0, _jsxRuntime.jsx)(PopperBase, {
+    placement: placement,
+    id: id,
+    open: open,
+    anchorEl: anchorEl,
+    ...rest,
+    onClickAway: () => setAnchorEl(null),
+    css: /*#__PURE__*/(0, _react2.css)("background:", _theme.theme.colors.surface.primary, ";box-shadow:", _theme.theme.elevation[16], ";padding:", _theme.theme.spacing.m, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Popper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wb3BwZXIvUG9wcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BvcHBlci9Qb3BwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wcGVyIGFzIE1hdGVyaWFsUG9wcGVyLCBQb3BwZXJQcm9wcywgUG9wcGVyUGxhY2VtZW50VHlwZSwgQ2xpY2tBd2F5TGlzdGVuZXIgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBQb3BwZXJCYXNlUHJvcHMgPSB7XG4gIG9wZW4/OiBib29sZWFuXG4gIC8vIFRPRE86IENvbnNpZGVyIGNoYW5naW5nIHRoZSB0eXBlIHRvIFJlYWN0LlJlYWN0Tm9kZVxuICBjaGlsZHJlbjogUmVhY3QuUmVhY3RFbGVtZW50IHwgc3RyaW5nXG4gIGFuY2hvckVsPzogYW55XG4gIGlkPzogc3RyaW5nXG4gIHBsYWNlbWVudD86IFBvcHBlclBsYWNlbWVudFR5cGVcbiAgZGlzYWJsZVBvcnRhbD86IFBvcHBlclByb3BzWydkaXNhYmxlUG9ydGFsJ11cbiAgLyoqXG4gICAqIEJ5IGRlZmF1bHQgdGhlIG1heC13aWR0aCB3aWxsIGJlIHNldCB0byAxMDAlLiBUaGlzIHdpbGwgYWxsb3cgZm9yIGNoaWxkIGVsZW1lbnRzIHRvIGhhdmUgYSB3aWR0aCBvZiAxMDB2dyBhbmQgYWxzb1xuICAgKiBhIG1heC13aWR0aCBvZiAxMDAlIHNvIGl0IHdpbGwgbm90IGJlIG92ZXJmbG93aW5nIHRoZSBwb3RlbnRpYWwgdmVydGljYWwgc2Nyb2xsYmFycy5cbiAgICpcbiAgICogWW91IGNhbiBkaXNhYmxlIHRoaXMgYnkgc2V0dGluZyBgbm9NYXhXaWR0aFJlc3RyaWN0aW9uYCB0byBgZmFsc2VgXG4gICAqL1xuICBub01heFdpZHRoUmVzdHJpY3Rpb24/OiBib29sZWFuXG4gIHJvbGU/OiBzdHJpbmdcbiAgb25DbGlja0F3YXk/OiAoZTogYW55KSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzdHlsZT86IFBvcHBlclByb3BzWydzdHlsZSddXG4gIHBvcHBlclJlZj86IFBvcHBlclByb3BzWydwb3BwZXJSZWYnXVxuICBtb2RpZmllcnM/OiBQb3BwZXJQcm9wc1snbW9kaWZpZXJzJ11cbn1cblxuZXhwb3J0IGNvbnN0IFBvcHBlckJhc2UgPSAoe1xuICBvcGVuID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBhbmNob3JFbCxcbiAgaWQsXG4gIHBsYWNlbWVudCxcbiAgb25DbGlja0F3YXksXG4gIGNsYXNzTmFtZSxcbiAgbm9NYXhXaWR0aFJlc3RyaWN0aW9uID0gZmFsc2UsXG4gIC4uLnJlc3Rcbn06IFBvcHBlckJhc2VQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxNYXRlcmlhbFBvcHBlclxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBpZD17aWR9XG4gICAgICBvcGVuPXtvcGVufVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBhbmNob3JFbD17YW5jaG9yRWx9XG4gICAgICBjc3M9e1xuICAgICAgICAhbm9NYXhXaWR0aFJlc3RyaWN0aW9uICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICAgIGBcbiAgICAgIH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxDbGlja0F3YXlMaXN0ZW5lclxuICAgICAgICBvbkNsaWNrQXdheT17KGUpID0+IHtcbiAgICAgICAgICBvbkNsaWNrQXdheSAmJiBvbkNsaWNrQXdheShlKVxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8ZGl2PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgIDwvQ2xpY2tBd2F5TGlzdGVuZXI+XG4gICAgPC9NYXRlcmlhbFBvcHBlcj5cbiAgKVxufVxuXG50eXBlIFBvcHBlckNvbXBvbmVudFByb3BzID0ge1xuICBzZXRBbmNob3JFbDogUmVhY3QuRGlzcGF0Y2g8UmVhY3QuU2V0U3RhdGVBY3Rpb248SFRNTEVsZW1lbnQgfCBudWxsPj5cbn0gJiBPbWl0PFBvcHBlckJhc2VQcm9wcywgJ29uQ2xpY2tBd2F5Jz5cblxuY29uc3QgUG9wcGVyID0gKHsgY2hpbGRyZW4sIGFuY2hvckVsLCBpZCwgc2V0QW5jaG9yRWwsIHBsYWNlbWVudCwgcG9wcGVyUmVmLCAuLi5yZXN0IH06IFBvcHBlckNvbXBvbmVudFByb3BzKSA9PiB7XG4gIGNvbnN0IG9wZW4gPSBCb29sZWFuKGFuY2hvckVsKVxuXG4gIHJldHVybiAoXG4gICAgPFBvcHBlckJhc2VcbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgaWQ9e2lkfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIGFuY2hvckVsPXthbmNob3JFbH1cbiAgICAgIHsuLi5yZXN0fVxuICAgICAgb25DbGlja0F3YXk9eygpID0+IHNldEFuY2hvckVsKG51bGwpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWzE2XX07XG4gICAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy5tfTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvUG9wcGVyQmFzZT5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBQb3BwZXJcbiJdfQ== */"),
+    children: children
+  });
+};
+var _default = exports.default = Popper;

package/cjs/popper/index.d.ts

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

package/cjs/popper/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Popper", {
+  enumerable: true,
+  get: function () {
+    return _Popper.default;
+  }
+});
+var _Popper = _interopRequireDefault(require("./Popper"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/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;