@onewelcome/react-lib-components 9.8.1 → 10.0.0

package/dist/cjs/src/components/_BaseStyling_/BaseStyling.d.ts

@@ -1,212 +0,0 @@
-/**
- * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx
- * and make sure to add it to the shouldBeColorPicker array!
- */
-import React, { HTMLAttributes, ReactElement } from "react";
-import { ButtonColorProps } from "./buttonBaseStyling";
-export interface CSSProperties extends ButtonColorProps {
-    colorFocus?: string;
-    colorPrimary?: string;
-    colorSuccess?: string;
-    colorWarning?: string;
-    colorDanger?: string;
-    colorPrimary100?: string;
-    colorPrimary300?: string;
-    colorPrimary500?: string;
-    colorPrimary600?: string;
-    colorPrimary700?: string;
-    colorPrimary900?: string;
-    colorPrimary50?: string;
-    colorBlueGrey25?: string;
-    colorBlueGrey50?: string;
-    colorBlueGrey100?: string;
-    colorBlueGrey200?: string;
-    colorBlueGrey300?: string;
-    colorBlueGrey400?: string;
-    colorBlueGrey500?: string;
-    colorBlueGrey700?: string;
-    colorBlueGrey800?: string;
-    colorBlueGrey900?: string;
-    colorGreen50?: string;
-    colorGreen100?: string;
-    colorGreen200?: string;
-    colorGreen500?: string;
-    colorGreen600?: string;
-    colorGreen700?: string;
-    colorOrange50?: string;
-    colorOrange100?: string;
-    colorOrange500?: string;
-    colorOrange600?: string;
-    colorOrange700?: string;
-    colorRed50?: string;
-    colorRed100?: string;
-    colorRed200?: string;
-    colorRed500?: string;
-    colorRed600?: string;
-    colorRed700?: string;
-    colorRed900?: string;
-    colorWhite?: string;
-    colorBlack100?: string;
-    colorBlack50?: string;
-    colorBlack20?: string;
-    colorBlack10?: string;
-    defaultPressedColor?: string;
-    defaultHoverColor?: string;
-    defaultLineHeight?: string;
-    dataGridLineHeight?: string;
-    focusBorderRadius?: string;
-    buttonBorderRadius?: string;
-    buttonBorderWidth?: string;
-    buttonFontSize?: string;
-    buttonBorderStyle?: string;
-    /**@deprecated*/
-    buttonOutlineHoverTextColor?: string;
-    buttonFillTextColor?: string;
-    checkboxUncheckedColor?: string;
-    checkboxUncheckedHoverColor?: string;
-    checkboxUncheckedPressedColor?: string;
-    checkboxCheckedColor?: string;
-    checkboxCheckedHoverColor?: string;
-    checkboxCheckedPressedColor?: string;
-    radioHoverBackgroundColor?: string;
-    radioPressedBackgroundColor?: string;
-    radioHoverColor?: string;
-    radioCheckedColor?: string;
-    radioPressedColor?: string;
-    defaultBorderRadius?: string;
-    inputBorderRadius?: string;
-    inputBorderWidth?: string;
-    inputBorderWidthFocus?: string;
-    inputBorderStyle?: string;
-    inputBorderColor?: string;
-    inputBackgroundColor?: string;
-    inputHelperTextColor?: string;
-    inputHoverBackgroundColor?: string;
-    inputDisabledBackgroundColor?: string;
-    inputFontSize?: string;
-    dragBorderStyle?: string;
-    modalTitleColor?: string;
-    modalShadowColor?: string;
-    modalBackgroundColor?: string;
-    modalBackdropColor?: string;
-    modalContentFontSize?: string;
-    sideSheetShadowColorOne?: string;
-    sideSheetShadowColorTwo?: string;
-    skeletonBackgroundColor?: string;
-    skeletonAnimationColorRgb?: string;
-    alertFontSize?: string;
-    alertTextColor?: string;
-    alertTextInvertedColor?: string;
-    alertNeutralBackgroundColor?: string;
-    alertInfoBackgroundColor?: string;
-    alertSuccessBackgroundColor?: string;
-    alertErrorBackgroundColor?: string;
-    alertWarningBackgroundColor?: string;
-    alertNeutralInvertedColor?: string;
-    alertInfoInvertedColor?: string;
-    alertSuccessInvertedColor?: string;
-    alertErrorInvertedColor?: string;
-    alertWarningInvertedColor?: string;
-    alertBorderWidth?: string;
-    alertBorderRadius?: string;
-    stepperWaitingColor?: string;
-    stepperWaitingHoverColor?: string;
-    stepperWaitingActiveColor?: string;
-    stepperWaitingDisabledColor?: string;
-    stepperCurrentColor?: string;
-    stepperCurrentHoverColor?: string;
-    stepperCurrentActiveColor?: string;
-    stepperCurrentDisabledColor?: string;
-    stepperDoneColor?: string;
-    stepperDoneHoverColor?: string;
-    stepperDoneActiveColor?: string;
-    stepperDoneDisabledColor?: string;
-    stepperErrorColor?: string;
-    stepperErrorHoverColor?: string;
-    stepperErrorActiveColor?: string;
-    stepperErrorDisabledColor?: string;
-    stepperDefaultTextColor?: string;
-    stepperLineColor?: string;
-    stepperLineBoldColor?: string;
-    stepperLineDisabledColor?: string;
-    stepperLineBoldDisabledColor?: string;
-    stepperLabelColor?: string;
-    stepperCaptionColor?: string;
-    stepperCaptionErrorColor?: string;
-    stepperLabelDisabledColor?: string;
-    stepperCaptionDisabledColor?: string;
-    stepperCaptionErrorDisabledColor?: string;
-    bannerBorderRadius?: string;
-    bannerBorderWidth?: string;
-    dataGridRowBackgroundColor?: string;
-    dataGridRowHoverBackgroundColor?: string;
-    progressBarBackgroundColor?: string;
-    tabsBackgroundColor?: string;
-    tabActiveBorderHeight?: string;
-    tabActiveBorderColor?: string;
-    tabActiveTextColor?: string;
-    tablistBorderWidth?: string;
-    tablistBorderStyle?: string;
-    tablistBorderColor?: string;
-    tabTextColor?: string;
-    tabHoverColor?: string;
-    tabPressedColor?: string;
-    toggleBackgroundColor?: string;
-    tooltipBackgroundColor?: string;
-    contextMenuHoverColor?: string;
-    contextMenuActiveColor?: string;
-    contextMenuPressedColor?: string;
-    contextMenuFontSize?: string;
-    linkFontSize?: string;
-    linkPrimaryDefaultColor?: string;
-    linkPrimaryVisitedColor?: string;
-    linkSuccessDefaultColor?: string;
-    linkSuccessVisitedColor?: string;
-    linkDangerDefaultColor?: string;
-    linkDangerVisitedColor?: string;
-    linkWarningDefaultColor?: string;
-    linkWarningVisitedColor?: string;
-    leftNavItemActiveRibbonColor?: string;
-    leftNavItemActiveBackgroundColor?: string;
-    default?: string;
-    success?: string;
-    error?: string;
-    info?: string;
-    disabled?: string;
-    greyedOut?: string;
-    lightGreyBorder?: string;
-    warning?: string;
-    light?: string;
-    fontFamily?: string;
-    fontFamilyCode?: string;
-    fontSizeFormLabel?: string;
-    fontSize?: string;
-    fontColorBody?: string;
-    fontSizeH1?: string;
-    fontColorH1?: string;
-    fontSizeH2?: string;
-    fontColorH2?: string;
-    fontSizeH3?: string;
-    fontColorH3?: string;
-    fontSizeH4?: string;
-    fontColorH4?: string;
-    fontSizeSub?: string;
-    fontColorSub?: string;
-    fontSizeCode?: string;
-    fontColorCode?: string;
-    fontSizeSmall?: string;
-    fontSizeBig?: string;
-    formControlFontSize?: string;
-    fileUploadBorderWidth?: string;
-    dragDropBorderStyle?: string;
-    fontSizeDataGrid?: string;
-    readOnlyBorderColor?: string;
-    readOnlyTextColor?: string;
-    iconFontBig?: string;
-    tooltipIndex?: string;
-}
-export interface Props extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactElement[] | ReactElement | string[] | string | number[] | number;
-    properties?: CSSProperties;
-}
-export declare const BaseStyling: ({ children, properties }: Props) => React.JSX.Element;

