@teselagen/ui 0.8.4 → 0.8.6

package/DataTable/utils/filterLocalEntitiesToHasura.d.ts

@@ -0,0 +1,5 @@
+export function filterLocalEntitiesToHasura(records: any, { where, order_by, limit, offset, isInfinite }?: {}): {
+    entities: any[];
+    entitiesAcrossPages: any[];
+    entityCount: number;
+};

package/DataTable/utils/initializeHasuraWhereAndFilter.d.ts

@@ -0,0 +1,2 @@
+export function initializeHasuraWhereAndFilter(additionalFilter: any, where: {} | undefined, currentParams: any): void;
+export function addCustomColumnFilters(where: any, fields: any, currentParams: any): void;

package/DataTable/utils/tableQueryParamsToHasuraClauses.d.ts

@@ -0,0 +1,26 @@
+export function tableQueryParamsToHasuraClauses({ page, pageSize, searchTerm, filters, order, schema, additionalFilter }: {
+    page: any;
+    pageSize: any;
+    searchTerm: any;
+    filters: any;
+    order: any;
+    schema: any;
+    additionalFilter: any;
+}): {
+    where: {};
+    order_by: {};
+    limit: any;
+    offset: number;
+};
+/**
+ * Takes a schema and returns an object with the fields mapped by their camelCased display name.
+ * If the displayName is not set or is a jsx element, the path is used instead.
+ * The same conversion must be done when using the result of this method
+ */
+export function getFieldsMappedByCCDisplayName(schema: any): any;
+/**
+ *
+ * @param {object} field
+ * @returns the camelCase display name of the field, to be used for filters, sorting, etc
+ */
+export function getCCDisplayName(field: object): string;

package/autoTooltip.d.ts

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

package/index.cjs.js

