feat: closeOnScroll and closeOnResize props

Author: gabrieljablonski

src/components/Tooltip/Tooltip.tsx

@@ -29,6 +29,8 @@ const Tooltip = ({
   noArrow = false,
   clickable = false,
   closeOnEsc = false,
+  closeOnScroll = false,
+  closeOnResize = false,
   style: externalStyles,
   position,
   afterShow,
@@ -300,6 +302,13 @@ const Tooltip = ({
       elementRefs.add({ current: anchorById })
     }
 
+    if (closeOnScroll) {
+      window.addEventListener('scroll', debouncedHandleHideTooltip)
+    }
+    if (closeOnResize) {
+      window.addEventListener('resize', debouncedHandleHideTooltip)
+    }
+
     if (closeOnEsc) {
       window.addEventListener('keydown', handleEsc)
     }
@@ -344,6 +353,12 @@ const Tooltip = ({
     })
 
     return () => {
+      if (closeOnScroll) {
+        window.removeEventListener('scroll', debouncedHandleHideTooltip)
+      }
+      if (closeOnResize) {
+        window.removeEventListener('resize', debouncedHandleHideTooltip)
+      }
       if (shouldOpenOnClick) {
         window.removeEventListener('click', handleClickOutsideAnchors)
       }

src/components/Tooltip/TooltipTypes.d.ts

@@ -67,6 +67,8 @@ export interface ITooltip {
   noArrow?: boolean
   clickable?: boolean
   closeOnEsc?: boolean
+  closeOnScroll?: boolean
+  closeOnResize?: boolean
   style?: CSSProperties
   position?: IPosition
   isOpen?: boolean

src/components/TooltipController/TooltipController.tsx

@@ -39,6 +39,8 @@ const TooltipController = ({
   noArrow = false,
   clickable = false,
   closeOnEsc = false,
+  closeOnScroll = false,
+  closeOnResize = false,
   style,
   position,
   isOpen,
@@ -276,6 +278,8 @@ const TooltipController = ({
     noArrow,
     clickable,
     closeOnEsc,
+    closeOnScroll,
+    closeOnResize,
     style,
     position,
     isOpen,

src/components/TooltipController/TooltipControllerTypes.d.ts

@@ -46,6 +46,8 @@ export interface ITooltipController {
   noArrow?: boolean
   clickable?: boolean
   closeOnEsc?: boolean
+  closeOnScroll?: boolean
+  closeOnResize?: boolean
   style?: CSSProperties
   position?: IPosition
   isOpen?: boolean