package/dist/cjs/src/components/_BaseStyling_/BaseStyling.test.d.ts

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

package/dist/cjs/src/components/_BaseStyling_/buttonBaseStyling.d.ts

@@ -1,14 +0,0 @@
-type ButtonType = "primary" | "success" | "danger" | "warning" | "default";
-type ButtonVariant = "fill" | "outline" | "text";
-type ButtonState = "default" | "hover" | "focused" | "pressed";
-type CapitalizeString<T extends string> = T extends `${infer First}${infer Rest}` ? `${Uppercase<First>}${Rest}` : T;
-type Flattened<K extends string> = {
-    [Key in K]?: string;
-};
-type BaseButtonProps = Omit<Flattened<`button${CapitalizeString<ButtonType>}${CapitalizeString<ButtonState>}Color`>, "buttonDefaultDefaultColor"> & {
-    buttonDefaultColor?: string;
-};
-type VariantButtonProps = Flattened<`button${CapitalizeString<ButtonVariant>}${CapitalizeString<ButtonType>}${CapitalizeString<ButtonState>}Color`>;
-export type ButtonColorProps = BaseButtonProps & VariantButtonProps;
-export declare const defaultButtonColors: Required<ButtonColorProps>;
-export {};

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNav.d.ts

@@ -1,13 +0,0 @@
-import React, { ComponentPropsWithRef } from "react";
-import { MenuItem } from "./LeftNav.interfaces";
-import { ScreenSize } from "../../../../variables";
-export interface Props extends ComponentPropsWithRef<"nav"> {
-    isSideMenuOpen?: boolean;
-    onScreenSizeChange?: (nextScreenSize: ScreenSize, prevScreenSize?: ScreenSize) => void;
-    items: MenuItem[];
-    navigate: (path: string) => void;
-    onItemClick?: (path?: string, button?: boolean) => void;
-    marginTop?: string;
-    internalLinkPrefix?: string;
-}
-export declare const LeftNav: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNav.interfaces.d.ts

