37f44367b4
* Rework context usage (& move most to react-hooks)
* Move use{Accounts, Addresses} to use contexts
* Cleanups
* Global alignment renames
* Combine keyring subjects into KeyringCtx
* Cleanups to contexts
* Small adjustment to window size usage
* Popup test via data-testid
* Fix Bounties tests
* Move getStats to correct location
* Adjust ApiStats
* Do add unsubs (although unneeded)
35 lines
1000 B
TypeScript
35 lines
1000 B
TypeScript
// Copyright 2017-2023 @polkadot/react-components authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import { RefObject, useCallback, useEffect } from 'react';
|
|
|
|
import { createNamedHook } from './createNamedHook';
|
|
|
|
function isRefClicked (refs: React.RefObject<HTMLDivElement>[], e: MouseEvent): boolean {
|
|
return refs.some((r) =>
|
|
r.current &&
|
|
r.current.contains(e.target as HTMLElement)
|
|
);
|
|
}
|
|
|
|
function useOutsideClickImpl (refs: RefObject<HTMLDivElement>[], callback: () => void): void {
|
|
const handleClick = useCallback(
|
|
(e: MouseEvent): void => {
|
|
if (refs.length && !isRefClicked(refs, e)) {
|
|
callback();
|
|
}
|
|
},
|
|
[refs, callback]
|
|
);
|
|
|
|
useEffect((): () => void => {
|
|
document.addEventListener('click', handleClick, true);
|
|
|
|
return (): void => {
|
|
document.removeEventListener('click', handleClick, true);
|
|
};
|
|
}, [handleClick, callback]);
|
|
}
|
|
|
|
export const useOutsideClick = createNamedHook('useOutsideClick', useOutsideClickImpl);
|