@@ -2922,77 +2922,6 @@ 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;
@@ -3000,13 +2929,7 @@ let clearMe;
   let lastMouseOverElement = null;
   document.addEventListener("mouseover", function(event) {
     var _a, _b;
-    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;
-      }
-    }
+    const element2 = event.target;
     if (element2 instanceof Element && element2 !== lastMouseOverElement) {
       let clearOldTippys = /* @__PURE__ */ __name(function(maybeInst) {
         tippys = tippys.filter((t2) => {

package/index.es.js

@@ -2904,77 +2904,6 @@ 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;
@@ -2982,13 +2911,7 @@ let clearMe;
   let lastMouseOverElement = null;
   document.addEventListener("mouseover", function(event) {
     var _a, _b;
-    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;
-      }
-    }
+    const element2 = event.target;
     if (element2 instanceof Element && element2 !== lastMouseOverElement) {
       let clearOldTippys = /* @__PURE__ */ __name(function(maybeInst) {
         tippys = tippys.filter((t2) => {

package/package.json

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

package/src/DataTable/utils/filterLocalEntitiesToHasura.js

@@ -0,0 +1,236 @@
+import {
+  isEmpty,
+  every,
+  some,
+  isEqual,
+  isString,
+  isNull,
+  isArray,
+  includes,
+  isObject,
+  has,
+  orderBy
+} from "lodash-es";
+
+export function filterLocalEntitiesToHasura(
+  records,
+  { where, order_by, limit, offset, isInfinite } = {}
+) {
+  let filteredRecords = [...records];
+
+  // Apply where clause if it exists
+  if (where) {
+    filteredRecords = applyWhereClause(filteredRecords, where);
+  }
+
+  // Apply order_by if it exists
+  if (order_by) {
+    filteredRecords = applyOrderBy(filteredRecords, order_by);
+  }
+
+  // Store the complete filtered and ordered records for pagination info
+  const allFilteredRecords = [...filteredRecords];
+
+  // Apply limit and offset
+  if (!isInfinite && offset !== undefined) {
+    filteredRecords = filteredRecords.slice(offset);
+  }
+
+  if (!isInfinite && limit !== undefined) {
+    filteredRecords = filteredRecords.slice(0, limit);
+  }
+
+  // For consistency, always return an object with entities, entitiesAcrossPages, and entityCount
+  return {
+    entities: filteredRecords,
+    entitiesAcrossPages: allFilteredRecords,
+    entityCount: allFilteredRecords.length
+  };
+}
+
+function applyWhereClause(records, where) {
+  function applyFilter(record, filter) {
+    if (isEmpty(filter)) {
+      return true; // No filter, all records pass
+    }
+
+    for (const key in filter) {
+      if (key === "_and") {
+        if (isEmpty(filter[key])) {
+          continue;
+        }
+        if (!every(filter[key], subFilter => applyFilter(record, subFilter))) {
+          return false;
+        }
+      } else if (key === "_or") {
+        if (isEmpty(filter[key])) {
+          continue;
+        }
+        if (!some(filter[key], subFilter => applyFilter(record, subFilter))) {
+          return false;
+        }
+      } else if (key === "_not") {
+        if (applyFilter(record, filter[key])) {
+          return false;
+        }
+      } else {
+        const value = record[key];
+        const conditions = filter[key];
+
+        // Handle nested object properties
+        if (
+          isObject(value) &&
+          isObject(conditions) &&
+          !hasOperator(conditions)
+        ) {
+          return applyFilter(value, conditions);
+        }
+
+        for (const operator in conditions) {
+          const conditionValue = conditions[operator];
+
+          // Handle range conditions (_gt/_lt or _gte/_lte combinations)
+          if (operator === "_gt" && conditions._lt) {
+            if (!(value > conditionValue && value < conditions._lt))
+              return false;
+            continue;
+          }
+          if (operator === "_gte" && conditions._lte) {
+            if (!(value >= conditionValue && value <= conditions._lte))
+              return false;
+            continue;
+          }
+
+          switch (operator) {
+            case "_eq":
+              if (!isEqual(value, conditionValue)) return false;
+              break;
+            case "_neq":
+              if (isEqual(value, conditionValue)) return false;
+              break;
+            case "_gt":
+              if (!(value > conditionValue)) return false;
+              break;
+            case "_gte":
+              if (!(value >= conditionValue)) return false;
+              break;
+            case "_lt":
+              if (!(value < conditionValue)) return false;
+              break;
+            case "_lte":
+              if (!(value <= conditionValue)) return false;
+              break;
+            case "_like":
+              if (
+                !isString(value) ||
+                !new RegExp(conditionValue.replace(/%/g, ".*")).test(value)
+              )
+                return false;
+              break;
+            case "_ilike":
+              if (
+                !isString(value) ||
+                !new RegExp(conditionValue.replace(/%/g, ".*"), "i").test(value)
+              )
+                return false;
+              break;
+            case "_nlike":
+              if (
+                !isString(value) ||
+                new RegExp(conditionValue.replace(/%/g, ".*")).test(value)
+              )
+                return false;
+              break;
+            case "_nilike":
+              if (
+                !isString(value) ||
+                new RegExp(conditionValue.replace(/%/g, ".*"), "i").test(value)
+              )
+                return false;
+              break;
+            case "_starts_with":
+              if (!isString(value) || !value.startsWith(conditionValue))
+                return false;
+              break;
+            case "_ends_with":
+              if (!isString(value) || !value.endsWith(conditionValue))
+                return false;
+              break;
+            case "_is_null":
+              if (
+                (conditionValue && !isNull(value)) ||
+                (!conditionValue && isNull(value))
+              )
+                return false;
+              break;
+            case "_contains":
+              if (
+                !isArray(value) ||
+                !every(conditionValue, item => includes(value, item))
+              )
+                return false;
+              break;
+            case "_contained_in":
+              if (
+                !isArray(value) ||
+                !every(value, item => includes(conditionValue, item))
+              )
+                return false;
+              break;
+            case "_has_key":
+              if (!isObject(value) || !has(value, conditionValue)) return false;
+              break;
+            case "_has_keys_any":
+              if (
+                !isObject(value) ||
+                !some(conditionValue, item => has(value, item))
+              )
+                return false;
+              break;
+            case "_has_keys_all":
+              if (
+                !isObject(value) ||
+                !every(conditionValue, item => has(value, item))
+              )
+                return false;
+              break;
+            case "_similar":
+              if (
+                !isString(value) ||
+                !new RegExp(conditionValue.replace(/%/g, ".*")).test(value)
+              )
+                return false;
+              break;
+            default:
+              if (operator.startsWith("_")) {
+                console.warn(`Unsupported operator: ${operator}`);
+                return false;
+              } else {
+                console.warn(`Unsupported operator: ${operator}`);
+                return false;
+              }
+          }
+        }
+      }
+    }
+
+    return true;
+  }
+
+  // Helper to check if an object contains any Hasura operators
+  function hasOperator(obj) {
+    return Object.keys(obj).some(key => key.startsWith("_"));
+  }
+
+  return records.filter(record => applyFilter(record, where));
+}
+
+function applyOrderBy(records, order_by) {
+  const keys = Object.keys(order_by);
+  if (keys.length > 0) {
+    const field = keys[0];
+    const direction = order_by[field] === "asc" ? "asc" : "desc";
+    return orderBy(records, [field], [direction]);
+  }
+  return records;
+}