@orbe-agro/client-core 5.3.86 → 5.3.90

package/dist/@ecme/views/ui-components/forms/FormControl/DynamicForm.js

@@ -2,15 +2,15 @@ import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import "../../../../components/ui/Form/index.js";
 import "../../../../components/ui/Input/index.js";
 import "../../../../components/ui/Button/index.js";
-import { HiMinus as z } from "react-icons/hi";
-import { useForm as G, useFieldArray as L, Controller as t } from "react-hook-form";
-import { zodResolver as U } from "@hookform/resolvers/zod";
+import { HiMinus as b } from "react-icons/hi";
+import { useForm as N, useFieldArray as v, Controller as t } from "react-hook-form";
+import { zodResolver as y } from "@hookform/resolvers/zod";
 import { z as a } from "zod";
-import { Form as A } from "../../../../components/ui/Form/Form.js";
+import { Form as S } from "../../../../components/ui/Form/Form.js";
 import n from "../../../../components/ui/Form/FormItem.js";
 import u from "../../../../components/ui/Input/Input.js";
 import c from "../../../../components/ui/Button/Button.js";
-const I = a.object({
+const j = a.object({
   groupName: a.string().min(1, "Group Name is required"),
   users: a.array(
     a.object({
@@ -18,13 +18,12 @@ const I = a.object({
       email: a.string().min(1, "Email required").email("Enter valid email")
     })
   )
-}), W = () => {
-  var p;
+}), I = () => {
   const {
     control: o,
-    handleSubmit: B,
+    handleSubmit: p,
     formState: { errors: m }
-  } = G({
+  } = N({
     defaultValues: {
       users: [
         {
@@ -38,14 +37,14 @@ const I = a.object({
       ],
       groupName: ""
     },
-    resolver: U(I)
-  }), E = (l) => {
+    resolver: y(j)
+  }), d = (l) => {
     alert(JSON.stringify(l, null, 2));
-  }, { fields: M, append: k, remove: q } = L({
+  }, { fields: h, append: f, remove: g } = v({
     name: "users",
     control: o
   });
-  return /* @__PURE__ */ e(A, { layout: "inline", onSubmit: B(E), children: /* @__PURE__ */ i("div", { children: [
+  return /* @__PURE__ */ e(S, { layout: "inline", onSubmit: p(d), children: /* @__PURE__ */ i("div", { children: [
     /* @__PURE__ */ i("div", { className: "mb-10", children: [
       /* @__PURE__ */ e("h5", { className: "mb-4", children: "User List" }),
       /* @__PURE__ */ e(
@@ -54,7 +53,7 @@ const I = a.object({
           layout: "vertical",
           label: "Group",
           invalid: !!m.groupName,
-          errorMessage: (p = m.groupName) == null ? void 0 : p.message,
+          errorMessage: m.groupName?.message,
           children: /* @__PURE__ */ e(
             t,
             {
@@ -66,69 +65,66 @@ const I = a.object({
         }
       )
     ] }),
-    M.map((l, r) => {
-      var d, h, f, g, b, N, v, y, S, j, C, F;
-      return /* @__PURE__ */ i("div", { children: [
-        /* @__PURE__ */ e(
-          n,
-          {
-            label: "User Name",
-            invalid: !!((f = (h = (d = m.users) == null ? void 0 : d[r]) == null ? void 0 : h.name) != null && f.message),
-            errorMessage: (N = (b = (g = m.users) == null ? void 0 : g[r]) == null ? void 0 : b.name) == null ? void 0 : N.message,
-            children: /* @__PURE__ */ e(
-              t,
-              {
-                name: `users.${r}.name`,
-                control: o,
-                render: ({ field: s }) => /* @__PURE__ */ e(
-                  u,
-                  {
-                    type: "text",
-                    autoComplete: "off",
-                    placeholder: "Name",
-                    ...s
-                  }
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e(
-          n,
-          {
-            label: "Email",
-            invalid: !!((S = (y = (v = m.users) == null ? void 0 : v[r]) == null ? void 0 : y.email) != null && S.message),
-            errorMessage: (F = (C = (j = m.users) == null ? void 0 : j[r]) == null ? void 0 : C.email) == null ? void 0 : F.message,
-            children: /* @__PURE__ */ e(
-              t,
-              {
-                name: `users.${r}.email`,
-                control: o,
-                render: ({ field: s }) => /* @__PURE__ */ e(
-                  u,
-                  {
-                    type: "email",
-                    autoComplete: "off",
-                    placeholder: "Email",
-                    ...s
-                  }
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e(
-          c,
-          {
-            type: "button",
-            shape: "circle",
-            size: "sm",
-            icon: /* @__PURE__ */ e(z, {}),
-            onClick: () => q(r)
-          }
-        )
-      ] }, l.id);
-    }),
+    h.map((l, r) => /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ e(
+        n,
+        {
+          label: "User Name",
+          invalid: !!m.users?.[r]?.name?.message,
+          errorMessage: m.users?.[r]?.name?.message,
+          children: /* @__PURE__ */ e(
+            t,
+            {
+              name: `users.${r}.name`,
+              control: o,
+              render: ({ field: s }) => /* @__PURE__ */ e(
+                u,
+                {
+                  type: "text",
+                  autoComplete: "off",
+                  placeholder: "Name",
+                  ...s
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        n,
+        {
+          label: "Email",
+          invalid: !!m.users?.[r]?.email?.message,
+          errorMessage: m.users?.[r]?.email?.message,
+          children: /* @__PURE__ */ e(
+            t,
+            {
+              name: `users.${r}.email`,
+              control: o,
+              render: ({ field: s }) => /* @__PURE__ */ e(
+                u,
+                {
+                  type: "email",
+                  autoComplete: "off",
+                  placeholder: "Email",
+                  ...s
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        c,
+        {
+          type: "button",
+          shape: "circle",
+          size: "sm",
+          icon: /* @__PURE__ */ e(b, {}),
+          onClick: () => g(r)
+        }
+      )
+    ] }, l.id)),
     /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e(
         c,
@@ -136,7 +132,7 @@ const I = a.object({
           type: "button",
           className: "ltr:mr-2 rtl:ml-2",
           onClick: () => {
-            k({
+            f({
               name: "",
               email: ""
             });
@@ -149,6 +145,6 @@ const I = a.object({
   ] }) });
 };
 export {
-  W as default
+  I as default
 };
 //# sourceMappingURL=DynamicForm.js.map

package/dist/@ecme/views/ui-components/forms/FormControl/DynamicForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicForm.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/DynamicForm.tsx"],"sourcesContent":["import { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { HiMinus } from 'react-icons/hi'\nimport { useForm, useFieldArray, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    users: {\n        name: string\n        email: string\n    }[]\n    groupName: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    groupName: z.string().min(1, 'Group Name is required'),\n    users: z.array(\n        z.object({\n            name: z.string().min(1, 'Name required'),\n            email: z\n                .string()\n                .min(1, 'Email required')\n                .email('Enter valid email'),\n        }),\n    ),\n})\n\nconst DynamicForm = () => {\n    const {\n        control,\n        handleSubmit,\n        formState: { errors },\n    } = useForm({\n        defaultValues: {\n            users: [\n                {\n                    name: 'Leslie James',\n                    email: 'leslie.james@themenate.com',\n                },\n                {\n                    name: 'Kelly Lambert',\n                    email: 'kelly.lambert@themenate.com',\n                },\n            ],\n            groupName: '',\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        alert(JSON.stringify(values, null, 2))\n    }\n\n    const { fields, append, remove } = useFieldArray({\n        name: 'users',\n        control,\n    })\n\n    return (\n        <Form layout=\"inline\" onSubmit={handleSubmit(onSubmit)}>\n            <div>\n                <div className=\"mb-10\">\n                    <h5 className=\"mb-4\">User List</h5>\n                    <FormItem\n                        layout=\"vertical\"\n                        label=\"Group\"\n                        invalid={Boolean(errors.groupName)}\n                        errorMessage={errors.groupName?.message}\n                    >\n                        <Controller\n                            name=\"groupName\"\n                            control={control}\n                            render={({ field }) => (\n                                <Input placeholder=\"Group Name\" {...field} />\n                            )}\n                        />\n                    </FormItem>\n                </div>\n                {fields.map((userField, index) => (\n                    <div key={userField.id}>\n                        <FormItem\n                            label=\"User Name\"\n                            invalid={Boolean(\n                                errors.users?.[index]?.name?.message,\n                            )}\n                            errorMessage={errors.users?.[index]?.name?.message}\n                        >\n                            <Controller\n                                name={`users.${index}.name`}\n                                control={control}\n                                render={({ field }) => (\n                                    <Input\n                                        type=\"text\"\n                                        autoComplete=\"off\"\n                                        placeholder=\"Name\"\n                                        {...field}\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <FormItem\n                            label=\"Email\"\n                            invalid={Boolean(\n                                errors.users?.[index]?.email?.message,\n                            )}\n                            errorMessage={errors.users?.[index]?.email?.message}\n                        >\n                            <Controller\n                                name={`users.${index}.email`}\n                                control={control}\n                                render={({ field }) => (\n                                    <Input\n                                        type=\"email\"\n                                        autoComplete=\"off\"\n                                        placeholder=\"Email\"\n                                        {...field}\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <Button\n                            type=\"button\"\n                            shape=\"circle\"\n                            size=\"sm\"\n                            icon={<HiMinus />}\n                            onClick={() => remove(index)}\n                        />\n                    </div>\n                ))}\n                <div className=\"flex items-center gap-2\">\n                    <Button\n                        type=\"button\"\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        onClick={() => {\n                            append({\n                                name: '',\n                                email: '',\n                            })\n                        }}\n                    >\n                        Add a User\n                    </Button>\n                    <Button type=\"submit\" variant=\"solid\">\n                        Submit\n                    </Button>\n                </div>\n            </div>\n        </Form>\n    )\n}\n\nexport default DynamicForm\n"],"names":["validationSchema","z","DynamicForm","control","handleSubmit","errors","useForm","zodResolver","onSubmit","values","fields","append","remove","useFieldArray","jsx","Form","jsxs","FormItem","_a","Controller","field","Input","userField","index","_c","_b","_f","_e","_d","_i","_h","_g","_l","_k","_j","Button","HiMinus"],"mappings":"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"}
+{"version":3,"file":"DynamicForm.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/DynamicForm.tsx"],"sourcesContent":["import { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { HiMinus } from 'react-icons/hi'\nimport { useForm, useFieldArray, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    users: {\n        name: string\n        email: string\n    }[]\n    groupName: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    groupName: z.string().min(1, 'Group Name is required'),\n    users: z.array(\n        z.object({\n            name: z.string().min(1, 'Name required'),\n            email: z\n                .string()\n                .min(1, 'Email required')\n                .email('Enter valid email'),\n        }),\n    ),\n})\n\nconst DynamicForm = () => {\n    const {\n        control,\n        handleSubmit,\n        formState: { errors },\n    } = useForm({\n        defaultValues: {\n            users: [\n                {\n                    name: 'Leslie James',\n                    email: 'leslie.james@themenate.com',\n                },\n                {\n                    name: 'Kelly Lambert',\n                    email: 'kelly.lambert@themenate.com',\n                },\n            ],\n            groupName: '',\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        alert(JSON.stringify(values, null, 2))\n    }\n\n    const { fields, append, remove } = useFieldArray({\n        name: 'users',\n        control,\n    })\n\n    return (\n        <Form layout=\"inline\" onSubmit={handleSubmit(onSubmit)}>\n            <div>\n                <div className=\"mb-10\">\n                    <h5 className=\"mb-4\">User List</h5>\n                    <FormItem\n                        layout=\"vertical\"\n                        label=\"Group\"\n                        invalid={Boolean(errors.groupName)}\n                        errorMessage={errors.groupName?.message}\n                    >\n                        <Controller\n                            name=\"groupName\"\n                            control={control}\n                            render={({ field }) => (\n                                <Input placeholder=\"Group Name\" {...field} />\n                            )}\n                        />\n                    </FormItem>\n                </div>\n                {fields.map((userField, index) => (\n                    <div key={userField.id}>\n                        <FormItem\n                            label=\"User Name\"\n                            invalid={Boolean(\n                                errors.users?.[index]?.name?.message,\n                            )}\n                            errorMessage={errors.users?.[index]?.name?.message}\n                        >\n                            <Controller\n                                name={`users.${index}.name`}\n                                control={control}\n                                render={({ field }) => (\n                                    <Input\n                                        type=\"text\"\n                                        autoComplete=\"off\"\n                                        placeholder=\"Name\"\n                                        {...field}\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <FormItem\n                            label=\"Email\"\n                            invalid={Boolean(\n                                errors.users?.[index]?.email?.message,\n                            )}\n                            errorMessage={errors.users?.[index]?.email?.message}\n                        >\n                            <Controller\n                                name={`users.${index}.email`}\n                                control={control}\n                                render={({ field }) => (\n                                    <Input\n                                        type=\"email\"\n                                        autoComplete=\"off\"\n                                        placeholder=\"Email\"\n                                        {...field}\n                                    />\n                                )}\n                            />\n                        </FormItem>\n                        <Button\n                            type=\"button\"\n                            shape=\"circle\"\n                            size=\"sm\"\n                            icon={<HiMinus />}\n                            onClick={() => remove(index)}\n                        />\n                    </div>\n                ))}\n                <div className=\"flex items-center gap-2\">\n                    <Button\n                        type=\"button\"\n                        className=\"ltr:mr-2 rtl:ml-2\"\n                        onClick={() => {\n                            append({\n                                name: '',\n                                email: '',\n                            })\n                        }}\n                    >\n                        Add a User\n                    </Button>\n                    <Button type=\"submit\" variant=\"solid\">\n                        Submit\n                    </Button>\n                </div>\n            </div>\n        </Form>\n    )\n}\n\nexport default DynamicForm\n"],"names":["validationSchema","z","DynamicForm","control","handleSubmit","errors","useForm","zodResolver","onSubmit","values","fields","append","remove","useFieldArray","jsx","Form","jsxs","FormItem","Controller","field","Input","userField","index","Button","HiMinus"],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/FormControl/FieldValidation.js

@@ -1,28 +1,27 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import "../../../../components/ui/Form/index.js";
 import "../../../../components/ui/Input/index.js";
 import "../../../../components/ui/Button/index.js";
-import { useForm as f, Controller as n } from "react-hook-form";
-import { Form as p } from "../../../../components/ui/Form/Form.js";
+import { useForm as d, Controller as m } from "react-hook-form";
+import { Form as u } from "../../../../components/ui/Form/Form.js";
 import o from "../../../../components/ui/Form/FormItem.js";
-import s from "../../../../components/ui/Input/Input.js";
-import c from "../../../../components/ui/Button/Button.js";
-const F = () => {
-  var m, l;
+import l from "../../../../components/ui/Input/Input.js";
+import f from "../../../../components/ui/Button/Button.js";
+const x = () => {
   const {
-    handleSubmit: d,
+    handleSubmit: n,
     formState: { errors: i },
     control: a
-  } = f({
+  } = d({
     defaultValues: {
       userName: "",
       email: ""
     }
   });
-  return /* @__PURE__ */ u(
-    p,
+  return /* @__PURE__ */ s(
+    u,
     {
-      onSubmit: d((e) => {
+      onSubmit: n((e) => {
         window.alert(JSON.stringify(e));
       }),
       children: [
@@ -31,14 +30,14 @@ const F = () => {
           {
             label: "User Name",
             invalid: !!i.userName,
-            errorMessage: (m = i.userName) == null ? void 0 : m.message,
+            errorMessage: i.userName?.message,
             children: /* @__PURE__ */ r(
-              n,
+              m,
               {
                 name: "userName",
                 control: a,
                 render: ({ field: e }) => /* @__PURE__ */ r(
-                  s,
+                  l,
                   {
                     type: "text",
                     autoComplete: "off",
@@ -65,14 +64,14 @@ const F = () => {
           {
             label: "Email",
             invalid: !!i.email,
-            errorMessage: (l = i.email) == null ? void 0 : l.message,
+            errorMessage: i.email?.message,
             children: /* @__PURE__ */ r(
-              n,
+              m,
               {
                 name: "email",
                 control: a,
                 render: ({ field: e }) => /* @__PURE__ */ r(
-                  s,
+                  l,
                   {
                     autoComplete: "off",
                     placeholder: "Email",
@@ -93,12 +92,12 @@ const F = () => {
             )
           }
         ),
-        /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(c, { type: "submit", variant: "solid", children: "Submit" }) })
+        /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(f, { type: "submit", variant: "solid", children: "Submit" }) })
       ]
     }
   );
 };
 export {
-  F as default
+  x as default
 };
 //# sourceMappingURL=FieldValidation.js.map

package/dist/@ecme/views/ui-components/forms/FormControl/FieldValidation.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/FieldValidation.tsx"],"sourcesContent":["import { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { useForm, Controller } from 'react-hook-form'\n\ntype FormSchema = {\n    userName: string\n    email: string\n}\n\nconst FieldValidation = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            userName: '',\n            email: '',\n        },\n    })\n\n    return (\n        <Form\n            onSubmit={handleSubmit((values) => {\n                window.alert(JSON.stringify(values))\n            })}\n        >\n            <FormItem\n                label=\"User Name\"\n                invalid={Boolean(errors.userName)}\n                errorMessage={errors.userName?.message}\n            >\n                <Controller\n                    name=\"userName\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"User Name\"\n                            {...field}\n                        />\n                    )}\n                    rules={{\n                        validate: {\n                            required: (value) => {\n                                if (!value) {\n                                    return 'Required'\n                                }\n                                if (value === 'admin') {\n                                    return 'Nice try!'\n                                }\n                                return\n                            },\n                        },\n                    }}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Email\"\n                invalid={Boolean(errors.email)}\n                errorMessage={errors.email?.message}\n            >\n                <Controller\n                    name=\"email\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                    rules={{\n                        validate: {\n                            required: (value) => {\n                                let error\n                                if (!value) {\n                                    error = 'Required'\n                                } else if (\n                                    !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(\n                                        value,\n                                    )\n                                ) {\n                                    error = 'Invalid email address'\n                                }\n                                return error\n                            },\n                        },\n                    }}\n                />\n            </FormItem>\n            <FormItem>\n                <Button type=\"submit\" variant=\"solid\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default FieldValidation\n"],"names":["FieldValidation","handleSubmit","errors","control","useForm","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","value","_b","error","Button"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAkB,MAAM;;AAC1B,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,IAAA;AAAA,EACX,CACH;AAED,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAUL,EAAa,CAACM,MAAW;AAC/B,eAAO,MAAM,KAAK,UAAUA,CAAM,CAAC;AAAA,MACvC,CAAC;AAAA,MAED,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,EAAQP,EAAO;AAAA,YACxB,eAAcQ,IAAAR,EAAO,aAAP,gBAAAQ,EAAiB;AAAA,YAE/B,UAAA,gBAAAF;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAR;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAS,EAAA,MACP,gBAAAJ;AAAA,kBAACK;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAGD;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGZ,OAAO;AAAA,kBACH,UAAU;AAAA,oBACN,UAAU,CAACE,MAAU;AACjB,0BAAI,CAACA;AACD,+BAAO;AAEX,0BAAIA,MAAU;AACV,+BAAO;AAAA,oBAGf;AAAA,kBAAA;AAAA,gBACJ;AAAA,cACJ;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,QAEJ,gBAAAN;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,EAAQP,EAAO;AAAA,YACxB,eAAca,IAAAb,EAAO,UAAP,gBAAAa,EAAc;AAAA,YAE5B,UAAA,gBAAAP;AAAA,cAACG;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAR;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAS,EAAA,MACP,gBAAAJ;AAAA,kBAACK;AAAA,kBAAA;AAAA,oBACG,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAGD;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGZ,OAAO;AAAA,kBACH,UAAU;AAAA,oBACN,UAAU,CAACE,MAAU;AACjB,0BAAIE;AACJ,6BAAKF,IAGA,4CAA4C;AAAA,wBACzCA;AAAA,sBAAA,MAGJE,IAAQ,2BANRA,IAAQ,YAQLA;AAAA,oBACX;AAAA,kBAAA;AAAA,gBACJ;AAAA,cACJ;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,QAEJ,gBAAAR,EAACC,KACG,UAAA,gBAAAD,EAACS,GAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"FieldValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/FieldValidation.tsx"],"sourcesContent":["import { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { useForm, Controller } from 'react-hook-form'\n\ntype FormSchema = {\n    userName: string\n    email: string\n}\n\nconst FieldValidation = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            userName: '',\n            email: '',\n        },\n    })\n\n    return (\n        <Form\n            onSubmit={handleSubmit((values) => {\n                window.alert(JSON.stringify(values))\n            })}\n        >\n            <FormItem\n                label=\"User Name\"\n                invalid={Boolean(errors.userName)}\n                errorMessage={errors.userName?.message}\n            >\n                <Controller\n                    name=\"userName\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"User Name\"\n                            {...field}\n                        />\n                    )}\n                    rules={{\n                        validate: {\n                            required: (value) => {\n                                if (!value) {\n                                    return 'Required'\n                                }\n                                if (value === 'admin') {\n                                    return 'Nice try!'\n                                }\n                                return\n                            },\n                        },\n                    }}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Email\"\n                invalid={Boolean(errors.email)}\n                errorMessage={errors.email?.message}\n            >\n                <Controller\n                    name=\"email\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                    rules={{\n                        validate: {\n                            required: (value) => {\n                                let error\n                                if (!value) {\n                                    error = 'Required'\n                                } else if (\n                                    !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(\n                                        value,\n                                    )\n                                ) {\n                                    error = 'Invalid email address'\n                                }\n                                return error\n                            },\n                        },\n                    }}\n                />\n            </FormItem>\n            <FormItem>\n                <Button type=\"submit\" variant=\"solid\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default FieldValidation\n"],"names":["FieldValidation","handleSubmit","errors","control","useForm","jsxs","Form","values","jsx","FormItem","Controller","field","Input","value","error","Button"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAkB,MAAM;AAC1B,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,IAAA;AAAA,EACX,CACH;AAED,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAUL,EAAa,CAACM,MAAW;AAC/B,eAAO,MAAM,KAAK,UAAUA,CAAM,CAAC;AAAA,MACvC,CAAC;AAAA,MAED,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,EAAQP,EAAO;AAAA,YACxB,cAAcA,EAAO,UAAU;AAAA,YAE/B,UAAA,gBAAAM;AAAA,cAACE;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAP;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAH;AAAA,kBAACI;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAGD;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGZ,OAAO;AAAA,kBACH,UAAU;AAAA,oBACN,UAAU,CAACE,MAAU;AACjB,0BAAI,CAACA;AACD,+BAAO;AAEX,0BAAIA,MAAU;AACV,+BAAO;AAAA,oBAGf;AAAA,kBAAA;AAAA,gBACJ;AAAA,cACJ;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,QAEJ,gBAAAL;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,EAAQP,EAAO;AAAA,YACxB,cAAcA,EAAO,OAAO;AAAA,YAE5B,UAAA,gBAAAM;AAAA,cAACE;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,SAAAP;AAAA,gBACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAH;AAAA,kBAACI;AAAA,kBAAA;AAAA,oBACG,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAGD;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGZ,OAAO;AAAA,kBACH,UAAU;AAAA,oBACN,UAAU,CAACE,MAAU;AACjB,0BAAIC;AACJ,6BAAKD,IAGA,4CAA4C;AAAA,wBACzCA;AAAA,sBAAA,MAGJC,IAAQ,2BANRA,IAAQ,YAQLA;AAAA,oBACX;AAAA,kBAAA;AAAA,gBACJ;AAAA,cACJ;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,QAEJ,gBAAAN,EAACC,KACG,UAAA,gBAAAD,EAACO,GAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}