react-tooltip 5.26.4 → 5.27.0-beta.1205.rc.0

package/dist/react-tooltip.mjs

@@ -282,6 +282,14 @@ const getScrollParent = (node) => {
 
 const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 
+const clearTimeoutRef = (ref) => {
+    if (ref.current) {
+        clearTimeout(ref.current);
+        // eslint-disable-next-line no-param-reassign
+        ref.current = null;
+    }
+};
+
 const DEFAULT_TOOLTIP_ID = 'DEFAULT_TOOLTIP_ID';
 const DEFAULT_CONTEXT_DATA = {
     anchorRefs: new Set(),
@@ -420,8 +428,9 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
     const actualOpenEvents = openEvents
         ? { ...openEvents }
         : {
-            mouseenter: true,
+            mouseover: true,
             focus: true,
+            mouseenter: false,
             click: false,
             dblclick: false,
             mousedown: false,
@@ -430,14 +439,16 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
         Object.assign(actualOpenEvents, {
             mouseenter: false,
             focus: false,
+            mouseover: false,
             click: true,
         });
     }
     const actualCloseEvents = closeEvents
         ? { ...closeEvents }
         : {
-            mouseleave: true,
+            mouseout: true,
             blur: true,
+            mouseleave: false,
             click: false,
             dblclick: false,
             mouseup: false,
@@ -446,6 +457,7 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
         Object.assign(actualCloseEvents, {
             mouseleave: false,
             blur: false,
+            mouseout: false,
         });
     }
     const actualGlobalCloseEvents = globalCloseEvents
@@ -532,9 +544,7 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
         if (show === wasShowing.current) {
             return;
         }
-        if (missedTransitionTimerRef.current) {
-            clearTimeout(missedTransitionTimerRef.current);
-        }
+        clearTimeoutRef(missedTransitionTimerRef);
         wasShowing.current = show;
         if (show) {
             afterShow === null || afterShow === void 0 ? void 0 : afterShow();
@@ -563,9 +573,7 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
             : newComputedPosition);
     };
     const handleShowTooltipDelayed = (delay = delayShow) => {
-        if (tooltipShowDelayTimerRef.current) {
-            clearTimeout(tooltipShowDelayTimerRef.current);
-        }
+        clearTimeoutRef(tooltipShowDelayTimerRef);
         if (rendered) {
             // if the tooltip is already rendered, ignore delay
             handleShow(true);
@@ -576,9 +584,7 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
         }, delay);
     };
     const handleHideTooltipDelayed = (delay = delayHide) => {
-        if (tooltipHideDelayTimerRef.current) {
-            clearTimeout(tooltipHideDelayTimerRef.current);
-        }
+        clearTimeoutRef(tooltipHideDelayTimerRef);
         tooltipHideDelayTimerRef.current = setTimeout(() => {
             if (hoveringTooltip.current) {
                 return;
@@ -609,9 +615,7 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
         }
         setActiveAnchor(target);
         setProviderActiveAnchor({ current: target });
-        if (tooltipHideDelayTimerRef.current) {
-            clearTimeout(tooltipHideDelayTimerRef.current);
-        }
+        clearTimeoutRef(tooltipHideDelayTimerRef);
     };
     const handleHideTooltip = () => {
         if (clickable) {
@@ -624,9 +628,7 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
         else {
             handleShow(false);
         }
-        if (tooltipShowDelayTimerRef.current) {
-            clearTimeout(tooltipShowDelayTimerRef.current);
-        }
+        clearTimeoutRef(tooltipShowDelayTimerRef);
     };
     const handleTooltipPosition = ({ x, y }) => {
         var _a;
@@ -687,9 +689,7 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
             return;
         }
         handleShow(false);
-        if (tooltipShowDelayTimerRef.current) {
-            clearTimeout(tooltipShowDelayTimerRef.current);
-        }
+        clearTimeoutRef(tooltipShowDelayTimerRef);
     };
     // debounce handler to prevent call twice when
     // mouse enter and focus events being triggered toggether
@@ -827,7 +827,7 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
             }
             handleHideTooltip();
         };
-        const regularEvents = ['mouseenter', 'mouseleave', 'focus', 'blur'];
+        const regularEvents = ['mouseover', 'mouseout', 'mouseenter', 'mouseleave', 'focus', 'blur'];
         const clickEvents = ['click', 'dblclick', 'mousedown', 'mouseup'];
         Object.entries(actualOpenEvents).forEach(([event, enabled]) => {
             if (!enabled) {
@@ -973,12 +973,8 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
                             setRendered(false);
                             handleShow(false);
                             setActiveAnchor(null);
-                            if (tooltipShowDelayTimerRef.current) {
-                                clearTimeout(tooltipShowDelayTimerRef.current);
-                            }
-                            if (tooltipHideDelayTimerRef.current) {
-                                clearTimeout(tooltipHideDelayTimerRef.current);
-                            }
+                            clearTimeoutRef(tooltipShowDelayTimerRef);
+                            clearTimeoutRef(tooltipHideDelayTimerRef);
                             return true;
                         }
                         return false;
@@ -1057,12 +1053,8 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
             handleShow(true);
         }
         return () => {
-            if (tooltipShowDelayTimerRef.current) {
-                clearTimeout(tooltipShowDelayTimerRef.current);
-            }
-            if (tooltipHideDelayTimerRef.current) {
-                clearTimeout(tooltipHideDelayTimerRef.current);
-            }
+            clearTimeoutRef(tooltipShowDelayTimerRef);
+            clearTimeoutRef(tooltipHideDelayTimerRef);
         };
     }, []);
     useEffect(() => {
@@ -1085,7 +1077,11 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
     }, [id, anchorSelect, imperativeOptions === null || imperativeOptions === void 0 ? void 0 : imperativeOptions.anchorSelect]);
     useEffect(() => {
         if (tooltipShowDelayTimerRef.current) {
-            clearTimeout(tooltipShowDelayTimerRef.current);
+            /**
+             * if the delay changes while the tooltip is waiting to show,
+             * reset the timer with the new delay
+             */
+            clearTimeoutRef(tooltipShowDelayTimerRef);
             handleShowTooltipDelayed(delayShow);
         }
     }, [delayShow]);
@@ -1126,9 +1122,7 @@ content, contentWrapperRef, isOpen, defaultIsOpen = false, setIsOpen, activeAnch
         isOpen: Boolean(rendered && !hidden && actualContent && canShow),
     }));
     return rendered && !hidden && actualContent ? (React.createElement(WrapperElement, { id: id, role: role, className: classNames('react-tooltip', coreStyles['tooltip'], styles['tooltip'], styles[variant], className, `react-tooltip__place-${computedPosition.place}`, coreStyles[canShow ? 'show' : 'closing'], canShow ? 'react-tooltip__show' : 'react-tooltip__closing', positionStrategy === 'fixed' && coreStyles['fixed'], clickable && coreStyles['clickable']), onTransitionEnd: (event) => {
-            if (missedTransitionTimerRef.current) {
-                clearTimeout(missedTransitionTimerRef.current);
-            }
+            clearTimeoutRef(missedTransitionTimerRef);
             if (show || event.propertyName !== 'opacity') {
                 return;
             }