@onewelcome/react-lib-components 7.0.0 → 7.1.0

package/dist/esm/src/hooks/useBodyClick.esm.js

@@ -1,2 +1,33 @@
-import{useEffect as e}from"react";const n=(n,t,i)=>{function r(e){if(n(e))t()}e((()=>{window.addEventListener("click",r);return()=>{window.removeEventListener("click",r)}}),[i])};export{n as useBodyClick};
+import { useEffect } from 'react';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const useBodyClick = (checkFunction, callbackFunction, dependingStateVariable) => {
+    function bodyClickListener(event) {
+        if (checkFunction(event)) {
+            callbackFunction();
+        }
+    }
+    useEffect(() => {
+        window.addEventListener("click", bodyClickListener);
+        return () => {
+            window.removeEventListener("click", bodyClickListener);
+        };
+    }, [dependingStateVariable]);
+};
+
+export { useBodyClick };
 //# sourceMappingURL=useBodyClick.esm.js.map

package/dist/esm/src/hooks/useBodyClick.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBodyClick.esm.js","sources":["../../../../../../src/hooks/useBodyClick.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 } from \"react\";\n\nexport const useBodyClick = (\n  checkFunction: (event: MouseEvent) => boolean,\n  callbackFunction: (...args: unknown[]) => unknown,\n  dependingStateVariable: React.ComponentState | React.ComponentState[]\n) => {\n  function bodyClickListener(event: MouseEvent) {\n    if (checkFunction(event)) {\n      callbackFunction();\n    }\n  }\n  useEffect(() => {\n    window.addEventListener(\"click\", bodyClickListener);\n\n    return () => {\n      window.removeEventListener(\"click\", bodyClickListener);\n    };\n  }, [dependingStateVariable]);\n};\n"],"names":["useBodyClick","checkFunction","callbackFunction","dependingStateVariable","bodyClickListener","event","useEffect","window","addEventListener","removeEventListener"],"mappings":"kCAkBa,MAAAA,EAAe,CAC1BC,EACAC,EACAC,KAEA,SAASC,EAAkBC,GACzB,GAAIJ,EAAcI,GAChBH,GAEH,CACDI,GAAU,KACRC,OAAOC,iBAAiB,QAASJ,GAEjC,MAAO,KACLG,OAAOE,oBAAoB,QAASL,EAAkB,CACvD,GACA,CAACD,GAAwB"}
+{"version":3,"file":"useBodyClick.esm.js","sources":["../../../../../../src/hooks/useBodyClick.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 } from \"react\";\n\nexport const useBodyClick = (\n  checkFunction: (event: MouseEvent) => boolean,\n  callbackFunction: (...args: unknown[]) => unknown,\n  dependingStateVariable: React.ComponentState | React.ComponentState[]\n) => {\n  function bodyClickListener(event: MouseEvent) {\n    if (checkFunction(event)) {\n      callbackFunction();\n    }\n  }\n  useEffect(() => {\n    window.addEventListener(\"click\", bodyClickListener);\n\n    return () => {\n      window.removeEventListener(\"click\", bodyClickListener);\n    };\n  }, [dependingStateVariable]);\n};\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;AAIU,MAAA,YAAY,GAAG,CAC1B,aAA6C,EAC7C,gBAAiD,EACjD,sBAAqE,KACnE;IACF,SAAS,iBAAiB,CAAC,KAAiB,EAAA;AAC1C,QAAA,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,gBAAgB,EAAE,CAAC;SACpB;KACF;IACD,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;AAEpD,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;AACzD,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC;AAC/B;;;;"}

package/dist/esm/src/hooks/useDebouncedCallback.esm.js

@@ -1,2 +1,32 @@
-import e from"react";const r=(r,t,c)=>{const u=e.useRef();const n=c?[r,t,...c]:[r,t];return e.useCallback(((...e)=>{if(u.current!=null)clearTimeout(u.current);u.current=setTimeout((()=>{r(...e)}),t)}),n)};export{r as useDebouncedCallback};
+import React from 'react';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+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.esm.js.map

package/dist/esm/src/hooks/useDebouncedCallback.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedCallback.esm.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\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  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":["useDebouncedCallback","callback","delay","dependencies","timeout","React","useRef","comboDeps","useCallback","args","current","clearTimeout","setTimeout"],"mappings":"qBAkBa,MAAAA,EAAuB,CAACC,EAAoBC,EAAeC,KACtE,MAAMC,EAAUC,EAAMC,SACtB,MAAMC,EAAYJ,EAAe,CAACF,EAAUC,KAAUC,GAAgB,CAACF,EAAUC,GAEjF,OAAOG,EAAMG,aAAY,IAAIC,KAC3B,GAAIL,EAAQM,SAAW,KACrBC,aAAaP,EAAQM,SAGvBN,EAAQM,QAAUE,YAAW,KAC3BX,KAAYQ,EAAK,GAChBP,EAAM,GACRK,EAAU"}
+{"version":3,"file":"useDebouncedCallback.esm.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\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  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":";;AAAA;;;;;;;;;;;;;;AAcG;AAIU,MAAA,oBAAoB,GAAG,CAAC,QAAkB,EAAE,KAAa,EAAE,YAAoB,KAAI;AAC9F,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAiC,CAAC;IAC9D,MAAM,SAAS,GAAG,YAAY,GAAG,CAAC,QAAQ,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAExF,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,GAAG,IAAW,KAAI;AAC1C,QAAA,IAAI,OAAO,CAAC,OAAO,IAAI,IAAI,EAAE;AAC3B,YAAA,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;SAC/B;AAED,QAAA,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;AAChC,YAAA,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;SACnB,EAAE,KAAK,CAAC,CAAC;KACX,EAAE,SAAS,CAAC,CAAC;AAChB;;;;"}

package/dist/esm/src/hooks/useDetermineStatusIcon.esm.js

@@ -1,2 +1,34 @@
-import e,{useRef as r}from"react";import{Icon as t,Icons as c}from"../../Icon/Icon.esm.js";const o=o=>{const{error:s,success:n}=o||false;let l=null;const a=r(null);const i=r(null);if(s)l=e.createElement(t,{ref:a,"data-icon-status":"error",icon:c.Error});else if(n)l=e.createElement(t,{ref:i,"data-icon-status":"success",icon:c.CheckmarkCircleAlt});return l};export{o as useDetermineStatusIcon};
+import React, { useRef } from 'react';
+import { Icon, Icons } from '../../Icon/Icon.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const useDetermineStatusIcon = (params) => {
+    const { error, success } = params || false;
+    let icon = null;
+    const errorRef = useRef(null);
+    const successRef = useRef(null);
+    if (error) {
+        icon = React.createElement(Icon, { ref: errorRef, "data-icon-status": "error", icon: Icons.Error });
+    }
+    else if (success) {
+        icon = React.createElement(Icon, { ref: successRef, "data-icon-status": "success", icon: Icons.CheckmarkCircleAlt });
+    }
+    return icon;
+};
+
+export { useDetermineStatusIcon };
 //# sourceMappingURL=useDetermineStatusIcon.esm.js.map

