npm - @onewelcome/react-lib-components - Versions diffs - 6.7.1 → 7.1.0 - Mend

@onewelcome/react-lib-components 6.7.1 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1326) hide show

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

	@@ -1 +1 @@
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"}
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":["passedDomRoot","relativeElement","root","setRoot","useState","document","body","useEffect","current","closestBaseStylingWrapper","closest"],"mappings":"0DAkB6B,CAC3BA,EACAC,KAEA,MAAOC,EAAMC,GAAWC,EAAAA,SAAsBC,SAASC,MAgBvD,OAdAC,EAAAA,WAAU,KACR,IAAIN,aAAA,EAAAA,EAAiBO,WAAYR,EAAe,CAC9C,MAAMS,EAA4BR,EAAgBO,QAAQE,QAAQ,wBAElE,GAAID,EAEF,YADAN,EAAQM,EAGX,MAAM,GAAIT,EAET,YADAG,EAAQH,EAET,GACA,CAACC,IAEG,CAAEC,OAAM"}

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

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

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

	@@ -1 +1 @@
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\nexport type PositionType = number \| \"initial\";\n\nconst defaultConfigObject: ConfigObject = {\n relativeElement: undefined,\n elementToBePositioned: undefined,\n transformOrigin: {\n horizontal: \"left\",\n vertical: \"top\"\n },\n placement: {\n horizontal: \"left\",\n vertical: \"top\"\n },\n offset: {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n },\n debounceAmount: 20\n};\n\n/ eslint-disable @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain/\nexport const usePosition = (providedConfigObject: ConfigObject = defaultConfigObject) => {\n const configObject = { ...defaultConfigObject, ...providedConfigObject };\n const [initialCalculationDone, setInitialCalculationDone] = useState(false);\n\n if (configObject.transformOrigin === undefined) {\n configObject.transformOrigin = defaultConfigObject.transformOrigin;\n }\n\n if (configObject.placement === undefined) {\n configObject.placement = defaultConfigObject.placement;\n }\n\n if (configObject.offset === undefined) {\n configObject.offset = defaultConfigObject.offset;\n }\n\n const [position, setPosition] = useState<Position>({\n left: 0,\n top: 0,\n right: \"initial\",\n bottom: \"initial\"\n });\n\n const _fixPossibleViewportOverflow = (\n value: number,\n transformOrigin: Placement,\n requestedReturnValue: Axis,\n elDimensions: Dimensions\n ) => {\n let returnValue = value;\n\n if (\n (transformOrigin[requestedReturnValue] === \"left\" && returnValue < 0) \|\|\n (transformOrigin[requestedReturnValue] === \"top\" && returnValue < 0) \|\|\n (transformOrigin[requestedReturnValue] === \"center\" && returnValue < 0) \|\|\n (transformOrigin[requestedReturnValue] === \"bottom\" && returnValue < 0)\n ) {\n returnValue = 0;\n }\n\n if (\n (transformOrigin[requestedReturnValue] === \"left\" &&\n returnValue > window.innerWidth - elDimensions.width) \|\|\n (transformOrigin[requestedReturnValue] === \"center\" &&\n requestedReturnValue === \"horizontal\" &&\n returnValue > window.innerWidth - elDimensions.width)\n ) {\n returnValue = window.innerWidth - elDimensions.width;\n }\n\n if (\n (transformOrigin[requestedReturnValue] === \"top\" &&\n returnValue > window.innerHeight - elDimensions.height) \|\|\n (transformOrigin[requestedReturnValue] === \"center\" &&\n requestedReturnValue === \"vertical\" &&\n returnValue > window.innerHeight - elDimensions.height)\n ) {\n returnValue = window.innerHeight - elDimensions.height;\n }\n\n if (\n transformOrigin[requestedReturnValue] === \"right\" &&\n returnValue > window.innerWidth - elDimensions.width\n ) {\n returnValue = window.innerWidth - elDimensions.width;\n }\n\n if (\n transformOrigin[requestedReturnValue] === \"bottom\" &&\n returnValue > window.innerHeight - elDimensions.height\n ) {\n returnValue = window.innerHeight - elDimensions.height;\n }\n\n return returnValue;\n };\n\n const _applyOffsetToPlacementValue = (\n value: number,\n requestedReturnValue: Axis,\n transformOrigin: Placement\n ) => {\n let returnValue = value;\n if (\n (requestedReturnValue === \"horizontal\" && configObject.offset?.left !== 0) \|\|\n (requestedReturnValue === \"horizontal\" && configObject.offset?.right !== 0)\n ) {\n if (\n transformOrigin[requestedReturnValue] === \"left\" \|\|\n transformOrigin[requestedReturnValue] === \"center\"\n ) {\n returnValue += configObject.offset?.left!;\n returnValue -= configObject.offset?.right!;\n }\n\n if (transformOrigin[requestedReturnValue] === \"right\") {\n returnValue -= configObject.offset?.left!;\n returnValue += configObject.offset?.right!;\n }\n }\n\n if (\n (requestedReturnValue === \"vertical\" && configObject.offset?.top !== 0) \|\|\n (requestedReturnValue === \"vertical\" && configObject.offset?.bottom !== 0)\n ) {\n if (\n transformOrigin[requestedReturnValue] === \"top\" \|\|\n transformOrigin[requestedReturnValue] === \"center\"\n ) {\n returnValue += configObject.offset?.top!;\n returnValue -= configObject.offset?.bottom!;\n }\n\n if (transformOrigin[requestedReturnValue] === \"bottom\") {\n returnValue -= configObject.offset?.top!;\n returnValue += configObject.offset?.bottom!;\n }\n }\n\n return returnValue;\n };\n\n const _calculateInitialPlacementValue = (\n transformOrigin: Placement,\n requestedReturnValue: Axis,\n relEl: DomRectObject,\n placementOriginDefinition: HorizontalPlacement \| VerticalPlacement,\n elDimensions: Dimensions\n ) => {\n let value = 0;\n\n if (\n transformOrigin[requestedReturnValue] === \"left\" \|\|\n transformOrigin[requestedReturnValue] === \"top\"\n ) {\n value = relEl[placementOriginDefinition];\n } else if (transformOrigin[requestedReturnValue] === \"center\") {\n value =\n relEl[placementOriginDefinition] -\n elDimensions[requestedReturnValue === \"horizontal\" ? \"width\" : \"height\"] / 2;\n } else if (\n transformOrigin[requestedReturnValue] === \"right\" \|\|\n transformOrigin[requestedReturnValue] === \"bottom\"\n ) {\n value =\n window[requestedReturnValue === \"horizontal\" ? \"innerWidth\" : \"innerHeight\"] -\n relEl[placementOriginDefinition];\n }\n\n return value;\n };\n\n /\n \n * @param requestedReturnValue whether the requested return value is for the horizontal or vertical axis\n * @returns either the horizontally centered placement definition (centerh) or the vertically centered one (centerv)\n /\n const _determineCenteredPlacementOrigin = (requestedReturnValue: Axis) => {\n if (requestedReturnValue === \"horizontal\") {\n return \"centerh\";\n } else if (requestedReturnValue === \"vertical\") {\n return \"centerv\";\n }\n throw new Error(\n `the requested return value isn't \"vertical\" or \"horizontal\" ${requestedReturnValue} was given.`\n );\n };\n\n const _calculatePlacementValue = (\n transformOrigin: Placement,\n placement: HorizontalPlacement \| VerticalPlacement,\n requestedReturnValue: Axis,\n relEl: DomRectObject,\n elDimensions: Dimensions\n ): number => {\n const placementOriginDefinition =\n placement === \"center\" ? _determineCenteredPlacementOrigin(requestedReturnValue) : placement;\n\n const value = _calculateInitialPlacementValue(\n transformOrigin,\n requestedReturnValue,\n relEl,\n placementOriginDefinition,\n elDimensions\n );\n\n const valueWithOffset = _applyOffsetToPlacementValue(\n value,\n requestedReturnValue,\n transformOrigin\n );\n\n const valueCorrectionForViewportOverflow = _fixPossibleViewportOverflow(\n valueWithOffset,\n transformOrigin,\n requestedReturnValue,\n elDimensions\n );\n\n return valueCorrectionForViewportOverflow;\n };\n\n const _calculatePlacement = (relEl: DomRectObject, elDimensions: Dimensions, axis: Axis) => {\n const placementValue = _calculatePlacementValue(\n configObject.transformOrigin!,\n configObject.placement![axis]!,\n axis,\n relEl,\n elDimensions\n );\n\n let direction = \"left\";\n let oppositeDirection = \"right\";\n\n if (axis === \"horizontal\" && configObject.transformOrigin?.horizontal === \"right\") {\n direction = \"right\";\n oppositeDirection = \"left\";\n } else if (axis === \"horizontal\") {\n direction = \"left\";\n oppositeDirection = \"right\";\n }\n\n if (axis === \"vertical\" && configObject.transformOrigin?.vertical === \"bottom\") {\n direction = \"bottom\";\n oppositeDirection = \"top\";\n } else if (axis === \"vertical\") {\n direction = \"top\";\n oppositeDirection = \"bottom\";\n }\n\n setPosition(prevState => ({\n ...prevState,\n [direction]: placementValue,\n [oppositeDirection]: \"initial\"\n }));\n };\n\n const calculatePosition = useDebouncedCallback(() => {\n if (!configObject.relativeElement?.current \|\| !configObject.elementToBePositioned?.current)\n return;\n const relativeElRect = (configObject.relativeElement!\n .current as HTMLElement)!.getBoundingClientRect();\n const elementToBePositionedDimensions: Dimensions = {\n height: (configObject.elementToBePositioned!.current as HTMLElement).offsetHeight,\n width: (configObject.elementToBePositioned!.current as HTMLElement).offsetWidth\n };\n\n /* We want to add a center (horizontal and vertical) property to the DOMRect object. Since it's a special object we can't modify so we clone it and add it. */\n const clonedRelEl = {\n top: relativeElRect.top,\n right: relativeElRect.right,\n bottom: relativeElRect.bottom,\n center: 0,\n centerv: relativeElRect.top + relativeElRect.height / 2,\n centerh: relativeElRect.left + relativeElRect.width / 2,\n left: relativeElRect.left,\n width: relativeElRect.width,\n height: relativeElRect.height,\n x: relativeElRect.x,\n y: relativeElRect.y\n };\n\n _calculatePlacement(clonedRelEl, elementToBePositionedDimensions, \"horizontal\");\n _calculatePlacement(clonedRelEl, elementToBePositionedDimensions, \"vertical\");\n\n if (!initialCalculationDone) {\n setInitialCalculationDone(true);\n }\n }, configObject.debounceAmount ?? 20);\n\n return {\n top: position.top,\n bottom: position.bottom,\n left: position.left,\n right: position.right,\n calculatePosition,\n initialCalculationDone\n };\n};\n"],"names":["horizontal","vertical","defaultConfigObject","relativeElement","undefined","elementToBePositioned","transformOrigin","placement","offset","top","right","bottom","left","debounceAmount","usePosition","providedConfigObject","configObject","initialCalculationDone","setInitialCalculationDone","useState","position","setPosition","_fixPossibleViewportOverflow","value","requestedReturnValue","elDimensions","returnValue","window","innerWidth","width","innerHeight","height","_applyOffsetToPlacementValue","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","_l","_m","_calculateInitialPlacementValue","relEl","placementOriginDefinition","_determineCenteredPlacementOrigin","Error","_calculatePlacementValue","valueWithOffset","valueCorrectionForViewportOverflow","_calculatePlacement","axis","placementValue","direction","oppositeDirection","prevState","calculatePosition","useDebouncedCallback","current","relativeElRect","getBoundingClientRect","elementToBePositionedDimensions","offsetHeight","offsetWidth","clonedRelEl","center","centerv","centerh","x","y"],"mappings":"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"}
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\nexport type 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 return _fixPossibleViewportOverflow(\n valueWithOffset,\n transformOrigin,\n requestedReturnValue,\n elDimensions\n );\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 }\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","providedConfigObject","configObject","initialCalculationDone","setInitialCalculationDone","useState","position","setPosition","_calculatePlacementValue","requestedReturnValue","relEl","elDimensions","placementOriginDefinition","Error","_determineCenteredPlacementOrigin","value","window","_calculateInitialPlacementValue","valueWithOffset","returnValue","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","_l","_m","_applyOffsetToPlacementValue","innerWidth","width","innerHeight","height","_fixPossibleViewportOverflow","_calculatePlacement","axis","placementValue","direction","oppositeDirection","prevState","calculatePosition","useDebouncedCallback","current","relativeElRect","getBoundingClientRect","elementToBePositionedDimensions","offsetHeight","offsetWidth","clonedRelEl","center","centerv","centerh","x","y"],"mappings":"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"}

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

