@onewelcome/react-lib-components 9.8.1 → 10.0.0

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

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

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

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

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

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.useRepeatFocus=t=>{const n=(e,t)=>{const n=["button","[href]","input","select","textarea","[tabindex]","[contenteditable]"].map((e=>`${e}:not([tabindex="-1"])`)).join(", "),r=e.querySelectorAll(n);return"first"===t?r[0]||null:"last"===t&&r[r.length-1]||null};e.useEffect((()=>{if(!t.current||!open)return;const e=n(t.current,"last"),r=n(t.current,"first");if(!e||!r)return;const u=t=>{"Tab"===t.key&&(t.shiftKey?document.activeElement===r&&(t.preventDefault(),null==e||e.focus()):document.activeElement===e&&(t.preventDefault(),null==r||r.focus()))};return e.addEventListener("keydown",u),r.addEventListener("keydown",u),()=>{e.removeEventListener("keydown",u),r.removeEventListener("keydown",u)}}),[t,open])};
-//# sourceMappingURL=useRepeatFocus.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useRepeatFocus.cjs.js","sources":["../../../../../../src/hooks/useRepeatFocus.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 { RefObject, useEffect } from \"react\";\n\n/**\n * @description This is a hook that will make sure that when a modal is open and the user tabs through the it,\n * the focus will be repeated and the user will not lose their entire focusable element to an element in the background\n * that is being blocked by the modal.\n */\n\nexport const useRepeatFocus = (ref: RefObject<HTMLDivElement>) => {\n  const getFocusableElement = (\n    element: HTMLElement,\n    position: \"first\" | \"last\"\n  ): HTMLElement | null => {\n    const baseSelectors = [\n      \"button\",\n      \"[href]\",\n      \"input\",\n      \"select\",\n      \"textarea\",\n      \"[tabindex]\",\n      \"[contenteditable]\"\n    ];\n    const focusableSelectors = baseSelectors\n      .map(selector => `${selector}:not([tabindex=\"-1\"])`)\n      .join(\", \");\n    const focusableElements = element.querySelectorAll<HTMLElement>(focusableSelectors);\n\n    if (position === \"first\") {\n      return focusableElements[0] || null;\n    } else if (position === \"last\") {\n      return focusableElements[focusableElements.length - 1] || null;\n    }\n\n    return null;\n  };\n\n  useEffect(() => {\n    if (!ref.current || !open) {\n      return;\n    }\n\n    const lastFocusableElement = getFocusableElement(ref.current, \"last\");\n    const firstFocusableElement = getFocusableElement(ref.current, \"first\");\n\n    if (!lastFocusableElement || !firstFocusableElement) {\n      return;\n    }\n\n    const handleTabKeyPress = (event: KeyboardEvent) => {\n      if (event.key !== \"Tab\") {\n        return;\n      }\n\n      if (event.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          event.preventDefault();\n          lastFocusableElement?.focus();\n        }\n      } else if (document.activeElement === lastFocusableElement) {\n        event.preventDefault();\n        firstFocusableElement?.focus();\n      }\n    };\n\n    lastFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n    firstFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n\n    return () => {\n      lastFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n      firstFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n    };\n  }, [ref, open]);\n};\n"],"names":["ref","getFocusableElement","element","position","focusableSelectors","map","selector","join","focusableElements","querySelectorAll","length","useEffect","current","open","lastFocusableElement","firstFocusableElement","handleTabKeyPress","event","key","shiftKey","document","activeElement","preventDefault","focus","addEventListener","removeEventListener"],"mappings":"2DAwB+BA,IAC7B,MAAMC,EAAsB,CAC1BC,EACAC,KAEA,MASMC,EATgB,CACpB,SACA,SACA,QACA,SACA,WACA,aACA,qBAGCC,KAAIC,GAAY,GAAGA,2BACnBC,KAAK,MACFC,EAAoBN,EAAQO,iBAA8BL,GAEhE,MAAiB,UAAbD,EACKK,EAAkB,IAAM,KACT,SAAbL,GACFK,EAAkBA,EAAkBE,OAAS,IAG/C,IAAI,EAGbC,EAAAA,WAAU,KACR,IAAKX,EAAIY,UAAYC,KACnB,OAGF,MAAMC,EAAuBb,EAAoBD,EAAIY,QAAS,QACxDG,EAAwBd,EAAoBD,EAAIY,QAAS,SAE/D,IAAKE,IAAyBC,EAC5B,OAGF,MAAMC,EAAqBC,IACP,QAAdA,EAAMC,MAIND,EAAME,SACJC,SAASC,gBAAkBN,IAC7BE,EAAMK,iBACNR,SAAAA,EAAsBS,SAEfH,SAASC,gBAAkBP,IACpCG,EAAMK,iBACNP,SAAAA,EAAuBQ,SACxB,EAMH,OAHAT,EAAqBU,iBAAiB,UAAWR,GACjDD,EAAsBS,iBAAiB,UAAWR,GAE3C,KACLF,EAAqBW,oBAAoB,UAAWT,GACpDD,EAAsBU,oBAAoB,UAAWT,EAAkB,CACxE,GACA,CAAChB,EAAKa,MAAM"}

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

@@ -1,7 +0,0 @@
-import { RefObject } from "react";
-/**
- * @description This is a hook that will make sure that when a modal is open and the user tabs through the it,
- * the focus will be repeated and the user will not lose their entire focusable element to an element in the background
- * that is being blocked by the modal.
- */
-export declare const useRepeatFocus: (ref: RefObject<HTMLDivElement>) => void;

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

@@ -1,2 +0,0 @@
-"use strict";var e=require("react"),t=require("../util/helper.cjs.js");exports.useRepeater=({componentToRepeat:r})=>{const[s,n]=e.useState([]);e.useEffect((()=>{o()}),[]);const o=()=>{const s=e.cloneElement(r,{key:t.generateID(20)});n((e=>[...e,s]))};return{repeatedComponents:s,repeat:o,remove:e=>{const t=s.filter((t=>t!==e));n(t)}}};
-//# sourceMappingURL=useRepeater.cjs.js.map

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

