@onewelcome/react-lib-components 11.1.0-delta → 12.1.0-alpha

package/dist/components/Notifications/SideSheet/SideSheet.module.scss.es.js

@@ -0,0 +1,29 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.SideSheet_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.SideSheet_hidden_7l1Pc{display:none}.SideSheet_slide-in_7l1Pc{animation:SideSheet_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.SideSheet_slide-in_7l1Pc{animation-duration:.1ms}}.SideSheet_slide-out_7l1Pc{animation:SideSheet_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.SideSheet_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes SideSheet_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SideSheet_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SideSheet_slide-in-modal_7l1Pc{right:0;left:auto;justify-content:flex-end;min-width:25rem;width:33vw;max-width:40rem;visibility:visible;transform:translate(calc(100% - .5rem));transition-property:transform;transition-duration:.5s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.SideSheet_slide-in-modal_7l1Pc{transition-duration:.1ms}}.SideSheet_slide-in-modal_7l1Pc.SideSheet_hide_7l1Pc{visibility:hidden}.SideSheet_slide-in-modal_7l1Pc.SideSheet_visible_7l1Pc{visibility:visible;transform:translate(0)}.SideSheet_slide-in-modal_7l1Pc.SideSheet_visible_7l1Pc #SideSheet_backdrop-slide_7l1Pc{background-color:transparent}.SideSheet_handle_7l1Pc{position:absolute;top:13.25rem;left:calc(-1.5 * var(--font-size));display:flex;align-items:center;justify-content:center;width:1.5rem;height:2.5rem;padding:.5rem 0;border-top-left-radius:4px;border-bottom-left-radius:4px;background-color:var(--modal-background-color);box-shadow:-4px 4px 5px 0 var(--side-sheet-shadow-color-one),-4px 3px 14px 0 var(--side-sheet-shadow-color-two),-4px 8px 10px 0 var(--side-sheet-shadow-color-two)}.SideSheet_handle-button_7l1Pc{transform:rotateY(180deg)}.SideSheet_collapsed-sheet_7l1Pc{position:absolute;top:0;right:0;width:.5rem;height:100vh;background-color:var(--modal-background-color);box-shadow:0 4px 5px 0 var(--side-sheet-shadow-color-one),0 3px 14px 0 var(--side-sheet-shadow-color-two),0 8px 10px 0 var(--side-sheet-shadow-color-two)}.SideSheet_container_7l1Pc{margin-top:0;width:50rem;height:100%;max-height:unset;border-radius:0;box-shadow:0 4px 5px 0 var(--side-sheet-shadow-color-one),0 3px 14px 0 var(--side-sheet-shadow-color-two),0 8px 10px 0 var(--side-sheet-shadow-color-two)}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const hidden = "SideSheet_hidden_7l1Pc";
+const hide = "SideSheet_hide_7l1Pc";
+const visible = "SideSheet_visible_7l1Pc";
+const handle = "SideSheet_handle_7l1Pc";
+const container = "SideSheet_container_7l1Pc";
+const classes = {
+  "sr-only": "SideSheet_sr-only_7l1Pc",
+  hidden,
+  "slide-in": "SideSheet_slide-in_7l1Pc",
+  "slide-out": "SideSheet_slide-out_7l1Pc",
+  "slide-in-modal": "SideSheet_slide-in-modal_7l1Pc",
+  hide,
+  visible,
+  "backdrop-slide": "SideSheet_backdrop-slide_7l1Pc",
+  handle,
+  "handle-button": "SideSheet_handle-button_7l1Pc",
+  "collapsed-sheet": "SideSheet_collapsed-sheet_7l1Pc",
+  container
+};
+export {
+  container,
+  classes as default,
+  handle,
+  hidden,
+  hide,
+  visible
+};
+//# sourceMappingURL=SideSheet.module.scss.es.js.map

package/dist/components/Notifications/SideSheet/SideSheet.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheet.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../BaseModal/BaseModalContent/BaseModalContent.cjs.js"),s=require("./SideSheetContent.module.scss.cjs.js");exports.SideSheetContent=({className:o,...a})=>e.createElement(t.BaseModalContent,{...a,className:`${s.default["side-sheet-content"]} ${o}`});
+//# sourceMappingURL=SideSheetContent.cjs.js.map

package/dist/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheetContent.cjs.js","sources":["../../../../../src/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\nimport { BaseModalContent, Props } from \"../../BaseModal/BaseModalContent/BaseModalContent\";\nimport classes from \"./SideSheetContent.module.scss\";\n\nexport const SideSheetContent: React.FC<Props> = ({ className, ...rest }) => (\n  <BaseModalContent {...rest} className={`${classes[\"side-sheet-content\"]} ${className}`} />\n);\n\nexport type { Props } from \"../../BaseModal/BaseModalContent/BaseModalContent\";\n"],"names":["className","rest","React","createElement","BaseModalContent","classes","default"],"mappings":"2PAoBiD,EAAGA,eAAcC,KAC/DC,EAAAC,cAAAC,mBAAA,IAAqBH,EAAMD,UAAW,GAAGK,EAAAC,QAAQ,yBAAyBN"}

package/dist/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.es.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { BaseModalContent } from "../../BaseModal/BaseModalContent/BaseModalContent.es.js";
+import classes from "./SideSheetContent.module.scss.es.js";
+const SideSheetContent = ({ className, ...rest }) => /* @__PURE__ */ React.createElement(BaseModalContent, { ...rest, className: `${classes["side-sheet-content"]} ${className}` });
+export {
+  SideSheetContent
+};
+//# sourceMappingURL=SideSheetContent.es.js.map

package/dist/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheetContent.es.js","sources":["../../../../../src/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\nimport { BaseModalContent, Props } from \"../../BaseModal/BaseModalContent/BaseModalContent\";\nimport classes from \"./SideSheetContent.module.scss\";\n\nexport const SideSheetContent: React.FC<Props> = ({ className, ...rest }) => (\n  <BaseModalContent {...rest} className={`${classes[\"side-sheet-content\"]} ${className}`} />\n);\n\nexport type { Props } from \"../../BaseModal/BaseModalContent/BaseModalContent\";\n"],"names":[],"mappings":";;;AAoBO,MAAM,mBAAoC,CAAC,EAAE,WAAW,GAAG,KAAA,MAC/D,sBAAA,cAAA,kBAAA,EAAkB,GAAG,MAAM,WAAW,GAAG,QAAQ,oBAAoB,CAAC,IAAI,SAAS,GAAI,CAAA;"}

package/dist/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".SideSheetContent_side-sheet-content_7l1Pc{padding:1.5rem}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),exports.default={"side-sheet-content":"SideSheetContent_side-sheet-content_7l1Pc"};
+//# sourceMappingURL=SideSheetContent.module.scss.cjs.js.map

package/dist/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheetContent.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.module.scss.es.js

@@ -0,0 +1,8 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".SideSheetContent_side-sheet-content_7l1Pc{padding:1.5rem}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const classes = {
+  "side-sheet-content": "SideSheetContent_side-sheet-content_7l1Pc"
+};
+export {
+  classes as default
+};
+//# sourceMappingURL=SideSheetContent.module.scss.es.js.map

package/dist/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheetContent.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("../../BaseModal/BaseModalHeader/BaseModalHeader.cjs.js"),s=require("./SideSheetHeader.module.scss.cjs.js");exports.SideSheetHeader=({className:r,...d})=>e.createElement(a.BaseModalHeader,{...d,className:`${s.default["side-sheet-header"]} ${r}`});
+//# sourceMappingURL=SideSheetHeader.cjs.js.map

package/dist/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheetHeader.cjs.js","sources":["../../../../../src/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\nimport { BaseModalHeader, Props } from \"../../BaseModal/BaseModalHeader/BaseModalHeader\";\nimport classes from \"./SideSheetHeader.module.scss\";\n\nexport const SideSheetHeader: React.FC<Props> = ({ className, ...rest }) => (\n  <BaseModalHeader {...rest} className={`${classes[\"side-sheet-header\"]} ${className}`} />\n);\n\nexport type { Props } from \"../../BaseModal/BaseModalHeader/BaseModalHeader\";\n"],"names":["className","rest","React","createElement","BaseModalHeader","classes","default"],"mappings":"uPAoBgD,EAAGA,eAAcC,KAC9DC,EAAAC,cAAAC,kBAAA,IAAoBH,EAAMD,UAAW,GAAGK,EAAAC,QAAQ,wBAAwBN"}

package/dist/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.es.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { BaseModalHeader } from "../../BaseModal/BaseModalHeader/BaseModalHeader.es.js";
+import classes from "./SideSheetHeader.module.scss.es.js";
+const SideSheetHeader = ({ className, ...rest }) => /* @__PURE__ */ React.createElement(BaseModalHeader, { ...rest, className: `${classes["side-sheet-header"]} ${className}` });
+export {
+  SideSheetHeader
+};
+//# sourceMappingURL=SideSheetHeader.es.js.map

