@teselagen/ui 0.8.4 → 0.8.6-beta.10

package/src/autoTooltip.js

@@ -17,125 +17,14 @@ document.addEventListener("mouseup", () => {
   isDragging = false;
 });
 
-// Track elements that had their tooltip attributes moved to parent
-const processedDisabledElements = new WeakMap();
-
-// Move tooltip attributes from disabled elements to their parent
-function moveTooltipToParent(element) {
-  // Check if element already processed
-  if (processedDisabledElements.has(element)) {
-    return;
-  }
-  
-  // Check if the element is disabled and has tooltip attributes
-  const isDisabled = element.disabled === true || element.getAttribute("disabled") !== null;
-  const hasTipData = element.getAttribute("data-tip") || 
-                     element.getAttribute("data-title") ||
-                     (element.offsetWidth < element.scrollWidth && element.textContent?.trim().length > 0);
-  
-  if (!isDisabled || !hasTipData) {
-    return;
-  }
-  
-  const parent = element.parentElement;
-  if (!parent) {
-    return;
-  }
-  
-  // Copy tooltip-relevant attributes to the parent
-  const tooltipAttrs = ["data-tip", "data-title", "data-avoid", "data-avoid-backup"];
-  let attrsMoved = false;
-  const movedAttrs = []; // Track which attributes were moved
-  
-  tooltipAttrs.forEach(attr => {
-    const value = element.getAttribute(attr);
-    if (value) {
-      // Add a data attribute to the parent only if it doesn't already have one
-      if (!parent.hasAttribute(attr)) {
-        parent.setAttribute(attr, value);
-        movedAttrs.push(attr); // Record this attribute was moved
-        attrsMoved = true;
-      }
-    }
-  });
-  
-  // If element is ellipsized, add its text content as a data-tip to parent
-  if (element.offsetWidth < element.scrollWidth && element.textContent?.trim().length > 0) {
-    if (!parent.hasAttribute("data-tip")) {
-      parent.setAttribute("data-tip", element.textContent);
-      movedAttrs.push("data-tip"); // Record this attribute was moved
-      attrsMoved = true;
-    }
-  }
-  
-  // Store information about moved attributes
-  if (attrsMoved) {
-    processedDisabledElements.set(element, {
-      parent,
-      movedAttrs
-    });
-  }
-}
-
-// Function to clear tooltips from parent elements
-function clearParentTooltips(element) {
-  if (!processedDisabledElements.has(element)) {
-    return;
-  }
-  
-  const { parent, movedAttrs } = processedDisabledElements.get(element);
-  if (parent && movedAttrs) {
-    // Remove all attributes that were added to the parent
-    movedAttrs.forEach(attr => {
-      parent.removeAttribute(attr);
-    });
-    
-    // Remove the element from our tracking map
-    processedDisabledElements.delete(element);
-  }
-}
-
-// Function to scan for and process disabled elements
-function scanForDisabledElements() {
-  // First, check if any previously disabled elements are now enabled and clear their parent tooltips
-  processedDisabledElements.forEach((value, element) => {
-    const isStillDisabled = element.disabled === true || element.getAttribute("disabled") !== null;
-    const isConnected = element.isConnected;
-    
-    if (!isStillDisabled || !isConnected) {
-      clearParentTooltips(element);
-    }
-  });
-  
-  // Then process currently disabled elements
-  document.querySelectorAll("[disabled][data-tip], [disabled][data-title], button[disabled], input[disabled]").forEach(el => {
-    moveTooltipToParent(el);
-  });
-}
-
-// Initialize on load and periodically check for new disabled elements
-window.addEventListener('DOMContentLoaded', scanForDisabledElements);
-setInterval(scanForDisabledElements, 2000);
-
 let tippys = [];
+
 let recentlyHidden = false;
 let clearMe;
 (function () {
   let lastMouseOverElement = null;
   document.addEventListener("mouseover", function (event) {
-    let element = event.target;
-
-    // Special handling for disabled elements - we need to process their parent
-    if (element instanceof Element && 
-        (element.disabled === true || element.getAttribute("disabled") !== null)) {
-      // If this is a disabled element, we want to also process its parent
-      // since that's where we moved the tooltip attributes
-      const parent = element.parentElement;
-      if (parent && processedDisabledElements.has(element)) {
-        // Only process the parent if we've previously moved attributes to it
-        element = parent;
-      }
-    }
+    const element = event.target;
 
     if (element instanceof Element && element !== lastMouseOverElement) {
       lastMouseOverElement = element;
@@ -218,7 +107,7 @@ let clearMe;
 
                     if (!customBoundary) return;
                     const a = customBoundary.getBoundingClientRect();
-                    
+
                     if (a.top < state.rects.reference.y) {
                       const b = Math.abs(
                         Math.abs(a.top - state.rects.reference.y) - 10
@@ -312,4 +201,4 @@ function parentIncludesNoChildDataTip(el, count) {
 }
 
 // Export the function to clear parent tooltips so it can be used elsewhere
-export { clearParentTooltips };
+// export { clearParentTooltips };

package/src/index.js

@@ -41,6 +41,7 @@ export { default as popoverOverflowModifiers } from "./utils/popoverOverflowModi
 export * from "./utils/tgFormValues";
 export { default as tgFormValues } from "./utils/tgFormValues";
 export { default as withStore } from "./utils/withStore";
+export { default as determineBlackOrWhiteTextColor } from "./utils/determineBlackOrWhiteTextColor";
 export {
   default as withTableParams,
   useTableParams
@@ -85,3 +86,4 @@ const noop = () => undefined;
 export { noop };
 export { default as showDialogOnDocBody } from "./showDialogOnDocBody";
 export { default as TableFormTrackerContext } from "./DataTable/TableFormTrackerContext";
+export { initializeHasuraWhereAndFilter } from "./DataTable/utils/initializeHasuraWhereAndFilter";

package/src/utils/determineBlackOrWhiteTextColor.js

@@ -1,4 +1,11 @@
 /* Copyright (C) 2018 TeselaGen Biotechnology, Inc. */
 import Color from "color";
 
-export default c => (Color(c).isLight() ? "#000000" : "#FFFFFF");
+export default function determineBlackOrWhiteTextColor(c) {
+  try {
+    return Color(c).isLight() ? "#000000" : "#FFFFFF";
+  } catch (e) {
+    console.error("Error in color parsing:", e);
+    return "#000000"; // Fallback to black if color parsing fails
+  }
+}

package/ui.css

@@ -9676,7 +9676,7 @@ body:not(.drag-active)
   display: flex;
   flex-wrap: wrap;
   align-items: center;
-  margin-top: 20px;
+  margin-top: 10px;
 }
 
 .ReactTable {

package/utils/determineBlackOrWhiteTextColor.d.ts

@@ -1,2 +1 @@
-declare function _default(c: any): "#000000" | "#FFFFFF";
-export default _default;
+export default function determineBlackOrWhiteTextColor(c: any): "#000000" | "#FFFFFF";