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

@onewelcome/react-lib-components 7.0.0 → 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 (1108) hide show

package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseStyling.cjs.js","sources":["../../../../../src/components/_BaseStyling_/BaseStyling.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n\n/\n If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx\n * and make sure to add it to the shouldBeColorPicker array!\n /\n\nimport React, { HTMLAttributes, ReactElement, useEffect, useRef, useState } from \"react\";\n\ninterface CSSProperties {\n colorFocus?: string;\n colorPrimary?: string;\n colorSuccess?: string;\n colorWarning?: string;\n colorDanger?: string;\n colorPrimary100?: string;\n colorPrimary300?: string;\n colorPrimary500?: string;\n colorPrimary600?: string;\n colorPrimary700?: string;\n colorPrimary900?: string;\n colorPrimaryLight?: string;\n colorBlueGrey100?: string;\n colorBlueGrey200?: string;\n colorBlueGrey300?: string;\n colorBlueGrey400?: string;\n colorBlueGrey25?: string;\n colorBlueGrey25Transparent?: string;\n colorBlueGrey50?: string;\n colorBlueGrey500?: string;\n colorBlueGrey700?: string;\n colorBlueGrey800?: string;\n colorBlueGrey900?: string;\n colorGreen100?: string;\n colorGreen200?: string;\n colorGreen500?: string;\n colorGreen600?: string;\n colorGreen700?: string;\n colorLightBlue500?: string;\n colorLightBlue600?: string;\n colorShadowBlue?: string;\n colorOrange100?: string;\n colorOrange500?: string;\n colorOrange600?: string;\n colorOrange700?: string;\n colorRed100?: string;\n colorRed200?: string;\n colorRed500?: string;\n colorRed600?: string;\n colorRed700?: string;\n colorWhite?: string;\n colorBlack100?: string;\n colorBlack20?: string;\n colorBlack10?: string;\n defaultPressedColor?: string;\n defaultHoverColor?: string;\n defaultLineHeight?: string;\n dataGridLineHeight?: string;\n focusBorderRadius?: string;\n buttonBorderRadius?: string;\n buttonBorderWidth?: string;\n buttonFontSize?: string;\n buttonBorderStyle?: string;\n buttonPrimaryDefaultColor?: string;\n buttonPrimaryPressedColor?: string;\n buttonFillTextColor?: string;\n buttonPrimaryHoverColor?: string;\n buttonPrimaryFocusedColor?: string;\n buttonOutlineHoverTextColor?: string;\n buttonSuccessDefaultColor?: string;\n buttonSuccessHoverColor?: string;\n buttonSuccessFocusedColor?: string;\n buttonSuccessPressedColor?: string;\n buttonDangerDefaultColor?: string;\n buttonDangerHoverColor?: string;\n buttonDangerFocusedColor?: string;\n buttonDangerPressedColor?: string;\n buttonWarningDefaultColor?: string;\n buttonWarningHoverColor?: string;\n buttonWarningFocusedColor?: string;\n buttonWarningPressedColor?: string;\n buttonDefaultColor?: string;\n buttonDefaultHoverColor?: string;\n buttonDefaultFocusedColor?: string;\n buttonDefaultPressedColor?: string;\n buttonOutlineActiveTextColor?: string;\n checkboxUncheckedHoverColor?: string;\n checkboxUncheckedPressedColor?: string;\n checkboxCheckedHoverColor?: string;\n checkboxCheckedPressedColor?: string;\n radioHoverBackgroundColor?: string;\n radioPressedBackgroundColor?: string;\n radioHoverColor?: string;\n radioPressedColor?: string;\n defaultBorderRadius?: string;\n inputBorderRadius?: string;\n inputBorderWidth?: string;\n inputBorderWidthFocus?: string;\n inputBorderStyle?: string;\n inputBorderColor?: string;\n inputBackgroundColor?: string;\n inputHelperTextColor?: string;\n inputHoverBackgroundColor?: string;\n inputDisabledBackgroundColor?: string;\n dragBackgroundColor?: string;\n dragBorderStyle?: string;\n modalShadowColor?: string;\n modalBackgroundColor?: string;\n modalBackdropColor?: string;\n skeletonBackgroundColor?: string;\n skeletonAnimationColorRgb?: string;\n\n alertTextColor?: string;\n alertTextInvertedColor?: string;\n\n alertNeutralBackgroundColor?: string;\n alertInfoBackgroundColor?: string;\n alertSuccessBackgroundColor?: string;\n alertErrorBackgroundColor?: string;\n alertWarningBackgroundColor?: string;\n\n alertNeutralInvertedColor?: string;\n alertInfoInvertedColor?: string;\n alertSuccessInvertedColor?: string;\n alertErrorInvertedColor?: string;\n alertWarningInvertedColor?: string;\n\n alertBorderWidth?: string;\n alertBorderRadius?: string;\n\n stepperWaitingColor?: string;\n stepperWaitingHoverColor?: string;\n stepperWaitingActiveColor?: string;\n stepperWaitingDisabledColor?: string;\n stepperCurrentColor?: string;\n stepperCurrentHoverColor?: string;\n stepperCurrentActiveColor?: string;\n stepperCurrentDisabledColor?: string;\n stepperDoneColor?: string;\n stepperDoneHoverColor?: string;\n stepperDoneActiveColor?: string;\n stepperDoneDisabledColor?: string;\n stepperErrorColor?: string;\n stepperErrorHoverColor?: string;\n stepperErrorActiveColor?: string;\n stepperErrorDisabledColor?: string;\n stepperDefaultTextColor?: string;\n stepperLineColor?: string;\n stepperLineBoldColor?: string;\n stepperLineDisabledColor?: string;\n stepperLineBoldDisabledColor?: string;\n stepperLabelColor?: string;\n stepperCaptionColor?: string;\n stepperCaptionErrorColor?: string;\n stepperLabelDisabledColor?: string;\n stepperCaptionDisabledColor?: string;\n stepperCaptionErrorDisabledColor?: string;\n bannerBorderRadius?: string;\n bannerBorderWidth?: string;\n dataGridRowBackgroundColor?: string;\n dataGridRowHoverBackgroundColor?: string;\n progressBarBackgroundColor?: string;\n tabsBackgroundColor?: string;\n tabActiveBorderHeight?: string;\n tabActiveBorderColor?: string;\n tabActiveTextColor?: string;\n tablistBorderWidth?: string;\n tablistBorderStyle?: string;\n tablistBorderColor?: string;\n tabTextColor?: string;\n tabHoverColor?: string;\n tabPressedColor?: string;\n toggleBackgroundColor?: string;\n tooltipBackgroundColor?: string;\n contextMenuHoverColor?: string;\n contextMenuPressedColor?: string;\n default?: string;\n success?: string;\n error?: string;\n info?: string;\n disabled?: string;\n greyedOut?: string;\n lightGreyBorder?: string;\n warning?: string;\n light?: string;\n fontFamily?: string;\n fontFamilyCode?: string;\n fontSizeFormLabel?: string;\n fontSize?: string;\n fontSizeH1?: string;\n fontSizeH2?: string;\n fontSizeH3?: string;\n fontSizeH4?: string;\n fontSizeSub?: string;\n fontSizeCode?: string;\n formControlFontSize?: string;\n fileUploadBorderWidth?: string;\n dragDropBorderStyle?: string;\n fontSizeDataGrid?: string;\n}\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n children?: ReactElement[] \| ReactElement \| string[] \| string \| number[] \| number;\n properties?: CSSProperties;\n}\n\nexport const BaseStyling = ({ children, properties = {} }: Props) => {\n const defaultProperties: CSSProperties = {\n colorPrimary100: \"#CDD0EA\",\n colorPrimary300: \"#6871BF\",\n colorPrimary500: \"#041295\",\n colorPrimary600: \"#030F77\",\n colorPrimary700: \"#020B59\",\n colorPrimary900: \"#01041E\",\n colorPrimaryLight: \"#E6E7F4\",\n colorBlueGrey25: \"#F7F7F9\",\n colorBlueGrey25Transparent: \"rgba(247, 247, 249, .8)\",\n colorBlueGrey50: \"#EEEFF3\",\n colorBlueGrey100: \"#DEDEE6\",\n colorBlueGrey200: \"#BCBECE\",\n colorBlueGrey300: \"#9A9DB5\",\n colorBlueGrey400: \"#797D9C\",\n colorBlueGrey500: \"#5D607E\",\n colorBlueGrey700: \"#383A4B\",\n colorBlueGrey800: \"#252733\",\n colorBlueGrey900: \"#131319\",\n colorGreen100: \"#D1E6DA\",\n colorGreen200: \"#A2CDB4\",\n colorGreen500: \"#178244\",\n colorGreen600: \"#126836\",\n colorGreen700: \"#0E4E29\",\n colorLightBlue500: \"#00BCDD\",\n colorLightBlue600: \"#0096B1\",\n colorOrange100: \"#FFE0B2\",\n colorOrange500: \"#E07900\",\n colorOrange600: \"#B36100\",\n colorOrange700: \"#864900\",\n colorRed100: \"#FFCDD2\",\n colorRed200: \"#F3A599\",\n colorRed500: \"#E01E00\",\n colorRed600: \"#B31800\",\n colorRed700: \"#861200\",\n colorBlack100: \"#000000\",\n colorBlack20: \"rgba(0, 0, 0, 0.2)\",\n colorBlack10: \"rgba(0, 0, 0, 0.1)\",\n colorShadowBlue: \"#7078C3\",\n colorWhite: \"#FFFFFF\",\n colorFocus: \"var(--color-primary300)\",\n colorPrimary: \"var(--color-primary500)\",\n colorSuccess: \"var(--color-green500)\",\n colorWarning: \"var(--color-orange500)\",\n colorDanger: \"var(--color-red500)\",\n defaultPressedColor: \"var(--color-blue-grey100)\",\n defaultHoverColor: \"var(--color-blue-grey25)\",\n defaultLineHeight: \"1.5\", //FIXME: UCL-395\n dataGridLineHeight: \"1.25\",\n defaultBorderRadius: \"0.25rem\",\n focusBorderRadius: \"0.125rem\",\n buttonBorderRadius: \"0.125rem\",\n buttonBorderWidth: \"2px\",\n buttonFontSize: \"0.875rem\",\n buttonBorderStyle: \"solid\",\n buttonFillTextColor: \"var(--light)\",\n buttonPrimaryDefaultColor: \"var(--color-primary500)\",\n buttonPrimaryHoverColor: \"var(--color-primary600)\",\n buttonPrimaryFocusedColor: \"var(--color-primary500)\",\n buttonPrimaryPressedColor: \"var(--color-primary700)\",\n buttonSuccessDefaultColor: \"var(--color-green500)\",\n buttonSuccessHoverColor: \"var(--color-green600)\",\n buttonSuccessFocusedColor: \"var(--color-green500)\",\n buttonSuccessPressedColor: \"var(--color-green700)\",\n buttonDangerDefaultColor: \"var(--color-red500)\",\n buttonDangerHoverColor: \"var(--color-red600)\",\n buttonDangerFocusedColor: \"var(--color-red500)\",\n buttonDangerPressedColor: \"var(--color-red700)\",\n buttonWarningDefaultColor: \"var(--color-orange500)\",\n buttonWarningHoverColor: \"var(--color-orange600)\",\n buttonWarningFocusedColor: \"var(--color-orange500)\",\n buttonWarningPressedColor: \"var(--color-orange700)\",\n buttonDefaultColor: \"var(--color-blue-grey700)\",\n buttonDefaultHoverColor: \"var(--color-blue-grey800)\",\n buttonDefaultFocusedColor: \"var(--color-blue-grey700)\",\n buttonDefaultPressedColor: \"var(--color-blue-grey800)\",\n buttonOutlineHoverTextColor: \"var(--color-primary600)\",\n checkboxUncheckedHoverColor: \"var(--color-blue-grey50)\",\n checkboxUncheckedPressedColor: \"var(--default-pressed-color)\",\n checkboxCheckedHoverColor: \"var(--color-primary600)\",\n checkboxCheckedPressedColor: \"var(--color-primary700)\",\n radioHoverBackgroundColor: \"var(--color-blue-grey50)\",\n radioPressedBackgroundColor: \"var(--default-pressed-color)\",\n radioHoverColor: \"var(--color-primary600)\",\n radioPressedColor: \"var(--color-primary700)\",\n inputBorderRadius: \"2px\",\n inputBorderWidth: \"1px\",\n inputBorderWidthFocus: \"1px\",\n inputBorderStyle: \"solid\",\n fileUploadBorderWidth: \"1px\",\n dragDropBorderStyle: \"dashed\",\n inputBorderColor: \"var(--color-blue-grey500)\",\n inputBackgroundColor: \"var(--light)\",\n inputHelperTextColor: \"var(--color-blue-grey500)\",\n inputHoverBackgroundColor: \"var(--default-hover-color)\",\n inputDisabledBackgroundColor: \"var(--input-hover-background-color)\",\n dragBackgroundColor: \"var(--color-blue-grey25-transparent)\",\n dragBorderStyle: \"solid\",\n modalShadowColor: \"rgba(0, 0, 0, 0.16)\",\n modalBackgroundColor: \"var(--light)\",\n modalBackdropColor: \"var(--default)\",\n skeletonBackgroundColor: \"var(--disabled)\",\n skeletonAnimationColorRgb: \"255, 255, 255\",\n\n alertTextColor: \"var(--default)\",\n alertTextInvertedColor: \"var(--light)\",\n\n alertNeutralBackgroundColor: \"var(--color-blue-grey50)\",\n alertNeutralInvertedColor: \"var(--color-blue-grey500)\",\n\n alertInfoBackgroundColor: \"var(--color-primary100)\",\n alertInfoInvertedColor: \"var(--color-primary500)\",\n\n alertSuccessBackgroundColor: \"var(--color-green100)\",\n alertSuccessInvertedColor: \"var(--color-green500)\",\n\n alertErrorBackgroundColor: \"var(--color-red100)\",\n alertErrorInvertedColor: \"var(--color-red500)\",\n\n alertWarningBackgroundColor: \"var(--color-orange100)\",\n alertWarningInvertedColor: \"var(--color-orange500)\",\n\n alertBorderWidth: \"4px\",\n alertBorderRadius: \"2px\",\n\n stepperWaitingColor: \"var(--color-blue-grey200)\",\n stepperWaitingHoverColor: \"var(--color-blue-grey300)\",\n stepperWaitingActiveColor: \"var(--color-blue-grey400)\",\n stepperWaitingDisabledColor: \"var(--color-blue-grey100)\",\n stepperCurrentColor: \"var(--color-primary500)\",\n stepperCurrentHoverColor: \"var(--color-primary600)\",\n stepperCurrentActiveColor: \"var(--color-primary700)\",\n stepperCurrentDisabledColor: \"var(--color-primary100)\",\n stepperDoneColor: \"var(--color-green500)\",\n stepperDoneHoverColor: \"var(--color-green600)\",\n stepperDoneActiveColor: \"var(--color-green700)\",\n stepperDoneDisabledColor: \"var(--color-green200)\",\n stepperErrorColor: \"var(--color-red500)\",\n stepperErrorHoverColor: \"var(--color-red600)\",\n stepperErrorActiveColor: \"var(--color-red700)\",\n stepperErrorDisabledColor: \"var(--color-red200)\",\n stepperDefaultTextColor: \"var(--color-white)\",\n stepperLineColor: \"var(--color-blue-grey300)\",\n stepperLineBoldColor: \"var(--color-blue-grey700)\",\n stepperLineDisabledColor: \"var(--color-blue-grey100)\",\n stepperLineBoldDisabledColor: \"var(--color-blue-grey300)\",\n stepperLabelColor: \"var(--color-blue-grey900)\",\n stepperCaptionColor: \"var(--color-blue-grey500)\",\n stepperCaptionErrorColor: \"var(--color-red500)\",\n stepperLabelDisabledColor: \"var(--color-blue-grey400)\",\n stepperCaptionDisabledColor: \"var(--color-blue-grey400)\",\n stepperCaptionErrorDisabledColor: \"var(--color-red200)\",\n bannerBorderRadius: \"2px\",\n bannerBorderWidth: \"0 0 0 4px\",\n dataGridRowBackgroundColor: \"transparent\",\n dataGridRowHoverBackgroundColor: \"var(--default-hover-color)\",\n progressBarBackgroundColor: \"var(--disabled)\",\n tabsBackgroundColor: \"var(--light)\",\n tabActiveBorderHeight: \"0.25rem\",\n tabActiveBorderColor: \"var(--color-primary)\",\n tabActiveTextColor: \"var(--color-primary)\",\n tablistBorderWidth: \"0.0625rem\",\n tablistBorderStyle: \"solid\",\n tablistBorderColor: \"var(--color-blue-grey100)\",\n tabTextColor: \"var(--color-blue-grey900)\",\n tabHoverColor: \"var(--default-hover-color)\",\n tabPressedColor: \"var(--default-pressed-color)\",\n toggleBackgroundColor: \"var(--color-blue-grey100)\",\n tooltipBackgroundColor: \"var(--default)\",\n contextMenuHoverColor: \"var(--default-hover-color)\",\n contextMenuPressedColor: \"var(--default-pressed-color)\",\n default: \"var(--color-blue-grey900)\",\n success: \"var(--color-green500)\",\n error: \"var(--color-red500)\",\n info: \"var(--color-primary500)\",\n disabled: \"var(--color-blue-grey100)\",\n greyedOut: \"var(--color-blue-grey400)\",\n lightGreyBorder: \"var(--color-blue-grey100)\",\n warning: \"var(--color-orange500)\",\n light: \"var(--color-white)\",\n fontFamily: \"Roboto, sans-serif\",\n fontFamilyCode: \"'Roboto Mono', monospace\",\n fontSizeFormLabel: \"0.875rem\", //FIXME: UCL-395\n fontSize: \"1rem\", //FIXME: UCL-395\n fontSizeH1: \"2.5rem\",\n fontSizeH2: \"1.625rem\",\n fontSizeH3: \"1.5rem\",\n fontSizeH4: \"1.25rem\",\n fontSizeSub: \".75rem\",\n fontSizeCode: \"1rem\",\n formControlFontSize: \"0.875rem\", //FIXME: UCL-395\n fontSizeDataGrid: \"0.875rem\" //FIXME: UCL-395\n };\n\n /* We need a loading state, because otherwise you see the colors flash from the default to the possible overridden ones. */\n const [isLoading, setIsLoading] = useState(true);\n const baseStylingWrapper = useRef(null);\n\n const setCSSProperties = (CSSPropertiesObject: CSSProperties) => {\n for (const [key, value] of Object.entries(CSSPropertiesObject)) {\n const formattedPropertyName = key.replace(/([A-Z])/g, val => `-${val.toLowerCase()}`);\n (baseStylingWrapper.current! as HTMLElement).style.setProperty(\n `--${formattedPropertyName}`,\n value\n );\n }\n };\n\n useEffect(() => {\n if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {\n const mergedState = { ...defaultProperties, ...properties };\n setCSSProperties(mergedState);\n } else if (baseStylingWrapper.current) {\n setCSSProperties(defaultProperties);\n }\n setIsLoading(false);\n }, [properties, baseStylingWrapper.current]);\n\n return (\n <div className=\"basestyling-wrapper\" ref={baseStylingWrapper}>\n {!isLoading ? children : null}\n </div>\n );\n};\n"],"names":["BaseStyling","children","properties","defaultProperties","colorPrimary100","colorPrimary300","colorPrimary500","colorPrimary600","colorPrimary700","colorPrimary900","colorPrimaryLight","colorBlueGrey25","colorBlueGrey25Transparent","colorBlueGrey50","colorBlueGrey100","colorBlueGrey200","colorBlueGrey300","colorBlueGrey400","colorBlueGrey500","colorBlueGrey700","colorBlueGrey800","colorBlueGrey900","colorGreen100","colorGreen200","colorGreen500","colorGreen600","colorGreen700","colorLightBlue500","colorLightBlue600","colorOrange100","colorOrange500","colorOrange600","colorOrange700","colorRed100","colorRed200","colorRed500","colorRed600","colorRed700","colorBlack100","colorBlack20","colorBlack10","colorShadowBlue","colorWhite","colorFocus","colorPrimary","colorSuccess","colorWarning","colorDanger","defaultPressedColor","defaultHoverColor","defaultLineHeight","dataGridLineHeight","defaultBorderRadius","focusBorderRadius","buttonBorderRadius","buttonBorderWidth","buttonFontSize","buttonBorderStyle","buttonFillTextColor","buttonPrimaryDefaultColor","buttonPrimaryHoverColor","buttonPrimaryFocusedColor","buttonPrimaryPressedColor","buttonSuccessDefaultColor","buttonSuccessHoverColor","buttonSuccessFocusedColor","buttonSuccessPressedColor","buttonDangerDefaultColor","buttonDangerHoverColor","buttonDangerFocusedColor","buttonDangerPressedColor","buttonWarningDefaultColor","buttonWarningHoverColor","buttonWarningFocusedColor","buttonWarningPressedColor","buttonDefaultColor","buttonDefaultHoverColor","buttonDefaultFocusedColor","buttonDefaultPressedColor","buttonOutlineHoverTextColor","checkboxUncheckedHoverColor","checkboxUncheckedPressedColor","checkboxCheckedHoverColor","checkboxCheckedPressedColor","radioHoverBackgroundColor","radioPressedBackgroundColor","radioHoverColor","radioPressedColor","inputBorderRadius","inputBorderWidth","inputBorderWidthFocus","inputBorderStyle","fileUploadBorderWidth","dragDropBorderStyle","inputBorderColor","inputBackgroundColor","inputHelperTextColor","inputHoverBackgroundColor","inputDisabledBackgroundColor","dragBackgroundColor","dragBorderStyle","modalShadowColor","modalBackgroundColor","modalBackdropColor","skeletonBackgroundColor","skeletonAnimationColorRgb","alertTextColor","alertTextInvertedColor","alertNeutralBackgroundColor","alertNeutralInvertedColor","alertInfoBackgroundColor","alertInfoInvertedColor","alertSuccessBackgroundColor","alertSuccessInvertedColor","alertErrorBackgroundColor","alertErrorInvertedColor","alertWarningBackgroundColor","alertWarningInvertedColor","alertBorderWidth","alertBorderRadius","stepperWaitingColor","stepperWaitingHoverColor","stepperWaitingActiveColor","stepperWaitingDisabledColor","stepperCurrentColor","stepperCurrentHoverColor","stepperCurrentActiveColor","stepperCurrentDisabledColor","stepperDoneColor","stepperDoneHoverColor","stepperDoneActiveColor","stepperDoneDisabledColor","stepperErrorColor","stepperErrorHoverColor","stepperErrorActiveColor","stepperErrorDisabledColor","stepperDefaultTextColor","stepperLineColor","stepperLineBoldColor","stepperLineDisabledColor","stepperLineBoldDisabledColor","stepperLabelColor","stepperCaptionColor","stepperCaptionErrorColor","stepperLabelDisabledColor","stepperCaptionDisabledColor","stepperCaptionErrorDisabledColor","bannerBorderRadius","bannerBorderWidth","dataGridRowBackgroundColor","dataGridRowHoverBackgroundColor","progressBarBackgroundColor","tabsBackgroundColor","tabActiveBorderHeight","tabActiveBorderColor","tabActiveTextColor","tablistBorderWidth","tablistBorderStyle","tablistBorderColor","tabTextColor","tabHoverColor","tabPressedColor","toggleBackgroundColor","tooltipBackgroundColor","contextMenuHoverColor","contextMenuPressedColor","default","success","error","info","disabled","greyedOut","lightGreyBorder","warning","light","fontFamily","fontFamilyCode","fontSizeFormLabel","fontSize","fontSizeH1","fontSizeH2","fontSizeH3","fontSizeH4","fontSizeSub","fontSizeCode","formControlFontSize","fontSizeDataGrid","isLoading","setIsLoading","useState","baseStylingWrapper","useRef","setCSSProperties","CSSPropertiesObject","key","value","Object","entries","formattedPropertyName","replace","val","toLowerCase","current","style","setProperty","useEffect","keys","length","mergedState","React","className","ref"],"mappings":"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"}
1	+ {"version":3,"file":"BaseStyling.cjs.js","sources":["../../../../../src/components/_BaseStyling_/BaseStyling.tsx"],"sourcesContent":["/\n Copyright 2022 OneWelcome B.V.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n /\n\n/\n If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx\n * and make sure to add it to the shouldBeColorPicker array!\n /\n\nimport React, { HTMLAttributes, ReactElement, useEffect, useRef, useState } from \"react\";\n\ninterface CSSProperties {\n colorFocus?: string;\n colorPrimary?: string;\n colorSuccess?: string;\n colorWarning?: string;\n colorDanger?: string;\n colorPrimary100?: string;\n colorPrimary300?: string;\n colorPrimary500?: string;\n colorPrimary600?: string;\n colorPrimary700?: string;\n colorPrimary900?: string;\n colorPrimaryLight?: string;\n colorBlueGrey100?: string;\n colorBlueGrey200?: string;\n colorBlueGrey300?: string;\n colorBlueGrey400?: string;\n colorBlueGrey25?: string;\n colorBlueGrey25Transparent?: string;\n colorBlueGrey50?: string;\n colorBlueGrey500?: string;\n colorBlueGrey700?: string;\n colorBlueGrey800?: string;\n colorBlueGrey900?: string;\n colorGreen100?: string;\n colorGreen200?: string;\n colorGreen500?: string;\n colorGreen600?: string;\n colorGreen700?: string;\n colorLightBlue500?: string;\n colorLightBlue600?: string;\n colorShadowBlue?: string;\n colorOrange100?: string;\n colorOrange500?: string;\n colorOrange600?: string;\n colorOrange700?: string;\n colorRed100?: string;\n colorRed200?: string;\n colorRed500?: string;\n colorRed600?: string;\n colorRed700?: string;\n colorWhite?: string;\n colorBlack100?: string;\n colorBlack20?: string;\n colorBlack10?: string;\n defaultPressedColor?: string;\n defaultHoverColor?: string;\n defaultLineHeight?: string;\n dataGridLineHeight?: string;\n focusBorderRadius?: string;\n buttonBorderRadius?: string;\n buttonBorderWidth?: string;\n buttonFontSize?: string;\n buttonBorderStyle?: string;\n buttonPrimaryDefaultColor?: string;\n buttonPrimaryPressedColor?: string;\n buttonFillTextColor?: string;\n buttonPrimaryHoverColor?: string;\n buttonPrimaryFocusedColor?: string;\n buttonOutlineHoverTextColor?: string;\n buttonSuccessDefaultColor?: string;\n buttonSuccessHoverColor?: string;\n buttonSuccessFocusedColor?: string;\n buttonSuccessPressedColor?: string;\n buttonDangerDefaultColor?: string;\n buttonDangerHoverColor?: string;\n buttonDangerFocusedColor?: string;\n buttonDangerPressedColor?: string;\n buttonWarningDefaultColor?: string;\n buttonWarningHoverColor?: string;\n buttonWarningFocusedColor?: string;\n buttonWarningPressedColor?: string;\n buttonDefaultColor?: string;\n buttonDefaultHoverColor?: string;\n buttonDefaultFocusedColor?: string;\n buttonDefaultPressedColor?: string;\n buttonOutlineActiveTextColor?: string;\n checkboxUncheckedHoverColor?: string;\n checkboxUncheckedPressedColor?: string;\n checkboxCheckedHoverColor?: string;\n checkboxCheckedPressedColor?: string;\n radioHoverBackgroundColor?: string;\n radioPressedBackgroundColor?: string;\n radioHoverColor?: string;\n radioPressedColor?: string;\n defaultBorderRadius?: string;\n inputBorderRadius?: string;\n inputBorderWidth?: string;\n inputBorderWidthFocus?: string;\n inputBorderStyle?: string;\n inputBorderColor?: string;\n inputBackgroundColor?: string;\n inputHelperTextColor?: string;\n inputHoverBackgroundColor?: string;\n inputDisabledBackgroundColor?: string;\n dragBackgroundColor?: string;\n dragBorderStyle?: string;\n modalShadowColor?: string;\n modalBackgroundColor?: string;\n modalBackdropColor?: string;\n skeletonBackgroundColor?: string;\n skeletonAnimationColorRgb?: string;\n\n alertTextColor?: string;\n alertTextInvertedColor?: string;\n\n alertNeutralBackgroundColor?: string;\n alertInfoBackgroundColor?: string;\n alertSuccessBackgroundColor?: string;\n alertErrorBackgroundColor?: string;\n alertWarningBackgroundColor?: string;\n\n alertNeutralInvertedColor?: string;\n alertInfoInvertedColor?: string;\n alertSuccessInvertedColor?: string;\n alertErrorInvertedColor?: string;\n alertWarningInvertedColor?: string;\n\n alertBorderWidth?: string;\n alertBorderRadius?: string;\n\n stepperWaitingColor?: string;\n stepperWaitingHoverColor?: string;\n stepperWaitingActiveColor?: string;\n stepperWaitingDisabledColor?: string;\n stepperCurrentColor?: string;\n stepperCurrentHoverColor?: string;\n stepperCurrentActiveColor?: string;\n stepperCurrentDisabledColor?: string;\n stepperDoneColor?: string;\n stepperDoneHoverColor?: string;\n stepperDoneActiveColor?: string;\n stepperDoneDisabledColor?: string;\n stepperErrorColor?: string;\n stepperErrorHoverColor?: string;\n stepperErrorActiveColor?: string;\n stepperErrorDisabledColor?: string;\n stepperDefaultTextColor?: string;\n stepperLineColor?: string;\n stepperLineBoldColor?: string;\n stepperLineDisabledColor?: string;\n stepperLineBoldDisabledColor?: string;\n stepperLabelColor?: string;\n stepperCaptionColor?: string;\n stepperCaptionErrorColor?: string;\n stepperLabelDisabledColor?: string;\n stepperCaptionDisabledColor?: string;\n stepperCaptionErrorDisabledColor?: string;\n bannerBorderRadius?: string;\n bannerBorderWidth?: string;\n dataGridRowBackgroundColor?: string;\n dataGridRowHoverBackgroundColor?: string;\n progressBarBackgroundColor?: string;\n tabsBackgroundColor?: string;\n tabActiveBorderHeight?: string;\n tabActiveBorderColor?: string;\n tabActiveTextColor?: string;\n tablistBorderWidth?: string;\n tablistBorderStyle?: string;\n tablistBorderColor?: string;\n tabTextColor?: string;\n tabHoverColor?: string;\n tabPressedColor?: string;\n toggleBackgroundColor?: string;\n tooltipBackgroundColor?: string;\n contextMenuHoverColor?: string;\n contextMenuPressedColor?: string;\n default?: string;\n success?: string;\n error?: string;\n info?: string;\n disabled?: string;\n greyedOut?: string;\n lightGreyBorder?: string;\n warning?: string;\n light?: string;\n fontFamily?: string;\n fontFamilyCode?: string;\n fontSizeFormLabel?: string;\n fontSize?: string;\n fontSizeH1?: string;\n fontSizeH2?: string;\n fontSizeH3?: string;\n fontSizeH4?: string;\n fontSizeSub?: string;\n fontSizeCode?: string;\n formControlFontSize?: string;\n fileUploadBorderWidth?: string;\n dragDropBorderStyle?: string;\n fontSizeDataGrid?: string;\n}\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n children?: ReactElement[] \| ReactElement \| string[] \| string \| number[] \| number;\n properties?: CSSProperties;\n}\n\nexport const BaseStyling = ({ children, properties = {} }: Props) => {\n const defaultProperties: CSSProperties = {\n colorPrimary100: \"#CDD0EA\",\n colorPrimary300: \"#6871BF\",\n colorPrimary500: \"#041295\",\n colorPrimary600: \"#030F77\",\n colorPrimary700: \"#020B59\",\n colorPrimary900: \"#01041E\",\n colorPrimaryLight: \"#E6E7F4\",\n colorBlueGrey25: \"#F7F7F9\",\n colorBlueGrey25Transparent: \"rgba(247, 247, 249, .8)\",\n colorBlueGrey50: \"#EEEFF3\",\n colorBlueGrey100: \"#DEDEE6\",\n colorBlueGrey200: \"#BCBECE\",\n colorBlueGrey300: \"#9A9DB5\",\n colorBlueGrey400: \"#797D9C\",\n colorBlueGrey500: \"#5D607E\",\n colorBlueGrey700: \"#383A4B\",\n colorBlueGrey800: \"#252733\",\n colorBlueGrey900: \"#131319\",\n colorGreen100: \"#D1E6DA\",\n colorGreen200: \"#A2CDB4\",\n colorGreen500: \"#178244\",\n colorGreen600: \"#126836\",\n colorGreen700: \"#0E4E29\",\n colorLightBlue500: \"#00BCDD\",\n colorLightBlue600: \"#0096B1\",\n colorOrange100: \"#FFE0B2\",\n colorOrange500: \"#E07900\",\n colorOrange600: \"#B36100\",\n colorOrange700: \"#864900\",\n colorRed100: \"#FFCDD2\",\n colorRed200: \"#F3A599\",\n colorRed500: \"#E01E00\",\n colorRed600: \"#B31800\",\n colorRed700: \"#861200\",\n colorBlack100: \"#000000\",\n colorBlack20: \"rgba(0, 0, 0, 0.2)\",\n colorBlack10: \"rgba(0, 0, 0, 0.1)\",\n colorShadowBlue: \"#7078C3\",\n colorWhite: \"#FFFFFF\",\n colorFocus: \"var(--color-primary300)\",\n colorPrimary: \"var(--color-primary500)\",\n colorSuccess: \"var(--color-green500)\",\n colorWarning: \"var(--color-orange500)\",\n colorDanger: \"var(--color-red500)\",\n defaultPressedColor: \"var(--color-blue-grey100)\",\n defaultHoverColor: \"var(--color-blue-grey25)\",\n defaultLineHeight: \"1.5\", //FIXME: UCL-395\n dataGridLineHeight: \"1.25\",\n defaultBorderRadius: \"0.25rem\",\n focusBorderRadius: \"0.125rem\",\n buttonBorderRadius: \"0.125rem\",\n buttonBorderWidth: \"2px\",\n buttonFontSize: \"0.875rem\",\n buttonBorderStyle: \"solid\",\n buttonFillTextColor: \"var(--light)\",\n buttonPrimaryDefaultColor: \"var(--color-primary500)\",\n buttonPrimaryHoverColor: \"var(--color-primary600)\",\n buttonPrimaryFocusedColor: \"var(--color-primary500)\",\n buttonPrimaryPressedColor: \"var(--color-primary700)\",\n buttonSuccessDefaultColor: \"var(--color-green500)\",\n buttonSuccessHoverColor: \"var(--color-green600)\",\n buttonSuccessFocusedColor: \"var(--color-green500)\",\n buttonSuccessPressedColor: \"var(--color-green700)\",\n buttonDangerDefaultColor: \"var(--color-red500)\",\n buttonDangerHoverColor: \"var(--color-red600)\",\n buttonDangerFocusedColor: \"var(--color-red500)\",\n buttonDangerPressedColor: \"var(--color-red700)\",\n buttonWarningDefaultColor: \"var(--color-orange500)\",\n buttonWarningHoverColor: \"var(--color-orange600)\",\n buttonWarningFocusedColor: \"var(--color-orange500)\",\n buttonWarningPressedColor: \"var(--color-orange700)\",\n buttonDefaultColor: \"var(--color-blue-grey700)\",\n buttonDefaultHoverColor: \"var(--color-blue-grey800)\",\n buttonDefaultFocusedColor: \"var(--color-blue-grey700)\",\n buttonDefaultPressedColor: \"var(--color-blue-grey800)\",\n buttonOutlineHoverTextColor: \"var(--color-primary600)\",\n checkboxUncheckedHoverColor: \"var(--color-blue-grey50)\",\n checkboxUncheckedPressedColor: \"var(--default-pressed-color)\",\n checkboxCheckedHoverColor: \"var(--color-primary600)\",\n checkboxCheckedPressedColor: \"var(--color-primary700)\",\n radioHoverBackgroundColor: \"var(--color-blue-grey50)\",\n radioPressedBackgroundColor: \"var(--default-pressed-color)\",\n radioHoverColor: \"var(--color-primary600)\",\n radioPressedColor: \"var(--color-primary700)\",\n inputBorderRadius: \"2px\",\n inputBorderWidth: \"1px\",\n inputBorderWidthFocus: \"1px\",\n inputBorderStyle: \"solid\",\n fileUploadBorderWidth: \"1px\",\n dragDropBorderStyle: \"dashed\",\n inputBorderColor: \"var(--color-blue-grey500)\",\n inputBackgroundColor: \"var(--light)\",\n inputHelperTextColor: \"var(--color-blue-grey500)\",\n inputHoverBackgroundColor: \"var(--default-hover-color)\",\n inputDisabledBackgroundColor: \"var(--input-hover-background-color)\",\n dragBackgroundColor: \"var(--color-blue-grey25-transparent)\",\n dragBorderStyle: \"solid\",\n modalShadowColor: \"rgba(0, 0, 0, 0.16)\",\n modalBackgroundColor: \"var(--light)\",\n modalBackdropColor: \"var(--default)\",\n skeletonBackgroundColor: \"var(--disabled)\",\n skeletonAnimationColorRgb: \"255, 255, 255\",\n\n alertTextColor: \"var(--default)\",\n alertTextInvertedColor: \"var(--light)\",\n\n alertNeutralBackgroundColor: \"var(--color-blue-grey50)\",\n alertNeutralInvertedColor: \"var(--color-blue-grey500)\",\n\n alertInfoBackgroundColor: \"var(--color-primary100)\",\n alertInfoInvertedColor: \"var(--color-primary500)\",\n\n alertSuccessBackgroundColor: \"var(--color-green100)\",\n alertSuccessInvertedColor: \"var(--color-green500)\",\n\n alertErrorBackgroundColor: \"var(--color-red100)\",\n alertErrorInvertedColor: \"var(--color-red500)\",\n\n alertWarningBackgroundColor: \"var(--color-orange100)\",\n alertWarningInvertedColor: \"var(--color-orange500)\",\n\n alertBorderWidth: \"4px\",\n alertBorderRadius: \"2px\",\n\n stepperWaitingColor: \"var(--color-blue-grey200)\",\n stepperWaitingHoverColor: \"var(--color-blue-grey300)\",\n stepperWaitingActiveColor: \"var(--color-blue-grey400)\",\n stepperWaitingDisabledColor: \"var(--color-blue-grey100)\",\n stepperCurrentColor: \"var(--color-primary500)\",\n stepperCurrentHoverColor: \"var(--color-primary600)\",\n stepperCurrentActiveColor: \"var(--color-primary700)\",\n stepperCurrentDisabledColor: \"var(--color-primary100)\",\n stepperDoneColor: \"var(--color-green500)\",\n stepperDoneHoverColor: \"var(--color-green600)\",\n stepperDoneActiveColor: \"var(--color-green700)\",\n stepperDoneDisabledColor: \"var(--color-green200)\",\n stepperErrorColor: \"var(--color-red500)\",\n stepperErrorHoverColor: \"var(--color-red600)\",\n stepperErrorActiveColor: \"var(--color-red700)\",\n stepperErrorDisabledColor: \"var(--color-red200)\",\n stepperDefaultTextColor: \"var(--color-white)\",\n stepperLineColor: \"var(--color-blue-grey300)\",\n stepperLineBoldColor: \"var(--color-blue-grey700)\",\n stepperLineDisabledColor: \"var(--color-blue-grey100)\",\n stepperLineBoldDisabledColor: \"var(--color-blue-grey300)\",\n stepperLabelColor: \"var(--color-blue-grey900)\",\n stepperCaptionColor: \"var(--color-blue-grey500)\",\n stepperCaptionErrorColor: \"var(--color-red500)\",\n stepperLabelDisabledColor: \"var(--color-blue-grey400)\",\n stepperCaptionDisabledColor: \"var(--color-blue-grey400)\",\n stepperCaptionErrorDisabledColor: \"var(--color-red200)\",\n bannerBorderRadius: \"2px\",\n bannerBorderWidth: \"0 0 0 4px\",\n dataGridRowBackgroundColor: \"transparent\",\n dataGridRowHoverBackgroundColor: \"var(--default-hover-color)\",\n progressBarBackgroundColor: \"var(--disabled)\",\n tabsBackgroundColor: \"var(--light)\",\n tabActiveBorderHeight: \"0.25rem\",\n tabActiveBorderColor: \"var(--color-primary)\",\n tabActiveTextColor: \"var(--color-primary)\",\n tablistBorderWidth: \"0.0625rem\",\n tablistBorderStyle: \"solid\",\n tablistBorderColor: \"var(--color-blue-grey100)\",\n tabTextColor: \"var(--color-blue-grey900)\",\n tabHoverColor: \"var(--default-hover-color)\",\n tabPressedColor: \"var(--default-pressed-color)\",\n toggleBackgroundColor: \"var(--color-blue-grey100)\",\n tooltipBackgroundColor: \"var(--default)\",\n contextMenuHoverColor: \"var(--default-hover-color)\",\n contextMenuPressedColor: \"var(--default-pressed-color)\",\n default: \"var(--color-blue-grey900)\",\n success: \"var(--color-green500)\",\n error: \"var(--color-red500)\",\n info: \"var(--color-primary500)\",\n disabled: \"var(--color-blue-grey100)\",\n greyedOut: \"var(--color-blue-grey400)\",\n lightGreyBorder: \"var(--color-blue-grey100)\",\n warning: \"var(--color-orange500)\",\n light: \"var(--color-white)\",\n fontFamily: \"Roboto, sans-serif\",\n fontFamilyCode: \"'Roboto Mono', monospace\",\n fontSizeFormLabel: \"0.875rem\", //FIXME: UCL-395\n fontSize: \"1rem\", //FIXME: UCL-395\n fontSizeH1: \"2.5rem\",\n fontSizeH2: \"1.625rem\",\n fontSizeH3: \"1.5rem\",\n fontSizeH4: \"1.25rem\",\n fontSizeSub: \".75rem\",\n fontSizeCode: \"1rem\",\n formControlFontSize: \"0.875rem\", //FIXME: UCL-395\n fontSizeDataGrid: \"0.875rem\" //FIXME: UCL-395\n };\n\n /* We need a loading state, because otherwise you see the colors flash from the default to the possible overridden ones. */\n const [isLoading, setIsLoading] = useState(true);\n const baseStylingWrapper = useRef(null);\n\n const setCSSProperties = (CSSPropertiesObject: CSSProperties) => {\n for (const [key, value] of Object.entries(CSSPropertiesObject)) {\n const formattedPropertyName = key.replace(/([A-Z])/g, val => `-${val.toLowerCase()}`);\n (baseStylingWrapper.current! as HTMLElement).style.setProperty(\n `--${formattedPropertyName}`,\n value\n );\n }\n };\n\n useEffect(() => {\n if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {\n const mergedState = { ...defaultProperties, ...properties };\n setCSSProperties(mergedState);\n } else if (baseStylingWrapper.current) {\n setCSSProperties(defaultProperties);\n }\n setIsLoading(false);\n }, [properties, baseStylingWrapper.current]);\n\n return (\n <div className=\"basestyling-wrapper\" ref={baseStylingWrapper}>\n {!isLoading ? children : null}\n </div>\n );\n};\n"],"names":["children","properties","defaultProperties","colorPrimary100","colorPrimary300","colorPrimary500","colorPrimary600","colorPrimary700","colorPrimary900","colorPrimaryLight","colorBlueGrey25","colorBlueGrey25Transparent","colorBlueGrey50","colorBlueGrey100","colorBlueGrey200","colorBlueGrey300","colorBlueGrey400","colorBlueGrey500","colorBlueGrey700","colorBlueGrey800","colorBlueGrey900","colorGreen100","colorGreen200","colorGreen500","colorGreen600","colorGreen700","colorLightBlue500","colorLightBlue600","colorOrange100","colorOrange500","colorOrange600","colorOrange700","colorRed100","colorRed200","colorRed500","colorRed600","colorRed700","colorBlack100","colorBlack20","colorBlack10","colorShadowBlue","colorWhite","colorFocus","colorPrimary","colorSuccess","colorWarning","colorDanger","defaultPressedColor","defaultHoverColor","defaultLineHeight","dataGridLineHeight","defaultBorderRadius","focusBorderRadius","buttonBorderRadius","buttonBorderWidth","buttonFontSize","buttonBorderStyle","buttonFillTextColor","buttonPrimaryDefaultColor","buttonPrimaryHoverColor","buttonPrimaryFocusedColor","buttonPrimaryPressedColor","buttonSuccessDefaultColor","buttonSuccessHoverColor","buttonSuccessFocusedColor","buttonSuccessPressedColor","buttonDangerDefaultColor","buttonDangerHoverColor","buttonDangerFocusedColor","buttonDangerPressedColor","buttonWarningDefaultColor","buttonWarningHoverColor","buttonWarningFocusedColor","buttonWarningPressedColor","buttonDefaultColor","buttonDefaultHoverColor","buttonDefaultFocusedColor","buttonDefaultPressedColor","buttonOutlineHoverTextColor","checkboxUncheckedHoverColor","checkboxUncheckedPressedColor","checkboxCheckedHoverColor","checkboxCheckedPressedColor","radioHoverBackgroundColor","radioPressedBackgroundColor","radioHoverColor","radioPressedColor","inputBorderRadius","inputBorderWidth","inputBorderWidthFocus","inputBorderStyle","fileUploadBorderWidth","dragDropBorderStyle","inputBorderColor","inputBackgroundColor","inputHelperTextColor","inputHoverBackgroundColor","inputDisabledBackgroundColor","dragBackgroundColor","dragBorderStyle","modalShadowColor","modalBackgroundColor","modalBackdropColor","skeletonBackgroundColor","skeletonAnimationColorRgb","alertTextColor","alertTextInvertedColor","alertNeutralBackgroundColor","alertNeutralInvertedColor","alertInfoBackgroundColor","alertInfoInvertedColor","alertSuccessBackgroundColor","alertSuccessInvertedColor","alertErrorBackgroundColor","alertErrorInvertedColor","alertWarningBackgroundColor","alertWarningInvertedColor","alertBorderWidth","alertBorderRadius","stepperWaitingColor","stepperWaitingHoverColor","stepperWaitingActiveColor","stepperWaitingDisabledColor","stepperCurrentColor","stepperCurrentHoverColor","stepperCurrentActiveColor","stepperCurrentDisabledColor","stepperDoneColor","stepperDoneHoverColor","stepperDoneActiveColor","stepperDoneDisabledColor","stepperErrorColor","stepperErrorHoverColor","stepperErrorActiveColor","stepperErrorDisabledColor","stepperDefaultTextColor","stepperLineColor","stepperLineBoldColor","stepperLineDisabledColor","stepperLineBoldDisabledColor","stepperLabelColor","stepperCaptionColor","stepperCaptionErrorColor","stepperLabelDisabledColor","stepperCaptionDisabledColor","stepperCaptionErrorDisabledColor","bannerBorderRadius","bannerBorderWidth","dataGridRowBackgroundColor","dataGridRowHoverBackgroundColor","progressBarBackgroundColor","tabsBackgroundColor","tabActiveBorderHeight","tabActiveBorderColor","tabActiveTextColor","tablistBorderWidth","tablistBorderStyle","tablistBorderColor","tabTextColor","tabHoverColor","tabPressedColor","toggleBackgroundColor","tooltipBackgroundColor","contextMenuHoverColor","contextMenuPressedColor","default","success","error","info","disabled","greyedOut","lightGreyBorder","warning","light","fontFamily","fontFamilyCode","fontSizeFormLabel","fontSize","fontSizeH1","fontSizeH2","fontSizeH3","fontSizeH4","fontSizeSub","fontSizeCode","formControlFontSize","fontSizeDataGrid","isLoading","setIsLoading","useState","baseStylingWrapper","useRef","setCSSProperties","CSSPropertiesObject","key","value","Object","entries","formattedPropertyName","replace","val","toLowerCase","current","style","setProperty","useEffect","keys","length","mergedState","React","className","ref"],"mappings":"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"}