@@ -1,2 +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;
+"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 CHANGED Viewed

	@@ -1 +1 @@
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~~"}
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":["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/useSpacing.cjs.js CHANGED Viewed

@@ -1,2 +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;
+"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 CHANGED Viewed

	@@ -1 +1 @@
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~~"}
1	+ {"version":3,"file":"useSpacing.cjs.js","sources":["../../../../../../src/hooks/useSpacing.ts"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n\nimport { CSSProperties } from \"react\";\n\nexport type SpacingMultiplier = 0 \| 0.5 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8;\ntype SpacingMultiplierStringOrNumber = `${SpacingMultiplier}` \| SpacingMultiplier;\ntype MultiValueSpacingMultiplier =\n \| `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}`\n \| `${SpacingMultiplier} ${SpacingMultiplier} ${SpacingMultiplier}`\n \| `${SpacingMultiplier} ${SpacingMultiplier}`\n \| SpacingMultiplierStringOrNumber;\n\nexport interface Spacing {\n padding?: MultiValueSpacingMultiplier;\n paddingTop?: SpacingMultiplierStringOrNumber;\n paddingBottom?: SpacingMultiplierStringOrNumber;\n paddingLeft?: SpacingMultiplierStringOrNumber;\n paddingRight?: SpacingMultiplierStringOrNumber;\n margin?: MultiValueSpacingMultiplier;\n marginTop?: SpacingMultiplierStringOrNumber;\n marginBottom?: SpacingMultiplierStringOrNumber;\n marginLeft?: SpacingMultiplierStringOrNumber;\n marginRight?: SpacingMultiplierStringOrNumber;\n}\n\nconst defaultFactor = 0.25;\nconst defaultUnit = \"rem\";\nconst spacingNumberRegex = /(\\d+\\.?\\d)+/g;\n\nexport const useSpacing = (\n spacingProps?: Spacing,\n style?: CSSProperties\n): CSSProperties \| undefined => {\n if (spacingProps) {\n return Object.entries(spacingProps).reduce<CSSProperties>((prev, [spacing, multiplier]) => {\n const matches = String(multiplier).matchAll(spacingNumberRegex);\n const cssSpacingValue = Array.from(matches)\n .map(([multiplierValue]) => `${Number(multiplierValue) * defaultFactor}${defaultUnit}`)\n .join(\" \");\n return { ...prev, [spacing]: cssSpacingValue };\n }, style ?? {});\n }\n return style;\n};\n"],"names":["spacingNumberRegex","spacingProps","style","Object","entries","reduce","prev","spacing","multiplier","matches","String","matchAll","cssSpacingValue","Array","from","map","multiplierValue","Number","join"],"mappings":"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/useWrapper.cjs.js CHANGED Viewed

@@ -1,2 +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;
+"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 CHANGED Viewed

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../_BaseStyling_/BaseStyling.cjs.js");var r=require("../Button/Button.cjs.js");var t=require("../Breadcrumbs/Breadcrumbs.cjs.js");var o=require("../ContextMenu/ContextMenu.cjs.js");var a=require("../ContextMenu/ContextMenuItem.cjs.js");var s=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 l=require("../Tag/Tag.cjs.js");var u=require("../TextEllipsis/TextEllipsis.cjs.js");var j=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 S=require("../ProgressBar/ProgressBar.cjs.js");var q=require("../Skeleton/Skeleton.cjs.js");var m=require("../StatusIndicator/StatusIndicator.cjs.js");var F=require("../Stepper/Stepper.cjs.js");var W=require("../Pagination/Pagination.cjs.js");var M=require("./hooks/useRepeater.cjs.js");var T=require("./hooks/usePosition.cjs.js");var B=require("./hooks/useDebouncedCallback.cjs.js");var C=require("./util/helper.cjs.js");var b=require("../Notifications/BaseModal/BaseModal.cjs.js");var g=require("../Notifications/Snackbar/useSnackbar.cjs.js");var I=require("../Notifications/Alert/useAlert.cjs.js");var k=require("../Notifications/Alert/AlertProvider/AlertProvider.cjs.js");var h=require("../Notifications/Alert/AlertItem/AlertItem.cjs.js");var f=require("../Notifications/Dialog/Dialog.cjs.js");var D=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js");var P=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js");var A=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js");var y=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js");var N=require("../Notifications/NotificationProvider/NotificationContext.cjs.js");var z=require("../Notifications/SlideInModal/SlideInModal.cjs.js");var G=require("../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.cjs.js");var R=require("../Form/Checkbox/Checkbox.cjs.js");var H=require("../Form/Fieldset/Fieldset.cjs.js");var L=require("../Form/Form.cjs.js");var O=require("../Form/FormControl/FormControl.cjs.js");var E=require("../Form/FormGroup/FormGroup.cjs.js");var U=require("../Form/FormHelperText/FormHelperText.cjs.js");var _=require("../Form/Input/Input.cjs.js");var w=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js");var J=require("../Form/Label/Label.cjs.js");var K=require("../Form/Radio/Radio.cjs.js");var Q=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js");var V=require("../Form/Select/SingleSelect/Select.cjs.js");var X=require("../Form/Select/MultiSelect/MultiSelect.cjs.js");var Y=require("../Form/Select/SingleSelect/Option.cjs.js");var Z=require("../Form/Select/MultiSelect/MultiOption.cjs.js");var $=require("../Form/Textarea/Textarea.cjs.js");var ee=require("../Form/Toggle/Toggle.cjs.js");var re=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js");var te=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js");var oe=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js");var ae=require("../Form/FileUpload/FileUpload.cjs.js");var se=require("../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js");var ie=require("../Layout/ContentHeader/ContentHeader.cjs.js");var pe=require("../Layout/FormPage/FormWithStepper/FormStepper/FormStepper.cjs.js");var ne=require("../Layout/FormPage/FormWithStepper/FormSection/FormSection.cjs.js");var ce=require("../Layout/FormPage/FormWithStepper/FormWithStepper.cjs.js");var le=require("../Wizard/Wizard.cjs.js");var ue=require("../Wizard/WizardActions/WizardActions.cjs.js");var je=require("../Wizard/WizardSteps/WizardSteps.cjs.js");var de=require("../Wizard/BaseWizardSteps/BaseWizardSteps.cjs.js");var xe=require("../DataGrid/DataGrid.cjs.js");var ve=require("../DataGrid/DataGridBody/DataGridRow.cjs.js");var Se=require("../DataGrid/DataGridBody/DataGridCell.cjs.js");var qe=require("../Notifications/Banner/Banner.cjs.js");var me=require("../admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js");exports.BaseStyling=e.BaseStyling;exports.Button=r.Button;exports.Breadcrumbs=t.Breadcrumbs;exports.ContextMenu=o.ContextMenu;exports.ContextMenuItem=a.ContextMenuItem;exports.Link=s.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=l.Tag;exports.TextEllipsis=u.TextEllipsis;exports.Tile=j.Tile;exports.Tiles=d.Tiles;exports.Tooltip=x.Tooltip;exports.Typography=v.Typography;exports.ProgressBar=S.ProgressBar;exports.Skeleton=q.Skeleton;exports.StatusIndicator=m.StatusIndicator;exports.Stepper=F.Stepper;exports.Pagination=W.Pagination;exports.useRepeater=M.useRepeater;exports.usePosition=T.usePosition;exports.useDebouncedCallback=B.useDebouncedCallback;exports.debounce=C.debounce;exports.generateID=C.generateID;exports.throttle=C.throttle;exports.Modal=b.BaseModal;exports.useSnackbar=g.useSnackbar;exports.useAlert=I.useAlert;exports.AlertProvider=k.AlertProvider;exports.AlertItem=h.AlertItem;exports.Dialog=f.Dialog;exports.DiscardChangesModal=D.DiscardChangesModal;exports.ModalActions=P.BaseModalActions;exports.ModalContent=A.BaseModalContent;exports.ModalHeader=y.BaseModalHeader;exports.NotificationProvider=N.NotificationProvider;exports.useNotificationContext=N.useNotificationContext;exports.SlideInModal=z.SlideInModal;exports.SnackbarProvider=G.SnackbarProvider;exports.Checkbox=R.Checkbox;exports.Fieldset=H.Fieldset;exports.Form=L.Form;exports.FormControl=O.FormControl;exports.FormGroup=E.FormGroup;exports.FormHelperText=U.FormHelperText;exports.Input=_.Input;exports.InputWrapper=w.InputWrapper;exports.Label=J.Label;exports.Radio=K.Radio;exports.RadioWrapper=Q.RadioWrapper;exports.Select=V.Select;exports.MultiSelect=X.MultiSelect;exports.Option=Y.Option;exports.MultiOption=Z.MultiOption;exports.Textarea=$.Textarea;exports.Toggle=ee.Toggle;exports.CheckboxWrapper=re.CheckboxWrapper;exports.TextareaWrapper=te.TextareaWrapper;exports.SelectWrapper=oe.SelectWrapper;exports.FileUpload=ae.FileUpload;exports.MultiSelectWrapper=se.MultiSelectWrapper;exports.ContentHeader=ie.ContentHeader;exports.FormStepper=pe.FormStepper;exports.FormSection=ne.FormSection;exports.FormWithStepper=ce.FormWithStepper;exports.Wizard=le.Wizard;exports.WizardActions=ue.WizardActions;exports.WizardSteps=je.WizardSteps;exports.BaseWizardSteps=de.BaseWizardSteps;exports.DataGrid=xe.DataGrid;exports.DataGridRow=ve.DataGridRow;exports.DataGridCell=Se.DataGridCell;exports.Banner=qe.Banner;exports.MicrofrontendContainer=me.MicrofrontendContainer;
+"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"),l=require("../Tabs/Tab.cjs.js"),n=require("../Tabs/Tabs.cjs.js"),c=require("../Tag/Tag.cjs.js"),u=require("../TextEllipsis/TextEllipsis.cjs.js"),j=require("../Tiles/Tile.cjs.js"),x=require("../Tiles/Tiles.cjs.js"),d=require("../Tooltip/Tooltip.cjs.js"),m=require("../Typography/Typography.cjs.js"),q=require("../ProgressBar/ProgressBar.cjs.js"),F=require("../Skeleton/Skeleton.cjs.js"),S=require("../Stepper/Stepper.cjs.js"),M=require("../Pagination/Pagination.cjs.js"),C=require("./hooks/useRepeater.cjs.js"),T=require("./hooks/useFullHeightCollapse.cjs.js"),g=require("./hooks/usePosition.cjs.js"),B=require("./hooks/useDebouncedCallback.cjs.js"),D=require("./util/helper.cjs.js"),W=require("../Notifications/BaseModal/BaseModal.cjs.js"),b=require("../Notifications/Alert/useAlert.cjs.js"),I=require("../Notifications/Alert/AlertProvider/AlertProvider.cjs.js"),h=require("../Notifications/Alert/AlertItem/AlertItem.cjs.js"),G=require("../Notifications/Dialog/Dialog.cjs.js"),f=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js"),k=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js"),P=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js"),y=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js"),A=require("../Notifications/NotificationProvider/NotificationContext.cjs.js"),N=require("../Notifications/SlideInModal/SlideInModal.cjs.js"),H=require("../Form/Checkbox/Checkbox.cjs.js"),R=require("../Form/Fieldset/Fieldset.cjs.js"),L=require("../Form/Form.cjs.js"),v=require("../Form/FormControl/FormControl.cjs.js"),w=require("../Form/FormGroup/FormGroup.cjs.js"),O=require("../Form/FormHelperText/FormHelperText.cjs.js"),E=require("../Form/Input/Input.cjs.js"),U=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js"),_=require("../Form/Label/Label.cjs.js"),z=require("../Form/Radio/Radio.cjs.js"),J=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js"),K=require("../Form/Select/SingleSelect/Select.cjs.js"),Q=require("../Form/Select/MultiSelect/MultiSelect.cjs.js"),V=require("../Form/Select/SingleSelect/Option.cjs.js"),X=require("../Form/Select/MultiSelect/MultiOption.cjs.js"),Y=require("../Form/Textarea/Textarea.cjs.js"),Z=require("../Form/Toggle/Toggle.cjs.js"),$=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js"),ee=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js"),re=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js"),te=require("../Form/FileUpload/FileUpload.cjs.js"),oe=require("../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js"),se=require("../Layout/ContentHeader/ContentHeader.cjs.js"),ie=require("../Layout/FormPage/FormWithStepper/FormStepper/FormStepper.cjs.js"),ae=require("../Layout/FormPage/FormWithStepper/FormSection/FormSection.cjs.js"),pe=require("../Layout/FormPage/FormWithStepper/FormWithStepper.cjs.js"),le=require("../DataGrid/DataGrid.cjs.js"),ne=require("../DataGrid/DataGridBody/DataGridRow/DataGridRow.cjs.js"),ce=require("../DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.cjs.js"),ue=require("../DataGrid/DataGridBody/DataGridCell/DataGridCell.cjs.js"),je=require("../Notifications/Banner/Banner.cjs.js"),xe=require("../admin/layout/MicrofrontendContainer/MicrofrontendContainer.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=l.Tab,exports.Tabs=n.Tabs,exports.Tag=c.Tag,exports.TextEllipsis=u.TextEllipsis,exports.Tile=j.Tile,exports.Tiles=x.Tiles,exports.Tooltip=d.Tooltip,exports.Typography=m.Typography,exports.ProgressBar=q.ProgressBar,exports.Skeleton=F.Skeleton,exports.Stepper=S.Stepper,exports.Pagination=M.Pagination,exports.useRepeater=C.useRepeater,exports.useFullHeightCollapse=T.useFullHeightCollapse,exports.usePosition=g.usePosition,exports.useDebouncedCallback=B.useDebouncedCallback,exports.debounce=D.debounce,exports.generateID=D.generateID,exports.throttle=D.throttle,exports.Modal=W.BaseModal,exports.useAlert=b.useAlert,exports.AlertProvider=I.AlertProvider,exports.AlertItem=h.AlertItem,exports.Dialog=G.Dialog,exports.DiscardChangesModal=f.DiscardChangesModal,exports.ModalActions=k.BaseModalActions,exports.ModalContent=P.BaseModalContent,exports.ModalHeader=y.BaseModalHeader,exports.NotificationProvider=A.NotificationProvider,exports.useNotificationContext=A.useNotificationContext,exports.SlideInModal=N.SlideInModal,exports.Checkbox=H.Checkbox,exports.Fieldset=R.Fieldset,exports.Form=L.Form,exports.FormControl=v.FormControl,exports.FormGroup=w.FormGroup,exports.FormHelperText=O.FormHelperText,exports.Input=E.Input,exports.InputWrapper=U.InputWrapper,exports.Label=_.Label,exports.Radio=z.Radio,exports.RadioWrapper=J.RadioWrapper,exports.Select=K.Select,exports.MultiSelect=Q.MultiSelect,exports.Option=V.Option,exports.MultiOption=X.MultiOption,exports.Textarea=Y.Textarea,exports.Toggle=Z.Toggle,exports.CheckboxWrapper=$.CheckboxWrapper,exports.TextareaWrapper=ee.TextareaWrapper,exports.SelectWrapper=re.SelectWrapper,exports.FileUpload=te.FileUpload,exports.MultiSelectWrapper=oe.MultiSelectWrapper,exports.ContentHeader=se.ContentHeader,exports.FormStepper=ie.FormStepper,exports.FormSection=ae.FormSection,exports.FormWithStepper=pe.FormWithStepper,exports.DataGrid=le.DataGrid,exports.DataGridRow=ne.DataGridRow,exports.DataGridDrawerItem=ce.DataGridDrawerItem,exports.DataGridCell=ue.DataGridCell,exports.Banner=je.Banner,exports.MicrofrontendContainer=xe.MicrofrontendContainer;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -33,23 +33,18 @@ 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 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 { useFullHeightCollapse } from "./hooks/useFullHeightCollapse";
 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";
