feat: imperativeModeOnly prop

Author: gabrieljablonski

src/App.tsx

@@ -103,9 +103,7 @@ function App() {
           ref={tooltipRef}
           anchorSelect="section[id='section-anchor-select'] > p > button"
           place="bottom"
-          openEvents={{ click: true }}
-          closeEvents={{ click: true }}
-          globalCloseEvents={{ clickOutsideAnchor: true }}
+          imperativeModeOnly
         >
           Tooltip content
         </Tooltip>

src/components/Tooltip/Tooltip.tsx

@@ -46,6 +46,7 @@ const Tooltip = ({
   openEvents,
   closeEvents,
   globalCloseEvents,
+  imperativeModeOnly,
   style: externalStyles,
   position,
   afterShow,
@@ -111,6 +112,8 @@ const Tooltip = ({
         mouseleave: true,
         blur: true,
         click: false,
+        dblclick: false,
+        mouseup: false,
       }
   if (!closeEvents && shouldOpenOnClick) {
     Object.assign(actualCloseEvents, {
@@ -127,6 +130,29 @@ const Tooltip = ({
         clickOutsideAnchor: hasClickEvent || false,
       }
 
+  if (imperativeModeOnly) {
+    Object.assign(actualOpenEvents, {
+      mouseenter: false,
+      focus: false,
+      click: false,
+      dblclick: false,
+      mousedown: false,
+    })
+    Object.assign(actualCloseEvents, {
+      mouseleave: false,
+      blur: false,
+      click: false,
+      dblclick: false,
+      mouseup: false,
+    })
+    Object.assign(actualGlobalCloseEvents, {
+      escape: false,
+      scroll: false,
+      resize: false,
+      clickOutsideAnchor: false,
+    })
+  }
+
   /**
    * useLayoutEffect runs before useEffect,
    * but should be used carefully because of caveats

src/components/Tooltip/TooltipTypes.d.ts

@@ -141,6 +141,7 @@ export interface ITooltip {
   openEvents?: AnchorOpenEvents
   closeEvents?: AnchorCloseEvents
   globalCloseEvents?: GlobalCloseEvents
+  imperativeModeOnly?: boolean
   style?: CSSProperties
   position?: IPosition
   isOpen?: boolean

src/components/TooltipController/TooltipController.tsx

@@ -47,6 +47,7 @@ const TooltipController = React.forwardRef<TooltipImperativeProps, ITooltipContr
       openEvents,
       closeEvents,
       globalCloseEvents,
+      imperativeModeOnly = false,
       style,
       position,
       isOpen,
@@ -342,6 +343,7 @@ const TooltipController = React.forwardRef<TooltipImperativeProps, ITooltipContr
       openEvents,
       closeEvents,
       globalCloseEvents,
+      imperativeModeOnly,
       style,
       position,
       isOpen,

src/components/TooltipController/TooltipControllerTypes.d.ts

@@ -72,6 +72,11 @@ export interface ITooltipController {
    * @description The global events listened to close the tooltip.
    */
   globalCloseEvents?: GlobalCloseEvents
+  /**
+   * @description Used to disable default tooltip behavior.
+   * Overrides `openEvents`, `closeEvents`, and `globalCloseEvents`.
+   */
+  imperativeModeOnly?: boolean
   style?: CSSProperties
   position?: IPosition
   isOpen?: boolean