@onewelcome/react-lib-components 6.7.1 → 7.1.0

package/dist/esm/src/components/DataGrid/DataGridFilters/DataGridFilterService.d.ts

@@ -0,0 +1,15 @@
+import { DataGridColumnMetadata, Filter, FilterEditorMode } from "./DataGridFilters.interfaces";
+export declare const useDataGridFilter: (mode: FilterEditorMode, columnsMetadata: DataGridColumnMetadata[]) => {
+    resetFields: () => void;
+    initialiseFilterValues: (filter?: Filter) => void;
+    operator: string;
+    setOperator: import("react").Dispatch<import("react").SetStateAction<string>>;
+    operators: string[];
+    setOperators: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+    column: string;
+    setColumn: import("react").Dispatch<import("react").SetStateAction<string>>;
+    values: string[];
+    setValues: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+    pickedValues: string[];
+    setPickedValues: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+};

package/dist/esm/src/components/DataGrid/DataGridFilters/DataGridFilterTag.d.ts

@@ -0,0 +1,12 @@
+import React, { ComponentPropsWithRef, ForwardRefRenderFunction } from "react";
+import { Filter, FilterEditorMode, TagTranslations } from "./DataGridFilters.interfaces";
+export interface DataGridFilterTagProps extends ComponentPropsWithRef<"div"> {
+    triggerRef: React.Ref<HTMLDivElement>;
+    filter?: Filter;
+    mode: FilterEditorMode;
+    onFilterRemove: () => void;
+    onFilterOpen: () => void;
+    translations?: TagTranslations;
+}
+export declare const DataGridFilterTagComponent: ForwardRefRenderFunction<HTMLDivElement, DataGridFilterTagProps>;
+export declare const DataGridFilterTag: React.ForwardRefExoticComponent<Omit<DataGridFilterTagProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/src/components/DataGrid/DataGridFilters/DataGridFilters.interfaces.d.ts

@@ -0,0 +1,57 @@
+export interface Filter {
+    id: string;
+    column: string;
+    operator: string;
+    value: string[];
+}
+export type FiltersAction = {
+    type: "add";
+    payload: Filter;
+} | {
+    type: "edit";
+    payload: Filter;
+} | {
+    type: "remove";
+    payload: {
+        id: string;
+    };
+} | {
+    type: "clear";
+};
+export type FiltersState = {
+    filters: Filter[];
+};
+export type FilterEditorMode = "ADD" | "EDIT";
+export declare enum DefaultOperators {
+    is = "is",
+    isNot = "is not",
+    contains = "contains",
+    doesNotContain = "does not contain",
+    isEmpty = "is empty"
+}
+export interface DataGridColumnMetadata {
+    name: string;
+    headline: string;
+    operators?: string[];
+    defaultValues?: string[];
+}
+export interface PopoverTranslations {
+    columnSelectLabel?: string;
+    operatorSelectLabel?: string;
+    valueSelectLabel?: string;
+    addNewValueLabel?: string;
+    addNewValueButtonTitle?: string;
+    submitButtonTitle?: string;
+    cancelButtonTitle?: string;
+}
+export interface TagTranslations {
+    addButtonCaption?: string;
+}
+export interface ToolbarTranslations {
+    clearButtonCaption?: string;
+}
+export interface FiltersTranslations {
+    toolbar?: ToolbarTranslations;
+    tag?: TagTranslations;
+    popover?: PopoverTranslations;
+}

package/dist/esm/src/components/DataGrid/DataGridFilters/DataGridToolbar.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithRef, ForwardRefRenderFunction } from "react";
+import { DataGridColumnMetadata, Filter, FiltersTranslations } from "./DataGridFilters.interfaces";
+export interface DataGridToolbarProps extends ComponentPropsWithRef<"div"> {
+    columnsMetadata: DataGridColumnMetadata[];
+    filterValues?: Filter[];
+    translations?: FiltersTranslations;
+    onFilterAdd?: (filter: Filter) => void;
+    onFilterEdit?: (filter: Filter) => void;
+    onFilterDelete?: (id: string) => void;
+    onFiltersClear?: () => void;
+}
+export declare const DataGridToolbarComponent: ForwardRefRenderFunction<HTMLDivElement, DataGridToolbarProps>;
+export declare const DataGridToolbar: React.ForwardRefExoticComponent<Omit<DataGridToolbarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/src/components/DataGrid/DataGridHeader/DataGridHeader.d.ts