package/dist/cjs/admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");var t=require("./MicrofrontendContainer.module.cjs.js");function r(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var n=r(e);const a=({header:e,children:r,contentMargins:a=true,contentMaxWidth:o=true,...u})=>{const i=[];a&&i.push(t["default"]["microfrontend-container-margin"]);o&&i.push(t["default"]["microfrontend-container-max-width"]);return n["default"].createElement(n["default"].Fragment,null,n["default"].createElement("div",null,e),n["default"].createElement("div",{className:i.join(" "),...u},r))};exports.MicrofrontendContainer=a;
+"use strict";var e=require("react"),n=require("./MicrofrontendContainer.module.scss.cjs.js");exports.MicrofrontendContainer=({header:r,children:t,contentMargins:a=!0,contentMaxWidth:i=!0,...c})=>{const o=[];return a&&o.push(n.default["microfrontend-container-margin"]),i&&o.push(n.default["microfrontend-container-max-width"]),e.createElement(e.Fragment,null,e.createElement("div",null,r),e.createElement("div",{className:o.join(" "),...c},t))};
 //# sourceMappingURL=MicrofrontendContainer.cjs.js.map

package/dist/cjs/admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MicrofrontendContainer.cjs.js","sources":["../../../../../../../src/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.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, { ReactElement } from \"react\";\nimport classes from \"./MicrofrontendContainer.module.scss\";\n\nexport interface Props {\n header?: ReactElement \| ReactElement[];\n children: ReactElement \| ReactElement[];\n contentMargins?: boolean;\n contentMaxWidth?: boolean;\n}\n\nexport const MicrofrontendContainer = ({\n header,\n children,\n contentMargins = true,\n contentMaxWidth = true,\n ...rest\n}: Props) => {\n const appliedClasses = [];\n\n contentMargins && appliedClasses.push(classes[\"microfrontend-container-margin\"]);\n contentMaxWidth && appliedClasses.push(classes[\"microfrontend-container-max-width\"]);\n\n return (\n <>\n <div>{header}</div>\n <div className={appliedClasses.join(\" \")} {...rest}>\n {children}\n </div>\n </>\n );\n};\n"],"names":["~~MicrofrontendContainer","~~header","children","contentMargins","contentMaxWidth","rest","appliedClasses","push","classes","React","createElement","Fragment","className","join"],"mappings":"~~+OA0BaA~~,~~EAAyB~~,~~EACpCC,~~SACAC,WACAC,~~iBAAiB~~,~~KACjBC~~,~~kBAAkB~~,~~QACfC~~,MAEH,MAAMC,EAAiB,~~GAEvBH~~,GAAkBG,EAAeC,KAAKC,EAAAA,~~WAAQ~~,mCAC9CJ,GAAmBE,EAAeC,KAAKC,EAAAA,~~WAAQ~~,~~sCAE/C~~,~~OACEC~~,~~aAAAC,~~cAAAD,~~EAAA~~,~~WAAAE,~~SAAA,KACEF,~~EAAAA~~,~~WAAAC,~~cAAA,MAAA,KAAMT,GACNQ,~~EAAAA~~,~~WAAAC,~~cAAA,MAAA,CAAKE,UAAWN,EAAeO,KAAK,QAAUR,GAC3CH,GAGL"}
1	+ {"version":3,"file":"MicrofrontendContainer.cjs.js","sources":["../../../../../../../src/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.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, { ReactElement } from \"react\";\nimport classes from \"./MicrofrontendContainer.module.scss\";\n\nexport interface Props {\n header?: ReactElement \| ReactElement[];\n children: ReactElement \| ReactElement[];\n contentMargins?: boolean;\n contentMaxWidth?: boolean;\n}\n\nexport const MicrofrontendContainer = ({\n header,\n children,\n contentMargins = true,\n contentMaxWidth = true,\n ...rest\n}: Props) => {\n const appliedClasses = [];\n\n contentMargins && appliedClasses.push(classes[\"microfrontend-container-margin\"]);\n contentMaxWidth && appliedClasses.push(classes[\"microfrontend-container-max-width\"]);\n\n return (\n <>\n <div>{header}</div>\n <div className={appliedClasses.join(\" \")} {...rest}>\n {children}\n </div>\n </>\n );\n};\n"],"names":["header","children","contentMargins","contentMaxWidth","rest","appliedClasses","push","classes","React","createElement","Fragment","className","join"],"mappings":"4HA0BsC,EACpCA,SACAC,WACAC,kBAAiB,EACjBC,mBAAkB,KACfC,MAEH,MAAMC,EAAiB,GAKvB,OAHAH,GAAkBG,EAAeC,KAAKC,EAAAA,QAAQ,mCAC9CJ,GAAmBE,EAAeC,KAAKC,EAAAA,QAAQ,sCAG7CC,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAAA,MAAA,KAAMT,GACNQ,EAAAC,cAAA,MAAA,CAAKE,UAAWN,EAAeO,KAAK,QAAUR,GAC3CH,GAGL"}

