@onewelcome/react-lib-components 4.2.0 → 5.0.0

package/dist/cjs/src/components/_BaseStyling_/BaseStyling.d.ts

@@ -0,0 +1,182 @@
+/**
+ * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx
+ * and make sure to add it to the shouldBeColorPicker array!
+ */
+import React, { HTMLAttributes, ReactElement } from "react";
+interface CSSProperties {
+    colorFocus?: string;
+    colorPrimary?: string;
+    colorSecondary?: string;
+    colorTertiary?: string;
+    colorPrimary100?: string;
+    colorPrimary300?: string;
+    colorPrimary500?: string;
+    colorPrimary600?: string;
+    colorPrimary700?: string;
+    colorPrimary900?: string;
+    colorBlueGrey100?: string;
+    colorBlueGrey200?: string;
+    colorBlueGrey300?: string;
+    colorBlueGrey400?: string;
+    colorBlueGrey25?: string;
+    colorBlueGrey25Transparent?: string;
+    colorBlueGrey50?: string;
+    colorBlueGrey500?: string;
+    colorBlueGrey700?: string;
+    colorBlueGrey800?: string;
+    colorBlueGrey900?: string;
+    colorGreen100?: string;
+    colorGreen200?: string;
+    colorGreen500?: string;
+    colorGreen600?: string;
+    colorGreen700?: string;
+    colorLightBlue500?: string;
+    colorLightBlue600?: string;
+    colorShadowBlue?: string;
+    colorOrange500?: string;
+    colorOrange600?: string;
+    colorOrange700?: string;
+    colorRed200?: string;
+    colorRed500?: string;
+    colorRed600?: string;
+    colorRed700?: string;
+    colorWhite?: string;
+    colorBlack100?: string;
+    colorBlack20?: string;
+    colorBlack10?: string;
+    defaultPressedColor?: string;
+    defaultHoverColor?: string;
+    defaultLineHeight?: string;
+    focusBorderRadius?: string;
+    buttonBorderRadius?: string;
+    buttonBorderWidth?: string;
+    buttonFontSize?: string;
+    buttonBorderStyle?: string;
+    buttonPrimaryDefaultColor?: string;
+    buttonPrimaryPressedColor?: string;
+    buttonFillTextColor?: string;
+    buttonPrimaryHoverColor?: string;
+    buttonPrimaryFocusedColor?: string;
+    buttonOutlineHoverTextColor?: string;
+    buttonSecondaryDefaultColor?: string;
+    buttonSecondaryHoverColor?: string;
+    buttonSecondaryFocusedColor?: string;
+    buttonSecondaryPressedColor?: string;
+    buttonWarningDefaultColor?: string;
+    buttonWarningHoverColor?: string;
+    buttonWarningFocusedColor?: string;
+    buttonWarningPressedColor?: string;
+    buttonDangerDefaultColor?: string;
+    buttonDangerHoverColor?: string;
+    buttonDangerFocusedColor?: string;
+    buttonDangerPressedColor?: string;
+    buttonDefaultColor?: string;
+    buttonDefaultHoverColor?: string;
+    buttonDefaultFocusedColor?: string;
+    buttonDefaultPressedColor?: string;
+    buttonOutlineActiveTextColor?: string;
+    checkboxUncheckedHoverColor?: string;
+    checkboxUncheckedPressedColor?: string;
+    checkboxCheckedHoverColor?: string;
+    checkboxCheckedPressedColor?: string;
+    radioHoverBackgroundColor?: string;
+    radioPressedBackgroundColor?: string;
+    radioHoverColor?: string;
+    radioPressedColor?: string;
+    defaultBorderRadius?: string;
+    inputBorderRadius?: string;
+    inputBorderWidth?: string;
+    inputBorderWidthFocus?: string;
+    inputBorderStyle?: string;
+    inputBorderColor?: string;
+    inputBackgroundColor?: string;
+    inputHelperTextColor?: string;
+    inputHoverBackgroundColor?: string;
+    inputDisabledBackgroundColor?: string;
+    dragBackgroundColor?: string;
+    dragBorderStyle?: string;
+    modalShadowColor?: string;
+    modalBackgroundColor?: string;
+    modalBackdropColor?: string;
+    skeletonBackgroundColor?: string;
+    skeletonAnimationColorRgb?: string;
+    snackbarTextColor?: string;
+    snackbarInfoBackgroundColor?: string;
+    snackbarSuccessBackgroundColor?: string;
+    snackbarErrorBackgroundColor?: string;
+    snackbarWarningBackgroundColor?: string;
+    snackbarBorderRadius?: string;
+    stepperWaitingColor?: string;
+    stepperWaitingHoverColor?: string;
+    stepperWaitingActiveColor?: string;
+    stepperWaitingDisabledColor?: string;
+    stepperCurrentColor?: string;
+    stepperCurrentHoverColor?: string;
+    stepperCurrentActiveColor?: string;
+    stepperCurrentDisabledColor?: string;
+    stepperDoneColor?: string;
+    stepperDoneHoverColor?: string;
+    stepperDoneActiveColor?: string;
+    stepperDoneDisabledColor?: string;
+    stepperErrorColor?: string;
+    stepperErrorHoverColor?: string;
+    stepperErrorActiveColor?: string;
+    stepperErrorDisabledColor?: string;
+    stepperDefaultTextColor?: string;
+    stepperLineColor?: string;
+    stepperLineBoldColor?: string;
+    stepperLineDisabledColor?: string;
+    stepperLineBoldDisabledColor?: string;
+    stepperLabelColor?: string;
+    stepperCaptionColor?: string;
+    stepperCaptionErrorColor?: string;
+    stepperLabelDisabledColor?: string;
+    stepperCaptionDisabledColor?: string;
+    stepperCaptionErrorDisabledColor?: string;
+    bannerBorderRadius?: string;
+    bannerBorderWidth?: string;
+    dataGridRowBackgroundColor?: string;
+    dataGridRowHoverBackgroundColor?: string;
+    progressBarBackgroundColor?: string;
+    tabsBackgroundColor?: string;
+    tabActiveBorderHeight?: string;
+    tabActiveBorderColor?: string;
+    tabActiveTextColor?: string;
+    tablistBorderWidth?: string;
+    tablistBorderStyle?: string;
+    tablistBorderColor?: string;
+    tabTextColor?: string;
+    tabHoverColor?: string;
+    tabPressedColor?: string;
+    toggleBackgroundColor?: string;
+    tooltipBackgroundColor?: string;
+    wizardStepIndicatorFutureColor?: string;
+    contextMenuHoverColor?: string;
+    contextMenuPressedColor?: string;
+    default?: string;
+    success?: string;
+    error?: string;
+    info?: string;
+    disabled?: string;
+    greyedOut?: string;
+    lightGreyBorder?: string;
+    warning?: string;
+    light?: string;
+    fontFamily?: string;
+    fontFamilyCode?: string;
+    fontSizeFormLabel?: string;
+    fontSize?: string;
+    fontSizeH1?: string;
+    fontSizeH2?: string;
+    fontSizeH3?: string;
+    fontSizeH4?: string;
+    fontSizeSub?: string;
+    fontSizeCode?: string;
+    formControlFontSize?: string;
+}
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactElement[] | ReactElement | string[] | string | number[] | number;
+    properties?: CSSProperties;
+}
+export declare const BaseStyling: ({ children, properties }: Props) => React.JSX.Element;
+export {};

