adverich-kun-ui 0.1.463 → 0.1.465

package/dist/components/KunTable/src/composables/useFilter.js

@@ -1,50 +1,123 @@
-import { reactive as w, ref as A, computed as S, watch as L } from "vue";
-import { debounce as V } from "../../../../utils/utils.js";
-import { getValue as k, formatValue as x } from "../../../../utils/tableFormatters.js";
-function j(f, m) {
-  const n = w({
+import { reactive as O, ref as E, computed as g, unref as i, watch as N } from "vue";
+import { debounce as K } from "../../../../utils/utils.js";
+import { getValue as T, formatValue as k } from "../../../../utils/tableFormatters.js";
+function q(p, h) {
+  const c = O({
     search: "",
     byColumn: {}
-  }), { items: u, customFilter: s, searchableKeys: y, headers: a } = f, p = A(!1), c = (e, r) => e == null ? !1 : String(e).toLowerCase().includes(String(r).toLowerCase()), h = (e, r) => {
-    var l;
-    const t = (l = a == null ? void 0 : a.value) == null ? void 0 : l.find((g) => g.value === r);
-    if (!t) return e[r];
-    const o = k(t, e);
-    return x(t, o);
-  }, i = (e, r, t) => {
-    const o = h(e, r);
-    return typeof (s == null ? void 0 : s.value) == "function" ? s.value(e, r, t) : Array.isArray(t) ? t.some((l) => c(o, l)) : c(o, t);
-  }, d = S(() => Array.isArray(u.value) ? u.value.filter((e) => {
-    if (n.search && !(y.value || a.value.map((o) => o.value)).some((o) => i(e, o, n.search)))
-      return !1;
-    for (const r in n.byColumn) {
-      const t = n.byColumn[r];
-      if (t != null && t !== "" && !i(e, r, t))
-        return !1;
+  }), { items: m, customFilter: F, searchableKeys: b, headers: V } = p, R = E(!1), u = (e) => {
+    if (e == null) return "";
+    if (typeof e == "string") return e;
+    if (typeof e == "number" || typeof e == "boolean") return String(e);
+    if (e instanceof Date) return e.toISOString();
+    if (typeof e == "object") {
+      if ("label" in e) return String(e.label);
+      if ("name" in e) return String(e.name);
+      try {
+        return String(e);
+      } catch {
+        return "";
+      }
     }
-    return !0;
-  }) : []), C = V((e) => {
-    n.search = (e == null ? void 0 : e.toString().toLowerCase()) || "";
-  }, m.value), b = (e, r) => {
-    n.byColumn[e] = r;
+    try {
+      return String(e);
+    } catch {
+      return "";
+    }
+  }, d = (e, t) => {
+    const r = u(e).toLowerCase(), l = u(t).toLowerCase();
+    return l ? r ? r.includes(l) : !1 : !0;
+  }, f = g(() => i(V) ?? []), I = g(() => {
+    const e = i(b);
+    return Array.isArray(e) && e.length ? e : f.value.map((t) => t == null ? void 0 : t.value).filter(Boolean);
+  }), S = (e, t) => {
+    console.log("[getDisplayValue] START → key:", t, "item:", e);
+    const r = f.value.find((o) => (o == null ? void 0 : o.value) === t);
+    if (console.log("[getDisplayValue] header encontrado:", r), !r) {
+      const o = e == null ? void 0 : e[t];
+      return console.log("[getDisplayValue] SIN header, devuelvo item[key]:", o), o;
+    }
+    let l, a;
+    try {
+      l = T(r, e), console.log("[getDisplayValue] raw value de getValue:", l);
+    } catch (o) {
+      console.error("[getDisplayValue] ERROR en getValue", { header: r, item: e, err: o });
+    }
+    try {
+      a = k(r, l), console.log("[getDisplayValue] shown value de formatValue:", a);
+    } catch (o) {
+      console.error("[getDisplayValue] ERROR en formatValue", { header: r, raw: l, err: o });
+    }
+    const s = u(a);
+    return console.log("[getDisplayValue] FINAL stringified:", s), s;
+  }, y = (e, t, r) => {
+    console.log("[matchesFilter] item:", e, "key:", t, "filter value:", r);
+    const l = S(e, t);
+    console.log("[matchesFilter] itemValue obtenido:", l);
+    const a = i(F);
+    if (typeof a == "function") {
+      console.log("[matchesFilter] customFilter detectado, llamando...");
+      const o = f.value.find((n) => (n == null ? void 0 : n.value) === t);
+      try {
+        const n = a(e, t, r, o);
+        return console.log("[matchesFilter] customFilter result:", n), n;
+      } catch (n) {
+        return console.error("[matchesFilter] ERROR en customFilter", { item: e, key: t, value: r, header: o, err: n }), !1;
+      }
+    }
+    if (Array.isArray(r)) {
+      console.log("[matchesFilter] value es array, evaluando...");
+      const o = r.some((n) => d(l, n));
+      return console.log("[matchesFilter] array filter result:", o), o;
+    }
+    const s = d(l, r);
+    return console.log("[matchesFilter] default filter result:", s), s;
+  }, A = g(() => {
+    const e = i(m);
+    if (console.log("[filteredItems] recompute → items length:", Array.isArray(e) ? e.length : "NO ARRAY"), !Array.isArray(e)) return [];
+    const t = e.filter((r, l) => {
+      console.log(`
+[filteredItems] --- Evaluando item idx:`, l, r);
+      const a = c.search;
+      if (a) {
+        console.log("[filteredItems] search activo:", a);
+        const s = I.value;
+        console.log("[filteredItems] searchableKeys:", s);
+        const o = s.some((n) => y(r, n, a));
+        if (console.log("[filteredItems] resultado filtro global:", o), !o) return !1;
+      }
+      for (const s in c.byColumn) {
+        const o = c.byColumn[s];
+        if (o != null && o !== "" && (console.log("[filteredItems] columna con filtro:", s, "value:", o), !y(r, s, o)))
+          return console.log("[filteredItems] filtro por columna NO pasó"), !1;
+      }
+      return console.log("[filteredItems] item pasó todos los filtros ✅"), !0;
+    });
+    return console.log("[filteredItems] RESULT FINAL →", t), t;
+  }), C = K((e) => {
+    console.log("[setSearch] nuevo valor:", e), c.search = u(e).toLowerCase();
+  }, i(h) ?? 150), w = (e, t) => {
+    console.log("[setColumnFilter] key:", e, "value:", t), c.byColumn[e] = t;
   };
-  function F(e) {
-    for (const r in e)
-      b(r, e[r]);
+  function D(e) {
+    console.log("[applyColumnFilters] aplicando:", e);
+    for (const t in e)
+      w(t, e[t]);
   }
-  const v = () => {
-    n.search = "", n.byColumn = {};
+  const L = () => {
+    console.log("[clearFilters] reseteando filtros"), c.search = "", c.byColumn = {};
   };
-  return L(() => u.value, () => {
+  return N(() => i(m), (e, t) => {
+    console.log("[watch items] old:", t, "new:", e);
   }, { deep: !0 }), {
-    modalFilter: p,
-    appliedFilters: n,
-    filteredItems: d,
+    modalFilter: R,
+    appliedFilters: c,
+    filteredItems: A,
     setSearch: C,
-    applyColumnFilters: F,
-    clearFilters: v
+    applyColumnFilters: D,
+    clearFilters: L
   };
 }
 export {
-  j as default
+  q as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.463",
+  "version": "0.1.465",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",