@hhgtech/hhg-components/build/esm/useOutsideClick-87b9fd94.js

Hello Health Group common components

import { useEffect, useCallback } from 'react';

const callbacks = new Map();
const handleClick = (e) => {
    for (const [ref, callback] of callbacks) {
        if (ref.current && !ref.current.contains(e.target)) {
            callback(e);
        }
    }
};
const initSharedOutSideClickListener = () => {
    document.addEventListener('mousedown', handleClick, {
        passive: true,
    });
};
/** require the use of initSharedOutSideClickListener once, anywhere globally  */
const useSharedOutsideClick = (ref, callback) => {
    useEffect(() => {
        callbacks.set(ref, callback);
        return () => {
            callbacks.delete(ref);
        };
    }, [ref, callback]);
};
const useOutsideClick = (ref, callback) => {
    const handleClick = useCallback((e) => {
        var _a;
        // If the click target is a descendant of the ref, ignore it
        if ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) {
            return;
        }
        // Otherwise, invoke the callback
        callback(e);
    }, []);
    useEffect(() => {
        document.addEventListener('mousedown', handleClick, {
            passive: true,
        });
        return () => {
            document.removeEventListener('mousedown', handleClick);
        };
    }, [handleClick]);
};

export { useOutsideClick as a, initSharedOutSideClickListener as i, useSharedOutsideClick as u };