triafly-ui-kit 1.0.23 → 1.0.24

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

@@ -0,0 +1,107 @@
+import { jsx as k } from "react/jsx-runtime";
+import d, { useContext as A, useMemo as C, useEffect as E, useCallback as I } from "react";
+import { FormContext as f } from "../FormContext/FormContext.js";
+import { validateRule as D } from "../utils/fn.js";
+import { getChildType as R } from "./fn.js";
+const N = d.memo(
+  ({
+    name: t,
+    children: r,
+    rules: c,
+    label: h,
+    isDisabled: p,
+    style: b,
+    classNameItem: m
+  }) => {
+    const e = A(f), [, v] = d.useReducer((a) => a + 1, 0), u = p || (e == null ? void 0 : e.disabled), s = C(() => Array.isArray(t) ? t : [t], [t]);
+    E(() => {
+      if (e)
+        return e.setFieldRules(s, c || []), e.subscribe(s, v);
+    }, [s, c, e]);
+    const n = e == null ? void 0 : e.getFieldValue(s), l = e == null ? void 0 : e.getFieldError(s), o = I(
+      (a) => {
+        if (!u && (e == null || e.setFieldValue(s, a), c)) {
+          const i = c.map((F) => D(F, a)).filter(Boolean);
+          e == null || e.setFieldError(s, i);
+        }
+      },
+      [s, c, u]
+    ), g = R(r), y = C(() => {
+      const a = {
+        name: s,
+        label: h,
+        isDisabled: u,
+        hasError: !!(l != null && l.length),
+        errorMessage: l == null ? void 0 : l[0]
+      };
+      switch (g) {
+        case "TextareaInput":
+          return {
+            ...a,
+            value: n || "",
+            onChange: o
+          };
+        case "DropdownInput":
+          return {
+            ...a,
+            value: n,
+            onChange: o
+          };
+        case "TextInput":
+          return {
+            ...a,
+            value: n || "",
+            onChange: (i) => o(i.target.value)
+          };
+        case "Checkbox":
+          return {
+            ...a,
+            isChecked: !!n,
+            onChange: (i) => o(i.target.checked)
+          };
+        case "Radio":
+          return {
+            ...a,
+            radioId: `radio-${Array.isArray(t) ? t.join("-") : t}`,
+            value: r.props.value,
+            isChecked: n === r.props.value,
+            onChange: () => o(r.props.value)
+          };
+        case "SearchInput":
+          return {
+            ...a,
+            value: n,
+            onChange: o
+          };
+        case "Switch":
+          return {
+            ...a,
+            isChecked: !!n,
+            onChange: (i) => o(i.target.checked)
+          };
+        case "FileUpload":
+          return {
+            ...a,
+            value: Array.isArray(n) ? n : [],
+            onChange: (i) => o(i)
+          };
+        default:
+          return a;
+      }
+    }, [
+      s,
+      h,
+      l,
+      n,
+      g,
+      o,
+      r.props.value,
+      u
+    ]);
+    return /* @__PURE__ */ k("div", { className: m, style: b, children: d.cloneElement(r, y) });
+  },
+  (t, r) => t.name === r.name && t.rules === r.rules && t.label === r.label && t.isDisabled === r.isDisabled
+);
+export {
+  N as FormItem
+};

package/dist/components/Ui/Form/FormItem/fn.js

@@ -0,0 +1,25 @@
+const p = (e) => {
+  var n, r, a, f;
+  if (typeof e == "string")
+    return e;
+  if (typeof e == "object" && e !== null) {
+    const t = e;
+    if (t.$$typeof === Symbol.for("react.forward_ref")) {
+      const o = e;
+      return o.displayName || ((n = o.render) == null ? void 0 : n.displayName) || ((r = o.render) == null ? void 0 : r.name) || "ForwardRefComponent";
+    }
+    if (t.$$typeof === Symbol.for("react.memo")) {
+      const o = e;
+      return o.displayName || ((a = o.type) == null ? void 0 : a.displayName) || ((f = o.type) == null ? void 0 : f.name) || "MemoComponent";
+    }
+  }
+  if (typeof e == "function") {
+    const t = e;
+    return t.displayName || t.name || "FunctionComponent";
+  }
+  return "UnknownComponent";
+}, m = (e) => e.props.name || p(e.type);
+export {
+  m as getChildType,
+  p as getComponentName
+};

package/dist/components/Ui/Form/FormItem/types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,25 @@
+import { jsx as a } from "react/jsx-runtime";
+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";
+import '../../../../assets/FormRoot.css';const v = ({ form: m, children: c, onFinish: o, disabled: t = !1 }) => {
+  const n = p()[0], s = l(() => {
+    const r = m || n;
+    return r.disabled = t, r;
+  }, [m, n, t]), u = async (r) => {
+    r.preventDefault();
+    try {
+      if (t) return;
+      const e = await s.validateFields();
+      o == null || o(e);
+    } catch (e) {
+      console.error("Form submission error:", e);
+    }
+  };
+  return /* @__PURE__ */ a(f.Provider, { value: s || null, children: /* @__PURE__ */ a("form", { onSubmit: u, children: c }) });
+};
+v.Item = i;
+export {
+  v as Form
+};

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