package/dist/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheetHeader.es.js","sources":["../../../../../src/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\nimport { BaseModalHeader, Props } from \"../../BaseModal/BaseModalHeader/BaseModalHeader\";\nimport classes from \"./SideSheetHeader.module.scss\";\n\nexport const SideSheetHeader: React.FC<Props> = ({ className, ...rest }) => (\n  <BaseModalHeader {...rest} className={`${classes[\"side-sheet-header\"]} ${className}`} />\n);\n\nexport type { Props } from \"../../BaseModal/BaseModalHeader/BaseModalHeader\";\n"],"names":[],"mappings":";;;AAoBO,MAAM,kBAAmC,CAAC,EAAE,WAAW,GAAG,KAAA,MAC9D,sBAAA,cAAA,iBAAA,EAAiB,GAAG,MAAM,WAAW,GAAG,QAAQ,mBAAmB,CAAC,IAAI,SAAS,GAAI,CAAA;"}

package/dist/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".SideSheetHeader_side-sheet-header_7l1Pc{padding:1rem 1.5rem}")),document.head.appendChild(e)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),exports.default={"side-sheet-header":"SideSheetHeader_side-sheet-header_7l1Pc"};
+//# sourceMappingURL=SideSheetHeader.module.scss.cjs.js.map

package/dist/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheetHeader.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.module.scss.es.js

@@ -0,0 +1,8 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".SideSheetHeader_side-sheet-header_7l1Pc{padding:1rem 1.5rem}")),document.head.appendChild(e)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}}();
+const classes = {
+  "side-sheet-header": "SideSheetHeader_side-sheet-header_7l1Pc"
+};
+export {
+  classes as default
+};
+//# sourceMappingURL=SideSheetHeader.module.scss.es.js.map

package/dist/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheetHeader.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Notifications/SlideInModal/SlideInModal.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),a=require("./SlideInModal.module.scss.cjs.js"),s=require("../BaseModal/BaseModal.cjs.js"),r=e.forwardRef((({children:r,id:t,open:d,...l},o)=>{const[i,n]=e.useState("hide"),[u,c]=e.useState(!1),f=e.useRef(null),p=e.useCallback((e=>{e.target===f.current&&(n((e=>e?"":"hide")),!d&&u&&c(!1))}),[d]);return e.useEffect((()=>{d&&c(d)}),[d]),e.createElement(s.BaseModal,{...l,id:t,open:u,className:`${a.default["slide-in-modal"]} ${d?a.default.visible:""} ${d?"":a.default[i]}`,containerProps:{className:a.default.container},backdropProps:{id:a.default["backdrop-slide"]},onTransitionEnd:p,ref:o??f},r)}));exports.SlideInModal=r;
+//# sourceMappingURL=SlideInModal.cjs.js.map

package/dist/components/Notifications/SlideInModal/SlideInModal.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideInModal.cjs.js","sources":["../../../../src/components/Notifications/SlideInModal/SlideInModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  TransitionEventHandler,\n  useState,\n  useRef,\n  useCallback,\n  useEffect\n} from \"react\";\nimport { Props as ModalProps, Modal } from \"../Modal/Modal\";\nimport classes from \"./SlideInModal.module.scss\";\n\n/**\n * @deprecated use the new `SideSheet` component\n */\nconst SlideInModalComponent: ForwardRefRenderFunction<HTMLDivElement, ModalProps> = (\n  { children, id, open, ...rest }: ModalProps,\n  ref\n) => {\n  const [classHideOnTransition, setClassHideOnTransition] = useState<string>(\"hide\");\n  const [controlledOpen, setControlledOpen] = useState(false);\n  const containerRef = useRef(null);\n\n  const onTransitionEnd: TransitionEventHandler<HTMLDivElement> = useCallback(\n    e => {\n      if (e.target === containerRef.current) {\n        setClassHideOnTransition(prev => (prev ? \"\" : \"hide\"));\n        if (!open && controlledOpen) {\n          setControlledOpen(false);\n        }\n      }\n    },\n    [open]\n  );\n\n  useEffect(() => {\n    open && setControlledOpen(open);\n  }, [open]);\n\n  return (\n    <Modal\n      {...rest}\n      id={id}\n      open={controlledOpen}\n      className={`${classes[\"slide-in-modal\"]} ${open ? classes[\"visible\"] : \"\"} ${\n        !open ? classes[classHideOnTransition] : \"\"\n      }`}\n      containerProps={{ className: classes[\"container\"] }}\n      backdropProps={{ id: classes[\"backdrop-slide\"] }}\n      onTransitionEnd={onTransitionEnd}\n      ref={ref ?? containerRef}\n    >\n      {children}\n    </Modal>\n  );\n};\n\nexport type { Props } from \"../Modal/Modal\";\n\nexport const SlideInModal = React.forwardRef(SlideInModalComponent);\n"],"names":["SlideInModal","React","forwardRef","children","id","open","rest","ref","classHideOnTransition","setClassHideOnTransition","useState","controlledOpen","setControlledOpen","containerRef","useRef","onTransitionEnd","useCallback","e","target","current","prev","useEffect","createElement","Modal","BaseModal","className","classes","default","containerProps","backdropProps"],"mappings":"mMA0EaA,EAAeC,EAAMC,YA5CkD,EAChFC,WAAUC,KAAIC,UAASC,GACzBC,KAEA,MAAOC,EAAuBC,GAA4BC,EAAAA,SAAiB,SACpEC,EAAgBC,GAAqBF,EAAAA,UAAS,GAC/CG,EAAeC,SAAO,MAEtBC,EAA0DC,EAAAA,aACzDC,IACCA,EAAEC,SAAWL,EAAaM,UACHV,GAAAW,GAASA,EAAO,GAAK,UACzCf,GAAQM,GACXC,GAAkB,GACpB,GAGJ,CAACP,IAQD,OALFgB,EAAAA,WAAU,KACRhB,GAAQO,EAAkBP,EAAI,GAC7B,CAACA,IAGFJ,EAAAqB,cAACC,EAAAC,UAAA,IACKlB,EACJF,KACAC,KAAMM,EACNc,UAAW,GAAGC,UAAQ,qBAAqBrB,EAAOqB,UAAiB,QAAI,MACpErB,EAAwC,GAAjCqB,EAAQC,QAAAnB,KAElBoB,eAAgB,CAAEH,UAAWC,EAAAC,QAAmB,WAChDE,cAAe,CAAEzB,GAAIsB,EAAAC,QAAQ,mBAC7BZ,kBACAR,IAAKA,GAAOM,GAEXV,EACH"}

package/dist/components/Notifications/SlideInModal/SlideInModal.es.js

@@ -0,0 +1,41 @@
+import React, { useState, useRef, useCallback, useEffect } from "react";
+import classes from "./SlideInModal.module.scss.es.js";
+import { BaseModal } from "../BaseModal/BaseModal.es.js";
+const SlideInModalComponent = ({ children, id, open, ...rest }, ref) => {
+  const [classHideOnTransition, setClassHideOnTransition] = useState("hide");
+  const [controlledOpen, setControlledOpen] = useState(false);
+  const containerRef = useRef(null);
+  const onTransitionEnd = useCallback(
+    (e) => {
+      if (e.target === containerRef.current) {
+        setClassHideOnTransition((prev) => prev ? "" : "hide");
+        if (!open && controlledOpen) {
+          setControlledOpen(false);
+        }
+      }
+    },
+    [open]
+  );
+  useEffect(() => {
+    open && setControlledOpen(open);
+  }, [open]);
+  return /* @__PURE__ */ React.createElement(
+    BaseModal,
+    {
+      ...rest,
+      id,
+      open: controlledOpen,
+      className: `${classes["slide-in-modal"]} ${open ? classes["visible"] : ""} ${!open ? classes[classHideOnTransition] : ""}`,
+      containerProps: { className: classes["container"] },
+      backdropProps: { id: classes["backdrop-slide"] },
+      onTransitionEnd,
+      ref: ref ?? containerRef
+    },
+    children
+  );
+};
+const SlideInModal = React.forwardRef(SlideInModalComponent);
+export {
+  SlideInModal
+};
+//# sourceMappingURL=SlideInModal.es.js.map

