@onewelcome/react-lib-components 9.8.1 → 10.0.0

package/dist/hooks/useRepeater.es.js

@@ -0,0 +1,27 @@
+import React, { useState, useEffect } from "react";
+import { generateID } from "../util/helper.es.js";
+const useRepeater = ({ componentToRepeat }) => {
+  const [repeatedComponents, setRepeatedComponents] = useState([]);
+  useEffect(() => {
+    repeat();
+  }, []);
+  const repeat = () => {
+    const clonedComponent = React.cloneElement(componentToRepeat, { key: generateID(20) });
+    setRepeatedComponents((prevState) => [...prevState, clonedComponent]);
+  };
+  const remove = (componentToRemove) => {
+    const newRepeatedComponents = repeatedComponents.filter(
+      (component) => component !== componentToRemove
+    );
+    setRepeatedComponents(newRepeatedComponents);
+  };
+  return {
+    repeatedComponents,
+    repeat,
+    remove
+  };
+};
+export {
+  useRepeater
+};
+//# sourceMappingURL=useRepeater.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRepeater.es.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":[],"mappings":";;AAuBO,MAAM,cAAc,CAAI,EAAE,wBAAmC;AAClE,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAwB,CAAA,CAAE;AAE9E,YAAU,MAAM;AACP,WAAA;AAAA,EACT,GAAG,EAAE;AAEL,QAAM,SAAS,MAAM;AACb,UAAA,kBAAkB,MAAM,aAAa,mBAAmB,EAAE,KAAK,WAAW,EAAE,GAAG;AAErF,0BAAsB,CAAa,cAAA,CAAC,GAAG,WAAW,eAAe,CAAC;AAAA,EACpE;AAEM,QAAA,SAAS,CAAC,sBAA6C;AAC3D,UAAM,wBAAwB,mBAAmB;AAAA,MAC/C,eAAa,cAAc;AAAA,IAC7B;AAEA,0BAAsB,qBAAqB;AAAA,EAC7C;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/hooks/useScreenSize.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=require("../variables.cjs.js"),r=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),t=e=>e<r(n.breakpoints[n.ScreenSize.SMALL])?n.ScreenSize.SMALL:e<r(n.breakpoints[n.ScreenSize.MEDIUM])?n.ScreenSize.MEDIUM:n.ScreenSize.LARGE;exports.useScreenSize=({onScreenSizeChange:r}={})=>{const[i,S]=e.useState(t(window.innerWidth));return e.useEffect((()=>{const e=()=>{const e=t(window.innerWidth);S((n=>e!==n?(null==r||r(e,n),e):n))};return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),{screenSize:i,isDesktopScreenSize:()=>i===n.ScreenSize.LARGE}};
+//# sourceMappingURL=useScreenSize.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenSize.cjs.js","sources":["../../src/hooks/useScreenSize.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, useEffect } from \"react\";\nimport { breakpoints, ScreenSize } from \"../variables\";\n\ninterface Props {\n  onScreenSizeChange?: (nextScreenSize: ScreenSize, prevScreenSize?: ScreenSize) => void;\n}\n\nconst emToPx = (em: number) => em * parseFloat(getComputedStyle(document.documentElement).fontSize);\n\nconst getScreenSize = (width: number) => {\n  if (width < emToPx(breakpoints[ScreenSize.SMALL])) {\n    return ScreenSize.SMALL;\n  }\n  if (width < emToPx(breakpoints[ScreenSize.MEDIUM])) {\n    return ScreenSize.MEDIUM;\n  }\n\n  return ScreenSize.LARGE;\n};\n\nexport const useScreenSize = ({ onScreenSizeChange }: Props = {}) => {\n  const [screenSize, setScreenSize] = useState<ScreenSize>(getScreenSize(window.innerWidth));\n\n  useEffect(() => {\n    const handleResize = () => {\n      const newScreenSize = getScreenSize(window.innerWidth);\n      setScreenSize(prevScreenSize => {\n        if (newScreenSize !== prevScreenSize) {\n          onScreenSizeChange?.(newScreenSize, prevScreenSize);\n          return newScreenSize;\n        }\n        return prevScreenSize;\n      });\n    };\n\n    window.addEventListener(\"resize\", handleResize);\n    handleResize();\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n\n  const isDesktopScreenSize = () => screenSize === ScreenSize.LARGE;\n\n  return { screenSize, isDesktopScreenSize };\n};\n"],"names":["emToPx","em","parseFloat","getComputedStyle","document","documentElement","fontSize","getScreenSize","width","breakpoints","ScreenSize","SMALL","MEDIUM","LARGE","onScreenSizeChange","screenSize","setScreenSize","useState","window","innerWidth","useEffect","handleResize","newScreenSize","prevScreenSize","addEventListener","removeEventListener","isDesktopScreenSize"],"mappings":"0IAuBMA,EAAUC,GAAeA,EAAKC,WAAWC,iBAAiBC,SAASC,iBAAiBC,UAEpFC,EAAiBC,GACjBA,EAAQR,EAAOS,EAAAA,YAAYC,EAAAA,WAAWC,QACjCD,EAAWA,WAAAC,MAEhBH,EAAQR,EAAOS,EAAAA,YAAYC,EAAAA,WAAWE,SACjCF,EAAWA,WAAAE,OAGbF,EAAWA,WAAAG,4BAGS,EAAGC,sBAA8B,MACtD,MAACC,EAAYC,GAAiBC,WAAqBV,EAAcW,OAAOC,aAqBvE,OAnBPC,EAAAA,WAAU,KACR,MAAMC,EAAe,KACb,MAAAC,EAAgBf,EAAcW,OAAOC,YAC3CH,GAAgCO,GAC1BD,IAAkBC,GACpB,MAAAT,GAAAA,EAAqBQ,EAAeC,GAC7BD,GAEFC,GACR,EAKH,OAFOL,OAAAM,iBAAiB,SAAUH,GACrBA,IACN,IAAMH,OAAOO,oBAAoB,SAAUJ,EAAY,GAC7D,IAII,CAAEN,aAAYW,oBAFO,IAAMX,IAAeL,EAAAA,WAAWG,MAEnB"}

