@onewelcome/react-lib-components 11.1.0-delta → 12.0.1

package/dist/components/miscellaneous/IdentityProviderButton.module.scss.cjs.js.map

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

package/dist/components/miscellaneous/IdentityProviderButton.module.scss.es.js

@@ -0,0 +1,9 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.IdentityProviderButton_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.IdentityProviderButton_hidden_gFXfX{display:none}.IdentityProviderButton_slide-in_gFXfX{animation:IdentityProviderButton_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.IdentityProviderButton_slide-in_gFXfX{animation-duration:.1ms}}.IdentityProviderButton_slide-out_gFXfX{animation:IdentityProviderButton_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.IdentityProviderButton_slide-out_gFXfX{animation-duration:.1ms}}@keyframes IdentityProviderButton_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes IdentityProviderButton_slide-out_gFXfX{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 */.IdentityProviderButton_idp-button_gFXfX{width:100%}.IdentityProviderButton_idp-button--with-icon_gFXfX{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:-.125rem;margin-bottom:-.125rem}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const classes = {
+  "idp-button": "IdentityProviderButton_idp-button_gFXfX",
+  "idp-button--with-icon": "IdentityProviderButton_idp-button--with-icon_gFXfX"
+};
+export {
+  classes as default
+};
+//# sourceMappingURL=IdentityProviderButton.module.scss.es.js.map

package/dist/components/miscellaneous/IdentityProviderButton.module.scss.es.js.map

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

package/dist/components/withReadOnly.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=["CheckboxWrapper"],t=(e,r,t)=>{const n={};return e?(n.style={pointerEvents:"none",userSelect:"text"},t&&(n.helperText="")):t&&(n.helperText=t),r&&(n.type=r),n};exports.withReadOnly=(n,a)=>{const{isWrapperComponent:o}=a||{},p=e=>{const t=e=>{var r;("Enter"===(r=e).key||" "===r.key)&&(e.stopPropagation(),e.preventDefault())};if(e&&r.includes(n.displayName||n.name)){return{onKeyUp:e=>{t(e)},onKeyDown:e=>{t(e)}}}return{}},i=e.forwardRef(((r,a)=>{const{readOnlyView:i=!1,required:l,children:s,helperText:d,type:y="",...u}=r;return e.createElement(n,{ref:a,...u,"data-readonlyview":i,"aria-readonly":o?void 0:i,required:!i&&l,...t(i,y,d),...p(i)},s)}));return i.displayName=`withReadOnly_${(e=>e.displayName??e.name??"Component")(n)}`,i};
+//# sourceMappingURL=withReadOnly.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"withReadOnly.cjs.js","sources":["../../src/components/withReadOnly.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, { ComponentType, ForwardedRef, PropsWithChildren } from \"react\";\n\nexport interface WithReadOnlyProps {\n  readOnlyView?: boolean;\n  required?: boolean;\n  helperText?: string;\n  type?: string;\n}\n\nconst componentsWithKeyEventsToPrevent: string[] = [\"CheckboxWrapper\"];\n\nconst getDisplayName = <P,>(WrappedComponent: ComponentType<P>) => {\n  return WrappedComponent.displayName ?? WrappedComponent.name ?? \"Component\";\n};\n\nconst getConditionalProps = (readOnlyView: boolean, type: string, helperText?: string) => {\n  const props: Record<string, unknown> = {};\n\n  if (readOnlyView) {\n    props.style = { pointerEvents: \"none\", userSelect: \"text\" };\n    if (helperText) {\n      props.helperText = \"\";\n    }\n  } else if (helperText) {\n    props.helperText = helperText;\n  }\n\n  if (type) {\n    props.type = type;\n  }\n\n  return props;\n};\n\ntype WithReadOnlyOptions = {\n  isWrapperComponent: boolean;\n};\n\nexport const withReadOnly = <P extends object>(\n  WrappedComponent: ComponentType<P>,\n  options?: WithReadOnlyOptions\n) => {\n  const { isWrapperComponent } = options || {};\n\n  const preventKeyUpAndKeyDownHandlerForSpecificComponents = (readOnlyView: boolean) => {\n    const preventSubmissionKeys = (e: KeyboardEvent) => {\n      const isEnterOrSpace = (e: KeyboardEvent) => e.key === \"Enter\" || e.key === \" \";\n      if (isEnterOrSpace(e)) {\n        e.stopPropagation();\n        e.preventDefault();\n      }\n    };\n\n    if (\n      readOnlyView &&\n      componentsWithKeyEventsToPrevent.includes(\n        WrappedComponent.displayName || WrappedComponent.name\n      )\n    ) {\n      const props: Record<string, unknown> = {};\n\n      props.onKeyUp = (e: KeyboardEvent) => {\n        preventSubmissionKeys(e);\n      };\n\n      props.onKeyDown = (e: KeyboardEvent) => {\n        preventSubmissionKeys(e);\n      };\n\n      return props;\n    }\n\n    return {};\n  };\n\n  const WithReadOnlyComponent = React.forwardRef(\n    (props: PropsWithChildren<P & WithReadOnlyProps>, ref: ForwardedRef<unknown>) => {\n      const {\n        readOnlyView = false,\n        required,\n        children,\n        helperText,\n        type = \"\",\n        ...restProps\n      } = props;\n\n      return (\n        <WrappedComponent\n          ref={ref}\n          {...(restProps as P)}\n          data-readonlyview={readOnlyView}\n          aria-readonly={isWrapperComponent ? undefined : readOnlyView}\n          required={readOnlyView ? false : required}\n          {...getConditionalProps(readOnlyView, type, helperText)}\n          {...preventKeyUpAndKeyDownHandlerForSpecificComponents(readOnlyView)}\n        >\n          {children}\n        </WrappedComponent>\n      );\n    }\n  );\n\n  WithReadOnlyComponent.displayName = `withReadOnly_${getDisplayName(WrappedComponent)}`;\n  return WithReadOnlyComponent;\n};\n"],"names":["componentsWithKeyEventsToPrevent","getConditionalProps","readOnlyView","type","helperText","props","style","pointerEvents","userSelect","WrappedComponent","options","isWrapperComponent","preventKeyUpAndKeyDownHandlerForSpecificComponents","preventSubmissionKeys","e","key","stopPropagation","preventDefault","includes","displayName","name","WithReadOnlyComponent","React","forwardRef","ref","required","children","restProps","createElement","getDisplayName"],"mappings":"yGAyBMA,EAA6C,CAAC,mBAM9CC,EAAsB,CAACC,EAAuBC,EAAcC,KAChE,MAAMC,EAAiC,CAAC,EAejC,OAbHH,GACFG,EAAMC,MAAQ,CAAEC,cAAe,OAAQC,WAAY,QAC/CJ,IACFC,EAAMD,WAAa,KAEZA,IACTC,EAAMD,WAAaA,GAGjBD,IACFE,EAAMF,KAAOA,GAGRE,CAAA,uBAOmB,CAC1BI,EACAC,KAEA,MAAMC,mBAAEA,GAAuBD,GAAW,CAAC,EAErCE,EAAsDV,IACpD,MAAAW,EAAyBC,IACN,IAACA,GAA+B,WAA/BA,EACLA,GAD4BC,KAA6B,MAAVD,EAAEC,OAElED,EAAEE,kBACFF,EAAEG,iBAAe,EAIrB,GACEf,GACAF,EAAiCkB,SAC/BT,EAAiBU,aAAeV,EAAiBW,MAEnD,CAWO,MAVgC,CAEjCf,QAAWS,IACfD,EAAsBC,EAAC,EAGnBT,UAAaS,IACjBD,EAAsBC,EAAC,EAGlB,CAGT,MAAO,CAAC,CAAA,EAGJO,EAAwBC,EAAMC,YAClC,CAAClB,EAAiDmB,KAC1C,MAAAtB,aACJA,GAAe,EAAAuB,SACfA,EAAAC,SACAA,EAAAtB,WACAA,EAAAD,KACAA,EAAO,MACJwB,GACDtB,EAGF,OAAAiB,EAAAM,cAACnB,EAAA,CACCe,SACKG,EACL,oBAAmBzB,EACnB,gBAAeS,OAAqB,EAAYT,EAChDuB,UAAUvB,GAAuBuB,KAC7BxB,EAAoBC,EAAcC,EAAMC,MACxCQ,EAAmDV,IAEtDwB,EACH,IAMC,OADPL,EAAsBF,YAAc,gBA3Ff,CAAKV,GACnBA,EAAiBU,aAAeV,EAAiBW,MAAQ,YA0FZS,CAAepB,KAC5DY,CAAA"}

package/dist/components/withReadOnly.es.js

@@ -0,0 +1,76 @@
+import React from "react";
+const componentsWithKeyEventsToPrevent = ["CheckboxWrapper"];
+const getDisplayName = (WrappedComponent) => {
+  return WrappedComponent.displayName ?? WrappedComponent.name ?? "Component";
+};
+const getConditionalProps = (readOnlyView, type, helperText) => {
+  const props = {};
+  if (readOnlyView) {
+    props.style = { pointerEvents: "none", userSelect: "text" };
+    if (helperText) {
+      props.helperText = "";
+    }
+  } else if (helperText) {
+    props.helperText = helperText;
+  }
+  if (type) {
+    props.type = type;
+  }
+  return props;
+};
+const withReadOnly = (WrappedComponent, options) => {
+  const { isWrapperComponent } = options || {};
+  const preventKeyUpAndKeyDownHandlerForSpecificComponents = (readOnlyView) => {
+    const preventSubmissionKeys = (e) => {
+      const isEnterOrSpace = (e2) => e2.key === "Enter" || e2.key === " ";
+      if (isEnterOrSpace(e)) {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+    };
+    if (readOnlyView && componentsWithKeyEventsToPrevent.includes(
+      WrappedComponent.displayName || WrappedComponent.name
+    )) {
+      const props = {};
+      props.onKeyUp = (e) => {
+        preventSubmissionKeys(e);
+      };
+      props.onKeyDown = (e) => {
+        preventSubmissionKeys(e);
+      };
+      return props;
+    }
+    return {};
+  };
+  const WithReadOnlyComponent = React.forwardRef(
+    (props, ref) => {
+      const {
+        readOnlyView = false,
+        required,
+        children,
+        helperText,
+        type = "",
+        ...restProps
+      } = props;
+      return /* @__PURE__ */ React.createElement(
+        WrappedComponent,
+        {
+          ref,
+          ...restProps,
+          "data-readonlyview": readOnlyView,
+          "aria-readonly": isWrapperComponent ? void 0 : readOnlyView,
+          required: readOnlyView ? false : required,
+          ...getConditionalProps(readOnlyView, type, helperText),
+          ...preventKeyUpAndKeyDownHandlerForSpecificComponents(readOnlyView)
+        },
+        children
+      );
+    }
+  );
+  WithReadOnlyComponent.displayName = `withReadOnly_${getDisplayName(WrappedComponent)}`;
+  return WithReadOnlyComponent;
+};
+export {
+  withReadOnly
+};
+//# sourceMappingURL=withReadOnly.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"withReadOnly.es.js","sources":["../../src/components/withReadOnly.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, { ComponentType, ForwardedRef, PropsWithChildren } from \"react\";\n\nexport interface WithReadOnlyProps {\n  readOnlyView?: boolean;\n  required?: boolean;\n  helperText?: string;\n  type?: string;\n}\n\nconst componentsWithKeyEventsToPrevent: string[] = [\"CheckboxWrapper\"];\n\nconst getDisplayName = <P,>(WrappedComponent: ComponentType<P>) => {\n  return WrappedComponent.displayName ?? WrappedComponent.name ?? \"Component\";\n};\n\nconst getConditionalProps = (readOnlyView: boolean, type: string, helperText?: string) => {\n  const props: Record<string, unknown> = {};\n\n  if (readOnlyView) {\n    props.style = { pointerEvents: \"none\", userSelect: \"text\" };\n    if (helperText) {\n      props.helperText = \"\";\n    }\n  } else if (helperText) {\n    props.helperText = helperText;\n  }\n\n  if (type) {\n    props.type = type;\n  }\n\n  return props;\n};\n\ntype WithReadOnlyOptions = {\n  isWrapperComponent: boolean;\n};\n\nexport const withReadOnly = <P extends object>(\n  WrappedComponent: ComponentType<P>,\n  options?: WithReadOnlyOptions\n) => {\n  const { isWrapperComponent } = options || {};\n\n  const preventKeyUpAndKeyDownHandlerForSpecificComponents = (readOnlyView: boolean) => {\n    const preventSubmissionKeys = (e: KeyboardEvent) => {\n      const isEnterOrSpace = (e: KeyboardEvent) => e.key === \"Enter\" || e.key === \" \";\n      if (isEnterOrSpace(e)) {\n        e.stopPropagation();\n        e.preventDefault();\n      }\n    };\n\n    if (\n      readOnlyView &&\n      componentsWithKeyEventsToPrevent.includes(\n        WrappedComponent.displayName || WrappedComponent.name\n      )\n    ) {\n      const props: Record<string, unknown> = {};\n\n      props.onKeyUp = (e: KeyboardEvent) => {\n        preventSubmissionKeys(e);\n      };\n\n      props.onKeyDown = (e: KeyboardEvent) => {\n        preventSubmissionKeys(e);\n      };\n\n      return props;\n    }\n\n    return {};\n  };\n\n  const WithReadOnlyComponent = React.forwardRef(\n    (props: PropsWithChildren<P & WithReadOnlyProps>, ref: ForwardedRef<unknown>) => {\n      const {\n        readOnlyView = false,\n        required,\n        children,\n        helperText,\n        type = \"\",\n        ...restProps\n      } = props;\n\n      return (\n        <WrappedComponent\n          ref={ref}\n          {...(restProps as P)}\n          data-readonlyview={readOnlyView}\n          aria-readonly={isWrapperComponent ? undefined : readOnlyView}\n          required={readOnlyView ? false : required}\n          {...getConditionalProps(readOnlyView, type, helperText)}\n          {...preventKeyUpAndKeyDownHandlerForSpecificComponents(readOnlyView)}\n        >\n          {children}\n        </WrappedComponent>\n      );\n    }\n  );\n\n  WithReadOnlyComponent.displayName = `withReadOnly_${getDisplayName(WrappedComponent)}`;\n  return WithReadOnlyComponent;\n};\n"],"names":["e"],"mappings":";AAyBA,MAAM,mCAA6C,CAAC,iBAAiB;AAErE,MAAM,iBAAiB,CAAK,qBAAuC;AAC1D,SAAA,iBAAiB,eAAe,iBAAiB,QAAQ;AAClE;AAEA,MAAM,sBAAsB,CAAC,cAAuB,MAAc,eAAwB;AACxF,QAAM,QAAiC,CAAC;AAExC,MAAI,cAAc;AAChB,UAAM,QAAQ,EAAE,eAAe,QAAQ,YAAY,OAAO;AAC1D,QAAI,YAAY;AACd,YAAM,aAAa;AAAA,IAAA;AAAA,aAEZ,YAAY;AACrB,UAAM,aAAa;AAAA,EAAA;AAGrB,MAAI,MAAM;AACR,UAAM,OAAO;AAAA,EAAA;AAGR,SAAA;AACT;AAMa,MAAA,eAAe,CAC1B,kBACA,YACG;AACH,QAAM,EAAE,uBAAuB,WAAW,CAAC;AAErC,QAAA,qDAAqD,CAAC,iBAA0B;AAC9E,UAAA,wBAAwB,CAAC,MAAqB;AAClD,YAAM,iBAAiB,CAACA,OAAqBA,GAAE,QAAQ,WAAWA,GAAE,QAAQ;AACxE,UAAA,eAAe,CAAC,GAAG;AACrB,UAAE,gBAAgB;AAClB,UAAE,eAAe;AAAA,MAAA;AAAA,IAErB;AAEA,QACE,gBACA,iCAAiC;AAAA,MAC/B,iBAAiB,eAAe,iBAAiB;AAAA,IAAA,GAEnD;AACA,YAAM,QAAiC,CAAC;AAElC,YAAA,UAAU,CAAC,MAAqB;AACpC,8BAAsB,CAAC;AAAA,MACzB;AAEM,YAAA,YAAY,CAAC,MAAqB;AACtC,8BAAsB,CAAC;AAAA,MACzB;AAEO,aAAA;AAAA,IAAA;AAGT,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,wBAAwB,MAAM;AAAA,IAClC,CAAC,OAAiD,QAA+B;AACzE,YAAA;AAAA,QACJ,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,GAAG;AAAA,MAAA,IACD;AAGF,aAAA,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACC,GAAI;AAAA,UACL,qBAAmB;AAAA,UACnB,iBAAe,qBAAqB,SAAY;AAAA,UAChD,UAAU,eAAe,QAAQ;AAAA,UAChC,GAAG,oBAAoB,cAAc,MAAM,UAAU;AAAA,UACrD,GAAG,mDAAmD,YAAY;AAAA,QAAA;AAAA,QAElE;AAAA,MACH;AAAA,IAAA;AAAA,EAGN;AAEA,wBAAsB,cAAc,gBAAgB,eAAe,gBAAgB,CAAC;AAC7E,SAAA;AACT;"}

package/dist/hooks/useAnimation.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useAnimation=t=>{const n=e.useRef(null),[r,a]=e.useState(!1),i=()=>r&&t();return e.useEffect((()=>{var e;return null==(e=n.current)||e.addEventListener("animationend",i),()=>{var e;return null==(e=n.current)?void 0:e.removeEventListener("animationend",i)}}),[r]),{ref:n,animationStarted:r,startAnimation:()=>a(!0)}};
+//# sourceMappingURL=useAnimation.cjs.js.map

package/dist/hooks/useAnimation.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimation.cjs.js","sources":["../../src/hooks/useAnimation.ts"],"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 { useEffect, useRef, useState } from \"react\";\n\nexport const useAnimation = <RefElement extends HTMLElement>(callback: () => void) => {\n  const animatedObjectRef = useRef<RefElement>(null);\n  /** We need to store flag that says us when to call the callback */\n  const [animationStarted, setAnimationStarted] = useState(false);\n\n  const onAnimationEnd = () => animationStarted && callback();\n\n  useEffect(() => {\n    animatedObjectRef.current?.addEventListener(\"animationend\", onAnimationEnd);\n    return () => animatedObjectRef.current?.removeEventListener(\"animationend\", onAnimationEnd);\n  }, [animationStarted]);\n\n  return {\n    ref: animatedObjectRef,\n    animationStarted,\n    startAnimation: () => setAnimationStarted(true)\n  };\n};\n"],"names":["callback","animatedObjectRef","useRef","animationStarted","setAnimationStarted","useState","onAnimationEnd","useEffect","_a","current","addEventListener","removeEventListener","ref","startAnimation"],"mappings":"8HAkB6DA,IACrD,MAAAC,EAAoBC,SAAmB,OAEtCC,EAAkBC,GAAuBC,EAAAA,UAAS,GAEnDC,EAAiB,IAAMH,GAAoBH,IAO1C,OALPO,EAAAA,WAAU,WAER,OADkB,OAAAC,EAAAP,EAAAQ,UAASD,EAAAE,iBAAiB,eAAgBJ,GACrD,WAAM,OAAA,OAAAE,EAAAP,EAAkBQ,cAAlBD,EAAAA,EAA2BG,oBAAoB,eAAgBL,EAAA,CAAA,GAC3E,CAACH,IAEG,CACLS,IAAKX,EACLE,mBACAU,eAAgB,IAAMT,GAAoB,GAC5C"}