-/**
- * @deprecated
- */
-export { useSnackbar } from "./components/Notifications/Snackbar/useSnackbar";
 export { useAlert } from "./components/Notifications/Alert/useAlert";
 export { AlertProvider } from "./components/Notifications/Alert/AlertProvider/AlertProvider";
 export { AlertItem, Props as AlertItemProps } from "./components/Notifications/Alert/AlertItem/AlertItem";
@@ -69,8 +64,6 @@ export type { Props as NotificationProviderProps } from "./components/Notificati
 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";
@@ -123,23 +116,16 @@ export { FormSection } from "./components/Layout/FormPage/FormWithStepper/FormSe
 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";
-/** 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 { 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 { Banner } from "./components/Notifications/Banner/Banner";
 export type { Props as BannerProps } from "./components/Notifications/Banner/Banner";
 /** Admin */

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

	@@ -0,0 +1,2 @@
1	+ "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-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= */'),exports.default={"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"};
2	+ //# sourceMappingURL=readyclasses.module.scss.cjs.js.map

package/dist/cjs/src/readyclasses.module.scss.cjs.js.map ADDED Viewed

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

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

@@ -1,2 +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 s=()=>{clearTimeout(r);e(...n)};clearTimeout(r);r=setTimeout(s,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 s=(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]=s(e[o],t[o]);else r[o]=t[o];return r};const l=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");exports.debounce=r;exports.deepMerge=s;exports.escapeRegExp=l;exports.filterProps=t;exports.generateID=e;exports.remToPx=n;exports.throttle=o;
+"use strict";const e=(t,r)=>{if(!r)return t;let o={...t};for(let l in r)Object.prototype.hasOwnProperty.call(r,l)&&("object"==typeof r[l]&&null!==r[l]&&Object.prototype.hasOwnProperty.call(t,l)&&!Array.isArray(r[l])?o[l]=e(t[l],r[l]):o[l]=r[l]);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)=>{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"],o="";for(let l=0;l<e&&o.length<e;l++){o=o+("string"!=typeof t||void 0===(null==t?void 0:t[l])||/\s/.test(t[l])?"":t[l])+r[Math.floor(Math.random()*r.length)]}return o.slice(0,e)},exports.remToPx=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),exports.throttle=(e,t)=>{let r=0;return function(){let o=Date.now();o-r>=t&&(e(),r=o)}};
 //# sourceMappingURL=helper.cjs.js.map

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

	@@ -1 +1 @@
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\nexport const escapeRegExp = (str: string) => str.replace(/[.*+?^${}()\|[\\]\\\\]/g, \"\\\\$&\");\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","escapeRegExp","str","replace"~~],"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,EAGP,MAAAM,EAAgBC,GAAgBA,EAAIC,QAAQ,sBAAuB~~"}
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\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","rem","parseFloat","getComputedStyle","document","documentElement","fontSize","lastTime","now","Date"],"mappings":"aAkBa,MAmLAA,EAAY,CAAeC,EAAkBC,KACxD,IAAKA,EAAM,OAAOD,EAElB,IAAIE,EAAqB,IAAKF,GAE9B,IAAK,IAAIG,KAAOF,EACVG,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,mBAjGI,CAACQ,EAAqCC,KAC5D,IAAIC,EAEJ,OAAO,YAA6BC,GAMlCC,aAAaF,GAEbA,EAAUG,YAPI,KACZD,aAAaF,GACbF,KAAMG,EAAK,GAKeF,EAC9B,CAAC,2CAwF0BK,GAAgBA,EAAIC,QAAQ,sBAAuB,4BAvHrD,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,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,KAGEC,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,kBAoFJU,GACfA,EAAMC,WAAWC,iBAAiBC,SAASC,iBAAiBC,2BAhD7C,CAAClC,EAAqCC,KAC5D,IAAIkC,EAAW,EAEf,OAAO,WACL,IAAIC,EAAMC,KAAKD,MAEXA,EAAMD,GAAYlC,IACpBD,IACAmC,EAAWC,EAEf,CAAC"}