@@ -1,13 +0,0 @@
-import { ReactElement } from "react";
-export interface MenuItem {
-    key: string;
-    path?: string;
-    active?: boolean;
-    /**
-     * @deprecated it can be removed in next release
-     */
-    disabled?: boolean;
-    title: string;
-    iconComponent?: ReactElement;
-    items?: MenuItem[];
-}

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNav.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.d.ts

@@ -1,14 +0,0 @@
-import React, { ForwardRefExoticComponent, HTMLProps } from "react";
-import { MenuItem } from "../LeftNav.interfaces";
-import { UseRefItemsReturnType } from "../useRefItems";
-import { LeftNavItemProps } from "./LeftNavItem.interface";
-export interface Props extends HTMLProps<HTMLElement> {
-    item: MenuItem;
-    navigate: (path: string) => void;
-    onItemClick?: (path?: string, button?: boolean) => void;
-    refItems: UseRefItemsReturnType;
-    NestedComponent: ForwardRefExoticComponent<LeftNavItemProps>;
-    closeParentList?: () => void;
-    internalLinkPrefix?: string;
-}
-export declare const ButtonLeftNavItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { LeftNavItemProps } from "./LeftNavItem.interface";
-export declare const LeftNavItem: React.ForwardRefExoticComponent<Omit<LeftNavItemProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.interface.d.ts

@@ -1,11 +0,0 @@
-import { HTMLProps } from "react";
-import { MenuItem } from "../LeftNav.interfaces";
-import { UseRefItemsReturnType } from "../useRefItems";
-export interface LeftNavItemProps extends HTMLProps<HTMLElement> {
-    item: MenuItem;
-    navigate: (path: string) => void;
-    onItemClick?: (path?: string, button?: boolean) => void;
-    refItems: UseRefItemsReturnType;
-    closeParentList?: () => void;
-    internalLinkPrefix?: string;
-}

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.d.ts

