@onewelcome/react-lib-components 7.0.0 → 8.0.0

package/dist/cjs/node_modules/style-inject/dist/style-inject.es.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-inject.es.cjs.js","sources":["../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"sEAAA,SAASA,EAAYC,EAAKC,GACxB,GAAKA,SAAa,EAAIA,EAAM,CAAA,EAC5B,IAAIC,EAAWD,EAAIC,SAEnB,IAAKF,UAAcG,WAAa,YAAe,OAE/C,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAClE,IAAIC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEb,GAAIN,IAAa,MACf,GAAIE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,iBAE9BL,EAAKO,YAAYL,QAGnBF,EAAKO,YAAYL,GAGnB,GAAIA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,OAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAE9C"}
+{"version":3,"file":"style-inject.es.cjs.js","sources":["../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"oFAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBY,CAqB1D","x_google_ignoreList":[0]}

package/dist/cjs/src/components/DataGrid/DataGrid.d.ts

@@ -4,6 +4,7 @@ import { HeaderCell, OnSortFunction, Sort } from "./datagrid.interfaces";
 import { Props as PaginationProps } from "../Pagination/Pagination";
 import { Spacing } from "../../hooks/useSpacing";
 import { DataGridToolbarProps } from "./DataGridFilters/DataGridToolbar";
+import { DataGridSearchbarProps } from "./DataGridFilters/DataGridSearchbar";
 export interface Props<T> extends Omit<ComponentPropsWithRef<"div">, "children"> {
     children: ({ item, index }: {
         item: T;
@@ -26,10 +27,8 @@ export interface Props<T> extends Omit<ComponentPropsWithRef<"div">, "children">
     paginationProps?: PaginationProps;
     disableContextMenuColumn?: boolean;
     enableExpandableRow?: boolean;
-    filters?: {
-        enable: boolean;
-        filtersProps: DataGridToolbarProps;
-    };
+    filters?: DataGridToolbarProps;
+    search?: DataGridSearchbarProps;
     isLoading?: boolean;
     enableMultiSorting?: boolean;
     spacing?: Spacing;

package/dist/cjs/src/components/DataGrid/DataGridBody/DataGridBody.d.ts

@@ -9,6 +9,7 @@ export interface Props<T> extends Omit<ComponentPropsWithRef<"tbody">, "children
     headers: HeaderCell[];
     isLoading?: boolean;
     disableContextMenuColumn?: boolean;
+    searchValue?: string;
     emptyLabel?: string;
     spacing?: React.CSSProperties;
 }

package/dist/cjs/src/components/DataGrid/DataGridBody/DataGridCell/DataGridCell.d.ts

@@ -3,6 +3,7 @@ export interface Props extends ComponentPropsWithRef<"td"> {
     children?: ReactElement | string | number;
     isLoading?: boolean;
     spacing?: React.CSSProperties;
+    searchValue?: string;
     cellIndex?: number;
     columnLength?: number;
     disableContextMenuColumn?: boolean;

package/dist/cjs/src/components/DataGrid/DataGridBody/DataGridRow/DataGridRow.d.ts

@@ -4,6 +4,7 @@ export interface Props extends ComponentPropsWithRef<"tr"> {
     headers?: HeaderCell[];
     isLoading?: boolean;
     spacing?: React.CSSProperties;
+    searchValue?: string;
     disableContextMenuColumn?: boolean;
     expandableRowProps?: {
         enableExpandableRow: boolean;

package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridSearchbar.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { InputWrapperProps } from "../../..";
+export interface DataGridSearchbarProps {
+    onSearch: (value: string) => void;
+    initialSearchValue?: string;
+    debounceTime?: number;
+    placeholder?: string;
+    inputWrapperProps?: InputWrapperProps;
+}
+export declare const DataGridSearchbar: ({ onSearch, initialSearchValue, debounceTime, inputWrapperProps, placeholder }: DataGridSearchbarProps) => React.JSX.Element;

package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridToolbar.d.ts

@@ -1,6 +1,6 @@
-import React, { ComponentPropsWithRef, ForwardRefRenderFunction } from "react";
+import React from "react";
 import { DataGridColumnMetadata, Filter, FiltersTranslations } from "./DataGridFilters.interfaces";
-export interface DataGridToolbarProps extends ComponentPropsWithRef<"div"> {
+export interface DataGridToolbarProps {
     columnsMetadata: DataGridColumnMetadata[];
     filterValues?: Filter[];
     translations?: FiltersTranslations;
@@ -9,5 +9,4 @@ export interface DataGridToolbarProps extends ComponentPropsWithRef<"div"> {
     onFilterDelete?: (id: string) => void;
     onFiltersClear?: () => void;
 }
-export declare const DataGridToolbarComponent: ForwardRefRenderFunction<HTMLDivElement, DataGridToolbarProps>;
-export declare const DataGridToolbar: React.ForwardRefExoticComponent<Omit<DataGridToolbarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DataGridToolbar: ({ columnsMetadata, filterValues, translations, onFilterAdd, onFilterEdit, onFilterDelete, onFiltersClear }: DataGridToolbarProps) => React.JSX.Element;

package/dist/cjs/src/components/DataGrid/DataGridFilters/DataGridToolbarWrapper.d.ts

@@ -0,0 +1,7 @@
+import React, { ComponentPropsWithRef, ForwardRefRenderFunction } from "react";
+type Props = ComponentPropsWithRef<"div">;
+export declare const DataGridToolbarWrapperComponent: ForwardRefRenderFunction<HTMLDivElement, Props>;
+export declare const DataGridToolbarWrapper: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/cjs/src/components/Icon/Icon.d.ts

@@ -78,7 +78,9 @@ export declare enum Icons {
     RetryFile = "retry",
     AbortFile = "cancel",
     FileAltIcon = "file-alt",
-    AddCircle = "add-circle"
+    AddCircle = "add-circle",
+    ZoomIn = "zoom-in",
+    ZoomOut = "zoom-out"
 }
 type Tag = "span" | "div" | "i";
 export interface Props extends ComponentPropsWithRef<"div"> {

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

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

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

@@ -1 +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":["useAnimation","callback","animatedObjectRef","useRef","animationStarted","setAnimationStarted","useState","onAnimationEnd","useEffect","_a","current","addEventListener","removeEventListener","ref","startAnimation"],"mappings":"6FAkBa,MAAAA,EAAgDC,IAC3D,MAAMC,EAAoBC,SAAmB,MAE7C,MAAOC,EAAkBC,GAAuBC,EAAQA,SAAC,OAEzD,MAAMC,EAAiB,IAAMH,GAAoBH,IAEjDO,EAAAA,WAAU,YACRC,EAAAP,EAAkBQ,WAAS,MAAAD,SAAA,OAAA,EAAAA,EAAAE,iBAAiB,eAAgBJ,GAC5D,MAAO,KAAK,IAAAE,EAAC,OAAAA,EAAAP,EAAkBQ,WAAS,MAAAD,SAAA,OAAA,EAAAA,EAAAG,oBAAoB,eAAgBL,EAAe,CAAA,GAC1F,CAACH,IAEJ,MAAO,CACLS,IAAKX,EACLE,mBACAU,eAAgB,IAAMT,EAAoB,MAC3C"}
+{"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":"yDAkB6DA,IAC3D,MAAMC,EAAoBC,SAAmB,OAEtCC,EAAkBC,GAAuBC,EAAQA,UAAC,GAEnDC,EAAiB,IAAMH,GAAoBH,IAOjD,OALAO,EAAAA,WAAU,WAER,OAD2B,QAA3BC,EAAAP,EAAkBQ,eAAS,IAAAD,GAAAA,EAAAE,iBAAiB,eAAgBJ,GACrD,KAAK,IAAAE,EAAC,OAA2B,QAA3BA,EAAAP,EAAkBQ,eAAS,IAAAD,OAAA,EAAAA,EAAAG,oBAAoB,eAAgBL,EAAe,CAAA,GAC1F,CAACH,IAEG,CACLS,IAAKX,EACLE,mBACAU,eAAgB,IAAMT,GAAoB,GAC3C"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");const t=(t,r,i)=>{function c(e){if(t(e))r()}e.useEffect((()=>{window.addEventListener("click",c);return()=>{window.removeEventListener("click",c)}}),[i])};exports.useBodyClick=t;
+"use strict";var e=require("react");exports.useBodyClick=(i,t,c)=>{function r(e){i(e)&&t()}e.useEffect((()=>(window.addEventListener("click",r),()=>{window.removeEventListener("click",r)})),[c])};
 //# sourceMappingURL=useBodyClick.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBodyClick.cjs.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":"6FAkBa,MAAAA,EAAe,CAC1BC,EACAC,EACAC,KAEA,SAASC,EAAkBC,GACzB,GAAIJ,EAAcI,GAChBH,GAEH,CACDI,EAAAA,WAAU,KACRC,OAAOC,iBAAiB,QAASJ,GAEjC,MAAO,KACLG,OAAOE,oBAAoB,QAASL,EAAkB,CACvD,GACA,CAACD,GAAwB"}
+{"version":3,"file":"useBodyClick.cjs.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":["checkFunction","callbackFunction","dependingStateVariable","bodyClickListener","event","useEffect","window","addEventListener","removeEventListener"],"mappings":"yDAkB4B,CAC1BA,EACAC,EACAC,KAEA,SAASC,EAAkBC,GACrBJ,EAAcI,IAChBH,GAEH,CACDI,EAAAA,WAAU,KACRC,OAAOC,iBAAiB,QAASJ,GAE1B,KACLG,OAAOE,oBAAoB,QAASL,EAAkB,IAEvD,CAACD,GAAwB"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");function t(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var r=t(e);const u=(e,t,u)=>{const c=r["default"].useRef();const n=u?[e,t,...u]:[e,t];return r["default"].useCallback(((...r)=>{if(c.current!=null)clearTimeout(c.current);c.current=setTimeout((()=>{e(...r)}),t)}),n)};exports.useDebouncedCallback=u;
+"use strict";var e=require("react");exports.useDebouncedCallback=(r,u,t)=>{const c=e.useRef(),s=t?[r,u,...t]:[r,u];return e.useCallback(((...e)=>{null!=c.current&&clearTimeout(c.current),c.current=setTimeout((()=>{r(...e)}),u)}),s)};
 //# sourceMappingURL=useDebouncedCallback.cjs.js.map

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

@@ -1 +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\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":"iLAkBa,MAAAA,EAAuB,CAACC,EAAoBC,EAAeC,KACtE,MAAMC,EAAUC,aAAMC,SACtB,MAAMC,EAAYJ,EAAe,CAACF,EAAUC,KAAUC,GAAgB,CAACF,EAAUC,GAEjF,OAAOG,aAAMG,aAAY,IAAIC,KAC3B,GAAIL,EAAQM,SAAW,KACrBC,aAAaP,EAAQM,SAGvBN,EAAQM,QAAUE,YAAW,KAC3BX,KAAYQ,EAAK,GAChBP,EAAM,GACRK,EAAU"}
+{"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\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":["callback","delay","dependencies","timeout","React","useRef","comboDeps","useCallback","args","current","clearTimeout","setTimeout"],"mappings":"iEAkBoC,CAACA,EAAoBC,EAAeC,KACtE,MAAMC,EAAUC,EAAMC,SAChBC,EAAYJ,EAAe,CAACF,EAAUC,KAAUC,GAAgB,CAACF,EAAUC,GAEjF,OAAOG,EAAMG,aAAY,IAAIC,KACJ,MAAnBL,EAAQM,SACVC,aAAaP,EAAQM,SAGvBN,EAAQM,QAAUE,YAAW,KAC3BX,KAAYQ,EAAK,GAChBP,EAAM,GACRK,EAAU"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../../Icon/Icon.cjs.js");function r(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var c=r(e);const s=r=>{const{error:s,success:n}=r||false;let o=null;const u=e.useRef(null);const a=e.useRef(null);if(s)o=c["default"].createElement(t.Icon,{ref:u,"data-icon-status":"error",icon:t.Icons.Error});else if(n)o=c["default"].createElement(t.Icon,{ref:a,"data-icon-status":"success",icon:t.Icons.CheckmarkCircleAlt});return o};exports.useDetermineStatusIcon=s;
+"use strict";var e=require("react"),r=require("../../Icon/Icon.cjs.js");exports.useDetermineStatusIcon=c=>{const{error:s,success:t}=c||!1;let n=null;const o=e.useRef(null),u=e.useRef(null);return s?n=e.createElement(r.Icon,{ref:o,"data-icon-status":"error",icon:r.Icons.Error}):t&&(n=e.createElement(r.Icon,{ref:u,"data-icon-status":"success",icon:r.Icons.CheckmarkCircleAlt})),n};
 //# sourceMappingURL=useDetermineStatusIcon.cjs.js.map

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

@@ -1 +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":["useDetermineStatusIcon","params","error","success","icon","errorRef","useRef","successRef","React","createElement","Icon","ref","Icons","Error","CheckmarkCircleAlt"],"mappings":"yNAmBa,MAAAA,EAA0BC,IACrC,MAAMC,MAAEA,EAAKC,QAAEA,GAAYF,GAAU,MACrC,IAAIG,EAAO,KACX,MAAMC,EAAWC,SAAO,MACxB,MAAMC,EAAaD,SAAO,MAE1B,GAAIJ,EACFE,EAAOI,EAAAA,WAACC,cAAAC,EAAIA,KAAC,CAAAC,IAAKN,EAAQ,mBAAmB,QAAQD,KAAMQ,QAAMC,aAC5D,GAAIV,EACTC,EAAOI,EAAAA,WAACC,cAAAC,EAAIA,KAAC,CAAAC,IAAKJ,EAAU,mBAAmB,UAAUH,KAAMQ,QAAME,qBAGvE,OAAOV,CAAI"}
+{"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":"uGAmBuCA,IACrC,MAAMC,MAAEA,EAAKC,QAAEA,GAAYF,IAAU,EACrC,IAAIG,EAAO,KACX,MAAMC,EAAWC,SAAO,MAClBC,EAAaD,SAAO,MAQ1B,OANIJ,EACFE,EAAOI,EAACC,cAAAC,EAAIA,KAAC,CAAAC,IAAKN,EAAQ,mBAAmB,QAAQD,KAAMQ,QAAMC,QACxDV,IACTC,EAAOI,EAACC,cAAAC,EAAIA,KAAC,CAAAC,IAAKJ,EAAU,mBAAmB,UAAUH,KAAMQ,QAAME,sBAGhEV,CAAI"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var r=require("react");var e=require("../util/helper.cjs.js");const t=t=>{const[o]=r.useState(e.generateID(15,t.name));const[s,a]=r.useState("");const[n]=r.useState(e.generateID(15,t.errorMessage));r.useEffect((()=>{if(t.error&&t.parentErrorId)a(t.parentErrorId);if(!t.error&&t.helperText||!t.parentErrorId&&!t.errorMessage&&t.helperText)a(`${o}`);if(!t.error&&!t.helperText&&t.parentHelperId||!t.parentErrorId&&!t.errorMessage&&t.parentHelperId)a(`${t.parentHelperId}`);if(t.errorMessage&&!t.parentErrorId&&t.error)a(n)}),[o,t.error,t.parentErrorId]);return{describedBy:s,errorId:n,identifier:o}};exports.useFormSelector=t;
+"use strict";var r=require("react"),e=require("../util/helper.cjs.js");exports.useFormSelector=t=>{const[a]=r.useState(e.generateID(15,t.name)),[o,s]=r.useState(""),[p]=r.useState(e.generateID(15,t.errorMessage));return r.useEffect((()=>{t.error&&t.parentErrorId&&s(t.parentErrorId),(!t.error&&t.helperText||!t.parentErrorId&&!t.errorMessage&&t.helperText)&&s(`${a}`),(!t.error&&!t.helperText&&t.parentHelperId||!t.parentErrorId&&!t.errorMessage&&t.parentHelperId)&&s(`${t.parentHelperId}`),t.errorMessage&&!t.parentErrorId&&t.error&&s(p)}),[a,t.error,t.parentErrorId]),{describedBy:o,errorId:p,identifier:a}};
 //# sourceMappingURL=useFormSelector.cjs.js.map

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

@@ -1 +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 { 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":"oIA4Ba,MAAAA,EAAmBC,IAC9B,MAAOC,GAAcC,WAASC,EAAAA,WAAW,GAAIH,EAAaI,OAC1D,MAAOC,EAAaC,GAAkBJ,EAAQA,SAAC,IAC/C,MAAOK,GAAWL,WAASC,EAAAA,WAAW,GAAIH,EAAaQ,eAEvDC,EAAAA,WAAU,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.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 { 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":["configObject","identifier","useState","generateID","name","describedBy","setDescribedBy","errorId","errorMessage","useEffect","error","parentErrorId","helperText","parentHelperId"],"mappings":"+FA4BgCA,IAC9B,MAAOC,GAAcC,WAASC,EAAAA,WAAW,GAAIH,EAAaI,QACnDC,EAAaC,GAAkBJ,EAAQA,SAAC,KACxCK,GAAWL,WAASC,EAAAA,WAAW,GAAIH,EAAaQ,eA0BvD,OAxBAC,EAAAA,WAAU,KACJT,EAAaU,OAASV,EAAaW,eACrCL,EAAeN,EAAaW,iBAI1BX,EAAaU,OAASV,EAAaY,aACnCZ,EAAaW,gBAAkBX,EAAaQ,cAAgBR,EAAaY,aAE3EN,EAAe,GAAGL,OAIhBD,EAAaU,QAAUV,EAAaY,YAAcZ,EAAaa,iBAC/Db,EAAaW,gBAAkBX,EAAaQ,cAAgBR,EAAaa,iBAE3EP,EAAe,GAAGN,EAAaa,kBAG7Bb,EAAaQ,eAAiBR,EAAaW,eAAiBX,EAAaU,OAC3EJ,EAAeC,EAChB,GACA,CAACN,EAAYD,EAAaU,MAAOV,EAAaW,gBAE1C,CACLN,cACAE,UACAN,aACD"}

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

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

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

@@ -1 +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":["useFullHeightCollapse","isCollapsed","collapsed","setCollapsed","useState","handleScroll","e","target","scrollTop","scrollHeight","clientHeight","position","Math","ceil"],"mappings":"6FAkBa,MAAAA,EAAyBC,IACpC,MAAOC,EAAWC,GAAgBC,EAAQA,SAACH,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.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":"kEAkBsCA,IACpC,MAAOC,EAAWC,GAAgBC,EAAQA,SAACH,SAAAA,GAS3C,MAAO,CACLC,YACAG,aAToBC,IACpB,MAAMC,EAASD,EAAEC,QACXC,UAAEA,EAASC,aAAEA,EAAYC,aAAEA,GAAiBH,EAC5CI,EAAWC,KAAKC,KAAML,GAAaC,EAAeC,GAAiB,KACzEP,EAA0B,IAAbQ,EAAe,EAM7B"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");const t=(t,r)=>{const[o,s]=e.useState(document.body);e.useEffect((()=>{if((r===null||r===void 0?void 0:r.current)&&!t){const e=r.current.closest(".basestyling-wrapper");if(e){s(e);return}}else if(t){s(t);return}}),[r]);return{root:o}};exports.useGetDomRoot=t;
+"use strict";var 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/cjs/src/hooks/useGetDomRoot.cjs.js.map

@@ -1 +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":["useGetDomRoot","passedDomRoot","relativeElement","root","setRoot","useState","document","body","useEffect","current","closestBaseStylingWrapper","closest"],"mappings":"mGAkBaA,EAAgB,CAC3BC,EACAC,KAEA,MAAOC,EAAMC,GAAWC,EAAAA,SAAsBC,SAASC,MAEvDC,EAAAA,WAAU,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.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":"0DAkB6B,CAC3BA,EACAC,KAEA,MAAOC,EAAMC,GAAWC,EAAAA,SAAsBC,SAASC,MAgBvD,OAdAC,EAAAA,WAAU,KACR,IAAIN,aAAA,EAAAA,EAAiBO,WAAYR,EAAe,CAC9C,MAAMS,EAA4BR,EAAgBO,QAAQE,QAAQ,wBAElE,GAAID,EAEF,YADAN,EAAQM,EAGX,MAAM,GAAIT,EAET,YADAG,EAAQH,EAET,GACA,CAACC,IAEG,CAAEC,OAAM"}

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

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

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

@@ -1 +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","undefined","elementToBePositioned","transformOrigin","placement","offset","top","right","bottom","left","debounceAmount","usePosition","providedConfigObject","configObject","initialCalculationDone","setInitialCalculationDone","useState","position","setPosition","_fixPossibleViewportOverflow","value","requestedReturnValue","elDimensions","returnValue","window","innerWidth","width","innerHeight","height","_applyOffsetToPlacementValue","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","_l","_m","_calculateInitialPlacementValue","relEl","placementOriginDefinition","_determineCenteredPlacementOrigin","Error","_calculatePlacementValue","valueWithOffset","_calculatePlacement","axis","placementValue","direction","oppositeDirection","prevState","calculatePosition","useDebouncedCallback","current","relativeElRect","getBoundingClientRect","elementToBePositionedDimensions","offsetHeight","offsetWidth","clonedRelEl","center","centerv","centerh","x","y"],"mappings":"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"}
+{"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","undefined","elementToBePositioned","transformOrigin","placement","offset","top","right","bottom","left","debounceAmount","providedConfigObject","configObject","initialCalculationDone","setInitialCalculationDone","useState","position","setPosition","_calculatePlacementValue","requestedReturnValue","relEl","elDimensions","placementOriginDefinition","Error","_determineCenteredPlacementOrigin","value","window","_calculateInitialPlacementValue","valueWithOffset","returnValue","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","_l","_m","_applyOffsetToPlacementValue","innerWidth","width","innerHeight","height","_fixPossibleViewportOverflow","_calculatePlacement","axis","placementValue","direction","oppositeDirection","prevState","calculatePosition","useDebouncedCallback","current","relativeElRect","getBoundingClientRect","elementToBePositionedDimensions","offsetHeight","offsetWidth","clonedRelEl","center","centerv","centerh","x","y"],"mappings":"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"}

package/dist/cjs/src/hooks/useRepeater.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../util/helper.cjs.js");function r(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var o=r(e);const n=({componentToRepeat:r})=>{const[n,s]=e.useState([]);e.useEffect((()=>{u()}),[]);const u=()=>{const e=o["default"].cloneElement(r,{key:t.generateID(20)});s((t=>[...t,e]))};const c=e=>{const t=n.filter((t=>t!==e));s(t)};return{repeatedComponents:n,repeat:u,remove:c}};exports.useRepeater=n;
+"use strict";var e=require("react"),t=require("../util/helper.cjs.js");exports.useRepeater=({componentToRepeat:r})=>{const[s,n]=e.useState([]);e.useEffect((()=>{o()}),[]);const o=()=>{const s=e.cloneElement(r,{key:t.generateID(20)});n((e=>[...e,s]))};return{repeatedComponents:s,repeat:o,remove:e=>{const t=s.filter((t=>t!==e));n(t)}}};
 //# sourceMappingURL=useRepeater.cjs.js.map

package/dist/cjs/src/hooks/useRepeater.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRepeater.cjs.js","sources":["../../../../../../src/hooks/useRepeater.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, { useEffect, useState, JSX } from \"react\";\nimport { generateID } from \"../util/helper\";\n\ninterface Arguments {\n  componentToRepeat: React.ReactElement;\n}\n\nexport const useRepeater = <T>({ componentToRepeat }: Arguments) => {\n  const [repeatedComponents, setRepeatedComponents] = useState<JSX.Element[]>([]);\n\n  useEffect(() => {\n    repeat();\n  }, []);\n\n  const repeat = () => {\n    const clonedComponent = React.cloneElement(componentToRepeat, { key: generateID(20) });\n\n    setRepeatedComponents(prevState => [...prevState, clonedComponent]);\n  };\n\n  const remove = (componentToRemove: React.ReactElement<T>) => {\n    const newRepeatedComponents = repeatedComponents.filter(\n      component => component !== componentToRemove\n    );\n\n    setRepeatedComponents(newRepeatedComponents);\n  };\n\n  return {\n    repeatedComponents,\n    repeat,\n    remove\n  };\n};\n"],"names":["useRepeater","componentToRepeat","repeatedComponents","setRepeatedComponents","useState","useEffect","repeat","clonedComponent","React","cloneElement","key","generateID","prevState","remove","componentToRemove","newRepeatedComponents","filter","component"],"mappings":"8NAuBaA,EAAc,EAAMC,wBAC/B,MAAOC,EAAoBC,GAAyBC,EAAQA,SAAgB,IAE5EC,EAAAA,WAAU,KACRC,GAAQ,GACP,IAEH,MAAMA,EAAS,KACb,MAAMC,EAAkBC,aAAMC,aAAaR,EAAmB,CAAES,IAAKC,EAAUA,WAAC,MAEhFR,GAAsBS,GAAa,IAAIA,EAAWL,IAAiB,EAGrE,MAAMM,EAAUC,IACd,MAAMC,EAAwBb,EAAmBc,QAC/CC,GAAaA,IAAcH,IAG7BX,EAAsBY,EAAsB,EAG9C,MAAO,CACLb,qBACAI,SACAO,SACD"}
+{"version":3,"file":"useRepeater.cjs.js","sources":["../../../../../../src/hooks/useRepeater.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, { useEffect, useState, JSX } from \"react\";\nimport { generateID } from \"../util/helper\";\n\ninterface Arguments {\n  componentToRepeat: React.ReactElement;\n}\n\nexport const useRepeater = <T>({ componentToRepeat }: Arguments) => {\n  const [repeatedComponents, setRepeatedComponents] = useState<JSX.Element[]>([]);\n\n  useEffect(() => {\n    repeat();\n  }, []);\n\n  const repeat = () => {\n    const clonedComponent = React.cloneElement(componentToRepeat, { key: generateID(20) });\n\n    setRepeatedComponents(prevState => [...prevState, clonedComponent]);\n  };\n\n  const remove = (componentToRemove: React.ReactElement<T>) => {\n    const newRepeatedComponents = repeatedComponents.filter(\n      component => component !== componentToRemove\n    );\n\n    setRepeatedComponents(newRepeatedComponents);\n  };\n\n  return {\n    repeatedComponents,\n    repeat,\n    remove\n  };\n};\n"],"names":["componentToRepeat","repeatedComponents","setRepeatedComponents","useState","useEffect","repeat","clonedComponent","React","cloneElement","key","generateID","prevState","remove","componentToRemove","newRepeatedComponents","filter","component"],"mappings":"2FAuB2B,EAAMA,wBAC/B,MAAOC,EAAoBC,GAAyBC,EAAQA,SAAgB,IAE5EC,EAAAA,WAAU,KACRC,GAAQ,GACP,IAEH,MAAMA,EAAS,KACb,MAAMC,EAAkBC,EAAMC,aAAaR,EAAmB,CAAES,IAAKC,EAAUA,WAAC,MAEhFR,GAAsBS,GAAa,IAAIA,EAAWL,IAAiB,EAWrE,MAAO,CACLL,qBACAI,SACAO,OAXcC,IACd,MAAMC,EAAwBb,EAAmBc,QAC/CC,GAAaA,IAAcH,IAG7BX,EAAsBY,EAAsB,EAO7C"}

package/dist/cjs/src/hooks/useSpacing.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});const e=.25;const r="rem";const t=/(\d+\.?\d*)+/g;const n=(n,o)=>{if(n)return Object.entries(n).reduce(((n,[o,s])=>{const c=String(s).matchAll(t);const u=Array.from(c).map((([t])=>`${Number(t)*e}${r}`)).join(" ");return{...n,[o]:u}}),o!==null&&o!==void 0?o:{});return o};exports.useSpacing=n;
+"use strict";const r=/(\d+\.?\d*)+/g;exports.useSpacing=(e,t)=>e?Object.entries(e).reduce(((e,[t,n])=>{const c=String(n).matchAll(r),s=Array.from(c).map((([r])=>.25*Number(r)+"rem")).join(" ");return{...e,[t]:s}}),null!=t?t:{}):t;
 //# sourceMappingURL=useSpacing.cjs.js.map

package/dist/cjs/src/hooks/useSpacing.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSpacing.cjs.js","sources":["../../../../../../src/hooks/useSpacing.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 { CSSProperties } from \"react\";\n\nexport type SpacingMultiplier = 0 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\ntype SpacingMultiplierStringOrNumber = `${SpacingMultiplier}` | SpacingMultiplier;\ntype MultiValueSpacingMultiplier =\n  | `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}`\n  | `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}`\n  | `${SpacingMultiplier} ${SpacingMultiplier}`\n  | SpacingMultiplierStringOrNumber;\n\nexport interface Spacing {\n  padding?: MultiValueSpacingMultiplier;\n  paddingTop?: SpacingMultiplierStringOrNumber;\n  paddingBottom?: SpacingMultiplierStringOrNumber;\n  paddingLeft?: SpacingMultiplierStringOrNumber;\n  paddingRight?: SpacingMultiplierStringOrNumber;\n  margin?: MultiValueSpacingMultiplier;\n  marginTop?: SpacingMultiplierStringOrNumber;\n  marginBottom?: SpacingMultiplierStringOrNumber;\n  marginLeft?: SpacingMultiplierStringOrNumber;\n  marginRight?: SpacingMultiplierStringOrNumber;\n}\n\nconst defaultFactor = 0.25;\nconst defaultUnit = \"rem\";\nconst spacingNumberRegex = /(\\d+\\.?\\d*)+/g;\n\nexport const useSpacing = (\n  spacingProps?: Spacing,\n  style?: CSSProperties\n): CSSProperties | undefined => {\n  if (spacingProps) {\n    return Object.entries(spacingProps).reduce<CSSProperties>((prev, [spacing, multiplier]) => {\n      const matches = String(multiplier).matchAll(spacingNumberRegex);\n      const cssSpacingValue = Array.from(matches)\n        .map(([multiplierValue]) => `${Number(multiplierValue) * defaultFactor}${defaultUnit}`)\n        .join(\" \");\n      return { ...prev, [spacing]: cssSpacingValue };\n    }, style ?? {});\n  }\n  return style;\n};\n"],"names":["defaultFactor","defaultUnit","spacingNumberRegex","useSpacing","spacingProps","style","Object","entries","reduce","prev","spacing","multiplier","matches","String","matchAll","cssSpacingValue","Array","from","map","multiplierValue","Number","join"],"mappings":"sEAuCA,MAAMA,EAAgB,IACtB,MAAMC,EAAc,MACpB,MAAMC,EAAqB,sBAEdC,EAAa,CACxBC,EACAC,KAEA,GAAID,EACF,OAAOE,OAAOC,QAAQH,GAAcI,QAAsB,CAACC,GAAOC,EAASC,MACzE,MAAMC,EAAUC,OAAOF,GAAYG,SAASZ,GAC5C,MAAMa,EAAkBC,MAAMC,KAAKL,GAChCM,KAAI,EAAEC,KAAqB,GAAGC,OAAOD,GAAmBnB,IAAgBC,MACxEoB,KAAK,KACR,MAAO,IAAKZ,EAAMC,CAACA,GAAUK,EAAiB,GAC7CV,IAAA,MAAAA,WAAAA,EAAS,CAAA,GAEd,OAAOA,CAAK"}
+{"version":3,"file":"useSpacing.cjs.js","sources":["../../../../../../src/hooks/useSpacing.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 { CSSProperties } from \"react\";\n\nexport type SpacingMultiplier = 0 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\ntype SpacingMultiplierStringOrNumber = `${SpacingMultiplier}` | SpacingMultiplier;\ntype MultiValueSpacingMultiplier =\n  | `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}`\n  | `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}`\n  | `${SpacingMultiplier} ${SpacingMultiplier}`\n  | SpacingMultiplierStringOrNumber;\n\nexport interface Spacing {\n  padding?: MultiValueSpacingMultiplier;\n  paddingTop?: SpacingMultiplierStringOrNumber;\n  paddingBottom?: SpacingMultiplierStringOrNumber;\n  paddingLeft?: SpacingMultiplierStringOrNumber;\n  paddingRight?: SpacingMultiplierStringOrNumber;\n  margin?: MultiValueSpacingMultiplier;\n  marginTop?: SpacingMultiplierStringOrNumber;\n  marginBottom?: SpacingMultiplierStringOrNumber;\n  marginLeft?: SpacingMultiplierStringOrNumber;\n  marginRight?: SpacingMultiplierStringOrNumber;\n}\n\nconst defaultFactor = 0.25;\nconst defaultUnit = \"rem\";\nconst spacingNumberRegex = /(\\d+\\.?\\d*)+/g;\n\nexport const useSpacing = (\n  spacingProps?: Spacing,\n  style?: CSSProperties\n): CSSProperties | undefined => {\n  if (spacingProps) {\n    return Object.entries(spacingProps).reduce<CSSProperties>((prev, [spacing, multiplier]) => {\n      const matches = String(multiplier).matchAll(spacingNumberRegex);\n      const cssSpacingValue = Array.from(matches)\n        .map(([multiplierValue]) => `${Number(multiplierValue) * defaultFactor}${defaultUnit}`)\n        .join(\" \");\n      return { ...prev, [spacing]: cssSpacingValue };\n    }, style ?? {});\n  }\n  return style;\n};\n"],"names":["spacingNumberRegex","spacingProps","style","Object","entries","reduce","prev","spacing","multiplier","matches","String","matchAll","cssSpacingValue","Array","from","map","multiplierValue","Number","join"],"mappings":"aAuCA,MAEMA,EAAqB,mCAED,CACxBC,EACAC,IAEID,EACKE,OAAOC,QAAQH,GAAcI,QAAsB,CAACC,GAAOC,EAASC,MACzE,MAAMC,EAAUC,OAAOF,GAAYG,SAASX,GACtCY,EAAkBC,MAAMC,KAAKL,GAChCM,KAAI,EAAEC,KAZO,IAYiBC,OAAOD,GAAV,QAC3BE,KAAK,KACR,MAAO,IAAKZ,EAAMC,CAACA,GAAUK,EAAiB,GAC7CV,QAAAA,EAAS,CAAA,GAEPA"}

package/dist/cjs/src/hooks/useWrapper.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("../util/helper.cjs.js");const r=()=>{const[r]=e.useState(t.generateID(20));const[s]=e.useState(t.generateID(20));const[a]=e.useState(t.generateID(20));const[u,o]=e.useState(false);return{helperId:r,errorId:s,labelId:a,hasFocus:u,setHasFocus:o}};exports.useWrapper=r;
+"use strict";var e=require("react"),r=require("../util/helper.cjs.js");exports.useWrapper=()=>{const[t]=e.useState(r.generateID(20)),[s]=e.useState(r.generateID(20)),[a]=e.useState(r.generateID(20)),[u,c]=e.useState(!1);return{helperId:t,errorId:s,labelId:a,hasFocus:u,setHasFocus:c}};
 //# sourceMappingURL=useWrapper.cjs.js.map

package/dist/cjs/src/hooks/useWrapper.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWrapper.cjs.js","sources":["../../../../../../src/hooks/useWrapper.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\";\n\nexport const useWrapper = () => {\n  const [helperId] = useState(generateID(20));\n  const [errorId] = useState(generateID(20));\n  const [labelId] = useState(generateID(20));\n  const [hasFocus, setHasFocus] = useState(false);\n\n  return {\n    helperId,\n    errorId,\n    labelId,\n    hasFocus,\n    setHasFocus\n  };\n};\n"],"names":["useWrapper","helperId","useState","generateID","errorId","labelId","hasFocus","setHasFocus"],"mappings":"oIAmBO,MAAMA,EAAa,KACxB,MAAOC,GAAYC,EAAAA,SAASC,EAAAA,WAAW,KACvC,MAAOC,GAAWF,EAAAA,SAASC,EAAAA,WAAW,KACtC,MAAOE,GAAWH,EAAAA,SAASC,EAAAA,WAAW,KACtC,MAAOG,EAAUC,GAAeL,EAAQA,SAAC,OAEzC,MAAO,CACLD,WACAG,UACAC,UACAC,WACAC,cACD"}
+{"version":3,"file":"useWrapper.cjs.js","sources":["../../../../../../src/hooks/useWrapper.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\";\n\nexport const useWrapper = () => {\n  const [helperId] = useState(generateID(20));\n  const [errorId] = useState(generateID(20));\n  const [labelId] = useState(generateID(20));\n  const [hasFocus, setHasFocus] = useState(false);\n\n  return {\n    helperId,\n    errorId,\n    labelId,\n    hasFocus,\n    setHasFocus\n  };\n};\n"],"names":["helperId","useState","generateID","errorId","labelId","hasFocus","setHasFocus"],"mappings":"0FAmB0B,KACxB,MAAOA,GAAYC,EAAAA,SAASC,EAAAA,WAAW,MAChCC,GAAWF,EAAAA,SAASC,EAAAA,WAAW,MAC/BE,GAAWH,EAAAA,SAASC,EAAAA,WAAW,MAC/BG,EAAUC,GAAeL,EAAQA,UAAC,GAEzC,MAAO,CACLD,WACAG,UACAC,UACAC,WACAC,cACD"}

package/dist/cjs/src/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../_BaseStyling_/BaseStyling.cjs.js");var r=require("../Button/Button.cjs.js");var t=require("../Breadcrumbs/Breadcrumbs.cjs.js");var o=require("../ContextMenu/ContextMenu.cjs.js");var a=require("../ContextMenu/ContextMenuItem.cjs.js");var s=require("../Link/Link.cjs.js");var i=require("../Icon/Icon.cjs.js");var p=require("../Button/IconButton.cjs.js");var l=require("../Tabs/Tab.cjs.js");var n=require("../Tabs/Tabs.cjs.js");var c=require("../Tag/Tag.cjs.js");var u=require("../TextEllipsis/TextEllipsis.cjs.js");var j=require("../Tiles/Tile.cjs.js");var d=require("../Tiles/Tiles.cjs.js");var x=require("../Tooltip/Tooltip.cjs.js");var v=require("../Typography/Typography.cjs.js");var m=require("../ProgressBar/ProgressBar.cjs.js");var q=require("../Skeleton/Skeleton.cjs.js");var F=require("../Stepper/Stepper.cjs.js");var S=require("../Pagination/Pagination.cjs.js");var M=require("./hooks/useRepeater.cjs.js");var C=require("./hooks/useFullHeightCollapse.cjs.js");var T=require("./hooks/usePosition.cjs.js");var g=require("./hooks/useDebouncedCallback.cjs.js");var B=require("./util/helper.cjs.js");var D=require("../Notifications/BaseModal/BaseModal.cjs.js");var W=require("../Notifications/Alert/useAlert.cjs.js");var b=require("../Notifications/Alert/AlertProvider/AlertProvider.cjs.js");var I=require("../Notifications/Alert/AlertItem/AlertItem.cjs.js");var h=require("../Notifications/Dialog/Dialog.cjs.js");var G=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js");var f=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js");var k=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js");var P=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js");var y=require("../Notifications/NotificationProvider/NotificationContext.cjs.js");var A=require("../Notifications/SlideInModal/SlideInModal.cjs.js");var N=require("../Form/Checkbox/Checkbox.cjs.js");var H=require("../Form/Fieldset/Fieldset.cjs.js");var R=require("../Form/Form.cjs.js");var L=require("../Form/FormControl/FormControl.cjs.js");var w=require("../Form/FormGroup/FormGroup.cjs.js");var O=require("../Form/FormHelperText/FormHelperText.cjs.js");var E=require("../Form/Input/Input.cjs.js");var U=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js");var _=require("../Form/Label/Label.cjs.js");var z=require("../Form/Radio/Radio.cjs.js");var J=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js");var K=require("../Form/Select/SingleSelect/Select.cjs.js");var Q=require("../Form/Select/MultiSelect/MultiSelect.cjs.js");var V=require("../Form/Select/SingleSelect/Option.cjs.js");var X=require("../Form/Select/MultiSelect/MultiOption.cjs.js");var Y=require("../Form/Textarea/Textarea.cjs.js");var Z=require("../Form/Toggle/Toggle.cjs.js");var $=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js");var ee=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js");var re=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js");var te=require("../Form/FileUpload/FileUpload.cjs.js");var oe=require("../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js");var ae=require("../Layout/ContentHeader/ContentHeader.cjs.js");var se=require("../Layout/FormPage/FormWithStepper/FormStepper/FormStepper.cjs.js");var ie=require("../Layout/FormPage/FormWithStepper/FormSection/FormSection.cjs.js");var pe=require("../Layout/FormPage/FormWithStepper/FormWithStepper.cjs.js");var le=require("../DataGrid/DataGrid.cjs.js");var ne=require("../DataGrid/DataGridBody/DataGridRow/DataGridRow.cjs.js");var ce=require("../DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.cjs.js");var ue=require("../DataGrid/DataGridBody/DataGridCell/DataGridCell.cjs.js");var je=require("../Notifications/Banner/Banner.cjs.js");var de=require("../admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js");exports.BaseStyling=e.BaseStyling;exports.Button=r.Button;exports.Breadcrumbs=t.Breadcrumbs;exports.ContextMenu=o.ContextMenu;exports.ContextMenuItem=a.ContextMenuItem;exports.Link=s.Link;exports.Icon=i.Icon;Object.defineProperty(exports,"Icons",{enumerable:true,get:function(){return i.Icons}});exports.IconButton=p.IconButton;exports.Tab=l.Tab;exports.Tabs=n.Tabs;exports.Tag=c.Tag;exports.TextEllipsis=u.TextEllipsis;exports.Tile=j.Tile;exports.Tiles=d.Tiles;exports.Tooltip=x.Tooltip;exports.Typography=v.Typography;exports.ProgressBar=m.ProgressBar;exports.Skeleton=q.Skeleton;exports.Stepper=F.Stepper;exports.Pagination=S.Pagination;exports.useRepeater=M.useRepeater;exports.useFullHeightCollapse=C.useFullHeightCollapse;exports.usePosition=T.usePosition;exports.useDebouncedCallback=g.useDebouncedCallback;exports.debounce=B.debounce;exports.generateID=B.generateID;exports.throttle=B.throttle;exports.Modal=D.BaseModal;exports.useAlert=W.useAlert;exports.AlertProvider=b.AlertProvider;exports.AlertItem=I.AlertItem;exports.Dialog=h.Dialog;exports.DiscardChangesModal=G.DiscardChangesModal;exports.ModalActions=f.BaseModalActions;exports.ModalContent=k.BaseModalContent;exports.ModalHeader=P.BaseModalHeader;exports.NotificationProvider=y.NotificationProvider;exports.useNotificationContext=y.useNotificationContext;exports.SlideInModal=A.SlideInModal;exports.Checkbox=N.Checkbox;exports.Fieldset=H.Fieldset;exports.Form=R.Form;exports.FormControl=L.FormControl;exports.FormGroup=w.FormGroup;exports.FormHelperText=O.FormHelperText;exports.Input=E.Input;exports.InputWrapper=U.InputWrapper;exports.Label=_.Label;exports.Radio=z.Radio;exports.RadioWrapper=J.RadioWrapper;exports.Select=K.Select;exports.MultiSelect=Q.MultiSelect;exports.Option=V.Option;exports.MultiOption=X.MultiOption;exports.Textarea=Y.Textarea;exports.Toggle=Z.Toggle;exports.CheckboxWrapper=$.CheckboxWrapper;exports.TextareaWrapper=ee.TextareaWrapper;exports.SelectWrapper=re.SelectWrapper;exports.FileUpload=te.FileUpload;exports.MultiSelectWrapper=oe.MultiSelectWrapper;exports.ContentHeader=ae.ContentHeader;exports.FormStepper=se.FormStepper;exports.FormSection=ie.FormSection;exports.FormWithStepper=pe.FormWithStepper;exports.DataGrid=le.DataGrid;exports.DataGridRow=ne.DataGridRow;exports.DataGridDrawerItem=ce.DataGridDrawerItem;exports.DataGridCell=ue.DataGridCell;exports.Banner=je.Banner;exports.MicrofrontendContainer=de.MicrofrontendContainer;
+"use strict";var e=require("../_BaseStyling_/BaseStyling.cjs.js"),r=require("../Button/Button.cjs.js"),t=require("../Breadcrumbs/Breadcrumbs.cjs.js"),o=require("../ContextMenu/ContextMenu.cjs.js"),s=require("../ContextMenu/ContextMenuItem.cjs.js"),i=require("../Link/Link.cjs.js"),a=require("../Icon/Icon.cjs.js"),p=require("../Button/IconButton.cjs.js"),l=require("../Tabs/Tab.cjs.js"),n=require("../Tabs/Tabs.cjs.js"),c=require("../Tag/Tag.cjs.js"),u=require("../TextEllipsis/TextEllipsis.cjs.js"),j=require("../Tiles/Tile.cjs.js"),x=require("../Tiles/Tiles.cjs.js"),d=require("../Tooltip/Tooltip.cjs.js"),m=require("../Typography/Typography.cjs.js"),q=require("../ProgressBar/ProgressBar.cjs.js"),F=require("../Skeleton/Skeleton.cjs.js"),S=require("../Stepper/Stepper.cjs.js"),M=require("../Pagination/Pagination.cjs.js"),C=require("./hooks/useRepeater.cjs.js"),T=require("./hooks/useFullHeightCollapse.cjs.js"),g=require("./hooks/usePosition.cjs.js"),B=require("./hooks/useDebouncedCallback.cjs.js"),D=require("./util/helper.cjs.js"),W=require("../Notifications/BaseModal/BaseModal.cjs.js"),b=require("../Notifications/Alert/useAlert.cjs.js"),I=require("../Notifications/Alert/AlertProvider/AlertProvider.cjs.js"),h=require("../Notifications/Alert/AlertItem/AlertItem.cjs.js"),G=require("../Notifications/Dialog/Dialog.cjs.js"),f=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js"),k=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js"),P=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js"),y=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js"),A=require("../Notifications/NotificationProvider/NotificationContext.cjs.js"),N=require("../Notifications/SlideInModal/SlideInModal.cjs.js"),H=require("../Form/Checkbox/Checkbox.cjs.js"),R=require("../Form/Fieldset/Fieldset.cjs.js"),L=require("../Form/Form.cjs.js"),v=require("../Form/FormControl/FormControl.cjs.js"),w=require("../Form/FormGroup/FormGroup.cjs.js"),O=require("../Form/FormHelperText/FormHelperText.cjs.js"),E=require("../Form/Input/Input.cjs.js"),U=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js"),_=require("../Form/Label/Label.cjs.js"),z=require("../Form/Radio/Radio.cjs.js"),J=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js"),K=require("../Form/Select/SingleSelect/Select.cjs.js"),Q=require("../Form/Select/MultiSelect/MultiSelect.cjs.js"),V=require("../Form/Select/SingleSelect/Option.cjs.js"),X=require("../Form/Select/MultiSelect/MultiOption.cjs.js"),Y=require("../Form/Textarea/Textarea.cjs.js"),Z=require("../Form/Toggle/Toggle.cjs.js"),$=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js"),ee=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js"),re=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js"),te=require("../Form/FileUpload/FileUpload.cjs.js"),oe=require("../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js"),se=require("../Layout/ContentHeader/ContentHeader.cjs.js"),ie=require("../Layout/FormPage/FormWithStepper/FormStepper/FormStepper.cjs.js"),ae=require("../Layout/FormPage/FormWithStepper/FormSection/FormSection.cjs.js"),pe=require("../Layout/FormPage/FormWithStepper/FormWithStepper.cjs.js"),le=require("../DataGrid/DataGrid.cjs.js"),ne=require("../DataGrid/DataGridBody/DataGridRow/DataGridRow.cjs.js"),ce=require("../DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.cjs.js"),ue=require("../DataGrid/DataGridBody/DataGridCell/DataGridCell.cjs.js"),je=require("../Notifications/Banner/Banner.cjs.js"),xe=require("../admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js");exports.BaseStyling=e.BaseStyling,exports.Button=r.Button,exports.Breadcrumbs=t.Breadcrumbs,exports.ContextMenu=o.ContextMenu,exports.ContextMenuItem=s.ContextMenuItem,exports.Link=i.Link,exports.Icon=a.Icon,Object.defineProperty(exports,"Icons",{enumerable:!0,get:function(){return a.Icons}}),exports.IconButton=p.IconButton,exports.Tab=l.Tab,exports.Tabs=n.Tabs,exports.Tag=c.Tag,exports.TextEllipsis=u.TextEllipsis,exports.Tile=j.Tile,exports.Tiles=x.Tiles,exports.Tooltip=d.Tooltip,exports.Typography=m.Typography,exports.ProgressBar=q.ProgressBar,exports.Skeleton=F.Skeleton,exports.Stepper=S.Stepper,exports.Pagination=M.Pagination,exports.useRepeater=C.useRepeater,exports.useFullHeightCollapse=T.useFullHeightCollapse,exports.usePosition=g.usePosition,exports.useDebouncedCallback=B.useDebouncedCallback,exports.debounce=D.debounce,exports.generateID=D.generateID,exports.throttle=D.throttle,exports.Modal=W.BaseModal,exports.useAlert=b.useAlert,exports.AlertProvider=I.AlertProvider,exports.AlertItem=h.AlertItem,exports.Dialog=G.Dialog,exports.DiscardChangesModal=f.DiscardChangesModal,exports.ModalActions=k.BaseModalActions,exports.ModalContent=P.BaseModalContent,exports.ModalHeader=y.BaseModalHeader,exports.NotificationProvider=A.NotificationProvider,exports.useNotificationContext=A.useNotificationContext,exports.SlideInModal=N.SlideInModal,exports.Checkbox=H.Checkbox,exports.Fieldset=R.Fieldset,exports.Form=L.Form,exports.FormControl=v.FormControl,exports.FormGroup=w.FormGroup,exports.FormHelperText=O.FormHelperText,exports.Input=E.Input,exports.InputWrapper=U.InputWrapper,exports.Label=_.Label,exports.Radio=z.Radio,exports.RadioWrapper=J.RadioWrapper,exports.Select=K.Select,exports.MultiSelect=Q.MultiSelect,exports.Option=V.Option,exports.MultiOption=X.MultiOption,exports.Textarea=Y.Textarea,exports.Toggle=Z.Toggle,exports.CheckboxWrapper=$.CheckboxWrapper,exports.TextareaWrapper=ee.TextareaWrapper,exports.SelectWrapper=re.SelectWrapper,exports.FileUpload=te.FileUpload,exports.MultiSelectWrapper=oe.MultiSelectWrapper,exports.ContentHeader=se.ContentHeader,exports.FormStepper=ie.FormStepper,exports.FormSection=ae.FormSection,exports.FormWithStepper=pe.FormWithStepper,exports.DataGrid=le.DataGrid,exports.DataGridRow=ne.DataGridRow,exports.DataGridDrawerItem=ce.DataGridDrawerItem,exports.DataGridCell=ue.DataGridCell,exports.Banner=je.Banner,exports.MicrofrontendContainer=xe.MicrofrontendContainer;
 //# sourceMappingURL=index.cjs.js.map

