pixel-react 1.11.22 → 1.11.24

package/lib/components/variableSuggestionInputDropDown/types.d.ts

@@ -0,0 +1,164 @@
+import { dropdownPositionType } from '../Editor/types';
+export type dynamicObject = {
+    [key: string]: any;
+};
+export type TestDataObject = {
+    _id: string;
+    name: string;
+    actualPath: string;
+    searchKey: string;
+    parentId: string;
+};
+export interface VariableSuggestionInputDropDownProps {
+    /**
+     * Label for the field
+     */
+    label?: string;
+    /**
+     * Value in the input should stored in this state
+     */
+    hashInputValue?: TestDataObject | dynamicObject;
+    /**
+     * Function storing and updating the inputValue state
+     */
+    setHashInputValue?: (value: File | dynamicObject | null) => void;
+    /**
+     * List of variables
+     */
+    variableList?: dynamicObject[];
+    /**
+     * Place holder for the input field
+     */
+    placeholder?: string;
+    /**
+     * Function to handle input change
+     * @param value
+     * @returns
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, item?: dynamicObject) => void;
+    /**
+     * Function to handle create variable icon click
+     */
+    onCreateVariableClick?: () => void;
+    /**
+     * Function to clear input field on close icon click
+     */
+    handleClearInput?: () => void;
+    /**
+     * Width of the dropdown
+     */
+    dropdownWidth?: string;
+    /**
+     * Height of the dropdown
+     */
+    dropdownHeight?: string;
+    /**
+     * Name | name of the input field
+     */
+    name?: string;
+    /**
+     * value | input field value
+     */
+    value?: string;
+    /**
+     * variants to set color/style of the input field
+     */
+    variant?: 'default' | 'primary';
+    /**
+     * type to set color/style of the input field
+     */
+    type?: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
+    /**
+     * error | If true, error message will be displayed
+     */
+    error?: boolean;
+    /**
+     * helperText | error, success, warning message to be shown
+     */
+    helperText?: string;
+    /**
+     * to disable the input field
+     */
+    disabled?: boolean;
+    /**
+     * if true, input field will be mandatory
+     */
+    required?: boolean;
+    /**
+     * classnames to style the input field
+     */
+    className?: string;
+    /**
+     * noBorder prop 'true' removes border of input
+     */
+    noBorder?: boolean;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * id to select the input field uniquely
+     */
+    id?: string;
+    /**
+     * if on, suggestion popup will be displayed
+     */
+    autoComplete?: 'on' | 'off';
+    /**
+     *  minimum and maximum values for the number type input field and their functions
+     */
+    minValue?: string;
+    maxValue?: string;
+    /**
+     * background of the input field prop
+     */
+    transparentBackground?: boolean;
+    /**
+     * size for the input field
+     */
+    size?: 'small' | 'medium';
+    /**
+     * isLabelRequired for the input field without label,showing placeholder
+     */
+    isLabelRequired?: boolean;
+    /**
+     * If true, dropdown opens when '#' is entered at the first position.
+     */
+    isHash?: boolean;
+    /**
+     * Options for the dropdown when `isHash` is true.
+     */
+    dataFiles?: dynamicObject[];
+    /**
+     * a boolean prop to show add variable icon or not.
+     */
+    showAddVariableIcon?: boolean;
+    formProps?: Record<string, any>;
+    zIndex?: number;
+    truncateTextValue?: number;
+    getSelectedVariable?: (option: string) => void;
+    symbol?: string;
+}
+export interface OptionsDropdownProps {
+    /**
+     * Position whether absoloute or relative
+     */
+    position: 'absolute' | 'relative';
+    /**
+     * Dropdown width
+     */
+    width: string;
+    /**
+     * chars entered to search in Input :
+     */
+    filteredOptions?: dynamicObject[];
+    /**
+     * Function to handle click on variable
+     */
+    onSelectVariable: (variable: object) => void;
+    /**
+     * Dropdown postion used for dropdown placement
+     */
+    dropdownPosition?: dropdownPositionType;
+    zIndex?: number;
+    truncateTextValue?: number;
+}

