adverich-kun-ui 0.1.582 → 0.1.584

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

@@ -1,13 +1,13 @@
-import { reactive as D, ref as S, computed as R, unref as u, watch as V } from "vue";
-import { debounce as G } from "../../../../utils/utils.js";
-import { getValue as O, formatValue as H } from "../../../../utils/tableFormatters.js";
-function U(F, E, L, l = !1) {
-  const c = D({
+import { reactive as P, ref as b, computed as g, unref as f, watch as S } from "vue";
+import { debounce as z } from "../../../../utils/utils.js";
+import { getValue as O, formatValue as D } from "../../../../utils/tableFormatters.js";
+function Q(F, E, L, i = !1) {
+  const u = P({
     search: "",
     // Búsqueda global
     byColumn: {}
     // Mapa columna -> valor
-  }), { items: h, customFilter: j, searchableKeys: x, headers: J } = F, K = S(!1), m = (e) => {
+  }), { items: m, customFilter: M, searchableKeys: j, headers: G } = F, T = b(!1), y = (e) => {
     if (e == null) return "";
     if (typeof e == "string") return e;
     if (typeof e == "number" || typeof e == "boolean") return String(e);
@@ -26,96 +26,105 @@ function U(F, E, L, l = !1) {
     } catch {
       return "";
     }
-  }, g = (e, r) => {
-    const n = m(e).toLowerCase(), t = m(r).toLowerCase();
-    return t ? n === t : !0;
-  }, p = R(() => L.value ?? []), A = R(() => {
-    const e = u(x);
+  }, w = (e, r) => {
+    const o = y(e).toLowerCase(), t = y(r).toLowerCase();
+    return t ? o === t : !0;
+  }, p = g(() => L.value ?? []), A = g(() => {
+    const e = f(j);
     return Array.isArray(e) && e.length ? e : p.value.map((r) => r == null ? void 0 : r.value).filter(Boolean);
-  }), C = S(/* @__PURE__ */ new Map());
-  function d() {
+  }), C = b(/* @__PURE__ */ new Map());
+  function R() {
     C.value.clear();
-    const e = u(h);
+    const e = f(m);
     Array.isArray(e) && (e.forEach((r) => {
-      const n = {};
+      const o = {};
       A.value.forEach((t) => {
-        const o = p.value.find((f) => f.value === t);
-        let a, i;
+        const n = p.value.find((l) => l.value === t);
+        let s, c;
         try {
-          a = o ? O(o, r) : r[t];
-        } catch (f) {
-          a = "", l && console.error("[useFilter] ERROR getValue", { item: r, key: t, err: f });
+          s = n ? O(n, r) : r[t];
+        } catch (l) {
+          s = "", i && console.error("[useFilter] ERROR getValue", { item: r, key: t, err: l });
         }
         try {
-          i = o ? H(o, a) : a;
-        } catch (f) {
-          i = a, l && console.error("[useFilter] ERROR formatValue", { header: o, raw: a, err: f });
+          c = n ? D(n, s) : s;
+        } catch (l) {
+          c = s, i && console.error("[useFilter] ERROR formatValue", { header: n, raw: s, err: l });
         }
-        n[t] = m(i).toLowerCase();
-      }), C.value.set(r, n);
-    }), l && console.log("[useFilter] Cache reconstruida", C.value));
+        o[t] = y(c).toLowerCase();
+      }), C.value.set(r, o);
+    }), i && console.log("[useFilter] Cache reconstruida", C.value));
   }
