@nmorph/nmorph-ui-kit 2.2.37 → 2.2.39

package/dist/hooks/use-focusable-input.js

@@ -0,0 +1,27 @@
+import { ref as c } from "vue";
+const d = (s = {}) => {
+  const e = c(null), u = c(!1);
+  return {
+    elementRef: e,
+    focused: u,
+    handleFocus: () => {
+      u.value = !0, s.onFocus?.();
+    },
+    handleBlur: () => {
+      u.value = !1, s.onBlur?.();
+    },
+    focus: () => {
+      e.value?.focus();
+    },
+    blur: () => {
+      e.value?.blur();
+    },
+    select: () => {
+      const l = e.value;
+      l && "select" in l && typeof l.select == "function" && l.select();
+    }
+  };
+};
+export {
+  d as useFocusableInput
+};

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-nmorph-translation.js

@@ -1,12 +1,12 @@
-import { Locale as o } from "../types/index.js";
 import { createI18n as c } from "vue-i18n";
-import s from "../locales/en.js";
+import o from "../locales/en.js";
+import { Locale as s } from "../types/translation.types.js";
 const f = (e) => {
-  const l = e && e.messages ? { ...e.messages, en: s } : { en: s }, r = e && e.locale ? e.locale : o.en;
+  const l = e && e.messages ? { ...e.messages, en: o } : { en: o }, r = e && e.locale ? e.locale : s.en;
   return c({
     legacy: !1,
     locale: r,
-    fallbackLocale: o.en,
+    fallbackLocale: s.en,
     messages: l
   });
 };