feat: imperative mode open/close delay

Author: gabrieljablonski

src/components/Tooltip/Tooltip.tsx

@@ -158,14 +158,14 @@ const Tooltip = ({
     }
   }, [show])
 
-  const handleShowTooltipDelayed = () => {
+  const handleShowTooltipDelayed = (delay = delayShow) => {
     if (tooltipShowDelayTimerRef.current) {
       clearTimeout(tooltipShowDelayTimerRef.current)
     }
 
     tooltipShowDelayTimerRef.current = setTimeout(() => {
       handleShow(true)
-    }, delayShow)
+    }, delay)
   }
 
   const handleHideTooltipDelayed = (delay = delayHide) => {
@@ -672,10 +672,18 @@ const Tooltip = ({
         }
       }
       setImperativeOptions(options ?? null)
-      handleShow(true)
+      if (options?.delay) {
+        handleShowTooltipDelayed(options.delay)
+      } else {
+        handleShow(true)
+      }
     },
-    close: () => {
-      handleShow(false)
+    close: (options) => {
+      if (options?.delay) {
+        handleHideTooltipDelayed(options.delay)
+      } else {
+        handleShow(false)
+      }
     },
     activeAnchor,
     place: actualPlacement,

src/components/Tooltip/TooltipTypes.d.ts

@@ -54,11 +54,16 @@ export interface TooltipImperativeOpenOptions {
   position?: IPosition
   place?: PlacesType
   content?: ChildrenType
+  delay?: number
+}
+
+export interface TooltipImperativeCloseOptions {
+  delay?: number
 }
 
 export interface TooltipImperativeProps {
   open: (options?: TooltipImperativeOpenOptions) => void
-  close: () => void
+  close: (options?: TooltipImperativeCloseOptions) => void
   /**
    * @readonly
    */