package/dist/esm/src/hooks/useDetermineStatusIcon.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDetermineStatusIcon.esm.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":["useDetermineStatusIcon","params","error","success","icon","errorRef","useRef","successRef","React","createElement","Icon","ref","Icons","Error","CheckmarkCircleAlt"],"mappings":"2FAmBa,MAAAA,EAA0BC,IACrC,MAAMC,MAAEA,EAAKC,QAAEA,GAAYF,GAAU,MACrC,IAAIG,EAAO,KACX,MAAMC,EAAWC,EAAO,MACxB,MAAMC,EAAaD,EAAO,MAE1B,GAAIJ,EACFE,EAAOI,EAACC,cAAAC,EAAK,CAAAC,IAAKN,EAAQ,mBAAmB,QAAQD,KAAMQ,EAAMC,aAC5D,GAAIV,EACTC,EAAOI,EAACC,cAAAC,EAAK,CAAAC,IAAKJ,EAAU,mBAAmB,UAAUH,KAAMQ,EAAME,qBAGvE,OAAOV,CAAI"}
+{"version":3,"file":"useDetermineStatusIcon.esm.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":";;;AAAA;;;;;;;;;;;;;;AAcG;AAKU,MAAA,sBAAsB,GAAG,CAAC,MAA4B,KAAyB;IAC1F,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,MAAM,IAAI,KAAK,CAAC;IAC3C,IAAI,IAAI,GAAG,IAAI,CAAC;AAChB,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEhC,IAAI,KAAK,EAAE;AACT,QAAA,IAAI,GAAG,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,GAAG,EAAE,QAAQ,EAAA,kBAAA,EAAmB,OAAO,EAAC,IAAI,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC;KAC5E;SAAM,IAAI,OAAO,EAAE;AAClB,QAAA,IAAI,GAAG,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,GAAG,EAAE,UAAU,EAAA,kBAAA,EAAmB,SAAS,EAAC,IAAI,EAAE,KAAK,CAAC,kBAAkB,GAAI,CAAC;KAC7F;AAED,IAAA,OAAO,IAAI,CAAC;AACd;;;;"}

package/dist/esm/src/hooks/useFormSelector.esm.js