package/dist/hooks/useAnimation.es.js

@@ -0,0 +1,23 @@
+import { useRef, useState, useEffect } from "react";
+const useAnimation = (callback) => {
+  const animatedObjectRef = useRef(null);
+  const [animationStarted, setAnimationStarted] = useState(false);
+  const onAnimationEnd = () => animationStarted && callback();
+  useEffect(() => {
+    var _a;
+    (_a = animatedObjectRef.current) == null ? void 0 : _a.addEventListener("animationend", onAnimationEnd);
+    return () => {
+      var _a2;
+      return (_a2 = animatedObjectRef.current) == null ? void 0 : _a2.removeEventListener("animationend", onAnimationEnd);
+    };
+  }, [animationStarted]);
+  return {
+    ref: animatedObjectRef,
+    animationStarted,
+    startAnimation: () => setAnimationStarted(true)
+  };
+};
+export {
+  useAnimation
+};
+//# sourceMappingURL=useAnimation.es.js.map

package/dist/hooks/useAnimation.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimation.es.js","sources":["../../src/hooks/useAnimation.ts"],"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 { useEffect, useRef, useState } from \"react\";\n\nexport const useAnimation = <RefElement extends HTMLElement>(callback: () => void) => {\n  const animatedObjectRef = useRef<RefElement>(null);\n  /** We need to store flag that says us when to call the callback */\n  const [animationStarted, setAnimationStarted] = useState(false);\n\n  const onAnimationEnd = () => animationStarted && callback();\n\n  useEffect(() => {\n    animatedObjectRef.current?.addEventListener(\"animationend\", onAnimationEnd);\n    return () => animatedObjectRef.current?.removeEventListener(\"animationend\", onAnimationEnd);\n  }, [animationStarted]);\n\n  return {\n    ref: animatedObjectRef,\n    animationStarted,\n    startAnimation: () => setAnimationStarted(true)\n  };\n};\n"],"names":["_a"],"mappings":";AAkBa,MAAA,eAAe,CAAiC,aAAyB;AAC9E,QAAA,oBAAoB,OAAmB,IAAI;AAEjD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAExD,QAAA,iBAAiB,MAAM,oBAAoB,SAAS;AAE1D,YAAU,MAAM;;AACI,4BAAA,YAAA,mBAAS,iBAAiB,gBAAgB;AAC5D,WAAO,MAAM;;AAAA,cAAAA,MAAA,kBAAkB,YAAlB,gBAAAA,IAA2B,oBAAoB,gBAAgB;AAAA;AAAA,EAAc,GACzF,CAAC,gBAAgB,CAAC;AAEd,SAAA;AAAA,IACL,KAAK;AAAA,IACL;AAAA,IACA,gBAAgB,MAAM,oBAAoB,IAAI;AAAA,EAChD;AACF;"}