package/dist/cjs/src/components/_BaseStyling_/BaseStyling.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +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;
+//# sourceMappingURL=useAnimation.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimation.cjs.js","sources":["../../../../../../src/hooks/useAnimation.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useEffect, useRef, useState } from \"react\";\n\nexport const useAnimation = <RefElement extends HTMLElement>(callback: () => void) => {\n  const animatedObjectRef = useRef<RefElement>(null);\n  /** We need to store flag that says us when to call the callback */\n  const [animationStarted, setAnimationStarted] = useState(false);\n\n  const onAnimationEnd = () => animationStarted && callback();\n\n  useEffect(() => {\n    animatedObjectRef.current?.addEventListener(\"animationend\", onAnimationEnd);\n    return () => animatedObjectRef.current?.removeEventListener(\"animationend\", onAnimationEnd);\n  }, [animationStarted]);\n\n  return {\n    ref: animatedObjectRef,\n    animationStarted,\n    startAnimation: () => setAnimationStarted(true)\n  };\n};\n"],"names":["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"}

package/dist/cjs/src/hooks/useAnimation.d.ts

@@ -0,0 +1,5 @@
+export declare const useAnimation: <RefElement extends HTMLElement>(callback: () => void) => {
+    ref: import("react").RefObject<RefElement>;
+    animationStarted: boolean;
+    startAnimation: () => void;
+};

package/dist/cjs/src/hooks/useAnimation.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +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;
+//# sourceMappingURL=useBodyClick.cjs.js.map

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