package/lib/components/variableSuggestionInputDropDown/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/variableSuggestionInputDropDown/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/variableSuggestionInputDropDown/types.ts"],"names":[],"mappings":""}

package/lib/hooks/keyboardevents/useEscKeyEvent.d.ts

@@ -0,0 +1,2 @@
+declare function useEscapeKey(key: string): (callBack: () => void) => void;
+export default useEscapeKey;

package/lib/hooks/keyboardevents/useEscKeyEvent.js

@@ -0,0 +1,18 @@
+import { useEffect } from 'react';
+function useEscapeKey(key) {
+    return (callBack) => {
+        const handleKeyDown = (event) => {
+            if (event?.key === key) {
+                callBack();
+            }
+        };
+        useEffect(() => {
+            window.addEventListener('keydown', handleKeyDown);
+            return () => {
+                window.removeEventListener('keydown', handleKeyDown);
+            };
+        }, [key, callBack]);
+    };
+}
+export default useEscapeKey;
+//# sourceMappingURL=useEscKeyEvent.js.map

package/lib/hooks/keyboardevents/useEscKeyEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscKeyEvent.js","sourceRoot":"","sources":["../../../src/hooks/keyboardevents/useEscKeyEvent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,SAAS,YAAY,CAAC,GAAW;IAC/B,OAAO,CAAC,QAAoB,EAAE,EAAE;QAC9B,MAAM,aAAa,GAAmC,CAAC,KAAK,EAAE,EAAE;YAC9D,IAAI,KAAK,EAAE,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvB,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC,CAAC;QACF,SAAS,CAAC,GAAG,EAAE;YACb,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YAClD,OAAO,GAAG,EAAE;gBACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACvD,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtB,CAAC,CAAC;AACJ,CAAC;AACD,eAAe,YAAY,CAAC"}

package/lib/hooks/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void, ignoreRefs?: Array<React.RefObject<HTMLElement> | undefined>) => void;
+export default useClickOutside;

package/lib/hooks/useClickOutside.js

@@ -0,0 +1,19 @@
+import { useEffect } from 'react';
+const useClickOutside = (ref, callback, ignoreRefs = []) => {
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (ref.current &&
+                !ref.current.contains(event.target) &&
+                !ignoreRefs.some((ignoreRef) => ignoreRef?.current &&
+                    ignoreRef.current.contains(event.target))) {
+                callback();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [ref, callback, ignoreRefs]);
+};
+export default useClickOutside;
+//# sourceMappingURL=useClickOutside.js.map

package/lib/hooks/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../src/hooks/useClickOutside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,eAAe,GAAG,CACtB,GAAiC,EACjC,QAAoB,EACpB,aAA8D,EAAE,EAChE,EAAE;IACF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,IACE,GAAG,CAAC,OAAO;gBACX,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;gBAC3C,CAAC,UAAU,CAAC,IAAI,CACd,CAAC,SAAS,EAAE,EAAE,CACZ,SAAS,EAAE,OAAO;oBAClB,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CACnD,EACD,CAAC;gBACD,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/hooks/useFileDropzone.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneOptions, DropzoneState } from '../components/FileDropzone/types';
+declare const useFileDropzone: (options: DropzoneOptions) => DropzoneState;
+export default useFileDropzone;

package/lib/hooks/useFileDropzone.js

