packages/components/hooks/useIsClosing.ts

   1 import { useLayoutEffect, useState } from 'react';
   2
   3 import usePrevious from '@proton/hooks/usePrevious';
   4
   5 const useIsClosing = (isOpen = false): [boolean, boolean, () => void] => {
   6     const [[isClosed, isClosing], setResult] = useState(() => [false, !isOpen]);
   7     const isOpenPrevious = usePrevious(isOpen);
   8
   9     useLayoutEffect(() => {
  10         if (isOpen) {
  11             setResult([false, false]);
  12         } else if (!isOpen && isOpenPrevious) {
  13             setResult([true, false]);
  14         }
  15     }, [isOpen, isOpenPrevious]);
  16
  17     const setIsClosed = () => setResult([false, true]);
  18
  19     return [isClosed, isClosing, setIsClosed];
  20 };
  21
  22 export default useIsClosing;