package/dist/cjs/src/readyclasses.module.scss.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.readyclasses-module_sr-only__Jlanr{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.readyclasses-module_hidden__nkadd{display:none}.readyclasses-module_slide-in__H46R-{animation:readyclasses-module_slide-in__H46R- .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses-module_slide-in__H46R-{animation-duration:.1ms}}.readyclasses-module_slide-out__FYJqt{animation:readyclasses-module_slide-out__FYJqt .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses-module_slide-out__FYJqt{animation-duration:.1ms}}@keyframes readyclasses-module_slide-in__H46R-{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes readyclasses-module_slide-out__FYJqt{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlYWR5Y2xhc3Nlcy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG9DQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxtQ0FDRSxZQUNGLENBRUEscUNBQ0UsMERBQ0YsQ0FDQSx1Q0FDRSxxQ0FDRSx1QkFDRixDQUNGLENBRUEsc0NBQ0UsMkRBQ0YsQ0FDQSx1Q0FDRSxzQ0FDRSx1QkFDRixDQUNGLENBRUEsK0NBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLGdEQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YiLCJmaWxlIjoicmVhZHljbGFzc2VzLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn0iXX0= */'),exports.default={"sr-only":"readyclasses-module_sr-only__Jlanr",hidden:"readyclasses-module_hidden__nkadd","slide-in":"readyclasses-module_slide-in__H46R-","slide-out":"readyclasses-module_slide-out__FYJqt"};
+//# sourceMappingURL=readyclasses.module.scss.cjs.js.map

package/dist/cjs/src/readyclasses.module.scss.cjs.js.map

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

package/dist/cjs/src/util/helper.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});const e=(e=15,t)=>{let r=["1","2","3","4","5","6","7","8","9","0","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"];let o="";for(let n=0;n<e&&o.length<e;n++){let e=typeof t==="string"&&(t===null||t===void 0?void 0:t[n])!==void 0&&!/\s/.test(t[n])?t[n]:"";o=o+e+r[Math.floor(Math.random()*r.length)]}return o.slice(0,e)};const t=(e,t,r=true)=>{if(r)return Object.keys(e).reduce(((r,o)=>{if(t.test(o))r[o]=e[o];return r}),{});else return Object.entries(e).filter((([e])=>!t.test(e))).reduce(((e,t)=>({...e,[t[0]]:t[1]})),{})};const r=(e,t)=>{let r;return function o(...n){const s=()=>{clearTimeout(r);e(...n)};clearTimeout(r);r=setTimeout(s,t)}};const o=(e,t)=>{let r=0;return function(){let o=Date.now();if(o-r>=t){e();r=o}}};const n=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize);const s=(e,t)=>{if(!t)return e;let r={...e};for(let o in t)if(Object.prototype.hasOwnProperty.call(t,o))if(typeof t[o]==="object"&&t[o]!==null&&Object.prototype.hasOwnProperty.call(e,o)&&!Array.isArray(t[o]))r[o]=s(e[o],t[o]);else r[o]=t[o];return r};const l=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");exports.debounce=r;exports.deepMerge=s;exports.escapeRegExp=l;exports.filterProps=t;exports.generateID=e;exports.remToPx=n;exports.throttle=o;
+"use strict";const e=(t,r)=>{if(!r)return t;let o={...t};for(let l in r)Object.prototype.hasOwnProperty.call(r,l)&&("object"==typeof r[l]&&null!==r[l]&&Object.prototype.hasOwnProperty.call(t,l)&&!Array.isArray(r[l])?o[l]=e(t[l],r[l]):o[l]=r[l]);return o};exports.debounce=(e,t)=>{let r;return function(...o){clearTimeout(r),r=setTimeout((()=>{clearTimeout(r),e(...o)}),t)}},exports.deepMerge=e,exports.escapeRegExp=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),exports.filterProps=(e,t,r=!0)=>r?Object.keys(e).reduce(((r,o)=>(t.test(o)&&(r[o]=e[o]),r)),{}):Object.entries(e).filter((([e])=>!t.test(e))).reduce(((e,t)=>({...e,[t[0]]:t[1]})),{}),exports.generateID=(e=15,t)=>{let r=["1","2","3","4","5","6","7","8","9","0","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"],o="";for(let l=0;l<e&&o.length<e;l++){o=o+("string"!=typeof t||void 0===(null==t?void 0:t[l])||/\s/.test(t[l])?"":t[l])+r[Math.floor(Math.random()*r.length)]}return o.slice(0,e)},exports.remToPx=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),exports.throttle=(e,t)=>{let r=0;return function(){let o=Date.now();o-r>=t&&(e(),r=o)}};
 //# sourceMappingURL=helper.cjs.js.map