package/dist/components/Notifications/SlideInModal/SlideInModal.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideInModal.es.js","sources":["../../../../src/components/Notifications/SlideInModal/SlideInModal.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  TransitionEventHandler,\n  useState,\n  useRef,\n  useCallback,\n  useEffect\n} from \"react\";\nimport { Props as ModalProps, Modal } from \"../Modal/Modal\";\nimport classes from \"./SlideInModal.module.scss\";\n\n/**\n * @deprecated use the new `SideSheet` component\n */\nconst SlideInModalComponent: ForwardRefRenderFunction<HTMLDivElement, ModalProps> = (\n  { children, id, open, ...rest }: ModalProps,\n  ref\n) => {\n  const [classHideOnTransition, setClassHideOnTransition] = useState<string>(\"hide\");\n  const [controlledOpen, setControlledOpen] = useState(false);\n  const containerRef = useRef(null);\n\n  const onTransitionEnd: TransitionEventHandler<HTMLDivElement> = useCallback(\n    e => {\n      if (e.target === containerRef.current) {\n        setClassHideOnTransition(prev => (prev ? \"\" : \"hide\"));\n        if (!open && controlledOpen) {\n          setControlledOpen(false);\n        }\n      }\n    },\n    [open]\n  );\n\n  useEffect(() => {\n    open && setControlledOpen(open);\n  }, [open]);\n\n  return (\n    <Modal\n      {...rest}\n      id={id}\n      open={controlledOpen}\n      className={`${classes[\"slide-in-modal\"]} ${open ? classes[\"visible\"] : \"\"} ${\n        !open ? classes[classHideOnTransition] : \"\"\n      }`}\n      containerProps={{ className: classes[\"container\"] }}\n      backdropProps={{ id: classes[\"backdrop-slide\"] }}\n      onTransitionEnd={onTransitionEnd}\n      ref={ref ?? containerRef}\n    >\n      {children}\n    </Modal>\n  );\n};\n\nexport type { Props } from \"../Modal/Modal\";\n\nexport const SlideInModal = React.forwardRef(SlideInModalComponent);\n"],"names":["Modal"],"mappings":";;;AA8BA,MAAM,wBAA8E,CAClF,EAAE,UAAU,IAAI,MAAM,GAAG,KAAK,GAC9B,QACG;AACH,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAiB,MAAM;AACjF,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AACpD,QAAA,eAAe,OAAO,IAAI;AAEhC,QAAM,kBAA0D;AAAA,IAC9D,CAAK,MAAA;AACC,UAAA,EAAE,WAAW,aAAa,SAAS;AACZ,iCAAA,CAAA,SAAS,OAAO,KAAK,MAAO;AACjD,YAAA,CAAC,QAAQ,gBAAgB;AAC3B,4BAAkB,KAAK;AAAA,QAAA;AAAA,MACzB;AAAA,IAEJ;AAAA,IACA,CAAC,IAAI;AAAA,EACP;AAEA,YAAU,MAAM;AACd,YAAQ,kBAAkB,IAAI;AAAA,EAAA,GAC7B,CAAC,IAAI,CAAC;AAGP,SAAA,sBAAA;AAAA,IAACA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN,WAAW,GAAG,QAAQ,gBAAgB,CAAC,IAAI,OAAO,QAAQ,SAAS,IAAI,EAAE,IACvE,CAAC,OAAO,QAAQ,qBAAqB,IAAI,EAC3C;AAAA,MACA,gBAAgB,EAAE,WAAW,QAAQ,WAAW,EAAE;AAAA,MAClD,eAAe,EAAE,IAAI,QAAQ,gBAAgB,EAAE;AAAA,MAC/C;AAAA,MACA,KAAK,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,EACH;AAEJ;AAIa,MAAA,eAAe,MAAM,WAAW,qBAAqB;"}