@@ -0,0 +1,180 @@
+import { useState, useCallback } from 'react';
+import { getExtensionWithPeriod } from '../utils/getExtension/getExtension';
+import { checkEmpty } from '../utils/checkEmpty/checkEmpty';
+const useFileDropzone = (options) => {
+    const { accept, multiple, maxSize, maxFiles, onMaxFilesError, onDrop, maxSizeErrorMessage, invalidFileMessage, fileExistMessage, validateMIMEType = false, isApiResponseError, } = options;
+    const [files, setFiles] = useState({ accepted: [], rejected: [] });
+    const [isDragActive, setIsDragActive] = useState(false);
+    const validateFileMIMEType = (file, extensionWithPeriod) => {
+        if (accept.includes(file.type))
+            return true;
+        // these special types doesn't have MIME type, user can pass . extension and get it validated based on file name extension
+        const specialTypes = ['.ipa', '.yml', '.md', '.pem', '.properties'];
+        return (specialTypes.includes(extensionWithPeriod) &&
+            accept.includes(extensionWithPeriod));
+    };
+    const validateFile = useCallback((file) => {
+        const errors = [];
+        if (maxSize && file.size > maxSize) {
+            errors.push({
+                message: maxSizeErrorMessage
+                    ? maxSizeErrorMessage
+                    : 'File size exceeds the limit',
+                code: 'file-size-exceeded',
+            });
+        }
+        const extensionWithPeriod = getExtensionWithPeriod(file).toLowerCase();
+        if (validateMIMEType) {
+            if (!validateFileMIMEType(file, extensionWithPeriod) || isApiResponseError) {
+                errors.push({
+                    message: invalidFileMessage
+                        ? invalidFileMessage
+                        : 'Unsupported File Format',
+                    code: 'file-invalid-type',
+                });
+            }
+        }
+        else if (accept && !accept.includes(extensionWithPeriod)) {
+            errors.push({
+                message: invalidFileMessage
+                    ? invalidFileMessage
+                    : 'Unsupported File Format',
+                code: 'file-invalid-type',
+            });
+        }
+        const fileExists = files.accepted.some((existingFile) => existingFile.name === file.name &&
+            getExtensionWithPeriod(existingFile) === getExtensionWithPeriod(file));
+        if (fileExists) {
+            errors.push({
+                message: fileExistMessage ? fileExistMessage : 'File already exists.',
+                code: 'file-exists',
+            });
+        }
+        return errors;
+    }, [
+        accept,
+        maxSize,
+        files,
+        maxSizeErrorMessage,
+        invalidFileMessage,
+        fileExistMessage,
+    ]);
+    const replaceFile = useCallback((fileToReplace, newFile) => {
+        if (fileToReplace.name === newFile.name &&
+            fileToReplace.size === newFile.size) {
+            return;
+        }
+        const errors = validateFile(newFile);
+        setFiles((prevFiles) => {
+            const updatedAccepted = prevFiles.accepted.filter((file) => file.name !== fileToReplace.name);
+            const updatedRejected = prevFiles.rejected.filter((rejection) => rejection.file.name !== fileToReplace.name);
+            return {
+                accepted: !checkEmpty(errors)
+                    ? updatedAccepted
+                    : [...updatedAccepted, newFile],
+                rejected: !checkEmpty(errors)
+                    ? [...updatedRejected, { file: newFile, errors }]
+                    : updatedRejected,
+            };
+        });
+    }, [validateFile]);
+    const handleReplaceClick = useCallback((fileToReplace) => {
+        const input = document.createElement('input');
+        input.type = 'file';
+        input.accept = accept.join(',');
+        input.onchange = (event) => {
+            const newFile = event.target?.files?.[0];
+            if (newFile) {
+                replaceFile(fileToReplace, newFile);
+            }
+        };
+        input.click();
+    }, [accept, replaceFile]);
+    const removeFile = useCallback((fileToRemove) => {
+        setFiles((prevFiles) => ({
+            accepted: prevFiles.accepted.filter((file) => file !== fileToRemove),
+            rejected: prevFiles.rejected.filter((rejection) => rejection.file !== fileToRemove),
+        }));
+    }, []);
+    const handleRemoveClick = useCallback((file) => {
+        removeFile(file);
+    }, [removeFile]);
+    const handleDrop = useCallback((event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setIsDragActive(false);
+        const droppedFiles = 'dataTransfer' in event
+            ? event.dataTransfer?.files
+            : event.target?.files;
+        if (!droppedFiles)
+            return;
+        const droppedOrSelectedFiles = Array.from(droppedFiles);
+        if (maxFiles && droppedOrSelectedFiles.length > maxFiles) {
+            if (onMaxFilesError)
+                onMaxFilesError();
+            return;
+        }
+        const accepted = [];
+        const rejected = [];
+        droppedOrSelectedFiles.forEach((file) => {
+            const errors = validateFile(file);
+            if (!checkEmpty(errors)) {
+                rejected.push({ file, errors });
+            }
+            else {
+                accepted.push(file);
+            }
+        });
+        setFiles((prevFiles) => ({
+            accepted: [
+                ...prevFiles.accepted,
+                ...accepted.filter((newFile) => !prevFiles.accepted.some((file) => file.name === newFile.name &&
+                    getExtensionWithPeriod(file) ===
+                        getExtensionWithPeriod(newFile))),
+            ],
+            rejected: [
+                ...prevFiles.rejected,
+                ...rejected.filter((newFile) => !prevFiles.rejected.some((file) => file.file.name === newFile.file.name &&
+                    getExtensionWithPeriod(file.file) ===
+                        getExtensionWithPeriod(newFile.file))),
+            ],
+        }));
+        if ('dataTransfer' in event) {
+            event.dataTransfer?.clearData();
+        }
+        else {
+            event.target.value = '';
+        }
+        if (onDrop)
+            onDrop(accepted, rejected, event);
+    }, [maxFiles, validateFile, onMaxFilesError, onDrop]);
+    const handleDragOver = useCallback((event) => {
+        event.preventDefault();
+        setIsDragActive(true);
+    }, []);
+    const handleDragLeave = useCallback(() => {
+        setIsDragActive(false);
+    }, []);
+    const getRootProps = useCallback(() => ({
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+    }), [handleDragOver, handleDragLeave, handleDrop, isDragActive]);
+    const getInputProps = useCallback(() => ({
+        type: 'file',
+        onChange: handleDrop,
+        multiple,
+        accept: accept ? accept.join(',') : '',
+    }), [handleDrop, multiple, accept]);
+    return {
+        getRootProps,
+        getInputProps,
+        acceptedFiles: files.accepted,
+        rejectedFiles: files.rejected,
+        isDragActive,
+        handleRemoveClick,
+        handleReplaceClick,
+    };
+};
+export default useFileDropzone;
+//# sourceMappingURL=useFileDropzone.js.map