@@ -1 +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":"2FAuB2B,EAAMA,wBAC/B,MAAOC,EAAoBC,GAAyBC,EAAQA,SAAgB,IAE5EC,EAAAA,WAAU,KACRC,GAAQ,GACP,IAEH,MAAMA,EAAS,KACb,MAAMC,EAAkBC,EAAMC,aAAaR,EAAmB,CAAES,IAAKC,EAAUA,WAAC,MAEhFR,GAAsBS,GAAa,IAAIA,EAAWL,IAAiB,EAWrE,MAAO,CACLL,qBACAI,SACAO,OAXcC,IACd,MAAMC,EAAwBb,EAAmBc,QAC/CC,GAAaA,IAAcH,IAG7BX,EAAsBY,EAAsB,EAO7C"}

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

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

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

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

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

@@ -1,2 +0,0 @@
-"use strict";var e=require("react"),n=require("../variables.cjs.js");const r=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),i=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[t,S]=e.useState(i(window.innerWidth));e.useEffect((()=>{const e=()=>{const e=i(window.innerWidth);S((n=>e!==n?(null==r||r(e,n),e):n))};return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]);return{screenSize:t,isDesktopScreenSize:()=>t===n.ScreenSize.LARGE}};
-//# sourceMappingURL=useScreenSize.cjs.js.map

package/dist/cjs/src/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":"qEAuBA,MAAMA,EAAUC,GAAeA,EAAKC,WAAWC,iBAAiBC,SAASC,iBAAiBC,UAEpFC,EAAiBC,GACjBA,EAAQR,EAAOS,EAAAA,YAAYC,EAAAA,WAAWC,QACjCD,EAAAA,WAAWC,MAEhBH,EAAQR,EAAOS,EAAAA,YAAYC,EAAAA,WAAWE,SACjCF,EAAAA,WAAWE,OAGbF,EAAAA,WAAWG,4BAGS,EAAGC,sBAA8B,MAC5D,MAAOC,EAAYC,GAAiBC,EAAAA,SAAqBV,EAAcW,OAAOC,aAE9EC,EAAAA,WAAU,KACR,MAAMC,EAAe,KACnB,MAAMC,EAAgBf,EAAcW,OAAOC,YAC3CH,GAAcO,GACRD,IAAkBC,GACpBT,SAAAA,EAAqBQ,EAAeC,GAC7BD,GAEFC,GACP,EAKJ,OAFAL,OAAOM,iBAAiB,SAAUH,GAClCA,IACO,IAAMH,OAAOO,oBAAoB,SAAUJ,EAAa,GAC9D,IAIH,MAAO,CAAEN,aAAYW,oBAFO,IAAMX,IAAeL,EAAAA,WAAWG,MAElB"}

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

@@ -1,9 +0,0 @@
-import { ScreenSize } from "../variables";
-interface Props {
-    onScreenSizeChange?: (nextScreenSize: ScreenSize, prevScreenSize?: ScreenSize) => void;
-}
-export declare const useScreenSize: ({ onScreenSizeChange }?: Props) => {
-    screenSize: ScreenSize;
-    isDesktopScreenSize: () => boolean;
-};
-export {};

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

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

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

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

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

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

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

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

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

@@ -1 +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":"aAuCA,MAEMA,EAAqB,mCAED,CACxBC,EACAC,IAEID,EACKE,OAAOC,QAAQH,GAAcI,QAAsB,CAACC,GAAOC,EAASC,MACzE,MAAMC,EAAUC,OAAOF,GAAYG,SAASX,GACtCY,EAAkBC,MAAMC,KAAKL,GAChCM,KAAI,EAAEC,KAZO,IAYiBC,OAAOD,GAAV,QAC3BE,KAAK,KACR,MAAO,IAAKZ,EAAMC,CAACA,GAAUK,EAAiB,GAC7CV,QAAAA,EAAS,CAAA,GAEPA"}

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

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

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

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

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

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