package/dist/components/Notifications/SlideInModal/SlideInModal.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.SlideInModal_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.SlideInModal_hidden_7l1Pc{display:none}.SlideInModal_slide-in_7l1Pc{animation:SlideInModal_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.SlideInModal_slide-in_7l1Pc{animation-duration:.1ms}}.SlideInModal_slide-out_7l1Pc{animation:SlideInModal_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.SlideInModal_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes SlideInModal_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SlideInModal_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SlideInModal_slide-in-modal_7l1Pc{justify-content:flex-end;visibility:visible;transform:translate(120%);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.SlideInModal_slide-in-modal_7l1Pc{transition-duration:.1ms}}.SlideInModal_slide-in-modal_7l1Pc.SlideInModal_hide_7l1Pc{visibility:hidden}.SlideInModal_slide-in-modal_7l1Pc.SlideInModal_visible_7l1Pc{visibility:visible;transform:translate(0)}.SlideInModal_slide-in-modal_7l1Pc.SlideInModal_visible_7l1Pc #SlideInModal_backdrop-slide_7l1Pc,#SlideInModal_backdrop-slide_7l1Pc{background-color:transparent}@media only screen and (min-width: 50rem){.SlideInModal_container_7l1Pc{margin-top:0;width:50rem;height:100%;max-height:unset;border-radius:0;box-shadow:0 1.875rem 3.125rem var(--modal-shadow-color)}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l="SlideInModal_hidden_7l1Pc",e="SlideInModal_hide_7l1Pc",d="SlideInModal_visible_7l1Pc",i="SlideInModal_container_7l1Pc",o={"sr-only":"SlideInModal_sr-only_7l1Pc",hidden:l,"slide-in":"SlideInModal_slide-in_7l1Pc","slide-out":"SlideInModal_slide-out_7l1Pc","slide-in-modal":"SlideInModal_slide-in-modal_7l1Pc",hide:e,visible:d,"backdrop-slide":"SlideInModal_backdrop-slide_7l1Pc",container:i};exports.container=i,exports.default=o,exports.hidden=l,exports.hide=e,exports.visible=d;
+//# sourceMappingURL=SlideInModal.module.scss.cjs.js.map

package/dist/components/Notifications/SlideInModal/SlideInModal.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideInModal.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Notifications/SlideInModal/SlideInModal.module.scss.es.js

@@ -0,0 +1,24 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.SlideInModal_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.SlideInModal_hidden_7l1Pc{display:none}.SlideInModal_slide-in_7l1Pc{animation:SlideInModal_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.SlideInModal_slide-in_7l1Pc{animation-duration:.1ms}}.SlideInModal_slide-out_7l1Pc{animation:SlideInModal_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.SlideInModal_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes SlideInModal_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes SlideInModal_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.SlideInModal_slide-in-modal_7l1Pc{justify-content:flex-end;visibility:visible;transform:translate(120%);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.SlideInModal_slide-in-modal_7l1Pc{transition-duration:.1ms}}.SlideInModal_slide-in-modal_7l1Pc.SlideInModal_hide_7l1Pc{visibility:hidden}.SlideInModal_slide-in-modal_7l1Pc.SlideInModal_visible_7l1Pc{visibility:visible;transform:translate(0)}.SlideInModal_slide-in-modal_7l1Pc.SlideInModal_visible_7l1Pc #SlideInModal_backdrop-slide_7l1Pc,#SlideInModal_backdrop-slide_7l1Pc{background-color:transparent}@media only screen and (min-width: 50rem){.SlideInModal_container_7l1Pc{margin-top:0;width:50rem;height:100%;max-height:unset;border-radius:0;box-shadow:0 1.875rem 3.125rem var(--modal-shadow-color)}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+const hidden = "SlideInModal_hidden_7l1Pc";
+const hide = "SlideInModal_hide_7l1Pc";
+const visible = "SlideInModal_visible_7l1Pc";
+const container = "SlideInModal_container_7l1Pc";
+const classes = {
+  "sr-only": "SlideInModal_sr-only_7l1Pc",
+  hidden,
+  "slide-in": "SlideInModal_slide-in_7l1Pc",
+  "slide-out": "SlideInModal_slide-out_7l1Pc",
+  "slide-in-modal": "SlideInModal_slide-in-modal_7l1Pc",
+  hide,
+  visible,
+  "backdrop-slide": "SlideInModal_backdrop-slide_7l1Pc",
+  container
+};
+export {
+  container,
+  classes as default,
+  hidden,
+  hide,
+  visible
+};
+//# sourceMappingURL=SlideInModal.module.scss.es.js.map

package/dist/components/Notifications/SlideInModal/SlideInModal.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideInModal.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/Pagination/Pagination.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./Pagination.module.scss.cjs.js"),a=require("../../readyclasses.module.scss.cjs.js"),l=require("../Button/IconButton.cjs.js"),n=require("../Icon/Icon.cjs.js"),r=require("../Form/Select/SingleSelect/Select.cjs.js"),c=require("../Form/Select/SingleSelect/Option.cjs.js"),s=require("../Form/Label/Label.cjs.js");var i=(e=>(e.totalItems="items in total",e.itemsPerPage="Items per page",e.currentPage="of %1 pages",e.itemsPerPageLabel="Select how many items per page you want to see.",e.currentPageLabel="What page you are currently on.",e))(i||{});const o=e.forwardRef((({totalElements:o,pageSize:u=10,translate:m=i,currentPage:p,className:g,onPageChange:d,onPageSizeChange:f,...v},E)=>{const b=o?Math.ceil(o/u)<1?1:Math.ceil(o/u):1,[S,I]=e.useState(!1),h=e=>{d(e)};return e.useEffect((()=>{S&&I(!1)}),[S]),null==o||0===o?null:e.createElement("div",{...v,ref:E,className:`${t.default["pagination-wrapper"]} ${g??""}`},e.createElement("div",{className:t.default.left},u&&e.createElement("div",{className:t.default["per-page"]},e.createElement(s.Label,{id:"page-size-select-label",htmlFor:"page-size-select",className:t.default.label},m.itemsPerPage),e.createElement(r.Select,{name:"page-size-select",id:"page-size-select",labeledBy:"page-size-select-label",className:`${t.default["form-element"]} ${t.default["page-size-select"]}`,value:u.toString(),onChange:e=>{const t=Number(e.target.value);I(!0),f(t)}},e.createElement(c.Option,{value:"10"},"10"),e.createElement(c.Option,{value:"25"},"25"),e.createElement(c.Option,{value:"50"},"50"))),e.createElement("div",{className:t.default.total},e.createElement("span",{tabIndex:0},o," ",m.totalItems))),e.createElement("div",{className:t.default.pagination},e.createElement(e.Fragment,null,!!b&&e.createElement("div",{className:t.default.page},e.createElement(s.Label,{id:"current-value-input-label",htmlFor:"current-value-input",className:`${a.default["sr-only"]} ${t.default["current-value-select-label"]}`},m.currentPageLabel),e.createElement(r.Select,{labeledBy:"current-value-input-label",key:"input",id:"current-value-input",size:p.toString().length,onChange:e=>h(Number(e.target.value)),name:"current-value-input",value:p.toString(),className:`${t.default["form-element"]} ${t.default["current-page-select"]}`,search:{enabled:!0,searchInputProps:{wrapperProps:{className:t.default["search-input-wrapper"]},...S&&{reset:!0},autoComplete:"off"}}},Array.from(Array(b).keys()).map((t=>e.createElement(c.Option,{key:t,value:(t+1).toString()},(t+1).toString())))),e.createElement("span",{className:t.default["page-total"]},m.currentPage.replace("%1",Math.ceil(o/u).toString()))),!!p&&e.createElement("div",{className:t.default.previous},e.createElement(l.IconButton,{disabled:p<=1,title:"first",onClick:()=>h(1),"data-paginate":"first"},e.createElement(n.Icon,{icon:n.Icons.NavigationFirst})),e.createElement(l.IconButton,{disabled:p<=1,title:"previous",onClick:()=>h(p-1),"data-paginate":"previous"},e.createElement(n.Icon,{icon:n.Icons.ChevronLeft}))),e.createElement("div",{className:t.default.next},void 0!==p&&e.createElement(l.IconButton,{disabled:p>=b,title:"next",onClick:()=>h(p+1),"data-paginate":"next"},e.createElement(n.Icon,{icon:n.Icons.ChevronRight})),!!p&&e.createElement(l.IconButton,{disabled:p>=b,title:"last",onClick:()=>h(Math.ceil(o/u)),"data-paginate":"last"},e.createElement(n.Icon,{icon:n.Icons.NavigationLast}))))))}));exports.Pagination=o;
+//# sourceMappingURL=Pagination.cjs.js.map

package/dist/components/Pagination/Pagination.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.cjs.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  Fragment,\n  useState,\n  useEffect\n} from \"react\";\nimport classes from \"./Pagination.module.scss\";\nimport readyclasses from \"../../readyclasses.module.scss\";\nimport { IconButton } from \"../Button/IconButton\";\nimport { Icons, Icon } from \"../Icon/Icon\";\nimport { Select } from \"../Form/Select/SingleSelect/Select\";\nimport { Option } from \"../Form/Select/SingleSelect/Option\";\nimport { Label } from \"../Form/Label/Label\";\n\nexport type PaginationTranslations = {\n  totalItems: string;\n  itemsPerPage: string;\n  itemsPerPageLabel: string;\n  currentPage: string;\n  currentPageLabel: string;\n};\n\nexport type PageChangeLabels = \"next\" | \"previous\" | \"first\" | \"last\";\n\nenum DefaultTranslations {\n  totalItems = \"items in total\",\n  itemsPerPage = \"Items per page\",\n  currentPage = \"of %1 pages\",\n  itemsPerPageLabel = \"Select how many items per page you want to see.\",\n  currentPageLabel = \"What page you are currently on.\"\n}\n\nexport type PageSize = 10 | 25 | 50;\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"translate\"> {\n  currentPage: number;\n  totalElements?: number;\n  pageSize?: PageSize;\n  translate?: PaginationTranslations;\n  onPageChange: (pageToGoTo: number) => void;\n  onPageSizeChange: (pageSize: PageSize) => void;\n}\n\nconst PaginationComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    totalElements,\n    pageSize = 10,\n    translate = DefaultTranslations,\n    currentPage,\n    className,\n    onPageChange,\n    onPageSizeChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const calculateAmountOfPages = () => {\n    if (!totalElements) {\n      return 1;\n    }\n\n    if (Math.ceil(totalElements / pageSize) < 1) {\n      return 1;\n    }\n\n    return Math.ceil(totalElements / pageSize);\n  };\n  const pagesAmount = calculateAmountOfPages();\n  const [resetPageNoSelect, setResetPageNoSelect] = useState(false);\n\n  const onPageSizeChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const pageSizeNumber = Number(event.target.value) as PageSize;\n    setResetPageNoSelect(true);\n    onPageSizeChange(pageSizeNumber);\n  };\n\n  const onPageChangeHandler = (pageToGoTo: number) => {\n    onPageChange(pageToGoTo);\n  };\n\n  useEffect(() => {\n    resetPageNoSelect && setResetPageNoSelect(false);\n  }, [resetPageNoSelect]);\n\n  if (totalElements === undefined || totalElements === null || totalElements === 0) {\n    return null;\n  }\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"pagination-wrapper\"]} ${className ?? \"\"}`}>\n      <div className={classes[\"left\"]}>\n        {pageSize && (\n          <div className={classes[\"per-page\"]}>\n            <Label\n              id=\"page-size-select-label\"\n              htmlFor=\"page-size-select\"\n              className={classes[\"label\"]}\n            >\n              {translate.itemsPerPage}\n            </Label>\n            <Select\n              name=\"page-size-select\"\n              id=\"page-size-select\"\n              labeledBy=\"page-size-select-label\"\n              className={`${classes[\"form-element\"]} ${classes[\"page-size-select\"]}`}\n              value={pageSize.toString()}\n              onChange={onPageSizeChangeHandler}\n            >\n              <Option value=\"10\">10</Option>\n              <Option value=\"25\">25</Option>\n              <Option value=\"50\">50</Option>\n            </Select>\n          </div>\n        )}\n        <div className={classes[\"total\"]}>\n          <span tabIndex={0}>\n            {totalElements}&nbsp;{translate.totalItems}\n          </span>\n        </div>\n      </div>\n      <div className={classes[\"pagination\"]}>\n        <Fragment>\n          {!!pagesAmount && (\n            <div className={classes[\"page\"]}>\n              <Label\n                id=\"current-value-input-label\"\n                htmlFor=\"current-value-input\"\n                className={`${readyclasses[\"sr-only\"]} ${classes[\"current-value-select-label\"]}`}\n              >\n                {translate.currentPageLabel}\n              </Label>\n              <Select\n                labeledBy=\"current-value-input-label\"\n                key=\"input\"\n                id=\"current-value-input\"\n                size={currentPage.toString().length}\n                onChange={(e: React.ChangeEvent<HTMLSelectElement>) =>\n                  onPageChangeHandler(Number(e.target.value))\n                }\n                name=\"current-value-input\"\n                value={currentPage.toString()}\n                className={`${classes[\"form-element\"]} ${classes[\"current-page-select\"]}`}\n                search={{\n                  enabled: true,\n                  searchInputProps: {\n                    wrapperProps: { className: classes[\"search-input-wrapper\"] },\n                    ...(resetPageNoSelect && { reset: true }),\n                    autoComplete: \"off\"\n                  }\n                }}\n              >\n                {Array.from(Array(pagesAmount).keys()).map(page => (\n                  <Option key={page} value={(page + 1).toString()}>\n                    {(page + 1).toString()}\n                  </Option>\n                ))}\n              </Select>\n              <span className={classes[\"page-total\"]}>\n                {translate.currentPage.replace(\n                  \"%1\",\n                  Math.ceil(totalElements / pageSize).toString()\n                )}\n              </span>\n            </div>\n          )}\n          {!!currentPage && (\n            <div className={classes[\"previous\"]}>\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"first\"\n                  onClick={() => onPageChangeHandler(1)}\n                  data-paginate=\"first\"\n                >\n                  <Icon icon={Icons.NavigationFirst} />\n                </IconButton>\n              }\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"previous\"\n                  onClick={() => onPageChangeHandler(currentPage - 1)}\n                  data-paginate=\"previous\"\n                >\n                  <Icon icon={Icons.ChevronLeft} />\n                </IconButton>\n              }\n            </div>\n          )}\n          <div className={classes[\"next\"]}>\n            {(currentPage !== undefined || false) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"next\"\n                onClick={() => onPageChangeHandler(currentPage + 1)}\n                data-paginate=\"next\"\n              >\n                <Icon icon={Icons.ChevronRight} />\n              </IconButton>\n            )}\n            {!!currentPage && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"last\"\n                onClick={() => onPageChangeHandler(Math.ceil(totalElements / pageSize))}\n                data-paginate=\"last\"\n              >\n                <Icon icon={Icons.NavigationLast} />\n              </IconButton>\n            )}\n          </div>\n        </Fragment>\n      </div>\n    </div>\n  );\n};\n\nexport const Pagination = React.forwardRef(PaginationComponent);\n"],"names":["DefaultTranslations","Pagination","React","forwardRef","totalElements","pageSize","translate","currentPage","className","onPageChange","onPageSizeChange","rest","ref","pagesAmount","Math","ceil","resetPageNoSelect","setResetPageNoSelect","useState","onPageChangeHandler","pageToGoTo","useEffect","createElement","classes","default","Label","id","htmlFor","itemsPerPage","Select","name","labeledBy","value","toString","onChange","event","pageSizeNumber","Number","target","Option","tabIndex","totalItems","Fragment","readyclasses","currentPageLabel","key","size","length","e","search","enabled","searchInputProps","wrapperProps","reset","autoComplete","Array","from","keys","map","page","replace","IconButton","disabled","title","onClick","Icon","icon","Icons","NavigationFirst","ChevronLeft","ChevronRight","NavigationLast"],"mappings":"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"}

