@nmorph/nmorph-ui-kit 2.2.36 → 2.2.38

package/dist/hooks/use-field-validation.js

@@ -1,74 +1,103 @@
-import { ref as p } from "vue";
-const I = (b) => {
-  const { inputValue: h, rules: a } = b, c = p([]), f = p(!1), d = p(!1);
+import { resolution as L } from "../components/form/nmorph-file-upload/types.js";
+import { ref as h } from "vue";
+const S = Object.entries(L), z = (t) => t.split("/")[1]?.toLowerCase() || "", B = (t) => {
+  const o = t.split(".").pop()?.toLowerCase();
+  return o && o !== t.toLowerCase() ? o : "";
+}, I = (t) => S.find(([, o]) => o.toLowerCase() === t.toLowerCase())?.[0] || "", M = (t) => Array.from(
+  new Set(
+    [
+      t.type.toLowerCase(),
+      I(t.type),
+      B(t.name),
+      z(t.type)
+    ].filter(Boolean).map((o) => o.toLowerCase())
+  )
+), w = (t) => typeof File < "u" && t instanceof File, q = (t) => !!t && typeof t == "object" && "data" in t && w(t.data), E = (t) => {
+  if (w(t)) return [t];
+  if (!Array.isArray(t)) return null;
+  const o = t;
+  return o.length === 0 ? [] : o.every(w) ? o : o.every(q) ? o.map((s) => s.data) : null;
+}, j = (t, o) => {
+  if (o.length === 0) return !0;
+  const s = M(t);
+  return o.some((c) => s.includes(String(c).toLowerCase()));
+}, P = (t) => {
+  const { inputValue: o, rules: s } = t, c = h([]), y = h(!1), m = h(!1);
   return {
-    touched: d,
-    valid: f,
+    touched: m,
+    valid: y,
     errors: c,
     validate: () => {
-      const y = a?.length > 0;
-      if (!y) {
-        f.value = !0;
+      const g = s?.length > 0;
+      if (c.value = [], !g) {
+        y.value = !0;
         return;
       }
-      if (h === null) return;
-      const t = h, u = (n) => y && n in a[0], m = typeof t == "string" && u("pattern"), v = typeof t == "number" && u("numberCompareType"), g = (typeof t == "string" || typeof t == "boolean") && u("booleanCompareType"), T = Array.isArray(t) && u("arrayCompareType");
-      if (!v && !m && !g && !T) {
+      if (o === null) return;
+      const i = o, u = (a) => g && s.some((r) => a in r), C = typeof i == "string" && u("pattern"), F = typeof i == "number" && u("numberCompareType"), T = (typeof i == "string" || typeof i == "boolean") && u("booleanCompareType"), v = Array.isArray(i) && u("arrayCompareType"), x = u("fileMaxSize") || u("maxFileSize") || u("fileAllowedTypes") || u("allowedTypes") || u("fileMaxCount") || u("maxFiles"), b = x ? E(i) : null, A = x && b !== null;
+      if (!F && !C && !T && !v && !A) {
         console.warn("The input value and the provided rules do not match");
         return;
       }
-      if (d.value || (d.value = !0), m) {
-        const n = a;
-        c.value = n.reduce((o, r) => (t.match(r.pattern) || o.push(r.error), o), []);
+      if (m.value || (m.value = !0), C) {
+        const a = s;
+        c.value = a.reduce((r, n) => (i.match(n.pattern) || r.push(n.error), r), []);
       }
-      if (v) {
-        const n = (r, e, s) => {
-          switch (s) {
+      if (F) {
+        const a = (n, e, l) => {
+          switch (l) {
             case "eq":
-              return r === e;
+              return n === e;
             case "gt":
-              return r > e;
+              return n > e;
             case "lt":
-              return r < e;
+              return n < e;
             case "lte":
-              return r <= e;
+              return n <= e;
             case "gte":
-              return r >= e;
+              return n >= e;
           }
-        }, o = a;
-        c.value = o.reduce((r, e) => (n(t, e.compareValue, e.numberCompareType) && r.push(e.error), r), []);
+        }, r = s;
+        c.value = r.reduce((n, e) => (a(i, e.compareValue, e.numberCompareType) && n.push(e.error), n), []);
       }
-      if (g) {
-        const n = a;
-        c.value = n.reduce((o, r) => {
+      if (T) {
+        const a = s;
+        c.value = a.reduce((r, n) => {
           let e = !1;
-          const { compareValue: s, booleanCompareType: i } = r;
-          return i === "not-eq" && (e = t === s), i === "eq" && (e = t !== s), e || o.push(r.error), o;
+          const { compareValue: l, booleanCompareType: f } = n;
+          return f === "not-eq" && (e = i === l), f === "eq" && (e = i !== l), e || r.push(n.error), r;
         }, []);
       }
-      if (T) {
-        const n = a, o = (r, e, s) => {
-          switch (s) {
+      if (v) {
+        const a = s, r = (n, e, l) => {
+          switch (l) {
             case "contains-one":
-              return r.some((l) => e.includes(l));
+              return n.some((p) => e.includes(p));
             case "full-eq":
-              if (r.length !== e.length) return !1;
-              const i = [...r].sort(), C = [...e].sort();
-              return i.every((l, w) => l === C[w]);
+              if (n.length !== e.length) return !1;
+              const f = [...n].sort(), d = [...e].sort();
+              return f.every((p, R) => p === d[R]);
             case "not-contains":
-              return !r.some((l) => e.includes(l));
+              return !n.some((p) => e.includes(p));
           }
         };
-        c.value = n.reduce((r, e) => (o(
-          t.map((i) => String(i)),
+        c.value = a.reduce((n, e) => (r(
+          i.map((f) => String(f)),
           e.compareValue,
           e.arrayCompareType
-        ) || r.push(e.error), r), []);
+        ) || n.push(e.error), n), []);
+      }
+      if (A) {
+        const a = s, r = b || [];
+        c.value = a.reduce((n, e) => {
+          const l = e.fileMaxSize ?? e.maxFileSize, f = e.fileAllowedTypes ?? e.allowedTypes, d = e.fileMaxCount ?? e.maxFiles;
+          return typeof l == "number" && r.some((p) => p.size > l) && n.push(e.error), f && r.some((p) => !j(p, f)) && n.push(e.error), typeof d == "number" && r.length > d && n.push(e.error), n;
+        }, []);
       }
-      f.value = c.value.length === 0;
+      y.value = c.value.length === 0;
     }
   };
 };
 export {
-  I as useFieldValidation
+  P as useFieldValidation
 };

package/dist/hooks/use-form-validation.js

@@ -1,30 +1,68 @@
-import { reactive as i, ref as p, watch as b, readonly as v } from "vue";
-import { deepClone as F } from "../utils/common.js";
+import { reactive as f, ref as h, watch as w, readonly as b } from "vue";
 import { useFieldValidation as c } from "./use-field-validation.js";
-const T = (n, f = !1) => {
-  const t = i({}), o = i({}), u = i(F(n)), a = p(!1), d = p(!1), h = () => {
-    Object.entries(n).forEach(([e, s]) => {
-      o[e] = c({ inputValue: s.value, rules: s.rules }), o[e].validate();
-    }), a.value = Object.values(o).every((e) => e.valid);
-  }, V = () => {
-    Object.entries(n).forEach(([e, s]) => {
-      t[e] = c({ inputValue: s.value, rules: s.rules }), t[e].validate();
+const z = (e) => typeof File < "u" && e instanceof File, p = (e) => z(e) ? {
+  name: e.name,
+  size: e.size,
+  type: e.type,
+  lastModified: e.lastModified
+} : e instanceof Date ? e.toISOString() : e instanceof RegExp ? e.toString() : typeof e == "function" ? String(e) : Array.isArray(e) ? e.map(p) : e && typeof e == "object" ? Object.fromEntries(
+  Object.entries(e).map(([s, i]) => [
+    s,
+    p(i)
+  ])
+) : e, m = (e) => Object.fromEntries(
+  Object.entries(e).map(([s, i]) => [
+    s,
+    JSON.stringify(p(i))
+  ])
+), O = (e) => {
+  const s = e.valid;
+  return typeof s == "boolean" ? s : s.value;
+}, H = (e, s = !1) => {
+  const i = f({}), a = f({}), F = f(m(e)), V = h(!1), d = h(!1), j = () => {
+    const t = Object.values(a).every(O), n = Object.values(i).every(O);
+    V.value = t && n;
+  }, u = () => {
+    Object.entries(e).forEach(([t, n]) => {
+      a[t] = c({ inputValue: n.value, rules: n.rules }), a[t].validate();
+    }), j();
+  }, g = () => {
+    Object.entries(e).forEach(([t, n]) => {
+      i[t] = c({ inputValue: n.value, rules: n.rules }), i[t].validate();
+    }), u();
+  }, y = (t, n) => {
+    const r = e[t];
+    if (!r) return;
+    const o = c({
+      inputValue: n ?? r.value,
+      rules: r.rules
     });
-  }, m = (e, s) => Object.keys(s).filter((l) => {
-    const g = e[l] ? JSON.stringify(e[l]) : null, O = JSON.stringify(s[l]);
-    return g !== O;
-  });
-  return b(n, (e) => {
-    m(u, e).forEach((r) => {
-      const l = e[r];
-      t[r] = c({ inputValue: l.value, rules: l.rules }), t[r].validate();
-    }), Object.assign(u, F(e)), h(), d.value = !0;
-  }, { deep: !0 }), f && V(), {
-    fields: t,
-    isFormValid: v(a),
-    isAnyTouched: v(d)
+    return o.validate(), i[t] = o, u(), d.value = !0, o;
+  }, S = (t, n) => {
+    const r = e[t];
+    r && (r.value = n, y(t, n));
+  }, v = (t, n) => {
+    const r = m(n);
+    return { changedFields: Object.keys(n).filter((l) => {
+      const E = t[l] ?? null, A = r[l];
+      return E !== A;
+    }), newSnapshot: r };
+  };
+  return w(e, (t) => {
+    const { changedFields: n, newSnapshot: r } = v(F, t);
+    n.forEach((o) => {
+      const l = t[o];
+      i[o] = c({ inputValue: l.value, rules: l.rules }), i[o].validate();
+    }), Object.assign(F, r), u(), d.value = !0;
+  }, { deep: !0 }), s && g(), {
+    formValue: e,
+    fields: i,
+    updateFieldValue: S,
+    validateField: y,
+    isFormValid: b(V),
+    isAnyTouched: b(d)
   };
 };
 export {
-  T as useFormValidation
+  H as useFormValidation
 };

package/dist/hooks/use-virtual-list.js

@@ -1,72 +1,78 @@
-import { ref as m, computed as n, onMounted as R, nextTick as M, onUnmounted as V, watch as k } from "vue";
-const C = (a, h) => {
-  const x = m(null), c = m(0), d = m(0), s = n(() => h.enabled?.value ?? !0), i = n(() => Math.max(h.overscan?.value ?? 0, 0)), u = n(() => h.dynamic?.value ?? !1), o = n(() => Math.max(h.itemHeight.value, 1)), g = m({}), p = (e) => u.value && g.value[e] || o.value, f = n(() => {
+import { ref as m, computed as a, onMounted as V, nextTick as M, onUnmounted as $, watch as k } from "vue";
+const C = (n, h) => {
+  const x = m(null), c = m(0), d = m(0), s = a(() => h.enabled?.value ?? !0), i = a(() => Math.max(h.overscan?.value ?? 0, 0)), u = a(() => h.dynamic?.value ?? !1), o = a(() => Math.max(h.itemHeight.value, 1)), g = m({}), w = (e) => u.value && g.value[e] || o.value, f = a(() => {
     const e = [];
     let t = 0;
-    for (let l = 0; l < a.value.length; l++)
-      e[l] = t, t += p(l);
+    for (let l = 0; l < n.value.length; l++)
+      e[l] = t, t += w(l);
     return { offsets: e, total: t };
-  }), w = n(() => s.value ? u.value ? f.value.total : a.value.length * o.value : 0), r = () => {
+  }), p = a(() => s.value ? u.value ? f.value.total : n.value.length * o.value : 0), r = () => {
     const e = x.value;
     if (!e) return;
-    const t = Math.max(w.value - e.clientHeight, 0);
+    const t = Math.max(p.value - e.clientHeight, 0);
     e.scrollTop > t && (e.scrollTop = t), c.value = e.scrollTop, d.value = e.clientHeight;
-  }, I = () => {
+  }, y = () => {
     r();
-  }, v = n(() => {
+  }, v = a(() => {
     if (!s.value) return 0;
     if (u.value) {
-      const e = f.value.offsets.findIndex((t, l) => t + p(l) >= c.value);
+      const e = f.value.offsets.findIndex((t, l) => t + w(l) >= c.value);
       return Math.max(e === -1 ? 0 : e - i.value, 0);
     }
     return Math.max(Math.floor(c.value / o.value) - i.value, 0);
-  }), H = n(() => {
-    if (!s.value) return a.value.length;
+  }), H = a(() => {
+    if (!s.value) return n.value.length;
     if (u.value) {
       const t = c.value + d.value;
       let l = v.value;
-      for (; l < a.value.length && f.value.offsets[l] <= t; )
+      for (; l < n.value.length && f.value.offsets[l] <= t; )
         l++;
-      return Math.min(l + i.value, a.value.length);
+      return Math.min(l + i.value, n.value.length);
     }
     const e = Math.ceil((c.value + d.value) / o.value) + i.value;
-    return Math.min(Math.max(e, v.value + i.value), a.value.length);
-  }), y = n(
+    return Math.min(Math.max(e, v.value + i.value), n.value.length);
+  }), T = a(
     () => u.value ? f.value.offsets[v.value] || 0 : v.value * o.value
-  ), z = n(() => s.value ? a.value.slice(v.value, H.value).map((e, t) => ({
+  ), z = a(() => s.value ? n.value.slice(v.value, H.value).map((e, t) => ({
     item: e,
     index: v.value + t
-  })) : a.value.map((e, t) => ({ item: e, index: t }))), E = (e) => {
+  })) : n.value.map((e, t) => ({ item: e, index: t }))), E = a(() => ({
+    height: `${p.value}px`
+  })), L = a(() => ({
+    transform: `translateY(${T.value}px)`
+  })), S = (e) => {
     const t = x.value;
     if (!t || !s.value) return;
-    const l = Math.min(Math.max(e, 0), Math.max(a.value.length - 1, 0)), b = u.value ? f.value.offsets[l] || 0 : l * o.value;
-    t.scrollTop = b, r();
-  }, L = (e, t) => {
+    const l = Math.min(Math.max(e, 0), Math.max(n.value.length - 1, 0)), R = u.value ? f.value.offsets[l] || 0 : l * o.value;
+    t.scrollTop = R, r();
+  }, b = (e, t) => {
     if (!u.value || !t) return;
     const l = Math.ceil(t.getBoundingClientRect().height || t.offsetHeight);
     !l || g.value[e] === l || (g.value = { ...g.value, [e]: l }, M(r));
-  }, T = () => {
+  }, I = () => {
     r();
   };
-  return R(() => {
-    M(r), typeof window < "u" && window.addEventListener("resize", T);
-  }), V(() => {
-    typeof window < "u" && window.removeEventListener("resize", T);
+  return V(() => {
+    M(r), typeof window < "u" && window.addEventListener("resize", I);
+  }), $(() => {
+    typeof window < "u" && window.removeEventListener("resize", I);
   }), k(
-    () => [a.value.length, s.value, o.value, u.value],
+    () => [n.value.length, s.value, o.value, u.value],
     () => {
       M(r);
     }
   ), {
     containerRef: x,
+    contentStyle: L,
     endIndex: H,
-    offsetTop: y,
+    offsetTop: T,
     refresh: r,
-    measureElement: L,
-    scrollHandler: I,
-    scrollToIndex: E,
+    measureElement: b,
+    scrollHandler: y,
+    scrollToIndex: S,
+    spacerStyle: E,
     startIndex: v,
-    totalHeight: w,
+    totalHeight: p,
     viewportHeight: d,
     virtualItems: z
   };