-  V(() => u(h), () => d(), { immediate: !0 }), V(() => {
+  S(() => f(m), () => R(), { immediate: !0 }), S(() => {
     var e;
-    return (e = u(h)) == null ? void 0 : e.length;
-  }, () => d());
-  const b = (e, r, n) => {
-    const t = z(e, r), o = u(j);
-    if (typeof o == "function") {
-      const s = p.value.find((y) => (y == null ? void 0 : y.value) === r);
+    return (e = f(m)) == null ? void 0 : e.length;
+  }, () => R());
+  const x = (e, r, o) => {
+    const t = V(e, r), n = f(M);
+    if (typeof n == "function") {
+      const a = p.value.find((h) => (h == null ? void 0 : h.value) === r);
       try {
-        return o(e, r, n, s);
-      } catch (y) {
-        return l && console.error("[matchesFilter] ERROR customFilter", { item: e, key: r, value: n, header: s, err: y }), !1;
+        return n(e, r, o, a);
+      } catch (h) {
+        return i && console.error("[matchesFilter] ERROR customFilter", { item: e, key: r, value: o, header: a, err: h }), !1;
       }
     }
-    const a = u(F.filters) ?? F.filters, i = Array.isArray(a) ? a.find((s) => s.value === r) : void 0, f = (i == null ? void 0 : i["item-value"]) ?? "id", w = (s) => s != null && typeof s == "object" ? s[f] : s;
-    return Array.isArray(n) ? n.some((s) => g(t, w(s))) : g(t, w(n));
-  }, I = R(() => {
-    const e = u(h);
+    const s = f(F.filters) ?? F.filters, c = Array.isArray(s) ? s.find((a) => a.value === r) : void 0, l = (c == null ? void 0 : c["item-value"]) ?? "id", d = (a) => a != null && typeof a == "object" ? a[l] : a;
+    return Array.isArray(o) ? o.some((a) => w(t, d(a))) : w(t, d(o));
+  }, K = g(() => {
+    const e = f(m);
     return Array.isArray(e) ? e.filter((r) => {
-      const n = c.search;
-      if (n) {
-        const t = C.value.get(r);
-        if (t) {
-          if (!Object.values(t).some((a) => a.includes(n))) return !1;
-        } else if (!A.value.some((i) => b(r, i, n))) return !1;
+      const o = u.search;
+      if (o) {
+        const t = o.split(/\s+/).filter((n) => n.length > 0);
+        if (t.length > 0) {
+          const n = C.value.get(r);
+          if (n) {
+            if (!t.every((c) => Object.values(n).some((l) => l.includes(c)))) return !1;
+          } else {
+            const s = A.value;
+            if (!t.every((l) => s.some((d) => {
+              const a = V(r, d);
+              return y(a).toLowerCase().includes(l);
+            }))) return !1;
+          }
+        }
       }
-      for (const t in c.byColumn) {
-        const o = c.byColumn[t], a = Array.isArray(o) && o.length === 0;
-        if (o != null && o !== "" && !a && !b(r, t, o)) return !1;
+      for (const t in u.byColumn) {
+        const n = u.byColumn[t], s = Array.isArray(n) && n.length === 0;
+        if (n != null && n !== "" && !s && !x(r, t, n)) return !1;
       }
       return !0;
     }) : [];
-  }), M = G((e) => {
-    c.search = m(e).toLowerCase(), l && console.log("[setSearch]", c.search);
-  }, u(E) ?? 150), q = (e, r) => {
-    c.byColumn[e] = r, l && console.log("[setColumnFilter]", e, r);
-  }, B = (e) => {
+  }), I = z((e) => {
+    u.search = y(e).toLowerCase(), i && console.log("[setSearch]", u.search);
+  }, f(E) ?? 150), q = (e, r) => {
+    u.byColumn[e] = r, i && console.log("[setColumnFilter]", e, r);
+  }, v = (e) => {
     for (const r in e) q(r, e[r]);
-    l && console.log("[applyColumnFilters]", e);
-  }, P = () => {
-    c.search = "", c.byColumn = {}, l && console.log("[clearFilters] filtros reseteados");
-  }, z = (e, r) => {
+    i && console.log("[applyColumnFilters]", e);
+  }, B = () => {
+    u.search = "", u.byColumn = {}, i && console.log("[clearFilters] filtros reseteados");
+  }, V = (e, r) => {
     if (Object.prototype.hasOwnProperty.call(e, r)) return e[r];
-    const n = p.value.find((t) => (t == null ? void 0 : t.value) === r);
+    const o = p.value.find((t) => (t == null ? void 0 : t.value) === r);
     try {
-      return n ? O(n, e) : e[r];
+      return o ? O(o, e) : e[r];
     } catch (t) {
-      return l && console.error("[useFilter] ERROR getRawValue", { item: e, key: r, err: t }), null;
+      return i && console.error("[useFilter] ERROR getRawValue", { item: e, key: r, err: t }), null;
     }
   };
   return {
-    modalFilter: K,
-    appliedFilters: c,
-    filteredItems: I,
-    setSearch: M,
-    applyColumnFilters: B,
-    clearFilters: P,
+    modalFilter: T,
+    appliedFilters: u,
+    filteredItems: K,
+    setSearch: I,
+    applyColumnFilters: v,
+    clearFilters: B,
     // 👇 Exponemos también por si querés refrescar manualmente
-    refreshCache: d
+    refreshCache: R
   };
 }
 export {
-  U as default
+  Q as default
 };

package/dist/utils/tableFormatters.js

@@ -1,9 +1,9 @@
 import { kunConfig as c } from "../config/kunConfig.js";
-function f(t, n) {
+function p(t, n) {
   var e;
   if (!t || !t.value) return;
   if (t.columnType === "relation") {
-    const r = s(n, t.relationPath);
+    const r = f(n, t.relationPath);
     return u(r);
   }
   if (t.columnType === "function") {
@@ -13,7 +13,7 @@ function f(t, n) {
   const o = n == null ? void 0 : n[t.value];
   return u(o);
 }
-function d(t, n) {
+function g(t, n) {
   return t.columnType === "toComplete" ? "" : n == null ? "Sin datos" : t.columnType === "dateTime" || t.columnType === "date" ? (i[t.columnType] || i.default)(n) : (i[t.columnFormat] || i.default)(n);
 }
 const i = {
@@ -42,20 +42,20 @@ const i = {
   noCeros: (t) => parseFloat(t ?? 0),
   percentage: (t) => `${parseFloat(t ?? 0)}%`,
   date: (t) => {
-    var r;
-    if (!t || t === "0000-00-00" || !a(t)) return "Nunca";
-    const n = new Date(t), o = c.current, e = o.locale;
-    return new Intl.DateTimeFormat(e, {
+    var s;
+    if (!t || t === "0000-00-00" || !m(t)) return "Nunca";
+    const [n, o, e] = t.split("-").map(Number), r = new Date(n, o - 1, e, 12, 0, 0), a = c.current, l = a.locale;
+    return new Intl.DateTimeFormat(l, {
       weekday: "short",
       day: "2-digit",
       month: "short",
       year: "2-digit",
-      ...(r = o.date) == null ? void 0 : r.dateFormat
-    }).format(n);
+      ...(s = a.date) == null ? void 0 : s.dateFormat
+    }).format(r);
   },
   dateTime: (t) => {
     var r;
-    if (!t || t === "0000-00-00" || !a(t)) return "Nunca";
+    if (!t || t === "0000-00-00" || !m(t)) return "Nunca";
     const n = new Date(t), o = c.current, e = o.locale;
     return new Intl.DateTimeFormat(e, {
       weekday: "short",
@@ -69,12 +69,12 @@ const i = {
       ...(r = o.date) == null ? void 0 : r.dateTimeFormat
     }).format(n);
   },
-  secondsToTime: (t) => l(t ?? 0)
+  secondsToTime: (t) => d(t ?? 0)
 };
-function s(t, n) {
+function f(t, n) {
   return !t || !n ? t : n.split(".").reduce((o, e) => o == null ? void 0 : o[e], t);
 }
-function l(t) {
+function d(t) {
   const n = Math.floor(t / 3600), o = Math.floor(t % 3600 / 60), e = t % 60;
   return `${n} horas, ${o} minutos y ${e} segundos`;
 }
@@ -82,13 +82,13 @@ function u(t) {
   if (t != null && !(t === "null" || t === "undefined"))
     return t;
 }
-function a(t) {
+function m(t) {
   const n = new Date(t);
   return !isNaN(n.getTime());
 }
 export {
-  d as formatValue,
+  g as formatValue,
   i as formatters,
-  s as getNestedValue,
-  f as getValue
+  f as getNestedValue,
+  p as getValue
 };

package/package.json

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