package/dist/cjs/src/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","handleOnComplete","xhr","readyState","responseText","DONE","responseJson","isJsonString","JSON","parse","responseStatus","_a","_b","_c","getFileStatus","updatedList","undefined","response","fileList","prevState","filter","selected","uploadFile","XMLHttpRequest","upload","addEventListener","e","loaded","total","updatedData","recordProgress","open","forEach","value","key","setRequestHeader","formData","FormData","append","data","send","useEffect","length","find"],"mappings":"6FA0C6B,CAC3BA,EACAC,EACAC,KAEA,MAAMC,IAAEA,EAAGC,QAAEA,EAAOC,gBAAEA,GAAoBJ,GAEpCK,WAAEA,EAAUC,WAAEA,EAAUC,qBAAEA,GAAyBN,QAAAA,EAAa,CAAA,GAE/DO,EAAgBC,GAAqBC,EAAQA,SAAa,KAC1DC,EAAcC,GAAmBF,EAAQA,SAAa,IAAIX,IAE3Dc,EAAiB,CACrBC,EACAC,EACAC,EACAC,IAEOlB,EAAMmB,KAAIC,IACXA,EAAKC,OAASN,IAChBK,EAAKH,SAAWA,EAChBG,EAAKF,MAAQA,EACbE,EAAKE,OAASN,GAET,IAAKI,MAkCVG,EAAmB,CAACC,EAAqBT,KAC7C,MAAMO,OAAEA,EAAMG,WAAEA,EAAUC,aAAEA,GAAiBF,EAC7C,GAAIC,IAAeD,EAAIG,KAAM,CAC3B,MAAMC,EAAeF,GAAgBG,eAAaH,IAAiBI,KAAKC,MAAML,IACxEV,WAAEA,EAAUE,MAAEA,GA3BF,EACpBc,EACAJ,eAEA,IAAIZ,EACAE,EAAQ,GAeZ,OAdIc,GAAkB,KAAOA,EAAiB,IAC5ChB,EAAa,YACe,IAAnBgB,GACThB,EAAa,QACbE,EAC0D,QAAxDe,EAAAzB,aAAoB,EAApBA,EAAuB,CAAEwB,iBAAgBJ,wBAAe,IAAAK,EAAAA,EACxD,yEACOD,GAAkB,KAAOA,EAAiB,KACnDhB,EAAa,QACbE,EAAgE,QAAxDgB,EAAA1B,eAAAA,EAAuB,CAAEwB,iBAAgBJ,wBAAe,IAAAM,EAAAA,EAAI,eAC3DF,GAAkB,MAC3BhB,EAAa,QACbE,EAAgE,QAAxDiB,EAAA3B,eAAAA,EAAuB,CAAEwB,iBAAgBJ,wBAAe,IAAAO,EAAAA,EAAI,gBAE/D,CAAEnB,aAAYE,QAAO,EAOIkB,CAAcd,EAAQM,GAC9CS,EAAcvB,EAAeC,EAAUC,OAAYsB,EAAWpB,GACpEL,EAAgBwB,GAChB,MAAME,EAAW,CAAEC,SAAUH,EAAaf,SAAQM,gBAClDlB,GAAkB+B,GAAaA,EAAUC,QAAOC,GAAYA,EAAStB,OAASN,MAC9ET,SAAAA,EAAaiC,EACd,GAGGK,EAAcxB,IAClB,MAAMI,EAAM,IAAIqB,eAChBrB,EAAIsB,OAAOC,iBAAiB,YAAYC,GA7CnB,EAACA,EAA6CjC,KACnE,MAAME,EAAY+B,EAAEC,OAASD,EAAEE,MAAS,IAClCC,EAAcrC,EAAeC,EAAU,YAAaE,GAC1DJ,EAAgBsC,GAChB5C,SAAAA,EAAaQ,EAAUE,EAAS,EAyCamC,CAAeJ,EAAG5B,EAAKC,QACpEG,EAAIuB,iBAAiB,oBAAoB,IAAMxB,EAAiBC,EAAKJ,EAAKC,QAC1EhB,IAAoBmB,EAAInB,iBAAkB,GAC1CmB,EAAI6B,KAAK,OAAQlD,GAAK,GACtBC,SAAAA,EAASkD,SAAQ,CAACC,EAAOC,IAAQhC,EAAIiC,iBAAiBD,EAAKD,KAC3D,MAAMG,EAAW,IAAIC,SACrBD,EAASE,OAAO,OAAQxC,EAAKyC,MAC7BH,EAASE,OAAO,OAAQxC,EAAKC,MAC7BG,EAAIsC,KAAKJ,EAAS,EAgBpB,OAbAK,EAAAA,WAAU,KACH5D,GAAQH,EAAMgE,QAInBhE,EAAMsD,SAAQlC,IACPA,EAAKE,QAAWb,EAAewD,MAAKtB,GAAYA,EAAStB,OAASD,EAAKC,SAC1EX,GAAkB+B,GAAa,IAAIA,EAAWrB,KAC9CwB,EAAWxB,GACZ,GACD,GACD,CAACjB,EAAKH,IAEF,CAAEY,eAAcC,kBAAiBJ,iBAAgB"}

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

@@ -1,27 +0,0 @@
-import { FileType } from "../components/Form/FileUpload/FileUpload";
-export type UploadResponseStatus = XMLHttpRequest["status"];
-export type UploadResponseJson = Record<string, unknown>;
-export interface UploadResponseType {
-    fileList: FileType[];
-    status: UploadResponseStatus;
-    responseJson: UploadResponseJson;
-}
-export interface OnErrorMessageMapperType {
-    responseStatus: UploadResponseStatus;
-    responseJson: UploadResponseJson;
-}
-export interface UseUploadFileCallback {
-    onComplete?: (response: UploadResponseType) => void;
-    onProgress?: (fileName: string, progress: number) => void;
-    onErrorMessageMapper?: (args: OnErrorMessageMapperType) => string | undefined;
-}
-export interface UploadFileRequestParams {
-    url: string;
-    headers?: Headers;
-    withCredentials?: boolean;
-}
-export declare const useUploadFile: (files: FileType[], request: UploadFileRequestParams, callbacks?: UseUploadFileCallback) => {
-    updatedFiles: FileType[];
-    setUpdatedFiles: import("react").Dispatch<import("react").SetStateAction<FileType[]>>;
-    uploadingFiles: FileType[];
-};

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

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

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

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

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

@@ -1 +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":"0FAmB0B,KACxB,MAAOA,GAAYC,EAAAA,SAASC,EAAAA,WAAW,MAChCC,GAAWF,EAAAA,SAASC,EAAAA,WAAW,MAC/BE,GAAWH,EAAAA,SAASC,EAAAA,WAAW,MAC/BG,EAAUC,GAAeL,EAAQA,UAAC,GAEzC,MAAO,CACLD,WACAG,UACAC,UACAC,WACAC,cACD"}

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

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

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

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

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

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

package/dist/cjs/src/index.d.ts

