@teselagen/ui 0.8.3 → 0.8.4

package/autoTooltip.d.ts

@@ -1 +1 @@
-export {};
+export function clearParentTooltips(element: any): void;

package/index.cjs.js

@@ -2922,6 +2922,77 @@ document.addEventListener("mouseup", () => {
   canSetDragging = false;
   isDragging = false;
 });
+const processedDisabledElements = /* @__PURE__ */ new WeakMap();
+function moveTooltipToParent(element2) {
+  var _a, _b;
+  if (processedDisabledElements.has(element2)) {
+    return;
+  }
+  const isDisabled = element2.disabled === true || element2.getAttribute("disabled") !== null;
+  const hasTipData = element2.getAttribute("data-tip") || element2.getAttribute("data-title") || element2.offsetWidth < element2.scrollWidth && ((_a = element2.textContent) == null ? void 0 : _a.trim().length) > 0;
+  if (!isDisabled || !hasTipData) {
+    return;
+  }
+  const parent2 = element2.parentElement;
+  if (!parent2) {
+    return;
+  }
+  const tooltipAttrs = ["data-tip", "data-title", "data-avoid", "data-avoid-backup"];
+  let attrsMoved = false;
+  const movedAttrs = [];
+  tooltipAttrs.forEach((attr) => {
+    const value = element2.getAttribute(attr);
+    if (value) {
+      if (!parent2.hasAttribute(attr)) {
+        parent2.setAttribute(attr, value);
+        movedAttrs.push(attr);
+        attrsMoved = true;
+      }
+    }
+  });
+  if (element2.offsetWidth < element2.scrollWidth && ((_b = element2.textContent) == null ? void 0 : _b.trim().length) > 0) {
+    if (!parent2.hasAttribute("data-tip")) {
+      parent2.setAttribute("data-tip", element2.textContent);
+      movedAttrs.push("data-tip");
+      attrsMoved = true;
+    }
+  }
+  if (attrsMoved) {
+    processedDisabledElements.set(element2, {
+      parent: parent2,
+      movedAttrs
+    });
+  }
+}
+__name(moveTooltipToParent, "moveTooltipToParent");
+function clearParentTooltips(element2) {
+  if (!processedDisabledElements.has(element2)) {
+    return;
+  }
+  const { parent: parent2, movedAttrs } = processedDisabledElements.get(element2);
+  if (parent2 && movedAttrs) {
+    movedAttrs.forEach((attr) => {
+      parent2.removeAttribute(attr);
+    });
+    processedDisabledElements.delete(element2);
+  }
+}
+__name(clearParentTooltips, "clearParentTooltips");
+function scanForDisabledElements() {
+  processedDisabledElements.forEach((value, element2) => {
+    const isStillDisabled = element2.disabled === true || element2.getAttribute("disabled") !== null;
+    const isConnected = element2.isConnected;
+    if (!isStillDisabled || !isConnected) {
+      clearParentTooltips(element2);
+    }
+  });
+  document.querySelectorAll("[disabled][data-tip], [disabled][data-title], button[disabled], input[disabled]").forEach((el) => {
+    moveTooltipToParent(el);
+  });
+}
+__name(scanForDisabledElements, "scanForDisabledElements");
+window.addEventListener("DOMContentLoaded", scanForDisabledElements);
+setInterval(scanForDisabledElements, 2e3);
 let tippys = [];
 let recentlyHidden = false;
 let clearMe;
