@seeqdev/qomponents 0.0.107 → 0.0.109

package/dist/index.js

@@ -6604,27 +6604,40 @@ const QTip = () => {
         };
     }, []);
     const ttTimeout = React.useRef();
+    const findTooltipData = (element) => {
+        // Traverse up to 8 levels to find the tooltip data
+        for (let i = 0; i < 8 && element; i++) {
+            if (!element) {
+                return null;
+            }
+            if (element?.dataset?.qtipText) {
+                return element.dataset;
+            }
+            element = element?.parentElement;
+        }
+        return null;
+    };
     const onMouseMove = (e) => {
         clearTimeout(ttTimeout.current);
-        tooltipTarget.current = e.target;
-        let dataset = e.target?.dataset;
-        let text = dataset?.qtipText;
-        // Buttons support React.Nodes as children, the tooltip however is applied to the actual button component.
-        // we only check two levels up - alternatively the tooltip can also be provided on the React.Node
-        if (!text || text === '') {
-            let currentTooltipTarget = e.target?.parentElement;
-            dataset = currentTooltipTarget?.dataset;
-            text = dataset?.qtipText;
-            if (!text || text === '') {
-                currentTooltipTarget = e.target?.parentElement?.parentElement || null;
-                dataset = currentTooltipTarget?.dataset;
-                text = dataset?.qtipText;
-            }
-            tooltipTarget.current = currentTooltipTarget;
+        // Find tooltip data on the current or parent elements
+        const target = e.target;
+        const dataset = findTooltipData(target);
+        if (!dataset) {
+            // No tooltip data found
+            tooltipTarget.current = null;
+            return;
         }
+        tooltipTarget.current = target;
+        const text = dataset.qtipText;
         if (text) {
-            const delay = parseInt(dataset?.qtipDelay ?? DEFAULT_TOOL_TIP_DELAY + '');
-            ttTimeout.current = setTimeout(() => makeTooltip(text, dataset?.qtipPlacement, dataset?.qtipIsHtml === 'true', dataset?.qtipTestid, delay), delay);
+            const delay = parseInt(dataset.qtipDelay || `${DEFAULT_TOOL_TIP_DELAY}`, 10);
+            const placement = dataset.qtipPlacement || 'top';
+            const isHtml = dataset.qtipIsHtml === 'true';
+            const testId = dataset.qtipTestid;
+            // Debounced tooltip display
+            ttTimeout.current = setTimeout(() => {
+                makeTooltip(text, placement, isHtml, testId, delay);
+            }, delay);
         }
     };
     const makeTooltip = (tooltipText, position = 'top', isHtml, dataTestId, delay) => {