package/lib/hooks/useFileDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileDropzone.js","sourceRoot":"","sources":["../../src/hooks/useFileDropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAQ5E,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,MAAM,eAAe,GAAG,CAAC,OAAwB,EAAiB,EAAE;IAClE,MAAM,EACJ,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,eAAe,EACf,MAAM,EACN,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,GAAG,KAAK,EACxB,kBAAkB,GACnB,GAAG,OAAO,CAAC;IAEZ,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,oBAAoB,GAAG,CAC3B,IAAU,EACV,mBAA2B,EAClB,EAAE;QACX,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC;QAE5C,0HAA0H;QAC1H,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC;QACpE,OAAO,CACL,YAAY,CAAC,QAAQ,CAAC,mBAAmB,CAAC;YAC1C,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CACrC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,IAAU,EAAe,EAAE;QAC1B,MAAM,MAAM,GAAgB,EAAE,CAAC;QAE/B,IAAI,OAAO,IAAI,IAAI,CAAC,IAAI,GAAG,OAAO,EAAE,CAAC;YACnC,MAAM,CAAC,IAAI,CAAC;gBACV,OAAO,EAAE,mBAAmB;oBAC1B,CAAC,CAAC,mBAAmB;oBACrB,CAAC,CAAC,6BAA6B;gBACjC,IAAI,EAAE,oBAAoB;aAC3B,CAAC,CAAC;QACL,CAAC;QAED,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;QAEvE,IAAI,gBAAgB,EAAE,CAAC;YACrB,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,mBAAmB,CAAC,IAAI,kBAAkB,EAAG,CAAC;gBAC5E,MAAM,CAAC,IAAI,CAAC;oBACV,OAAO,EAAE,kBAAkB;wBACzB,CAAC,CAAC,kBAAkB;wBACpB,CAAC,CAAC,yBAAyB;oBAC7B,IAAI,EAAE,mBAAmB;iBAC1B,CAAC,CAAC;YACL,CAAC;QACH,CAAC;aAAM,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC;YAC3D,MAAM,CAAC,IAAI,CAAC;gBACV,OAAO,EAAE,kBAAkB;oBACzB,CAAC,CAAC,kBAAkB;oBACpB,CAAC,CAAC,yBAAyB;gBAC7B,IAAI,EAAE,mBAAmB;aAC1B,CAAC,CAAC;QACL,CAAC;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CACpC,CAAC,YAAY,EAAE,EAAE,CACf,YAAY,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;YAC/B,sBAAsB,CAAC,YAAY,CAAC,KAAK,sBAAsB,CAAC,IAAI,CAAC,CACxE,CAAC;QAEF,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,CAAC,IAAI,CAAC;gBACV,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,sBAAsB;gBACrE,IAAI,EAAE,aAAa;aACpB,CAAC,CAAC;QACL,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EACD;QACE,MAAM;QACN,OAAO;QACP,KAAK;QACL,mBAAmB;QACnB,kBAAkB;QAClB,gBAAgB;KACjB,CACF,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,aAAmB,EAAE,OAAa,EAAE,EAAE;QACrC,IACE,aAAa,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI;YACnC,aAAa,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,EACnC,CAAC;YACD,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;QAErC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE;YACrB,MAAM,eAAe,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAC/C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI,CAC3C,CAAC;YACF,MAAM,eAAe,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,CAC/C,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC,IAAI,CAC1D,CAAC;YAEF,OAAO;gBACL,QAAQ,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC;oBAC3B,CAAC,CAAC,eAAe;oBACjB,CAAC,CAAC,CAAC,GAAG,eAAe,EAAE,OAAO,CAAC;gBACjC,QAAQ,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC;oBAC3B,CAAC,CAAC,CAAC,GAAG,eAAe,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;oBACjD,CAAC,CAAC,eAAe;aACpB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,aAAmB,EAAE,EAAE;QACtB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC;QACpB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChC,KAAK,CAAC,QAAQ,GAAG,CAAC,KAAY,EAAE,EAAE;YAChC,MAAM,OAAO,GAAI,KAAK,CAAC,MAA2B,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;YAC/D,IAAI,OAAO,EAAE,CAAC;gBACZ,WAAW,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,CAAC;QACF,KAAK,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC,EACD,CAAC,MAAM,EAAE,WAAW,CAAC,CACtB,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,YAAkB,EAAE,EAAE;QACpD,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;YACvB,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,YAAY,CAAC;YACpE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,MAAM,CACjC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,KAAK,YAAY,CAC/C;SACF,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAU,EAAE,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAC5B,CACE,KAAyE,EACzE,EAAE;QACF,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,MAAM,YAAY,GAChB,cAAc,IAAI,KAAK;YACrB,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK;YAC3B,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;QAC1B,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,MAAM,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAExD,IAAI,QAAQ,IAAI,sBAAsB,CAAC,MAAM,GAAG,QAAQ,EAAE,CAAC;YACzD,IAAI,eAAe;gBAAE,eAAe,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAW,EAAE,CAAC;QAC5B,MAAM,QAAQ,GAAoB,EAAE,CAAC;QAErC,sBAAsB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACtC,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;YAClC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;gBACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;YAClC,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;YACvB,QAAQ,EAAE;gBACR,GAAG,SAAS,CAAC,QAAQ;gBACrB,GAAG,QAAQ,CAAC,MAAM,CAChB,CAAC,OAAO,EAAE,EAAE,CACV,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CACtB,CAAC,IAAI,EAAE,EAAE,CACP,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI;oBAC1B,sBAAsB,CAAC,IAAI,CAAC;wBAC1B,sBAAsB,CAAC,OAAO,CAAC,CACpC,CACJ;aACF;YACD,QAAQ,EAAE;gBACR,GAAG,SAAS,CAAC,QAAQ;gBACrB,GAAG,QAAQ,CAAC,MAAM,CAChB,CAAC,OAAO,EAAE,EAAE,CACV,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CACtB,CAAC,IAAI,EAAE,EAAE,CACP,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,IAAI;oBACpC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC;wBAC/B,sBAAsB,CAAC,OAAO,CAAC,IAAI,CAAC,CACzC,CACJ;aACF;SACF,CAAC,CAAC,CAAC;QAEJ,IAAI,cAAc,IAAI,KAAK,EAAE,CAAC;YAC5B,KAAK,CAAC,YAAY,EAAE,SAAS,EAAE,CAAC;QAClC,CAAC;aAAM,CAAC;YACL,KAAK,CAAC,MAA2B,CAAC,KAAK,GAAG,EAAE,CAAC;QAChD,CAAC;QAED,IAAI,MAAM;YAAE,MAAM,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC,EACD,CAAC,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,CAAC,CAClD,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,KAAmC,EAAE,EAAE;QACzE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAC9B,GAAsC,EAAE,CAAC,CAAC;QACxC,UAAU,EAAE,cAAc;QAC1B,WAAW,EAAE,eAAe;QAC5B,MAAM,EAAE,UAAU;KACnB,CAAC,EACF,CAAC,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,CAAC,CAC5D,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,GAAgD,EAAE,CAAC,CAAC;QAClD,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,UAAU;QACpB,QAAQ;QACR,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;KACvC,CAAC,EACF,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,CAAC,CAC/B,CAAC;IAEF,OAAO;QACL,YAAY;QACZ,aAAa;QACb,aAAa,EAAE,KAAK,CAAC,QAAQ;QAC7B,aAAa,EAAE,KAAK,CAAC,QAAQ;QAC7B,YAAY;QACZ,iBAAiB;QACjB,kBAAkB;KACnB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,9 @@
+interface UseIntersectionObserverOptions {
+    root?: Element | null;
+    rootMargin?: string;
+    threshold?: number | number[];
+    onIntersect: (entry: IntersectionObserverEntry, observer: IntersectionObserver) => void;
+}
+export declare function useIntersectionObserver(elements: (Element | string)[] | null, // Accepts Element or id strings
+options: UseIntersectionObserverOptions): void;
+export {};