@@ -1,12 +0,0 @@
-import React, { HTMLProps } from "react";
-import { MenuItem } from "../LeftNav.interfaces";
-import { UseRefItemsReturnType } from "../useRefItems";
-export interface Props extends HTMLProps<HTMLElement> {
-    item: MenuItem;
-    navigate: (path: string) => void;
-    onItemClick?: (path?: string, button?: boolean) => void;
-    refItems: UseRefItemsReturnType;
-    closeParentList?: () => void;
-    internalLinkPrefix?: string;
-}
-export declare const LinkLeftNavItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.d.ts

@@ -1,13 +0,0 @@
-import { KeyboardEvent } from "react";
-import { MenuItem } from "../LeftNav.interfaces";
-import { UseRefItemsReturnType } from "../useRefItems";
-interface Props {
-    item: MenuItem;
-    refItems: UseRefItemsReturnType;
-    closeParentList?: () => void;
-    onExpandIconClickHandler?: () => void;
-}
-export declare const useKeyboardNavigation: ({ refItems, item, closeParentList, onExpandIconClickHandler }: Props) => {
-    onKeyPressNavigation: (e: KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
-};
-export {};

package/dist/cjs/src/components/admin/layout/LeftNav/useRefItems.d.ts

@@ -1,22 +0,0 @@
-import { MenuItem } from "./LeftNav.interfaces";
-interface Props {
-    items: MenuItem[];
-}
-interface LinkedMapValue {
-    item: MenuItem;
-    level: number;
-    prev?: MenuItem;
-    next?: MenuItem;
-}
-export type UseRefItemsReturnType = ReturnType<typeof useRefItems>;
-export declare const useRefItems: ({ items }: Props) => {
-    addElementReference: (el: HTMLElement | null, key: string) => void;
-    getNextElement: (currentKey: string, whenHavingChildren?: boolean) => HTMLElement | undefined;
-    getNextElementOnSameLevel: (currentKey: string) => HTMLElement | undefined;
-    getPrevElementOnSameLevel: (currentKey: string) => HTMLElement | undefined;
-    getFirstElementOnSameLevel: (currentKey: string) => HTMLElement | undefined;
-    getLastElementOnSameLevel: (currentKey: string) => HTMLElement | undefined;
-    getParentElement: (currentKey: string) => HTMLElement | undefined;
-    getItemMap: () => Record<string, LinkedMapValue>;
-};
-export {};

package/dist/cjs/src/components/admin/layout/LeftNav/useRefItems.test.d.ts

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

package/dist/cjs/src/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.d.ts

@@ -1,8 +0,0 @@
-import React, { ReactElement } from "react";
-export interface Props {
-    header?: ReactElement | ReactElement[];
-    children: ReactElement | ReactElement[];
-    contentMargins?: boolean;
-    contentMaxWidth?: boolean;
-}
-export declare const MicrofrontendContainer: ({ header, children, contentMargins, contentMaxWidth, ...rest }: Props) => React.JSX.Element;

package/dist/cjs/src/components/miscellaneous/IdentityProviderButton.d.ts

@@ -1,18 +0,0 @@
-import { ComponentPropsWithRef, ForwardRefRenderFunction } from "react";
-export interface SupportedCustomizationKeys {
-    backgroundColor: string;
-    focusBorderColor: string;
-    focusBackgroundColor: string;
-    hoverBackgroundColor: string;
-    pressedBackgroundColor: string;
-    textColor: string;
-    borderColor: string;
-}
-export interface Props extends Omit<ComponentPropsWithRef<"button">, "color"> {
-    iconUrl?: string;
-    imgAltText?: string;
-    idpType: string;
-    customization?: SupportedCustomizationKeys;
-    loading?: boolean;
-}
-export declare const IdentityProviderButton: ForwardRefRenderFunction<HTMLButtonElement, Props>;

package/dist/cjs/src/components/miscellaneous/IdentityProviderButton.test.d.ts

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

package/dist/cjs/src/components/withReadOnly.d.ts

@@ -1,12 +0,0 @@
-import React, { ComponentType } from "react";
-export interface WithReadOnlyProps {
-    readOnlyView?: boolean;
-    required?: boolean;
-    helperText?: string;
-    type?: string;
-}
-type WithReadOnlyOptions = {
-    isWrapperComponent: boolean;
-};
-export declare const withReadOnly: <P extends object>(WrappedComponent: ComponentType<P>, options?: WithReadOnlyOptions) => React.ForwardRefExoticComponent<React.PropsWithoutRef<React.PropsWithChildren<P & WithReadOnlyProps>> & React.RefAttributes<unknown>>;
-export {};

package/dist/cjs/src/components/withReadOnly.test.d.ts

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

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

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

@@ -1 +0,0 @@
-{"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/useAnimation.d.ts

@@ -1,5 +0,0 @@
-export declare const useAnimation: <RefElement extends HTMLElement>(callback: () => void) => {
-    ref: import("react").RefObject<RefElement>;
-    animationStarted: boolean;
-    startAnimation: () => void;
-};

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

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

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

@@ -1,2 +0,0 @@
-"use strict";var e=require("react");exports.useClickOutside=(t,i,n)=>{function r(e){const n=null==t?void 0:t.current;if(!n)return;n.contains(e.target)||i(e)}e.useEffect((()=>(setTimeout((()=>window.addEventListener("click",r))),()=>{setTimeout((()=>window.removeEventListener("click",r)))})),n)};
-//# sourceMappingURL=useClickOutside.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useClickOutside.cjs.js","sources":["../../../../../../src/hooks/useClickOutside.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 { DependencyList, useEffect } from \"react\";\n\nexport const useClickOutside = (\n  myElementRef: React.RefObject<HTMLElement>,\n  onClickOutside: (event: MouseEvent) => void,\n  dependencies?: DependencyList\n) => {\n  function eventListener(event: MouseEvent) {\n    const myElement = myElementRef?.current;\n    if (!myElement) {\n      return;\n    }\n    const clickedInsideMyElement = myElement.contains(event.target as Node);\n\n    if (!clickedInsideMyElement) {\n      onClickOutside(event);\n    }\n  }\n  useEffect(() => {\n    setTimeout(() => window.addEventListener(\"click\", eventListener));\n\n    return () => {\n      setTimeout(() => window.removeEventListener(\"click\", eventListener));\n    };\n  }, dependencies);\n};\n"],"names":["myElementRef","onClickOutside","dependencies","eventListener","event","myElement","current","contains","target","useEffect","setTimeout","window","addEventListener","removeEventListener"],"mappings":"4DAkB+B,CAC7BA,EACAC,EACAC,KAEA,SAASC,EAAcC,GACrB,MAAMC,EAAYL,aAAA,EAAAA,EAAcM,QAChC,IAAKD,EACH,OAE6BA,EAAUE,SAASH,EAAMI,SAGtDP,EAAeG,EAElB,CACDK,EAAAA,WAAU,KACRC,YAAW,IAAMC,OAAOC,iBAAiB,QAAST,KAE3C,KACLO,YAAW,IAAMC,OAAOE,oBAAoB,QAASV,IAAe,IAErED,EAAa"}

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

@@ -1,2 +0,0 @@
-import { DependencyList } from "react";
-export declare const useClickOutside: (myElementRef: React.RefObject<HTMLElement>, onClickOutside: (event: MouseEvent) => void, dependencies?: DependencyList) => void;

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

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

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

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

@@ -1 +0,0 @@
-{"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\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types */\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  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\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":"iEAmBoC,CAACA,EAAoBC,EAAeC,KACtE,MAAMC,EAAUC,EAAMC,SAChBC,EAAYJ,EAAe,CAACF,EAAUC,KAAUC,GAAgB,CAACF,EAAUC,GAGjF,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/useDebouncedCallback.d.ts

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

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

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

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

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

@@ -1 +0,0 @@
-{"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/useDetermineStatusIcon.d.ts

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

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

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

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

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

@@ -1 +0,0 @@
-{"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/useFormSelector.d.ts

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

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

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

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

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

@@ -1 +0,0 @@
-{"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/useFullHeightCollapse.d.ts

@@ -1,4 +0,0 @@
-export declare const useFullHeightCollapse: (isCollapsed?: boolean) => {
-    collapsed: boolean;
-    handleScroll: (e: React.UIEvent<HTMLDivElement>) => void;
-};

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

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

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

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

@@ -1 +0,0 @@
-{"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/useGetDomRoot.d.ts

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

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

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

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