@@ -1,2 +1,47 @@
-import{useState as r,useEffect as e}from"react";import{generateID as o}from"../util/helper.esm.js";const t=t=>{const[p]=r(o(15,t.name));const[n,a]=r("");const[s]=r(o(15,t.errorMessage));e((()=>{if(t.error&&t.parentErrorId)a(t.parentErrorId);if(!t.error&&t.helperText||!t.parentErrorId&&!t.errorMessage&&t.helperText)a(`${p}`);if(!t.error&&!t.helperText&&t.parentHelperId||!t.parentErrorId&&!t.errorMessage&&t.parentHelperId)a(`${t.parentHelperId}`);if(t.errorMessage&&!t.parentErrorId&&t.error)a(s)}),[p,t.error,t.parentErrorId]);return{describedBy:n,errorId:s,identifier:p}};export{t as useFormSelector};
+import { useState, useEffect } from 'react';
+import { generateID } from '../util/helper.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const useFormSelector = (configObject) => {
+    const [identifier] = useState(generateID(15, configObject.name));
+    const [describedBy, setDescribedBy] = useState("");
+    const [errorId] = useState(generateID(15, configObject.errorMessage));
+    useEffect(() => {
+        if (configObject.error && configObject.parentErrorId) {
+            setDescribedBy(configObject.parentErrorId);
+        }
+        if ((!configObject.error && configObject.helperText) ||
+            (!configObject.parentErrorId && !configObject.errorMessage && configObject.helperText)) {
+            setDescribedBy(`${identifier}`);
+        }
+        if ((!configObject.error && !configObject.helperText && configObject.parentHelperId) ||
+            (!configObject.parentErrorId && !configObject.errorMessage && configObject.parentHelperId)) {
+            setDescribedBy(`${configObject.parentHelperId}`);
+        }
+        if (configObject.errorMessage && !configObject.parentErrorId && configObject.error) {
+            setDescribedBy(errorId);
+        }
+    }, [identifier, configObject.error, configObject.parentErrorId]);
+    return {
+        describedBy,
+        errorId,
+        identifier
+    };
+};
+
+export { useFormSelector };
 //# sourceMappingURL=useFormSelector.esm.js.map