package/dist/cjs/admin/layout/MicrofrontendContainer/MicrofrontendContainer.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 /.MicrofrontendContainer-module_microfrontend-container-margin__sCNCe{padding:2rem}.MicrofrontendContainer-module_microfrontend-container-max-width__AMgo6{max-width:105rem}\n/# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1pY3JvZnJvbnRlbmRDb250YWluZXIubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixxRUFDRSxZQUNGLENBQ0Esd0VBQ0UsZ0JBQ0YiLCJmaWxlIjoiTWljcm9mcm9udGVuZENvbnRhaW5lci5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4ubWljcm9mcm9udGVuZC1jb250YWluZXItbWFyZ2luIHtcbiAgcGFkZGluZzogMnJlbTtcbn1cbi5taWNyb2Zyb250ZW5kLWNvbnRhaW5lci1tYXgtd2lkdGgge1xuICBtYXgtd2lkdGg6IDEwNXJlbTtcbn0iXX0= */'),exports.default={"microfrontend-container-margin":"MicrofrontendContainer-module_microfrontend-container-margin__sCNCe","microfrontend-container-max-width":"MicrofrontendContainer-module_microfrontend-container-max-width__AMgo6"};
2	+ //# sourceMappingURL=MicrofrontendContainer.module.scss.cjs.js.map

