triafly-ui-kit 1.0.52 → 1.0.53

package/dist/components/Ui/Form/FormRoot/FormRoot.js

@@ -1,26 +1,31 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import '../../../../assets/src/components/Ui/Form/FormRoot/Form.css';/* empty css                                                    */
-import { useMemo as l } from "react";
-import { FormContext as f } from "../FormContext/FormContext.js";
-import { FormItem as i } from "../FormItem/FormItem.js";
-import { useForm as p } from "../useForm/useForm.js";
-const v = ({ form: m, children: c, onFinish: t, disabled: e = !1 }) => {
-  const n = p()[0], s = l(() => {
-    const r = m || n;
-    return r.disabled = e, r;
-  }, [m, n, e]), u = async (r) => {
-    r.preventDefault();
+import { useMemo as u } from "react";
+import { FormContext as p } from "../FormContext/FormContext.js";
+import { FormItem as d } from "../FormItem/FormItem.js";
+import { useForm as v, FormValidationError as F } from "../useForm/useForm.js";
+const w = ({ form: a, children: s, onFinish: o, disabled: e = !1 }) => {
+  const n = v()[0], m = u(() => {
+    const t = a || n;
+    return t.disabled = e, t;
+  }, [a, n, e]), f = async (t) => {
+    t.preventDefault();
     try {
       if (e) return;
-      const o = await s.validateFields();
-      t == null || t(o);
-    } catch (o) {
-      throw console.error("Form submission error:", o), o;
+      const r = await m.validateFields();
+      await (o == null ? void 0 : o(r));
+    } catch (r) {
+      if (r instanceof F)
+        r.errors.forEach(({ name: l, errors: i }) => {
+          m.setFieldError(l, i);
+        });
+      else
+        throw r;
     }
   };
-  return /* @__PURE__ */ a(f.Provider, { value: s || null, children: /* @__PURE__ */ a("form", { onSubmit: u, children: c }) });
+  return /* @__PURE__ */ c(p.Provider, { value: m || null, children: /* @__PURE__ */ c("form", { onSubmit: f, children: s }) });
 };
-v.Item = i;
+w.Item = d;
 export {
-  v as Form
+  w as Form
 };

package/dist/components/Ui/Form/index.js

@@ -1,6 +1,7 @@
 import { Form as m } from "./FormRoot/FormRoot.js";
-import { useForm as f } from "./useForm/useForm.js";
+import { FormValidationError as t, useForm as F } from "./useForm/useForm.js";
 export {
   m as Form,
-  f as useForm
+  t as FormValidationError,
+  F as useForm
 };

package/dist/components/Ui/Form/useForm/index.js

@@ -1,4 +1,5 @@
-import { useForm as e } from "./useForm.js";
+import { FormValidationError as m, useForm as a } from "./useForm.js";
 export {
-  e as useForm
+  m as FormValidationError,
+  a as useForm
 };

package/dist/components/Ui/Form/useForm/useForm.js

@@ -1,33 +1,37 @@
-import { useRef as y, useCallback as g } from "react";
-import { normalizePath as i, validateRule as b, getFieldKey as f, getByPath as k, getNestedValue as V, setByPath as v } from "../utils/fn.js";
+import { useRef as y, useCallback as F } from "react";
+import { normalizePath as u, validateRule as b, getFieldKey as f, getByPath as k, getNestedValue as V, setByPath as v } from "../utils/fn.js";
 class O extends Error {
-  constructor(l) {
-    super("Form validation failed"), this.errorFields = l, this.name = "FormValidationError";
+  constructor(i) {
+    super("Form validation failed"), this.errors = i, this.name = "FormValidationError";
+  }
+  toString() {
+    return this.errors.map((i) => `${i.name}: ${i.errors.join(", ")}`).join(`
+`);
   }
 }
-function N() {
-  const a = y({}), l = y({}), p = y({}), o = y({}), d = g((t) => {
-    const r = i(t), e = /* @__PURE__ */ new Set();
-    e.add(r.join("."));
-    for (let n = 1; n < r.length; n++)
-      e.add(r.slice(0, n).join("."));
+function S() {
+  const a = y({}), i = y({}), p = y({}), o = y({}), d = F((r) => {
+    const t = u(r), e = /* @__PURE__ */ new Set();
+    e.add(t.join("."));
+    for (let n = 1; n < t.length; n++)
+      e.add(t.slice(0, n).join("."));
     e.forEach((n) => {
       var s;
       (s = o.current[n]) == null || s.forEach((c) => c());
     });
-  }, []), m = g(
-    async (t, r, e) => {
+  }, []), m = F(
+    async (r, t, e) => {
       if (!e) return [];
-      const n = (await Promise.all(e.map((c) => b(c, r)))).filter(Boolean), s = f(t);
-      return l.current[s] = n, d(s), n;
+      const n = (await Promise.all(e.map((c) => b(c, t)))).filter(Boolean), s = f(r);
+      return i.current[s] = n, d(s), n;
     },
     [d]
-  ), w = g(
-    async (t) => {
-      const r = t || Object.keys(p.current).map((n) => n.includes(".") ? n.split(".") : n), e = {};
+  ), w = F(
+    async (r) => {
+      const t = r || Object.keys(p.current).map((n) => n.includes(".") ? n.split(".") : n), e = {};
       if (await Promise.all(
-        r.map(async (n) => {
-          const s = i(n), c = f(s), u = p.current[c] || [], F = k(a.current, s), h = await m(s, F, u);
+        t.map(async (n) => {
+          const s = u(n), c = f(s), l = p.current[c] || [], g = k(a.current, s), h = await m(s, g, l);
           h.length && (e[c] = h);
         })
       ), Object.keys(e).length)
@@ -40,72 +44,73 @@ function N() {
       return { ...a.current };
     },
     [m]
-  ), E = (t) => Array.isArray(t) ? t : typeof t == "string" && t.includes(".") ? t.split(".") : [t], j = y({
+  ), E = (r) => Array.isArray(r) ? r : typeof r == "string" && r.includes(".") ? r.split(".") : [r], j = y({
     resetFields: () => {
-      a.current = {}, l.current = {}, Object.keys(o.current).forEach(d);
+      a.current = {}, i.current = {}, Object.keys(o.current).forEach(d);
     },
-    setFieldsValue: (t) => {
-      const r = { ...a.current };
-      Object.entries(t).forEach(([e, n]) => {
+    setFieldsValue: (r) => {
+      const t = { ...a.current };
+      Object.entries(r).forEach(([e, n]) => {
         const s = E(e);
-        v(r, s, n);
-      }), a.current = r, Object.keys(t).forEach((e) => {
+        v(t, s, n);
+      }), a.current = t, Object.keys(r).forEach((e) => {
         d(Array.isArray(e) ? e.join(".") : e);
       });
     },
-    setFieldValue: (t, r) => {
-      const e = i(t), n = JSON.parse(JSON.stringify(a.current));
+    setFieldValue: (r, t) => {
+      const e = u(r), n = JSON.parse(JSON.stringify(a.current));
       let s = n;
       for (let c = 0; c < e.length - 1; c++) {
-        const u = e[c];
-        s[u] || (s[u] = {}), s = s[u];
+        const l = e[c];
+        s[l] || (s[l] = {}), s = s[l];
       }
-      s[e[e.length - 1]] = r, a.current = n, d(e);
+      s[e[e.length - 1]] = t, a.current = n, d(e);
     },
-    getFieldValue: (t) => {
-      const r = i(t);
-      return V(a.current, r);
+    getFieldValue: (r) => {
+      const t = u(r);
+      return V(a.current, t);
     },
     getFieldsValue: () => ({ ...a.current }),
     submit: async () => {
       await j.validateFields();
     },
     validateFields: w,
-    getFieldError: (t) => {
-      const r = f(i(t));
-      return l.current[r] || [];
+    getFieldError: (r) => {
+      const t = f(u(r));
+      return i.current[t] || [];
     },
-    setFieldError: (t, r) => {
-      const e = f(i(t));
-      l.current[e] = r, d(e);
+    setFieldError: (r, t) => {
+      const e = f(u(r));
+      i.current[e] = t, d(e);
     },
-    getFieldRules: (t) => {
-      const r = f(i(t));
-      return p.current[r] || [];
+    getFieldRules: (r) => {
+      const t = f(u(r));
+      return p.current[t] || [];
     },
-    setFieldRules: (t, r) => {
-      const e = f(i(t));
-      p.current[e] = r;
+    setFieldRules: (r, t) => {
+      const e = f(u(r));
+      p.current[e] = t;
     },
-    subscribe: (t, r) => {
-      const e = i(t), n = e.join(".");
-      if (o.current[n] || (o.current[n] = /* @__PURE__ */ new Set()), o.current[n].add(r), e.length > 1) {
+    subscribe: (r, t) => {
+      const e = u(r), n = e.join(".");
+      if (o.current[n] || (o.current[n] = /* @__PURE__ */ new Set()), o.current[n].add(t), e.length > 1) {
         const c = e.slice(0, -1).join(".");
         o.current[c] || (o.current[c] = /* @__PURE__ */ new Set());
-        const u = () => r();
-        return o.current[c].add(u), () => {
-          var F, h;
-          (F = o.current[n]) == null || F.delete(r), (h = o.current[c]) == null || h.delete(u);
+        const l = () => t();
+        return o.current[c].add(l), () => {
+          var g, h;
+          (g = o.current[n]) == null || g.delete(t), (h = o.current[c]) == null || h.delete(l);
         };
       }
       return () => {
         var s;
-        return (s = o.current[n]) == null ? void 0 : s.delete(r);
+        return (s = o.current[n]) == null ? void 0 : s.delete(t);
       };
     }
   }).current;
   return [j];
 }
 export {
-  N as useForm
+  O as FormValidationError,
+  S as useForm
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "triafly-ui-kit",
-  "version": "1.0.52",
+  "version": "1.0.53",
   "description": "UI Kit from Triafly",
   "main": "./dist/main.js",
   "module": "./dist/main.js",