package/dist/hooks/useScreenSize.es.js

@@ -0,0 +1,36 @@
+import { useState, useEffect } from "react";
+import { breakpoints, ScreenSize } from "../variables.es.js";
+const emToPx = (em) => em * parseFloat(getComputedStyle(document.documentElement).fontSize);
+const getScreenSize = (width) => {
+  if (width < emToPx(breakpoints[ScreenSize.SMALL])) {
+    return ScreenSize.SMALL;
+  }
+  if (width < emToPx(breakpoints[ScreenSize.MEDIUM])) {
+    return ScreenSize.MEDIUM;
+  }
+  return ScreenSize.LARGE;
+};
+const useScreenSize = ({ onScreenSizeChange } = {}) => {
+  const [screenSize, setScreenSize] = useState(getScreenSize(window.innerWidth));
+  useEffect(() => {
+    const handleResize = () => {
+      const newScreenSize = getScreenSize(window.innerWidth);
+      setScreenSize((prevScreenSize) => {
+        if (newScreenSize !== prevScreenSize) {
+          onScreenSizeChange == null ? void 0 : onScreenSizeChange(newScreenSize, prevScreenSize);
+          return newScreenSize;
+        }
+        return prevScreenSize;
+      });
+    };
+    window.addEventListener("resize", handleResize);
+    handleResize();
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  const isDesktopScreenSize = () => screenSize === ScreenSize.LARGE;
+  return { screenSize, isDesktopScreenSize };
+};
+export {
+  useScreenSize
+};
+//# sourceMappingURL=useScreenSize.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenSize.es.js","sources":["../../src/hooks/useScreenSize.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, useEffect } from \"react\";\nimport { breakpoints, ScreenSize } from \"../variables\";\n\ninterface Props {\n  onScreenSizeChange?: (nextScreenSize: ScreenSize, prevScreenSize?: ScreenSize) => void;\n}\n\nconst emToPx = (em: number) => em * parseFloat(getComputedStyle(document.documentElement).fontSize);\n\nconst getScreenSize = (width: number) => {\n  if (width < emToPx(breakpoints[ScreenSize.SMALL])) {\n    return ScreenSize.SMALL;\n  }\n  if (width < emToPx(breakpoints[ScreenSize.MEDIUM])) {\n    return ScreenSize.MEDIUM;\n  }\n\n  return ScreenSize.LARGE;\n};\n\nexport const useScreenSize = ({ onScreenSizeChange }: Props = {}) => {\n  const [screenSize, setScreenSize] = useState<ScreenSize>(getScreenSize(window.innerWidth));\n\n  useEffect(() => {\n    const handleResize = () => {\n      const newScreenSize = getScreenSize(window.innerWidth);\n      setScreenSize(prevScreenSize => {\n        if (newScreenSize !== prevScreenSize) {\n          onScreenSizeChange?.(newScreenSize, prevScreenSize);\n          return newScreenSize;\n        }\n        return prevScreenSize;\n      });\n    };\n\n    window.addEventListener(\"resize\", handleResize);\n    handleResize();\n    return () => window.removeEventListener(\"resize\", handleResize);\n  }, []);\n\n  const isDesktopScreenSize = () => screenSize === ScreenSize.LARGE;\n\n  return { screenSize, isDesktopScreenSize };\n};\n"],"names":[],"mappings":";;AAuBA,MAAM,SAAS,CAAC,OAAe,KAAK,WAAW,iBAAiB,SAAS,eAAe,EAAE,QAAQ;AAElG,MAAM,gBAAgB,CAAC,UAAkB;AACvC,MAAI,QAAQ,OAAO,YAAY,WAAW,KAAK,CAAC,GAAG;AACjD,WAAO,WAAW;AAAA,EAAA;AAEpB,MAAI,QAAQ,OAAO,YAAY,WAAW,MAAM,CAAC,GAAG;AAClD,WAAO,WAAW;AAAA,EAAA;AAGpB,SAAO,WAAW;AACpB;AAEO,MAAM,gBAAgB,CAAC,EAAE,mBAAmB,IAAW,OAAO;AAC7D,QAAA,CAAC,YAAY,aAAa,IAAI,SAAqB,cAAc,OAAO,UAAU,CAAC;AAEzF,YAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACnB,YAAA,gBAAgB,cAAc,OAAO,UAAU;AACrD,oBAAc,CAAkB,mBAAA;AAC9B,YAAI,kBAAkB,gBAAgB;AACpC,mEAAqB,eAAe;AAC7B,iBAAA;AAAA,QAAA;AAEF,eAAA;AAAA,MAAA,CACR;AAAA,IACH;AAEO,WAAA,iBAAiB,UAAU,YAAY;AACjC,iBAAA;AACb,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAChE,GAAG,EAAE;AAEC,QAAA,sBAAsB,MAAM,eAAe,WAAW;AAErD,SAAA,EAAE,YAAY,oBAAoB;AAC3C;"}

package/dist/hooks/useSpacing.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=/(\d+\.?\d*)+/g;exports.useSpacing=(r,t)=>r?Object.entries(r).reduce(((r,[t,o])=>{const n=String(o).matchAll(e),c=Array.from(n).map((([e])=>.25*Number(e)+"rem")).join(" ");return{...r,[t]:c}}),t??{}):t;
+//# sourceMappingURL=useSpacing.cjs.js.map

package/dist/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":["spacingNumberRegex","spacingProps","style","Object","entries","reduce","prev","spacing","multiplier","matches","String","matchAll","cssSpacingValue","Array","from","map","multiplierValue","Number","join"],"mappings":"gFAuCA,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,EAAgB,GAC5CV,GAAS,CAAA,GAEPA"}

package/dist/hooks/useSpacing.es.js

@@ -0,0 +1,17 @@
+const defaultFactor = 0.25;
+const defaultUnit = "rem";
+const spacingNumberRegex = /(\d+\.?\d*)+/g;
+const useSpacing = (spacingProps, style) => {
+  if (spacingProps) {
+    return Object.entries(spacingProps).reduce((prev, [spacing, multiplier]) => {
+      const matches = String(multiplier).matchAll(spacingNumberRegex);
+      const cssSpacingValue = Array.from(matches).map(([multiplierValue]) => `${Number(multiplierValue) * defaultFactor}${defaultUnit}`).join(" ");
+      return { ...prev, [spacing]: cssSpacingValue };
+    }, style ?? {});
+  }
+  return style;
+};
+export {
+  useSpacing
+};
+//# sourceMappingURL=useSpacing.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSpacing.es.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":[],"mappings":"AAuCA,MAAM,gBAAgB;AACtB,MAAM,cAAc;AACpB,MAAM,qBAAqB;AAEd,MAAA,aAAa,CACxB,cACA,UAC8B;AAC9B,MAAI,cAAc;AACT,WAAA,OAAO,QAAQ,YAAY,EAAE,OAAsB,CAAC,MAAM,CAAC,SAAS,UAAU,MAAM;AACzF,YAAM,UAAU,OAAO,UAAU,EAAE,SAAS,kBAAkB;AACxD,YAAA,kBAAkB,MAAM,KAAK,OAAO,EACvC,IAAI,CAAC,CAAC,eAAe,MAAM,GAAG,OAAO,eAAe,IAAI,aAAa,GAAG,WAAW,EAAE,EACrF,KAAK,GAAG;AACX,aAAO,EAAE,GAAG,MAAM,CAAC,OAAO,GAAG,gBAAgB;AAAA,IAAA,GAC5C,SAAS,CAAA,CAAE;AAAA,EAAA;AAET,SAAA;AACT;"}

package/dist/hooks/useUploadFile.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../util/helper.cjs.js");exports.useUploadFile=(r,s,n)=>{const{url:o,headers:a,withCredentials:l}=s,{onComplete:i,onProgress:u,onErrorMessageMapper:d}=n??{},[p,c]=e.useState([]),[S,f]=e.useState([...r]),m=(e,t,s,n)=>r.map((r=>(r.name===e&&(r.progress=s,r.error=n,r.status=t),{...r}))),g=e=>{const r=new XMLHttpRequest;r.upload.addEventListener("progress",(t=>((e,t)=>{const r=e.loaded/e.total*100,s=m(t,"uploading",r);f(s),null==u||u(t,r)})(t,e.name))),r.addEventListener("readystatechange",(()=>((e,r)=>{const{status:s,readyState:n,responseText:o}=e;if(n===e.DONE){const e=o&&t.isJsonString(o)&&JSON.parse(o),{fileStatus:n,error:a}=((e,t)=>{let r,s="";return e>=200&&e<400?r="completed":0===e?(r="retry",s=(null==d?void 0:d({responseStatus:e,responseJson:t}))??"Network error. Check internet connection and retry uploading the file"):e>=400&&e<500?(r="error",s=(null==d?void 0:d({responseStatus:e,responseJson:t}))??"Bad request"):e>=500&&(r="error",s=(null==d?void 0:d({responseStatus:e,responseJson:t}))??"Server Error"),{fileStatus:r,error:s}})(s,e),l=m(r,n,void 0,a);f(l);const u={fileList:l,status:s,responseJson:e};c((e=>e.filter((e=>e.name!==r)))),null==i||i(u)}})(r,e.name))),l&&(r.withCredentials=!0),r.open("POST",o,!0),null==a||a.forEach(((e,t)=>r.setRequestHeader(t,e)));const s=new FormData;s.append("file",e.data),s.append("name",e.name),r.send(s)};return e.useEffect((()=>{o&&r.length&&r.forEach((e=>{e.status||p.find((t=>t.name===e.name))||(c((t=>[...t,e])),g(e))}))}),[o,r]),{updatedFiles:S,setUpdatedFiles:f,uploadingFiles:p}};
+//# sourceMappingURL=useUploadFile.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUploadFile.cjs.js","sources":["../../src/hooks/useUploadFile.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 { FileType } from \"../components/Form/FileUpload/FileUpload\";\nimport { useEffect, useState } from \"react\";\nimport { isJsonString } from \"../util/helper\";\n\nexport type UploadResponseStatus = XMLHttpRequest[\"status\"];\nexport type UploadResponseJson = Record<string, unknown>;\nexport interface UploadResponseType {\n  fileList: FileType[];\n  status: UploadResponseStatus;\n  responseJson: UploadResponseJson;\n}\nexport interface OnErrorMessageMapperType {\n  responseStatus: UploadResponseStatus;\n  responseJson: UploadResponseJson;\n}\nexport interface UseUploadFileCallback {\n  onComplete?: (response: UploadResponseType) => void;\n  onProgress?: (fileName: string, progress: number) => void;\n  onErrorMessageMapper?: (args: OnErrorMessageMapperType) => string | undefined;\n}\nexport interface UploadFileRequestParams {\n  url: string;\n  headers?: Headers;\n  withCredentials?: boolean;\n}\n\nexport const useUploadFile = (\n  files: FileType[],\n  request: UploadFileRequestParams,\n  callbacks?: UseUploadFileCallback\n) => {\n  const { url, headers, withCredentials } = request;\n\n  const { onComplete, onProgress, onErrorMessageMapper } = callbacks ?? {};\n\n  const [uploadingFiles, setUploadingFiles] = useState<FileType[]>([]);\n  const [updatedFiles, setUpdatedFiles] = useState<FileType[]>([...files]);\n\n  const getUpdatedList = (\n    fileName: string,\n    fileStatus: FileType[\"status\"],\n    progress?: number,\n    error?: string\n  ) => {\n    return files.map(file => {\n      if (file.name === fileName) {\n        file.progress = progress;\n        file.error = error;\n        file.status = fileStatus;\n      }\n      return { ...file };\n    });\n  };\n\n  const recordProgress = (e: ProgressEvent<XMLHttpRequestEventTarget>, fileName: string) => {\n    const progress = (e.loaded / e.total) * 100;\n    const updatedData = getUpdatedList(fileName, \"uploading\", progress);\n    setUpdatedFiles(updatedData);\n    onProgress?.(fileName, progress);\n  };\n\n  const getFileStatus = (\n    responseStatus: UploadResponseStatus,\n    responseJson: UploadResponseJson\n  ) => {\n    let fileStatus: FileType[\"status\"] = undefined;\n    let error = \"\";\n    if (responseStatus >= 200 && responseStatus < 400) {\n      fileStatus = \"completed\";\n    } else if (responseStatus === 0) {\n      fileStatus = \"retry\";\n      error =\n        onErrorMessageMapper?.({ responseStatus, responseJson }) ??\n        \"Network error. Check internet connection and retry uploading the file\";\n    } else if (responseStatus >= 400 && responseStatus < 500) {\n      fileStatus = \"error\";\n      error = onErrorMessageMapper?.({ responseStatus, responseJson }) ?? \"Bad request\";\n    } else if (responseStatus >= 500) {\n      fileStatus = \"error\";\n      error = onErrorMessageMapper?.({ responseStatus, responseJson }) ?? \"Server Error\";\n    }\n    return { fileStatus, error };\n  };\n\n  const handleOnComplete = (xhr: XMLHttpRequest, fileName: string) => {\n    const { status, readyState, responseText } = xhr;\n    if (readyState === xhr.DONE) {\n      const responseJson = responseText && isJsonString(responseText) && JSON.parse(responseText);\n      const { fileStatus, error } = getFileStatus(status, responseJson);\n      const updatedList = getUpdatedList(fileName, fileStatus, undefined, error);\n      setUpdatedFiles(updatedList);\n      const response = { fileList: updatedList, status, responseJson };\n      setUploadingFiles(prevState => prevState.filter(selected => selected.name !== fileName));\n      onComplete?.(response);\n    }\n  };\n\n  const uploadFile = (file: FileType) => {\n    const xhr = new XMLHttpRequest();\n    xhr.upload.addEventListener(\"progress\", e => recordProgress(e, file.name));\n    xhr.addEventListener(\"readystatechange\", () => handleOnComplete(xhr, file.name));\n    withCredentials && (xhr.withCredentials = true);\n    xhr.open(\"POST\", url, true);\n    headers?.forEach((value, key) => xhr.setRequestHeader(key, value));\n    const formData = new FormData();\n    formData.append(\"file\", file.data as File);\n    formData.append(\"name\", file.name);\n    xhr.send(formData);\n  };\n\n  useEffect(() => {\n    if (!url || !files.length) {\n      return;\n    }\n\n    files.forEach(file => {\n      if (!file.status && !uploadingFiles.find(selected => selected.name === file.name)) {\n        setUploadingFiles(prevState => [...prevState, file]);\n        uploadFile(file);\n      }\n    });\n  }, [url, files]);\n\n  return { updatedFiles, setUpdatedFiles, uploadingFiles };\n};\n"],"names":["files","request","callbacks","url","headers","withCredentials","onComplete","onProgress","onErrorMessageMapper","uploadingFiles","setUploadingFiles","useState","updatedFiles","setUpdatedFiles","getUpdatedList","fileName","fileStatus","progress","error","map","file","name","status","uploadFile","xhr","XMLHttpRequest","upload","addEventListener","e","loaded","total","updatedData","recordProgress","readyState","responseText","DONE","responseJson","isJsonString","JSON","parse","responseStatus","getFileStatus","updatedList","response","fileList","prevState","filter","selected","handleOnComplete","open","forEach","value","key","setRequestHeader","formData","FormData","append","data","send","useEffect","length","find"],"mappings":"kKA0C6B,CAC3BA,EACAC,EACAC,KAEA,MAAMC,IAAEA,EAAAC,QAAKA,EAASC,gBAAAA,GAAoBJ,GAEpCK,WAAEA,EAAYC,WAAAA,EAAAC,qBAAYA,GAAyBN,GAAa,CAAC,GAEhEO,EAAgBC,GAAqBC,EAAAA,SAAqB,KAC1DC,EAAcC,GAAmBF,EAAAA,SAAqB,IAAIX,IAE3Dc,EAAiB,CACrBC,EACAC,EACAC,EACAC,IAEOlB,EAAMmB,KAAYC,IACnBA,EAAKC,OAASN,IAChBK,EAAKH,SAAWA,EAChBG,EAAKF,MAAQA,EACbE,EAAKE,OAASN,GAET,IAAKI,MA+CVG,EAAcH,IACZ,MAAAI,EAAM,IAAIC,eACZD,EAAAE,OAAOC,iBAAiB,YAAYC,GA7CnB,EAACA,EAA6Cb,KACnE,MAAME,EAAYW,EAAEC,OAASD,EAAEE,MAAS,IAClCC,EAAcjB,EAAeC,EAAU,YAAaE,GAC1DJ,EAAgBkB,GAChB,MAAAxB,GAAAA,EAAaQ,EAAUE,EAAA,EAyCsBe,CAAeJ,EAAGR,EAAKC,QACpEG,EAAIG,iBAAiB,oBAAoB,IAhBlB,EAACH,EAAqBT,KAC7C,MAAMO,OAAEA,EAAAW,WAAQA,EAAYC,aAAAA,GAAiBV,EACzC,GAAAS,IAAeT,EAAIW,KAAM,CACrB,MAAAC,EAAeF,GAAgBG,EAAAA,aAAaH,IAAiBI,KAAKC,MAAML,IACxElB,WAAEA,EAAYE,MAAAA,GA3BF,EACpBsB,EACAJ,KAEA,IAAIpB,EACAE,EAAQ,GAeL,OAdHsB,GAAkB,KAAOA,EAAiB,IAC/BxB,EAAA,YACe,IAAnBwB,GACIxB,EAAA,QACbE,GACyB,MAAvBV,OAAuB,EAAAA,EAAA,CAAEgC,iBAAgBJ,mBACzC,yEACOI,GAAkB,KAAOA,EAAiB,KACtCxB,EAAA,QACbE,GAA+B,MAAvBV,OAAuB,EAAAA,EAAA,CAAEgC,iBAAgBJ,mBAAmB,eAC3DI,GAAkB,MACdxB,EAAA,QACbE,GAA+B,MAAvBV,OAAuB,EAAAA,EAAA,CAAEgC,iBAAgBJ,mBAAmB,gBAE/D,CAAEpB,aAAYE,QAAM,EAOKuB,CAAcnB,EAAQc,GAC9CM,EAAc5B,EAAeC,EAAUC,OAAY,EAAWE,GACpEL,EAAgB6B,GAChB,MAAMC,EAAW,CAAEC,SAAUF,EAAapB,SAAQc,gBAChC1B,MAAamC,EAAUC,WAAmBC,EAAS1B,OAASN,MACjE,MAAAT,GAAAA,EAAAqC,EAAQ,GAOwBK,CAAiBxB,EAAKJ,EAAKC,QAC1EhB,IAAoBmB,EAAInB,iBAAkB,GACtCmB,EAAAyB,KAAK,OAAQ9C,GAAK,GACb,MAAAC,GAAAA,EAAA8C,SAAQ,CAACC,EAAOC,IAAQ5B,EAAI6B,iBAAiBD,EAAKD,KACrD,MAAAG,EAAW,IAAIC,SACZD,EAAAE,OAAO,OAAQpC,EAAKqC,MACpBH,EAAAE,OAAO,OAAQpC,EAAKC,MAC7BG,EAAIkC,KAAKJ,EAAQ,EAgBZ,OAbPK,EAAAA,WAAU,KACHxD,GAAQH,EAAM4D,QAIb5D,EAAAkD,SAAgB9B,IACfA,EAAKE,QAAWb,EAAeoD,MAAKd,GAAYA,EAAS1B,OAASD,EAAKC,SAC1EX,GAA+BmC,GAAA,IAAIA,EAAWzB,KAC9CG,EAAWH,GAAI,GAElB,GACA,CAACjB,EAAKH,IAEF,CAAEY,eAAcC,kBAAiBJ,iBAAe"}

package/dist/hooks/useUploadFile.es.js

@@ -0,0 +1,81 @@
+import { useState, useEffect } from "react";
+import { isJsonString } from "../util/helper.es.js";
+const useUploadFile = (files, request, callbacks) => {
+  const { url, headers, withCredentials } = request;
+  const { onComplete, onProgress, onErrorMessageMapper } = callbacks ?? {};
+  const [uploadingFiles, setUploadingFiles] = useState([]);
+  const [updatedFiles, setUpdatedFiles] = useState([...files]);
+  const getUpdatedList = (fileName, fileStatus, progress, error) => {
+    return files.map((file) => {
+      if (file.name === fileName) {
+        file.progress = progress;
+        file.error = error;
+        file.status = fileStatus;
+      }
+      return { ...file };
+    });
+  };
+  const recordProgress = (e, fileName) => {
+    const progress = e.loaded / e.total * 100;
+    const updatedData = getUpdatedList(fileName, "uploading", progress);
+    setUpdatedFiles(updatedData);
+    onProgress == null ? void 0 : onProgress(fileName, progress);
+  };
+  const getFileStatus = (responseStatus, responseJson) => {
+    let fileStatus = void 0;
+    let error = "";
+    if (responseStatus >= 200 && responseStatus < 400) {
+      fileStatus = "completed";
+    } else if (responseStatus === 0) {
+      fileStatus = "retry";
+      error = (onErrorMessageMapper == null ? void 0 : onErrorMessageMapper({ responseStatus, responseJson })) ?? "Network error. Check internet connection and retry uploading the file";
+    } else if (responseStatus >= 400 && responseStatus < 500) {
+      fileStatus = "error";
+      error = (onErrorMessageMapper == null ? void 0 : onErrorMessageMapper({ responseStatus, responseJson })) ?? "Bad request";
+    } else if (responseStatus >= 500) {
+      fileStatus = "error";
+      error = (onErrorMessageMapper == null ? void 0 : onErrorMessageMapper({ responseStatus, responseJson })) ?? "Server Error";
+    }
+    return { fileStatus, error };
+  };
+  const handleOnComplete = (xhr, fileName) => {
+    const { status, readyState, responseText } = xhr;
+    if (readyState === xhr.DONE) {
+      const responseJson = responseText && isJsonString(responseText) && JSON.parse(responseText);
+      const { fileStatus, error } = getFileStatus(status, responseJson);
+      const updatedList = getUpdatedList(fileName, fileStatus, void 0, error);
+      setUpdatedFiles(updatedList);
+      const response = { fileList: updatedList, status, responseJson };
+      setUploadingFiles((prevState) => prevState.filter((selected) => selected.name !== fileName));
+      onComplete == null ? void 0 : onComplete(response);
+    }
+  };
+  const uploadFile = (file) => {
+    const xhr = new XMLHttpRequest();
+    xhr.upload.addEventListener("progress", (e) => recordProgress(e, file.name));
+    xhr.addEventListener("readystatechange", () => handleOnComplete(xhr, file.name));
+    withCredentials && (xhr.withCredentials = true);
+    xhr.open("POST", url, true);
+    headers == null ? void 0 : headers.forEach((value, key) => xhr.setRequestHeader(key, value));
+    const formData = new FormData();
+    formData.append("file", file.data);
+    formData.append("name", file.name);
+    xhr.send(formData);
+  };
+  useEffect(() => {
+    if (!url || !files.length) {
+      return;
+    }
+    files.forEach((file) => {
+      if (!file.status && !uploadingFiles.find((selected) => selected.name === file.name)) {
+        setUploadingFiles((prevState) => [...prevState, file]);
+        uploadFile(file);
+      }
+    });
+  }, [url, files]);
+  return { updatedFiles, setUpdatedFiles, uploadingFiles };
+};
+export {
+  useUploadFile
+};
+//# sourceMappingURL=useUploadFile.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUploadFile.es.js","sources":["../../src/hooks/useUploadFile.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 { FileType } from \"../components/Form/FileUpload/FileUpload\";\nimport { useEffect, useState } from \"react\";\nimport { isJsonString } from \"../util/helper\";\n\nexport type UploadResponseStatus = XMLHttpRequest[\"status\"];\nexport type UploadResponseJson = Record<string, unknown>;\nexport interface UploadResponseType {\n  fileList: FileType[];\n  status: UploadResponseStatus;\n  responseJson: UploadResponseJson;\n}\nexport interface OnErrorMessageMapperType {\n  responseStatus: UploadResponseStatus;\n  responseJson: UploadResponseJson;\n}\nexport interface UseUploadFileCallback {\n  onComplete?: (response: UploadResponseType) => void;\n  onProgress?: (fileName: string, progress: number) => void;\n  onErrorMessageMapper?: (args: OnErrorMessageMapperType) => string | undefined;\n}\nexport interface UploadFileRequestParams {\n  url: string;\n  headers?: Headers;\n  withCredentials?: boolean;\n}\n\nexport const useUploadFile = (\n  files: FileType[],\n  request: UploadFileRequestParams,\n  callbacks?: UseUploadFileCallback\n) => {\n  const { url, headers, withCredentials } = request;\n\n  const { onComplete, onProgress, onErrorMessageMapper } = callbacks ?? {};\n\n  const [uploadingFiles, setUploadingFiles] = useState<FileType[]>([]);\n  const [updatedFiles, setUpdatedFiles] = useState<FileType[]>([...files]);\n\n  const getUpdatedList = (\n    fileName: string,\n    fileStatus: FileType[\"status\"],\n    progress?: number,\n    error?: string\n  ) => {\n    return files.map(file => {\n      if (file.name === fileName) {\n        file.progress = progress;\n        file.error = error;\n        file.status = fileStatus;\n      }\n      return { ...file };\n    });\n  };\n\n  const recordProgress = (e: ProgressEvent<XMLHttpRequestEventTarget>, fileName: string) => {\n    const progress = (e.loaded / e.total) * 100;\n    const updatedData = getUpdatedList(fileName, \"uploading\", progress);\n    setUpdatedFiles(updatedData);\n    onProgress?.(fileName, progress);\n  };\n\n  const getFileStatus = (\n    responseStatus: UploadResponseStatus,\n    responseJson: UploadResponseJson\n  ) => {\n    let fileStatus: FileType[\"status\"] = undefined;\n    let error = \"\";\n    if (responseStatus >= 200 && responseStatus < 400) {\n      fileStatus = \"completed\";\n    } else if (responseStatus === 0) {\n      fileStatus = \"retry\";\n      error =\n        onErrorMessageMapper?.({ responseStatus, responseJson }) ??\n        \"Network error. Check internet connection and retry uploading the file\";\n    } else if (responseStatus >= 400 && responseStatus < 500) {\n      fileStatus = \"error\";\n      error = onErrorMessageMapper?.({ responseStatus, responseJson }) ?? \"Bad request\";\n    } else if (responseStatus >= 500) {\n      fileStatus = \"error\";\n      error = onErrorMessageMapper?.({ responseStatus, responseJson }) ?? \"Server Error\";\n    }\n    return { fileStatus, error };\n  };\n\n  const handleOnComplete = (xhr: XMLHttpRequest, fileName: string) => {\n    const { status, readyState, responseText } = xhr;\n    if (readyState === xhr.DONE) {\n      const responseJson = responseText && isJsonString(responseText) && JSON.parse(responseText);\n      const { fileStatus, error } = getFileStatus(status, responseJson);\n      const updatedList = getUpdatedList(fileName, fileStatus, undefined, error);\n      setUpdatedFiles(updatedList);\n      const response = { fileList: updatedList, status, responseJson };\n      setUploadingFiles(prevState => prevState.filter(selected => selected.name !== fileName));\n      onComplete?.(response);\n    }\n  };\n\n  const uploadFile = (file: FileType) => {\n    const xhr = new XMLHttpRequest();\n    xhr.upload.addEventListener(\"progress\", e => recordProgress(e, file.name));\n    xhr.addEventListener(\"readystatechange\", () => handleOnComplete(xhr, file.name));\n    withCredentials && (xhr.withCredentials = true);\n    xhr.open(\"POST\", url, true);\n    headers?.forEach((value, key) => xhr.setRequestHeader(key, value));\n    const formData = new FormData();\n    formData.append(\"file\", file.data as File);\n    formData.append(\"name\", file.name);\n    xhr.send(formData);\n  };\n\n  useEffect(() => {\n    if (!url || !files.length) {\n      return;\n    }\n\n    files.forEach(file => {\n      if (!file.status && !uploadingFiles.find(selected => selected.name === file.name)) {\n        setUploadingFiles(prevState => [...prevState, file]);\n        uploadFile(file);\n      }\n    });\n  }, [url, files]);\n\n  return { updatedFiles, setUpdatedFiles, uploadingFiles };\n};\n"],"names":[],"mappings":"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"}

package/dist/hooks/useWrapper.cjs.js

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

package/dist/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":["helperId","useState","generateID","errorId","labelId","hasFocus","setHasFocus"],"mappings":"+JAmB0B,KAClB,MAACA,GAAYC,EAASA,SAAAC,EAAAA,WAAW,MAChCC,GAAWF,EAASA,SAAAC,EAAAA,WAAW,MAC/BE,GAAWH,EAASA,SAAAC,EAAAA,WAAW,MAC/BG,EAAUC,GAAeL,EAAAA,UAAS,GAElC,MAAA,CACLD,WACAG,UACAC,UACAC,WACAC,cACF"}

package/dist/hooks/useWrapper.es.js

@@ -0,0 +1,19 @@
+import { useState } from "react";
+import { generateID } from "../util/helper.es.js";
+const useWrapper = () => {
+  const [helperId] = useState(generateID(20));
+  const [errorId] = useState(generateID(20));
+  const [labelId] = useState(generateID(20));
+  const [hasFocus, setHasFocus] = useState(false);
+  return {
+    helperId,
+    errorId,
+    labelId,
+    hasFocus,
+    setHasFocus
+  };
+};
+export {
+  useWrapper
+};
+//# sourceMappingURL=useWrapper.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWrapper.es.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":[],"mappings":";;AAmBO,MAAM,aAAa,MAAM;AAC9B,QAAM,CAAC,QAAQ,IAAI,SAAS,WAAW,EAAE,CAAC;AAC1C,QAAM,CAAC,OAAO,IAAI,SAAS,WAAW,EAAE,CAAC;AACzC,QAAM,CAAC,OAAO,IAAI,SAAS,WAAW,EAAE,CAAC;AACzC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAEvC,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/_BaseStyling_/BaseStyling.cjs.js"),r=require("./components/Button/Button.cjs.js"),o=require("./components/Breadcrumbs/Breadcrumbs.cjs.js"),t=require("./components/ContextMenu/ContextMenu.cjs.js"),s=require("./components/ContextMenu/ContextMenuItem.cjs.js"),i=require("./components/Link/Link.cjs.js"),n=require("./components/Icon/Icon.cjs.js"),p=require("./components/Button/IconButton.cjs.js"),a=require("./components/Tabs/Tab.cjs.js"),c=require("./components/Tabs/Tabs.cjs.js"),l=require("./components/Tag/Tag.cjs.js"),u=require("./components/TextEllipsis/TextEllipsis.cjs.js"),j=require("./components/Tiles/Tile.cjs.js"),d=require("./components/Tiles/Tiles.cjs.js"),m=require("./components/Tooltip/Tooltip.cjs.js"),x=require("./components/Typography/Typography.cjs.js"),S=require("./components/ProgressBar/ProgressBar.cjs.js"),q=require("./components/Skeleton/Skeleton.cjs.js"),F=require("./components/Spinner/Spinner.cjs.js"),C=require("./components/Stepper/Stepper.cjs.js"),M=require("./components/Pagination/Pagination.cjs.js"),T=require("./hooks/useRepeater.cjs.js"),h=require("./hooks/useClickOutside.cjs.js"),I=require("./hooks/useFullHeightCollapse.cjs.js"),g=require("./hooks/usePosition.cjs.js"),D=require("./hooks/useDebouncedCallback.cjs.js"),B=require("./hooks/useUploadFile.cjs.js"),b=require("./util/helper.cjs.js"),k=require("./hooks/useScreenSize.cjs.js"),W=require("./variables.cjs.js"),f=require("./components/Notifications/Alert/useAlert.cjs.js"),y=require("./components/Notifications/Alert/AlertProvider/AlertProvider.cjs.js"),G=require("./components/Notifications/Alert/AlertItem/AlertItem.cjs.js"),N=require("./components/Notifications/Dialog/Dialog.cjs.js"),P=require("./components/Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js"),A=require("./components/Notifications/NotificationProvider/NotificationContext.cjs.js"),H=require("./components/Notifications/SlideInModal/SlideInModal.cjs.js"),L=require("./components/Notifications/SideSheet/SideSheet.cjs.js"),R=require("./components/Notifications/SideSheet/SideSheetContent/SideSheetContent.cjs.js"),v=require("./components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.cjs.js"),O=require("./components/Form/Checkbox/Checkbox.cjs.js"),U=require("./components/InlineEditing/InlineCheckbox/InlineCheckbox.cjs.js"),E=require("./components/Form/Fieldset/Fieldset.cjs.js"),w=require("./components/Form/Form.cjs.js"),_=require("./components/Form/FormControl/FormControl.cjs.js"),z=require("./components/Form/FormGroup/FormGroup.cjs.js"),K=require("./components/Form/FormHelperText/FormHelperText.cjs.js"),J=require("./components/Form/Input/Input.cjs.js"),Q=require("./components/Form/Wrapper/InputWrapper/InputWrapper.cjs.js"),V=require("./components/Form/Label/Label.cjs.js"),X=require("./components/Form/Radio/Radio.cjs.js"),Y=require("./components/Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js"),Z=require("./components/Form/Select/SingleSelect/Select.cjs.js"),$=require("./components/InlineEditing/InlineEditingSelect/InlineSelect.cjs.js"),ee=require("./components/Form/Select/MultiSelect/MultiSelect.cjs.js"),re=require("./components/Form/Select/SingleSelect/Option.cjs.js"),oe=require("./components/Form/Select/MultiSelect/MultiOption.cjs.js"),te=require("./components/Form/Textarea/Textarea.cjs.js"),se=require("./components/Form/Toggle/Toggle.cjs.js"),ie=require("./components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js"),ne=require("./components/Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js"),pe=require("./components/Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js"),ae=require("./components/Form/FileUpload/FileUpload.cjs.js"),ce=require("./components/Form/FileUpload/FileItem/FileItem.cjs.js"),le=require("./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js"),ue=require("./components/Form/Select/MultiSelect/useMultiSelect.cjs.js"),je=require("./components/Layout/ContentHeader/ContentHeader.cjs.js"),de=require("./components/Layout/Card/Card.cjs.js"),me=require("./components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.cjs.js"),xe=require("./components/Layout/FormPage/FormWithStepper/FormSection/FormSection.cjs.js"),Se=require("./components/Layout/FormPage/FormWithStepper/FormWithStepper.cjs.js"),qe=require("./components/DataGrid/DataGrid.cjs.js"),Fe=require("./components/DataGrid/DataGridBody/DataGridRow/DataGridRow.cjs.js"),Ce=require("./components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.cjs.js"),Me=require("./components/DataGrid/DataGridBody/DataGridCell/DataGridCell.cjs.js"),Te=require("./components/DataGrid/DataGridFilters/FilterKeyMapper.cjs.js"),he=require("./components/DataGrid/DataGridFilters/useFiltersReducer.cjs.js"),Ie=require("./components/Notifications/Banner/Banner.cjs.js"),ge=require("./components/DatePicker/DatePicker.cjs.js"),De=require("./components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js"),Be=require("./components/admin/layout/LeftNav/LeftNav.cjs.js"),be=require("./components/miscellaneous/IdentityProviderButton.cjs.js"),ke=require("./components/Notifications/BaseModal/BaseModal.cjs.js"),We=require("./components/Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js"),fe=require("./components/Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js"),ye=require("./components/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js");exports.BaseStyling=e.BaseStyling,exports.Button=r.Button,exports.Breadcrumbs=o.Breadcrumbs,exports.ContextMenu=t.ContextMenu,exports.ContextMenuItem=s.ContextMenuItem,exports.Link=i.Link,exports.Icon=n.Icon,exports.Icons=n.Icons,exports.IconButton=p.IconButton,exports.Tab=a.Tab,exports.Tabs=c.Tabs,exports.Tag=l.Tag,exports.TextEllipsis=u.TextEllipsis,exports.Tile=j.Tile,exports.Tiles=d.Tiles,exports.Tooltip=m.Tooltip,exports.Typography=x.Typography,exports.ProgressBar=S.ProgressBar,exports.Skeleton=q.Skeleton,exports.Spinner=F.Spinner,exports.Stepper=C.Stepper,exports.Pagination=M.Pagination,exports.useRepeater=T.useRepeater,exports.useClickOutside=h.useClickOutside,exports.useFullHeightCollapse=I.useFullHeightCollapse,exports.usePosition=g.usePosition,exports.useDebouncedCallback=D.useDebouncedCallback,exports.useUploadFile=B.useUploadFile,exports.debounce=b.debounce,exports.generateID=b.generateID,exports.throttle=b.throttle,exports.useScreenSize=k.useScreenSize,exports.ScreenSize=W.ScreenSize,exports.useAlert=f.useAlert,exports.AlertProvider=y.AlertProvider,exports.AlertItem=G.AlertItem,exports.Dialog=N.Dialog,exports.DiscardChangesModal=P.DiscardChangesModal,exports.NotificationProvider=A.NotificationProvider,exports.useNotificationContext=A.useNotificationContext,exports.SlideInModal=H.SlideInModal,exports.SideSheet=L.SideSheet,exports.SideSheetContent=R.SideSheetContent,exports.SideSheetHeader=v.SideSheetHeader,exports.Checkbox=O.Checkbox,exports.InlineCheckbox=U.InlineCheckbox,exports.Fieldset=E.Fieldset,exports.Form=w.Form,exports.FormControl=_.FormControl,exports.FormGroup=z.FormGroup,exports.FormHelperText=K.FormHelperText,exports.Input=J.Input,exports.InputWrapper=Q.InputWrapper,exports.Label=V.Label,exports.Radio=X.Radio,exports.RadioWrapper=Y.RadioWrapper,exports.Select=Z.Select,exports.InlineSelect=$.InlineSelect,exports.MultiSelect=ee.MultiSelect,exports.Option=re.Option,exports.MultiOption=oe.MultiOption,exports.Textarea=te.Textarea,exports.Toggle=se.Toggle,exports.CheckboxWrapper=ie.CheckboxWrapper,exports.TextareaWrapper=ne.TextareaWrapper,exports.SelectWrapper=pe.SelectWrapper,exports.FileUpload=ae.FileUpload,exports.ACTION_STATUS=ce.ACTION_STATUS,exports.FILE_ACTION=ce.FILE_ACTION,exports.MultiSelectWrapper=le.MultiSelectWrapper,exports.useMultiSelect=ue.useMultiSelect,exports.ContentHeader=je.ContentHeader,exports.Card=de.Card,exports.FormStepper=me.FormStepper,exports.FormSection=xe.FormSection,exports.FormWithStepper=Se.FormWithStepper,exports.DataGrid=qe.DataGrid,exports.DataGridRow=Fe.DataGridRow,exports.DataGridDrawerItem=Ce.DataGridDrawerItem,exports.DataGridCell=Me.DataGridCell,exports.FilterKeyMapper=Te.FilterKeyMapper,exports.useFiltersReducer=he.useFiltersReducer,exports.Banner=Ie.Banner,exports.DatePicker=ge.DatePicker,exports.MicrofrontendContainer=De.MicrofrontendContainer,exports.LeftNav=Be.LeftNav,exports.IdentityProviderButton=be.IdentityProviderButton,exports.Modal=ke.BaseModal,exports.ModalActions=We.BaseModalActions,exports.SideSheetActions=We.BaseModalActions,exports.ModalContent=fe.BaseModalContent,exports.ModalHeader=ye.BaseModalHeader;
+//# sourceMappingURL=index.cjs.js.map