package/dist/hooks/useClickOutside.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useClickOutside=(t,i,n)=>{function o(e){const n=null==t?void 0:t.current;n&&(n.contains(e.target)||i(e))}e.useEffect((()=>(setTimeout((()=>window.addEventListener("click",o))),()=>{setTimeout((()=>window.removeEventListener("click",o)))})),n)};
+//# sourceMappingURL=useClickOutside.cjs.js.map

package/dist/hooks/useClickOutside.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.cjs.js","sources":["../../src/hooks/useClickOutside.ts"],"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 { DependencyList, useEffect } from \"react\";\n\nexport const useClickOutside = (\n  myElementRef: React.RefObject<HTMLElement>,\n  onClickOutside: (event: MouseEvent) => void,\n  dependencies?: DependencyList\n) => {\n  function eventListener(event: MouseEvent) {\n    const myElement = myElementRef?.current;\n    if (!myElement) {\n      return;\n    }\n    const clickedInsideMyElement = myElement.contains(event.target as Node);\n\n    if (!clickedInsideMyElement) {\n      onClickOutside(event);\n    }\n  }\n  useEffect(() => {\n    setTimeout(() => window.addEventListener(\"click\", eventListener));\n\n    return () => {\n      setTimeout(() => window.removeEventListener(\"click\", eventListener));\n    };\n  }, dependencies);\n};\n"],"names":["myElementRef","onClickOutside","dependencies","eventListener","event","myElement","current","contains","target","useEffect","setTimeout","window","addEventListener","removeEventListener"],"mappings":"iIAkB+B,CAC7BA,EACAC,EACAC,KAEA,SAASC,EAAcC,GACrB,MAAMC,EAA0B,MAAdL,OAAc,EAAAA,EAAAM,QAC3BD,IAG0BA,EAAUE,SAASH,EAAMI,SAGtDP,EAAeG,GACjB,CAEFK,EAAAA,WAAU,KACRC,YAAW,IAAMC,OAAOC,iBAAiB,QAAST,KAE3C,KACLO,YAAW,IAAMC,OAAOE,oBAAoB,QAASV,IAAc,IAEpED,EAAY"}

package/dist/hooks/useClickOutside.es.js

@@ -0,0 +1,23 @@
+import { useEffect } from "react";
+const useClickOutside = (myElementRef, onClickOutside, dependencies) => {
+  function eventListener(event) {
+    const myElement = myElementRef == null ? void 0 : myElementRef.current;
+    if (!myElement) {
+      return;
+    }
+    const clickedInsideMyElement = myElement.contains(event.target);
+    if (!clickedInsideMyElement) {
+      onClickOutside(event);
+    }
+  }
+  useEffect(() => {
+    setTimeout(() => window.addEventListener("click", eventListener));
+    return () => {
+      setTimeout(() => window.removeEventListener("click", eventListener));
+    };
+  }, dependencies);
+};
+export {
+  useClickOutside
+};
+//# sourceMappingURL=useClickOutside.es.js.map

package/dist/hooks/useClickOutside.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.es.js","sources":["../../src/hooks/useClickOutside.ts"],"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 { DependencyList, useEffect } from \"react\";\n\nexport const useClickOutside = (\n  myElementRef: React.RefObject<HTMLElement>,\n  onClickOutside: (event: MouseEvent) => void,\n  dependencies?: DependencyList\n) => {\n  function eventListener(event: MouseEvent) {\n    const myElement = myElementRef?.current;\n    if (!myElement) {\n      return;\n    }\n    const clickedInsideMyElement = myElement.contains(event.target as Node);\n\n    if (!clickedInsideMyElement) {\n      onClickOutside(event);\n    }\n  }\n  useEffect(() => {\n    setTimeout(() => window.addEventListener(\"click\", eventListener));\n\n    return () => {\n      setTimeout(() => window.removeEventListener(\"click\", eventListener));\n    };\n  }, dependencies);\n};\n"],"names":[],"mappings":";AAkBO,MAAM,kBAAkB,CAC7B,cACA,gBACA,iBACG;AACH,WAAS,cAAc,OAAmB;AACxC,UAAM,YAAY,6CAAc;AAChC,QAAI,CAAC,WAAW;AACd;AAAA,IAAA;AAEF,UAAM,yBAAyB,UAAU,SAAS,MAAM,MAAc;AAEtE,QAAI,CAAC,wBAAwB;AAC3B,qBAAe,KAAK;AAAA,IAAA;AAAA,EACtB;AAEF,YAAU,MAAM;AACd,eAAW,MAAM,OAAO,iBAAiB,SAAS,aAAa,CAAC;AAEhE,WAAO,MAAM;AACX,iBAAW,MAAM,OAAO,oBAAoB,SAAS,aAAa,CAAC;AAAA,IACrE;AAAA,KACC,YAAY;AACjB;"}

