UseDisclosure

1'use client';
2 
3import { useCallback, useRef, useState } from 'react';
4 
5interface DisclosureCallbacks {
6  onOpen?: () => void;
7  onClose?: () => void;
8}
9 
10interface DisclosureState {
11  isOpen: boolean;
12  open: () => void;
13  close: () => void;
14  toggle: () => void;
15}
16 
17export function useDisclosure(
18  initialState = false,
19  callbacks?: DisclosureCallbacks,
20): [boolean, Omit<DisclosureState, 'isOpen'>] {
21  const callbacksRef = useRef(callbacks);
22  callbacksRef.current = callbacks;
23 
24  const [isOpen, setIsOpen] = useState(initialState);
25 
26  const open = useCallback(() => {
27    setIsOpen((prev) => {
28      if (!prev) {
29        callbacksRef.current?.onOpen?.();
30        return true;
31      }
32      return prev;
33    });
34  }, []);
35 
36  const close = useCallback(() => {
37    setIsOpen((prev) => {
38      if (prev) {
39        callbacksRef.current?.onClose?.();
40        return false;
41      }
42      return prev;
43    });
44  }, []);
45 
46  const toggle = useCallback(() => {
47    setIsOpen((prev) => {
48      if (prev) {
49        callbacksRef.current?.onClose?.();
50        return false;
51      }
52      callbacksRef.current?.onOpen?.();
53      return true;
54    });
55  }, []);
56 
57  return [isOpen, { open, close, toggle }];
58}