@@ -4,6 +4,7 @@ export interface Props extends ComponentPropsWithRef<"thead"> {
     headers: HeaderCell[];
     initialSort?: Sort;
     onSort?: OnSortFunction;
+    enableExpandableRow?: boolean;
     disableContextMenuColumn?: boolean;
     enableMultiSorting?: boolean;
     spacing?: React.CSSProperties;

package/dist/esm/src/components/DataGrid/testUtils.d.ts

@@ -0,0 +1,13 @@
+import { Filter } from "./DataGridFilters/DataGridFilters.interfaces";
+/**
+ * @scope .
+ * @scopeException stories/DataGrid/DataGrid.stories.tsx
+ */
+export declare const useMockFilteringLogic: <T>(data: T[], filterValues: Filter[] | undefined) => {
+    onFilterAdd: (filter: Filter) => void;
+    onFilterEdit: (filter: Filter) => void;
+    onFilterDelete: (id: string) => void;
+    onFiltersClear: () => void;
+    gridData: T[];
+    filters: Filter[];
+};

package/dist/esm/src/components/Form/FileUpload/FileUpload.d.ts

@@ -11,7 +11,7 @@ export interface Props extends FileUploadType {
     multiple: boolean;
     fileList: FileType[];
     exceedingMaxSizeErrorText?: string;
-    maxFileSize?: number;
+    maxFileSizeInBytes?: number;
     selectButtonText?: string;
     dragAndDropText?: string;
     subText?: string;
@@ -24,6 +24,7 @@ export interface Props extends FileUploadType {
     downloadFileLink?: string;
     isRequired?: boolean;
     invalidDropErrorMessage?: string;
+    noMultipleFileDropErrorMessage?: string;
 }
 export declare const FileUpload: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/esm/src/components/Form/Select/MultiSelect/MultiSelect.test.d.ts

@@ -1,13 +1,12 @@
-import React from "react";
 import { MultiSelectProps } from "../Select.interfaces";
-export declare const createMultiSelect: (params?: ((defaultParams: MultiSelectProps) => MultiSelectProps) | undefined) => {
+export declare const createMultiSelect: (params?: (defaultParams: MultiSelectProps) => MultiSelectProps) => {
     select: HTMLElement;
     button: HTMLElement;
     list: Element | null;
     dropdownWrapper: Element | null;
     container: HTMLElement;
     baseElement: HTMLElement;
-    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
+    debug: (baseElement?: import("react-dom/client").Container | (Element | Document) | Array<import("react-dom/client").Container | (Element | Document)>, maxLength?: number, options?: import("pretty-format").OptionsReceived) => void;
     rerender: (ui: React.ReactNode) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;

package/dist/esm/src/components/Form/Select/MultiSelect/useSearch.d.ts

@@ -1,19 +1,9 @@
 import React from "react";
-import { PartialInputProps, SearchProps } from "../Select.interfaces";
+import { SearchProps } from "../Select.interfaces";
 interface Props {
     selectId: string;
     search?: SearchProps;
     optionsCount: number;
-    /**
-     * @deprecated
-     */
-    searchPlaceholder?: string;
-    /**
-     * @deprecated
-     */
-    searchInputProps?: PartialInputProps & {
-        reset?: boolean;
-    };
     searchInputClassName: string;
     expanded: boolean;
     setFocusedSelectItem: (idx: number) => void;
@@ -23,7 +13,7 @@ interface Props {
     getListboxId: (multiSelectId: string) => string;
 }
 /** @scope .*/
-export declare const useSearch: ({ selectId, search, optionsCount, searchPlaceholder, searchInputProps, searchInputClassName, expanded, setFocusedSelectItem, focusedSelectItem, describedBy, getOptionId, getListboxId }: Props) => {
+export declare const useSearch: ({ selectId, search, optionsCount, searchInputClassName, expanded, setFocusedSelectItem, focusedSelectItem, describedBy, getOptionId, getListboxId }: Props) => {
     renderSearch: () => React.JSX.Element;
     resetSearchState: () => void;
     searchVisible: boolean;

package/dist/esm/src/components/Form/Select/Select.interfaces.d.ts

@@ -22,17 +22,7 @@ export interface SelectProps<V extends string | readonly string[] | undefined> e
     labeledBy?: string;
     describedBy?: string;
     placeholder?: string;
-    /**
-     * @deprecated
-     */
-    searchPlaceholder?: string;
-    /**
-     * @deprecated
-     */
-    searchInputProps?: PartialInputProps & {
-        reset?: boolean;
-    };
-    selectButtonProps?: ComponentPropsWithRef<"button">;
+    selectButtonProps?: ComponentPropsWithRef<"button"> & FormElement;
     search?: SearchProps;
     className?: string;
     value: V;

package/dist/esm/src/components/Form/Select/SingleSelect/Select.test.d.ts

@@ -1,14 +1,13 @@
-import React from "react";
 import { SingleSelectProps } from "../Select.interfaces";
 export declare const defaultParams: SingleSelectProps;
-export declare const createSelect: (params?: ((defaultParams: SingleSelectProps) => SingleSelectProps) | undefined) => {
+export declare const createSelect: (params?: (defaultParams: SingleSelectProps) => SingleSelectProps) => {
     select: HTMLElement;
     button: HTMLElement;
     list: Element | null;
     dropdownWrapper: Element | null;
     container: HTMLElement;
     baseElement: HTMLElement;
-    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
+    debug: (baseElement?: import("react-dom/client").Container | (Element | Document) | Array<import("react-dom/client").Container | (Element | Document)>, maxLength?: number, options?: import("pretty-format").OptionsReceived) => void;
     rerender: (ui: React.ReactNode) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;

package/dist/esm/src/components/Form/Select/SingleSelect/useSearch.d.ts

@@ -1,24 +1,14 @@
 import React from "react";
-import { PartialInputProps, SearchProps } from "../Select.interfaces";
+import { SearchProps } from "../Select.interfaces";
 interface Props {
     search?: SearchProps;
     optionsCount: number;
-    /**
-     * @deprecated
-     */
-    searchPlaceholder?: string;
-    /**
-     * @deprecated
-     */
-    searchInputProps?: PartialInputProps & {
-        reset?: boolean;
-    };
     searchInputClassName: string;
     expanded: boolean;
     setFocusedSelectItem: (idx: number) => void;
 }
 /** @scope .*/
-export declare const useSearch: ({ search, optionsCount, searchPlaceholder, searchInputProps, searchInputClassName, expanded, setFocusedSelectItem }: Props) => {
+export declare const useSearch: ({ search, optionsCount, searchInputClassName, expanded, setFocusedSelectItem }: Props) => {
     renderSearch: () => React.JSX.Element;
     setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;
     searchVisible: boolean;

package/dist/esm/src/components/Form/Select/useSelectPositionList.d.ts

@@ -2,8 +2,8 @@ import { Position, UseSelectPositionListParams } from "./Select.interfaces";
 /** @scope .*/
 export declare const useSelectPositionList: ({ expanded, optionListReference, addBtnRef, containerReference }: UseSelectPositionListParams) => {
     optionsListMaxHeight: {
-        wrapper?: string | undefined;
-        list?: string | undefined;
+        wrapper?: string;
+        list?: string;
     };
     opacity: number;
     setOpacity: import("react").Dispatch<import("react").SetStateAction<number>>;

package/dist/esm/src/components/Icon/Icon.d.ts

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

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

@@ -105,30 +105,6 @@ interface CSSProperties {
     modalBackdropColor?: string;
     skeletonBackgroundColor?: string;
     skeletonAnimationColorRgb?: string;
-    /**
-     * @deprecated
-     */
-    snackbarTextColor?: string;
-    /**
-     * @deprecated
-     */
-    snackbarInfoBackgroundColor?: string;
-    /**
-     * @deprecated
-     */
-    snackbarSuccessBackgroundColor?: string;
-    /**
-     * @deprecated
-     */
-    snackbarErrorBackgroundColor?: string;
-    /**
-     * @deprecated
-     */
-    snackbarWarningBackgroundColor?: string;
-    /**
-     * @deprecated
-     */
-    snackbarBorderRadius?: string;
     alertTextColor?: string;
     alertTextInvertedColor?: string;
     alertNeutralBackgroundColor?: string;
@@ -187,7 +163,6 @@ interface CSSProperties {
     tabPressedColor?: string;
     toggleBackgroundColor?: string;
     tooltipBackgroundColor?: string;
-    wizardStepIndicatorFutureColor?: string;
     contextMenuHoverColor?: string;
     contextMenuPressedColor?: string;
     default?: string;
@@ -212,7 +187,6 @@ interface CSSProperties {
     formControlFontSize?: string;
     fileUploadBorderWidth?: string;
     dragDropBorderStyle?: string;
-    defaultZIndex1?: string;
     fontSizeDataGrid?: string;
 }
 export interface Props extends HTMLAttributes<HTMLDivElement> {

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

@@ -1,2 +1,36 @@
-import{useRef as n,useState as t,useEffect as r}from"react";const e=e=>{const o=n(null);const[i,a]=t(false);const d=()=>i&&e();r((()=>{var n;(n=o.current)===null||n===void 0?void 0:n.addEventListener("animationend",d);return()=>{var n;return(n=o.current)===null||n===void 0?void 0:n.removeEventListener("animationend",d)}}),[i]);return{ref:o,animationStarted:i,startAnimation:()=>a(true)}};export{e as useAnimation};
+import { useRef, useState, useEffect } from 'react';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const useAnimation = (callback) => {
+    const animatedObjectRef = useRef(null);
+    /** We need to store flag that says us when to call the callback */
+    const [animationStarted, setAnimationStarted] = useState(false);
+    const onAnimationEnd = () => animationStarted && callback();
+    useEffect(() => {
+        var _a;
+        (_a = animatedObjectRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener("animationend", onAnimationEnd);
+        return () => { var _a; return (_a = animatedObjectRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("animationend", onAnimationEnd); };
+    }, [animationStarted]);
+    return {
+        ref: animatedObjectRef,
+        animationStarted,
+        startAnimation: () => setAnimationStarted(true)
+    };
+};
+
+export { useAnimation };
 //# sourceMappingURL=useAnimation.esm.js.map

package/dist/esm/src/hooks/useAnimation.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnimation.esm.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":"4DAkBa,MAAAA,EAAgDC,IAC3D,MAAMC,EAAoBC,EAAmB,MAE7C,MAAOC,EAAkBC,GAAuBC,EAAS,OAEzD,MAAMC,EAAiB,IAAMH,GAAoBH,IAEjDO,GAAU,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"}
+{"version":3,"file":"useAnimation.esm.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":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;AAIU,MAAA,YAAY,GAAG,CAAiC,QAAoB,KAAI;AACnF,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAa,IAAI,CAAC,CAAC;;IAEnD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,cAAc,GAAG,MAAM,gBAAgB,IAAI,QAAQ,EAAE,CAAC;IAE5D,SAAS,CAAC,MAAK;;QACb,CAAA,EAAA,GAAA,iBAAiB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,gBAAgB,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;AAC5E,QAAA,OAAO,MAAK,EAAA,IAAA,EAAA,CAAA,CAAC,OAAA,CAAA,EAAA,GAAA,iBAAiB,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,mBAAmB,CAAC,cAAc,EAAE,cAAc,CAAC,CAAA,EAAA,CAAC;AAC9F,KAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO;AACL,QAAA,GAAG,EAAE,iBAAiB;QACtB,gBAAgB;AAChB,QAAA,cAAc,EAAE,MAAM,mBAAmB,CAAC,IAAI,CAAC;KAChD,CAAC;AACJ;;;;"}

package/dist/esm/src/hooks/useBodyClick.esm.js

@@ -1,2 +1,33 @@
-import{useEffect as e}from"react";const n=(n,t,i)=>{function r(e){if(n(e))t()}e((()=>{window.addEventListener("click",r);return()=>{window.removeEventListener("click",r)}}),[i])};export{n as useBodyClick};
+import { useEffect } from 'react';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const useBodyClick = (checkFunction, callbackFunction, dependingStateVariable) => {
+    function bodyClickListener(event) {
+        if (checkFunction(event)) {
+            callbackFunction();
+        }
+    }
+    useEffect(() => {
+        window.addEventListener("click", bodyClickListener);
+        return () => {
+            window.removeEventListener("click", bodyClickListener);
+        };
+    }, [dependingStateVariable]);
+};
+
+export { useBodyClick };
 //# sourceMappingURL=useBodyClick.esm.js.map

package/dist/esm/src/hooks/useBodyClick.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBodyClick.esm.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":"kCAkBa,MAAAA,EAAe,CAC1BC,EACAC,EACAC,KAEA,SAASC,EAAkBC,GACzB,GAAIJ,EAAcI,GAChBH,GAEH,CACDI,GAAU,KACRC,OAAOC,iBAAiB,QAASJ,GAEjC,MAAO,KACLG,OAAOE,oBAAoB,QAASL,EAAkB,CACvD,GACA,CAACD,GAAwB"}
+{"version":3,"file":"useBodyClick.esm.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":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;AAIU,MAAA,YAAY,GAAG,CAC1B,aAA6C,EAC7C,gBAAiD,EACjD,sBAAqE,KACnE;IACF,SAAS,iBAAiB,CAAC,KAAiB,EAAA;AAC1C,QAAA,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,gBAAgB,EAAE,CAAC;SACpB;KACF;IACD,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;AAEpD,QAAA,OAAO,MAAK;AACV,YAAA,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;AACzD,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC;AAC/B;;;;"}

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

@@ -1,2 +1,32 @@
-import e from"react";const r=(r,t,c)=>{const u=e.useRef();const n=c?[r,t,...c]:[r,t];return e.useCallback(((...e)=>{if(u.current!=null)clearTimeout(u.current);u.current=setTimeout((()=>{r(...e)}),t)}),n)};export{r as useDebouncedCallback};
+import React from 'react';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const useDebouncedCallback = (callback, delay, dependencies) => {
+    const timeout = React.useRef();
+    const comboDeps = dependencies ? [callback, delay, ...dependencies] : [callback, delay];
+    return React.useCallback((...args) => {
+        if (timeout.current != null) {
+            clearTimeout(timeout.current);
+        }
+        timeout.current = setTimeout(() => {
+            callback(...args);
+        }, delay);
+    }, comboDeps);
+};
+
+export { useDebouncedCallback };
 //# sourceMappingURL=useDebouncedCallback.esm.js.map

package/dist/esm/src/hooks/useDebouncedCallback.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebouncedCallback.esm.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":"qBAkBa,MAAAA,EAAuB,CAACC,EAAoBC,EAAeC,KACtE,MAAMC,EAAUC,EAAMC,SACtB,MAAMC,EAAYJ,EAAe,CAACF,EAAUC,KAAUC,GAAgB,CAACF,EAAUC,GAEjF,OAAOG,EAAMG,aAAY,IAAIC,KAC3B,GAAIL,EAAQM,SAAW,KACrBC,aAAaP,EAAQM,SAGvBN,EAAQM,QAAUE,YAAW,KAC3BX,KAAYQ,EAAK,GAChBP,EAAM,GACRK,EAAU"}
+{"version":3,"file":"useDebouncedCallback.esm.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":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;AAIU,MAAA,oBAAoB,GAAG,CAAC,QAAkB,EAAE,KAAa,EAAE,YAAoB,KAAI;AAC9F,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAiC,CAAC;IAC9D,MAAM,SAAS,GAAG,YAAY,GAAG,CAAC,QAAQ,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAExF,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,GAAG,IAAW,KAAI;AAC1C,QAAA,IAAI,OAAO,CAAC,OAAO,IAAI,IAAI,EAAE;AAC3B,YAAA,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;SAC/B;AAED,QAAA,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;AAChC,YAAA,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;SACnB,EAAE,KAAK,CAAC,CAAC;KACX,EAAE,SAAS,CAAC,CAAC;AAChB;;;;"}

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

@@ -1,2 +1,34 @@
-import e,{useRef as r}from"react";import{Icon as t,Icons as c}from"../../Icon/Icon.esm.js";const o=o=>{const{error:s,success:n}=o||false;let l=null;const a=r(null);const i=r(null);if(s)l=e.createElement(t,{ref:a,"data-icon-status":"error",icon:c.Error});else if(n)l=e.createElement(t,{ref:i,"data-icon-status":"success",icon:c.CheckmarkCircleAlt});return l};export{o as useDetermineStatusIcon};
+import React, { useRef } from 'react';
+import { Icon, Icons } from '../../Icon/Icon.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const useDetermineStatusIcon = (params) => {
+    const { error, success } = params || false;
+    let icon = null;
+    const errorRef = useRef(null);
+    const successRef = useRef(null);
+    if (error) {
+        icon = React.createElement(Icon, { ref: errorRef, "data-icon-status": "error", icon: Icons.Error });
+    }
+    else if (success) {
+        icon = React.createElement(Icon, { ref: successRef, "data-icon-status": "success", icon: Icons.CheckmarkCircleAlt });
+    }
+    return icon;
+};
+
+export { useDetermineStatusIcon };
 //# sourceMappingURL=useDetermineStatusIcon.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDetermineStatusIcon.esm.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":"2FAmBa,MAAAA,EAA0BC,IACrC,MAAMC,MAAEA,EAAKC,QAAEA,GAAYF,GAAU,MACrC,IAAIG,EAAO,KACX,MAAMC,EAAWC,EAAO,MACxB,MAAMC,EAAaD,EAAO,MAE1B,GAAIJ,EACFE,EAAOI,EAACC,cAAAC,EAAK,CAAAC,IAAKN,EAAQ,mBAAmB,QAAQD,KAAMQ,EAAMC,aAC5D,GAAIV,EACTC,EAAOI,EAACC,cAAAC,EAAK,CAAAC,IAAKJ,EAAU,mBAAmB,UAAUH,KAAMQ,EAAME,qBAGvE,OAAOV,CAAI"}
+{"version":3,"file":"useDetermineStatusIcon.esm.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":[],"mappings":";;;AAAA;;;;;;;;;;;;;;AAcG;AAKU,MAAA,sBAAsB,GAAG,CAAC,MAA4B,KAAyB;IAC1F,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,MAAM,IAAI,KAAK,CAAC;IAC3C,IAAI,IAAI,GAAG,IAAI,CAAC;AAChB,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEhC,IAAI,KAAK,EAAE;AACT,QAAA,IAAI,GAAG,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,GAAG,EAAE,QAAQ,EAAA,kBAAA,EAAmB,OAAO,EAAC,IAAI,EAAE,KAAK,CAAC,KAAK,GAAI,CAAC;KAC5E;SAAM,IAAI,OAAO,EAAE;AAClB,QAAA,IAAI,GAAG,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,GAAG,EAAE,UAAU,EAAA,kBAAA,EAAmB,SAAS,EAAC,IAAI,EAAE,KAAK,CAAC,kBAAkB,GAAI,CAAC;KAC7F;AAED,IAAA,OAAO,IAAI,CAAC;AACd;;;;"}

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

@@ -1,2 +1,47 @@
-import{useState as r,useEffect as e}from"react";import{generateID as o}from"../util/helper.esm.js";const t=t=>{const[p]=r(o(15,t.name));const[n,a]=r("");const[s]=r(o(15,t.errorMessage));e((()=>{if(t.error&&t.parentErrorId)a(t.parentErrorId);if(!t.error&&t.helperText||!t.parentErrorId&&!t.errorMessage&&t.helperText)a(`${p}`);if(!t.error&&!t.helperText&&t.parentHelperId||!t.parentErrorId&&!t.errorMessage&&t.parentHelperId)a(`${t.parentHelperId}`);if(t.errorMessage&&!t.parentErrorId&&t.error)a(s)}),[p,t.error,t.parentErrorId]);return{describedBy:n,errorId:s,identifier:p}};export{t as useFormSelector};
+import { useState, useEffect } from 'react';
+import { generateID } from '../util/helper.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const useFormSelector = (configObject) => {
+    const [identifier] = useState(generateID(15, configObject.name));
+    const [describedBy, setDescribedBy] = useState("");
+    const [errorId] = useState(generateID(15, configObject.errorMessage));
+    useEffect(() => {
+        if (configObject.error && configObject.parentErrorId) {
+            setDescribedBy(configObject.parentErrorId);
+        }
+        if ((!configObject.error && configObject.helperText) ||
+            (!configObject.parentErrorId && !configObject.errorMessage && configObject.helperText)) {
+            setDescribedBy(`${identifier}`);
+        }
+        if ((!configObject.error && !configObject.helperText && configObject.parentHelperId) ||
+            (!configObject.parentErrorId && !configObject.errorMessage && configObject.parentHelperId)) {
+            setDescribedBy(`${configObject.parentHelperId}`);
+        }
+        if (configObject.errorMessage && !configObject.parentErrorId && configObject.error) {
+            setDescribedBy(errorId);
+        }
+    }, [identifier, configObject.error, configObject.parentErrorId]);
+    return {
+        describedBy,
+        errorId,
+        identifier
+    };
+};
+
+export { useFormSelector };
 //# sourceMappingURL=useFormSelector.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFormSelector.esm.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":"mGA4Ba,MAAAA,EAAmBC,IAC9B,MAAOC,GAAcC,EAASC,EAAW,GAAIH,EAAaI,OAC1D,MAAOC,EAAaC,GAAkBJ,EAAS,IAC/C,MAAOK,GAAWL,EAASC,EAAW,GAAIH,EAAaQ,eAEvDC,GAAU,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"}
+{"version":3,"file":"useFormSelector.esm.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":[],"mappings":";;;AAAA;;;;;;;;;;;;;;AAcG;AAcU,MAAA,eAAe,GAAG,CAAC,YAA0B,KAAI;AAC5D,IAAA,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IACjE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AACnD,IAAA,MAAM,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;IAEtE,SAAS,CAAC,MAAK;QACb,IAAI,YAAY,CAAC,KAAK,IAAI,YAAY,CAAC,aAAa,EAAE;AACpD,YAAA,cAAc,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;SAC5C;QAED,IACE,CAAC,CAAC,YAAY,CAAC,KAAK,IAAI,YAAY,CAAC,UAAU;AAC/C,aAAC,CAAC,YAAY,CAAC,aAAa,IAAI,CAAC,YAAY,CAAC,YAAY,IAAI,YAAY,CAAC,UAAU,CAAC,EACtF;AACA,YAAA,cAAc,CAAC,CAAA,EAAG,UAAU,CAAA,CAAE,CAAC,CAAC;SACjC;AAED,QAAA,IACE,CAAC,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,UAAU,IAAI,YAAY,CAAC,cAAc;AAC/E,aAAC,CAAC,YAAY,CAAC,aAAa,IAAI,CAAC,YAAY,CAAC,YAAY,IAAI,YAAY,CAAC,cAAc,CAAC,EAC1F;AACA,YAAA,cAAc,CAAC,CAAG,EAAA,YAAY,CAAC,cAAc,CAAA,CAAE,CAAC,CAAC;SAClD;AAED,QAAA,IAAI,YAAY,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,aAAa,IAAI,YAAY,CAAC,KAAK,EAAE;YAClF,cAAc,CAAC,OAAO,CAAC,CAAC;SACzB;AACH,KAAC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC;IAEjE,OAAO;QACL,WAAW;QACX,OAAO;QACP,UAAU;KACX,CAAC;AACJ;;;;"}

package/dist/esm/src/hooks/useFullHeightCollapse.d.ts

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