@onewelcome/react-lib-components 11.0.0 → 12.0.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"useRepeater.cjs.js","sources":["../../src/hooks/useRepeater.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { useEffect, useState, JSX } from \"react\";\nimport { generateID } from \"../util/helper\";\n\ninterface Arguments {\n  componentToRepeat: React.ReactElement;\n}\n\nexport const useRepeater = <T>({ componentToRepeat }: Arguments) => {\n  const [repeatedComponents, setRepeatedComponents] = useState<JSX.Element[]>([]);\n\n  useEffect(() => {\n    repeat();\n  }, []);\n\n  const repeat = () => {\n    const clonedComponent = React.cloneElement(componentToRepeat, { key: generateID(20) });\n\n    setRepeatedComponents(prevState => [...prevState, clonedComponent]);\n  };\n\n  const remove = (componentToRemove: React.ReactElement<T>) => {\n    const newRepeatedComponents = repeatedComponents.filter(\n      component => component !== componentToRemove\n    );\n\n    setRepeatedComponents(newRepeatedComponents);\n  };\n\n  return {\n    repeatedComponents,\n    repeat,\n    remove\n  };\n};\n"],"names":["componentToRepeat","repeatedComponents","setRepeatedComponents","useState","useEffect","repeat","clonedComponent","React","cloneElement","key","generateID","prevState","remove","componentToRemove","newRepeatedComponents","filter","component"],"mappings":"gKAuB2B,EAAMA,wBAC/B,MAAOC,EAAoBC,GAAyBC,EAAAA,SAAwB,IAE5EC,EAAAA,WAAU,KACDC,GAAA,GACN,IAEH,MAAMA,EAAS,KACP,MAAAC,EAAkBC,EAAMC,aAAaR,EAAmB,CAAES,IAAKC,EAAAA,WAAW,MAEhFR,GAAmCS,GAAA,IAAIA,EAAWL,IAAgB,EAW7D,MAAA,CACLL,qBACAI,SACAO,OAXcC,IACd,MAAMC,EAAwBb,EAAmBc,WAClCC,IAAcH,IAG7BX,EAAsBY,EAAqB,EAO7C"}

package/dist/hooks/useRepeater.es.js

@@ -1,27 +0,0 @@
-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

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

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

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

@@ -1,36 +0,0 @@
-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

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

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

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

@@ -1,17 +0,0 @@
-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

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

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

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

@@ -1,81 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":";;AA0CO,MAAM,gBAAgB,CAC3B,OACA,SACA,cACG;AACH,QAAM,EAAE,KAAK,SAAS,gBAAoB,IAAA;AAE1C,QAAM,EAAE,YAAY,YAAY,qBAAqB,IAAI,aAAa,CAAC;AAEvE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAqB,CAAA,CAAE;AAC7D,QAAA,CAAC,cAAc,eAAe,IAAI,SAAqB,CAAC,GAAG,KAAK,CAAC;AAEvE,QAAM,iBAAiB,CACrB,UACA,YACA,UACA,UACG;AACI,WAAA,MAAM,IAAI,CAAQ,SAAA;AACnB,UAAA,KAAK,SAAS,UAAU;AAC1B,aAAK,WAAW;AAChB,aAAK,QAAQ;AACb,aAAK,SAAS;AAAA,MAAA;AAET,aAAA,EAAE,GAAG,KAAK;AAAA,IAAA,CAClB;AAAA,EACH;AAEM,QAAA,iBAAiB,CAAC,GAA6C,aAAqB;AACxF,UAAM,WAAY,EAAE,SAAS,EAAE,QAAS;AACxC,UAAM,cAAc,eAAe,UAAU,aAAa,QAAQ;AAClE,oBAAgB,WAAW;AAC3B,6CAAa,UAAU;AAAA,EACzB;AAEM,QAAA,gBAAgB,CACpB,gBACA,iBACG;AACH,QAAI,aAAiC;AACrC,QAAI,QAAQ;AACR,QAAA,kBAAkB,OAAO,iBAAiB,KAAK;AACpC,mBAAA;AAAA,IAAA,WACJ,mBAAmB,GAAG;AAClB,mBAAA;AACb,eACE,6DAAuB,EAAE,gBAAgB,aAAA,OACzC;AAAA,IACO,WAAA,kBAAkB,OAAO,iBAAiB,KAAK;AAC3C,mBAAA;AACb,eAAQ,6DAAuB,EAAE,gBAAgB,aAAA,OAAmB;AAAA,IAAA,WAC3D,kBAAkB,KAAK;AACnB,mBAAA;AACb,eAAQ,6DAAuB,EAAE,gBAAgB,aAAA,OAAmB;AAAA,IAAA;AAE/D,WAAA,EAAE,YAAY,MAAM;AAAA,EAC7B;AAEM,QAAA,mBAAmB,CAAC,KAAqB,aAAqB;AAClE,UAAM,EAAE,QAAQ,YAAY,aAAiB,IAAA;AACzC,QAAA,eAAe,IAAI,MAAM;AAC3B,YAAM,eAAe,gBAAgB,aAAa,YAAY,KAAK,KAAK,MAAM,YAAY;AAC1F,YAAM,EAAE,YAAY,MAAA,IAAU,cAAc,QAAQ,YAAY;AAChE,YAAM,cAAc,eAAe,UAAU,YAAY,QAAW,KAAK;AACzE,sBAAgB,WAAW;AAC3B,YAAM,WAAW,EAAE,UAAU,aAAa,QAAQ,aAAa;AAC/D,wBAAkB,eAAa,UAAU,OAAO,cAAY,SAAS,SAAS,QAAQ,CAAC;AACvF,+CAAa;AAAA,IAAQ;AAAA,EAEzB;AAEM,QAAA,aAAa,CAAC,SAAmB;AAC/B,UAAA,MAAM,IAAI,eAAe;AAC3B,QAAA,OAAO,iBAAiB,YAAY,CAAA,MAAK,eAAe,GAAG,KAAK,IAAI,CAAC;AACzE,QAAI,iBAAiB,oBAAoB,MAAM,iBAAiB,KAAK,KAAK,IAAI,CAAC;AAC/E,wBAAoB,IAAI,kBAAkB;AACtC,QAAA,KAAK,QAAQ,KAAK,IAAI;AACjB,uCAAA,QAAQ,CAAC,OAAO,QAAQ,IAAI,iBAAiB,KAAK,KAAK;AAC1D,UAAA,WAAW,IAAI,SAAS;AACrB,aAAA,OAAO,QAAQ,KAAK,IAAY;AAChC,aAAA,OAAO,QAAQ,KAAK,IAAI;AACjC,QAAI,KAAK,QAAQ;AAAA,EACnB;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,OAAO,CAAC,MAAM,QAAQ;AACzB;AAAA,IAAA;AAGF,UAAM,QAAQ,CAAQ,SAAA;AAChB,UAAA,CAAC,KAAK,UAAU,CAAC,eAAe,KAAK,CAAA,aAAY,SAAS,SAAS,KAAK,IAAI,GAAG;AACjF,0BAAkB,CAAa,cAAA,CAAC,GAAG,WAAW,IAAI,CAAC;AACnD,mBAAW,IAAI;AAAA,MAAA;AAAA,IACjB,CACD;AAAA,EAAA,GACA,CAAC,KAAK,KAAK,CAAC;AAER,SAAA,EAAE,cAAc,iBAAiB,eAAe;AACzD;"}

package/dist/hooks/useWrapper.cjs.js

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

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

@@ -1,19 +0,0 @@
-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

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

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

package/dist/index.cjs.js.map

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