@i-novus/ui-core/dist/core/hooks/click-outside.hook.js

Базовые UI компоненты

import { useEffect } from 'react';
export const useClickOutside = (refList, callback) => {
    useEffect(() => {
        const clickHandler = (event) => {
            if (!refList.length ||
                refList.some(item => item.current?.contains(event.target))) {
                return;
            }
            callback?.(event);
        };
        document.addEventListener('mousedown', clickHandler);
        document.addEventListener('touchstart', clickHandler);
        return () => {
            document.removeEventListener('mousedown', clickHandler);
            document.removeEventListener('touchstart', clickHandler);
        };
    }, [refList, callback]);
};