@teselagen/ui 0.8.3 → 0.8.5

package/index.cjs.js

@@ -2951,7 +2951,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

@@ -2933,7 +2933,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.5",
   "main": "./src/index.js",
   "type": "module",
   "exports": {

package/src/autoTooltip.js

@@ -52,7 +52,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,19 +100,12 @@ 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(
@@ -104,16 +113,6 @@ let clearMe;
                       );
                       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 +198,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;
-};