package/lib/hooks/useIntersectionObserver.js

@@ -0,0 +1,26 @@
+import { useEffect, useRef } from 'react';
+export function useIntersectionObserver(elements, // Accepts Element or id strings
+options) {
+    const observerRef = useRef(null);
+    useEffect(() => {
+        if (!elements || elements.length === 0)
+            return;
+        const { root = null, rootMargin = '0px', threshold = 0, onIntersect, } = options;
+        // Resolve elements: convert ids to DOM elements
+        const resolvedElements = elements
+            .map((element) => typeof element === 'string' ? document.getElementById(element) : element)
+            .filter((el) => el !== null); // Ensure valid elements
+        if (resolvedElements.length === 0) {
+            console.warn('No valid elements to observe.');
+            return;
+        }
+        observerRef.current = new IntersectionObserver((entries, observer) => {
+            entries.forEach((entry) => onIntersect(entry, observer));
+        }, { root, rootMargin, threshold });
+        resolvedElements.forEach((element) => observerRef.current?.observe(element));
+        return () => {
+            observerRef.current?.disconnect();
+        };
+    }, [elements, options]);
+}
+//# sourceMappingURL=useIntersectionObserver.js.map

package/lib/hooks/useIntersectionObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersectionObserver.js","sourceRoot":"","sources":["../../src/hooks/useIntersectionObserver.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAY1C,MAAM,UAAU,uBAAuB,CACrC,QAAqC,EAAE,gCAAgC;AACvE,OAAuC;IAEvC,MAAM,WAAW,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAE/C,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,CAAC,EACb,WAAW,GACZ,GAAG,OAAO,CAAC;QAEZ,gDAAgD;QAChD,MAAM,gBAAgB,GAAG,QAAQ;aAC9B,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CACf,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CACzE;aACA,MAAM,CAAC,CAAC,EAAE,EAAiB,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,wBAAwB;QAEvE,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAClC,OAAO,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;YAC9C,OAAO;QACT,CAAC;QAED,WAAW,CAAC,OAAO,GAAG,IAAI,oBAAoB,CAC5C,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;YACpB,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;QAC3D,CAAC,EACD,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,CAChC,CAAC;QAEF,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CACnC,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CACtC,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,WAAW,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;AAC1B,CAAC"}