package/dist/components/Pagination/Pagination.es.js

@@ -0,0 +1,147 @@
+import React, { useState, useEffect, Fragment } from "react";
+import classes from "./Pagination.module.scss.es.js";
+import readyclasses from "../../readyclasses.module.scss.es.js";
+import { IconButton } from "../Button/IconButton.es.js";
+import { Icon, Icons } from "../Icon/Icon.es.js";
+import { Select } from "../Form/Select/SingleSelect/Select.es.js";
+import { Option } from "../Form/Select/SingleSelect/Option.es.js";
+import { Label } from "../Form/Label/Label.es.js";
+var DefaultTranslations = /* @__PURE__ */ ((DefaultTranslations2) => {
+  DefaultTranslations2["totalItems"] = "items in total";
+  DefaultTranslations2["itemsPerPage"] = "Items per page";
+  DefaultTranslations2["currentPage"] = "of %1 pages";
+  DefaultTranslations2["itemsPerPageLabel"] = "Select how many items per page you want to see.";
+  DefaultTranslations2["currentPageLabel"] = "What page you are currently on.";
+  return DefaultTranslations2;
+})(DefaultTranslations || {});
+const PaginationComponent = ({
+  totalElements,
+  pageSize = 10,
+  translate = DefaultTranslations,
+  currentPage,
+  className,
+  onPageChange,
+  onPageSizeChange,
+  ...rest
+}, ref) => {
+  const calculateAmountOfPages = () => {
+    if (!totalElements) {
+      return 1;
+    }
+    if (Math.ceil(totalElements / pageSize) < 1) {
+      return 1;
+    }
+    return Math.ceil(totalElements / pageSize);
+  };
+  const pagesAmount = calculateAmountOfPages();
+  const [resetPageNoSelect, setResetPageNoSelect] = useState(false);
+  const onPageSizeChangeHandler = (event) => {
+    const pageSizeNumber = Number(event.target.value);
+    setResetPageNoSelect(true);
+    onPageSizeChange(pageSizeNumber);
+  };
+  const onPageChangeHandler = (pageToGoTo) => {
+    onPageChange(pageToGoTo);
+  };
+  useEffect(() => {
+    resetPageNoSelect && setResetPageNoSelect(false);
+  }, [resetPageNoSelect]);
+  if (totalElements === void 0 || totalElements === null || totalElements === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", { ...rest, ref, className: `${classes["pagination-wrapper"]} ${className ?? ""}` }, /* @__PURE__ */ React.createElement("div", { className: classes["left"] }, pageSize && /* @__PURE__ */ React.createElement("div", { className: classes["per-page"] }, /* @__PURE__ */ React.createElement(
+    Label,
+    {
+      id: "page-size-select-label",
+      htmlFor: "page-size-select",
+      className: classes["label"]
+    },
+    translate.itemsPerPage
+  ), /* @__PURE__ */ React.createElement(
+    Select,
+    {
+      name: "page-size-select",
+      id: "page-size-select",
+      labeledBy: "page-size-select-label",
+      className: `${classes["form-element"]} ${classes["page-size-select"]}`,
+      value: pageSize.toString(),
+      onChange: onPageSizeChangeHandler
+    },
+    /* @__PURE__ */ React.createElement(Option, { value: "10" }, "10"),
+    /* @__PURE__ */ React.createElement(Option, { value: "25" }, "25"),
+    /* @__PURE__ */ React.createElement(Option, { value: "50" }, "50")
+  )), /* @__PURE__ */ React.createElement("div", { className: classes["total"] }, /* @__PURE__ */ React.createElement("span", { tabIndex: 0 }, totalElements, " ", translate.totalItems))), /* @__PURE__ */ React.createElement("div", { className: classes["pagination"] }, /* @__PURE__ */ React.createElement(Fragment, null, !!pagesAmount && /* @__PURE__ */ React.createElement("div", { className: classes["page"] }, /* @__PURE__ */ React.createElement(
+    Label,
+    {
+      id: "current-value-input-label",
+      htmlFor: "current-value-input",
+      className: `${readyclasses["sr-only"]} ${classes["current-value-select-label"]}`
+    },
+    translate.currentPageLabel
+  ), /* @__PURE__ */ React.createElement(
+    Select,
+    {
+      labeledBy: "current-value-input-label",
+      key: "input",
+      id: "current-value-input",
+      size: currentPage.toString().length,
+      onChange: (e) => onPageChangeHandler(Number(e.target.value)),
+      name: "current-value-input",
+      value: currentPage.toString(),
+      className: `${classes["form-element"]} ${classes["current-page-select"]}`,
+      search: {
+        enabled: true,
+        searchInputProps: {
+          wrapperProps: { className: classes["search-input-wrapper"] },
+          ...resetPageNoSelect && { reset: true },
+          autoComplete: "off"
+        }
+      }
+    },
+    Array.from(Array(pagesAmount).keys()).map((page) => /* @__PURE__ */ React.createElement(Option, { key: page, value: (page + 1).toString() }, (page + 1).toString()))
+  ), /* @__PURE__ */ React.createElement("span", { className: classes["page-total"] }, translate.currentPage.replace(
+    "%1",
+    Math.ceil(totalElements / pageSize).toString()
+  ))), !!currentPage && /* @__PURE__ */ React.createElement("div", { className: classes["previous"] }, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      disabled: currentPage <= 1,
+      title: "first",
+      onClick: () => onPageChangeHandler(1),
+      "data-paginate": "first"
+    },
+    /* @__PURE__ */ React.createElement(Icon, { icon: Icons.NavigationFirst })
+  ), /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      disabled: currentPage <= 1,
+      title: "previous",
+      onClick: () => onPageChangeHandler(currentPage - 1),
+      "data-paginate": "previous"
+    },
+    /* @__PURE__ */ React.createElement(Icon, { icon: Icons.ChevronLeft })
+  )), /* @__PURE__ */ React.createElement("div", { className: classes["next"] }, (currentPage !== void 0 || false) && /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      disabled: currentPage >= pagesAmount,
+      title: "next",
+      onClick: () => onPageChangeHandler(currentPage + 1),
+      "data-paginate": "next"
+    },
+    /* @__PURE__ */ React.createElement(Icon, { icon: Icons.ChevronRight })
+  ), !!currentPage && /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      disabled: currentPage >= pagesAmount,
+      title: "last",
+      onClick: () => onPageChangeHandler(Math.ceil(totalElements / pageSize)),
+      "data-paginate": "last"
+    },
+    /* @__PURE__ */ React.createElement(Icon, { icon: Icons.NavigationLast })
+  )))));
+};
+const Pagination = React.forwardRef(PaginationComponent);
+export {
+  Pagination
+};
+//# sourceMappingURL=Pagination.es.js.map

