fix: debounce immediate

Author: gabrieljablonski

src/components/Tooltip/Tooltip.tsx

@@ -284,8 +284,8 @@ const Tooltip = ({
 
   // debounce handler to prevent call twice when
   // mouse enter and focus events being triggered toggether
-  const debouncedHandleShowTooltip = debounce(handleShowTooltip, 50)
-  const debouncedHandleHideTooltip = debounce(handleHideTooltip, 50)
+  const debouncedHandleShowTooltip = debounce(handleShowTooltip, 50, true)
+  const debouncedHandleHideTooltip = debounce(handleHideTooltip, 50, true)
 
   useEffect(() => {
     const elementRefs = new Set(anchorRefs)

src/utils/debounce.ts

@@ -16,11 +16,21 @@ const debounce = (func: (...args: any[]) => void, wait?: number, immediate?: tru
       }
     }
 
-    if (timeout) {
-      clearTimeout(timeout)
+    if (immediate && !timeout) {
+      /**
+       * there's not need to clear the timeout
+       * since we expect it to resolve and set `timeout = null`
+       */
+      func.apply(this, args)
+      timeout = setTimeout(later, wait)
     }
 
-    timeout = setTimeout(later, wait)
+    if (!immediate) {
+      if (timeout) {
+        clearTimeout(timeout)
+      }
+      timeout = setTimeout(later, wait)
+    }
   }
 }