package/dist/hooks/useDebouncedCallback.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useDebouncedCallback=(r,t,u)=>{const c=e.useRef(),o=u?[r,t,...u]:[r,t];return e.useCallback(((...e)=>{null!=c.current&&clearTimeout(c.current),c.current=setTimeout((()=>{r(...e)}),t)}),o)};
+//# sourceMappingURL=useDebouncedCallback.cjs.js.map

package/dist/hooks/useDebouncedCallback.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.cjs.js","sources":["../../src/hooks/useDebouncedCallback.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\";\n\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types */\nexport const useDebouncedCallback = (callback: Function, delay: number, dependencies?: any[]) => {\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const comboDeps = dependencies ? [callback, delay, ...dependencies] : [callback, delay];\n\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  return React.useCallback((...args: any[]) => {\n    if (timeout.current != null) {\n      clearTimeout(timeout.current);\n    }\n\n    timeout.current = setTimeout(() => {\n      callback(...args);\n    }, delay);\n  }, comboDeps);\n};\n"],"names":["callback","delay","dependencies","timeout","React","useRef","comboDeps","useCallback","args","current","clearTimeout","setTimeout"],"mappings":"sIAmBoC,CAACA,EAAoBC,EAAeC,KAChE,MAAAC,EAAUC,EAAMC,SAChBC,EAAYJ,EAAe,CAACF,EAAUC,KAAUC,GAAgB,CAACF,EAAUC,GAG1E,OAAAG,EAAMG,aAAY,IAAIC,KACJ,MAAnBL,EAAQM,SACVC,aAAaP,EAAQM,SAGfN,EAAAM,QAAUE,YAAW,KAC3BX,KAAYQ,EAAI,GACfP,EAAK,GACPK,EAAS"}

package/dist/hooks/useDebouncedCallback.es.js

@@ -0,0 +1,17 @@
+import React from "react";
+const useDebouncedCallback = (callback, delay, dependencies) => {
+  const timeout = React.useRef();
+  const comboDeps = dependencies ? [callback, delay, ...dependencies] : [callback, delay];
+  return React.useCallback((...args) => {
+    if (timeout.current != null) {
+      clearTimeout(timeout.current);
+    }
+    timeout.current = setTimeout(() => {
+      callback(...args);
+    }, delay);
+  }, comboDeps);
+};
+export {
+  useDebouncedCallback
+};
+//# sourceMappingURL=useDebouncedCallback.es.js.map

package/dist/hooks/useDebouncedCallback.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.es.js","sources":["../../src/hooks/useDebouncedCallback.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\";\n\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types */\nexport const useDebouncedCallback = (callback: Function, delay: number, dependencies?: any[]) => {\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const comboDeps = dependencies ? [callback, delay, ...dependencies] : [callback, delay];\n\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  return React.useCallback((...args: any[]) => {\n    if (timeout.current != null) {\n      clearTimeout(timeout.current);\n    }\n\n    timeout.current = setTimeout(() => {\n      callback(...args);\n    }, delay);\n  }, comboDeps);\n};\n"],"names":[],"mappings":";AAmBO,MAAM,uBAAuB,CAAC,UAAoB,OAAe,iBAAyB;AACzF,QAAA,UAAU,MAAM,OAAsC;AACtD,QAAA,YAAY,eAAe,CAAC,UAAU,OAAO,GAAG,YAAY,IAAI,CAAC,UAAU,KAAK;AAG/E,SAAA,MAAM,YAAY,IAAI,SAAgB;AACvC,QAAA,QAAQ,WAAW,MAAM;AAC3B,mBAAa,QAAQ,OAAO;AAAA,IAAA;AAGtB,YAAA,UAAU,WAAW,MAAM;AACjC,eAAS,GAAG,IAAI;AAAA,OACf,KAAK;AAAA,KACP,SAAS;AACd;"}

package/dist/hooks/useDescribedBy.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.useDescribedBy=({error:e,errorMessage:r,helperText:o,helperId:t,errorId:d,parentErrorId:p,parentHelperId:s})=>e?p||(r?d:void 0):o?t:s||void 0;
+//# sourceMappingURL=useDescribedBy.cjs.js.map

package/dist/hooks/useDescribedBy.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDescribedBy.cjs.js","sources":["../../src/hooks/useDescribedBy.ts"],"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\nexport interface DescribedByConfig {\n  error?: boolean;\n  errorMessage?: string;\n  helperText?: string;\n  helperId: string;\n  errorId: string;\n  parentErrorId?: string;\n  parentHelperId?: string;\n}\n\nexport const useDescribedBy = ({\n  error,\n  errorMessage,\n  helperText,\n  helperId,\n  errorId,\n  parentErrorId,\n  parentHelperId\n}: DescribedByConfig): string | undefined => {\n  if (error) {\n    if (parentErrorId) {\n      return parentErrorId;\n    }\n    if (errorMessage) {\n      return errorId;\n    }\n    return undefined;\n  }\n\n  if (helperText) {\n    return helperId;\n  }\n  if (parentHelperId) {\n    return parentHelperId;\n  }\n\n  return undefined;\n};\n"],"names":["error","errorMessage","helperText","helperId","errorId","parentErrorId","parentHelperId"],"mappings":"uGA0B8B,EAC5BA,QACAC,eACAC,aACAC,WACAC,UACAC,gBACAC,oBAEIN,EACEK,IAGAJ,EACKG,OAEF,GAGLF,EACKC,EAELG,QAAJ"}

package/dist/hooks/useDescribedBy.es.js

@@ -0,0 +1,30 @@
+const useDescribedBy = ({
+  error,
+  errorMessage,
+  helperText,
+  helperId,
+  errorId,
+  parentErrorId,
+  parentHelperId
+}) => {
+  if (error) {
+    if (parentErrorId) {
+      return parentErrorId;
+    }
+    if (errorMessage) {
+      return errorId;
+    }
+    return void 0;
+  }
+  if (helperText) {
+    return helperId;
+  }
+  if (parentHelperId) {
+    return parentHelperId;
+  }
+  return void 0;
+};
+export {
+  useDescribedBy
+};
+//# sourceMappingURL=useDescribedBy.es.js.map

package/dist/hooks/useDescribedBy.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDescribedBy.es.js","sources":["../../src/hooks/useDescribedBy.ts"],"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\nexport interface DescribedByConfig {\n  error?: boolean;\n  errorMessage?: string;\n  helperText?: string;\n  helperId: string;\n  errorId: string;\n  parentErrorId?: string;\n  parentHelperId?: string;\n}\n\nexport const useDescribedBy = ({\n  error,\n  errorMessage,\n  helperText,\n  helperId,\n  errorId,\n  parentErrorId,\n  parentHelperId\n}: DescribedByConfig): string | undefined => {\n  if (error) {\n    if (parentErrorId) {\n      return parentErrorId;\n    }\n    if (errorMessage) {\n      return errorId;\n    }\n    return undefined;\n  }\n\n  if (helperText) {\n    return helperId;\n  }\n  if (parentHelperId) {\n    return parentHelperId;\n  }\n\n  return undefined;\n};\n"],"names":[],"mappings":"AA0BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6C;AAC3C,MAAI,OAAO;AACT,QAAI,eAAe;AACV,aAAA;AAAA,IAAA;AAET,QAAI,cAAc;AACT,aAAA;AAAA,IAAA;AAEF,WAAA;AAAA,EAAA;AAGT,MAAI,YAAY;AACP,WAAA;AAAA,EAAA;AAET,MAAI,gBAAgB;AACX,WAAA;AAAA,EAAA;AAGF,SAAA;AACT;"}

package/dist/hooks/useDetermineStatusIcon.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../components/Icon/Icon.cjs.js");exports.useDetermineStatusIcon=t=>{const{error:c,success:s}=t||!1;let n=null;const o=e.useRef(null),u=e.useRef(null);return c?n=e.createElement(r.Icon,{ref:o,"data-icon-status":"error",icon:r.Icons.Error}):s&&(n=e.createElement(r.Icon,{ref:u,"data-icon-status":"success",icon:r.Icons.CheckmarkCircleAlt})),n};
+//# sourceMappingURL=useDetermineStatusIcon.cjs.js.map