package/dist/components/Pagination/Pagination.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.es.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  Fragment,\n  useState,\n  useEffect\n} from \"react\";\nimport classes from \"./Pagination.module.scss\";\nimport readyclasses from \"../../readyclasses.module.scss\";\nimport { IconButton } from \"../Button/IconButton\";\nimport { Icons, Icon } from \"../Icon/Icon\";\nimport { Select } from \"../Form/Select/SingleSelect/Select\";\nimport { Option } from \"../Form/Select/SingleSelect/Option\";\nimport { Label } from \"../Form/Label/Label\";\n\nexport type PaginationTranslations = {\n  totalItems: string;\n  itemsPerPage: string;\n  itemsPerPageLabel: string;\n  currentPage: string;\n  currentPageLabel: string;\n};\n\nexport type PageChangeLabels = \"next\" | \"previous\" | \"first\" | \"last\";\n\nenum DefaultTranslations {\n  totalItems = \"items in total\",\n  itemsPerPage = \"Items per page\",\n  currentPage = \"of %1 pages\",\n  itemsPerPageLabel = \"Select how many items per page you want to see.\",\n  currentPageLabel = \"What page you are currently on.\"\n}\n\nexport type PageSize = 10 | 25 | 50;\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"translate\"> {\n  currentPage: number;\n  totalElements?: number;\n  pageSize?: PageSize;\n  translate?: PaginationTranslations;\n  onPageChange: (pageToGoTo: number) => void;\n  onPageSizeChange: (pageSize: PageSize) => void;\n}\n\nconst PaginationComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    totalElements,\n    pageSize = 10,\n    translate = DefaultTranslations,\n    currentPage,\n    className,\n    onPageChange,\n    onPageSizeChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const calculateAmountOfPages = () => {\n    if (!totalElements) {\n      return 1;\n    }\n\n    if (Math.ceil(totalElements / pageSize) < 1) {\n      return 1;\n    }\n\n    return Math.ceil(totalElements / pageSize);\n  };\n  const pagesAmount = calculateAmountOfPages();\n  const [resetPageNoSelect, setResetPageNoSelect] = useState(false);\n\n  const onPageSizeChangeHandler = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    const pageSizeNumber = Number(event.target.value) as PageSize;\n    setResetPageNoSelect(true);\n    onPageSizeChange(pageSizeNumber);\n  };\n\n  const onPageChangeHandler = (pageToGoTo: number) => {\n    onPageChange(pageToGoTo);\n  };\n\n  useEffect(() => {\n    resetPageNoSelect && setResetPageNoSelect(false);\n  }, [resetPageNoSelect]);\n\n  if (totalElements === undefined || totalElements === null || totalElements === 0) {\n    return null;\n  }\n\n  return (\n    <div {...rest} ref={ref} className={`${classes[\"pagination-wrapper\"]} ${className ?? \"\"}`}>\n      <div className={classes[\"left\"]}>\n        {pageSize && (\n          <div className={classes[\"per-page\"]}>\n            <Label\n              id=\"page-size-select-label\"\n              htmlFor=\"page-size-select\"\n              className={classes[\"label\"]}\n            >\n              {translate.itemsPerPage}\n            </Label>\n            <Select\n              name=\"page-size-select\"\n              id=\"page-size-select\"\n              labeledBy=\"page-size-select-label\"\n              className={`${classes[\"form-element\"]} ${classes[\"page-size-select\"]}`}\n              value={pageSize.toString()}\n              onChange={onPageSizeChangeHandler}\n            >\n              <Option value=\"10\">10</Option>\n              <Option value=\"25\">25</Option>\n              <Option value=\"50\">50</Option>\n            </Select>\n          </div>\n        )}\n        <div className={classes[\"total\"]}>\n          <span tabIndex={0}>\n            {totalElements}&nbsp;{translate.totalItems}\n          </span>\n        </div>\n      </div>\n      <div className={classes[\"pagination\"]}>\n        <Fragment>\n          {!!pagesAmount && (\n            <div className={classes[\"page\"]}>\n              <Label\n                id=\"current-value-input-label\"\n                htmlFor=\"current-value-input\"\n                className={`${readyclasses[\"sr-only\"]} ${classes[\"current-value-select-label\"]}`}\n              >\n                {translate.currentPageLabel}\n              </Label>\n              <Select\n                labeledBy=\"current-value-input-label\"\n                key=\"input\"\n                id=\"current-value-input\"\n                size={currentPage.toString().length}\n                onChange={(e: React.ChangeEvent<HTMLSelectElement>) =>\n                  onPageChangeHandler(Number(e.target.value))\n                }\n                name=\"current-value-input\"\n                value={currentPage.toString()}\n                className={`${classes[\"form-element\"]} ${classes[\"current-page-select\"]}`}\n                search={{\n                  enabled: true,\n                  searchInputProps: {\n                    wrapperProps: { className: classes[\"search-input-wrapper\"] },\n                    ...(resetPageNoSelect && { reset: true }),\n                    autoComplete: \"off\"\n                  }\n                }}\n              >\n                {Array.from(Array(pagesAmount).keys()).map(page => (\n                  <Option key={page} value={(page + 1).toString()}>\n                    {(page + 1).toString()}\n                  </Option>\n                ))}\n              </Select>\n              <span className={classes[\"page-total\"]}>\n                {translate.currentPage.replace(\n                  \"%1\",\n                  Math.ceil(totalElements / pageSize).toString()\n                )}\n              </span>\n            </div>\n          )}\n          {!!currentPage && (\n            <div className={classes[\"previous\"]}>\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"first\"\n                  onClick={() => onPageChangeHandler(1)}\n                  data-paginate=\"first\"\n                >\n                  <Icon icon={Icons.NavigationFirst} />\n                </IconButton>\n              }\n              {\n                <IconButton\n                  disabled={currentPage <= 1}\n                  title=\"previous\"\n                  onClick={() => onPageChangeHandler(currentPage - 1)}\n                  data-paginate=\"previous\"\n                >\n                  <Icon icon={Icons.ChevronLeft} />\n                </IconButton>\n              }\n            </div>\n          )}\n          <div className={classes[\"next\"]}>\n            {(currentPage !== undefined || false) && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"next\"\n                onClick={() => onPageChangeHandler(currentPage + 1)}\n                data-paginate=\"next\"\n              >\n                <Icon icon={Icons.ChevronRight} />\n              </IconButton>\n            )}\n            {!!currentPage && (\n              <IconButton\n                disabled={currentPage >= pagesAmount}\n                title=\"last\"\n                onClick={() => onPageChangeHandler(Math.ceil(totalElements / pageSize))}\n                data-paginate=\"last\"\n              >\n                <Icon icon={Icons.NavigationLast} />\n              </IconButton>\n            )}\n          </div>\n        </Fragment>\n      </div>\n    </div>\n  );\n};\n\nexport const Pagination = React.forwardRef(PaginationComponent);\n"],"names":["DefaultTranslations"],"mappings":"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"}

package/dist/components/Pagination/Pagination.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Pagination_pagination-wrapper_7l1Pc{font-family:var(--font-family);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);color:var(--greyed-out);display:flex;flex-direction:column;justify-content:space-between}.Pagination_pagination-wrapper_7l1Pc .Pagination_left_7l1Pc{display:flex}.Pagination_pagination-wrapper_7l1Pc .Pagination_form-element_7l1Pc{height:calc(2.5 * var(--font-size))}.Pagination_pagination-wrapper_7l1Pc .Pagination_form-element_7l1Pc .Pagination_search-input-wrapper_7l1Pc{width:2.75rem}.Pagination_pagination-wrapper_7l1Pc .Pagination_form-element_7l1Pc button{min-height:calc(2.5 * var(--font-size))}.Pagination_pagination-wrapper_7l1Pc .Pagination_total_7l1Pc{flex:1 0 auto;display:flex;align-items:center;justify-content:center}.Pagination_pagination-wrapper_7l1Pc .Pagination_total_7l1Pc span{color:var(--color-blue-grey500)}.Pagination_pagination-wrapper_7l1Pc .Pagination_pagination_7l1Pc{flex:1 0 auto;display:flex;align-items:center;justify-content:center;margin-top:1rem}.Pagination_pagination-wrapper_7l1Pc .Pagination_pagination_7l1Pc .Pagination_previous_7l1Pc,.Pagination_pagination-wrapper_7l1Pc .Pagination_pagination_7l1Pc .Pagination_next_7l1Pc{display:flex;align-items:center}.Pagination_pagination-wrapper_7l1Pc .Pagination_pagination_7l1Pc .Pagination_previous_7l1Pc button span:before,.Pagination_pagination-wrapper_7l1Pc .Pagination_pagination_7l1Pc .Pagination_next_7l1Pc button span:before{font-size:var(--font-size-sub)}.Pagination_pagination-wrapper_7l1Pc .Pagination_per-page_7l1Pc{display:none;align-items:center;gap:.5rem}.Pagination_pagination-wrapper_7l1Pc .Pagination_per-page_7l1Pc label{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);font-weight:500;color:var(--color-blue-grey900)}.Pagination_pagination-wrapper_7l1Pc .Pagination_per-page_7l1Pc+.Pagination_total_7l1Pc{padding-left:.9375rem;border-left:1px solid var(--color-blue-grey100)}.Pagination_pagination-wrapper_7l1Pc .Pagination_page_7l1Pc{display:flex;align-items:center;flex-basis:min-content;padding-right:1rem}.Pagination_pagination-wrapper_7l1Pc .Pagination_page-total_7l1Pc{display:inline-block;margin-left:.5rem;white-space:nowrap;font-weight:500;color:var(--color-blue-grey900)}.Pagination_pagination-wrapper_7l1Pc .Pagination_page_7l1Pc+.Pagination_previous_7l1Pc{padding-left:.9375rem;border-left:1px solid var(--color-blue-grey100)}.Pagination_pagination-wrapper_7l1Pc .Pagination_page-size-select_7l1Pc button{min-width:calc(4.25 * var(--font-size));padding:0}.Pagination_pagination-wrapper_7l1Pc .Pagination_page-size-select_7l1Pc button div[data-display]{left:.5rem}.Pagination_pagination-wrapper_7l1Pc .Pagination_page-size-select_7l1Pc button div:not([data-display]){right:.5rem}.Pagination_current-page-select_7l1Pc button{min-width:calc(3.75 * var(--font-size));padding:0}.Pagination_current-page-select_7l1Pc button div[data-display]{left:.5rem}.Pagination_current-page-select_7l1Pc button div:not([data-display]){right:.5rem}@media screen and (min-width: 30em){.Pagination_pagination-wrapper_7l1Pc{flex-direction:row}.Pagination_pagination-wrapper_7l1Pc .Pagination_total_7l1Pc{justify-content:flex-start}.Pagination_pagination-wrapper_7l1Pc .Pagination_pagination_7l1Pc{margin-top:0;justify-content:flex-end}}@media screen and (min-width: 48em){.Pagination_pagination-wrapper_7l1Pc .Pagination_per-page_7l1Pc{display:flex;margin-right:1rem}}')),document.head.appendChild(a)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Pagination_left_7l1Pc",a="Pagination_total_7l1Pc",t="Pagination_pagination_7l1Pc",n="Pagination_previous_7l1Pc",i="Pagination_next_7l1Pc",o="Pagination_page_7l1Pc",p={"pagination-wrapper":"Pagination_pagination-wrapper_7l1Pc",left:e,"form-element":"Pagination_form-element_7l1Pc","search-input-wrapper":"Pagination_search-input-wrapper_7l1Pc",total:a,pagination:t,previous:n,next:i,"per-page":"Pagination_per-page_7l1Pc",page:o,"page-total":"Pagination_page-total_7l1Pc","page-size-select":"Pagination_page-size-select_7l1Pc","current-page-select":"Pagination_current-page-select_7l1Pc"};exports.default=p,exports.left=e,exports.next=i,exports.page=o,exports.pagination=t,exports.previous=n,exports.total=a;
+//# sourceMappingURL=Pagination.module.scss.cjs.js.map

