@orbe-agro/client-core 5.3.86 → 5.3.90

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

@@ -3,34 +3,34 @@ import "../../../../components/ui/Form/index.js";
 import "../../../../components/ui/Input/index.js";
 import "../../../../components/ui/Button/index.js";
 import "../../../../components/ui/Select/index.js";
-import { DatePicker as j } from "../../../../components/ui/DatePicker/index.js";
-import { TimeInput as L } from "../../../../components/ui/TimeInput/index.js";
+import { DatePicker as M } from "../../../../components/ui/DatePicker/index.js";
+import { TimeInput as B } from "../../../../components/ui/TimeInput/index.js";
 import { Checkbox as u } from "../../../../components/ui/Checkbox/index.js";
-import { Radio as p } from "../../../../components/ui/Radio/index.js";
+import { Radio as d } from "../../../../components/ui/Radio/index.js";
 import "../../../../components/ui/Switcher/index.js";
-import { Segment as w } from "../../../../components/ui/Segment/index.js";
+import { Segment as v } from "../../../../components/ui/Segment/index.js";
 import "../../../../components/ui/Upload/index.js";
-import D from "../../../../components/shared/PresetSegmentItemOption.js";
-import { HiCheckCircle as U } from "react-icons/hi";
-import q from "react-select/creatable";
-import { useForm as z, Controller as i } from "react-hook-form";
-import { zodResolver as G } from "@hookform/resolvers/zod";
+import T from "../../../../components/shared/PresetSegmentItemOption.js";
+import { HiCheckCircle as w } from "react-icons/hi";
+import I from "react-select/creatable";
+import { useForm as F, Controller as i } from "react-hook-form";
+import { zodResolver as P } from "@hookform/resolvers/zod";
 import { z as a } from "zod";