package/dist/hooks/useDetermineStatusIcon.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetermineStatusIcon.cjs.js","sources":["../../src/hooks/useDetermineStatusIcon.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 { FormElement } from \"../components/Form/form.interfaces\";\nimport React, { ReactElement, useRef } from \"react\";\nimport { Icon, Icons } from \"../components/Icon/Icon\";\nexport const useDetermineStatusIcon = (params: Partial<FormElement>): ReactElement | null => {\n  const { error, success } = params || false;\n  let icon = null;\n  const errorRef = useRef(null);\n  const successRef = useRef(null);\n\n  if (error) {\n    icon = <Icon ref={errorRef} data-icon-status=\"error\" icon={Icons.Error} />;\n  } else if (success) {\n    icon = <Icon ref={successRef} data-icon-status=\"success\" icon={Icons.CheckmarkCircleAlt} />;\n  }\n\n  return icon;\n};\n"],"names":["params","error","success","icon","errorRef","useRef","successRef","React","createElement","Icon","ref","Icons","Error","CheckmarkCircleAlt"],"mappings":"oLAmBuCA,IACrC,MAAMC,MAAEA,EAAAC,QAAOA,GAAYF,IAAU,EACrC,IAAIG,EAAO,KACL,MAAAC,EAAWC,SAAO,MAClBC,EAAaD,SAAO,MAQnB,OANHJ,EACKE,EAAAI,EAAAC,cAACC,EAAAA,MAAKC,IAAKN,EAAU,mBAAiB,QAAQD,KAAMQ,QAAMC,QACxDV,IACFC,EAAAI,EAAAC,cAACC,EAAAA,MAAKC,IAAKJ,EAAY,mBAAiB,UAAUH,KAAMQ,QAAME,sBAGhEV,CAAA"}

package/dist/hooks/useDetermineStatusIcon.es.js

@@ -0,0 +1,18 @@
+import React, { useRef } from "react";
+import { Icon, Icons } from "../components/Icon/Icon.es.js";
+const useDetermineStatusIcon = (params) => {
+  const { error, success } = params || false;
+  let icon = null;
+  const errorRef = useRef(null);
+  const successRef = useRef(null);
+  if (error) {
+    icon = /* @__PURE__ */ React.createElement(Icon, { ref: errorRef, "data-icon-status": "error", icon: Icons.Error });
+  } else if (success) {
+    icon = /* @__PURE__ */ React.createElement(Icon, { ref: successRef, "data-icon-status": "success", icon: Icons.CheckmarkCircleAlt });
+  }
+  return icon;
+};
+export {
+  useDetermineStatusIcon
+};
+//# sourceMappingURL=useDetermineStatusIcon.es.js.map

package/dist/hooks/useDetermineStatusIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetermineStatusIcon.es.js","sources":["../../src/hooks/useDetermineStatusIcon.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 { FormElement } from \"../components/Form/form.interfaces\";\nimport React, { ReactElement, useRef } from \"react\";\nimport { Icon, Icons } from \"../components/Icon/Icon\";\nexport const useDetermineStatusIcon = (params: Partial<FormElement>): ReactElement | null => {\n  const { error, success } = params || false;\n  let icon = null;\n  const errorRef = useRef(null);\n  const successRef = useRef(null);\n\n  if (error) {\n    icon = <Icon ref={errorRef} data-icon-status=\"error\" icon={Icons.Error} />;\n  } else if (success) {\n    icon = <Icon ref={successRef} data-icon-status=\"success\" icon={Icons.CheckmarkCircleAlt} />;\n  }\n\n  return icon;\n};\n"],"names":[],"mappings":";;AAmBa,MAAA,yBAAyB,CAAC,WAAsD;AAC3F,QAAM,EAAE,OAAO,QAAQ,IAAI,UAAU;AACrC,MAAI,OAAO;AACL,QAAA,WAAW,OAAO,IAAI;AACtB,QAAA,aAAa,OAAO,IAAI;AAE9B,MAAI,OAAO;AACF,WAAA,sBAAA,cAAC,QAAK,KAAK,UAAU,oBAAiB,SAAQ,MAAM,MAAM,MAAO,CAAA;AAAA,aAC/D,SAAS;AACX,WAAA,sBAAA,cAAC,QAAK,KAAK,YAAY,oBAAiB,WAAU,MAAM,MAAM,mBAAoB,CAAA;AAAA,EAAA;AAGpF,SAAA;AACT;"}

package/dist/hooks/useFormSelector.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../util/helper.cjs.js"),t=require("./useDescribedBy.cjs.js");exports.useFormSelector=s=>{const[o]=e.useState(r.generateID(15,s.name)),[a]=e.useState(r.generateID(15,s.errorMessage));return{describedBy:t.useDescribedBy({error:s.error,errorMessage:s.errorMessage,helperText:s.helperText,helperId:o,errorId:a,parentErrorId:s.parentErrorId,parentHelperId:s.parentHelperId}),errorId:a,identifier:o}};
+//# sourceMappingURL=useFormSelector.cjs.js.map

package/dist/hooks/useFormSelector.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormSelector.cjs.js","sources":["../../src/hooks/useFormSelector.ts"],"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 { useState } from \"react\";\nimport { generateID } from \"../util/helper\";\nimport { useDescribedBy } from \"./useDescribedBy\";\n\nexport interface ConfigObject {\n  name: string | undefined;\n  errorMessage?: string;\n  error?: boolean;\n  parentErrorId?: string;\n  helperText?: string;\n  parentHelperId?: string;\n}\n\nexport const useFormSelector = (configObject: ConfigObject) => {\n  const [identifier] = useState(generateID(15, configObject.name));\n  const [errorId] = useState(generateID(15, configObject.errorMessage));\n\n  const describedBy = useDescribedBy({\n    error: configObject.error,\n    errorMessage: configObject.errorMessage,\n    helperText: configObject.helperText,\n    helperId: identifier,\n    errorId,\n    parentErrorId: configObject.parentErrorId,\n    parentHelperId: configObject.parentHelperId\n  });\n\n  return {\n    describedBy,\n    errorId,\n    identifier\n  };\n};\n"],"names":["configObject","identifier","useState","generateID","name","errorId","errorMessage","describedBy","useDescribedBy","error","helperText","helperId","parentErrorId","parentHelperId"],"mappings":"yMA6BgCA,IACxB,MAACC,GAAcC,EAAAA,SAASC,aAAW,GAAIH,EAAaI,QACnDC,GAAWH,EAAAA,SAASC,aAAW,GAAIH,EAAaM,eAYhD,MAAA,CACLC,YAXkBC,EAAAA,eAAe,CACjCC,MAAOT,EAAaS,MACpBH,aAAcN,EAAaM,aAC3BI,WAAYV,EAAaU,WACzBC,SAAUV,EACVI,UACAO,cAAeZ,EAAaY,cAC5BC,eAAgBb,EAAaa,iBAK7BR,UACAJ,aACF"}

package/dist/hooks/useFormSelector.es.js

@@ -0,0 +1,25 @@
+import { useState } from "react";
+import { generateID } from "../util/helper.es.js";
+import { useDescribedBy } from "./useDescribedBy.es.js";
+const useFormSelector = (configObject) => {
+  const [identifier] = useState(generateID(15, configObject.name));
+  const [errorId] = useState(generateID(15, configObject.errorMessage));
+  const describedBy = useDescribedBy({
+    error: configObject.error,
+    errorMessage: configObject.errorMessage,
+    helperText: configObject.helperText,
+    helperId: identifier,
+    errorId,
+    parentErrorId: configObject.parentErrorId,
+    parentHelperId: configObject.parentHelperId
+  });
+  return {
+    describedBy,
+    errorId,
+    identifier
+  };
+};
+export {
+  useFormSelector
+};
+//# sourceMappingURL=useFormSelector.es.js.map

package/dist/hooks/useFormSelector.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormSelector.es.js","sources":["../../src/hooks/useFormSelector.ts"],"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 { useState } from \"react\";\nimport { generateID } from \"../util/helper\";\nimport { useDescribedBy } from \"./useDescribedBy\";\n\nexport interface ConfigObject {\n  name: string | undefined;\n  errorMessage?: string;\n  error?: boolean;\n  parentErrorId?: string;\n  helperText?: string;\n  parentHelperId?: string;\n}\n\nexport const useFormSelector = (configObject: ConfigObject) => {\n  const [identifier] = useState(generateID(15, configObject.name));\n  const [errorId] = useState(generateID(15, configObject.errorMessage));\n\n  const describedBy = useDescribedBy({\n    error: configObject.error,\n    errorMessage: configObject.errorMessage,\n    helperText: configObject.helperText,\n    helperId: identifier,\n    errorId,\n    parentErrorId: configObject.parentErrorId,\n    parentHelperId: configObject.parentHelperId\n  });\n\n  return {\n    describedBy,\n    errorId,\n    identifier\n  };\n};\n"],"names":[],"mappings":";;;AA6Ba,MAAA,kBAAkB,CAAC,iBAA+B;AACvD,QAAA,CAAC,UAAU,IAAI,SAAS,WAAW,IAAI,aAAa,IAAI,CAAC;AACzD,QAAA,CAAC,OAAO,IAAI,SAAS,WAAW,IAAI,aAAa,YAAY,CAAC;AAEpE,QAAM,cAAc,eAAe;AAAA,IACjC,OAAO,aAAa;AAAA,IACpB,cAAc,aAAa;AAAA,IAC3B,YAAY,aAAa;AAAA,IACzB,UAAU;AAAA,IACV;AAAA,IACA,eAAe,aAAa;AAAA,IAC5B,gBAAgB,aAAa;AAAA,EAAA,CAC9B;AAEM,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/hooks/useFullHeightCollapse.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useFullHeightCollapse=t=>{const[l,o]=e.useState(t??!1);return{collapsed:l,handleScroll:e=>{const t=e.target,{scrollTop:l,scrollHeight:r,clientHeight:s}=t,c=Math.ceil(l/(r-s)*100);o(0!==c)}}};
+//# sourceMappingURL=useFullHeightCollapse.cjs.js.map

