triafly-ui-kit 1.0.51 → 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: 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();
+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 (t) return;
-      const e = await s.validateFields();
-      o == null || o(e);
-    } catch (e) {
-      console.error("Form submission error:", e);
+      if (e) return;
+      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/dist/components/Ui/Form/utils/index.js

@@ -0,0 +1 @@
+

package/dist/main.d.ts

@@ -1081,7 +1081,7 @@ declare type RadioProps = {
 
 declare type RositionModal = "center" | "right" | "left" | "top" | "bottom";
 
-declare type Rule = {
+export declare type Rule = {
     required?: boolean;
     message?: string;
     pattern?: RegExp;
@@ -1233,6 +1233,10 @@ declare type TextInputProps = {
 
 declare type Theme = "light" | "dark";
 
+declare interface ToastContextType {
+    addToast: (message: string) => void;
+}
+
 export declare const ToastProvider: ({ children }: {
     children: ReactNode;
 }) => JSX.Element;
@@ -1280,6 +1284,8 @@ export declare const useThemeLogic: () => {
     toggleTheme: () => void;
 };
 
+export declare const useToast: () => ToastContextType;
+
 export declare const useTriafly: () => TriaflyContextType;
 
 export { }

package/dist/main.js

@@ -1,14 +1,14 @@
 import { Accordeon as e } from "./components/Ui/Accordeon/Accordeon.js";
 import { Alert as t } from "./components/Ui/Alert/Alert.js";
-import { Avatar as i } from "./components/Ui/Avatar/Avatar.js";
+import { Avatar as a } from "./components/Ui/Avatar/Avatar.js";
 import { ModalWindow as p } from "./components/Ui/ModalWindow/ModalWindow.js";
 import { Badge as f } from "./components/Ui/Badge/Badge.js";
 import { DatePicker as x } from "./components/Ui/DatePicker/DatePicker.js";
 import { DateRangePicker as u } from "./components/Ui/DateRangePicker/DateRangePicker.js";
 import { Button as d } from "./components/Ui/Button/Button.js";
 import { ButtonsArray as w } from "./components/Ui/ButtonsArray/ButtonsArray.js";
-import { Checkbox as k } from "./components/Ui/Checkbox/Checkbox.js";
-import { CliTextareaInput as T } from "./components/Ui/CliTextareaInput/CliTextareaInput.js";
+import { Checkbox as g } from "./components/Ui/Checkbox/Checkbox.js";
+import { CliTextareaInput as S } from "./components/Ui/CliTextareaInput/CliTextareaInput.js";
 import "react";
 import { CustomLink as D } from "./components/Ui/CustomLink/CustomLink.js";
 import { DropdownInput as P } from "./components/Ui/DropdownInput/DropdownInput.js";
@@ -27,21 +27,21 @@ import { TextInput as Z } from "./components/Ui/TextInput/TextInput.js";
 import { TextareaInput as $ } from "./components/Ui/TextareaInput/TextareaInput.js";
 import { Tooltip as no } from "./components/Ui/Tooltip/Tooltip.js";
 import { Tabs as eo } from "./components/Ui/Tabs/Tabs.js";
-import { IconArrowBendUpRight as to, IconArrowClockwise as Io, IconArrowDown as io, IconArrowLeft as ao, IconArrowLineDown as po, IconArrowLineLeft as lo, IconArrowLineRight as fo, IconArrowLineUp as mo, IconArrowRight as xo, IconArrowUp as so, IconArrowsOut as uo, IconArticle as Co, IconAt as ho, IconBellSimple as wo, IconBookOpenText as go, IconCalendarBlank as ko, IconCaretDown as So, IconCaretLeft as To, IconCaretRight as Ao, IconCaretUp as Do, IconCaretUpDown as Lo, IconChartPieSlice as Po, IconChatText as yo, IconCheck as Bo, IconCheckCircle as Uo, IconChecks as Fo, IconCircleNotch as Mo, IconClickHouse as Ro, IconCopy as vo, IconCornersOut as Xo, IconCsv as bo, IconCube as Ho, IconDatabase as Go, IconDotsNine as No, IconDotsThreeVertical as Oo, IconExport as Qo, IconEye as Eo, IconEyeSlash as Wo, IconFile as Vo, IconFiles as zo, IconFloppyDisk as Jo, IconFolderSimple as Yo, IconFolderSimpleX as jo, IconFunnel as qo, IconGauge as Ko, IconGear as Zo, IconGitBranchX as _o, IconGoogleDrive as $o, IconHand as on, IconHeadCircuit as nn, IconHouse as rn, IconIcon as en, IconInfo as cn, IconJoin as tn, IconLanguage as In, IconLink as an, IconList as pn, IconLock as ln, IconLockOpen as fn, IconMariaDB as mn, IconMinus as xn, IconMongoDB as sn, IconMoon as un, IconMySQL as Cn, IconNavigationArrow as dn, IconNotePencil as hn, IconPassword as wn, IconPen as gn, IconPlay as kn, IconPlugsX as Sn, IconPlus as Tn, IconPorsgteSQL as An, IconPresentationChart as Dn, IconQuestion as Ln, IconQuestionFullfilled as Pn, IconRedo as yn, IconRoleX as Bn, IconSearch as Un, IconSearchX as Fn, IconSelection as Mn, IconServer as Rn, IconSlidersHorizontal as vn, IconSticker as Xn, IconSun as bn, IconThreeDot as Hn, IconTrash as Gn, IconTriangleDown as Nn, IconTriangleUp as On, IconUndo as Qn, IconUploadSimple as En, IconUser as Wn, IconUserX as Vn, IconWarningCircle as zn, IconWrench as Jn, IconX as Yn, IconYandexDisk as jn } from "./components/Ui/Icons/Icons.js";
-import { ToastProvider as Kn } from "./context/ToastContext/ToastContext.js";
-import { TriaflyContext as _n, TriaflyProvider as $n, useTriafly as or } from "./context/TriaflyContext/TriaflyProvider.js";
-import { useBreakpointValueTriafly as rr } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
-import { useThemeLogic as cr } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
-import { useModalState as Ir } from "./context/TriaflyContext/hooks/useModal/useModal.js";
+import { IconArrowBendUpRight as to, IconArrowClockwise as Io, IconArrowDown as ao, IconArrowLeft as io, IconArrowLineDown as po, IconArrowLineLeft as lo, IconArrowLineRight as fo, IconArrowLineUp as mo, IconArrowRight as xo, IconArrowUp as so, IconArrowsOut as uo, IconArticle as Co, IconAt as ho, IconBellSimple as wo, IconBookOpenText as To, IconCalendarBlank as go, IconCaretDown as ko, IconCaretLeft as So, IconCaretRight as Ao, IconCaretUp as Do, IconCaretUpDown as Lo, IconChartPieSlice as Po, IconChatText as yo, IconCheck as Bo, IconCheckCircle as Uo, IconChecks as Fo, IconCircleNotch as Mo, IconClickHouse as Ro, IconCopy as vo, IconCornersOut as Xo, IconCsv as bo, IconCube as Ho, IconDatabase as Go, IconDotsNine as No, IconDotsThreeVertical as Oo, IconExport as Qo, IconEye as Eo, IconEyeSlash as Wo, IconFile as Vo, IconFiles as zo, IconFloppyDisk as Jo, IconFolderSimple as Yo, IconFolderSimpleX as jo, IconFunnel as qo, IconGauge as Ko, IconGear as Zo, IconGitBranchX as _o, IconGoogleDrive as $o, IconHand as on, IconHeadCircuit as nn, IconHouse as rn, IconIcon as en, IconInfo as cn, IconJoin as tn, IconLanguage as In, IconLink as an, IconList as pn, IconLock as ln, IconLockOpen as fn, IconMariaDB as mn, IconMinus as xn, IconMongoDB as sn, IconMoon as un, IconMySQL as Cn, IconNavigationArrow as dn, IconNotePencil as hn, IconPassword as wn, IconPen as Tn, IconPlay as gn, IconPlugsX as kn, IconPlus as Sn, IconPorsgteSQL as An, IconPresentationChart as Dn, IconQuestion as Ln, IconQuestionFullfilled as Pn, IconRedo as yn, IconRoleX as Bn, IconSearch as Un, IconSearchX as Fn, IconSelection as Mn, IconServer as Rn, IconSlidersHorizontal as vn, IconSticker as Xn, IconSun as bn, IconThreeDot as Hn, IconTrash as Gn, IconTriangleDown as Nn, IconTriangleUp as On, IconUndo as Qn, IconUploadSimple as En, IconUser as Wn, IconUserX as Vn, IconWarningCircle as zn, IconWrench as Jn, IconX as Yn, IconYandexDisk as jn } from "./components/Ui/Icons/Icons.js";
+import { ToastProvider as Kn, useToast as Zn } from "./context/ToastContext/ToastContext.js";
+import { TriaflyContext as $n, TriaflyProvider as or, useTriafly as nr } from "./context/TriaflyContext/TriaflyProvider.js";
+import { useBreakpointValueTriafly as er } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
+import { useThemeLogic as tr } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
+import { useModalState as ar } from "./context/TriaflyContext/hooks/useModal/useModal.js";
 export {
   e as Accordeon,
   t as Alert,
-  i as Avatar,
+  a as Avatar,
   f as Badge,
   d as Button,
   w as ButtonsArray,
-  k as Checkbox,
-  T as CliTextareaInput,
+  g as Checkbox,
+  S as CliTextareaInput,
   D as CustomLink,
   x as DatePicker,
   u as DateRangePicker,
@@ -51,8 +51,8 @@ export {
   R as Form,
   to as IconArrowBendUpRight,
   Io as IconArrowClockwise,
-  io as IconArrowDown,
-  ao as IconArrowLeft,
+  ao as IconArrowDown,
+  io as IconArrowLeft,
   po as IconArrowLineDown,
   lo as IconArrowLineLeft,
   fo as IconArrowLineRight,
@@ -63,10 +63,10 @@ export {
   Co as IconArticle,
   ho as IconAt,
   wo as IconBellSimple,
-  go as IconBookOpenText,
-  ko as IconCalendarBlank,
-  So as IconCaretDown,
-  To as IconCaretLeft,
+  To as IconBookOpenText,
+  go as IconCalendarBlank,
+  ko as IconCaretDown,
+  So as IconCaretLeft,
   Ao as IconCaretRight,
   Do as IconCaretUp,
   Lo as IconCaretUpDown,
@@ -116,10 +116,10 @@ export {
   dn as IconNavigationArrow,
   hn as IconNotePencil,
   wn as IconPassword,
-  gn as IconPen,
-  kn as IconPlay,
-  Sn as IconPlugsX,
-  Tn as IconPlus,
+  Tn as IconPen,
+  gn as IconPlay,
+  kn as IconPlugsX,
+  Sn as IconPlus,
   An as IconPorsgteSQL,
   Dn as IconPresentationChart,
   Ln as IconQuestion,
@@ -158,11 +158,12 @@ export {
   $ as TextareaInput,
   Kn as ToastProvider,
   no as Tooltip,
-  _n as TriaflyContext,
-  $n as TriaflyProvider,
-  rr as useBreakpointValueTriafly,
+  $n as TriaflyContext,
+  or as TriaflyProvider,
+  er as useBreakpointValueTriafly,
   X as useForm,
-  Ir as useModalState,
-  cr as useThemeLogic,
-  or as useTriafly
+  ar as useModalState,
+  tr as useThemeLogic,
+  Zn as useToast,
+  nr as useTriafly
 };

package/package.json

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