package/dist/cjs/admin/layout/MicrofrontendContainer/MicrofrontendContainer.module.scss.cjs.js.map ADDED Viewed

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

package/dist/cjs/node_modules/style-inject/dist/style-inject.es.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});function e(e,t){if(t===void 0)t={};var d=t.insertAt;if(!e||typeof document==="undefined")return;var s=document.head||document.getElementsByTagName("head")[0];var i=document.createElement("style");i.type="text/css";if(d==="top")if(s.firstChild)s.insertBefore(i,s.firstChild);else s.appendChild(i);else s.appendChild(i);if(i.styleSheet)i.styleSheet.cssText=e;else i.appendChild(document.createTextNode(e))}exports["default"]=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e,t){void 0===t&&(t={});var d=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===d&&s.firstChild?s.insertBefore(n,s.firstChild):s.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}};
 //# sourceMappingURL=style-inject.es.cjs.js.map

package/dist/cjs/node_modules/style-inject/dist/style-inject.es.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style-inject.es.cjs.js","sources":["../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css \|\| typeof document === 'undefined') { return; }\n\n var head = document.head \|\| document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":["~~styleInject","~~css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"~~sEAAA~~,~~SAASA~~,~~EAAYC,~~EAAKC,~~GACxB~~,~~GAAKA~~,~~SAAa~~,~~EAAIA,~~EAAM,CAAA,~~EAC5B~~,IAAIC,EAAWD,EAAIC,SAEnB,~~IAAKF~~,~~UAAcG~~,~~WAAa~~,~~YAAe~~,~~OAE/C~~,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,~~GAClE~~,~~IAAIC,~~EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,~~WAEb~~,~~GAAIN~~,~~IAAa~~,~~MACf,GAAIE,~~EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,~~iBAE9BL~~,EAAKO,YAAYL,~~QAGnBF~~,~~EAAKO,YAAYL,GAGnB,GAAIA,~~EAAMM,WACRN,EAAMM,WAAWC,QAAUb,~~OAE3BM~~,EAAMK,YAAYR,SAASW,eAAed,~~GAE9C~~"}
1	+ {"version":3,"file":"style-inject.es.cjs.js","sources":["../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css \|\| typeof document === 'undefined') { return; }\n\n var head = document.head \|\| document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"oFAAA,SAAqBA,EAAKC,QACX,IAARA,IAAiBA,EAAM,CAAA,GAC5B,IAAIC,EAAWD,EAAIC,SAEnB,GAAKF,GAA2B,oBAAbG,SAAnB,CAEA,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAC9DC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEI,QAAbN,GACEE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,YAKhCL,EAAKO,YAAYL,GAGfA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,EAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAnBY,CAqB1D","x_google_ignoreList":[0]}

package/dist/cjs/src/components/Icon/Icon.d.ts CHANGED Viewed

@@ -78,7 +78,9 @@ export declare enum Icons {
     RetryFile = "retry",
     AbortFile = "cancel",
     FileAltIcon = "file-alt",
-    AddCircle = "add-circle"
+    AddCircle = "add-circle",
+    ZoomIn = "zoom-in",
+    ZoomOut = "zoom-out"
 }
 type Tag = "span" | "div" | "i";
 export interface Props extends ComponentPropsWithRef<"div"> {

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");const t=t=>{const n=e.useRef(null);const[r,i]=e.useState(false);const a=()=>r&&t();e.useEffect((()=>{var e;(e=n.current)===null||e===void 0?void 0:e.addEventListener("animationend",a);return()=>{var e;return(e=n.current)===null||e===void 0?void 0:e.removeEventListener("animationend",a)}}),[r]);return{ref:n,animationStarted:r,startAnimation:()=>i(true)}};exports.useAnimation=t;
+"use strict";var e=require("react");exports.useAnimation=t=>{const n=e.useRef(null),[r,i]=e.useState(!1),a=()=>r&&t();return e.useEffect((()=>{var e;return null===(e=n.current)||void 0===e||e.addEventListener("animationend",a),()=>{var e;return null===(e=n.current)||void 0===e?void 0:e.removeEventListener("animationend",a)}}),[r]),{ref:n,animationStarted:r,startAnimation:()=>i(!0)}};
 //# sourceMappingURL=useAnimation.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useAnimation.cjs.js","sources":["../../../../../../src/hooks/useAnimation.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, useRef, useState } from \"react\";\n\nexport const useAnimation = <RefElement extends HTMLElement>(callback: () => void) => {\n const animatedObjectRef = useRef<RefElement>(null);\n /* We need to store flag that says us when to call the callback */\n const [animationStarted, setAnimationStarted] = useState(false);\n\n const onAnimationEnd = () => animationStarted && callback();\n\n useEffect(() => {\n animatedObjectRef.current?.addEventListener(\"animationend\", onAnimationEnd);\n return () => animatedObjectRef.current?.removeEventListener(\"animationend\", onAnimationEnd);\n }, [animationStarted]);\n\n return {\n ref: animatedObjectRef,\n animationStarted,\n startAnimation: () => setAnimationStarted(true)\n };\n};\n"],"names":["~~useAnimation","~~callback","animatedObjectRef","useRef","animationStarted","setAnimationStarted","useState","onAnimationEnd","useEffect","_a","current","addEventListener","removeEventListener","ref","startAnimation"],"mappings":"~~6FAkBa~~,~~MAAAA,EAAgDC,~~IAC3D,MAAMC,EAAoBC,SAAmB,~~MAE7C~~,~~MAAOC,~~EAAkBC,GAAuBC,EAAQA,~~SAAC~~,~~OAEzD~~,~~MAAMC,~~EAAiB,IAAMH,GAAoBH,~~IAEjDO~~,EAAAA,WAAU,~~YACRC~~,EAAAP,EAAkBQ,~~WAAS~~,~~MAAAD~~,~~SAAA~~,~~OAAA,EAAAA,~~EAAAE,iBAAiB,eAAgBJ,~~GAC5D~~,~~MAAO,~~KAAK,IAAAE,EAAC,~~OAAAA~~,EAAAP,EAAkBQ,~~WAAS~~,~~MAAAD~~,~~SAAA,~~OAAA,EAAAA,EAAAG,oBAAoB,eAAgBL,EAAe,CAAA,GAC1F,CAACH,~~IAEJ~~,~~MAAO,~~CACLS,IAAKX,EACLE,mBACAU,eAAgB,IAAMT,~~EAAoB~~,~~MAC3C~~"}
1	+ {"version":3,"file":"useAnimation.cjs.js","sources":["../../../../../../src/hooks/useAnimation.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, useRef, useState } from \"react\";\n\nexport const useAnimation = <RefElement extends HTMLElement>(callback: () => void) => {\n const animatedObjectRef = useRef<RefElement>(null);\n /* We need to store flag that says us when to call the callback */\n const [animationStarted, setAnimationStarted] = useState(false);\n\n const onAnimationEnd = () => animationStarted && callback();\n\n useEffect(() => {\n animatedObjectRef.current?.addEventListener(\"animationend\", onAnimationEnd);\n return () => animatedObjectRef.current?.removeEventListener(\"animationend\", onAnimationEnd);\n }, [animationStarted]);\n\n return {\n ref: animatedObjectRef,\n animationStarted,\n startAnimation: () => setAnimationStarted(true)\n };\n};\n"],"names":["callback","animatedObjectRef","useRef","animationStarted","setAnimationStarted","useState","onAnimationEnd","useEffect","_a","current","addEventListener","removeEventListener","ref","startAnimation"],"mappings":"yDAkB6DA,IAC3D,MAAMC,EAAoBC,SAAmB,OAEtCC,EAAkBC,GAAuBC,EAAQA,UAAC,GAEnDC,EAAiB,IAAMH,GAAoBH,IAOjD,OALAO,EAAAA,WAAU,WAER,OAD2B,QAA3BC,EAAAP,EAAkBQ,eAAS,IAAAD,GAAAA,EAAAE,iBAAiB,eAAgBJ,GACrD,KAAK,IAAAE,EAAC,OAA2B,QAA3BA,EAAAP,EAAkBQ,eAAS,IAAAD,OAAA,EAAAA,EAAAG,oBAAoB,eAAgBL,EAAe,CAAA,GAC1F,CAACH,IAEG,CACLS,IAAKX,EACLE,mBACAU,eAAgB,IAAMT,GAAoB,GAC3C"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");const t=(t,r,i)=>{function c(e){if(t(e))r()}e.useEffect((()=>{window.addEventListener("click",c);return()=>{window.removeEventListener("click",c)}}),[i])};exports.useBodyClick=t;
+"use strict";var e=require("react");exports.useBodyClick=(i,t,c)=>{function r(e){i(e)&&t()}e.useEffect((()=>(window.addEventListener("click",r),()=>{window.removeEventListener("click",r)})),[c])};
 //# sourceMappingURL=useBodyClick.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useBodyClick.cjs.js","sources":["../../../../../../src/hooks/useBodyClick.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 } from \"react\";\n\nexport const useBodyClick = (\n checkFunction: (event: MouseEvent) => boolean,\n callbackFunction: (...args: unknown[]) => unknown,\n dependingStateVariable: React.ComponentState \| React.ComponentState[]\n) => {\n function bodyClickListener(event: MouseEvent) {\n if (checkFunction(event)) {\n callbackFunction();\n }\n }\n useEffect(() => {\n window.addEventListener(\"click\", bodyClickListener);\n\n return () => {\n window.removeEventListener(\"click\", bodyClickListener);\n };\n }, [dependingStateVariable]);\n};\n"],"names":["~~useBodyClick","~~checkFunction","callbackFunction","dependingStateVariable","bodyClickListener","event","useEffect","window","addEventListener","removeEventListener"],"mappings":"~~6FAkBa~~,~~MAAAA~~,~~EAAe,CAC1BC,~~EACAC,EACAC,KAEA,SAASC,EAAkBC,~~GACzB~~,~~GAAIJ,~~EAAcI,~~GAChBH~~,GAEH,CACDI,EAAAA,WAAU,KACRC,OAAOC,iBAAiB,QAASJ,~~GAEjC~~,~~MAAO,~~KACLG,OAAOE,oBAAoB,QAASL,EAAkB,~~CACvD~~,~~GACA,~~CAACD,GAAwB"}
1	+ {"version":3,"file":"useBodyClick.cjs.js","sources":["../../../../../../src/hooks/useBodyClick.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 } from \"react\";\n\nexport const useBodyClick = (\n checkFunction: (event: MouseEvent) => boolean,\n callbackFunction: (...args: unknown[]) => unknown,\n dependingStateVariable: React.ComponentState \| React.ComponentState[]\n) => {\n function bodyClickListener(event: MouseEvent) {\n if (checkFunction(event)) {\n callbackFunction();\n }\n }\n useEffect(() => {\n window.addEventListener(\"click\", bodyClickListener);\n\n return () => {\n window.removeEventListener(\"click\", bodyClickListener);\n };\n }, [dependingStateVariable]);\n};\n"],"names":["checkFunction","callbackFunction","dependingStateVariable","bodyClickListener","event","useEffect","window","addEventListener","removeEventListener"],"mappings":"yDAkB4B,CAC1BA,EACAC,EACAC,KAEA,SAASC,EAAkBC,GACrBJ,EAAcI,IAChBH,GAEH,CACDI,EAAAA,WAAU,KACRC,OAAOC,iBAAiB,QAASJ,GAE1B,KACLG,OAAOE,oBAAoB,QAASL,EAAkB,IAEvD,CAACD,GAAwB"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");function t(e){return e&&typeof e==="object"&&"default"in e?e:{default:e}}var r=t(e);const u=(e,t,u)=>{const c=r["default"].useRef();const n=u?[e,t,...u]:[e,t];return r["default"].useCallback(((...r)=>{if(c.current!=null)clearTimeout(c.current);c.current=setTimeout((()=>{e(...r)}),t)}),n)};exports.useDebouncedCallback=u;
+"use strict";var e=require("react");exports.useDebouncedCallback=(r,u,t)=>{const c=e.useRef(),s=t?[r,u,...t]:[r,u];return e.useCallback(((...e)=>{null!=c.current&&clearTimeout(c.current),c.current=setTimeout((()=>{r(...e)}),u)}),s)};
 //# sourceMappingURL=useDebouncedCallback.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useDebouncedCallback.cjs.js","sources":["../../../../../../src/hooks/useDebouncedCallback.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 from \"react\";\n\nexport const useDebouncedCallback = (callback: Function, delay: number, dependencies?: any[]) => {\n const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n const comboDeps = dependencies ? [callback, delay, ...dependencies] : [callback, delay];\n\n return React.useCallback((...args: any[]) => {\n if (timeout.current != null) {\n clearTimeout(timeout.current);\n }\n\n timeout.current = setTimeout(() => {\n callback(...args);\n }, delay);\n }, comboDeps);\n};\n"],"names":["~~useDebouncedCallback","~~callback","delay","dependencies","timeout","React","useRef","comboDeps","useCallback","args","current","clearTimeout","setTimeout"],"mappings":"~~iLAkBa~~,~~MAAAA~~,~~EAAuB,CAACC,~~EAAoBC,EAAeC,KACtE,MAAMC,EAAUC,~~aAAMC~~,~~SACtB~~,~~MAAMC,~~EAAYJ,EAAe,CAACF,EAAUC,KAAUC,GAAgB,CAACF,EAAUC,GAEjF,OAAOG,~~aAAMG~~,aAAY,IAAIC,~~KAC3B~~,~~GAAIL~~,EAAQM,~~SAAW~~,~~KACrBC,~~aAAaP,EAAQM,SAGvBN,EAAQM,QAAUE,YAAW,KAC3BX,KAAYQ,EAAK,GAChBP,EAAM,GACRK,EAAU"}
1	+ {"version":3,"file":"useDebouncedCallback.cjs.js","sources":["../../../../../../src/hooks/useDebouncedCallback.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 from \"react\";\n\nexport const useDebouncedCallback = (callback: Function, delay: number, dependencies?: any[]) => {\n const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n const comboDeps = dependencies ? [callback, delay, ...dependencies] : [callback, delay];\n\n return React.useCallback((...args: any[]) => {\n if (timeout.current != null) {\n clearTimeout(timeout.current);\n }\n\n timeout.current = setTimeout(() => {\n callback(...args);\n }, delay);\n }, comboDeps);\n};\n"],"names":["callback","delay","dependencies","timeout","React","useRef","comboDeps","useCallback","args","current","clearTimeout","setTimeout"],"mappings":"iEAkBoC,CAACA,EAAoBC,EAAeC,KACtE,MAAMC,EAAUC,EAAMC,SAChBC,EAAYJ,EAAe,CAACF,EAAUC,KAAUC,GAAgB,CAACF,EAAUC,GAEjF,OAAOG,EAAMG,aAAY,IAAIC,KACJ,MAAnBL,EAAQM,SACVC,aAAaP,EAAQM,SAGvBN,EAAQM,QAAUE,YAAW,KAC3BX,KAAYQ,EAAK,GAChBP,EAAM,GACRK,EAAU"}

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("react");const t=t=>{const[l,s]=e.useState(t!==null&&t!==void 0?t:false);const o=e=>{const t=e.target;const{scrollTop:l,scrollHeight:o,clientHeight:r}=t;const c=Math.ceil(l/(o-r)*100);s(c!==0)};return{collapsed:l,handleScroll:o}};exports.useFullHeightCollapse=t;
+"use strict";var e=require("react");exports.useFullHeightCollapse=l=>{const[t,r]=e.useState(null!=l&&l);return{collapsed:t,handleScroll:e=>{const l=e.target,{scrollTop:t,scrollHeight:s,clientHeight:c}=l,o=Math.ceil(t/(s-c)*100);r(0!==o)}}};
 //# sourceMappingURL=useFullHeightCollapse.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useFullHeightCollapse.cjs.js","sources":["../../../../../../src/hooks/useFullHeightCollapse.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\";\n\nexport const useFullHeightCollapse = (isCollapsed?: boolean) => {\n const [collapsed, setCollapsed] = useState(isCollapsed ?? false);\n\n const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n const target = e.target as HTMLDivElement;\n const { scrollTop, scrollHeight, clientHeight } = target;\n const position = Math.ceil((scrollTop / (scrollHeight - clientHeight)) 100);\n setCollapsed(position !== 0);\n };\n\n return {\n collapsed,\n handleScroll\n };\n};\n"],"names":["~~useFullHeightCollapse","~~isCollapsed","collapsed","setCollapsed","useState","handleScroll","e","target","scrollTop","scrollHeight","clientHeight","position","Math","ceil"],"mappings":"~~6FAkBa~~,~~MAAAA,EAAyBC,~~IACpC,MAAOC,EAAWC,GAAgBC,EAAQA,SAACH,~~IAAW~~,~~MAAXA~~,~~SAAA~~,~~EAAAA~~,~~EAAe~~,~~OAE1D~~,~~MAAMI,EAAgBC,~~IACpB,MAAMC,EAASD,EAAEC,~~OACjB~~,~~MAAMC,~~UAAEA,EAASC,aAAEA,EAAYC,aAAEA,GAAiBH,~~EAClD~~,~~MAAMI,~~EAAWC,KAAKC,KAAML,GAAaC,EAAeC,GAAiB,KACzEP,~~EAAaQ~~,~~IAAa~~,~~EAAE~~,~~EAG9B,MAAO,CACLT,YACAG,eACD~~"}
1	+ {"version":3,"file":"useFullHeightCollapse.cjs.js","sources":["../../../../../../src/hooks/useFullHeightCollapse.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\";\n\nexport const useFullHeightCollapse = (isCollapsed?: boolean) => {\n const [collapsed, setCollapsed] = useState(isCollapsed ?? false);\n\n const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n const target = e.target as HTMLDivElement;\n const { scrollTop, scrollHeight, clientHeight } = target;\n const position = Math.ceil((scrollTop / (scrollHeight - clientHeight)) 100);\n setCollapsed(position !== 0);\n };\n\n return {\n collapsed,\n handleScroll\n };\n};\n"],"names":["isCollapsed","collapsed","setCollapsed","useState","handleScroll","e","target","scrollTop","scrollHeight","clientHeight","position","Math","ceil"],"mappings":"kEAkBsCA,IACpC,MAAOC,EAAWC,GAAgBC,EAAQA,SAACH,SAAAA,GAS3C,MAAO,CACLC,YACAG,aAToBC,IACpB,MAAMC,EAASD,EAAEC,QACXC,UAAEA,EAASC,aAAEA,EAAYC,aAAEA,GAAiBH,EAC5CI,EAAWC,KAAKC,KAAML,GAAaC,EAAeC,GAAiB,KACzEP,EAA0B,IAAbQ,EAAe,EAM7B"}

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

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

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);return s(f,t,i,n)};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 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","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","_calculatePlacement","axis","placementValue","direction","oppositeDirection","prevState","calculatePosition","useDebouncedCallback","current","relativeElRect","getBoundingClientRect","elementToBePositionedDimensions","offsetHeight","offsetWidth","clonedRelEl","center","centerv","centerh","x","y"],"mappings":"4IA4BYA,QAKXA,gBAAA,GALD,SAAYA,GACVA,EAAA,QAAA,OACAA,EAAA,UAAA,SACAA,EAAA,YAAA,UACAA,EAAA,SAAA,OACD,EALD,CAAYA,qBAAAA,QAAAA,WAKX,CAAA,IAEWC,QAKXA,cAAA,GALD,SAAYA,GACVA,EAAA,OAAA,MACAA,EAAA,UAAA,SACAA,EAAA,YAAA,UACAA,EAAA,UAAA,QACD,EALD,CAAYA,mBAAAA,QAAAA,SAKX,CAAA,IAgDD,MAAMC,EAAoC,CACxCC,qBAAiBC,EACjBC,2BAAuBD,EACvBE,gBAAiB,CACfN,WAAY,OACZC,SAAU,OAEZM,UAAW,CACTP,WAAY,OACZC,SAAU,OAEZO,OAAQ,CACNC,IAAK,EACLC,MAAO,EACPC,OAAQ,EACRC,KAAM,GAERC,eAAgB,UAILC,EAAc,CAACC,EAAqCb,WAC/D,MAAMc,EAAe,IAAKd,KAAwBa,GAClD,MAAOE,EAAwBC,GAA6BC,EAAQA,SAAC,OAErE,GAAIH,EAAaV,uBAAoBF,EACnCY,EAAaV,gBAAkBJ,EAAoBI,gBAGrD,GAAIU,EAAaT,iBAAcH,EAC7BY,EAAaT,UAAYL,EAAoBK,UAG/C,GAAIS,EAAaR,cAAWJ,EAC1BY,EAAaR,OAASN,EAAoBM,OAG5C,MAAOY,EAAUC,GAAeF,WAAmB,CACjDP,KAAM,EACNH,IAAK,EACLC,MAAO,UACPC,OAAQ,YAGV,MAAMW,EAA+B,CACnCC,EACAjB,EACAkB,EACAC,KAEA,IAAIC,EAAcH,EAElB,GACGjB,EAAgBkB,KAA0B,QAAUE,EAAc,GAClEpB,EAAgBkB,KAA0B,OAASE,EAAc,GACjEpB,EAAgBkB,KAA0B,UAAYE,EAAc,GACpEpB,EAAgBkB,KAA0B,UAAYE,EAAc,EAErEA,EAAc,EAGhB,GACGpB,EAAgBkB,KAA0B,QACzCE,EAAcC,OAAOC,WAAaH,EAAaI,OAChDvB,EAAgBkB,KAA0B,UACzCA,IAAyB,cACzBE,EAAcC,OAAOC,WAAaH,EAAaI,MAEjDH,EAAcC,OAAOC,WAAaH,EAAaI,MAGjD,GACGvB,EAAgBkB,KAA0B,OACzCE,EAAcC,OAAOG,YAAcL,EAAaM,QACjDzB,EAAgBkB,KAA0B,UACzCA,IAAyB,YACzBE,EAAcC,OAAOG,YAAcL,EAAaM,OAElDL,EAAcC,OAAOG,YAAcL,EAAaM,OAGlD,GACEzB,EAAgBkB,KAA0B,SAC1CE,EAAcC,OAAOC,WAAaH,EAAaI,MAE/CH,EAAcC,OAAOC,WAAaH,EAAaI,MAGjD,GACEvB,EAAgBkB,KAA0B,UAC1CE,EAAcC,OAAOG,YAAcL,EAAaM,OAEhDL,EAAcC,OAAOG,YAAcL,EAAaM,OAGlD,OAAOL,CAAW,EAGpB,MAAMM,EAA+B,CACnCT,EACAC,EACAlB,iCAEA,IAAIoB,EAAcH,EAClB,GACGC,IAAyB,gBAAgBS,EAAAjB,EAAaR,UAAM,MAAAyB,SAAA,OAAA,EAAAA,EAAErB,QAAS,GACvEY,IAAyB,gBAAgBU,EAAAlB,EAAaR,oCAAQE,SAAU,EACzE,CACA,GACEJ,EAAgBkB,KAA0B,QAC1ClB,EAAgBkB,KAA0B,SAC1C,CACAE,IAAeS,EAAAnB,EAAaR,UAAM,MAAA2B,SAAA,OAAA,EAAAA,EAAEvB,KACpCc,IAAeU,EAAApB,EAAaR,UAAM,MAAA4B,SAAA,OAAA,EAAAA,EAAE1B,KACrC,CAED,GAAIJ,EAAgBkB,KAA0B,QAAS,CACrDE,IAAeW,EAAArB,EAAaR,UAAM,MAAA6B,SAAA,OAAA,EAAAA,EAAEzB,KACpCc,IAAeY,EAAAtB,EAAaR,UAAM,MAAA8B,SAAA,OAAA,EAAAA,EAAE5B,KACrC,CACF,CAED,GACGc,IAAyB,cAAce,EAAAvB,EAAaR,UAAM,MAAA+B,SAAA,OAAA,EAAAA,EAAE9B,OAAQ,GACpEe,IAAyB,cAAcgB,EAAAxB,EAAaR,oCAAQG,UAAW,EACxE,CACA,GACEL,EAAgBkB,KAA0B,OAC1ClB,EAAgBkB,KAA0B,SAC1C,CACAE,IAAee,EAAAzB,EAAaR,UAAM,MAAAiC,SAAA,OAAA,EAAAA,EAAEhC,IACpCiB,IAAegB,EAAA1B,EAAaR,UAAM,MAAAkC,SAAA,OAAA,EAAAA,EAAE/B,MACrC,CAED,GAAIL,EAAgBkB,KAA0B,SAAU,CACtDE,IAAeiB,EAAA3B,EAAaR,UAAM,MAAAmC,SAAA,OAAA,EAAAA,EAAElC,IACpCiB,IAAekB,EAAA5B,EAAaR,UAAM,MAAAoC,SAAA,OAAA,EAAAA,EAAEjC,MACrC,CACF,CAED,OAAOe,CAAW,EAGpB,MAAMmB,EAAkC,CACtCvC,EACAkB,EACAsB,EACAC,EACAtB,KAEA,IAAIF,EAAQ,EAEZ,GACEjB,EAAgBkB,KAA0B,QAC1ClB,EAAgBkB,KAA0B,MAE1CD,EAAQuB,EAAMC,QACT,GAAIzC,EAAgBkB,KAA0B,SACnDD,EACEuB,EAAMC,GACNtB,EAAaD,IAAyB,aAAe,QAAU,UAAY,OACxE,GACLlB,EAAgBkB,KAA0B,SAC1ClB,EAAgBkB,KAA0B,SAE1CD,EACEI,OAAOH,IAAyB,aAAe,aAAe,eAC9DsB,EAAMC,GAGV,OAAOxB,CAAK,EAQd,MAAMyB,EAAqCxB,IACzC,GAAIA,IAAyB,aAC3B,MAAO,eACF,GAAIA,IAAyB,WAClC,MAAO,UAET,MAAM,IAAIyB,MACR,+DAA+DzB,eAChE,EAGH,MAAM0B,EAA2B,CAC/B5C,EACAC,EACAiB,EACAsB,EACArB,KAEA,MAAMsB,EACJxC,IAAc,SAAWyC,EAAkCxB,GAAwBjB,EAErF,MAAMgB,EAAQsB,EACZvC,EACAkB,EACAsB,EACAC,EACAtB,GAGF,MAAM0B,EAAkBnB,EACtBT,EACAC,EACAlB,GAGF,OAAOgB,EACL6B,EACA7C,EACAkB,EACAC,EACD,EAGH,MAAM2B,EAAsB,CAACN,EAAsBrB,EAA0B4B,aAC3E,MAAMC,EAAiBJ,EACrBlC,EAAaV,gBACbU,EAAaT,UAAW8C,GACxBA,EACAP,EACArB,GAGF,IAAI8B,EAAY,OAChB,IAAIC,EAAoB,QAExB,GAAIH,IAAS,gBAAgBpB,EAAAjB,EAAaV,mBAAiB,MAAA2B,SAAA,OAAA,EAAAA,EAAAjC,cAAe,QAAS,CACjFuD,EAAY,QACZC,EAAoB,MACrB,MAAM,GAAIH,IAAS,aAAc,CAChCE,EAAY,OACZC,EAAoB,OACrB,CAED,GAAIH,IAAS,cAAcnB,EAAAlB,EAAaV,mBAAiB,MAAA4B,SAAA,OAAA,EAAAA,EAAAjC,YAAa,SAAU,CAC9EsD,EAAY,SACZC,EAAoB,KACrB,MAAM,GAAIH,IAAS,WAAY,CAC9BE,EAAY,MACZC,EAAoB,QACrB,CAEDnC,GAAYoC,IAAc,IACrBA,EACHF,CAACA,GAAYD,EACbE,CAACA,GAAoB,aACpB,EAGL,MAAME,EAAoBC,EAAAA,sBAAqB,aAC7C,MAAK1B,EAAAjB,EAAab,mBAAe,MAAA8B,SAAA,OAAA,EAAAA,EAAE2B,aAAY1B,EAAAlB,EAAaX,mDAAuBuD,SACjF,OAEF,MAAMC,EAAkB7C,EAAab,gBAClCyD,QAAyBE,wBAC5B,MAAMC,EAA8C,CAClDhC,OAASf,EAAaX,sBAAuBuD,QAAwBI,aACrEnC,MAAQb,EAAaX,sBAAuBuD,QAAwBK,aAItE,MAAMC,EAAc,CAClBzD,IAAKoD,EAAepD,IACpBC,MAAOmD,EAAenD,MACtBC,OAAQkD,EAAelD,OACvBwD,OAAQ,EACRC,QAASP,EAAepD,IAAMoD,EAAe9B,OAAS,EACtDsC,QAASR,EAAejD,KAAOiD,EAAehC,MAAQ,EACtDjB,KAAMiD,EAAejD,KACrBiB,MAAOgC,EAAehC,MACtBE,OAAQ8B,EAAe9B,OACvBuC,EAAGT,EAAeS,EAClBC,EAAGV,EAAeU,GAGpBnB,EAAoBc,EAAaH,EAAiC,cAClEX,EAAoBc,EAAaH,EAAiC,YAElE,IAAK9C,EACHC,EAA0B,KAC3B,MACAF,EAAaH,kBAAkB,MAAAoB,SAAA,EAAAA,EAAA,IAElC,MAAO,CACLxB,IAAKW,EAASX,IACdE,OAAQS,EAAST,OACjBC,KAAMQ,EAASR,KACfF,MAAOU,EAASV,MAChBgD,oBACAzC,yBACD"}
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"}