package/dist/hooks/useFullHeightCollapse.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFullHeightCollapse.cjs.js","sources":["../../src/hooks/useFullHeightCollapse.ts"],"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 { useState } from \"react\";\n\nexport const useFullHeightCollapse = (isCollapsed?: boolean) => {\n  const [collapsed, setCollapsed] = useState(isCollapsed ?? false);\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLDivElement;\n    const { scrollTop, scrollHeight, clientHeight } = target;\n    const position = Math.ceil((scrollTop / (scrollHeight - clientHeight)) * 100);\n    setCollapsed(position !== 0);\n  };\n\n  return {\n    collapsed,\n    handleScroll\n  };\n};\n"],"names":["isCollapsed","collapsed","setCollapsed","useState","handleScroll","e","target","scrollTop","scrollHeight","clientHeight","position","Math","ceil"],"mappings":"uIAkBsCA,IACpC,MAAOC,EAAWC,GAAgBC,EAAAA,SAASH,IAAe,GASnD,MAAA,CACLC,YACAG,aAToBC,IACpB,MAAMC,EAASD,EAAEC,QACXC,UAAEA,EAAAC,aAAWA,EAAcC,aAAAA,GAAiBH,EAC5CI,EAAWC,KAAKC,KAAML,GAAaC,EAAeC,GAAiB,KACzEP,EAA0B,IAAbQ,EAAc,EAM7B"}

package/dist/hooks/useFullHeightCollapse.es.js

@@ -0,0 +1,18 @@
+import { useState } from "react";
+const useFullHeightCollapse = (isCollapsed) => {
+  const [collapsed, setCollapsed] = useState(isCollapsed ?? false);
+  const handleScroll = (e) => {
+    const target = e.target;
+    const { scrollTop, scrollHeight, clientHeight } = target;
+    const position = Math.ceil(scrollTop / (scrollHeight - clientHeight) * 100);
+    setCollapsed(position !== 0);
+  };
+  return {
+    collapsed,
+    handleScroll
+  };
+};
+export {
+  useFullHeightCollapse
+};
+//# sourceMappingURL=useFullHeightCollapse.es.js.map

package/dist/hooks/useFullHeightCollapse.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFullHeightCollapse.es.js","sources":["../../src/hooks/useFullHeightCollapse.ts"],"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 { useState } from \"react\";\n\nexport const useFullHeightCollapse = (isCollapsed?: boolean) => {\n  const [collapsed, setCollapsed] = useState(isCollapsed ?? false);\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLDivElement;\n    const { scrollTop, scrollHeight, clientHeight } = target;\n    const position = Math.ceil((scrollTop / (scrollHeight - clientHeight)) * 100);\n    setCollapsed(position !== 0);\n  };\n\n  return {\n    collapsed,\n    handleScroll\n  };\n};\n"],"names":[],"mappings":";AAkBa,MAAA,wBAAwB,CAAC,gBAA0B;AAC9D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,eAAe,KAAK;AAEzD,QAAA,eAAe,CAAC,MAAqC;AACzD,UAAM,SAAS,EAAE;AACjB,UAAM,EAAE,WAAW,cAAc,aAAiB,IAAA;AAClD,UAAM,WAAW,KAAK,KAAM,aAAa,eAAe,gBAAiB,GAAG;AAC5E,iBAAa,aAAa,CAAC;AAAA,EAC7B;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/hooks/useGetDomRoot.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useGetDomRoot=(t,r)=>{const[o,s]=e.useState(document.body);return e.useEffect((()=>{if((null==r?void 0:r.current)&&!t){const e=r.current.closest(".basestyling-wrapper");if(e)return void s(e)}else if(t)return void s(t)}),[r]),{root:o}};
+//# sourceMappingURL=useGetDomRoot.cjs.js.map

package/dist/hooks/useGetDomRoot.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetDomRoot.cjs.js","sources":["../../src/hooks/useGetDomRoot.ts"],"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 { useEffect, useState } from \"react\";\n\nexport const useGetDomRoot = (\n  passedDomRoot: HTMLElement | undefined,\n  relativeElement: React.RefObject<HTMLDivElement> | null\n) => {\n  const [root, setRoot] = useState<HTMLElement>(document.body);\n\n  useEffect(() => {\n    if (relativeElement?.current && !passedDomRoot) {\n      const closestBaseStylingWrapper = relativeElement.current.closest(\".basestyling-wrapper\");\n\n      if (closestBaseStylingWrapper) {\n        setRoot(closestBaseStylingWrapper as HTMLElement);\n        return;\n      }\n    } else if (passedDomRoot) {\n      setRoot(passedDomRoot);\n      return;\n    }\n  }, [relativeElement]);\n\n  return { root };\n};\n"],"names":["passedDomRoot","relativeElement","root","setRoot","useState","document","body","useEffect","current","closestBaseStylingWrapper","closest"],"mappings":"+HAkB6B,CAC3BA,EACAC,KAEA,MAAOC,EAAMC,GAAWC,EAAAA,SAAsBC,SAASC,MAgBvD,OAdAC,EAAAA,WAAU,KACJ,IAAA,MAAAN,OAAA,EAAAA,EAAiBO,WAAYR,EAAe,CAC9C,MAAMS,EAA4BR,EAAgBO,QAAQE,QAAQ,wBAElE,GAAID,EAEF,YADAN,EAAQM,WAGDT,EAET,YADAG,EAAQH,EACR,GAED,CAACC,IAEG,CAAEC,OAAK"}

package/dist/hooks/useGetDomRoot.es.js

@@ -0,0 +1,21 @@
+import { useState, useEffect } from "react";
+const useGetDomRoot = (passedDomRoot, relativeElement) => {
+  const [root, setRoot] = useState(document.body);
+  useEffect(() => {
+    if ((relativeElement == null ? void 0 : relativeElement.current) && !passedDomRoot) {
+      const closestBaseStylingWrapper = relativeElement.current.closest(".basestyling-wrapper");
+      if (closestBaseStylingWrapper) {
+        setRoot(closestBaseStylingWrapper);
+        return;
+      }
+    } else if (passedDomRoot) {
+      setRoot(passedDomRoot);
+      return;
+    }
+  }, [relativeElement]);
+  return { root };
+};
+export {
+  useGetDomRoot
+};
+//# sourceMappingURL=useGetDomRoot.es.js.map

package/dist/hooks/useGetDomRoot.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetDomRoot.es.js","sources":["../../src/hooks/useGetDomRoot.ts"],"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 { useEffect, useState } from \"react\";\n\nexport const useGetDomRoot = (\n  passedDomRoot: HTMLElement | undefined,\n  relativeElement: React.RefObject<HTMLDivElement> | null\n) => {\n  const [root, setRoot] = useState<HTMLElement>(document.body);\n\n  useEffect(() => {\n    if (relativeElement?.current && !passedDomRoot) {\n      const closestBaseStylingWrapper = relativeElement.current.closest(\".basestyling-wrapper\");\n\n      if (closestBaseStylingWrapper) {\n        setRoot(closestBaseStylingWrapper as HTMLElement);\n        return;\n      }\n    } else if (passedDomRoot) {\n      setRoot(passedDomRoot);\n      return;\n    }\n  }, [relativeElement]);\n\n  return { root };\n};\n"],"names":[],"mappings":";AAkBa,MAAA,gBAAgB,CAC3B,eACA,oBACG;AACH,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,SAAS,IAAI;AAE3D,YAAU,MAAM;AACV,SAAA,mDAAiB,YAAW,CAAC,eAAe;AAC9C,YAAM,4BAA4B,gBAAgB,QAAQ,QAAQ,sBAAsB;AAExF,UAAI,2BAA2B;AAC7B,gBAAQ,yBAAwC;AAChD;AAAA,MAAA;AAAA,eAEO,eAAe;AACxB,cAAQ,aAAa;AACrB;AAAA,IAAA;AAAA,EACF,GACC,CAAC,eAAe,CAAC;AAEpB,SAAO,EAAE,KAAK;AAChB;"}

