eacf028ba6
* Use .js imports in src * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Additional * Add WP extension aliases * Bump dev * Additional * Additional * Adjust extensionAlias order
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
// Copyright 2017-2023 @polkadot/react-hooks authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import { useCallback, useEffect, useMemo, useState } from 'react';
|
|
|
|
import { createNamedHook } from './createNamedHook.js';
|
|
import { useIsMountedRef } from './useIsMountedRef.js';
|
|
|
|
// Simple wrapper for a true/false toggle
|
|
function useToggleImpl (defaultValue = false, onToggle?: (isActive: boolean) => void): [boolean, () => void, (value: boolean) => void] {
|
|
const mountedRef = useIsMountedRef();
|
|
const [isActive, setActive] = useState(defaultValue);
|
|
|
|
const _toggleActive = useCallback(
|
|
(): void => {
|
|
mountedRef.current && setActive((isActive) => !isActive);
|
|
},
|
|
[mountedRef]
|
|
);
|
|
|
|
const _setActive = useCallback(
|
|
(isActive: boolean): void => {
|
|
mountedRef.current && setActive(isActive);
|
|
},
|
|
[mountedRef]
|
|
);
|
|
|
|
useEffect(
|
|
() => onToggle && onToggle(isActive),
|
|
[isActive, onToggle]
|
|
);
|
|
|
|
return useMemo(
|
|
() => [isActive, _toggleActive, _setActive],
|
|
[isActive, _toggleActive, _setActive]
|
|
);
|
|
}
|
|
|
|
export const useToggle = createNamedHook('useToggle', useToggleImpl);
|