@@ -1,173 +0,0 @@
-export { BaseStyling } from "./components/_BaseStyling_/BaseStyling";
-export type { Props as BaseStylingProps, CSSProperties as BaseStylingCSSProperties } from "./components/_BaseStyling_/BaseStyling";
-export { Button } from "./components/Button/Button";
-export type { Props as ButtonProps } from "./components/Button/Button";
-export { Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs";
-export type { Props as BreadcrumbsProps } from "./components/Breadcrumbs/Breadcrumbs";
-export { ContextMenu } from "./components/ContextMenu/ContextMenu";
-export type { Props as ContextMenuProps } from "./components/ContextMenu/ContextMenu";
-export { ContextMenuItem } from "./components/ContextMenu/ContextMenuItem";
-export type { Props as ContextMenuItemProps } from "./components/ContextMenu/ContextMenuItem";
-export { Link } from "./components/Link/Link";
-export type { Props as LinkProps, AnchorType } from "./components/Link/Link";
-export { Icon, Icons } from "./components/Icon/Icon";
-export type { Props as IconProps } from "./components/Icon/Icon";
-export { IconButton } from "./components/Button/IconButton";
-export type { Props as IconButtonProps } from "./components/Button/IconButton";
-export { Tab } from "./components/Tabs/Tab";
-export type { Props as TabProps } from "./components/Tabs/Tab";
-export { Tabs } from "./components/Tabs/Tabs";
-export type { Props as TabsProps } from "./components/Tabs/Tabs";
-export { Tag } from "./components/Tag/Tag";
-export type { Props as TagProps } from "./components/Tag/Tag";
-export { TextEllipsis } from "./components/TextEllipsis/TextEllipsis";
-export type { Props as TextEllipsisProps } from "./components/TextEllipsis/TextEllipsis";
-export { Tile } from "./components/Tiles/Tile";
-export type { Props as TileProps } from "./components/Tiles/Tile";
-export { Tiles } from "./components/Tiles/Tiles";
-export type { Props as TilesProps } from "./components/Tiles/Tiles";
-export { Tooltip } from "./components/Tooltip/Tooltip";
-export type { Props as TooltipProps } from "./components/Tooltip/Tooltip";
-export { Typography } from "./components/Typography/Typography";
-export type { Props as TypographyProps, Variant } from "./components/Typography/Typography";
-export { ProgressBar } from "./components/ProgressBar/ProgressBar";
-export type { Props as ProgressBarProps } from "./components/ProgressBar/ProgressBar";
-export { Skeleton } from "./components/Skeleton/Skeleton";
-export type { Props as SkeletonProps } from "./components/Skeleton/Skeleton";
-export { Spinner } from "./components/Spinner/Spinner";
-export type { SpinnerProps } from "./components/Spinner/Spinner";
-export { Stepper } from "./components/Stepper/Stepper";
-export type { Props as StepperProps } from "./components/Stepper/Stepper";
-export type { Props as StepProps } from "./components/Stepper/Step";
-export { Pagination } from "./components/Pagination/Pagination";
-export type { Props as PaginationProps, PageChangeLabels, PaginationTranslations, PageSize } from "./components/Pagination/Pagination";
-export { useRepeater } from "./hooks/useRepeater";
-export { useClickOutside } from "./hooks/useClickOutside";
-export { useFullHeightCollapse } from "./hooks/useFullHeightCollapse";
-export { usePosition } from "./hooks/usePosition";
-export type { Placement } from "./hooks/usePosition";
-export { useDebouncedCallback } from "./hooks/useDebouncedCallback";
-export { useUploadFile } from "./hooks/useUploadFile";
-export type { UploadResponseStatus, UploadResponseJson, UploadResponseType, UseUploadFileCallback, UploadFileRequestParams } from "./hooks/useUploadFile";
-export { generateID, debounce, throttle } from "./util/helper";
-export { useScreenSize } from "./hooks/useScreenSize";
-export { ScreenSize } from "./variables";
-export { Modal } from "./components/Notifications/Modal/Modal";
-export type { Props as ModalProps } from "./components/Notifications/Modal/Modal";
-export { useAlert } from "./components/Notifications/Alert/useAlert";
-export { AlertProvider } from "./components/Notifications/Alert/AlertProvider/AlertProvider";
-export { AlertItem } from "./components/Notifications/Alert/AlertItem/AlertItem";
-export type { Props as AlertItemProps } from "./components/Notifications/Alert/AlertItem/AlertItem";
-export type { Props as AlertProviderProps } from "./components/Notifications/Alert/AlertProvider/AlertProvider";
-export { Dialog } from "./components/Notifications/Dialog/Dialog";
-export type { Props as DialogProps, Action as DialogAction } from "./components/Notifications/Dialog/Dialog";
-export { DiscardChangesModal } from "./components/Notifications/DiscardChangesModal/DiscardChangesModal";
-export type { Props as DiscardChangesModalProps } from "./components/Notifications/DiscardChangesModal/DiscardChangesModal";
-export { ModalActions } from "./components/Notifications/Modal/ModalActions/ModalActions";
-export type { Props as ModalActionsProps } from "./components/Notifications/Modal/ModalActions/ModalActions";
-export { ModalContent } from "./components/Notifications/Modal/ModalContent/ModalContent";
-export type { Props as ModalContentProps } from "./components/Notifications/Modal/ModalContent/ModalContent";
-export { ModalHeader } from "./components/Notifications/Modal/ModalHeader/ModalHeader";
-export type { Props as ModalHeaderProps } from "./components/Notifications/Modal/ModalHeader/ModalHeader";
-export { NotificationProvider, useNotificationContext } from "./components/Notifications/NotificationProvider/NotificationContext";
-export type { Props as NotificationProviderProps } from "./components/Notifications/NotificationProvider/NotificationContext";
-export type { AddNotification, RemoveNotification, Translations } from "./components/Notifications/NotificationProvider/notification.interfaces";
-export { SlideInModal } from "./components/Notifications/SlideInModal/SlideInModal";
-export type { Props as SlideInModalProps } from "./components/Notifications/SlideInModal/SlideInModal";
-/** SideSheet */
-export { SideSheet } from "./components/Notifications/SideSheet/SideSheet";
-export type { Props as SideSheetProps } from "./components/Notifications/SideSheet/SideSheet";
-export { SideSheetActions } from "./components/Notifications/SideSheet/SideSheetActions/SideSheetActions";
-export type { Props as SideSheetActionsProps } from "./components/Notifications/SideSheet/SideSheetActions/SideSheetActions";
-export { SideSheetContent } from "./components/Notifications/SideSheet/SideSheetContent/SideSheetContent";
-export type { Props as SideSheetContentProps } from "./components/Notifications/SideSheet/SideSheetContent/SideSheetContent";
-export { SideSheetHeader } from "./components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader";
-export type { Props as SideSheetHeaderProps } from "./components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader";
-/** Form components */
-export { Checkbox } from "./components/Form/Checkbox/Checkbox";
-export type { Props as CheckboxProps } from "./components/Form/Checkbox/Checkbox";
-export { InlineCheckbox, InlineCheckboxProps } from "./components/InlineEditing/InlineCheckbox/InlineCheckbox";
-export { Fieldset } from "./components/Form/Fieldset/Fieldset";
-export type { Props as FieldsetProps } from "./components/Form/Fieldset/Fieldset";
-export { Form } from "./components/Form/Form";
-export type { Props as FormProps } from "./components/Form/Form";
-export { FormControl } from "./components/Form/FormControl/FormControl";
-export type { Props as FormControlProps } from "./components/Form/FormControl/FormControl";
-export { FormGroup } from "./components/Form/FormGroup/FormGroup";
-export type { Props as FormGroupProps } from "./components/Form/FormGroup/FormGroup";
-export { FormHelperText } from "./components/Form/FormHelperText/FormHelperText";
-export type { Props as FormHelperTextProps } from "./components/Form/FormHelperText/FormHelperText";
-export { Input } from "./components/Form/Input/Input";
-export type { Props as InputProps, Type as InputType } from "./components/Form/Input/Input";
-export { InputWrapper } from "./components/Form/Wrapper/InputWrapper/InputWrapper";
-export type { Props as InputWrapperProps } from "./components/Form/Wrapper/InputWrapper/InputWrapper";
-export { Label } from "./components/Form/Label/Label";
-export type { Props as LabelProps } from "./components/Form/Label/Label";
-export { Radio } from "./components/Form/Radio/Radio";
-export type { Props as RadioProps } from "./components/Form/Radio/Radio";
-export { RadioWrapper } from "./components/Form/Wrapper/RadioWrapper/RadioWrapper";
-export type { Props as RadioWrapperProps } from "./components/Form/Wrapper/RadioWrapper/RadioWrapper";
-export { Select } from "./components/Form/Select/SingleSelect/Select";
-export { InlineSelect, InlineSelectProps } from "./components/InlineEditing/InlineEditingSelect/InlineSelect";
-export { MultiSelect } from "./components/Form/Select/MultiSelect/MultiSelect";
-export type { SingleSelectProps, MultiSelectProps, SingleSelectProps as SelectProps } from "./components/Form/Select/Select.interfaces";
-export { Option } from "./components/Form/Select/SingleSelect/Option";
-export type { Props as OptionProps } from "./components/Form/Select/SingleSelect/Option";
-export { MultiOption } from "./components/Form/Select/MultiSelect/MultiOption";
-export type { Props as MultiOptionProps } from "./components/Form/Select/MultiSelect/MultiOption";
-export { Textarea } from "./components/Form/Textarea/Textarea";
-export type { Props as TextareaProps } from "./components/Form/Textarea/Textarea";
-export { Toggle } from "./components/Form/Toggle/Toggle";
-export type { Props as ToggleProps } from "./components/Form/Toggle/Toggle";
-export { CheckboxWrapper } from "./components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper";
-export type { Props as CheckboxWrapperProps } from "./components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper";
-export { TextareaWrapper } from "./components/Form/Wrapper/TextareaWrapper/TextareaWrapper";
-export type { Props as TextareaWrapperProps } from "./components/Form/Wrapper/TextareaWrapper/TextareaWrapper";
-export { SelectWrapper } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
-export type { Props as SelectWrapperProps } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
-export { FileUpload } from "./components/Form/FileUpload/FileUpload";
-export type { Props as FileUploadProps, FileType } from "./components/Form/FileUpload/FileUpload";
-export { FILE_ACTION, ACTION_STATUS } from "./components/Form/FileUpload/FileItem/FileItem";
-export { MultiSelectWrapper } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
-export type { Props as MultiSelectWrapperProps } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
-export { useMultiSelect } from "./components/Form/Select/MultiSelect/useMultiSelect";
-export { ContentHeader } from "./components/Layout/ContentHeader/ContentHeader";
-export type { Props as ContentHeaderProps } from "./components/Layout/ContentHeader/ContentHeader";
-export { Card } from "./components/Layout/Card/Card";
-export type { CardProps, CardStyle } from "./components/Layout/Card/Card";
-export { FormStepper } from "./components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper";
-export type { Props as FormStepperProps, FormStepProps } from "./components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper";
-export { FormSection } from "./components/Layout/FormPage/FormWithStepper/FormSection/FormSection";
-export type { Props as FormSectionProps } from "./components/Layout/FormPage/FormWithStepper/FormSection/FormSection";
-export { FormWithStepper } from "./components/Layout/FormPage/FormWithStepper/FormWithStepper";
-export type { Props as FormWithStepperProps } from "./components/Layout/FormPage/FormWithStepper/FormWithStepper";
-/** DataGrid */
-export type { HeaderCell } from "./components/DataGrid/datagrid.interfaces";
-export { DataGrid } from "./components/DataGrid/DataGrid";
-export type { Props as DataGridProps } from "./components/DataGrid/DataGrid";
-export { DataGridRow } from "./components/DataGrid/DataGridBody/DataGridRow/DataGridRow";
-export type { Props as DataGridRowProps } from "./components/DataGrid/DataGridBody/DataGridRow/DataGridRow";
-export { DataGridDrawerItem } from "./components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem";
-export type { Props as DataGridDrawerItemProps } from "./components/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem";
-export { DataGridCell } from "./components/DataGrid/DataGridBody/DataGridCell/DataGridCell";
-export type { Props as DataGridCellProps } from "./components/DataGrid/DataGridBody/DataGridCell/DataGridCell";
-export type { Filter } from "./components/DataGrid/DataGridFilters/DataGridFilters.interfaces";
-export { FilterKeyMapper } from "./components/DataGrid/DataGridFilters/FilterKeyMapper";
-export { useFiltersReducer } from "./components/DataGrid/DataGridFilters/useFiltersReducer";
-/** Banner */
-export { Banner } from "./components/Notifications/Banner/Banner";
-export type { Props as BannerProps } from "./components/Notifications/Banner/Banner";
-/** DatePicker */
-export { DatePicker } from "./components/DatePicker/DatePicker";
-export type { Props as DatePickerProps } from "./components/DatePicker/DatePicker";
-/** Admin */
-export { MicrofrontendContainer } from "./components/admin/layout/MicrofrontendContainer/MicrofrontendContainer";
-export type { Props as MicrofrontendContainerProps } from "./components/admin/layout/MicrofrontendContainer/MicrofrontendContainer";
-export { LeftNav } from "./components/admin/layout/LeftNav/LeftNav";
-export type { Props as LeftNavProps } from "./components/admin/layout/LeftNav/LeftNav";
-export type { MenuItem as LeftNavMenuItem } from "./components/admin/layout/LeftNav/LeftNav.interfaces";
-/**
- * Miscellaneous
- */
-export { IdentityProviderButton } from "./components/miscellaneous/IdentityProviderButton";
-export type { Props as IdentityProviderButtonProps } from "./components/miscellaneous/IdentityProviderButton";

package/dist/cjs/src/interfaces.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export type DataAttributeKey = `data-${string}`;
-export interface KeyValuePair {
-    [dataAttribute: DataAttributeKey]: unknown;
-}
-export type MergeElementProps<T extends React.ElementType, P> = Omit<React.ComponentPropsWithRef<T>, keyof P> & P;
-export type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends (infer U)[] ? DeepPartial<U>[] : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : DeepPartial<T[P]>;
-};

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.readyclasses_sr-only_54U0v{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.readyclasses_hidden_54U0v{display:none}.readyclasses_slide-in_54U0v{animation:readyclasses_slide-in_54U0v .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-in_54U0v{animation-duration:.1ms}}.readyclasses_slide-out_54U0v{animation:readyclasses_slide-out_54U0v .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-out_54U0v{animation-duration:.1ms}}@keyframes readyclasses_slide-in_54U0v{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes readyclasses_slide-out_54U0v{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlYWR5Y2xhc3Nlcy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDRCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwyQkFDRSxZQUNGLENBRUEsNkJBQ0Usa0RBQ0YsQ0FDQSx1Q0FDRSw2QkFDRSx1QkFDRixDQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsdUNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHdDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YiLCJmaWxlIjoicmVhZHljbGFzc2VzLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn0iXX0= */'),exports.default={"sr-only":"readyclasses_sr-only_54U0v",hidden:"readyclasses_hidden_54U0v","slide-in":"readyclasses_slide-in_54U0v","slide-out":"readyclasses_slide-out_54U0v"};
-//# sourceMappingURL=readyclasses.module.scss.cjs.js.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"helper.cjs.js","sources":["../../../../../../src/util/helper.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\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\ntype KeyValuePair = { [key: string]: unknown };\n\nexport const generateID = (length = 15, stringToWeaveIn?: string) => {\n  /** We will make sure to mesh the generate id and name property together to basically create a unique ID */\n  const hashCharacters = [\n    \"1\",\n    \"2\",\n    \"3\",\n    \"4\",\n    \"5\",\n    \"6\",\n    \"7\",\n    \"8\",\n    \"9\",\n    \"0\",\n    \"A\",\n    \"B\",\n    \"C\",\n    \"D\",\n    \"E\",\n    \"F\",\n    \"G\",\n    \"H\",\n    \"I\",\n    \"J\",\n    \"K\",\n    \"L\",\n    \"M\",\n    \"N\",\n    \"O\",\n    \"P\",\n    \"Q\",\n    \"R\",\n    \"S\",\n    \"T\",\n    \"U\",\n    \"V\",\n    \"W\",\n    \"X\",\n    \"Y\",\n    \"Z\",\n    \"a\",\n    \"b\",\n    \"c\",\n    \"d\",\n    \"e\",\n    \"f\",\n    \"g\",\n    \"h\",\n    \"i\",\n    \"j\",\n    \"k\",\n    \"l\",\n    \"m\",\n    \"n\",\n    \"o\",\n    \"p\",\n    \"q\",\n    \"r\",\n    \"s\",\n    \"t\",\n    \"u\",\n    \"v\",\n    \"w\",\n    \"x\",\n    \"y\",\n    \"z\"\n  ];\n\n  let id = \"\";\n\n  /** Generate an id of x characters in length */\n  for (let i = 0; i < length && id.length < length; i++) {\n    const stringCharacter =\n      typeof stringToWeaveIn === \"string\" &&\n      stringToWeaveIn?.[i] !== undefined &&\n      !/\\s/.test(stringToWeaveIn[i])\n        ? stringToWeaveIn[i]\n        : \"\";\n    id = id + stringCharacter + hashCharacters[Math.floor(Math.random() * hashCharacters.length)];\n  }\n\n  return id.slice(0, length);\n};\n\nexport const filterProps = (props: any, regexPattern: RegExp, returnFiltered: boolean = true) => {\n  if (returnFiltered) {\n    return Object.keys(props).reduce((acc: KeyValuePair, key) => {\n      if (regexPattern.test(key)) {\n        acc[key] = props[key];\n      }\n\n      return acc;\n    }, {});\n  } else {\n    return Object.entries(props)\n      .filter(([key]) => !regexPattern.test(key))\n      .reduce(\n        (prevObj, currKeyValPair) => ({ ...prevObj, [currKeyValPair[0]]: currKeyValPair[1] }),\n        {}\n      );\n  }\n};\n\nexport const debounce = (fn: (...args: unknown[]) => unknown, delay: number) => {\n  let timeout: undefined | ReturnType<typeof setTimeout>;\n\n  return function executedFunction(...args: unknown[]) {\n    const later = () => {\n      clearTimeout(timeout);\n      fn(...args);\n    };\n\n    clearTimeout(timeout);\n\n    timeout = setTimeout(later, delay);\n  };\n};\n\nexport const throttle = (fn: (...args: unknown[]) => unknown, delay: number) => {\n  let lastTime = 0;\n\n  return function () {\n    const now = Date.now();\n\n    if (now - lastTime >= delay) {\n      fn();\n      lastTime = now;\n    }\n  };\n};\n\nconst isEqual = (x: any, y: any): boolean => {\n  const typesCoincide = x && y && typeof x === \"object\" && typeof y === \"object\";\n  return typesCoincide\n    ? Object.keys(x).length === Object.keys(y).length &&\n        Object.keys(x).every(key => isEqual(x[key], y[key]))\n    : x === y;\n};\n\nexport const areArraysDifferent = (\n  arr1: Record<string, any>[],\n  arr2: Record<string, any>[],\n  key: string\n) => {\n  if (arr1.length !== arr2.length) {\n    return true;\n  } else {\n    const firstFilteredArray = arr1.filter(arr1Item =>\n      arr2.some((arr2Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n    );\n    const secondFilteredArray = arr2.filter(arr2Item =>\n      arr1.some((arr1Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n    );\n\n    return !!firstFilteredArray.length || !!secondFilteredArray.length;\n  }\n};\n\n/** Source: https://stackoverflow.com/a/42769683/5084110 */\nexport const remToPx = (rem: number): number => {\n  return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);\n};\n\nexport const isJsonString = (str: any) => {\n  try {\n    JSON.parse(str);\n  } catch (e) {\n    return false;\n  }\n  return true;\n};\n\ntype ObjectType = { [key: string]: any };\n\nexport const deepMerge = <T extends object>(obj1: ObjectType, obj2: ObjectType | false): T => {\n  if (!obj2) {\n    return obj1 as T;\n  }\n\n  const result: ObjectType = { ...obj1 };\n\n  for (const key in obj2) {\n    if (Object.prototype.hasOwnProperty.call(obj2, key)) {\n      if (\n        typeof obj2[key] === \"object\" &&\n        obj2[key] !== null &&\n        Object.prototype.hasOwnProperty.call(obj1, key) &&\n        !Array.isArray(obj2[key])\n      ) {\n        result[key] = deepMerge(obj1[key], obj2[key]);\n      } else {\n        result[key] = obj2[key];\n      }\n    }\n  }\n\n  return result as T;\n};\n\nexport const escapeRegExp = (str: string) => str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n"],"names":["deepMerge","obj1","obj2","result","key","Object","prototype","hasOwnProperty","call","Array","isArray","fn","delay","timeout","args","clearTimeout","setTimeout","str","replace","props","regexPattern","returnFiltered","keys","reduce","acc","test","entries","filter","prevObj","currKeyValPair","length","stringToWeaveIn","hashCharacters","id","i","undefined","Math","floor","random","slice","JSON","parse","e","rem","parseFloat","getComputedStyle","document","documentElement","fontSize","lastTime","now","Date"],"mappings":"aAoBa,MA6KAA,EAAY,CAAmBC,EAAkBC,KAC5D,IAAKA,EACH,OAAOD,EAGT,MAAME,EAAqB,IAAKF,GAEhC,IAAK,MAAMG,KAAOF,EACZG,OAAOC,UAAUC,eAAeC,KAAKN,EAAME,KAEtB,iBAAdF,EAAKE,IACE,OAAdF,EAAKE,IACLC,OAAOC,UAAUC,eAAeC,KAAKP,EAAMG,KAC1CK,MAAMC,QAAQR,EAAKE,IAEpBD,EAAOC,GAAOJ,EAAUC,EAAKG,GAAMF,EAAKE,IAExCD,EAAOC,GAAOF,EAAKE,IAKzB,OAAOD,CAAW,mBA7FI,CAACQ,EAAqCC,KAC5D,IAAIC,EAEJ,OAAO,YAA6BC,GAMlCC,aAAaF,GAEbA,EAAUG,YAPI,KACZD,aAAaF,GACbF,KAAMG,EAAK,GAKeF,EAC9B,CAAC,2CAoF0BK,GAAgBA,EAAIC,QAAQ,sBAAuB,4BAnHrD,CAACC,EAAYC,EAAsBC,GAA0B,IAClFA,EACKhB,OAAOiB,KAAKH,GAAOI,QAAO,CAACC,EAAmBpB,KAC/CgB,EAAaK,KAAKrB,KACpBoB,EAAIpB,GAAOe,EAAMf,IAGZoB,IACN,CAAE,GAEEnB,OAAOqB,QAAQP,GACnBQ,QAAO,EAAEvB,MAAUgB,EAAaK,KAAKrB,KACrCmB,QACC,CAACK,EAASC,KAAc,IAAWD,EAAS,CAACC,EAAe,IAAKA,EAAe,MAChF,CAAE,sBAjGgB,CAACC,EAAS,GAAIC,KAEtC,MAAMC,EAAiB,CACrB,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KAGF,IAAIC,EAAK,GAGT,IAAK,IAAIC,EAAI,EAAGA,EAAIJ,GAAUG,EAAGH,OAASA,EAAQI,IAAK,CAOrDD,EAAKA,GALwB,iBAApBF,QACkBI,KAAzBJ,aAAe,EAAfA,EAAkBG,KACjB,KAAKT,KAAKM,EAAgBG,IAEvB,GADAH,EAAgBG,IAEMF,EAAeI,KAAKC,MAAMD,KAAKE,SAAWN,EAAeF,QACtF,CAED,OAAOG,EAAGM,MAAM,EAAGT,EAAO,uBAkFCb,IAC3B,IACEuB,KAAKC,MAAMxB,EACZ,CAAC,MAAOyB,GACP,OAAO,CACR,CACD,OAAO,CAAI,kBAVWC,GACfA,EAAMC,WAAWC,iBAAiBC,SAASC,iBAAiBC,2BA1C7C,CAACrC,EAAqCC,KAC5D,IAAIqC,EAAW,EAEf,OAAO,WACL,MAAMC,EAAMC,KAAKD,MAEbA,EAAMD,GAAYrC,IACpBD,IACAsC,EAAWC,EAEf,CAAC"}

package/dist/cjs/src/util/helper.d.ts

@@ -1,14 +0,0 @@
-export declare const generateID: (length?: number, stringToWeaveIn?: string) => string;
-export declare const filterProps: (props: any, regexPattern: RegExp, returnFiltered?: boolean) => {};
-export declare const debounce: (fn: (...args: unknown[]) => unknown, delay: number) => (...args: unknown[]) => void;
-export declare const throttle: (fn: (...args: unknown[]) => unknown, delay: number) => () => void;
-export declare const areArraysDifferent: (arr1: Record<string, any>[], arr2: Record<string, any>[], key: string) => boolean;
-/** Source: https://stackoverflow.com/a/42769683/5084110 */
-export declare const remToPx: (rem: number) => number;
-export declare const isJsonString: (str: any) => boolean;
-type ObjectType = {
-    [key: string]: any;
-};
-export declare const deepMerge: <T extends object>(obj1: ObjectType, obj2: ObjectType | false) => T;
-export declare const escapeRegExp: (str: string) => string;
-export {};

package/dist/cjs/src/util/helper.test.d.ts

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

package/dist/cjs/src/util/unitTestUtils.d.ts

@@ -1,12 +0,0 @@
-export declare class MockDOMRect implements DOMRect {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-    constructor(x?: number, y?: number, width?: number, height?: number, top?: number, right?: number, bottom?: number, left?: number);
-    toJSON(): this;
-}

package/dist/cjs/src/utils/statusUtils.cjs.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("../../Icon/Icon.cjs.js");exports.getStatusIcon=function({error:s,success:c,info:e}){return s?r.Icons.Error:c?r.Icons.CheckmarkCircleAlt:r.Icons.InfoCircle},exports.getStatusState=function({error:r,success:s,info:c},e=!1){return r?"error":s?"success":c||e?"info":void 0};
-//# sourceMappingURL=statusUtils.cjs.js.map

package/dist/cjs/src/utils/statusUtils.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"statusUtils.cjs.js","sources":["../../../../../../src/utils/statusUtils.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 { Icons } from \"../components/Icon/Icon\";\n\ninterface StatusProps {\n  error?: boolean;\n  success?: boolean;\n  info?: boolean;\n}\n\ntype StatusState = \"error\" | \"success\" | \"info\";\n\nexport function getStatusIcon({ error, success, info }: StatusProps): Icons {\n  if (error) {\n    return Icons.Error;\n  }\n  if (success) {\n    return Icons.CheckmarkCircleAlt;\n  }\n  return Icons.InfoCircle;\n}\n\nexport function getStatusState(\n  { error, success, info }: StatusProps,\n  defaultToInfo = false\n): StatusState | undefined {\n  if (error) {\n    return \"error\";\n  }\n  if (success) {\n    return \"success\";\n  }\n  if (info || defaultToInfo) {\n    return \"info\";\n  }\n  return undefined;\n}\n"],"names":["error","success","info","Icons","Error","CheckmarkCircleAlt","InfoCircle","defaultToInfo"],"mappings":"2EA0BM,UAAwBA,MAAEA,EAAKC,QAAEA,EAAOC,KAAEA,IAC9C,OAAIF,EACKG,EAAAA,MAAMC,MAEXH,EACKE,EAAAA,MAAME,mBAERF,EAAAA,MAAMG,UACf,yBAEgB,UACdN,MAAEA,EAAKC,QAAEA,EAAOC,KAAEA,GAClBK,GAAgB,GAEhB,OAAIP,EACK,QAELC,EACK,UAELC,GAAQK,EACH,YADT,CAIF"}

package/dist/cjs/src/utils/statusUtils.d.ts

@@ -1,10 +0,0 @@
-import { Icons } from "../components/Icon/Icon";
-interface StatusProps {
-    error?: boolean;
-    success?: boolean;
-    info?: boolean;
-}
-type StatusState = "error" | "success" | "info";
-export declare function getStatusIcon({ error, success, info }: StatusProps): Icons;
-export declare function getStatusState({ error, success, info }: StatusProps, defaultToInfo?: boolean): StatusState | undefined;
-export {};

package/dist/cjs/src/variables.cjs.js

@@ -1,2 +0,0 @@
-"use strict";var e;exports.ScreenSize=void 0,(e=exports.ScreenSize||(exports.ScreenSize={}))[e.SMALL=0]="SMALL",e[e.MEDIUM=1]="MEDIUM",e[e.LARGE=2]="LARGE";const r={[exports.ScreenSize.SMALL]:30,[exports.ScreenSize.MEDIUM]:50,[exports.ScreenSize.LARGE]:90};exports.breakpoints=r;
-//# sourceMappingURL=variables.cjs.js.map