package/dist/hooks/usePosition.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=require("./useDebouncedCallback.cjs.js");var o=(t=>(t.LEFT="left",t.CENTER="center",t.CENTER_H="centerh",t.RIGHT="right",t))(o||{}),i=(t=>(t.TOP="top",t.CENTER="center",t.CENTER_V="centerv",t.BOTTOM="bottom",t))(i||{});const n={relativeElement:void 0,elementToBePositioned:void 0,transformOrigin:{horizontal:"left",vertical:"top"},placement:{horizontal:"left",vertical:"top"},offset:{top:0,right:0,bottom:0,left:0},debounceAmount:20};exports.horizontal=o,exports.usePosition=(o=n)=>{const i={...n,...o},[r,l]=t.useState(!1);void 0===i.transformOrigin&&(i.transformOrigin=n.transformOrigin),void 0===i.placement&&(i.placement=n.placement),void 0===i.offset&&(i.offset=n.offset);const[h,f]=t.useState({left:0,top:0,right:"initial",bottom:"initial"}),a=(t,e,o)=>{var n,r;const l=((t,e,o,n,r)=>{const l="center"===e?(t=>{if("horizontal"===t)return"centerh";if("vertical"===t)return"centerv";throw new Error(`the requested return value isn't "vertical" or "horizontal" ${t} was given.`)})(o):e,h=((t,e,o,i,n)=>{let r=0;return"left"===t[e]||"top"===t[e]?r=o[i]:"center"===t[e]?r=o[i]-n["horizontal"===e?"width":"height"]/2:"right"!==t[e]&&"bottom"!==t[e]||(r=window["horizontal"===e?"innerWidth":"innerHeight"]-o[i]),r})(t,o,n,l,r),f=((t,e,o)=>{var n,r,l,h,f,a,d,c,s,u,g,v;let m=t;return("horizontal"===e&&0!==(null==(n=i.offset)?void 0:n.left)||"horizontal"===e&&0!==(null==(r=i.offset)?void 0:r.right))&&("left"!==o[e]&&"center"!==o[e]||(m+=null==(l=i.offset)?void 0:l.left,m-=null==(h=i.offset)?void 0:h.right),"right"===o[e]&&(m-=null==(f=i.offset)?void 0:f.left,m+=null==(a=i.offset)?void 0:a.right)),("vertical"===e&&0!==(null==(d=i.offset)?void 0:d.top)||"vertical"===e&&0!==(null==(c=i.offset)?void 0:c.bottom))&&("top"!==o[e]&&"center"!==o[e]||(m+=null==(s=i.offset)?void 0:s.top,m-=null==(u=i.offset)?void 0:u.bottom),"bottom"===o[e]&&(m-=null==(g=i.offset)?void 0:g.top,m+=null==(v=i.offset)?void 0:v.bottom)),m})(h,o,t);return((t,e,o,i)=>{let n=t;return("left"===e[o]&&n<0||"top"===e[o]&&n<0||"center"===e[o]&&n<0||"bottom"===e[o]&&n<0)&&(n=0),("left"===e[o]&&n>window.innerWidth-i.width||"center"===e[o]&&"horizontal"===o&&n>window.innerWidth-i.width)&&(n=window.innerWidth-i.width),("top"===e[o]&&n>window.innerHeight-i.height||"center"===e[o]&&"vertical"===o&&n>window.innerHeight-i.height)&&(n=window.innerHeight-i.height),"right"===e[o]&&n>window.innerWidth-i.width&&(n=window.innerWidth-i.width),"bottom"===e[o]&&n>window.innerHeight-i.height&&(n=window.innerHeight-i.height),n})(f,t,o,r)})(i.transformOrigin,i.placement[o],o,t,e);let h="left",a="right";"horizontal"===o&&"right"===(null==(n=i.transformOrigin)?void 0:n.horizontal)?(h="right",a="left"):"horizontal"===o&&(h="left",a="right"),"vertical"===o&&"bottom"===(null==(r=i.transformOrigin)?void 0:r.vertical)?(h="bottom",a="top"):"vertical"===o&&(h="top",a="bottom"),f((t=>({...t,[h]:l,[a]:"initial"})))},d=e.useDebouncedCallback((()=>{var t,e;if(!(null==(t=i.relativeElement)?void 0:t.current)||!(null==(e=i.elementToBePositioned)?void 0:e.current))return;const o=i.relativeElement.current.getBoundingClientRect(),n={height:i.elementToBePositioned.current.offsetHeight,width:i.elementToBePositioned.current.offsetWidth},h={top:o.top,right:o.right,bottom:o.bottom,center:0,centerv:o.top+o.height/2,centerh:o.left+o.width/2,left:o.left,width:o.width,height:o.height,x:o.x,y:o.y};a(h,n,"horizontal"),a(h,n,"vertical"),r||l(!0)}),i.debounceAmount??20);return{top:h.top,bottom:h.bottom,left:h.left,right:h.right,calculatePosition:d,initialCalculationDone:r}},exports.vertical=i;
+//# sourceMappingURL=usePosition.cjs.js.map

