Added enforceDelayShow prop.

This will make the delayShow prop to always be enforced even if the tooltip instance is rendered.

This can be used for when you only have one tooltip instance, but multiple tooltip anchors, and want it to always take the delayShow amount of time before it is shown.

Author: VilleWennerlund

src/components/Tooltip/Tooltip.tsx

@@ -68,6 +68,7 @@ const Tooltip = ({
   border,
   opacity,
   arrowColor,
+  enforceDelayShow = false,
   role = 'tooltip',
 }: ITooltip) => {
   const tooltipRef = useRef<HTMLElement>(null)
@@ -259,7 +260,7 @@ const Tooltip = ({
   const handleShowTooltipDelayed = (delay = delayShow) => {
     clearTimeoutRef(tooltipShowDelayTimerRef)
 
-    if (rendered) {
+    if (rendered && !enforceDelayShow) {
       // if the tooltip is already rendered, ignore delay
       handleShow(true)
       return

src/components/Tooltip/TooltipTypes.d.ts

@@ -158,5 +158,6 @@ export interface ITooltip {
   border?: CSSProperties['border']
   opacity?: CSSProperties['opacity']
   arrowColor?: CSSProperties['backgroundColor']
+  enforceDelayShow?: boolean
   role?: React.AriaRole
 }