package/dist/components/Pagination/Pagination.module.scss.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Pagination/Pagination.module.scss.es.js

@@ -0,0 +1,32 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Pagination_pagination-wrapper_7l1Pc{font-family:var(--font-family);font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);color:var(--greyed-out);display:flex;flex-direction:column;justify-content:space-between}.Pagination_pagination-wrapper_7l1Pc .Pagination_left_7l1Pc{display:flex}.Pagination_pagination-wrapper_7l1Pc .Pagination_form-element_7l1Pc{height:calc(2.5 * var(--font-size))}.Pagination_pagination-wrapper_7l1Pc .Pagination_form-element_7l1Pc .Pagination_search-input-wrapper_7l1Pc{width:2.75rem}.Pagination_pagination-wrapper_7l1Pc .Pagination_form-element_7l1Pc button{min-height:calc(2.5 * var(--font-size))}.Pagination_pagination-wrapper_7l1Pc .Pagination_total_7l1Pc{flex:1 0 auto;display:flex;align-items:center;justify-content:center}.Pagination_pagination-wrapper_7l1Pc .Pagination_total_7l1Pc span{color:var(--color-blue-grey500)}.Pagination_pagination-wrapper_7l1Pc .Pagination_pagination_7l1Pc{flex:1 0 auto;display:flex;align-items:center;justify-content:center;margin-top:1rem}.Pagination_pagination-wrapper_7l1Pc .Pagination_pagination_7l1Pc .Pagination_previous_7l1Pc,.Pagination_pagination-wrapper_7l1Pc .Pagination_pagination_7l1Pc .Pagination_next_7l1Pc{display:flex;align-items:center}.Pagination_pagination-wrapper_7l1Pc .Pagination_pagination_7l1Pc .Pagination_previous_7l1Pc button span:before,.Pagination_pagination-wrapper_7l1Pc .Pagination_pagination_7l1Pc .Pagination_next_7l1Pc button span:before{font-size:var(--font-size-sub)}.Pagination_pagination-wrapper_7l1Pc .Pagination_per-page_7l1Pc{display:none;align-items:center;gap:.5rem}.Pagination_pagination-wrapper_7l1Pc .Pagination_per-page_7l1Pc label{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height);font-weight:500;color:var(--color-blue-grey900)}.Pagination_pagination-wrapper_7l1Pc .Pagination_per-page_7l1Pc+.Pagination_total_7l1Pc{padding-left:.9375rem;border-left:1px solid var(--color-blue-grey100)}.Pagination_pagination-wrapper_7l1Pc .Pagination_page_7l1Pc{display:flex;align-items:center;flex-basis:min-content;padding-right:1rem}.Pagination_pagination-wrapper_7l1Pc .Pagination_page-total_7l1Pc{display:inline-block;margin-left:.5rem;white-space:nowrap;font-weight:500;color:var(--color-blue-grey900)}.Pagination_pagination-wrapper_7l1Pc .Pagination_page_7l1Pc+.Pagination_previous_7l1Pc{padding-left:.9375rem;border-left:1px solid var(--color-blue-grey100)}.Pagination_pagination-wrapper_7l1Pc .Pagination_page-size-select_7l1Pc button{min-width:calc(4.25 * var(--font-size));padding:0}.Pagination_pagination-wrapper_7l1Pc .Pagination_page-size-select_7l1Pc button div[data-display]{left:.5rem}.Pagination_pagination-wrapper_7l1Pc .Pagination_page-size-select_7l1Pc button div:not([data-display]){right:.5rem}.Pagination_current-page-select_7l1Pc button{min-width:calc(3.75 * var(--font-size));padding:0}.Pagination_current-page-select_7l1Pc button div[data-display]{left:.5rem}.Pagination_current-page-select_7l1Pc button div:not([data-display]){right:.5rem}@media screen and (min-width: 30em){.Pagination_pagination-wrapper_7l1Pc{flex-direction:row}.Pagination_pagination-wrapper_7l1Pc .Pagination_total_7l1Pc{justify-content:flex-start}.Pagination_pagination-wrapper_7l1Pc .Pagination_pagination_7l1Pc{margin-top:0;justify-content:flex-end}}@media screen and (min-width: 48em){.Pagination_pagination-wrapper_7l1Pc .Pagination_per-page_7l1Pc{display:flex;margin-right:1rem}}')),document.head.appendChild(a)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const left = "Pagination_left_7l1Pc";
+const total = "Pagination_total_7l1Pc";
+const pagination = "Pagination_pagination_7l1Pc";
+const previous = "Pagination_previous_7l1Pc";
+const next = "Pagination_next_7l1Pc";
+const page = "Pagination_page_7l1Pc";
+const classes = {
+  "pagination-wrapper": "Pagination_pagination-wrapper_7l1Pc",
+  left,
+  "form-element": "Pagination_form-element_7l1Pc",
+  "search-input-wrapper": "Pagination_search-input-wrapper_7l1Pc",
+  total,
+  pagination,
+  previous,
+  next,
+  "per-page": "Pagination_per-page_7l1Pc",
+  page,
+  "page-total": "Pagination_page-total_7l1Pc",
+  "page-size-select": "Pagination_page-size-select_7l1Pc",
+  "current-page-select": "Pagination_current-page-select_7l1Pc"
+};
+export {
+  classes as default,
+  left,
+  next,
+  page,
+  pagination,
+  previous,
+  total
+};
+//# sourceMappingURL=Pagination.module.scss.es.js.map

package/dist/components/Pagination/Pagination.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Popover/Popover.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../hooks/usePosition.cjs.js"),n=require("./Popover.module.scss.cjs.js"),o=e.forwardRef((({children:o,className:r,show:i,placement:s,offset:u,debounceAmount:c,transformOrigin:l,anchorEl:a,onAnchorOutOfView:f,...d},m)=>{const[v,p]=e.useState(!1),[E,w]=e.useState(!1),b=e.useRef(null),{top:g,left:N,right:h,bottom:L,calculatePosition:P}=t.usePosition({elementToBePositioned:b,relativeElement:a,offset:u,placement:s,transformOrigin:l,debounceAmount:c??void 0}),y=e=>"initial"===e?"initial":isNaN(e)?0:Number(e);return e.useEffect((()=>{i?p(!0):w(!1)}),[i]),e.useLayoutEffect((()=>{v&&!E&&i&&(P(),requestAnimationFrame((()=>{w(!0)})))}),[v,E,i,P]),e.useEffect((()=>{if(E)return window.addEventListener("resize",P),window.addEventListener("scroll",P),()=>{window.removeEventListener("resize",P),window.removeEventListener("scroll",P)}}),[E,P]),e.useEffect((()=>{const e=b.current;if(!e||E)return;const t=e=>{"opacity"===e.propertyName&&p(!1)};return e.addEventListener("transitionend",t),()=>{e.removeEventListener("transitionend",t)}}),[E]),e.useEffect((()=>{const e=null==a?void 0:a.current;if(e){const t=e.getBoundingClientRect().top,n=e.getBoundingClientRect().bottom;E&&(Number(g)<0||Number(N)<0||Number(h)<0||Number(L)<0||t<0||n>window.innerHeight)&&(null==f||f())}}),[g,N,h,L]),e.createElement("div",{ref:m,...d},v&&e.createElement("div",{ref:b,className:`${n.default.popover} ${r??""} ${E?n.default.show:""}`,style:{top:y(g),left:y(N),right:y(h),bottom:y(L)}},o))}));exports.Popover=o;
+//# sourceMappingURL=Popover.cjs.js.map