package/dist/esm/Breadcrumbs/Breadcrumbs.esm.js CHANGED Viewed

@@ -1,2 +1,47 @@
-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};
+import React, { Fragment } from 'react';
+import { Icon, Icons } from '../Icon/Icon.esm.js';
+import { Typography } from '../Typography/Typography.esm.js';
+import classes from './Breadcrumbs.module.scss.esm.js';
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const BreadcrumbsComponent = ({ children, ariaLabel, className = "", ...rest }, ref) => {
+    const items = React.Children.map(children, (child, index) => {
+        const isLastElement = Array.isArray(children) ? index === children.length - 1 : true;
+        const isFirstElement = Array.isArray(children) && index === 0;
+        let item = React.cloneElement(child, {
+            className: classes["breadcrumb-link"],
+            ...(isFirstElement
+                ? {
+                    prefixIcon: React.createElement(Icon, { icon: Icons.HomeFilled, style: { marginRight: "0.35rem" } })
+                }
+                : {})
+        });
+        if (isLastElement) {
+            return (React.createElement(Typography, { key: child.key, variant: "body", tag: "span", className: classes["last"], "aria-current": "page" }, child.props.children));
+        }
+        else {
+            return (React.createElement(Fragment, { key: child.key },
+                item,
+                React.createElement(Icon, { icon: Icons.ChevronRight, className: classes["icon"] })));
+        }
+    });
+    return (React.createElement("nav", { ...rest, ref: ref, "aria-label": ariaLabel, className: `${classes["breadcrumbs"]} ${className}` }, items));
+};
+const Breadcrumbs = React.forwardRef(BreadcrumbsComponent);
+export { Breadcrumbs };
 //# sourceMappingURL=Breadcrumbs.esm.js.map

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

	@@ -1 +1 @@