-import { Form as O } from "../../../../components/ui/Form/Form.js";
-import n from "../../../../components/ui/Form/FormItem.js";
-import Y from "../../../../components/ui/Input/Input.js";
-import I from "../../../../components/ui/Select/Select.js";
-import E from "../../../../components/ui/Switcher/Switcher.js";
-import X from "../../../../components/ui/Upload/Upload.js";
-import F from "../../../../components/ui/Button/Button.js";
+import { Form as _ } from "../../../../components/ui/Form/Form.js";
+import o from "../../../../components/ui/Form/FormItem.js";
+import A from "../../../../components/ui/Input/Input.js";
+import b from "../../../../components/ui/Select/Select.js";
+import N from "../../../../components/ui/Switcher/Switcher.js";
+import R from "../../../../components/ui/Upload/Upload.js";
+import f from "../../../../components/ui/Button/Button.js";
 const h = [
   { value: "foo", label: "Foo" },
   { value: "bar", label: "Bar" }
-], H = [
+], j = [
   { value: "Personal", desc: "The plan for personal." },
   { value: "Team", desc: "The plan for team" },
   { value: "Business", desc: "Talk to us for business plan." }
-], P = 2, J = a.object({
+], k = 2, L = a.object({
   input: a.string().min(1, "Please input user name!").min(3, "Too Short!").max(12, "Too Long!"),
   select: a.string().min(1, "Please select one!"),
   multipleSelect: a.array(a.object({ value: a.string(), label: a.string() })).nonempty("At least one is selected!"),
@@ -52,14 +52,13 @@ const h = [
   }),
   upload: a.array(a.instanceof(File)).nonempty("At least one file uploaded!"),
   segment: a.array(a.string()).nonempty("Select at least one option!")
-}), Ce = () => {
-  var g, v, b, f, k, C, S, x, y, M, B;
+}), me = () => {
   const {
-    handleSubmit: _,
-    reset: A,
-    formState: { errors: l, isSubmitting: N },
-    control: o
-  } = z({
+    handleSubmit: C,
+    reset: S,
+    formState: { errors: l, isSubmitting: x },
+    control: n
+  } = F({
     defaultValues: {
       input: "",
       select: "",
@@ -73,36 +72,36 @@ const h = [
       segment: [],
       upload: []
     },
-    resolver: G(J)
-  }), R = (r, t) => {
+    resolver: P(L)
+  }), y = (r, t) => {
     let m = !0;
-    const c = ["image/jpeg", "image/png"], d = 5e5;
-    if (t.length >= P)
-      return `You can only upload ${P} file(s)`;
+    const c = ["image/jpeg", "image/png"], p = 5e5;
+    if (t.length >= k)
+      return `You can only upload ${k} file(s)`;
     if (r)
-      for (const T of r)
-        c.includes(T.type) || (m = "Please upload a .jpeg or .png file!"), T.size >= d && (m = "Upload image cannot more then 500kb!");
+      for (const g of r)
+        c.includes(g.type) || (m = "Please upload a .jpeg or .png file!"), g.size >= p && (m = "Upload image cannot more then 500kb!");
     return m;
   };
-  return /* @__PURE__ */ s(O, { onSubmit: _((r) => {
+  return /* @__PURE__ */ s(_, { onSubmit: C((r) => {
     setTimeout(() => {
       alert(JSON.stringify(r, null, 2));
     }, 400);
   }), children: [
     /* @__PURE__ */ e(
-      n,
+      o,
       {
         asterisk: !0,
         label: "Input",
         invalid: !!l.input,
-        errorMessage: (g = l.input) == null ? void 0 : g.message,
+        errorMessage: l.input?.message,
         children: /* @__PURE__ */ e(
           i,
           {
             name: "input",
-            control: o,
+            control: n,
             render: ({ field: r }) => /* @__PURE__ */ e(
-              Y,
+              A,
               {
                 type: "text",
                 autoComplete: "off",
@@ -115,26 +114,26 @@ const h = [
       }
     ),
     /* @__PURE__ */ e(
-      n,
+      o,
       {
         asterisk: !0,
         label: "Select",
         invalid: !!l.select,
-        errorMessage: (v = l.select) == null ? void 0 : v.message,
+        errorMessage: l.select?.message,
         children: /* @__PURE__ */ e(
           i,
           {
             name: "select",
-            control: o,
+            control: n,
             render: ({ field: r }) => /* @__PURE__ */ e(
-              I,
+              b,
               {
                 options: h,
                 ...r,
                 value: h.filter(
                   (t) => t.value === r.value
                 ),
-                onChange: (t) => r.onChange(t == null ? void 0 : t.value)
+                onChange: (t) => r.onChange(t?.value)
               }
             )
           }
@@ -142,22 +141,22 @@ const h = [
       }
     ),
     /* @__PURE__ */ e(
-      n,
+      o,
       {
         asterisk: !0,
         label: "Multiple Select",
         invalid: !!l.multipleSelect,
-        errorMessage: (b = l.multipleSelect) == null ? void 0 : b.message,
+        errorMessage: l.multipleSelect?.message,
         children: /* @__PURE__ */ e(
           i,
           {
             name: "multipleSelect",
-            control: o,
+            control: n,
             render: ({ field: r }) => /* @__PURE__ */ e(
-              I,
+              b,
               {
                 isMulti: !0,
-                componentAs: q,
+                componentAs: I,
                 options: h,
                 ...r
               }
@@ -167,68 +166,68 @@ const h = [
       }
     ),
     /* @__PURE__ */ e(
-      n,
+      o,
       {
         asterisk: !0,
         label: "Date",
         invalid: !!l.date,
-        errorMessage: (f = l.date) == null ? void 0 : f.message,
+        errorMessage: l.date?.message,
         children: /* @__PURE__ */ e(
           i,
           {
             name: "date",
-            control: o,
-            render: ({ field: r }) => /* @__PURE__ */ e(j, { ...r })
+            control: n,
+            render: ({ field: r }) => /* @__PURE__ */ e(M, { ...r })
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      n,
+      o,
       {
         asterisk: !0,
         label: "Time",
         invalid: !!l.time,
-        errorMessage: (k = l.time) == null ? void 0 : k.message,
+        errorMessage: l.time?.message,
         children: /* @__PURE__ */ e(
           i,
           {
             name: "time",
-            control: o,
-            render: ({ field: r }) => /* @__PURE__ */ e(L, { ...r })
+            control: n,
+            render: ({ field: r }) => /* @__PURE__ */ e(B, { ...r })
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      n,
+      o,
       {
         asterisk: !0,
         label: "Single Checkbox",
         invalid: !!l.singleCheckbox,
-        errorMessage: (C = l.singleCheckbox) == null ? void 0 : C.message,
+        errorMessage: l.singleCheckbox?.message,
         children: /* @__PURE__ */ e(
           i,
           {
             name: "singleCheckbox",
-            control: o,
+            control: n,
             render: ({ field: r }) => /* @__PURE__ */ e(u, { ...r })
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      n,
+      o,
       {
         asterisk: !0,
         label: "Multiple Checkbox",
         invalid: !!l.multipleCheckbox,
-        errorMessage: (S = l.multipleCheckbox) == null ? void 0 : S.message,
+        errorMessage: l.multipleCheckbox?.message,
         children: /* @__PURE__ */ e(
           i,
           {
             name: "multipleCheckbox",
-            control: o,
+            control: n,
             render: ({ field: r }) => /* @__PURE__ */ s(
               u.Group,
               {
@@ -255,39 +254,39 @@ const h = [
       }
     ),
     /* @__PURE__ */ e(
-      n,
+      o,
       {
         asterisk: !0,
         label: "Radio",
         invalid: !!l.radio,
-        errorMessage: (x = l.radio) == null ? void 0 : x.message,
+        errorMessage: l.radio?.message,
         children: /* @__PURE__ */ e(
           i,
           {
             name: "radio",
-            control: o,
-            render: ({ field: r }) => /* @__PURE__ */ s(p.Group, { ...r, children: [
-              /* @__PURE__ */ e(p, { value: "1", children: "Paypal" }),
-              /* @__PURE__ */ e(p, { value: "2", children: "Stripe" })
+            control: n,
+            render: ({ field: r }) => /* @__PURE__ */ s(d.Group, { ...r, children: [
+              /* @__PURE__ */ e(d, { value: "1", children: "Paypal" }),
+              /* @__PURE__ */ e(d, { value: "2", children: "Stripe" })
             ] })
           }
         )
       }
     ),
     /* @__PURE__ */ e(
-      n,
+      o,
       {
         asterisk: !0,
         label: "Switcher",
         invalid: !!l.switcher,
-        errorMessage: (y = l.switcher) == null ? void 0 : y.message,
+        errorMessage: l.switcher?.message,
         children: /* @__PURE__ */ e(
           i,
           {
             name: "switcher",
-            control: o,
+            control: n,
             render: ({ field: r }) => /* @__PURE__ */ e(
-              E,
+              N,
               {
                 checked: r.value,
                 onChange: (t) => {
@@ -300,21 +299,21 @@ const h = [
       }
     ),
     /* @__PURE__ */ e(
-      n,
+      o,
       {
         asterisk: !0,
         label: "Upload",
         invalid: !!l.upload,
-        errorMessage: (M = l.upload) == null ? void 0 : M.message,
+        errorMessage: l.upload?.message,
         children: /* @__PURE__ */ e(
           i,
           {
             name: "upload",
-            control: o,
+            control: n,
             render: ({ field: r }) => /* @__PURE__ */ e(
-              X,
+              R,
               {
-                beforeUpload: R,
+                beforeUpload: y,
                 fileList: r.value,
                 onFileRemove: (t) => r.onChange(t),
                 onChange: (t) => r.onChange(t)
@@ -325,40 +324,40 @@ const h = [
       }
     ),
     /* @__PURE__ */ e(
-      n,
+      o,
       {
         asterisk: !0,
         label: "Segment",
         invalid: !!l.segment,
-        errorMessage: (B = l.segment) == null ? void 0 : B.message,
+        errorMessage: l.segment?.message,
         children: /* @__PURE__ */ e(
           i,
           {
             name: "segment",
-            control: o,
+            control: n,
             render: ({ field: r }) => /* @__PURE__ */ e(
-              w,
+              v,
               {
                 className: "w-full bg-transparent dark:bg-transparent p-0",
                 selectionType: "multiple",
                 ...r,
-                children: /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-4 w-full", children: H.map((t) => /* @__PURE__ */ e(
-                  w.Item,
+                children: /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-4 w-full", children: j.map((t) => /* @__PURE__ */ e(
+                  v.Item,
                   {
                     value: t.value,
                     children: ({
                       active: m,
                       onSegmentItemClick: c,
-                      disabled: d
+                      disabled: p
                     }) => /* @__PURE__ */ e("div", { className: "text-center", children: /* @__PURE__ */ e(
-                      D,
+                      T,
                       {
                         hoverable: !0,
                         active: m,
-                        disabled: d,
+                        disabled: p,
                         defaultGutter: !1,
                         className: "relative min-h-[80px] w-full",
-                        customCheck: /* @__PURE__ */ e(U, { className: "text-primary absolute top-2 right-2 text-2xl" }),
+                        customCheck: /* @__PURE__ */ e(w, { className: "text-primary absolute top-2 right-2 text-2xl" }),
                         onSegmentItemClick: c,
                         children: /* @__PURE__ */ s("div", { className: "flex flex-col items-start mx-4", children: [
                           /* @__PURE__ */ e("h6", { children: t.value }),
@@ -375,21 +374,21 @@ const h = [
         )
       }
     ),
-    /* @__PURE__ */ s(n, { children: [
+    /* @__PURE__ */ s(o, { children: [
       /* @__PURE__ */ e(
-        F,
+        f,
         {
           type: "reset",
           className: "ltr:mr-2 rtl:ml-2",
-          onClick: () => A(),
+          onClick: () => S(),
           children: "Reset"
         }
       ),
-      /* @__PURE__ */ e(F, { variant: "solid", loading: N, type: "submit", children: "Submit" })
+      /* @__PURE__ */ e(f, { variant: "solid", loading: x, type: "submit", children: "Submit" })
     ] })
   ] });
 };
 export {
-  Ce as default
+  me as default
 };
 //# sourceMappingURL=MixedFormControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MixedFormControl.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/MixedFormControl.tsx"],"sourcesContent":["import { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Select from '@/components/ui/Select'\nimport DatePicker from '@/components/ui/DatePicker'\nimport TimeInput from '@/components/ui/TimeInput'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Radio from '@/components/ui/Radio'\nimport Switcher from '@/components/ui/Switcher'\nimport Segment from '@/components/ui/Segment'\nimport Upload from '@/components/ui/Upload'\nimport PresetSegmentItemOption from '@/components/shared/PresetSegmentItemOption'\nimport { HiCheckCircle } from 'react-icons/hi'\nimport CreatableSelect from 'react-select/creatable'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype Option = {\n    value: string\n    label: string\n}\n\ntype FormSchema = {\n    input: string\n    select: string\n    multipleSelect: Option[]\n    date: Date | null\n    time: Date | null\n    singleCheckbox: boolean\n    multipleCheckbox: Array<string | number>\n    radio: string\n    switcher: boolean\n    segment: string[]\n    upload: File[]\n}\n\nconst options: Option[] = [\n    { value: 'foo', label: 'Foo' },\n    { value: 'bar', label: 'Bar' },\n]\n\nconst segmentSelections = [\n    { value: 'Personal', desc: 'The plan for personal.' },\n    { value: 'Team', desc: 'The plan for team' },\n    { value: 'Business', desc: 'Talk to us for business plan.' },\n]\n\nconst MAX_UPLOAD = 2\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    input: z\n        .string()\n        .min(1, 'Please input user name!')\n        .min(3, 'Too Short!')\n        .max(12, 'Too Long!'),\n    select: z.string().min(1, 'Please select one!'),\n    multipleSelect: z\n        .array(z.object({ value: z.string(), label: z.string() }))\n        .nonempty('At least one is selected!'),\n    date: z.date({\n        required_error: 'Date Required!',\n        invalid_type_error: 'Invalid Date',\n    }),\n    time: z.date({\n        required_error: 'Time Required!',\n        invalid_type_error: 'Invalid Time',\n    }),\n    singleCheckbox: z.literal<boolean>(true, {\n        errorMap: () => ({ message: 'You must tick this!' }),\n    }),\n    multipleCheckbox: z\n        .array(z.union([z.string(), z.number()]))\n        .nonempty('Select at least one option!'),\n    radio: z.string().min(1, 'Please select one!'),\n    switcher: z.literal<boolean>(true, {\n        errorMap: () => ({ message: 'You must turn this on!' }),\n    }),\n    upload: z.array(z.instanceof(File)).nonempty('At least one file uploaded!'),\n    segment: z.array(z.string()).nonempty('Select at least one option!'),\n})\n\nconst MixedFormControl = () => {\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors, isSubmitting },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            input: '',\n            select: '',\n            date: null,\n            time: null,\n            multipleSelect: [],\n            singleCheckbox: false,\n            multipleCheckbox: [],\n            radio: '',\n            switcher: false,\n            segment: [],\n            upload: [],\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const beforeUpload = (file: FileList | null, fileList: File[]) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        const MAX_FILE_SIZE = 500000\n\n        if (fileList.length >= MAX_UPLOAD) {\n            return `You can only upload ${MAX_UPLOAD} file(s)`\n        }\n\n        if (file) {\n            for (const f of file) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n\n                if (f.size >= MAX_FILE_SIZE) {\n                    valid = 'Upload image cannot more then 500kb!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    const onSubmit = (values: FormSchema) => {\n        setTimeout(() => {\n            alert(JSON.stringify(values, null, 2))\n        }, 400)\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                asterisk\n                label=\"Input\"\n                invalid={Boolean(errors.input)}\n                errorMessage={errors.input?.message}\n            >\n                <Controller\n                    name=\"input\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"Input\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Select\"\n                invalid={Boolean(errors.select)}\n                errorMessage={errors.select?.message}\n            >\n                <Controller\n                    name=\"select\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select\n                            options={options}\n                            {...field}\n                            value={options.filter(\n                                (option) => option.value === field.value,\n                            )}\n                            onChange={(option) => field.onChange(option?.value)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Multiple Select\"\n                invalid={Boolean(errors.multipleSelect)}\n                errorMessage={errors.multipleSelect?.message}\n            >\n                <Controller\n                    name=\"multipleSelect\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select<Option, true>\n                            isMulti\n                            componentAs={CreatableSelect}\n                            options={options}\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Date\"\n                invalid={Boolean(errors.date)}\n                errorMessage={errors.date?.message}\n            >\n                <Controller\n                    name=\"date\"\n                    control={control}\n                    render={({ field }) => <DatePicker {...field} />}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Time\"\n                invalid={Boolean(errors.time)}\n                errorMessage={errors.time?.message}\n            >\n                <Controller\n                    name=\"time\"\n                    control={control}\n                    render={({ field }) => <TimeInput {...field} />}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Single Checkbox\"\n                invalid={Boolean(errors.singleCheckbox)}\n                errorMessage={errors.singleCheckbox?.message}\n            >\n                <Controller\n                    name=\"singleCheckbox\"\n                    control={control}\n                    render={({ field }) => <Checkbox {...field} />}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Multiple Checkbox\"\n                invalid={Boolean(errors.multipleCheckbox)}\n                errorMessage={errors.multipleCheckbox?.message}\n            >\n                <Controller\n                    name=\"multipleCheckbox\"\n                    control={control}\n                    render={({ field }) => (\n                        <Checkbox.Group\n                            value={field.value as string[]}\n                            onChange={field.onChange}\n                        >\n                            <Checkbox name={field.name} value=\"Apple\">\n                                Apple{' '}\n                            </Checkbox>\n                            <Checkbox name={field.name} value=\"Banana\">\n                                Banana{' '}\n                            </Checkbox>\n                            <Checkbox name={field.name} value=\"Lemon\">\n                                Lemon{' '}\n                            </Checkbox>\n                        </Checkbox.Group>\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Radio\"\n                invalid={Boolean(errors.radio)}\n                errorMessage={errors.radio?.message}\n            >\n                <Controller\n                    name=\"radio\"\n                    control={control}\n                    render={({ field }) => (\n                        <Radio.Group {...field}>\n                            <Radio value={'1'}>Paypal</Radio>\n                            <Radio value={'2'}>Stripe</Radio>\n                        </Radio.Group>\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Switcher\"\n                invalid={Boolean(errors.switcher)}\n                errorMessage={errors.switcher?.message}\n            >\n                <Controller\n                    name=\"switcher\"\n                    control={control}\n                    render={({ field }) => (\n                        <Switcher\n                            checked={field.value}\n                            onChange={(checked) => {\n                                field.onChange(checked)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Upload\"\n                invalid={Boolean(errors.upload)}\n                errorMessage={errors.upload?.message}\n            >\n                <Controller\n                    name=\"upload\"\n                    control={control}\n                    render={({ field }) => (\n                        <Upload\n                            beforeUpload={beforeUpload}\n                            fileList={field.value}\n                            onFileRemove={(files) => field.onChange(files)}\n                            onChange={(files) => field.onChange(files)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Segment\"\n                invalid={Boolean(errors.segment)}\n                errorMessage={errors.segment?.message}\n            >\n                <Controller\n                    name=\"segment\"\n                    control={control}\n                    render={({ field }) => (\n                        <Segment\n                            className=\"w-full bg-transparent dark:bg-transparent p-0\"\n                            selectionType=\"multiple\"\n                            {...field}\n                        >\n                            <div className=\"grid grid-cols-3 gap-4 w-full\">\n                                {segmentSelections.map((segment) => (\n                                    <Segment.Item\n                                        key={segment.value}\n                                        value={segment.value}\n                                    >\n                                        {({\n                                            active,\n                                            onSegmentItemClick,\n                                            disabled,\n                                        }) => {\n                                            return (\n                                                <div className=\"text-center\">\n                                                    <PresetSegmentItemOption\n                                                        hoverable\n                                                        active={active}\n                                                        disabled={disabled}\n                                                        defaultGutter={false}\n                                                        className=\"relative min-h-[80px] w-full\"\n                                                        customCheck={\n                                                            <HiCheckCircle className=\"text-primary absolute top-2 right-2 text-2xl\" />\n                                                        }\n                                                        onSegmentItemClick={\n                                                            onSegmentItemClick\n                                                        }\n                                                    >\n                                                        <div className=\"flex flex-col items-start mx-4\">\n                                                            <h6>\n                                                                {segment.value}\n                                                            </h6>\n                                                            <p>\n                                                                {segment.desc}\n                                                            </p>\n                                                        </div>\n                                                    </PresetSegmentItemOption>\n                                                </div>\n                                            )\n                                        }}\n                                    </Segment.Item>\n                                ))}\n                            </div>\n                        </Segment>\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <Button\n                    type=\"reset\"\n                    className=\"ltr:mr-2 rtl:ml-2\"\n                    onClick={() => reset()}\n                >\n                    Reset\n                </Button>\n                <Button variant=\"solid\" loading={isSubmitting} type=\"submit\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default MixedFormControl\n"],"names":["options","segmentSelections","MAX_UPLOAD","validationSchema","z","MixedFormControl","handleSubmit","reset","errors","isSubmitting","control","useForm","zodResolver","beforeUpload","file","fileList","valid","allowedFileType","MAX_FILE_SIZE","f","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","_b","Select","option","_c","CreatableSelect","_d","DatePicker","_e","TimeInput","_f","Checkbox","_g","_h","Radio","_i","Switcher","checked","_j","Upload","files","_k","Segment","segment","active","onSegmentItemClick","disabled","PresetSegmentItemOption","HiCheckCircle","Button"],"mappings":"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"}
+{"version":3,"file":"MixedFormControl.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/MixedFormControl.tsx"],"sourcesContent":["import { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Select from '@/components/ui/Select'\nimport DatePicker from '@/components/ui/DatePicker'\nimport TimeInput from '@/components/ui/TimeInput'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Radio from '@/components/ui/Radio'\nimport Switcher from '@/components/ui/Switcher'\nimport Segment from '@/components/ui/Segment'\nimport Upload from '@/components/ui/Upload'\nimport PresetSegmentItemOption from '@/components/shared/PresetSegmentItemOption'\nimport { HiCheckCircle } from 'react-icons/hi'\nimport CreatableSelect from 'react-select/creatable'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype Option = {\n    value: string\n    label: string\n}\n\ntype FormSchema = {\n    input: string\n    select: string\n    multipleSelect: Option[]\n    date: Date | null\n    time: Date | null\n    singleCheckbox: boolean\n    multipleCheckbox: Array<string | number>\n    radio: string\n    switcher: boolean\n    segment: string[]\n    upload: File[]\n}\n\nconst options: Option[] = [\n    { value: 'foo', label: 'Foo' },\n    { value: 'bar', label: 'Bar' },\n]\n\nconst segmentSelections = [\n    { value: 'Personal', desc: 'The plan for personal.' },\n    { value: 'Team', desc: 'The plan for team' },\n    { value: 'Business', desc: 'Talk to us for business plan.' },\n]\n\nconst MAX_UPLOAD = 2\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    input: z\n        .string()\n        .min(1, 'Please input user name!')\n        .min(3, 'Too Short!')\n        .max(12, 'Too Long!'),\n    select: z.string().min(1, 'Please select one!'),\n    multipleSelect: z\n        .array(z.object({ value: z.string(), label: z.string() }))\n        .nonempty('At least one is selected!'),\n    date: z.date({\n        required_error: 'Date Required!',\n        invalid_type_error: 'Invalid Date',\n    }),\n    time: z.date({\n        required_error: 'Time Required!',\n        invalid_type_error: 'Invalid Time',\n    }),\n    singleCheckbox: z.literal<boolean>(true, {\n        errorMap: () => ({ message: 'You must tick this!' }),\n    }),\n    multipleCheckbox: z\n        .array(z.union([z.string(), z.number()]))\n        .nonempty('Select at least one option!'),\n    radio: z.string().min(1, 'Please select one!'),\n    switcher: z.literal<boolean>(true, {\n        errorMap: () => ({ message: 'You must turn this on!' }),\n    }),\n    upload: z.array(z.instanceof(File)).nonempty('At least one file uploaded!'),\n    segment: z.array(z.string()).nonempty('Select at least one option!'),\n})\n\nconst MixedFormControl = () => {\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors, isSubmitting },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            input: '',\n            select: '',\n            date: null,\n            time: null,\n            multipleSelect: [],\n            singleCheckbox: false,\n            multipleCheckbox: [],\n            radio: '',\n            switcher: false,\n            segment: [],\n            upload: [],\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const beforeUpload = (file: FileList | null, fileList: File[]) => {\n        let valid: string | boolean = true\n\n        const allowedFileType = ['image/jpeg', 'image/png']\n        const MAX_FILE_SIZE = 500000\n\n        if (fileList.length >= MAX_UPLOAD) {\n            return `You can only upload ${MAX_UPLOAD} file(s)`\n        }\n\n        if (file) {\n            for (const f of file) {\n                if (!allowedFileType.includes(f.type)) {\n                    valid = 'Please upload a .jpeg or .png file!'\n                }\n\n                if (f.size >= MAX_FILE_SIZE) {\n                    valid = 'Upload image cannot more then 500kb!'\n                }\n            }\n        }\n\n        return valid\n    }\n\n    const onSubmit = (values: FormSchema) => {\n        setTimeout(() => {\n            alert(JSON.stringify(values, null, 2))\n        }, 400)\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                asterisk\n                label=\"Input\"\n                invalid={Boolean(errors.input)}\n                errorMessage={errors.input?.message}\n            >\n                <Controller\n                    name=\"input\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"text\"\n                            autoComplete=\"off\"\n                            placeholder=\"Input\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Select\"\n                invalid={Boolean(errors.select)}\n                errorMessage={errors.select?.message}\n            >\n                <Controller\n                    name=\"select\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select\n                            options={options}\n                            {...field}\n                            value={options.filter(\n                                (option) => option.value === field.value,\n                            )}\n                            onChange={(option) => field.onChange(option?.value)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Multiple Select\"\n                invalid={Boolean(errors.multipleSelect)}\n                errorMessage={errors.multipleSelect?.message}\n            >\n                <Controller\n                    name=\"multipleSelect\"\n                    control={control}\n                    render={({ field }) => (\n                        <Select<Option, true>\n                            isMulti\n                            componentAs={CreatableSelect}\n                            options={options}\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Date\"\n                invalid={Boolean(errors.date)}\n                errorMessage={errors.date?.message}\n            >\n                <Controller\n                    name=\"date\"\n                    control={control}\n                    render={({ field }) => <DatePicker {...field} />}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Time\"\n                invalid={Boolean(errors.time)}\n                errorMessage={errors.time?.message}\n            >\n                <Controller\n                    name=\"time\"\n                    control={control}\n                    render={({ field }) => <TimeInput {...field} />}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Single Checkbox\"\n                invalid={Boolean(errors.singleCheckbox)}\n                errorMessage={errors.singleCheckbox?.message}\n            >\n                <Controller\n                    name=\"singleCheckbox\"\n                    control={control}\n                    render={({ field }) => <Checkbox {...field} />}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Multiple Checkbox\"\n                invalid={Boolean(errors.multipleCheckbox)}\n                errorMessage={errors.multipleCheckbox?.message}\n            >\n                <Controller\n                    name=\"multipleCheckbox\"\n                    control={control}\n                    render={({ field }) => (\n                        <Checkbox.Group\n                            value={field.value as string[]}\n                            onChange={field.onChange}\n                        >\n                            <Checkbox name={field.name} value=\"Apple\">\n                                Apple{' '}\n                            </Checkbox>\n                            <Checkbox name={field.name} value=\"Banana\">\n                                Banana{' '}\n                            </Checkbox>\n                            <Checkbox name={field.name} value=\"Lemon\">\n                                Lemon{' '}\n                            </Checkbox>\n                        </Checkbox.Group>\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Radio\"\n                invalid={Boolean(errors.radio)}\n                errorMessage={errors.radio?.message}\n            >\n                <Controller\n                    name=\"radio\"\n                    control={control}\n                    render={({ field }) => (\n                        <Radio.Group {...field}>\n                            <Radio value={'1'}>Paypal</Radio>\n                            <Radio value={'2'}>Stripe</Radio>\n                        </Radio.Group>\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Switcher\"\n                invalid={Boolean(errors.switcher)}\n                errorMessage={errors.switcher?.message}\n            >\n                <Controller\n                    name=\"switcher\"\n                    control={control}\n                    render={({ field }) => (\n                        <Switcher\n                            checked={field.value}\n                            onChange={(checked) => {\n                                field.onChange(checked)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Upload\"\n                invalid={Boolean(errors.upload)}\n                errorMessage={errors.upload?.message}\n            >\n                <Controller\n                    name=\"upload\"\n                    control={control}\n                    render={({ field }) => (\n                        <Upload\n                            beforeUpload={beforeUpload}\n                            fileList={field.value}\n                            onFileRemove={(files) => field.onChange(files)}\n                            onChange={(files) => field.onChange(files)}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                asterisk\n                label=\"Segment\"\n                invalid={Boolean(errors.segment)}\n                errorMessage={errors.segment?.message}\n            >\n                <Controller\n                    name=\"segment\"\n                    control={control}\n                    render={({ field }) => (\n                        <Segment\n                            className=\"w-full bg-transparent dark:bg-transparent p-0\"\n                            selectionType=\"multiple\"\n                            {...field}\n                        >\n                            <div className=\"grid grid-cols-3 gap-4 w-full\">\n                                {segmentSelections.map((segment) => (\n                                    <Segment.Item\n                                        key={segment.value}\n                                        value={segment.value}\n                                    >\n                                        {({\n                                            active,\n                                            onSegmentItemClick,\n                                            disabled,\n                                        }) => {\n                                            return (\n                                                <div className=\"text-center\">\n                                                    <PresetSegmentItemOption\n                                                        hoverable\n                                                        active={active}\n                                                        disabled={disabled}\n                                                        defaultGutter={false}\n                                                        className=\"relative min-h-[80px] w-full\"\n                                                        customCheck={\n                                                            <HiCheckCircle className=\"text-primary absolute top-2 right-2 text-2xl\" />\n                                                        }\n                                                        onSegmentItemClick={\n                                                            onSegmentItemClick\n                                                        }\n                                                    >\n                                                        <div className=\"flex flex-col items-start mx-4\">\n                                                            <h6>\n                                                                {segment.value}\n                                                            </h6>\n                                                            <p>\n                                                                {segment.desc}\n                                                            </p>\n                                                        </div>\n                                                    </PresetSegmentItemOption>\n                                                </div>\n                                            )\n                                        }}\n                                    </Segment.Item>\n                                ))}\n                            </div>\n                        </Segment>\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <Button\n                    type=\"reset\"\n                    className=\"ltr:mr-2 rtl:ml-2\"\n                    onClick={() => reset()}\n                >\n                    Reset\n                </Button>\n                <Button variant=\"solid\" loading={isSubmitting} type=\"submit\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default MixedFormControl\n"],"names":["options","segmentSelections","MAX_UPLOAD","validationSchema","z","MixedFormControl","handleSubmit","reset","errors","isSubmitting","control","useForm","zodResolver","beforeUpload","file","fileList","valid","allowedFileType","MAX_FILE_SIZE","f","jsxs","Form","values","jsx","FormItem","Controller","field","Input","Select","option","CreatableSelect","DatePicker","TimeInput","Checkbox","Radio","Switcher","checked","Upload","files","Segment","segment","active","onSegmentItemClick","disabled","PresetSegmentItemOption","HiCheckCircle","Button"],"mappings":"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"}

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

@@ -1,32 +1,31 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { useState as c } from "react";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { useState as p } from "react";
 import "../../../../components/ui/Input/index.js";
 import "../../../../components/ui/Button/index.js";
 import "../../../../components/ui/Form/index.js";
-import { useForm as g, Controller as n } from "react-hook-form";
-import { zodResolver as S } from "@hookform/resolvers/zod";
+import { useForm as f, Controller as l } from "react-hook-form";
+import { zodResolver as c } from "@hookform/resolvers/zod";
 import { z as m } from "zod";
-import { Form as b } from "../../../../components/ui/Form/Form.js";
+import { Form as g } from "../../../../components/ui/Form/Form.js";
 import t from "../../../../components/ui/Form/FormItem.js";
-import u from "../../../../components/ui/Input/Input.js";
-import h from "../../../../components/ui/Button/Button.js";
-const N = m.object({
+import s from "../../../../components/ui/Input/Input.js";
+import S from "../../../../components/ui/Button/Button.js";
+const b = m.object({
   email: m.string().min(1, { message: "Required" }).email({ message: "Invalid email" }),
   userName: m.string().min(1, { message: "Required" }).min(3, "Too Short!").max(12, "Too Long!")
-}), E = () => {
-  var l, s;
-  const [d, i] = c(!1), {
-    handleSubmit: p,
+}), w = () => {
+  const [n, i] = p(!1), {
+    handleSubmit: u,
     formState: { errors: r },
     control: a
-  } = g({
+  } = f({
     defaultValues: {
       email: "",
       userName: ""
     },
-    resolver: S(N)
+    resolver: c(b)
   });
-  return /* @__PURE__ */ f(b, { onSubmit: p((o) => {
+  return /* @__PURE__ */ d(g, { onSubmit: u((o) => {
     i(!0), setTimeout(() => {
       window.alert(JSON.stringify(o, null, 2)), i(!1);
     }, 400);
@@ -36,14 +35,14 @@ const N = m.object({
       {
         label: "Email",
         invalid: !!r.email,
-        errorMessage: (l = r.email) == null ? void 0 : l.message,
+        errorMessage: r.email?.message,
         children: /* @__PURE__ */ e(
-          n,
+          l,
           {
             name: "email",
             control: a,
             render: ({ field: o }) => /* @__PURE__ */ e(
-              u,
+              s,
               {
                 type: "email",
                 autoComplete: "off",
@@ -60,14 +59,14 @@ const N = m.object({
       {
         label: "User Name",
         invalid: !!r.userName,
-        errorMessage: (s = r.userName) == null ? void 0 : s.message,
+        errorMessage: r.userName?.message,
         children: /* @__PURE__ */ e(
-          n,
+          l,
           {
             name: "userName",
             control: a,
             render: ({ field: o }) => /* @__PURE__ */ e(
-              u,
+              s,
               {
                 type: "text",
                 autoComplete: "off",
@@ -79,10 +78,10 @@ const N = m.object({
         )
       }
     ),
-    /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(h, { type: "submit", variant: "solid", loading: d, children: "Submit" }) })
+    /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(S, { type: "submit", variant: "solid", loading: n, children: "Submit" }) })
   ] });
 };
 export {
-  E as default
+  w as default
 };
 //# sourceMappingURL=SchemaValidation.js.map