package/lib/hooks/usePortalPosition.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+export interface PortalPosition {
+    positionX: number;
+    positionY: number;
+    width: number;
+    fromBottom: number;
+}
+declare const usePortalPosition: (portalRef: RefObject<HTMLElement>, isPortalOpen: Boolean) => (portalRef: RefObject<HTMLElement>) => PortalPosition;
+export default usePortalPosition;

package/lib/hooks/usePortalPosition.js

@@ -0,0 +1,38 @@
+import { useEffect } from 'react';
+const portalPosition = {
+    positionX: 0,
+    positionY: 0,
+    width: 0,
+    fromBottom: 0,
+};
+const calculatePosition = (portalRef) => {
+    if (!portalRef?.current) {
+        return portalPosition;
+    }
+    const dropdownRect = portalRef.current.getBoundingClientRect();
+    const newPosition = {
+        positionX: dropdownRect.left + window.scrollX,
+        positionY: dropdownRect.top + window.scrollY,
+        width: portalRef.current.offsetWidth,
+        fromBottom: window.innerHeight - (dropdownRect.top + dropdownRect.height),
+    };
+    return newPosition;
+};
+const usePortalPosition = (portalRef, isPortalOpen) => {
+    useEffect(() => {
+        const handleUpdate = () => {
+            calculatePosition(portalRef);
+        };
+        if (isPortalOpen) {
+            window.addEventListener('resize', handleUpdate);
+            window.addEventListener('scroll', handleUpdate);
+        }
+        return () => {
+            window.removeEventListener('resize', handleUpdate);
+            window.removeEventListener('scroll', handleUpdate);
+        };
+    }, [isPortalOpen]);
+    return calculatePosition;
+};
+export default usePortalPosition;
+//# sourceMappingURL=usePortalPosition.js.map