@@ -2929,7 +3000,13 @@ let clearMe;
   let lastMouseOverElement = null;
   document.addEventListener("mouseover", function(event) {
     var _a, _b;
-    const element2 = event.target;
+    let element2 = event.target;
+    if (element2 instanceof Element && (element2.disabled === true || element2.getAttribute("disabled") !== null)) {
+      const parent2 = element2.parentElement;
+      if (parent2 && processedDisabledElements.has(element2)) {
+        element2 = parent2;
+      }
+    }
     if (element2 instanceof Element && element2 !== lastMouseOverElement) {
       let clearOldTippys = /* @__PURE__ */ __name(function(maybeInst) {
         tippys = tippys.filter((t2) => {
@@ -2951,7 +3028,18 @@ let clearMe;
         document.querySelectorAll(`.${id}`).forEach((elem) => {
           elem.classList.remove(id);
         });
-        el2.classList.add(id);
+        let targetEl = el2;
+        if (targetEl.disabled || targetEl.getAttribute("disabled") !== null) {
+          const parent2 = targetEl.parentElement;
+          if (parent2) {
+            parent2.classList.add(id);
+            targetEl = parent2;
+          } else {
+            el2.classList.add(id);
+          }
+        } else {
+          el2.classList.add(id);
+        }
         const inst = tippy(`.${id}`, __spreadValues(__spreadProps(__spreadValues({
           theme: "teselagen",
           plugins: [followCursor],

package/index.es.js

@@ -2904,6 +2904,77 @@ document.addEventListener("mouseup", () => {
   canSetDragging = false;
   isDragging = false;
 });
+const processedDisabledElements = /* @__PURE__ */ new WeakMap();
+function moveTooltipToParent(element2) {
+  var _a, _b;
+  if (processedDisabledElements.has(element2)) {
+    return;
+  }
+  const isDisabled = element2.disabled === true || element2.getAttribute("disabled") !== null;
+  const hasTipData = element2.getAttribute("data-tip") || element2.getAttribute("data-title") || element2.offsetWidth < element2.scrollWidth && ((_a = element2.textContent) == null ? void 0 : _a.trim().length) > 0;
+  if (!isDisabled || !hasTipData) {
+    return;
+  }
+  const parent2 = element2.parentElement;
+  if (!parent2) {
+    return;
+  }
+  const tooltipAttrs = ["data-tip", "data-title", "data-avoid", "data-avoid-backup"];
+  let attrsMoved = false;
+  const movedAttrs = [];
+  tooltipAttrs.forEach((attr) => {
+    const value = element2.getAttribute(attr);
+    if (value) {
+      if (!parent2.hasAttribute(attr)) {
+        parent2.setAttribute(attr, value);
+        movedAttrs.push(attr);
+        attrsMoved = true;
+      }
+    }
+  });
+  if (element2.offsetWidth < element2.scrollWidth && ((_b = element2.textContent) == null ? void 0 : _b.trim().length) > 0) {
+    if (!parent2.hasAttribute("data-tip")) {
+      parent2.setAttribute("data-tip", element2.textContent);
+      movedAttrs.push("data-tip");
+      attrsMoved = true;
+    }
+  }
+  if (attrsMoved) {
+    processedDisabledElements.set(element2, {
+      parent: parent2,
+      movedAttrs
+    });
+  }
+}
+__name(moveTooltipToParent, "moveTooltipToParent");
+function clearParentTooltips(element2) {
+  if (!processedDisabledElements.has(element2)) {
+    return;
+  }
+  const { parent: parent2, movedAttrs } = processedDisabledElements.get(element2);
+  if (parent2 && movedAttrs) {
+    movedAttrs.forEach((attr) => {
+      parent2.removeAttribute(attr);
+    });
+    processedDisabledElements.delete(element2);
+  }
+}
+__name(clearParentTooltips, "clearParentTooltips");
+function scanForDisabledElements() {
+  processedDisabledElements.forEach((value, element2) => {
+    const isStillDisabled = element2.disabled === true || element2.getAttribute("disabled") !== null;
+    const isConnected = element2.isConnected;
+    if (!isStillDisabled || !isConnected) {
+      clearParentTooltips(element2);
+    }
+  });
+  document.querySelectorAll("[disabled][data-tip], [disabled][data-title], button[disabled], input[disabled]").forEach((el) => {
+    moveTooltipToParent(el);
+  });
+}
+__name(scanForDisabledElements, "scanForDisabledElements");
+window.addEventListener("DOMContentLoaded", scanForDisabledElements);
+setInterval(scanForDisabledElements, 2e3);
 let tippys = [];
 let recentlyHidden = false;
 let clearMe;
@@ -2911,7 +2982,13 @@ let clearMe;
   let lastMouseOverElement = null;
   document.addEventListener("mouseover", function(event) {
     var _a, _b;
-    const element2 = event.target;
+    let element2 = event.target;
+    if (element2 instanceof Element && (element2.disabled === true || element2.getAttribute("disabled") !== null)) {
+      const parent2 = element2.parentElement;
+      if (parent2 && processedDisabledElements.has(element2)) {
+        element2 = parent2;
+      }
+    }
     if (element2 instanceof Element && element2 !== lastMouseOverElement) {
       let clearOldTippys = /* @__PURE__ */ __name(function(maybeInst) {
         tippys = tippys.filter((t2) => {
@@ -2933,7 +3010,18 @@ let clearMe;
         document.querySelectorAll(`.${id}`).forEach((elem) => {
           elem.classList.remove(id);
         });
-        el2.classList.add(id);
+        let targetEl = el2;
+        if (targetEl.disabled || targetEl.getAttribute("disabled") !== null) {
+          const parent2 = targetEl.parentElement;
+          if (parent2) {
+            parent2.classList.add(id);
+            targetEl = parent2;
+          } else {
+            el2.classList.add(id);
+          }
+        } else {
+          el2.classList.add(id);
+        }
         const inst = tippy(`.${id}`, __spreadValues(__spreadProps(__spreadValues({
           theme: "teselagen",
           plugins: [followCursor],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "main": "./src/index.js",
   "type": "module",
   "exports": {

package/src/autoTooltip.js

@@ -17,13 +17,125 @@ 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) {
-    const element = event.target;
+    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;
+      }
+    }
 
     if (element instanceof Element && element !== lastMouseOverElement) {
       lastMouseOverElement = element;
@@ -52,7 +164,23 @@ let clearMe;
           elem.classList.remove(id);
         });
 
-        el.classList.add(id);
+        // Check if element is disabled, if so use parent instead
+        let targetEl = el;
+        if (targetEl.disabled || targetEl.getAttribute("disabled") !== null) {
+          const parent = targetEl.parentElement;
+          if (parent) {
+            // Use the parent as the tooltip target
+            parent.classList.add(id);
+            targetEl = parent; // Change the tooltip target to parent
+          } else {
+            // No parent, keep using the original element
+            el.classList.add(id);
+          }
+        } else {
+          // Element not disabled, use it directly
+          el.classList.add(id);
+        }
+
         const inst = tippy(`.${id}`, {
           theme: "teselagen",
           plugins: [followCursor],
@@ -84,36 +212,19 @@ let clearMe;
                   requires: ["computeStyles"],
                   requiresIfExists: ["offset"],
                   fn({ state }) {
-                    // console.log(`state:`, state);
-                    // state.styles.popper.bottom = 20 + "px";
                     const customBoundary =
                       document.querySelector(dataAvoid) ||
                       document.querySelector(dataAvoidBackup);
 
                     if (!customBoundary) return;
                     const a = customBoundary.getBoundingClientRect();
-                    // console.log(
-                    //   `state.rects.reference.y:`,
-                    //   state.rects.reference.y
-                    // );
-                    // console.log(`a.top:`, a.top);
-
+                    
                     if (a.top < state.rects.reference.y) {
                       const b = Math.abs(
                         Math.abs(a.top - state.rects.reference.y) - 10
                       );
                       state.styles.popper.bottom = b + "px";
                     }
-
-                    // const overflow = detectOverflow(state, {
-                    //   boundary: customBoundary,
-                    //   altBoundary: true
-                    // });
-                    // console.log(`overflow:`, overflow);
-                    // if (overflow.bottom > 0) {
-                    //   const a = Math.abs(overflow.bottom);
-                    //   state.styles.popper.bottom = a + "px";
-                    // }
                   }
                 }
               ]
@@ -199,3 +310,6 @@ function parentIncludesNoChildDataTip(el, count) {
   if (el.getAttribute("data-no-child-data-tip")) return true;
   return parentIncludesNoChildDataTip(el.parentElement, count + 1);
 }
+
+// Export the function to clear parent tooltips so it can be used elsewhere
+export { clearParentTooltips };

package/DataTable/EditabelCell.d.ts

@@ -1,7 +0,0 @@
-export function EditableCell({ cancelEdit, dataTest, finishEdit, isNumeric, initialValue }: {
-    cancelEdit: any;
-    dataTest: any;
-    finishEdit: any;
-    isNumeric: any;
-    initialValue: any;
-}): import("react/jsx-runtime").JSX.Element;

package/DataTable/defaultProps.d.ts

@@ -1,43 +0,0 @@
-import { noop } from 'lodash-es';
-declare namespace _default {
-    export { noop as addFilters };
-    export let className: string;
-    export { noop as clearFilters };
-    export { noop as contextMenu };
-    export let disabled: boolean;
-    export let entities: never[];
-    export let extraClasses: string;
-    export let filters: never[];
-    export let isCopyable: boolean;
-    export { noop as isEntityDisabled };
-    export let isLoading: boolean;
-    export let isSimple: boolean;
-    export let isSingleSelect: boolean;
-    export let maxHeight: number;
-    export let noHeader: boolean;
-    export let noSelect: boolean;
-    export let noUserSelect: boolean;
-    export { noop as onDeselect };
-    export { noop as onMultiRowSelect };
-    export { noop as onRowClick };
-    export { noop as onRowSelect };
-    export { noop as onSingleRowSelect };
-    export let page: number;
-    export let pageSize: number;
-    export let reduxFormExpandedEntityIdMap: {};
-    export let reduxFormSearchInput: string;
-    export let reduxFormSelectedEntityIdMap: {};
-    export { noop as removeSingleFilter };
-    export let resized: never[];
-    export { noop as resizePersist };
-    export { noop as setFilter };
-    export { noop as setOrder };
-    export { noop as setPage };
-    export { noop as setPageSize };
-    export { noop as setSearchTerm };
-    export let showCount: boolean;
-    export let style: {};
-    export let withCheckboxes: boolean;
-    export let withSort: boolean;
-}
-export default _default;

package/DataTable/utils/computePresets.d.ts

@@ -1 +0,0 @@
-export default function computePresets(props?: {}): import('lodash').Dictionary<any>;

package/DataTable/utils/useDeepEqualMemo.d.ts

@@ -1 +0,0 @@
-export function useDeepEqualMemo(value: any): undefined;

package/DataTable/utils/useTableParams.d.ts

@@ -1,49 +0,0 @@
-/**
- *  Note all these options can be passed at Design Time or at Runtime (like reduxForm())
- *
- * @export
- *
- * @param {compOrOpts} compOrOpts
- * @typedef {object} compOrOpts
- * @property {*string} formName - required unique identifier for the table
- * @property {Object | Function} schema - The data table schema or a function returning it. The function wll be called with props as the argument.
- * @property {boolean} urlConnected - whether the table should connect to/update the URL
- * @property {boolean} withSelectedEntities - whether or not to pass the selected entities
- * @property {boolean} isCodeModel - whether the model is keyed by code instead of id in the db
- * @property {object} defaults - tableParam defaults such as pageSize, filter, etc
- * @property {boolean} noOrderError - won't console an error if an order is not found on schema
- */
-export default function useTableParams(props: any): any;
-/**
- * Note all these options can be passed at Design Time or at Runtime (like reduxForm())
- */
-export type compOrOpts = {
-    /**
-     * } formName - required unique identifier for the table
-     */
-    string: any;
-    /**
-     * - The data table schema or a function returning it. The function wll be called with props as the argument.
-     */
-    schema: Object | Function;
-    /**
-     * - whether the table should connect to/update the URL
-     */
-    urlConnected: boolean;
-    /**
-     * - whether or not to pass the selected entities
-     */
-    withSelectedEntities: boolean;
-    /**
-     * - whether the model is keyed by code instead of id in the db
-     */
-    isCodeModel: boolean;
-    /**
-     * - tableParam defaults such as pageSize, filter, etc
-     */
-    defaults: object;
-    /**
-     * - won't console an error if an order is not found on schema
-     */
-    noOrderError: boolean;
-};