adverich-kun-ui 0.1.464 → 0.1.465

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

@@ -1,11 +1,11 @@
-import { reactive as I, ref as K, computed as f, unref as u, watch as R } from "vue";
-import { debounce as j } from "../../../../utils/utils.js";
-import { getValue as q, formatValue as x } from "../../../../utils/tableFormatters.js";
-function E(b, d) {
-  const a = I({
+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: y, customFilter: g, searchableKeys: C, headers: S } = b, F = K(!1), c = (e) => {
+  }), { 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);
@@ -24,59 +24,100 @@ function E(b, d) {
     } catch {
       return "";
     }
-  }, m = (e, r) => {
-    const t = c(e).toLowerCase(), n = c(r).toLowerCase();
-    return n ? t ? t.includes(n) : !1 : !0;
-  }, i = f(() => u(S) ?? []), h = f(() => {
-    const e = u(C);
-    return Array.isArray(e) && e.length ? e : i.value.map((r) => r == null ? void 0 : r.value).filter(Boolean);
-  }), w = (e, r) => {
-    const t = i.value.find((s) => (s == null ? void 0 : s.value) === r);
-    if (!t) return e == null ? void 0 : e[r];
-    const n = q(t, e), o = x(t, n);
-    return c(o);
-  }, p = (e, r, t) => {
-    const n = w(e, r), o = u(g);
-    if (typeof o == "function") {
-      const s = i.value.find((l) => (l == null ? void 0 : l.value) === r);
-      return o(e, r, t, s);
+  }, 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;
     }
-    return Array.isArray(t) ? t.some((s) => m(n, s)) : m(n, t);
-  }, A = f(() => {
-    const e = u(y);
-    return Array.isArray(e) ? e.filter((r) => {
-      const t = a.search;
-      if (t && !h.value.some((s) => p(r, s, t)))
-        return !1;
-      for (const n in a.byColumn) {
-        const o = a.byColumn[n];
-        if (o != null && o !== "" && !p(r, n, o))
-          return !1;
+    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 !0;
-    }) : [];
-  }), k = j((e) => {
-    a.search = c(e).toLowerCase();
-  }, u(d) ?? 150), V = (e, r) => {
-    a.byColumn[e] = r;
+      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 L(e) {
-    for (const r in e)
-      V(r, e[r]);
+  function D(e) {
+    console.log("[applyColumnFilters] aplicando:", e);
+    for (const t in e)
+      w(t, e[t]);
   }
-  const D = () => {
-    a.search = "", a.byColumn = {};
+  const L = () => {
+    console.log("[clearFilters] reseteando filtros"), c.search = "", c.byColumn = {};
   };
-  return R(() => u(y), () => {
+  return N(() => i(m), (e, t) => {
+    console.log("[watch items] old:", t, "new:", e);
   }, { deep: !0 }), {
-    modalFilter: F,
-    appliedFilters: a,
+    modalFilter: R,
+    appliedFilters: c,
     filteredItems: A,
-    setSearch: k,
-    applyColumnFilters: L,
-    clearFilters: D
+    setSearch: C,
+    applyColumnFilters: D,
+    clearFilters: L
   };
 }
 export {
-  E as default
+  q as default
 };

package/package.json

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