clay-server 2.31.0 → 2.32.0-beta.10

package/lib/public/modules/tooltip.js

@@ -6,6 +6,7 @@
 var tooltipEl = null;
 var showTimer = null;
 var SHOW_DELAY = 120;
+var currentTarget = null;
 
 function initTooltips() {
   // Create singleton tooltip element
@@ -18,14 +19,17 @@ function initTooltips() {
 
   // Delegate hover events on document for [data-tip]
   document.addEventListener("mouseover", function (e) {
-    var target = e.target.closest("[data-tip]");
+    var target = e.target.closest("[data-tip], [data-tip-html]");
     if (!target) return;
+    if (target === currentTarget) return; // already showing for this target
     scheduleShow(target);
   });
 
   document.addEventListener("mouseout", function (e) {
-    var target = e.target.closest("[data-tip]");
+    var target = e.target.closest("[data-tip], [data-tip-html]");
     if (!target) return;
+    // Only hide if we're leaving the target entirely (not moving to a child)
+    if (e.relatedTarget && target.contains(e.relatedTarget)) return;
     cancelShow();
     hideTooltip();
   });
@@ -80,10 +84,32 @@ function cancelShow() {
 
 function showTooltipAt(target) {
   if (!tooltipEl) return;
+  // Suppress tooltip when an associated popover/picker is open
+  var suppressSel = target.getAttribute("data-tip-suppress-when-open");
+  if (suppressSel) {
+    var openEl = document.querySelector(suppressSel);
+    if (openEl && !openEl.classList.contains("hidden")) return;
+  }
+  var html = target.getAttribute("data-tip-html");
   var text = target.getAttribute("data-tip");
-  if (!text) return;
-
-  tooltipEl.textContent = text;
+  if (!html && !text) return;
+  currentTarget = target;
+
+  if (html) {
+    tooltipEl.innerHTML = html;
+    tooltipEl.classList.add("multi-line");
+    // Render any lucide icons inside the tooltip
+    if (typeof window !== "undefined" && window.lucide && window.lucide.createIcons) {
+      window.lucide.createIcons({ icons: window.lucide.icons, nameAttr: "data-lucide", root: tooltipEl });
+    }
+  } else {
+    tooltipEl.textContent = text;
+    if (text.indexOf("\n") !== -1) {
+      tooltipEl.classList.add("multi-line");
+    } else {
+      tooltipEl.classList.remove("multi-line");
+    }
+  }
   tooltipEl.style.top = "-9999px";
   tooltipEl.style.left = "0";
   tooltipEl.style.right = "";
@@ -120,6 +146,7 @@ function hideTooltip() {
   if (tooltipEl) {
     tooltipEl.classList.remove("visible");
   }
+  currentTarget = null;
 }
 
 export { initTooltips, registerTooltip };