@@ -0,0 +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"}

package/dist/cjs/src/hooks/useBodyClick.d.ts

@@ -0,0 +1 @@
+export declare const useBodyClick: (checkFunction: (event: MouseEvent) => boolean, callbackFunction: (...args: unknown[]) => unknown, dependingStateVariable: React.ComponentState | React.ComponentState[]) => void;

package/dist/cjs/src/hooks/useBodyClick.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +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;
+//# sourceMappingURL=useDebouncedCallback.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.cjs.js","sources":["../../../../../../src/hooks/useDebouncedCallback.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\n\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"}

package/dist/cjs/src/hooks/useDebouncedCallback.d.ts

@@ -0,0 +1 @@
+export declare const useDebouncedCallback: (callback: Function, delay: number, dependencies?: any[]) => (...args: any[]) => void;

package/dist/cjs/src/hooks/useDebouncedCallback.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +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;
+//# sourceMappingURL=useDetermineStatusIcon.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDetermineStatusIcon.cjs.js","sources":["../../../../../../src/hooks/useDetermineStatusIcon.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { FormElement } from \"../components/Form/form.interfaces\";\nimport React, { ReactElement, useRef } from \"react\";\nimport { Icon, Icons } from \"../components/Icon/Icon\";\nexport const useDetermineStatusIcon = (params: Partial<FormElement>): ReactElement | null => {\n  const { error, success } = params || false;\n  let icon = null;\n  const errorRef = useRef(null);\n  const successRef = useRef(null);\n\n  if (error) {\n    icon = <Icon ref={errorRef} data-icon-status=\"error\" icon={Icons.Error} />;\n  } else if (success) {\n    icon = <Icon ref={successRef} data-icon-status=\"success\" icon={Icons.CheckmarkCircleAlt} />;\n  }\n\n  return icon;\n};\n"],"names":["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"}

package/dist/cjs/src/hooks/useDetermineStatusIcon.d.ts

@@ -0,0 +1,3 @@
+import { FormElement } from "../components/Form/form.interfaces";
+import { ReactElement } from "react";
+export declare const useDetermineStatusIcon: (params: Partial<FormElement>) => ReactElement | null;

package/dist/cjs/src/hooks/useDetermineStatusIcon.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +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;
+//# sourceMappingURL=useFormSelector.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormSelector.cjs.js","sources":["../../../../../../src/hooks/useFormSelector.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { 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"}

package/dist/cjs/src/hooks/useFormSelector.d.ts

@@ -0,0 +1,13 @@
+export interface ConfigObject {
+    name: string | undefined;
+    errorMessage?: string;
+    error?: boolean;
+    parentErrorId?: string;
+    helperText?: string;
+    parentHelperId?: string;
+}
+export declare const useFormSelector: (configObject: ConfigObject) => {
+    describedBy: string;
+    errorId: string;
+    identifier: string;
+};

package/dist/cjs/src/hooks/useFormSelector.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +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;
+//# sourceMappingURL=useGetDomRoot.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGetDomRoot.cjs.js","sources":["../../../../../../src/hooks/useGetDomRoot.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useEffect, useState } from \"react\";\n\nexport const useGetDomRoot = (\n  passedDomRoot: HTMLElement | undefined,\n  relativeElement: React.RefObject<HTMLDivElement> | null\n) => {\n  const [root, setRoot] = useState<HTMLElement>(document.body);\n\n  useEffect(() => {\n    if (relativeElement?.current && !passedDomRoot) {\n      const closestBaseStylingWrapper = relativeElement.current.closest(\".basestyling-wrapper\");\n\n      if (closestBaseStylingWrapper) {\n        setRoot(closestBaseStylingWrapper as HTMLElement);\n        return;\n      }\n    } else if (passedDomRoot) {\n      setRoot(passedDomRoot);\n      return;\n    }\n  }, [relativeElement]);\n\n  return { root };\n};\n"],"names":["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"}

package/dist/cjs/src/hooks/useGetDomRoot.d.ts

@@ -0,0 +1,3 @@
+export declare const useGetDomRoot: (passedDomRoot: HTMLElement | undefined, relativeElement: React.RefObject<HTMLDivElement> | null) => {
+    root: HTMLElement;
+};

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