package/dist/esm/src/hooks/useFormSelector.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormSelector.esm.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 { useEffect, useState } from \"react\";\nimport { generateID } from \"../util/helper\";\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 [describedBy, setDescribedBy] = useState(\"\");\n  const [errorId] = useState(generateID(15, configObject.errorMessage));\n\n  useEffect(() => {\n    if (configObject.error && configObject.parentErrorId) {\n      setDescribedBy(configObject.parentErrorId);\n    }\n\n    if (\n      (!configObject.error && configObject.helperText) ||\n      (!configObject.parentErrorId && !configObject.errorMessage && configObject.helperText)\n    ) {\n      setDescribedBy(`${identifier}`);\n    }\n\n    if (\n      (!configObject.error && !configObject.helperText && configObject.parentHelperId) ||\n      (!configObject.parentErrorId && !configObject.errorMessage && configObject.parentHelperId)\n    ) {\n      setDescribedBy(`${configObject.parentHelperId}`);\n    }\n\n    if (configObject.errorMessage && !configObject.parentErrorId && configObject.error) {\n      setDescribedBy(errorId);\n    }\n  }, [identifier, configObject.error, configObject.parentErrorId]);\n\n  return {\n    describedBy,\n    errorId,\n    identifier\n  };\n};\n"],"names":["useFormSelector","configObject","identifier","useState","generateID","name","describedBy","setDescribedBy","errorId","errorMessage","useEffect","error","parentErrorId","helperText","parentHelperId"],"mappings":"mGA4Ba,MAAAA,EAAmBC,IAC9B,MAAOC,GAAcC,EAASC,EAAW,GAAIH,EAAaI,OAC1D,MAAOC,EAAaC,GAAkBJ,EAAS,IAC/C,MAAOK,GAAWL,EAASC,EAAW,GAAIH,EAAaQ,eAEvDC,GAAU,KACR,GAAIT,EAAaU,OAASV,EAAaW,cACrCL,EAAeN,EAAaW,eAG9B,IACIX,EAAaU,OAASV,EAAaY,aACnCZ,EAAaW,gBAAkBX,EAAaQ,cAAgBR,EAAaY,WAE3EN,EAAe,GAAGL,KAGpB,IACID,EAAaU,QAAUV,EAAaY,YAAcZ,EAAaa,iBAC/Db,EAAaW,gBAAkBX,EAAaQ,cAAgBR,EAAaa,eAE3EP,EAAe,GAAGN,EAAaa,kBAGjC,GAAIb,EAAaQ,eAAiBR,EAAaW,eAAiBX,EAAaU,MAC3EJ,EAAeC,EAChB,GACA,CAACN,EAAYD,EAAaU,MAAOV,EAAaW,gBAEjD,MAAO,CACLN,cACAE,UACAN,aACD"}
+{"version":3,"file":"useFormSelector.esm.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 { useEffect, useState } from \"react\";\nimport { generateID } from \"../util/helper\";\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 [describedBy, setDescribedBy] = useState(\"\");\n  const [errorId] = useState(generateID(15, configObject.errorMessage));\n\n  useEffect(() => {\n    if (configObject.error && configObject.parentErrorId) {\n      setDescribedBy(configObject.parentErrorId);\n    }\n\n    if (\n      (!configObject.error && configObject.helperText) ||\n      (!configObject.parentErrorId && !configObject.errorMessage && configObject.helperText)\n    ) {\n      setDescribedBy(`${identifier}`);\n    }\n\n    if (\n      (!configObject.error && !configObject.helperText && configObject.parentHelperId) ||\n      (!configObject.parentErrorId && !configObject.errorMessage && configObject.parentHelperId)\n    ) {\n      setDescribedBy(`${configObject.parentHelperId}`);\n    }\n\n    if (configObject.errorMessage && !configObject.parentErrorId && configObject.error) {\n      setDescribedBy(errorId);\n    }\n  }, [identifier, configObject.error, configObject.parentErrorId]);\n\n  return {\n    describedBy,\n    errorId,\n    identifier\n  };\n};\n"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;AAcG;AAcU,MAAA,eAAe,GAAG,CAAC,YAA0B,KAAI;AAC5D,IAAA,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IACjE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACnD,IAAA,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;IAEtE,SAAS,CAAC,MAAK;QACb,IAAI,YAAY,CAAC,KAAK,IAAI,YAAY,CAAC,aAAa,EAAE;AACpD,YAAA,cAAc,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;SAC5C;QAED,IACE,CAAC,CAAC,YAAY,CAAC,KAAK,IAAI,YAAY,CAAC,UAAU;AAC/C,aAAC,CAAC,YAAY,CAAC,aAAa,IAAI,CAAC,YAAY,CAAC,YAAY,IAAI,YAAY,CAAC,UAAU,CAAC,EACtF;AACA,YAAA,cAAc,CAAC,CAAA,EAAG,UAAU,CAAA,CAAE,CAAC,CAAC;SACjC;AAED,QAAA,IACE,CAAC,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,UAAU,IAAI,YAAY,CAAC,cAAc;AAC/E,aAAC,CAAC,YAAY,CAAC,aAAa,IAAI,CAAC,YAAY,CAAC,YAAY,IAAI,YAAY,CAAC,cAAc,CAAC,EAC1F;AACA,YAAA,cAAc,CAAC,CAAG,EAAA,YAAY,CAAC,cAAc,CAAA,CAAE,CAAC,CAAC;SAClD;AAED,QAAA,IAAI,YAAY,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,aAAa,IAAI,YAAY,CAAC,KAAK,EAAE;YAClF,cAAc,CAAC,OAAO,CAAC,CAAC;SACzB;AACH,KAAC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC;IAEjE,OAAO;QACL,WAAW;QACX,OAAO;QACP,UAAU;KACX,CAAC;AACJ;;;;"}

package/dist/esm/src/hooks/useFullHeightCollapse.esm.js

@@ -1,2 +1,33 @@
-import{useState as t}from"react";const o=o=>{const[l,c]=t(o!==null&&o!==void 0?o:false);const e=t=>{const o=t.target;const{scrollTop:l,scrollHeight:e,clientHeight:n}=o;const r=Math.ceil(l/(e-n)*100);c(r!==0)};return{collapsed:l,handleScroll:e}};export{o as useFullHeightCollapse};
+import { useState } from 'react';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const useFullHeightCollapse = (isCollapsed) => {
+    const [collapsed, setCollapsed] = useState(isCollapsed !== null && isCollapsed !== void 0 ? 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.esm.js.map

package/dist/esm/src/hooks/useFullHeightCollapse.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFullHeightCollapse.esm.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":["useFullHeightCollapse","isCollapsed","collapsed","setCollapsed","useState","handleScroll","e","target","scrollTop","scrollHeight","clientHeight","position","Math","ceil"],"mappings":"iCAkBa,MAAAA,EAAyBC,IACpC,MAAOC,EAAWC,GAAgBC,EAASH,IAAW,MAAXA,SAAA,EAAAA,EAAe,OAE1D,MAAMI,EAAgBC,IACpB,MAAMC,EAASD,EAAEC,OACjB,MAAMC,UAAEA,EAASC,aAAEA,EAAYC,aAAEA,GAAiBH,EAClD,MAAMI,EAAWC,KAAKC,KAAML,GAAaC,EAAeC,GAAiB,KACzEP,EAAaQ,IAAa,EAAE,EAG9B,MAAO,CACLT,YACAG,eACD"}
+{"version":3,"file":"useFullHeightCollapse.esm.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":";;AAAA;;;;;;;;;;;;;;AAcG;AAIU,MAAA,qBAAqB,GAAG,CAAC,WAAqB,KAAI;AAC7D,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,WAAW,GAAI,KAAK,CAAC,CAAC;AAEjE,IAAA,MAAM,YAAY,GAAG,CAAC,CAAgC,KAAI;AACxD,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAwB,CAAC;QAC1C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;AACzD,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,IAAI,YAAY,GAAG,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC;AAC9E,QAAA,YAAY,CAAC,QAAQ,KAAK,CAAC,CAAC,CAAC;AAC/B,KAAC,CAAC;IAEF,OAAO;QACL,SAAS;QACT,YAAY;KACb,CAAC;AACJ;;;;"}

package/dist/esm/src/hooks/useGetDomRoot.esm.js

@@ -1,2 +1,37 @@
-import{useState as r,useEffect as t}from"react";const e=(e,o)=>{const[n,c]=r(document.body);t((()=>{if((o===null||o===void 0?void 0:o.current)&&!e){const r=o.current.closest(".basestyling-wrapper");if(r){c(r);return}}else if(e){c(e);return}}),[o]);return{root:n}};export{e as useGetDomRoot};
+import { useState, useEffect } from 'react';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const useGetDomRoot = (passedDomRoot, relativeElement) => {
+    const [root, setRoot] = useState(document.body);
+    useEffect(() => {
+        if ((relativeElement === null || relativeElement === void 0 ? 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.esm.js.map

package/dist/esm/src/hooks/useGetDomRoot.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetDomRoot.esm.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":["useGetDomRoot","passedDomRoot","relativeElement","root","setRoot","useState","document","body","useEffect","current","closestBaseStylingWrapper","closest"],"mappings":"sDAkBaA,EAAgB,CAC3BC,EACAC,KAEA,MAAOC,EAAMC,GAAWC,EAAsBC,SAASC,MAEvDC,GAAU,KACR,IAAIN,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAiBO,WAAYR,EAAe,CAC9C,MAAMS,EAA4BR,EAAgBO,QAAQE,QAAQ,wBAElE,GAAID,EAA2B,CAC7BN,EAAQM,GACR,MACD,CACF,MAAM,GAAIT,EAAe,CACxBG,EAAQH,GACR,MACD,IACA,CAACC,IAEJ,MAAO,CAAEC,OAAM"}
+{"version":3,"file":"useGetDomRoot.esm.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":";;AAAA;;;;;;;;;;;;;;AAcG;MAIU,aAAa,GAAG,CAC3B,aAAsC,EACtC,eAAuD,KACrD;AACF,IAAA,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAc,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7D,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAA,eAAe,KAAf,IAAA,IAAA,eAAe,KAAf,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,eAAe,CAAE,OAAO,KAAI,CAAC,aAAa,EAAE;YAC9C,MAAM,yBAAyB,GAAG,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;YAE1F,IAAI,yBAAyB,EAAE;gBAC7B,OAAO,CAAC,yBAAwC,CAAC,CAAC;gBAClD,OAAO;aACR;SACF;aAAM,IAAI,aAAa,EAAE;YACxB,OAAO,CAAC,aAAa,CAAC,CAAC;YACvB,OAAO;SACR;AACH,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,EAAE,IAAI,EAAE,CAAC;AAClB;;;;"}

package/dist/esm/src/hooks/usePosition.esm.js

@@ -1,2 +1,241 @@
-import{useState as t}from"react";import{useDebouncedCallback as i}from"./useDebouncedCallback.esm.js";var e;(function(t){t["LEFT"]="left";t["CENTER"]="center";t["CENTER_H"]="centerh";t["RIGHT"]="right"})(e||(e={}));var o;(function(t){t["TOP"]="top";t["CENTER"]="center";t["CENTER_V"]="centerv";t["BOTTOM"]="bottom"})(o||(o={}));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};const r=(e=n)=>{var o;const r={...n,...e};const[l,f]=t(false);if(r.transformOrigin===void 0)r.transformOrigin=n.transformOrigin;if(r.placement===void 0)r.placement=n.placement;if(r.offset===void 0)r.offset=n.offset;const[h,d]=t({left:0,top:0,right:"initial",bottom:"initial"});const c=(t,i,e,o)=>{let n=t;if(i[e]==="left"&&n<0||i[e]==="top"&&n<0||i[e]==="center"&&n<0||i[e]==="bottom"&&n<0)n=0;if(i[e]==="left"&&n>window.innerWidth-o.width||i[e]==="center"&&e==="horizontal"&&n>window.innerWidth-o.width)n=window.innerWidth-o.width;if(i[e]==="top"&&n>window.innerHeight-o.height||i[e]==="center"&&e==="vertical"&&n>window.innerHeight-o.height)n=window.innerHeight-o.height;if(i[e]==="right"&&n>window.innerWidth-o.width)n=window.innerWidth-o.width;if(i[e]==="bottom"&&n>window.innerHeight-o.height)n=window.innerHeight-o.height;return n};const v=(t,i,e)=>{var o,n,l,f,h,d,c,v,s,a,u,g;let m=t;if(i==="horizontal"&&((o=r.offset)===null||o===void 0?void 0:o.left)!==0||i==="horizontal"&&((n=r.offset)===null||n===void 0?void 0:n.right)!==0){if(e[i]==="left"||e[i]==="center"){m+=(l=r.offset)===null||l===void 0?void 0:l.left;m-=(f=r.offset)===null||f===void 0?void 0:f.right}if(e[i]==="right"){m-=(h=r.offset)===null||h===void 0?void 0:h.left;m+=(d=r.offset)===null||d===void 0?void 0:d.right}}if(i==="vertical"&&((c=r.offset)===null||c===void 0?void 0:c.top)!==0||i==="vertical"&&((v=r.offset)===null||v===void 0?void 0:v.bottom)!==0){if(e[i]==="top"||e[i]==="center"){m+=(s=r.offset)===null||s===void 0?void 0:s.top;m-=(a=r.offset)===null||a===void 0?void 0:a.bottom}if(e[i]==="bottom"){m-=(u=r.offset)===null||u===void 0?void 0:u.top;m+=(g=r.offset)===null||g===void 0?void 0:g.bottom}}return m};const s=(t,i,e,o,n)=>{let r=0;if(t[i]==="left"||t[i]==="top")r=e[o];else if(t[i]==="center")r=e[o]-n[i==="horizontal"?"width":"height"]/2;else if(t[i]==="right"||t[i]==="bottom")r=window[i==="horizontal"?"innerWidth":"innerHeight"]-e[o];return r};const a=t=>{if(t==="horizontal")return"centerh";else if(t==="vertical")return"centerv";throw new Error(`the requested return value isn't "vertical" or "horizontal" ${t} was given.`)};const u=(t,i,e,o,n)=>{const r=i==="center"?a(e):i;const l=s(t,e,o,r,n);const f=v(l,e,t);return c(f,t,e,n)};const g=(t,i,e)=>{var o,n;const l=u(r.transformOrigin,r.placement[e],e,t,i);let f="left";let h="right";if(e==="horizontal"&&((o=r.transformOrigin)===null||o===void 0?void 0:o.horizontal)==="right"){f="right";h="left"}else if(e==="horizontal"){f="left";h="right"}if(e==="vertical"&&((n=r.transformOrigin)===null||n===void 0?void 0:n.vertical)==="bottom"){f="bottom";h="top"}else if(e==="vertical"){f="top";h="bottom"}d((t=>({...t,[f]:l,[h]:"initial"})))};const m=i((()=>{var t,i;if(!((t=r.relativeElement)===null||t===void 0?void 0:t.current)||!((i=r.elementToBePositioned)===null||i===void 0?void 0:i.current))return;const e=r.relativeElement.current.getBoundingClientRect();const o={height:r.elementToBePositioned.current.offsetHeight,width:r.elementToBePositioned.current.offsetWidth};const n={top:e.top,right:e.right,bottom:e.bottom,center:0,centerv:e.top+e.height/2,centerh:e.left+e.width/2,left:e.left,width:e.width,height:e.height,x:e.x,y:e.y};g(n,o,"horizontal");g(n,o,"vertical");if(!l)f(true)}),(o=r.debounceAmount)!==null&&o!==void 0?o:20);return{top:h.top,bottom:h.bottom,left:h.left,right:h.right,calculatePosition:m,initialCalculationDone:l}};export{e as horizontal,r as usePosition,o as vertical};
+import { useState } from 'react';
+import { useDebouncedCallback } from './useDebouncedCallback.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+var horizontal;
+(function (horizontal) {
+    horizontal["LEFT"] = "left";
+    horizontal["CENTER"] = "center";
+    horizontal["CENTER_H"] = "centerh";
+    horizontal["RIGHT"] = "right";
+})(horizontal || (horizontal = {}));
+var vertical;
+(function (vertical) {
+    vertical["TOP"] = "top";
+    vertical["CENTER"] = "center";
+    vertical["CENTER_V"] = "centerv";
+    vertical["BOTTOM"] = "bottom";
+})(vertical || (vertical = {}));
+const defaultConfigObject = {
+    relativeElement: undefined,
+    elementToBePositioned: undefined,
+    transformOrigin: {
+        horizontal: "left",
+        vertical: "top"
+    },
+    placement: {
+        horizontal: "left",
+        vertical: "top"
+    },
+    offset: {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+    },
+    debounceAmount: 20
+};
+/* eslint-disable @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain*/
+const usePosition = (providedConfigObject = defaultConfigObject) => {
+    var _a;
+    const configObject = { ...defaultConfigObject, ...providedConfigObject };
+    const [initialCalculationDone, setInitialCalculationDone] = useState(false);
+    if (configObject.transformOrigin === undefined) {
+        configObject.transformOrigin = defaultConfigObject.transformOrigin;
+    }
+    if (configObject.placement === undefined) {
+        configObject.placement = defaultConfigObject.placement;
+    }
+    if (configObject.offset === undefined) {
+        configObject.offset = defaultConfigObject.offset;
+    }
+    const [position, setPosition] = useState({
+        left: 0,
+        top: 0,
+        right: "initial",
+        bottom: "initial"
+    });
+    const _fixPossibleViewportOverflow = (value, transformOrigin, requestedReturnValue, elDimensions) => {
+        let returnValue = value;
+        if ((transformOrigin[requestedReturnValue] === "left" && returnValue < 0) ||
+            (transformOrigin[requestedReturnValue] === "top" && returnValue < 0) ||
+            (transformOrigin[requestedReturnValue] === "center" && returnValue < 0) ||
+            (transformOrigin[requestedReturnValue] === "bottom" && returnValue < 0)) {
+            returnValue = 0;
+        }
+        if ((transformOrigin[requestedReturnValue] === "left" &&
+            returnValue > window.innerWidth - elDimensions.width) ||
+            (transformOrigin[requestedReturnValue] === "center" &&
+                requestedReturnValue === "horizontal" &&
+                returnValue > window.innerWidth - elDimensions.width)) {
+            returnValue = window.innerWidth - elDimensions.width;
+        }
+        if ((transformOrigin[requestedReturnValue] === "top" &&
+            returnValue > window.innerHeight - elDimensions.height) ||
+            (transformOrigin[requestedReturnValue] === "center" &&
+                requestedReturnValue === "vertical" &&
+                returnValue > window.innerHeight - elDimensions.height)) {
+            returnValue = window.innerHeight - elDimensions.height;
+        }
+        if (transformOrigin[requestedReturnValue] === "right" &&
+            returnValue > window.innerWidth - elDimensions.width) {
+            returnValue = window.innerWidth - elDimensions.width;
+        }
+        if (transformOrigin[requestedReturnValue] === "bottom" &&
+            returnValue > window.innerHeight - elDimensions.height) {
+            returnValue = window.innerHeight - elDimensions.height;
+        }
+        return returnValue;
+    };
+    const _applyOffsetToPlacementValue = (value, requestedReturnValue, transformOrigin) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        let returnValue = value;
+        if ((requestedReturnValue === "horizontal" && ((_a = configObject.offset) === null || _a === void 0 ? void 0 : _a.left) !== 0) ||
+            (requestedReturnValue === "horizontal" && ((_b = configObject.offset) === null || _b === void 0 ? void 0 : _b.right) !== 0)) {
+            if (transformOrigin[requestedReturnValue] === "left" ||
+                transformOrigin[requestedReturnValue] === "center") {
+                returnValue += (_c = configObject.offset) === null || _c === void 0 ? void 0 : _c.left;
+                returnValue -= (_d = configObject.offset) === null || _d === void 0 ? void 0 : _d.right;
+            }
+            if (transformOrigin[requestedReturnValue] === "right") {
+                returnValue -= (_e = configObject.offset) === null || _e === void 0 ? void 0 : _e.left;
+                returnValue += (_f = configObject.offset) === null || _f === void 0 ? void 0 : _f.right;
+            }
+        }
+        if ((requestedReturnValue === "vertical" && ((_g = configObject.offset) === null || _g === void 0 ? void 0 : _g.top) !== 0) ||
+            (requestedReturnValue === "vertical" && ((_h = configObject.offset) === null || _h === void 0 ? void 0 : _h.bottom) !== 0)) {
+            if (transformOrigin[requestedReturnValue] === "top" ||
+                transformOrigin[requestedReturnValue] === "center") {
+                returnValue += (_j = configObject.offset) === null || _j === void 0 ? void 0 : _j.top;
+                returnValue -= (_k = configObject.offset) === null || _k === void 0 ? void 0 : _k.bottom;
+            }
+            if (transformOrigin[requestedReturnValue] === "bottom") {
+                returnValue -= (_l = configObject.offset) === null || _l === void 0 ? void 0 : _l.top;
+                returnValue += (_m = configObject.offset) === null || _m === void 0 ? void 0 : _m.bottom;
+            }
+        }
+        return returnValue;
+    };
+    const _calculateInitialPlacementValue = (transformOrigin, requestedReturnValue, relEl, placementOriginDefinition, elDimensions) => {
+        let value = 0;
+        if (transformOrigin[requestedReturnValue] === "left" ||
+            transformOrigin[requestedReturnValue] === "top") {
+            value = relEl[placementOriginDefinition];
+        }
+        else if (transformOrigin[requestedReturnValue] === "center") {
+            value =
+                relEl[placementOriginDefinition] -
+                    elDimensions[requestedReturnValue === "horizontal" ? "width" : "height"] / 2;
+        }
+        else if (transformOrigin[requestedReturnValue] === "right" ||
+            transformOrigin[requestedReturnValue] === "bottom") {
+            value =
+                window[requestedReturnValue === "horizontal" ? "innerWidth" : "innerHeight"] -
+                    relEl[placementOriginDefinition];
+        }
+        return value;
+    };
+    /**
+     *
+     * @param requestedReturnValue whether the requested return value is for the horizontal or vertical axis
+     * @returns either the horizontally centered placement definition (centerh) or the vertically centered one (centerv)
+     */
+    const _determineCenteredPlacementOrigin = (requestedReturnValue) => {
+        if (requestedReturnValue === "horizontal") {
+            return "centerh";
+        }
+        else if (requestedReturnValue === "vertical") {
+            return "centerv";
+        }
+        throw new Error(`the requested return value isn't "vertical" or "horizontal" ${requestedReturnValue} was given.`);
+    };
+    const _calculatePlacementValue = (transformOrigin, placement, requestedReturnValue, relEl, elDimensions) => {
+        const placementOriginDefinition = placement === "center" ? _determineCenteredPlacementOrigin(requestedReturnValue) : placement;
+        const value = _calculateInitialPlacementValue(transformOrigin, requestedReturnValue, relEl, placementOriginDefinition, elDimensions);
+        const valueWithOffset = _applyOffsetToPlacementValue(value, requestedReturnValue, transformOrigin);
+        return _fixPossibleViewportOverflow(valueWithOffset, transformOrigin, requestedReturnValue, elDimensions);
+    };
+    const _calculatePlacement = (relEl, elDimensions, axis) => {
+        var _a, _b;
+        const placementValue = _calculatePlacementValue(configObject.transformOrigin, configObject.placement[axis], axis, relEl, elDimensions);
+        let direction = "left";
+        let oppositeDirection = "right";
+        if (axis === "horizontal" && ((_a = configObject.transformOrigin) === null || _a === void 0 ? void 0 : _a.horizontal) === "right") {
+            direction = "right";
+            oppositeDirection = "left";
+        }
+        else if (axis === "horizontal") {
+            direction = "left";
+            oppositeDirection = "right";
+        }
+        if (axis === "vertical" && ((_b = configObject.transformOrigin) === null || _b === void 0 ? void 0 : _b.vertical) === "bottom") {
+            direction = "bottom";
+            oppositeDirection = "top";
+        }
+        else if (axis === "vertical") {
+            direction = "top";
+            oppositeDirection = "bottom";
+        }
+        setPosition(prevState => ({
+            ...prevState,
+            [direction]: placementValue,
+            [oppositeDirection]: "initial"
+        }));
+    };
+    const calculatePosition = useDebouncedCallback(() => {
+        var _a, _b;
+        if (!((_a = configObject.relativeElement) === null || _a === void 0 ? void 0 : _a.current) || !((_b = configObject.elementToBePositioned) === null || _b === void 0 ? void 0 : _b.current)) {
+            return;
+        }
+        const relativeElRect = configObject.relativeElement
+            .current.getBoundingClientRect();
+        const elementToBePositionedDimensions = {
+            height: configObject.elementToBePositioned.current.offsetHeight,
+            width: configObject.elementToBePositioned.current.offsetWidth
+        };
+        /** 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. */
+        const clonedRelEl = {
+            top: relativeElRect.top,
+            right: relativeElRect.right,
+            bottom: relativeElRect.bottom,
+            center: 0,
+            centerv: relativeElRect.top + relativeElRect.height / 2,
+            centerh: relativeElRect.left + relativeElRect.width / 2,
+            left: relativeElRect.left,
+            width: relativeElRect.width,
+            height: relativeElRect.height,
+            x: relativeElRect.x,
+            y: relativeElRect.y
+        };
+        _calculatePlacement(clonedRelEl, elementToBePositionedDimensions, "horizontal");
+        _calculatePlacement(clonedRelEl, elementToBePositionedDimensions, "vertical");
+        if (!initialCalculationDone) {
+            setInitialCalculationDone(true);
+        }
+    }, (_a = configObject.debounceAmount) !== null && _a !== void 0 ? _a : 20);
+    return {
+        top: position.top,
+        bottom: position.bottom,
+        left: position.left,
+        right: position.right,
+        calculatePosition,
+        initialCalculationDone
+    };
+};
+
+export { horizontal, usePosition, vertical };
 //# sourceMappingURL=usePosition.esm.js.map