feat: add mouseover and mouseout as default events

ReactTooltip · Jun 16, 2024 · f040c6e · f040c6e
1 parent c13bde2
commit f040c6e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
@@ -104,6 +104,7 @@ const Tooltip = ({
     : {
         mouseenter: true,
         focus: true,
+        mouseover: true,
         click: false,
         dblclick: false,
         mousedown: false,
@@ -112,6 +113,7 @@ const Tooltip = ({
     Object.assign(actualOpenEvents, {
       mouseenter: false,
       focus: false,
+      mouseover: false,
       click: true,
     })
   }
@@ -120,6 +122,7 @@ const Tooltip = ({
     : {
         mouseleave: true,
         blur: true,
+        mouseout: true,
         click: false,
         dblclick: false,
         mouseup: false,
@@ -128,6 +131,7 @@ const Tooltip = ({
     Object.assign(actualCloseEvents, {
       mouseleave: false,
       blur: false,
+      mouseout: false,
     })
   }
   const actualGlobalCloseEvents: GlobalCloseEvents = globalCloseEvents
@@ -540,7 +544,7 @@ const Tooltip = ({
       handleHideTooltip()
     }
 
-    const regularEvents = ['mouseenter', 'mouseleave', 'focus', 'blur']
+    const regularEvents = ['mouseenter', 'mouseleave', 'mouseover', 'mouseout', 'focus', 'blur']
     const clickEvents = ['click', 'dblclick', 'mousedown', 'mouseup']
 
     Object.entries(actualOpenEvents).forEach(([event, enabled]) => {

diff --git a/src/components/Tooltip/TooltipTypes.d.ts b/src/components/Tooltip/TooltipTypes.d.ts
@@ -88,13 +88,15 @@ export interface TooltipRefProps {
 export type AnchorOpenEvents = {
   mouseenter?: boolean
   focus?: boolean
+  mouseover?: boolean
   click?: boolean
   dblclick?: boolean
   mousedown?: boolean
 }
 export type AnchorCloseEvents = {
   mouseleave?: boolean
   blur?: boolean
+  mouseout?: boolean
   click?: boolean
   dblclick?: boolean
   mouseup?: boolean