fix tooltip debounce

components/src/components/atoms/DynamicPopover/DynamicPopover.tsx

@@ -1,12 +1,11 @@
 import * as React from 'react'
 import { TransitionState, useTransition } from 'react-transition-state'
 
-import { debounce } from 'es-toolkit'
-
 import { Portal } from '../Portal'
 import { Box, BoxProps } from '../Box/Box'
 import { getValueForTransitionState } from './utils/getValueForTransitionState'
 import { container } from './style.css'
+import { debounceWithWait } from './utils/debounce'
 
 export type DynamicPopoverSide = 'top' | 'right' | 'bottom' | 'left'
 
@@ -363,7 +362,7 @@ export const DynamicPopover: React.FC<DynamicPopoverProps> = ({
         onShowCallback?.()
       }
 
-      const debouncedMouseMove = debounce(
+      const debouncedMouseMove = debounceWithWait(
         (e: MouseEvent) => {
           const cursorXY = { x: e.clientX, y: e.clientY }
           const targetRect = targetElement?.getBoundingClientRect()
@@ -381,7 +380,7 @@ export const DynamicPopover: React.FC<DynamicPopoverProps> = ({
           document.removeEventListener('mousemove', handleMouseMove)
         },
         100,
-        { signal: AbortSignal.timeout(1000) },
+        1000,
       )
 
       handleMouseMove = (e: MouseEvent) => {

components/src/components/atoms/DynamicPopover/utils/debounce.ts

@@ -0,0 +1,40 @@
+export function debounceWithWait<T extends (...args: any[]) => any>(
+  func: T,
+  wait: number,
+  maxWait: number,
+): (...args: Parameters<T>) => void {
+  let timer: NodeJS.Timeout | null = null
+  let maxTimer: NodeJS.Timeout | null = null
+
+  return function (...args: Parameters<T>): void {
+    // @ts-expect-error some magic
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
+    const context = this
+
+    if (timer) {
+      clearTimeout(timer)
+    }
+
+    // Clear the maxWait timer if it exists
+    if (maxTimer) {
+      clearTimeout(maxTimer)
+    }
+
+    // Set the regular debounce timer
+    timer = setTimeout(() => {
+      if (maxTimer) {
+        clearTimeout(maxTimer)
+      }
+      func.apply(context, args)
+    }, wait)
+
+    // Set the maxWait timer
+    maxTimer = setTimeout(() => {
+      func.apply(context, args)
+      // Clear the regular timer since maxWait has fired
+      if (timer) {
+        clearTimeout(timer)
+      }
+    }, maxWait)
+  }
+}