package/dist/components/Popover/Popover.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.cjs.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefRenderFunction,\n  ComponentPropsWithRef,\n  ReactNode,\n  RefObject,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Offset, Placement, PositionType, usePosition } from \"../../hooks/usePosition\";\nimport classes from \"./Popover.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children?: ReactNode;\n  show?: boolean;\n  anchorEl?: RefObject<HTMLOrSVGElement>; //eslint-disable-line no-undef\n  placement?: Placement;\n  offset?: Offset;\n  debounceAmount?: number;\n  transformOrigin?: Placement;\n  onAnchorOutOfView?: () => void;\n}\n\nconst PopoverComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    children,\n    className,\n    show,\n    placement,\n    offset,\n    debounceAmount,\n    transformOrigin,\n    anchorEl,\n    onAnchorOutOfView,\n    ...rest\n  },\n  ref\n) => {\n  const [shouldRender, setShouldRender] = useState(false);\n  const [showPopover, setShowPopover] = useState(false);\n  const elToBePositioned = useRef<HTMLDivElement>(null);\n  const { top, left, right, bottom, calculatePosition } = usePosition({\n    elementToBePositioned: elToBePositioned,\n    relativeElement: anchorEl,\n    offset: offset,\n    placement: placement,\n    transformOrigin: transformOrigin,\n    debounceAmount: debounceAmount ?? undefined\n  });\n\n  const normalizePosition = (value: PositionType) => {\n    if (value === \"initial\") {\n      return \"initial\";\n    }\n\n    if (isNaN(value)) {\n      return 0;\n    }\n\n    return Number(value);\n  };\n\n  useEffect(() => {\n    if (show) {\n      setShouldRender(true);\n    } else {\n      setShowPopover(false);\n    }\n  }, [show]);\n\n  useLayoutEffect(() => {\n    if (shouldRender && !showPopover && show) {\n      calculatePosition();\n      requestAnimationFrame(() => {\n        setShowPopover(true);\n      });\n    }\n  }, [shouldRender, showPopover, show, calculatePosition]);\n\n  useEffect(() => {\n    if (!showPopover) {\n      return;\n    }\n\n    window.addEventListener(\"resize\", calculatePosition);\n    window.addEventListener(\"scroll\", calculatePosition);\n\n    return () => {\n      window.removeEventListener(\"resize\", calculatePosition);\n      window.removeEventListener(\"scroll\", calculatePosition);\n    };\n  }, [showPopover, calculatePosition]);\n\n  useEffect(() => {\n    const element = elToBePositioned.current;\n\n    if (!element || showPopover) {\n      return;\n    }\n\n    const handleTransitionEnd = (event: TransitionEvent) => {\n      if (event.propertyName === \"opacity\") {\n        setShouldRender(false);\n      }\n    };\n\n    element.addEventListener(\"transitionend\", handleTransitionEnd);\n\n    return () => {\n      element.removeEventListener(\"transitionend\", handleTransitionEnd);\n    };\n  }, [showPopover]);\n\n  useEffect(() => {\n    const anchor = anchorEl?.current as HTMLElement;\n\n    if (anchor) {\n      const anchorTop = anchor.getBoundingClientRect().top;\n      const anchorBottom = anchor.getBoundingClientRect().bottom;\n\n      const isAnchorOffscreen =\n        showPopover &&\n        (Number(top) < 0 ||\n          Number(left) < 0 ||\n          Number(right) < 0 ||\n          Number(bottom) < 0 ||\n          anchorTop < 0 ||\n          anchorBottom > window.innerHeight);\n\n      if (isAnchorOffscreen) {\n        onAnchorOutOfView?.();\n      }\n    }\n  }, [top, left, right, bottom]);\n\n  return (\n    <div ref={ref} {...rest}>\n      {shouldRender && (\n        <div\n          ref={elToBePositioned}\n          className={`${classes.popover} ${className ?? \"\"} ${showPopover ? classes.show : \"\"}`}\n          style={{\n            top: normalizePosition(top),\n            left: normalizePosition(left),\n            right: normalizePosition(right),\n            bottom: normalizePosition(bottom)\n          }}\n        >\n          {children}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const Popover = React.forwardRef(PopoverComponent);\n"],"names":["Popover","React","forwardRef","children","className","show","placement","offset","debounceAmount","transformOrigin","anchorEl","onAnchorOutOfView","rest","ref","shouldRender","setShouldRender","useState","showPopover","setShowPopover","elToBePositioned","useRef","top","left","right","bottom","calculatePosition","usePosition","elementToBePositioned","relativeElement","normalizePosition","value","isNaN","Number","useEffect","useLayoutEffect","requestAnimationFrame","window","addEventListener","removeEventListener","element","current","handleTransitionEnd","event","propertyName","anchor","anchorTop","getBoundingClientRect","anchorBottom","innerHeight","createElement","classes","popover","style"],"mappings":"+LA4KaA,EAAUC,EAAMC,YApI6C,EAEtEC,WACAC,YACAC,OACAC,YACAC,SACAC,iBACAC,kBACAC,WACAC,uBACGC,GAELC,KAEA,MAAOC,EAAcC,GAAmBC,EAAAA,UAAS,IAC1CC,EAAaC,GAAkBF,EAAAA,UAAS,GACzCG,EAAmBC,SAAuB,OAC1CC,IAAEA,OAAKC,EAAMC,MAAAA,EAAAC,OAAOA,oBAAQC,GAAsBC,cAAY,CAClEC,sBAAuBR,EACvBS,gBAAiBlB,EACjBH,SACAD,YACAG,kBACAD,eAAgBA,QAAkB,IAG9BqB,EAAqBC,GACX,YAAVA,EACK,UAGLC,MAAMD,GACD,EAGFE,OAAOF,GA6Eb,OA1EHG,EAAAA,WAAU,KACJ5B,EACFU,GAAgB,GAEhBG,GAAe,EAAK,GAErB,CAACb,IAEJ6B,EAAAA,iBAAgB,KACVpB,IAAiBG,GAAeZ,IAChBoB,IAClBU,uBAAsB,KACpBjB,GAAe,EAAI,IACpB,GAEF,CAACJ,EAAcG,EAAaZ,EAAMoB,IAErCQ,EAAAA,WAAU,KACR,GAAKhB,EAOL,OAHOmB,OAAAC,iBAAiB,SAAUZ,GAC3BW,OAAAC,iBAAiB,SAAUZ,GAE3B,KACEW,OAAAE,oBAAoB,SAAUb,GAC9BW,OAAAE,oBAAoB,SAAUb,EAAiB,CACxD,GACC,CAACR,EAAaQ,IAEjBQ,EAAAA,WAAU,KACR,MAAMM,EAAUpB,EAAiBqB,QAE7B,IAACD,GAAWtB,EACd,OAGI,MAAAwB,EAAuBC,IACA,YAAvBA,EAAMC,cACR5B,GAAgB,EAAK,EAMzB,OAFQwB,EAAAF,iBAAiB,gBAAiBI,GAEnC,KACGF,EAAAD,oBAAoB,gBAAiBG,EAAmB,CAClE,GACC,CAACxB,IAEJgB,EAAAA,WAAU,KACR,MAAMW,EAAmB,MAAVlC,OAAU,EAAAA,EAAA8B,QAEzB,GAAII,EAAQ,CACJ,MAAAC,EAAYD,EAAOE,wBAAwBzB,IAC3C0B,EAAeH,EAAOE,wBAAwBtB,OAGlDP,IACCe,OAAOX,GAAO,GACbW,OAAOV,GAAQ,GACfU,OAAOT,GAAS,GAChBS,OAAOR,GAAU,GACjBqB,EAAY,GACZE,EAAeX,OAAOY,eAGJ,MAAArC,GAAAA,IACtB,IAED,CAACU,EAAKC,EAAMC,EAAOC,IAGnBvB,EAAAgD,cAAA,MAAA,CAAIpC,SAAcD,GAChBE,GACCb,EAAAgD,cAAC,MAAA,CACCpC,IAAKM,EACLf,UAAW,GAAG8C,EAAAA,QAAQC,WAAW/C,GAAa,MAAMa,EAAciC,EAAAA,QAAQ7C,KAAO,KACjF+C,MAAO,CACL/B,IAAKQ,EAAkBR,GACvBC,KAAMO,EAAkBP,GACxBC,MAAOM,EAAkBN,GACzBC,OAAQK,EAAkBL,KAG3BrB,GAGP"}