@@ -0,0 +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);const h=s(f,t,i,n);return h};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;
+//# sourceMappingURL=usePosition.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePosition.cjs.js","sources":["../../../../../../src/hooks/usePosition.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { useState } from \"react\";\nimport { useDebouncedCallback } from \"./useDebouncedCallback\";\n\nexport interface ConfigObject {\n  relativeElement: RefElement;\n  elementToBePositioned: RefElement;\n  transformOrigin?: Placement;\n  placement?: Placement;\n  offset?: Offset;\n  debounceAmount?: number;\n}\n\nexport enum horizontal {\n  LEFT = \"left\",\n  CENTER = \"center\",\n  CENTER_H = \"centerh\",\n  RIGHT = \"right\"\n}\n\nexport enum vertical {\n  TOP = \"top\",\n  CENTER = \"center\",\n  CENTER_V = \"centerv\",\n  BOTTOM = \"bottom\"\n}\n\nexport type HorizontalPlacement = `${horizontal}`;\nexport type VerticalPlacement = `${vertical}`;\n\ntype Axis = \"vertical\" | \"horizontal\";\ntype RefElement = React.RefObject<HTMLOrSVGElement> | undefined;\n\ninterface DomRectObject {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n  center: number;\n  centerh: number;\n  centerv: number;\n  width: number;\n  height: number;\n  x: number;\n  y: number;\n}\n\nexport interface Placement {\n  horizontal: HorizontalPlacement;\n  vertical: VerticalPlacement;\n}\n\nexport interface Offset {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\nexport interface Position {\n  top: PositionType;\n  right: PositionType;\n  bottom: PositionType;\n  left: PositionType;\n}\n\ninterface Dimensions {\n  height: number;\n  width: number;\n}\n\ntype 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    const valueCorrectionForViewportOverflow = _fixPossibleViewportOverflow(\n      valueWithOffset,\n      transformOrigin,\n      requestedReturnValue,\n      elDimensions\n    );\n\n    return valueCorrectionForViewportOverflow;\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    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","valueCorrectionForViewportOverflow","_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/usePosition.d.ts

@@ -0,0 +1,50 @@
+import React from "react";
+export interface ConfigObject {
+    relativeElement: RefElement;
+    elementToBePositioned: RefElement;
+    transformOrigin?: Placement;
+    placement?: Placement;
+    offset?: Offset;
+    debounceAmount?: number;
+}
+export declare enum horizontal {
+    LEFT = "left",
+    CENTER = "center",
+    CENTER_H = "centerh",
+    RIGHT = "right"
+}
+export declare enum vertical {
+    TOP = "top",
+    CENTER = "center",
+    CENTER_V = "centerv",
+    BOTTOM = "bottom"
+}
+export type HorizontalPlacement = `${horizontal}`;
+export type VerticalPlacement = `${vertical}`;
+type RefElement = React.RefObject<HTMLOrSVGElement> | undefined;
+export interface Placement {
+    horizontal: HorizontalPlacement;
+    vertical: VerticalPlacement;
+}
+export interface Offset {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface Position {
+    top: PositionType;
+    right: PositionType;
+    bottom: PositionType;
+    left: PositionType;
+}
+type PositionType = number | "initial";
+export declare const usePosition: (providedConfigObject?: ConfigObject) => {
+    top: PositionType;
+    bottom: PositionType;
+    left: PositionType;
+    right: PositionType;
+    calculatePosition: (...args: any[]) => void;
+    initialCalculationDone: boolean;
+};
+export {};

package/dist/cjs/src/hooks/usePosition.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +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;
+//# sourceMappingURL=useRepeater.cjs.js.map

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

@@ -0,0 +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"}

package/dist/cjs/src/hooks/useRepeater.d.ts

@@ -0,0 +1,10 @@
+import React, { JSX } from "react";
+interface Arguments {
+    componentToRepeat: React.ReactElement;
+}
+export declare const useRepeater: <T>({ componentToRepeat }: Arguments) => {
+    repeatedComponents: JSX.Element[];
+    repeat: () => void;
+    remove: (componentToRemove: React.ReactElement<T, string | React.JSXElementConstructor<any>>) => void;
+};
+export {};

package/dist/cjs/src/hooks/useRepeater.test.d.ts

@@ -0,0 +1,6 @@
+export interface RepeatedComponentProps {
+    onChange?: (state: {
+        [key: string]: unknown;
+    }) => void;
+    identifier?: string;
+}

package/dist/cjs/src/hooks/useScroll.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const useScroll: (callbackFunction: (event: Event) => unknown, dependingStateVariable?: React.ComponentState[]) => void;

package/dist/cjs/src/hooks/useScroll.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +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;
+//# sourceMappingURL=useSpacing.cjs.js.map

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

@@ -0,0 +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"}

package/dist/cjs/src/hooks/useSpacing.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties } from "react";
+export type SpacingMultiplier = 0 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+type SpacingMultiplierStringOrNumber = `${SpacingMultiplier}` | SpacingMultiplier;
+type MultiValueSpacingMultiplier = `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}` | `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}` | `${SpacingMultiplier} ${SpacingMultiplier}` | SpacingMultiplierStringOrNumber;
+export interface Spacing {
+    padding?: MultiValueSpacingMultiplier;
+    paddingTop?: SpacingMultiplierStringOrNumber;
+    paddingBottom?: SpacingMultiplierStringOrNumber;
+    paddingLeft?: SpacingMultiplierStringOrNumber;
+    paddingRight?: SpacingMultiplierStringOrNumber;
+    margin?: MultiValueSpacingMultiplier;
+    marginTop?: SpacingMultiplierStringOrNumber;
+    marginBottom?: SpacingMultiplierStringOrNumber;
+    marginLeft?: SpacingMultiplierStringOrNumber;
+    marginRight?: SpacingMultiplierStringOrNumber;
+}
+export declare const useSpacing: (spacingProps?: Spacing, style?: CSSProperties) => CSSProperties | undefined;
+export {};