package/dist/hooks/usePosition.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePosition.cjs.js","sources":["../../src/hooks/usePosition.ts"],"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, { useState } from \"react\";\nimport { useDebouncedCallback } from \"./useDebouncedCallback\";\n\nexport interface ConfigObject {\n  relativeElement: RefElement;\n  elementToBePositioned: RefElement;\n  transformOrigin?: Placement;\n  placement?: Placement;\n  offset?: Offset;\n  debounceAmount?: number;\n}\n\nexport enum horizontal {\n  LEFT = \"left\",\n  CENTER = \"center\",\n  CENTER_H = \"centerh\",\n  RIGHT = \"right\"\n}\n\nexport enum vertical {\n  TOP = \"top\",\n  CENTER = \"center\",\n  CENTER_V = \"centerv\",\n  BOTTOM = \"bottom\"\n}\n\nexport type HorizontalPlacement = `${horizontal}`;\nexport type VerticalPlacement = `${vertical}`;\n\ntype Axis = \"vertical\" | \"horizontal\";\ntype RefElement = React.RefObject<HTMLOrSVGElement> | undefined;\n\ninterface DomRectObject {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n  center: number;\n  centerh: number;\n  centerv: number;\n  width: number;\n  height: number;\n  x: number;\n  y: number;\n}\n\nexport interface Placement {\n  horizontal: HorizontalPlacement;\n  vertical: VerticalPlacement;\n}\n\nexport interface Offset {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\nexport interface Position {\n  top: PositionType;\n  right: PositionType;\n  bottom: PositionType;\n  left: PositionType;\n}\n\ninterface Dimensions {\n  height: number;\n  width: number;\n}\n\nexport type PositionType = number | \"initial\";\n\nconst defaultConfigObject: ConfigObject = {\n  relativeElement: undefined,\n  elementToBePositioned: undefined,\n  transformOrigin: {\n    horizontal: \"left\",\n    vertical: \"top\"\n  },\n  placement: {\n    horizontal: \"left\",\n    vertical: \"top\"\n  },\n  offset: {\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0\n  },\n  debounceAmount: 20\n};\n\n/* eslint-disable @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain*/\nexport const usePosition = (providedConfigObject: ConfigObject = defaultConfigObject) => {\n  const configObject = { ...defaultConfigObject, ...providedConfigObject };\n  const [initialCalculationDone, setInitialCalculationDone] = useState(false);\n\n  if (configObject.transformOrigin === undefined) {\n    configObject.transformOrigin = defaultConfigObject.transformOrigin;\n  }\n\n  if (configObject.placement === undefined) {\n    configObject.placement = defaultConfigObject.placement;\n  }\n\n  if (configObject.offset === undefined) {\n    configObject.offset = defaultConfigObject.offset;\n  }\n\n  const [position, setPosition] = useState<Position>({\n    left: 0,\n    top: 0,\n    right: \"initial\",\n    bottom: \"initial\"\n  });\n\n  const _fixPossibleViewportOverflow = (\n    value: number,\n    transformOrigin: Placement,\n    requestedReturnValue: Axis,\n    elDimensions: Dimensions\n  ) => {\n    let returnValue = value;\n\n    if (\n      (transformOrigin[requestedReturnValue] === \"left\" && returnValue < 0) ||\n      (transformOrigin[requestedReturnValue] === \"top\" && returnValue < 0) ||\n      (transformOrigin[requestedReturnValue] === \"center\" && returnValue < 0) ||\n      (transformOrigin[requestedReturnValue] === \"bottom\" && returnValue < 0)\n    ) {\n      returnValue = 0;\n    }\n\n    if (\n      (transformOrigin[requestedReturnValue] === \"left\" &&\n        returnValue > window.innerWidth - elDimensions.width) ||\n      (transformOrigin[requestedReturnValue] === \"center\" &&\n        requestedReturnValue === \"horizontal\" &&\n        returnValue > window.innerWidth - elDimensions.width)\n    ) {\n      returnValue = window.innerWidth - elDimensions.width;\n    }\n\n    if (\n      (transformOrigin[requestedReturnValue] === \"top\" &&\n        returnValue > window.innerHeight - elDimensions.height) ||\n      (transformOrigin[requestedReturnValue] === \"center\" &&\n        requestedReturnValue === \"vertical\" &&\n        returnValue > window.innerHeight - elDimensions.height)\n    ) {\n      returnValue = window.innerHeight - elDimensions.height;\n    }\n\n    if (\n      transformOrigin[requestedReturnValue] === \"right\" &&\n      returnValue > window.innerWidth - elDimensions.width\n    ) {\n      returnValue = window.innerWidth - elDimensions.width;\n    }\n\n    if (\n      transformOrigin[requestedReturnValue] === \"bottom\" &&\n      returnValue > window.innerHeight - elDimensions.height\n    ) {\n      returnValue = window.innerHeight - elDimensions.height;\n    }\n\n    return returnValue;\n  };\n\n  const _applyOffsetToPlacementValue = (\n    value: number,\n    requestedReturnValue: Axis,\n    transformOrigin: Placement\n  ) => {\n    let returnValue = value;\n    if (\n      (requestedReturnValue === \"horizontal\" && configObject.offset?.left !== 0) ||\n      (requestedReturnValue === \"horizontal\" && configObject.offset?.right !== 0)\n    ) {\n      if (\n        transformOrigin[requestedReturnValue] === \"left\" ||\n        transformOrigin[requestedReturnValue] === \"center\"\n      ) {\n        returnValue += configObject.offset?.left!;\n        returnValue -= configObject.offset?.right!;\n      }\n\n      if (transformOrigin[requestedReturnValue] === \"right\") {\n        returnValue -= configObject.offset?.left!;\n        returnValue += configObject.offset?.right!;\n      }\n    }\n\n    if (\n      (requestedReturnValue === \"vertical\" && configObject.offset?.top !== 0) ||\n      (requestedReturnValue === \"vertical\" && configObject.offset?.bottom !== 0)\n    ) {\n      if (\n        transformOrigin[requestedReturnValue] === \"top\" ||\n        transformOrigin[requestedReturnValue] === \"center\"\n      ) {\n        returnValue += configObject.offset?.top!;\n        returnValue -= configObject.offset?.bottom!;\n      }\n\n      if (transformOrigin[requestedReturnValue] === \"bottom\") {\n        returnValue -= configObject.offset?.top!;\n        returnValue += configObject.offset?.bottom!;\n      }\n    }\n\n    return returnValue;\n  };\n\n  const _calculateInitialPlacementValue = (\n    transformOrigin: Placement,\n    requestedReturnValue: Axis,\n    relEl: DomRectObject,\n    placementOriginDefinition: HorizontalPlacement | VerticalPlacement,\n    elDimensions: Dimensions\n  ) => {\n    let value = 0;\n\n    if (\n      transformOrigin[requestedReturnValue] === \"left\" ||\n      transformOrigin[requestedReturnValue] === \"top\"\n    ) {\n      value = relEl[placementOriginDefinition];\n    } else if (transformOrigin[requestedReturnValue] === \"center\") {\n      value =\n        relEl[placementOriginDefinition] -\n        elDimensions[requestedReturnValue === \"horizontal\" ? \"width\" : \"height\"] / 2;\n    } else if (\n      transformOrigin[requestedReturnValue] === \"right\" ||\n      transformOrigin[requestedReturnValue] === \"bottom\"\n    ) {\n      value =\n        window[requestedReturnValue === \"horizontal\" ? \"innerWidth\" : \"innerHeight\"] -\n        relEl[placementOriginDefinition];\n    }\n\n    return value;\n  };\n\n  /**\n   *\n   * @param requestedReturnValue whether the requested return value is for the horizontal or vertical axis\n   * @returns either the horizontally centered placement definition (centerh) or the vertically centered one (centerv)\n   */\n  const _determineCenteredPlacementOrigin = (requestedReturnValue: Axis) => {\n    if (requestedReturnValue === \"horizontal\") {\n      return \"centerh\";\n    } else if (requestedReturnValue === \"vertical\") {\n      return \"centerv\";\n    }\n    throw new Error(\n      `the requested return value isn't \"vertical\" or \"horizontal\" ${requestedReturnValue} was given.`\n    );\n  };\n\n  const _calculatePlacementValue = (\n    transformOrigin: Placement,\n    placement: HorizontalPlacement | VerticalPlacement,\n    requestedReturnValue: Axis,\n    relEl: DomRectObject,\n    elDimensions: Dimensions\n  ): number => {\n    const placementOriginDefinition =\n      placement === \"center\" ? _determineCenteredPlacementOrigin(requestedReturnValue) : placement;\n\n    const value = _calculateInitialPlacementValue(\n      transformOrigin,\n      requestedReturnValue,\n      relEl,\n      placementOriginDefinition,\n      elDimensions\n    );\n\n    const valueWithOffset = _applyOffsetToPlacementValue(\n      value,\n      requestedReturnValue,\n      transformOrigin\n    );\n\n    return _fixPossibleViewportOverflow(\n      valueWithOffset,\n      transformOrigin,\n      requestedReturnValue,\n      elDimensions\n    );\n  };\n\n  const _calculatePlacement = (relEl: DomRectObject, elDimensions: Dimensions, axis: Axis) => {\n    const placementValue = _calculatePlacementValue(\n      configObject.transformOrigin!,\n      configObject.placement![axis]!,\n      axis,\n      relEl,\n      elDimensions\n    );\n\n    let direction = \"left\";\n    let oppositeDirection = \"right\";\n\n    if (axis === \"horizontal\" && configObject.transformOrigin?.horizontal === \"right\") {\n      direction = \"right\";\n      oppositeDirection = \"left\";\n    } else if (axis === \"horizontal\") {\n      direction = \"left\";\n      oppositeDirection = \"right\";\n    }\n\n    if (axis === \"vertical\" && configObject.transformOrigin?.vertical === \"bottom\") {\n      direction = \"bottom\";\n      oppositeDirection = \"top\";\n    } else if (axis === \"vertical\") {\n      direction = \"top\";\n      oppositeDirection = \"bottom\";\n    }\n\n    setPosition(prevState => ({\n      ...prevState,\n      [direction]: placementValue,\n      [oppositeDirection]: \"initial\"\n    }));\n  };\n\n  const calculatePosition = useDebouncedCallback(() => {\n    if (!configObject.relativeElement?.current || !configObject.elementToBePositioned?.current) {\n      return;\n    }\n    const relativeElRect = (configObject.relativeElement!\n      .current as HTMLElement)!.getBoundingClientRect();\n    const elementToBePositionedDimensions: Dimensions = {\n      height: (configObject.elementToBePositioned!.current as HTMLElement).offsetHeight,\n      width: (configObject.elementToBePositioned!.current as HTMLElement).offsetWidth\n    };\n\n    /** We want to add a center (horizontal and vertical) property to the DOMRect object. Since it's a special object we can't modify so we clone it and add it. */\n    const clonedRelEl = {\n      top: relativeElRect.top,\n      right: relativeElRect.right,\n      bottom: relativeElRect.bottom,\n      center: 0,\n      centerv: relativeElRect.top + relativeElRect.height / 2,\n      centerh: relativeElRect.left + relativeElRect.width / 2,\n      left: relativeElRect.left,\n      width: relativeElRect.width,\n      height: relativeElRect.height,\n      x: relativeElRect.x,\n      y: relativeElRect.y\n    };\n\n    _calculatePlacement(clonedRelEl, elementToBePositionedDimensions, \"horizontal\");\n    _calculatePlacement(clonedRelEl, elementToBePositionedDimensions, \"vertical\");\n\n    if (!initialCalculationDone) {\n      setInitialCalculationDone(true);\n    }\n  }, configObject.debounceAmount ?? 20);\n\n  return {\n    top: position.top,\n    bottom: position.bottom,\n    left: position.left,\n    right: position.right,\n    calculatePosition,\n    initialCalculationDone\n  };\n};\n"],"names":["horizontal","vertical","defaultConfigObject","relativeElement","elementToBePositioned","transformOrigin","placement","offset","top","right","bottom","left","debounceAmount","providedConfigObject","configObject","initialCalculationDone","setInitialCalculationDone","useState","position","setPosition","_calculatePlacement","relEl","elDimensions","axis","placementValue","requestedReturnValue","placementOriginDefinition","Error","_determineCenteredPlacementOrigin","value","window","_calculateInitialPlacementValue","valueWithOffset","returnValue","_a","_b","_c","_d","_e","_f","_g","_h","_i","_j","_k","_l","_applyOffsetToPlacementValue","innerWidth","width","innerHeight","height","_fixPossibleViewportOverflow","_calculatePlacementValue","direction","oppositeDirection","prevState","calculatePosition","useDebouncedCallback","current","relativeElRect","getBoundingClientRect","elementToBePositionedDimensions","offsetHeight","offsetWidth","clonedRelEl","center","centerv","centerh","x","y"],"mappings":"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"}