4d03becdd1
* Update ESLint and plugins * Move most channels-specific ESLint configuration into ESLint plugin * Add ESLint to types and client packages * Add ESLint to components package
25 строки
861 B
TypeScript
25 строки
861 B
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import type {MutableRefObject} from 'react';
|
|
import {useEffect} from 'react';
|
|
|
|
export function useClickOutsideRef(ref: MutableRefObject<HTMLElement | null>, handler: (event: MouseEvent) => void): void {
|
|
useEffect(() => {
|
|
function onMouseDown(event: MouseEvent) {
|
|
const target = event.target as any;
|
|
if (ref.current && target instanceof Node && !ref.current.contains(target)) {
|
|
handler(event);
|
|
}
|
|
}
|
|
|
|
// Bind the event listener
|
|
document.addEventListener('mousedown', onMouseDown);
|
|
return () => {
|
|
// Unbind the event listener on clean up
|
|
document.removeEventListener('mousedown', onMouseDown);
|
|
};
|
|
}, [ref, handler]);
|
|
}
|
|
|