@@ -0,0 +1,4 @@
+import { Form as m } from "./FormRoot.js";
+export {
+  m as Form
+};

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1,4 @@
+import { useForm as e } from "./useForm.js";
+export {
+  e as useForm
+};

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

@@ -0,0 +1,111 @@
+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";
+class O extends Error {
+  constructor(l) {
+    super("Form validation failed"), this.errorFields = l, this.name = "FormValidationError";
+  }
+}
+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("."));
+    e.forEach((n) => {
+      var s;
+      (s = o.current[n]) == null || s.forEach((c) => c());
+    });
+  }, []), m = g(
+    async (t, r, 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;
+    },
+    [d]
+  ), w = g(
+    async (t) => {
+      const r = t || 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);
+          h.length && (e[c] = h);
+        })
+      ), Object.keys(e).length)
+        throw new O(
+          Object.entries(e).map(([n, s]) => ({
+            name: n,
+            errors: s
+          }))
+        );
+      return { ...a.current };
+    },
+    [m]
+  ), E = (t) => Array.isArray(t) ? t : typeof t == "string" && t.includes(".") ? t.split(".") : [t], j = y({
+    resetFields: () => {
+      a.current = {}, l.current = {}, Object.keys(o.current).forEach(d);
+    },
+    setFieldsValue: (t) => {
+      const r = { ...a.current };
+      Object.entries(t).forEach(([e, n]) => {
+        const s = E(e);
+        v(r, s, n);
+      }), a.current = r, Object.keys(t).forEach((e) => {
+        d(Array.isArray(e) ? e.join(".") : e);
+      });
+    },
+    setFieldValue: (t, r) => {
+      const e = i(t), 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];
+      }
+      s[e[e.length - 1]] = r, a.current = n, d(e);
+    },
+    getFieldValue: (t) => {
+      const r = i(t);
+      return V(a.current, r);
+    },
+    getFieldsValue: () => ({ ...a.current }),
+    submit: async () => {
+      await j.validateFields();
+    },
+    validateFields: w,
+    getFieldError: (t) => {
+      const r = f(i(t));
+      return l.current[r] || [];
+    },
+    setFieldError: (t, r) => {
+      const e = f(i(t));
+      l.current[e] = r, d(e);
+    },
+    getFieldRules: (t) => {
+      const r = f(i(t));
+      return p.current[r] || [];
+    },
+    setFieldRules: (t, r) => {
+      const e = f(i(t));
+      p.current[e] = r;
+    },
+    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) {
+        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);
+        };
+      }
+      return () => {
+        var s;
+        return (s = o.current[n]) == null ? void 0 : s.delete(r);
+      };
+    }
+  }).current;
+  return [j];
+}
+export {
+  N as useForm
+};

package/dist/components/Ui/Form/utils/fn.js

@@ -0,0 +1,31 @@
+const f = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, c = (t, s) => {
+  const e = s == null ? "" : String(s);
+  return t.required && e.trim() === "" ? t.message || "Это поле обязательно" : t.pattern && e && !t.pattern.test(e) ? t.message || "Некорректный формат" : t.type === "email" && e && !f.test(e) ? t.message || "Некорректный email" : t.validator ? t.validator(s) : typeof t.min == "number" && e.length < t.min ? t.message || `Минимум ${t.min} символов` : typeof t.max == "number" && e.length > t.max ? t.message || `Максимум ${t.max} символов` : null;
+}, a = (t) => Array.isArray(t) ? t : [t], g = (t) => Array.isArray(t) ? t.join(".") : t, m = (t, s, e) => {
+  const n = a(s);
+  let r = t;
+  for (let i = 0; i < n.length - 1; i++) {
+    const o = n[i];
+    (!r[o] || typeof r[o] != "object") && (r[o] = {}), r = r[o];
+  }
+  r[n[n.length - 1]] = e;
+}, p = (t, s) => {
+  const e = a(s);
+  let n = t;
+  for (const r of e) {
+    if (!n || typeof n != "object") return;
+    n = n[r];
+  }
+  return n;
+}, y = (t, s) => s.reduce((e, n) => {
+  if (e && typeof e == "object" && n in e)
+    return e[n];
+}, t);
+export {
+  p as getByPath,
+  g as getFieldKey,
+  y as getNestedValue,
+  a as normalizePath,
+  m as setByPath,
+  c as validateRule
+};

package/dist/components/Ui/Form/utils/types.js

@@ -0,0 +1 @@
+