package/dist/cjs/src/hooks/useSpacing.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/hooks/useUploadFile.d.ts

@@ -0,0 +1,21 @@
+import { FileType } from "../components/Form/FileUpload/FileUpload";
+export interface UploadResponseType {
+    fileList: FileType[];
+    status: XMLHttpRequest["status"];
+}
+export interface UseUploadFileCallback {
+    onComplete?: (response: UploadResponseType) => void;
+    onProgress?: Function;
+}
+export interface UploadFileRequestParams {
+    url: string;
+    headers?: Headers;
+    responseErrorPath?: string;
+    networkErrorText?: string;
+    withCredentials?: boolean;
+}
+export declare const useUploadFile: (files: FileType[], request: UploadFileRequestParams, callbacks?: UseUploadFileCallback) => {
+    updatedFiles: FileType[];
+    setUpdatedFiles: import("react").Dispatch<import("react").SetStateAction<FileType[]>>;
+    uploadingFiles: FileType[];
+};

package/dist/cjs/src/hooks/useUploadFile.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +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;
+//# sourceMappingURL=useWrapper.cjs.js.map

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

@@ -0,0 +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"}

package/dist/cjs/src/hooks/useWrapper.d.ts

@@ -0,0 +1,7 @@
+export declare const useWrapper: () => {
+    helperId: string;
+    errorId: string;
+    labelId: string;
+    hasFocus: boolean;
+    setHasFocus: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/dist/cjs/src/hooks/useWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var r=require("../_BaseStyling_/BaseStyling.cjs.js");var e=require("../Button/Button.cjs.js");var a=require("../Breadcrumbs/Breadcrumbs.cjs.js");var s=require("../ContextMenu/ContextMenu.cjs.js");var o=require("../ContextMenu/ContextMenuItem.cjs.js");var t=require("../Link/Link.cjs.js");var i=require("../Icon/Icon.cjs.js");var p=require("../Button/IconButton.cjs.js");var n=require("../Tabs/Tab.cjs.js");var c=require("../Tabs/Tabs.cjs.js");var u=require("../Tag/Tag.cjs.js");var j=require("../TextEllipsis/TextEllipsis.cjs.js");var l=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 q=require("../ProgressBar/ProgressBar.cjs.js");var T=require("../Skeleton/Skeleton.cjs.js");var S=require("../StatusIndicator/StatusIndicator.cjs.js");var B=require("../Stepper/Stepper.cjs.js");var b=require("../Pagination/Pagination.cjs.js");var W=require("./hooks/useRepeater.cjs.js");var m=require("./hooks/usePosition.cjs.js");var g=require("./hooks/useDebouncedCallback.cjs.js");var C=require("./util/helper.cjs.js");var F=require("../Notifications/BaseModal/BaseModal.cjs.js");var M=require("../Notifications/Snackbar/useSnackbar.cjs.js");var k=require("../Notifications/Dialog/Dialog.cjs.js");var I=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js");var D=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js");var h=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js");var f=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js");var P=require("../Notifications/NotificationProvider/NotificationContext.cjs.js");var z=require("../Notifications/SlideInModal/SlideInModal.cjs.js");var G=require("../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.cjs.js");var N=require("../Form/Checkbox/Checkbox.cjs.js");var y=require("../Form/Fieldset/Fieldset.cjs.js");var R=require("../Form/Form.cjs.js");var A=require("../Form/FormControl/FormControl.cjs.js");var H=require("../Form/FormGroup/FormGroup.cjs.js");var L=require("../Form/FormHelperText/FormHelperText.cjs.js");var O=require("../Form/Input/Input.cjs.js");var E=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js");var _=require("../Form/Label/Label.cjs.js");var w=require("../Form/Select/Option.cjs.js");var J=require("../Form/Radio/Radio.cjs.js");var K=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js");var Q=require("../Form/Select/Select.cjs.js");var U=require("../Form/Textarea/Textarea.cjs.js");var V=require("../Form/Toggle/Toggle.cjs.js");var X=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js");var Y=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js");var Z=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js");var $=require("../Wizard/Wizard.cjs.js");var rr=require("../Wizard/WizardActions/WizardActions.cjs.js");var er=require("../Wizard/WizardSteps/WizardSteps.cjs.js");var ar=require("../Wizard/BaseWizardSteps/BaseWizardSteps.cjs.js");var sr=require("../DataGrid/DataGrid.cjs.js");var or=require("../DataGrid/DataGridBody/DataGridRow.cjs.js");var tr=require("../DataGrid/DataGridBody/DataGridCell.cjs.js");var ir=require("../Notifications/Banner/Banner.cjs.js");exports.BaseStyling=r.BaseStyling;exports.Button=e.Button;exports.Breadcrumbs=a.Breadcrumbs;exports.ContextMenu=s.ContextMenu;exports.ContextMenuItem=o.ContextMenuItem;exports.Link=t.Link;exports.Icon=i.Icon;Object.defineProperty(exports,"Icons",{enumerable:true,get:function(){return i.Icons}});exports.IconButton=p.IconButton;exports.Tab=n.Tab;exports.Tabs=c.Tabs;exports.Tag=u.Tag;exports.TextEllipsis=j.TextEllipsis;exports.Tile=l.Tile;exports.Tiles=d.Tiles;exports.Tooltip=x.Tooltip;exports.Typography=v.Typography;exports.ProgressBar=q.ProgressBar;exports.Skeleton=T.Skeleton;exports.StatusIndicator=S.StatusIndicator;exports.Stepper=B.Stepper;exports.Pagination=b.Pagination;exports.useRepeater=W.useRepeater;exports.usePosition=m.usePosition;exports.useDebouncedCallback=g.useDebouncedCallback;exports.debounce=C.debounce;exports.generateID=C.generateID;exports.throttle=C.throttle;exports.Modal=F.BaseModal;exports.useSnackbar=M.useSnackbar;exports.Dialog=k.Dialog;exports.DiscardChangesModal=I.DiscardChangesModal;exports.ModalActions=D.BaseModalActions;exports.ModalContent=h.BaseModalContent;exports.ModalHeader=f.BaseModalHeader;exports.NotificationProvider=P.NotificationProvider;exports.useNotificationContext=P.useNotificationContext;exports.SlideInModal=z.SlideInModal;exports.SnackbarProvider=G.SnackbarProvider;exports.Checkbox=N.Checkbox;exports.Fieldset=y.Fieldset;exports.Form=R.Form;exports.FormControl=A.FormControl;exports.FormGroup=H.FormGroup;exports.FormHelperText=L.FormHelperText;exports.Input=O.Input;exports.InputWrapper=E.InputWrapper;exports.Label=_.Label;exports.Option=w.Option;exports.Radio=J.Radio;exports.RadioWrapper=K.RadioWrapper;exports.Select=Q.Select;exports.Textarea=U.Textarea;exports.Toggle=V.Toggle;exports.CheckboxWrapper=X.CheckboxWrapper;exports.TextareaWrapper=Y.TextareaWrapper;exports.SelectWrapper=Z.SelectWrapper;exports.Wizard=$.Wizard;exports.WizardActions=rr.WizardActions;exports.WizardSteps=er.WizardSteps;exports.BaseWizardSteps=ar.BaseWizardSteps;exports.DataGrid=sr.DataGrid;exports.DataGridRow=or.DataGridRow;exports.DataGridCell=tr.DataGridCell;exports.Banner=ir.Banner;
+//# sourceMappingURL=index.cjs.js.map

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

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