1	- {"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~~"}
1	+ {"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":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;AAcG;AAoBH,MAAM,oBAAoB,GAAoD,CAC5E,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAS,EACvD,GAAG,KACD;AACF,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAI;QAC1D,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC;AACrF,QAAA,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;AAC9D,QAAA,IAAI,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACnC,YAAA,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC;AACrC,YAAA,IAAI,cAAc;AAChB,kBAAE;AACE,oBAAA,UAAU,EAAE,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAAI,CAAA;AAChF,iBAAA;kBACD,EAAE;AACM,SAAA,CAAC,CAAC;QAEhB,IAAI,aAAa,EAAE;AACjB,YAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,OAAO,EAAC,MAAM,EACd,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EACb,cAAA,EAAA,MAAM,EAElB,EAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,CACV,EACb;SACH;aAAM;YACL,QACE,oBAAC,QAAQ,EAAA,EAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAA;gBACrB,IAAI;AACL,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAI,CAAA,CACrD,EACX;SACH;AACH,KAAC,CAAC,CAAC;IACH,QACE,KACM,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,SAAS,EACrB,SAAS,EAAE,GAAG,OAAO,CAAC,aAAa,CAAC,CAAI,CAAA,EAAA,SAAS,EAAE,EAElD,EAAA,KAAK,CACF,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB;;;;"}

package/dist/esm/Breadcrumbs/Breadcrumbs.module.scss.esm.js ADDED Viewed

@@ -0,0 +1,8 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
+var css_248z = "/*!\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 */.Breadcrumbs-module_breadcrumbs__R-ku- .Breadcrumbs-module_last__Rl9o7{color:var(--color-primary900);font-weight:700;margin:0}.Breadcrumbs-module_breadcrumbs__R-ku- .Breadcrumbs-module_icon__1DzCV{color:var(--color-primary);font-size:.625rem;line-height:var(--default-line-height);margin:0 .84rem}.Breadcrumbs-module_breadcrumbs__R-ku- .Breadcrumbs-module_breadcrumb-link__-Dl7h{text-decoration:none}.Breadcrumbs-module_breadcrumbs__R-ku- .Breadcrumbs-module_breadcrumb-link__-Dl7h.Breadcrumbs-module_visited__7WKz2 [data-underline],.Breadcrumbs-module_breadcrumbs__R-ku- .Breadcrumbs-module_breadcrumb-link__-Dl7h:hover [data-underline]{text-decoration:underline}.Breadcrumbs-module_breadcrumbs__R-ku- .Breadcrumbs-module_breadcrumb-link__-Dl7h:focus,.Breadcrumbs-module_breadcrumbs__R-ku- .Breadcrumbs-module_breadcrumb-link__-Dl7h:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.Breadcrumbs-module_breadcrumbs__R-ku- .Breadcrumbs-module_breadcrumb-link__-Dl7h:visited{color:var(--color-primary700)}.Breadcrumbs-module_breadcrumbs__R-ku- .Breadcrumbs-module_breadcrumb-link__-Dl7h:active{color:var(--color-primary900);font-weight:700}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJzLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsdUVBQ0UsNkJBQThCLENBQzlCLGVBQWdCLENBQ2hCLFFBQ0YsQ0FDQSx1RUFDRSwwQkFBMkIsQ0FDM0IsaUJBQW1CLENBQ25CLHNDQUF1QyxDQUN2QyxlQUNGLENBQ0Esa0ZBQ0Usb0JBQ0YsQ0FDQSw4T0FDRSx5QkFDRixDQUNBLHdMQUNFLG9DQUFxQyxDQUNyQyxrQkFDRixDQUNBLDBGQUNFLDZCQUNGLENBQ0EseUZBQ0UsNkJBQThCLENBQzlCLGVBQ0YiLCJmaWxlIjoiQnJlYWRjcnVtYnMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmJyZWFkY3J1bWJzIC5sYXN0IHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk5MDApO1xuICBmb250LXdlaWdodDogNzAwO1xuICBtYXJnaW46IDA7XG59XG4uYnJlYWRjcnVtYnMgLmljb24ge1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kZWZhdWx0LWxpbmUtaGVpZ2h0KTtcbiAgbWFyZ2luOiAwIDAuODRyZW07XG59XG4uYnJlYWRjcnVtYnMgLmJyZWFkY3J1bWItbGluayB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cbi5icmVhZGNydW1icyAuYnJlYWRjcnVtYi1saW5rOmhvdmVyIFtkYXRhLXVuZGVybGluZV0sIC5icmVhZGNydW1icyAuYnJlYWRjcnVtYi1saW5rLnZpc2l0ZWQgW2RhdGEtdW5kZXJsaW5lXSB7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xufVxuLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbms6Zm9jdXMsIC5icmVhZGNydW1icyAuYnJlYWRjcnVtYi1saW5rOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMXB4O1xufVxuLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbms6dmlzaXRlZCB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NzAwKTtcbn1cbi5icmVhZGNydW1icyAuYnJlYWRjcnVtYi1saW5rOmFjdGl2ZSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5OTAwKTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbn0iXX0= */";
+var classes = {"breadcrumbs":"Breadcrumbs-module_breadcrumbs__R-ku-","last":"Breadcrumbs-module_last__Rl9o7","icon":"Breadcrumbs-module_icon__1DzCV","breadcrumb-link":"Breadcrumbs-module_breadcrumb-link__-Dl7h","visited":"Breadcrumbs-module_visited__7WKz2"};
+styleInject(css_248z);
+export { classes as default };
+//# sourceMappingURL=Breadcrumbs.module.scss.esm.js.map

package/dist/esm/Breadcrumbs/Breadcrumbs.module.scss.esm.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Breadcrumbs.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/Button/BaseButton.esm.js CHANGED Viewed

@@ -1,2 +1,32 @@
-import e,{Fragment as t}from"react";import n from"./BaseButton.module.esm.js";import{Spinner as o}from"./Spinner.esm.js";const r=({children:r,type:s="button",className:a,loading:l,disabled:i,...m},c)=>{const d=["submit","button","reset"];const u=i!==null&&i!==void 0?i:l;if(!d.includes(s))throw new Error(`You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got ${s}`);return e.createElement("button",{...m,disabled:u,ref:c,type:s,className:`${n.button} ${l?n.loading:""} ${a?a:""}`},l?e.createElement(t,null,e.createElement("div",{className:n["content-hidden"]},r),e.createElement(o,{className:n["spinner"]})):r)};const s=e.forwardRef(r);export{s as BaseButton};
+import React, { Fragment } from 'react';
+import classes from './BaseButton.module.scss.esm.js';
+import { Spinner } from './Spinner.esm.js';
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const BaseButtonComponent = ({ children, type = "button", className, loading, disabled, ...rest }, ref) => {
+    const validTypes = ["submit", "button", "reset"];
+    const isDisabled = disabled !== null && disabled !== void 0 ? disabled : loading;
+    if (!validTypes.includes(type))
+        throw new Error(`You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got ${type}`);
+    return (React.createElement("button", { ...rest, disabled: isDisabled, ref: ref, type: type, className: `${classes.button} ${loading ? classes.loading : ""} ${className ? className : ""}` }, loading ? (React.createElement(Fragment, null,
+        React.createElement("div", { className: classes["content-hidden"] }, children),
+        React.createElement(Spinner, { className: classes["spinner"] }))) : (children)));
+};
+const BaseButton = React.forwardRef(BaseButtonComponent);
+export { BaseButton };
 //# sourceMappingURL=BaseButton.esm.js.map