package/lib/hooks/usePortalPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePortalPosition.js","sourceRoot":"","sources":["../../src/hooks/usePortalPosition.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAS7C,MAAM,cAAc,GAAmB;IACrC,SAAS,EAAE,CAAC;IACZ,SAAS,EAAE,CAAC;IACZ,KAAK,EAAE,CAAC;IACR,UAAU,EAAE,CAAC;CACd,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,SAAiC,EAAE,EAAE;IAC9D,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC;QACxB,OAAO,cAAc,CAAC;IACxB,CAAC;IACD,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAC/D,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,YAAY,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO;QAC7C,SAAS,EAAE,YAAY,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO;QAC5C,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,WAAW;QACpC,UAAU,EAAE,MAAM,CAAC,WAAW,GAAG,CAAC,YAAY,CAAC,GAAG,GAAG,YAAY,CAAC,MAAM,CAAC;KAC1E,CAAC;IACF,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CACxB,SAAiC,EACjC,YAAqB,EACrB,EAAE;IACF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC/B,CAAC,CAAC;QAEF,IAAI,YAAY,EAAE,CAAC;YACjB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YAChD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAClD,CAAC;QACD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACnD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/hooks/useTheme.d.ts

@@ -0,0 +1,3 @@
+import { ThemeContextType } from '../components/ThemeProvider/types';
+declare const useTheme: () => ThemeContextType;
+export default useTheme;

package/lib/hooks/useTheme.js

@@ -0,0 +1,11 @@
+import { useContext } from 'react';
+import { ThemeContext } from '../components/ThemeProvider/ThemeProvider';
+const useTheme = () => {
+    const context = useContext(ThemeContext);
+    if (context === undefined) {
+        throw new Error('useTheme must be used within a ThemeProvider');
+    }
+    return context;
+};
+export default useTheme;
+//# sourceMappingURL=useTheme.js.map

package/lib/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAEzE,MAAM,QAAQ,GAAG,GAAqB,EAAE;IACtC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}