@onewelcome/react-lib-components 4.3.0 → 5.1.0

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDetermineStatusIcon.cjs.js","sources":["../../../../../../src/hooks/useDetermineStatusIcon.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { FormElement } from \"../components/Form/form.interfaces\";\nimport React, { ReactElement, useRef } from \"react\";\nimport { Icon, Icons } from \"../components/Icon/Icon\";\nexport const useDetermineStatusIcon = (params: Partial<FormElement>): ReactElement | null => {\n  const { error, success } = params || false;\n  let icon = null;\n  const errorRef = useRef(null);\n  const successRef = useRef(null);\n\n  if (error) {\n    icon = <Icon ref={errorRef} data-icon-status=\"error\" icon={Icons.Error} />;\n  } else if (success) {\n    icon = <Icon ref={successRef} data-icon-status=\"success\" icon={Icons.CheckmarkCircleAlt} />;\n  }\n\n  return icon;\n};\n"],"names":["useDetermineStatusIcon","params","error","success","icon","errorRef","useRef","successRef","React","createElement","Icon","ref","Icons","Error","CheckmarkCircleAlt"],"mappings":"yNAmBa,MAAAA,EAA0BC,IACrC,MAAMC,MAAEA,EAAKC,QAAEA,GAAYF,GAAU,MACrC,IAAIG,EAAO,KACX,MAAMC,EAAWC,SAAO,MACxB,MAAMC,EAAaD,SAAO,MAE1B,GAAIJ,EACFE,EAAOI,EAAAA,WAACC,cAAAC,EAAIA,KAAC,CAAAC,IAAKN,EAAQ,mBAAmB,QAAQD,KAAMQ,QAAMC,aAC5D,GAAIV,EACTC,EAAOI,EAAAA,WAACC,cAAAC,EAAIA,KAAC,CAAAC,IAAKJ,EAAU,mBAAmB,UAAUH,KAAMQ,QAAME,qBAGvE,OAAOV,CAAI"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormSelector.cjs.js","sources":["../../../../../../src/hooks/useFormSelector.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useEffect, useState } from \"react\";\nimport { generateID } from \"../util/helper\";\n\nexport interface ConfigObject {\n  name: string | undefined;\n  errorMessage?: string;\n  error?: boolean;\n  parentErrorId?: string;\n  helperText?: string;\n  parentHelperId?: string;\n}\n\nexport const useFormSelector = (configObject: ConfigObject) => {\n  const [identifier] = useState(generateID(15, configObject.name));\n  const [describedBy, setDescribedBy] = useState(\"\");\n  const [errorId] = useState(generateID(15, configObject.errorMessage));\n\n  useEffect(() => {\n    if (configObject.error && configObject.parentErrorId) {\n      setDescribedBy(configObject.parentErrorId);\n    }\n\n    if (\n      (!configObject.error && configObject.helperText) ||\n      (!configObject.parentErrorId && !configObject.errorMessage && configObject.helperText)\n    ) {\n      setDescribedBy(`${identifier}`);\n    }\n\n    if (\n      (!configObject.error && !configObject.helperText && configObject.parentHelperId) ||\n      (!configObject.parentErrorId && !configObject.errorMessage && configObject.parentHelperId)\n    ) {\n      setDescribedBy(`${configObject.parentHelperId}`);\n    }\n\n    if (configObject.errorMessage && !configObject.parentErrorId && configObject.error) {\n      setDescribedBy(errorId);\n    }\n  }, [identifier, configObject.error, configObject.parentErrorId]);\n\n  return {\n    describedBy,\n    errorId,\n    identifier\n  };\n};\n"],"names":["useFormSelector","configObject","identifier","useState","generateID","name","describedBy","setDescribedBy","errorId","errorMessage","useEffect","error","parentErrorId","helperText","parentHelperId"],"mappings":"oIA4Ba,MAAAA,EAAmBC,IAC9B,MAAOC,GAAcC,WAASC,EAAAA,WAAW,GAAIH,EAAaI,OAC1D,MAAOC,EAAaC,GAAkBJ,EAAQA,SAAC,IAC/C,MAAOK,GAAWL,WAASC,EAAAA,WAAW,GAAIH,EAAaQ,eAEvDC,EAAAA,WAAU,KACR,GAAIT,EAAaU,OAASV,EAAaW,cACrCL,EAAeN,EAAaW,eAG9B,IACIX,EAAaU,OAASV,EAAaY,aACnCZ,EAAaW,gBAAkBX,EAAaQ,cAAgBR,EAAaY,WAE3EN,EAAe,GAAGL,KAGpB,IACID,EAAaU,QAAUV,EAAaY,YAAcZ,EAAaa,iBAC/Db,EAAaW,gBAAkBX,EAAaQ,cAAgBR,EAAaa,eAE3EP,EAAe,GAAGN,EAAaa,kBAGjC,GAAIb,EAAaQ,eAAiBR,EAAaW,eAAiBX,EAAaU,MAC3EJ,EAAeC,EAChB,GACA,CAACN,EAAYD,EAAaU,MAAOV,EAAaW,gBAEjD,MAAO,CACLN,cACAE,UACAN,aACD"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useGetDomRoot.cjs.js","sources":["../../../../../../src/hooks/useGetDomRoot.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useEffect, useState } from \"react\";\n\nexport const useGetDomRoot = (\n  passedDomRoot: HTMLElement | undefined,\n  relativeElement: React.RefObject<HTMLDivElement> | null\n) => {\n  const [root, setRoot] = useState<HTMLElement>(document.body);\n\n  useEffect(() => {\n    if (relativeElement?.current && !passedDomRoot) {\n      const closestBaseStylingWrapper = relativeElement.current.closest(\".basestyling-wrapper\");\n\n      if (closestBaseStylingWrapper) {\n        setRoot(closestBaseStylingWrapper as HTMLElement);\n        return;\n      }\n    } else if (passedDomRoot) {\n      setRoot(passedDomRoot);\n      return;\n    }\n  }, [relativeElement]);\n\n  return { root };\n};\n"],"names":["useGetDomRoot","passedDomRoot","relativeElement","root","setRoot","useState","document","body","useEffect","current","closestBaseStylingWrapper","closest"],"mappings":"mGAkBaA,EAAgB,CAC3BC,EACAC,KAEA,MAAOC,EAAMC,GAAWC,EAAAA,SAAsBC,SAASC,MAEvDC,EAAAA,WAAU,KACR,IAAIN,IAAA,MAAAA,SAAA,OAAA,EAAAA,EAAiBO,WAAYR,EAAe,CAC9C,MAAMS,EAA4BR,EAAgBO,QAAQE,QAAQ,wBAElE,GAAID,EAA2B,CAC7BN,EAAQM,GACR,MACD,CACF,MAAM,GAAIT,EAAe,CACxBG,EAAQH,GACR,MACD,IACA,CAACC,IAEJ,MAAO,CAAEC,OAAM"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePosition.cjs.js","sources":["../../../../../../src/hooks/usePosition.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { useState } from \"react\";\nimport { useDebouncedCallback } from \"./useDebouncedCallback\";\n\nexport interface ConfigObject {\n  relativeElement: RefElement;\n  elementToBePositioned: RefElement;\n  transformOrigin?: Placement;\n  placement?: Placement;\n  offset?: Offset;\n  debounceAmount?: number;\n}\n\nexport enum horizontal {\n  LEFT = \"left\",\n  CENTER = \"center\",\n  CENTER_H = \"centerh\",\n  RIGHT = \"right\"\n}\n\nexport enum vertical {\n  TOP = \"top\",\n  CENTER = \"center\",\n  CENTER_V = \"centerv\",\n  BOTTOM = \"bottom\"\n}\n\nexport type HorizontalPlacement = `${horizontal}`;\nexport type VerticalPlacement = `${vertical}`;\n\ntype Axis = \"vertical\" | \"horizontal\";\ntype RefElement = React.RefObject<HTMLOrSVGElement> | undefined;\n\ninterface DomRectObject {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n  center: number;\n  centerh: number;\n  centerv: number;\n  width: number;\n  height: number;\n  x: number;\n  y: number;\n}\n\nexport interface Placement {\n  horizontal: HorizontalPlacement;\n  vertical: VerticalPlacement;\n}\n\nexport interface Offset {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\nexport interface Position {\n  top: PositionType;\n  right: PositionType;\n  bottom: PositionType;\n  left: PositionType;\n}\n\ninterface Dimensions {\n  height: number;\n  width: number;\n}\n\ntype PositionType = number | \"initial\";\n\nconst defaultConfigObject: ConfigObject = {\n  relativeElement: undefined,\n  elementToBePositioned: undefined,\n  transformOrigin: {\n    horizontal: \"left\",\n    vertical: \"top\"\n  },\n  placement: {\n    horizontal: \"left\",\n    vertical: \"top\"\n  },\n  offset: {\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0\n  },\n  debounceAmount: 20\n};\n\n/* eslint-disable @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain*/\nexport const usePosition = (providedConfigObject: ConfigObject = defaultConfigObject) => {\n  const configObject = { ...defaultConfigObject, ...providedConfigObject };\n  const [initialCalculationDone, setInitialCalculationDone] = useState(false);\n\n  if (configObject.transformOrigin === undefined) {\n    configObject.transformOrigin = defaultConfigObject.transformOrigin;\n  }\n\n  if (configObject.placement === undefined) {\n    configObject.placement = defaultConfigObject.placement;\n  }\n\n  if (configObject.offset === undefined) {\n    configObject.offset = defaultConfigObject.offset;\n  }\n\n  const [position, setPosition] = useState<Position>({\n    left: 0,\n    top: 0,\n    right: \"initial\",\n    bottom: \"initial\"\n  });\n\n  const _fixPossibleViewportOverflow = (\n    value: number,\n    transformOrigin: Placement,\n    requestedReturnValue: Axis,\n    elDimensions: Dimensions\n  ) => {\n    let returnValue = value;\n\n    if (\n      (transformOrigin[requestedReturnValue] === \"left\" && returnValue < 0) ||\n      (transformOrigin[requestedReturnValue] === \"top\" && returnValue < 0) ||\n      (transformOrigin[requestedReturnValue] === \"center\" && returnValue < 0) ||\n      (transformOrigin[requestedReturnValue] === \"bottom\" && returnValue < 0)\n    ) {\n      returnValue = 0;\n    }\n\n    if (\n      (transformOrigin[requestedReturnValue] === \"left\" &&\n        returnValue > window.innerWidth - elDimensions.width) ||\n      (transformOrigin[requestedReturnValue] === \"center\" &&\n        requestedReturnValue === \"horizontal\" &&\n        returnValue > window.innerWidth - elDimensions.width)\n    ) {\n      returnValue = window.innerWidth - elDimensions.width;\n    }\n\n    if (\n      (transformOrigin[requestedReturnValue] === \"top\" &&\n        returnValue > window.innerHeight - elDimensions.height) ||\n      (transformOrigin[requestedReturnValue] === \"center\" &&\n        requestedReturnValue === \"vertical\" &&\n        returnValue > window.innerHeight - elDimensions.height)\n    ) {\n      returnValue = window.innerHeight - elDimensions.height;\n    }\n\n    if (\n      transformOrigin[requestedReturnValue] === \"right\" &&\n      returnValue > window.innerWidth - elDimensions.width\n    ) {\n      returnValue = window.innerWidth - elDimensions.width;\n    }\n\n    if (\n      transformOrigin[requestedReturnValue] === \"bottom\" &&\n      returnValue > window.innerHeight - elDimensions.height\n    ) {\n      returnValue = window.innerHeight - elDimensions.height;\n    }\n\n    return returnValue;\n  };\n\n  const _applyOffsetToPlacementValue = (\n    value: number,\n    requestedReturnValue: Axis,\n    transformOrigin: Placement\n  ) => {\n    let returnValue = value;\n    if (\n      (requestedReturnValue === \"horizontal\" && configObject.offset?.left !== 0) ||\n      (requestedReturnValue === \"horizontal\" && configObject.offset?.right !== 0)\n    ) {\n      if (\n        transformOrigin[requestedReturnValue] === \"left\" ||\n        transformOrigin[requestedReturnValue] === \"center\"\n      ) {\n        returnValue += configObject.offset?.left!;\n        returnValue -= configObject.offset?.right!;\n      }\n\n      if (transformOrigin[requestedReturnValue] === \"right\") {\n        returnValue -= configObject.offset?.left!;\n        returnValue += configObject.offset?.right!;\n      }\n    }\n\n    if (\n      (requestedReturnValue === \"vertical\" && configObject.offset?.top !== 0) ||\n      (requestedReturnValue === \"vertical\" && configObject.offset?.bottom !== 0)\n    ) {\n      if (\n        transformOrigin[requestedReturnValue] === \"top\" ||\n        transformOrigin[requestedReturnValue] === \"center\"\n      ) {\n        returnValue += configObject.offset?.top!;\n        returnValue -= configObject.offset?.bottom!;\n      }\n\n      if (transformOrigin[requestedReturnValue] === \"bottom\") {\n        returnValue -= configObject.offset?.top!;\n        returnValue += configObject.offset?.bottom!;\n      }\n    }\n\n    return returnValue;\n  };\n\n  const _calculateInitialPlacementValue = (\n    transformOrigin: Placement,\n    requestedReturnValue: Axis,\n    relEl: DomRectObject,\n    placementOriginDefinition: HorizontalPlacement | VerticalPlacement,\n    elDimensions: Dimensions\n  ) => {\n    let value = 0;\n\n    if (\n      transformOrigin[requestedReturnValue] === \"left\" ||\n      transformOrigin[requestedReturnValue] === \"top\"\n    ) {\n      value = relEl[placementOriginDefinition];\n    } else if (transformOrigin[requestedReturnValue] === \"center\") {\n      value =\n        relEl[placementOriginDefinition] -\n        elDimensions[requestedReturnValue === \"horizontal\" ? \"width\" : \"height\"] / 2;\n    } else if (\n      transformOrigin[requestedReturnValue] === \"right\" ||\n      transformOrigin[requestedReturnValue] === \"bottom\"\n    ) {\n      value =\n        window[requestedReturnValue === \"horizontal\" ? \"innerWidth\" : \"innerHeight\"] -\n        relEl[placementOriginDefinition];\n    }\n\n    return value;\n  };\n\n  /**\n   *\n   * @param requestedReturnValue whether the requested return value is for the horizontal or vertical axis\n   * @returns either the horizontally centered placement definition (centerh) or the vertically centered one (centerv)\n   */\n  const _determineCenteredPlacementOrigin = (requestedReturnValue: Axis) => {\n    if (requestedReturnValue === \"horizontal\") {\n      return \"centerh\";\n    } else if (requestedReturnValue === \"vertical\") {\n      return \"centerv\";\n    }\n    throw new Error(\n      `the requested return value isn't \"vertical\" or \"horizontal\" ${requestedReturnValue} was given.`\n    );\n  };\n\n  const _calculatePlacementValue = (\n    transformOrigin: Placement,\n    placement: HorizontalPlacement | VerticalPlacement,\n    requestedReturnValue: Axis,\n    relEl: DomRectObject,\n    elDimensions: Dimensions\n  ): number => {\n    const placementOriginDefinition =\n      placement === \"center\" ? _determineCenteredPlacementOrigin(requestedReturnValue) : placement;\n\n    const value = _calculateInitialPlacementValue(\n      transformOrigin,\n      requestedReturnValue,\n      relEl,\n      placementOriginDefinition,\n      elDimensions\n    );\n\n    const valueWithOffset = _applyOffsetToPlacementValue(\n      value,\n      requestedReturnValue,\n      transformOrigin\n    );\n\n    const valueCorrectionForViewportOverflow = _fixPossibleViewportOverflow(\n      valueWithOffset,\n      transformOrigin,\n      requestedReturnValue,\n      elDimensions\n    );\n\n    return valueCorrectionForViewportOverflow;\n  };\n\n  const _calculatePlacement = (relEl: DomRectObject, elDimensions: Dimensions, axis: Axis) => {\n    const placementValue = _calculatePlacementValue(\n      configObject.transformOrigin!,\n      configObject.placement![axis]!,\n      axis,\n      relEl,\n      elDimensions\n    );\n\n    let direction = \"left\";\n    let oppositeDirection = \"right\";\n\n    if (axis === \"horizontal\" && configObject.transformOrigin?.horizontal === \"right\") {\n      direction = \"right\";\n      oppositeDirection = \"left\";\n    } else if (axis === \"horizontal\") {\n      direction = \"left\";\n      oppositeDirection = \"right\";\n    }\n\n    if (axis === \"vertical\" && configObject.transformOrigin?.vertical === \"bottom\") {\n      direction = \"bottom\";\n      oppositeDirection = \"top\";\n    } else if (axis === \"vertical\") {\n      direction = \"top\";\n      oppositeDirection = \"bottom\";\n    }\n\n    setPosition(prevState => ({\n      ...prevState,\n      [direction]: placementValue,\n      [oppositeDirection]: \"initial\"\n    }));\n  };\n\n  const calculatePosition = useDebouncedCallback(() => {\n    if (!configObject.relativeElement?.current || !configObject.elementToBePositioned?.current)\n      return;\n    const relativeElRect = (configObject.relativeElement!\n      .current as HTMLElement)!.getBoundingClientRect();\n    const elementToBePositionedDimensions: Dimensions = {\n      height: (configObject.elementToBePositioned!.current as HTMLElement).offsetHeight,\n      width: (configObject.elementToBePositioned!.current as HTMLElement).offsetWidth\n    };\n\n    /** We want to add a center (horizontal and vertical) property to the DOMRect object. Since it's a special object we can't modify so we clone it and add it. */\n    const clonedRelEl = {\n      top: relativeElRect.top,\n      right: relativeElRect.right,\n      bottom: relativeElRect.bottom,\n      center: 0,\n      centerv: relativeElRect.top + relativeElRect.height / 2,\n      centerh: relativeElRect.left + relativeElRect.width / 2,\n      left: relativeElRect.left,\n      width: relativeElRect.width,\n      height: relativeElRect.height,\n      x: relativeElRect.x,\n      y: relativeElRect.y\n    };\n\n    _calculatePlacement(clonedRelEl, elementToBePositionedDimensions, \"horizontal\");\n    _calculatePlacement(clonedRelEl, elementToBePositionedDimensions, \"vertical\");\n\n    if (!initialCalculationDone) {\n      setInitialCalculationDone(true);\n    }\n  }, configObject.debounceAmount ?? 20);\n\n  return {\n    top: position.top,\n    bottom: position.bottom,\n    left: position.left,\n    right: position.right,\n    calculatePosition,\n    initialCalculationDone\n  };\n};\n"],"names":["horizontal","vertical","defaultConfigObject","relativeElement","undefined","elementToBePositioned","transformOrigin","placement","offset","top","right","bottom","left","debounceAmount","usePosition","providedConfigObject","configObject","initialCalculationDone","setInitialCalculationDone","useState","position","setPosition","_fixPossibleViewportOverflow","value","requestedReturnValue","elDimensions","returnValue","window","innerWidth","width","innerHeight","height","_applyOffsetToPlacementValue","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","_l","_m","_calculateInitialPlacementValue","relEl","placementOriginDefinition","_determineCenteredPlacementOrigin","Error","_calculatePlacementValue","valueWithOffset","valueCorrectionForViewportOverflow","_calculatePlacement","axis","placementValue","direction","oppositeDirection","prevState","calculatePosition","useDebouncedCallback","current","relativeElRect","getBoundingClientRect","elementToBePositionedDimensions","offsetHeight","offsetWidth","clonedRelEl","center","centerv","centerh","x","y"],"mappings":"4IA4BYA,QAKXA,gBAAA,GALD,SAAYA,GACVA,EAAA,QAAA,OACAA,EAAA,UAAA,SACAA,EAAA,YAAA,UACAA,EAAA,SAAA,OACD,EALD,CAAYA,qBAAAA,QAAAA,WAKX,CAAA,IAEWC,QAKXA,cAAA,GALD,SAAYA,GACVA,EAAA,OAAA,MACAA,EAAA,UAAA,SACAA,EAAA,YAAA,UACAA,EAAA,UAAA,QACD,EALD,CAAYA,mBAAAA,QAAAA,SAKX,CAAA,IAgDD,MAAMC,EAAoC,CACxCC,qBAAiBC,EACjBC,2BAAuBD,EACvBE,gBAAiB,CACfN,WAAY,OACZC,SAAU,OAEZM,UAAW,CACTP,WAAY,OACZC,SAAU,OAEZO,OAAQ,CACNC,IAAK,EACLC,MAAO,EACPC,OAAQ,EACRC,KAAM,GAERC,eAAgB,UAILC,EAAc,CAACC,EAAqCb,WAC/D,MAAMc,EAAe,IAAKd,KAAwBa,GAClD,MAAOE,EAAwBC,GAA6BC,EAAQA,SAAC,OAErE,GAAIH,EAAaV,uBAAoBF,EACnCY,EAAaV,gBAAkBJ,EAAoBI,gBAGrD,GAAIU,EAAaT,iBAAcH,EAC7BY,EAAaT,UAAYL,EAAoBK,UAG/C,GAAIS,EAAaR,cAAWJ,EAC1BY,EAAaR,OAASN,EAAoBM,OAG5C,MAAOY,EAAUC,GAAeF,WAAmB,CACjDP,KAAM,EACNH,IAAK,EACLC,MAAO,UACPC,OAAQ,YAGV,MAAMW,EAA+B,CACnCC,EACAjB,EACAkB,EACAC,KAEA,IAAIC,EAAcH,EAElB,GACGjB,EAAgBkB,KAA0B,QAAUE,EAAc,GAClEpB,EAAgBkB,KAA0B,OAASE,EAAc,GACjEpB,EAAgBkB,KAA0B,UAAYE,EAAc,GACpEpB,EAAgBkB,KAA0B,UAAYE,EAAc,EAErEA,EAAc,EAGhB,GACGpB,EAAgBkB,KAA0B,QACzCE,EAAcC,OAAOC,WAAaH,EAAaI,OAChDvB,EAAgBkB,KAA0B,UACzCA,IAAyB,cACzBE,EAAcC,OAAOC,WAAaH,EAAaI,MAEjDH,EAAcC,OAAOC,WAAaH,EAAaI,MAGjD,GACGvB,EAAgBkB,KAA0B,OACzCE,EAAcC,OAAOG,YAAcL,EAAaM,QACjDzB,EAAgBkB,KAA0B,UACzCA,IAAyB,YACzBE,EAAcC,OAAOG,YAAcL,EAAaM,OAElDL,EAAcC,OAAOG,YAAcL,EAAaM,OAGlD,GACEzB,EAAgBkB,KAA0B,SAC1CE,EAAcC,OAAOC,WAAaH,EAAaI,MAE/CH,EAAcC,OAAOC,WAAaH,EAAaI,MAGjD,GACEvB,EAAgBkB,KAA0B,UAC1CE,EAAcC,OAAOG,YAAcL,EAAaM,OAEhDL,EAAcC,OAAOG,YAAcL,EAAaM,OAGlD,OAAOL,CAAW,EAGpB,MAAMM,EAA+B,CACnCT,EACAC,EACAlB,iCAEA,IAAIoB,EAAcH,EAClB,GACGC,IAAyB,gBAAgBS,EAAAjB,EAAaR,UAAM,MAAAyB,SAAA,OAAA,EAAAA,EAAErB,QAAS,GACvEY,IAAyB,gBAAgBU,EAAAlB,EAAaR,oCAAQE,SAAU,EACzE,CACA,GACEJ,EAAgBkB,KAA0B,QAC1ClB,EAAgBkB,KAA0B,SAC1C,CACAE,IAAeS,EAAAnB,EAAaR,UAAM,MAAA2B,SAAA,OAAA,EAAAA,EAAEvB,KACpCc,IAAeU,EAAApB,EAAaR,UAAM,MAAA4B,SAAA,OAAA,EAAAA,EAAE1B,KACrC,CAED,GAAIJ,EAAgBkB,KAA0B,QAAS,CACrDE,IAAeW,EAAArB,EAAaR,UAAM,MAAA6B,SAAA,OAAA,EAAAA,EAAEzB,KACpCc,IAAeY,EAAAtB,EAAaR,UAAM,MAAA8B,SAAA,OAAA,EAAAA,EAAE5B,KACrC,CACF,CAED,GACGc,IAAyB,cAAce,EAAAvB,EAAaR,UAAM,MAAA+B,SAAA,OAAA,EAAAA,EAAE9B,OAAQ,GACpEe,IAAyB,cAAcgB,EAAAxB,EAAaR,oCAAQG,UAAW,EACxE,CACA,GACEL,EAAgBkB,KAA0B,OAC1ClB,EAAgBkB,KAA0B,SAC1C,CACAE,IAAee,EAAAzB,EAAaR,UAAM,MAAAiC,SAAA,OAAA,EAAAA,EAAEhC,IACpCiB,IAAegB,EAAA1B,EAAaR,UAAM,MAAAkC,SAAA,OAAA,EAAAA,EAAE/B,MACrC,CAED,GAAIL,EAAgBkB,KAA0B,SAAU,CACtDE,IAAeiB,EAAA3B,EAAaR,UAAM,MAAAmC,SAAA,OAAA,EAAAA,EAAElC,IACpCiB,IAAekB,EAAA5B,EAAaR,UAAM,MAAAoC,SAAA,OAAA,EAAAA,EAAEjC,MACrC,CACF,CAED,OAAOe,CAAW,EAGpB,MAAMmB,EAAkC,CACtCvC,EACAkB,EACAsB,EACAC,EACAtB,KAEA,IAAIF,EAAQ,EAEZ,GACEjB,EAAgBkB,KAA0B,QAC1ClB,EAAgBkB,KAA0B,MAE1CD,EAAQuB,EAAMC,QACT,GAAIzC,EAAgBkB,KAA0B,SACnDD,EACEuB,EAAMC,GACNtB,EAAaD,IAAyB,aAAe,QAAU,UAAY,OACxE,GACLlB,EAAgBkB,KAA0B,SAC1ClB,EAAgBkB,KAA0B,SAE1CD,EACEI,OAAOH,IAAyB,aAAe,aAAe,eAC9DsB,EAAMC,GAGV,OAAOxB,CAAK,EAQd,MAAMyB,EAAqCxB,IACzC,GAAIA,IAAyB,aAC3B,MAAO,eACF,GAAIA,IAAyB,WAClC,MAAO,UAET,MAAM,IAAIyB,MACR,+DAA+DzB,eAChE,EAGH,MAAM0B,EAA2B,CAC/B5C,EACAC,EACAiB,EACAsB,EACArB,KAEA,MAAMsB,EACJxC,IAAc,SAAWyC,EAAkCxB,GAAwBjB,EAErF,MAAMgB,EAAQsB,EACZvC,EACAkB,EACAsB,EACAC,EACAtB,GAGF,MAAM0B,EAAkBnB,EACtBT,EACAC,EACAlB,GAGF,MAAM8C,EAAqC9B,EACzC6B,EACA7C,EACAkB,EACAC,GAGF,OAAO2B,CAAkC,EAG3C,MAAMC,EAAsB,CAACP,EAAsBrB,EAA0B6B,aAC3E,MAAMC,EAAiBL,EACrBlC,EAAaV,gBACbU,EAAaT,UAAW+C,GACxBA,EACAR,EACArB,GAGF,IAAI+B,EAAY,OAChB,IAAIC,EAAoB,QAExB,GAAIH,IAAS,gBAAgBrB,EAAAjB,EAAaV,mBAAiB,MAAA2B,SAAA,OAAA,EAAAA,EAAAjC,cAAe,QAAS,CACjFwD,EAAY,QACZC,EAAoB,MACrB,MAAM,GAAIH,IAAS,aAAc,CAChCE,EAAY,OACZC,EAAoB,OACrB,CAED,GAAIH,IAAS,cAAcpB,EAAAlB,EAAaV,mBAAiB,MAAA4B,SAAA,OAAA,EAAAA,EAAAjC,YAAa,SAAU,CAC9EuD,EAAY,SACZC,EAAoB,KACrB,MAAM,GAAIH,IAAS,WAAY,CAC9BE,EAAY,MACZC,EAAoB,QACrB,CAEDpC,GAAYqC,IAAc,IACrBA,EACHF,CAACA,GAAYD,EACbE,CAACA,GAAoB,aACpB,EAGL,MAAME,EAAoBC,EAAAA,sBAAqB,aAC7C,MAAK3B,EAAAjB,EAAab,6CAAiB0D,aAAY3B,EAAAlB,EAAaX,yBAAqB,MAAA6B,SAAA,OAAA,EAAAA,EAAE2B,SACjF,OACF,MAAMC,EAAkB9C,EAAab,gBAClC0D,QAAyBE,wBAC5B,MAAMC,EAA8C,CAClDjC,OAASf,EAAaX,sBAAuBwD,QAAwBI,aACrEpC,MAAQb,EAAaX,sBAAuBwD,QAAwBK,aAItE,MAAMC,EAAc,CAClB1D,IAAKqD,EAAerD,IACpBC,MAAOoD,EAAepD,MACtBC,OAAQmD,EAAenD,OACvByD,OAAQ,EACRC,QAASP,EAAerD,IAAMqD,EAAe/B,OAAS,EACtDuC,QAASR,EAAelD,KAAOkD,EAAejC,MAAQ,EACtDjB,KAAMkD,EAAelD,KACrBiB,MAAOiC,EAAejC,MACtBE,OAAQ+B,EAAe/B,OACvBwC,EAAGT,EAAeS,EAClBC,EAAGV,EAAeU,GAGpBnB,EAAoBc,EAAaH,EAAiC,cAClEX,EAAoBc,EAAaH,EAAiC,YAElE,IAAK/C,EACHC,EAA0B,KAC3B,MACAF,EAAaH,kBAAkB,MAAAoB,SAAA,EAAAA,EAAA,IAElC,MAAO,CACLxB,IAAKW,EAASX,IACdE,OAAQS,EAAST,OACjBC,KAAMQ,EAASR,KACfF,MAAOU,EAASV,MAChBiD,oBACA1C,yBACD"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRepeater.cjs.js","sources":["../../../../../../src/hooks/useRepeater.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { useEffect, useState, JSX } from \"react\";\nimport { generateID } from \"../util/helper\";\n\ninterface Arguments {\n  componentToRepeat: React.ReactElement;\n}\n\nexport const useRepeater = <T>({ componentToRepeat }: Arguments) => {\n  const [repeatedComponents, setRepeatedComponents] = useState<JSX.Element[]>([]);\n\n  useEffect(() => {\n    repeat();\n  }, []);\n\n  const repeat = () => {\n    const clonedComponent = React.cloneElement(componentToRepeat, { key: generateID(20) });\n\n    setRepeatedComponents(prevState => [...prevState, clonedComponent]);\n  };\n\n  const remove = (componentToRemove: React.ReactElement<T>) => {\n    const newRepeatedComponents = repeatedComponents.filter(\n      component => component !== componentToRemove\n    );\n\n    setRepeatedComponents(newRepeatedComponents);\n  };\n\n  return {\n    repeatedComponents,\n    repeat,\n    remove\n  };\n};\n"],"names":["useRepeater","componentToRepeat","repeatedComponents","setRepeatedComponents","useState","useEffect","repeat","clonedComponent","React","cloneElement","key","generateID","prevState","remove","componentToRemove","newRepeatedComponents","filter","component"],"mappings":"8NAuBaA,EAAc,EAAMC,wBAC/B,MAAOC,EAAoBC,GAAyBC,EAAQA,SAAgB,IAE5EC,EAAAA,WAAU,KACRC,GAAQ,GACP,IAEH,MAAMA,EAAS,KACb,MAAMC,EAAkBC,aAAMC,aAAaR,EAAmB,CAAES,IAAKC,EAAUA,WAAC,MAEhFR,GAAsBS,GAAa,IAAIA,EAAWL,IAAiB,EAGrE,MAAMM,EAAUC,IACd,MAAMC,EAAwBb,EAAmBc,QAC/CC,GAAaA,IAAcH,IAG7BX,EAAsBY,EAAsB,EAG9C,MAAO,CACLb,qBACAI,SACAO,SACD"}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSpacing.cjs.js","sources":["../../../../../../src/hooks/useSpacing.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { CSSProperties } from \"react\";\n\nexport type SpacingMultiplier = 0 | 0.5 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\ntype SpacingMultiplierStringOrNumber = `${SpacingMultiplier}` | SpacingMultiplier;\ntype MultiValueSpacingMultiplier =\n  | `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}`\n  | `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}`\n  | `${SpacingMultiplier} ${SpacingMultiplier}`\n  | SpacingMultiplierStringOrNumber;\n\nexport interface Spacing {\n  padding?: MultiValueSpacingMultiplier;\n  paddingTop?: SpacingMultiplierStringOrNumber;\n  paddingBottom?: SpacingMultiplierStringOrNumber;\n  paddingLeft?: SpacingMultiplierStringOrNumber;\n  paddingRight?: SpacingMultiplierStringOrNumber;\n  margin?: MultiValueSpacingMultiplier;\n  marginTop?: SpacingMultiplierStringOrNumber;\n  marginBottom?: SpacingMultiplierStringOrNumber;\n  marginLeft?: SpacingMultiplierStringOrNumber;\n  marginRight?: SpacingMultiplierStringOrNumber;\n}\n\nconst defaultFactor = 0.25;\nconst defaultUnit = \"rem\";\nconst spacingNumberRegex = /(\\d+\\.?\\d*)+/g;\n\nexport const useSpacing = (\n  spacingProps?: Spacing,\n  style?: CSSProperties\n): CSSProperties | undefined => {\n  if (spacingProps) {\n    return Object.entries(spacingProps).reduce<CSSProperties>((prev, [spacing, multiplier]) => {\n      const matches = String(multiplier).matchAll(spacingNumberRegex);\n      const cssSpacingValue = Array.from(matches)\n        .map(([multiplierValue]) => `${Number(multiplierValue) * defaultFactor}${defaultUnit}`)\n        .join(\" \");\n      return { ...prev, [spacing]: cssSpacingValue };\n    }, style ?? {});\n  }\n  return style;\n};\n"],"names":["defaultFactor","defaultUnit","spacingNumberRegex","useSpacing","spacingProps","style","Object","entries","reduce","prev","spacing","multiplier","matches","String","matchAll","cssSpacingValue","Array","from","map","multiplierValue","Number","join"],"mappings":"sEAuCA,MAAMA,EAAgB,IACtB,MAAMC,EAAc,MACpB,MAAMC,EAAqB,sBAEdC,EAAa,CACxBC,EACAC,KAEA,GAAID,EACF,OAAOE,OAAOC,QAAQH,GAAcI,QAAsB,CAACC,GAAOC,EAASC,MACzE,MAAMC,EAAUC,OAAOF,GAAYG,SAASZ,GAC5C,MAAMa,EAAkBC,MAAMC,KAAKL,GAChCM,KAAI,EAAEC,KAAqB,GAAGC,OAAOD,GAAmBnB,IAAgBC,MACxEoB,KAAK,KACR,MAAO,IAAKZ,EAAMC,CAACA,GAAUK,EAAiB,GAC7CV,IAAA,MAAAA,WAAAA,EAAS,CAAA,GAEd,OAAOA,CAAK"}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWrapper.cjs.js","sources":["../../../../../../src/hooks/useWrapper.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useState } from \"react\";\nimport { generateID } from \"../util/helper\";\n\nexport const useWrapper = () => {\n  const [helperId] = useState(generateID(20));\n  const [errorId] = useState(generateID(20));\n  const [labelId] = useState(generateID(20));\n  const [hasFocus, setHasFocus] = useState(false);\n\n  return {\n    helperId,\n    errorId,\n    labelId,\n    hasFocus,\n    setHasFocus\n  };\n};\n"],"names":["useWrapper","helperId","useState","generateID","errorId","labelId","hasFocus","setHasFocus"],"mappings":"oIAmBO,MAAMA,EAAa,KACxB,MAAOC,GAAYC,EAAAA,SAASC,EAAAA,WAAW,KACvC,MAAOC,GAAWF,EAAAA,SAASC,EAAAA,WAAW,KACtC,MAAOE,GAAWH,EAAAA,SAASC,EAAAA,WAAW,KACtC,MAAOG,EAAUC,GAAeL,EAAQA,SAAC,OAEzC,MAAO,CACLD,WACAG,UACAC,UACAC,WACAC,cACD"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,121 @@
+export { BaseStyling } 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 { StatusIndicator } from "./components/StatusIndicator/StatusIndicator";
+export type { Props as StatusIndicatorProps } from "./components/StatusIndicator/StatusIndicator";
+export { Stepper } from "./components/Stepper/Stepper";
+export type { Props as StepperProps } from "./components/Stepper/Stepper";
+export { Pagination } from "./components/Pagination/Pagination";
+export type { Props as PaginationProps, PageChangeLabels, PaginationTranslations, PageSize } from "./components/Pagination/Pagination";
+export { useRepeater } from "./hooks/useRepeater";
+export { usePosition, Placement } from "./hooks/usePosition";
+export { useDebouncedCallback } from "./hooks/useDebouncedCallback";
+export { generateID, debounce, throttle } from "./util/helper";
+export { Modal } from "./components/Notifications/Modal/Modal";
+export type { Props as ModalProps } from "./components/Notifications/Modal/Modal";
+export { useSnackbar } from "./components/Notifications/Snackbar/useSnackbar";
+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";
+export { SnackbarProvider } from "./components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider";
+export type { Props as SnackbarProviderProps } from "./components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider";
+/** Form components */
+export { Checkbox } from "./components/Form/Checkbox/Checkbox";
+export type { Props as CheckboxProps } from "./components/Form/Checkbox/Checkbox";
+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 { Option } from "./components/Form/Select/Option";
+export type { Props as OptionProps } from "./components/Form/Select/Option";
+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/Select";
+export type { Props as SelectProps } from "./components/Form/Select/Select";
+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";
+/** Wizard */
+export { Wizard } from "./components/Wizard/Wizard";
+export type { Props as WizardProps } from "./components/Wizard/Wizard";
+export { WizardActions } from "./components/Wizard/WizardActions/WizardActions";
+export type { Props as WizardActionsProps } from "./components/Wizard/WizardActions/WizardActions";
+export { WizardSteps } from "./components/Wizard/WizardSteps/WizardSteps";
+export type { Props as WizardStepsProps } from "./components/Wizard/WizardSteps/WizardSteps";
+export { BaseWizardSteps } from "./components/Wizard/BaseWizardSteps/BaseWizardSteps";
+export type { Props as BaseWizardStepsProps, Step as WizardStep } from "./components/Wizard/BaseWizardSteps/BaseWizardSteps";
+/** 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";
+export type { Props as DataGridRowProps } from "./components/DataGrid/DataGridBody/DataGridRow";
+export { DataGridCell } from "./components/DataGrid/DataGridBody/DataGridCell";
+export type { Props as DataGridCellProps } from "./components/DataGrid/DataGridBody/DataGridCell";
+export { Banner } from "./components/Notifications/Banner/Banner";
+export type { Props as BannerProps } from "./components/Notifications/Banner/Banner";

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

@@ -0,0 +1,9 @@
+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.cjs.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"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\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  let 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    let 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    let now = Date.now();\n\n    if (now - lastTime >= delay) {\n      fn();\n      lastTime = now;\n    }\n  };\n};\n\nexport const 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\nexport const getValueByPath = (obj: { [key: string]: any }, path: string): any => {\n  return path.split(\".\").reduce((res, prop) => {\n    return res[prop];\n  }, obj);\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 {}>(obj1: ObjectType, obj2: ObjectType | false): T => {\n  if (!obj2) return obj1 as T;\n\n  let result: ObjectType = { ...obj1 };\n\n  for (let 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"],"names":["generateID","length","stringToWeaveIn","hashCharacters","id","i","stringCharacter","undefined","test","Math","floor","random","slice","filterProps","props","regexPattern","returnFiltered","Object","keys","reduce","acc","key","entries","filter","prevObj","currKeyValPair","debounce","fn","delay","timeout","executedFunction","args","later","clearTimeout","setTimeout","throttle","lastTime","now","Date","remToPx","rem","parseFloat","getComputedStyle","document","documentElement","fontSize","deepMerge","obj1","obj2","result","prototype","hasOwnProperty","call","Array","isArray"],"mappings":"sEAkBa,MAAAA,EAAa,CAACC,EAAS,GAAIC,KAEtC,IAAIC,EAAiB,CACnB,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,CACrD,IAAIC,SACKJ,IAAoB,WAC3BA,UAAAA,SAAe,OAAA,EAAfA,EAAkBG,WAAOE,IACxB,KAAKC,KAAKN,EAAgBG,IACvBH,EAAgBG,GAChB,GACND,EAAKA,EAAKE,EAAkBH,EAAeM,KAAKC,MAAMD,KAAKE,SAAWR,EAAeF,QACtF,CAED,OAAOG,EAAGQ,MAAM,EAAGX,EAAO,EAGrB,MAAMY,EAAc,CAACC,EAAYC,EAAsBC,EAA0B,QACtF,GAAIA,EACF,OAAOC,OAAOC,KAAKJ,GAAOK,QAAO,CAACC,EAAmBC,KACnD,GAAIN,EAAaP,KAAKa,GACpBD,EAAIC,GAAOP,EAAMO,GAGnB,OAAOD,CAAG,GACT,CAAE,QAEL,OAAOH,OAAOK,QAAQR,GACnBS,QAAO,EAAEF,MAAUN,EAAaP,KAAKa,KACrCF,QACC,CAACK,EAASC,KAAc,IAAWD,EAAS,CAACC,EAAe,IAAKA,EAAe,MAChF,CAAE,EAEP,QAGUC,EAAW,CAACC,EAAqCC,KAC5D,IAAIC,EAEJ,OAAO,SAASC,KAAoBC,GAClC,MAAMC,EAAQ,KACZC,aAAaJ,GACbF,KAAMI,EAAK,EAGbE,aAAaJ,GAEbA,EAAUK,WAAWF,EAAOJ,EAC9B,CAAC,QAGUO,EAAW,CAACR,EAAqCC,KAC5D,IAAIQ,EAAW,EAEf,OAAO,WACL,IAAIC,EAAMC,KAAKD,MAEf,GAAIA,EAAMD,GAAYR,EAAO,CAC3BD,IACAS,EAAWC,CACZ,CACH,CAAC,EAqCU,MAAAE,EAAWC,GACfA,EAAMC,WAAWC,iBAAiBC,SAASC,iBAAiBC,gBAcxDC,EAAY,CAAeC,EAAkBC,KACxD,IAAKA,EAAM,OAAOD,EAElB,IAAIE,EAAqB,IAAKF,GAE9B,IAAK,IAAI1B,KAAO2B,EACd,GAAI/B,OAAOiC,UAAUC,eAAeC,KAAKJ,EAAM3B,GAC7C,UACS2B,EAAK3B,KAAS,UACrB2B,EAAK3B,KAAS,MACdJ,OAAOiC,UAAUC,eAAeC,KAAKL,EAAM1B,KAC1CgC,MAAMC,QAAQN,EAAK3B,IAEpB4B,EAAO5B,GAAOyB,EAAUC,EAAK1B,GAAM2B,EAAK3B,SAExC4B,EAAO5B,GAAO2B,EAAK3B,GAKzB,OAAO4B,CAAW"}

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

@@ -0,0 +1,17 @@
+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 isEqual: (x: any, y: any) => boolean;
+export declare const areArraysDifferent: (arr1: Record<string, any>[], arr2: Record<string, any>[], key: string) => boolean;
+export declare const getValueByPath: (obj: {
+    [key: string]: any;
+}, path: string) => any;
+/** 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 {}>(obj1: ObjectType, obj2: ObjectType | false) => T;
+export {};

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

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

package/dist/cjs/stories/utils/useStoryCentring.d.ts

@@ -0,0 +1 @@
+export declare const useStoryCentring: () => void;

package/dist/esm/Breadcrumbs/Breadcrumbs.esm.js

@@ -1,2 +1,2 @@
-import e,{Fragment as r}from"react";import{Icon as a,Icons as t}from"../Icon/Icon.esm.js";import{Typography as m}from"../Typography/Typography.esm.js";import n from"./Breadcrumbs.module.esm.js";const c=e.forwardRef((({children:c,ariaLabel:o,className:s="",...l},i)=>{const p=e.Children.map(c,((o,s)=>{const l=!Array.isArray(c)||s===c.length-1,i=Array.isArray(c)&&0===s;let p=e.cloneElement(o,{className:n["breadcrumb-link"],...i?{prefixIcon:e.createElement(a,{icon:t.HomeFilled,style:{marginRight:"0.35rem"}})}:{}});return l?e.createElement(m,{key:o.key,variant:"body",tag:"span",className:n.last,"aria-current":"page"},o.props.children):e.createElement(r,{key:o.key},p,e.createElement(a,{icon:t.ChevronRight,className:n.icon}))}));return e.createElement("nav",{...l,ref:i,"aria-label":o,className:`${n.breadcrumbs} ${s}`},p)}));export{c as Breadcrumbs};
+import e,{Fragment as r}from"react";import{Icon as a,Icons as t}from"../Icon/Icon.esm.js";import{Typography as n}from"../Typography/Typography.esm.js";import m from"./Breadcrumbs.module.esm.js";const s=({children:s,ariaLabel:c,className:o="",...l},i)=>{const p=e.Children.map(s,((c,o)=>{const l=Array.isArray(s)?o===s.length-1:true;const i=Array.isArray(s)&&o===0;let p=e.cloneElement(c,{className:m["breadcrumb-link"],...i?{prefixIcon:e.createElement(a,{icon:t.HomeFilled,style:{marginRight:"0.35rem"}})}:{}});if(l)return e.createElement(n,{key:c.key,variant:"body",tag:"span",className:m["last"],"aria-current":"page"},c.props.children);else return e.createElement(r,{key:c.key},p,e.createElement(a,{icon:t.ChevronRight,className:m["icon"]}))}));return e.createElement("nav",{...l,ref:i,"aria-label":c,className:`${m["breadcrumbs"]} ${o}`},p)};const c=e.forwardRef(s);export{c as Breadcrumbs};
 //# sourceMappingURL=Breadcrumbs.esm.js.map

package/dist/esm/Breadcrumbs/Breadcrumbs.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Breadcrumbs.esm.js","sources":["../../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  ReactElement\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport { Link, Props as LinkProps } from \"../Link/Link\";\nimport { Typography } from \"../Typography/Typography\";\nimport classes from \"./Breadcrumbs.module.scss\";\n\ntype ChildrenType = ReactElement<LinkProps, typeof Link>;\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ChildrenType | ChildrenType[];\n  ariaLabel: string;\n}\n\nconst BreadcrumbsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, ariaLabel, className = \"\", ...rest }: Props,\n  ref\n) => {\n  const items = React.Children.map(children, (child, index) => {\n    const isLastElement = Array.isArray(children) ? index === children.length - 1 : true;\n    const isFirstElement = Array.isArray(children) && index === 0;\n    let item = React.cloneElement(child, {\n      className: classes[\"breadcrumb-link\"],\n      ...(isFirstElement\n        ? {\n            prefixIcon: <Icon icon={Icons.HomeFilled} style={{ marginRight: \"0.35rem\" }} />\n          }\n        : {})\n    } as LinkProps);\n\n    if (isLastElement) {\n      return (\n        <Typography\n          key={child.key}\n          variant=\"body\"\n          tag=\"span\"\n          className={classes[\"last\"]}\n          aria-current=\"page\"\n        >\n          {child.props.children}\n        </Typography>\n      );\n    } else {\n      return (\n        <Fragment key={child.key}>\n          {item}\n          <Icon icon={Icons.ChevronRight} className={classes[\"icon\"]} />\n        </Fragment>\n      );\n    }\n  });\n  return (\n    <nav\n      {...rest}\n      ref={ref}\n      aria-label={ariaLabel}\n      className={`${classes[\"breadcrumbs\"]} ${className}`}\n    >\n      {items}\n    </nav>\n  );\n};\n\nexport const Breadcrumbs = React.forwardRef(BreadcrumbsComponent);\n"],"names":["BreadcrumbsComponent","children","ariaLabel","className","rest","ref","items","React","Children","map","child","index","isLastElement","Array","isArray","length","isFirstElement","item","cloneElement","classes","prefixIcon","createElement","Icon","icon","Icons","HomeFilled","style","marginRight","Typography","key","variant","tag","props","Fragment","ChevronRight","Breadcrumbs","forwardRef"],"mappings":"kMAkCA,MAAMA,EAAwE,EAC1EC,WAAUC,YAAWC,YAAY,MAAOC,GAC1CC,KAEA,MAAMC,EAAQC,EAAMC,SAASC,IAAIR,GAAU,CAACS,EAAOC,KACjD,MAAMC,EAAgBC,MAAMC,QAAQb,GAAYU,IAAUV,EAASc,OAAS,EAAI,KAChF,MAAMC,EAAiBH,MAAMC,QAAQb,IAAaU,IAAU,EAC5D,IAAIM,EAAOV,EAAMW,aAAaR,EAAO,CACnCP,UAAWgB,EAAQ,sBACfH,EACA,CACEI,WAAYb,EAACc,cAAAC,EAAK,CAAAC,KAAMC,EAAMC,WAAYC,MAAO,CAAEC,YAAa,cAElE,KAGN,GAAIf,EACF,OACEL,EAAAc,cAACO,EAAU,CACTC,IAAKnB,EAAMmB,IACXC,QAAQ,OACRC,IAAI,OACJ5B,UAAWgB,EAAQ,QACN,eAAA,QAEZT,EAAMsB,MAAM/B,eAIjB,OACEM,gBAAC0B,EAAQ,CAACJ,IAAKnB,EAAMmB,KAClBZ,EACDV,EAAAc,cAACC,EAAK,CAAAC,KAAMC,EAAMU,aAAc/B,UAAWgB,EAAQ,UAGxD,IAEH,OACEZ,EACMc,cAAA,MAAA,IAAAjB,EACJC,IAAKA,EAAG,aACIH,EACZC,UAAW,GAAGgB,EAAQ,kBAAkBhB,KAEvCG,EAEH,EAGS,MAAA6B,EAAc5B,EAAM6B,WAAWpC"}