adverich-kun-ui 0.1.483 → 0.1.484

package/dist/components/KunTable/src/components/KunTableFilter.vue.js

@@ -1,4 +1,4 @@
-import { computed as k, ref as g, onMounted as C, createBlock as x, createCommentVNode as $, openBlock as d, withCtx as l, createElementVNode as c, createVNode as o, createElementBlock as N, Fragment as b, renderList as h, createTextVNode as V } from "vue";
+import { computed as k, ref as b, onMounted as g, createBlock as x, createCommentVNode as C, openBlock as d, withCtx as l, createElementVNode as c, createVNode as o, createElementBlock as $, Fragment as N, renderList as h, createTextVNode as V } from "vue";
 import z from "../../../KunDialog/src/components/KunDialog.vue.js";
 import B from "../../../KunRow/src/components/KunRow.vue.js";
 import j from "../../../KunCol/src/components/KunCol.vue.js";
@@ -18,8 +18,8 @@ const A = { class: "w-full" }, D = { class: "flex justify-end px-1" }, E = { cla
     const n = f, i = v, m = k({
       get: () => n.modelValue,
       set: (a) => i("update:modelValue", a)
-    }), s = g({});
-    C(() => {
+    }), s = b({});
+    g(() => {
       s.value = { ...n.filters.reduce((a, t) => {
         var _;
         const e = t.key, r = (_ = n.activeFilters) == null ? void 0 : _[e];
@@ -63,7 +63,7 @@ const A = { class: "w-full" }, D = { class: "flex justify-end px-1" }, E = { cla
           ]),
           o(B, null, {
             default: l(() => [
-              (d(!0), N(b, null, h(f.filters, (e) => (d(), x(j, {
+              (d(!0), $(N, null, h(f.filters, (e) => (d(), x(j, {
                 cols: "4",
                 class: "px-2"
               }, {
@@ -77,9 +77,10 @@ const A = { class: "w-full" }, D = { class: "flex justify-end px-1" }, E = { cla
                     "item-value": "id",
                     "item-title": e.title ?? e.text,
                     "item-text": "filter.text",
+                    label: e.label ?? "",
                     "text-no-items": e.textNoItem ?? `No hay ${e.name ?? "elementos"} disponibles`,
                     "placeholder-text": e.placeholderText ?? "Seleccionar"
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "items", "item-title", "text-no-items", "placeholder-text"])
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "items", "item-title", "label", "text-no-items", "placeholder-text"])
                 ]),
                 _: 2
               }, 1024))), 256))
@@ -105,7 +106,7 @@ const A = { class: "w-full" }, D = { class: "flex justify-end px-1" }, E = { cla
         ])
       ]),
       _: 1
-    }, 8, ["modelValue"])) : $("", !0);
+    }, 8, ["modelValue"])) : C("", !0);
   }
 };
 export {

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

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

package/package.json

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