@orbe-agro/client-core 5.5.2 → 5.5.8

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

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/Basic.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    email: string\n    userName: string\n    password: string\n    rememberMe: boolean\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    email: z\n        .string()\n        .min(1, { message: 'Email Required' })\n        .email({ message: 'Invalid email' }),\n    userName: z.string().min(3, 'Too Short!').max(12, 'Too Long!'),\n    password: z\n        .string()\n        .min(1, { message: 'Password Required' })\n        .min(8, { message: 'Too Short!' })\n        .refine(\n            (value) => /^[A-Za-z0-9_-]*$/.test(value),\n            'Only Letters & Numbers Allowed',\n        ),\n    rememberMe: z.boolean(),\n})\n\nconst Basic = () => {\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            email: '',\n            userName: '',\n            password: '',\n            rememberMe: false,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        window.alert(JSON.stringify(values))\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\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                            type=\"email\"\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\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                />\n            </FormItem>\n            <FormItem\n                label=\"Password\"\n                invalid={Boolean(errors.password)}\n                errorMessage={errors.password?.message}\n            >\n                <Controller\n                    name=\"password\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <Controller\n                    name=\"rememberMe\"\n                    control={control}\n                    render={({ field }) => (\n                        <Checkbox {...field}>Remember me</Checkbox>\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\" type=\"submit\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/Basic.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Checkbox from '@/components/ui/Checkbox'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    email: string\n    userName: string\n    password: string\n    rememberMe: boolean\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    email: z\n        .string()\n        .min(1, { message: 'Email Required' })\n        .email({ message: 'Invalid email' }),\n    userName: z.string().min(3, 'Too Short!').max(12, 'Too Long!'),\n    password: z\n        .string()\n        .min(1, { message: 'Password Required' })\n        .min(8, { message: 'Too Short!' })\n        .refine(\n            (value) => /^[A-Za-z0-9_-]*$/.test(value),\n            'Only Letters & Numbers Allowed',\n        ),\n    rememberMe: z.boolean(),\n})\n\nconst Basic = () => {\n    const {\n        handleSubmit,\n        reset,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            email: '',\n            userName: '',\n            password: '',\n            rememberMe: false,\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        window.alert(JSON.stringify(values))\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\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                            type=\"email\"\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\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                />\n            </FormItem>\n            <FormItem\n                label=\"Password\"\n                invalid={Boolean(errors.password)}\n                errorMessage={errors.password?.message}\n            >\n                <Controller\n                    name=\"password\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <Controller\n                    name=\"rememberMe\"\n                    control={control}\n                    render={({ field }) => (\n                        <Checkbox {...field}>Remember me</Checkbox>\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\" type=\"submit\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DependentValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/DependentValidation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    password: string\n    confirmPassword: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z\n    .object({\n        password: z.string().min(1, { message: 'Password Required' }),\n        confirmPassword: z\n            .string()\n            .min(1, { message: 'Confirm Password Required' }),\n    })\n    .refine((data) => data.password === data.confirmPassword, {\n        message: 'Password not match',\n        path: ['confirmPassword'],\n    })\n\nconst DependentValidation = () => {\n    const [submitting, setSubmitting] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n        reset,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            password: '',\n            confirmPassword: '',\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setSubmitting(true)\n        setTimeout(() => {\n            window.alert(JSON.stringify(values, null, 2))\n            setSubmitting(false)\n            reset()\n        }, 400)\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Password\"\n                invalid={Boolean(errors.password)}\n                errorMessage={errors.password?.message}\n            >\n                <Controller\n                    name=\"password\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Confirm Password\"\n                invalid={Boolean(errors.confirmPassword)}\n                errorMessage={errors.confirmPassword?.message}\n            >\n                <Controller\n                    name=\"confirmPassword\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Confirm Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <div className=\"flex gap-2\">\n                    <Button type=\"reset\" onClick={() => reset()}>\n                        Reset\n                    </Button>\n                    <Button variant=\"solid\" type=\"submit\" loading={submitting}>\n                        Submit\n                    </Button>\n                </div>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default DependentValidation\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA,MAAM,mBAAwC,EACzC,OAAO;AAAA,EACJ,UAAU,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC5D,iBAAiB,EACZ,OAAO,EACP,IAAI,GAAG,EAAE,SAAS,4BAA6B,CAAA;AACxD,CAAC,EACA,OAAO,CAAC,SAAS,KAAK,aAAa,KAAK,iBAAiB;AAAA,EACtD,SAAS;AAAA,EACT,MAAM,CAAC,iBAAiB;AAC5B,CAAC;AAEL,MAAM,sBAAsB,MAAM;AAC9B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAE5C,QAAA;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,IACpB;AAAA,IACA;AAAA,MACA,QAAoB;AAAA,IACpB,eAAe;AAAA,MACX,UAAU;AAAA,MACV,iBAAiB;AAAA,IACrB;AAAA,IACA,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAEK,QAAA,WAAW,CAAC,WAAuB;AACrC,kBAAc,IAAI;AAClB,eAAW,MAAM;AACb,aAAO,MAAM,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AAC5C,oBAAc,KAAK;AACb,YAAA;AAAA,OACP,GAAG;AAAA,EACV;AAEA,SACK,qBAAA,MAAA,EAAK,UAAU,aAAa,QAAQ,GACjC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,QAAQ;AAAA,QAChC,cAAc,OAAO,UAAU;AAAA,QAE/B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,eAAe;AAAA,QACvC,cAAc,OAAO,iBAAiB;AAAA,QAEtC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACC,oBAAA,UAAA,EACG,UAAC,qBAAA,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,MAAA,oBAAC,UAAO,MAAK,SAAQ,SAAS,MAAM,SAAS,UAE7C,SAAA;AAAA,MACA,oBAAC,UAAO,SAAQ,SAAQ,MAAK,UAAS,SAAS,YAAY,UAE3D,SAAA,CAAA;AAAA,IAAA,EAAA,CACJ,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"DependentValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/DependentValidation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    password: string\n    confirmPassword: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z\n    .object({\n        password: z.string().min(1, { message: 'Password Required' }),\n        confirmPassword: z\n            .string()\n            .min(1, { message: 'Confirm Password Required' }),\n    })\n    .refine((data) => data.password === data.confirmPassword, {\n        message: 'Password not match',\n        path: ['confirmPassword'],\n    })\n\nconst DependentValidation = () => {\n    const [submitting, setSubmitting] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n        reset,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            password: '',\n            confirmPassword: '',\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setSubmitting(true)\n        setTimeout(() => {\n            window.alert(JSON.stringify(values, null, 2))\n            setSubmitting(false)\n            reset()\n        }, 400)\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Password\"\n                invalid={Boolean(errors.password)}\n                errorMessage={errors.password?.message}\n            >\n                <Controller\n                    name=\"password\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem\n                label=\"Confirm Password\"\n                invalid={Boolean(errors.confirmPassword)}\n                errorMessage={errors.confirmPassword?.message}\n            >\n                <Controller\n                    name=\"confirmPassword\"\n                    control={control}\n                    render={({ field }) => (\n                        <Input\n                            type=\"password\"\n                            autoComplete=\"off\"\n                            placeholder=\"Confirm Password\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\n            <FormItem>\n                <div className=\"flex gap-2\">\n                    <Button type=\"reset\" onClick={() => reset()}>\n                        Reset\n                    </Button>\n                    <Button variant=\"solid\" type=\"submit\" loading={submitting}>\n                        Submit\n                    </Button>\n                </div>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default DependentValidation\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA,MAAM,mBAAwC,EACzC,OAAO;AAAA,EACJ,UAAU,EAAE,SAAS,IAAI,GAAG,EAAE,SAAS,qBAAqB;AAAA,EAC5D,iBAAiB,EACZ,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,4BAAA,CAA6B;AACxD,CAAC,EACA,OAAO,CAAC,SAAS,KAAK,aAAa,KAAK,iBAAiB;AAAA,EACtD,SAAS;AAAA,EACT,MAAM,CAAC,iBAAiB;AAC5B,CAAC;AAEL,MAAM,sBAAsB,MAAM;AAC9B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,IACA;AAAA,EAAA,IACA,QAAoB;AAAA,IACpB,eAAe;AAAA,MACX,UAAU;AAAA,MACV,iBAAiB;AAAA,IAAA;AAAA,IAErB,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,QAAM,WAAW,CAAC,WAAuB;AACrC,kBAAc,IAAI;AAClB,eAAW,MAAM;AACb,aAAO,MAAM,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AAC5C,oBAAc,KAAK;AACnB,YAAA;AAAA,IACJ,GAAG,GAAG;AAAA,EACV;AAEA,SACI,qBAAC,MAAA,EAAK,UAAU,aAAa,QAAQ,GACjC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,QAAQ;AAAA,QAChC,cAAc,OAAO,UAAU;AAAA,QAE/B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,eAAe;AAAA,QACvC,cAAc,OAAO,iBAAiB;AAAA,QAEtC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,oBAAC,UAAA,EACG,UAAA,qBAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,MAAA,oBAAC,UAAO,MAAK,SAAQ,SAAS,MAAM,MAAA,GAAS,UAAA,SAE7C;AAAA,MACA,oBAAC,UAAO,SAAQ,SAAQ,MAAK,UAAS,SAAS,YAAY,UAAA,SAAA,CAE3D;AAAA,IAAA,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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":[],"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":[],"mappings":"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"}

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":[],"mappings":";;;;;;;;;AAUA,MAAM,kBAAkB,MAAM;AACpB,QAAA;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,IACpB;AAAA,MACA,QAAoB;AAAA,IACpB,eAAe;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,IAAA;AAAA,EACX,CACH;AAGG,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAU,aAAa,CAAC,WAAW;AAC/B,eAAO,MAAM,KAAK,UAAU,MAAM,CAAC;AAAA,MAAA,CACtC;AAAA,MAED,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,QAAQ,OAAO,QAAQ;AAAA,YAChC,cAAc,OAAO,UAAU;AAAA,YAE/B,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL;AAAA,gBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAG;AAAA,kBAAA;AAAA,gBACR;AAAA,gBAEJ,OAAO;AAAA,kBACH,UAAU;AAAA,oBACN,UAAU,CAAC,UAAU;AACjB,0BAAI,CAAC,OAAO;AACD,+BAAA;AAAA,sBAAA;AAEX,0BAAI,UAAU,SAAS;AACZ,+BAAA;AAAA,sBAAA;AAEX;AAAA,oBAAA;AAAA,kBACJ;AAAA,gBACJ;AAAA,cACJ;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,QAAQ,OAAO,KAAK;AAAA,YAC7B,cAAc,OAAO,OAAO;AAAA,YAE5B,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL;AAAA,gBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAG;AAAA,kBAAA;AAAA,gBACR;AAAA,gBAEJ,OAAO;AAAA,kBACH,UAAU;AAAA,oBACN,UAAU,CAAC,UAAU;AACb,0BAAA;AACJ,0BAAI,CAAC,OAAO;AACA,gCAAA;AAAA,sBAAA,WAER,CAAC,4CAA4C;AAAA,wBACzC;AAAA,sBAAA,GAEN;AACU,gCAAA;AAAA,sBAAA;AAEL,6BAAA;AAAA,oBAAA;AAAA,kBACX;AAAA,gBACJ;AAAA,cACJ;AAAA,YAAA;AAAA,UACJ;AAAA,QACJ;AAAA,QACA,oBAAC,YACG,UAAC,oBAAA,QAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,UAAA,SAEtC,CAAA,EACJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}
+{"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":[],"mappings":";;;;;;;;;AAUA,MAAM,kBAAkB,MAAM;AAC1B,QAAM;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,EAAA,IACA,QAAoB;AAAA,IACpB,eAAe;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,IAAA;AAAA,EACX,CACH;AAED,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAU,aAAa,CAAC,WAAW;AAC/B,eAAO,MAAM,KAAK,UAAU,MAAM,CAAC;AAAA,MACvC,CAAC;AAAA,MAED,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,QAAQ,OAAO,QAAQ;AAAA,YAChC,cAAc,OAAO,UAAU;AAAA,YAE/B,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL;AAAA,gBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,MAAK;AAAA,oBACL,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAG;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGZ,OAAO;AAAA,kBACH,UAAU;AAAA,oBACN,UAAU,CAAC,UAAU;AACjB,0BAAI,CAAC,OAAO;AACR,+BAAO;AAAA,sBACX;AACA,0BAAI,UAAU,SAAS;AACnB,+BAAO;AAAA,sBACX;AACA;AAAA,oBACJ;AAAA,kBAAA;AAAA,gBACJ;AAAA,cACJ;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,QAEJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAM;AAAA,YACN,SAAS,QAAQ,OAAO,KAAK;AAAA,YAC7B,cAAc,OAAO,OAAO;AAAA,YAE5B,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL;AAAA,gBACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,cAAa;AAAA,oBACb,aAAY;AAAA,oBACX,GAAG;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGZ,OAAO;AAAA,kBACH,UAAU;AAAA,oBACN,UAAU,CAAC,UAAU;AACjB,0BAAI;AACJ,0BAAI,CAAC,OAAO;AACR,gCAAQ;AAAA,sBACZ,WACI,CAAC,4CAA4C;AAAA,wBACzC;AAAA,sBAAA,GAEN;AACE,gCAAQ;AAAA,sBACZ;AACA,6BAAO;AAAA,oBACX;AAAA,kBAAA;AAAA,gBACJ;AAAA,cACJ;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,QAEJ,oBAAC,YACG,UAAA,oBAAC,QAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"LabelExtra.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/LabelExtra.tsx"],"sourcesContent":["import { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Tooltip from '@/components/ui/Tooltip'\nimport { HiOutlineQuestionMarkCircle } from 'react-icons/hi'\n\nconst tip = (\n    <Tooltip title=\"Field info\">\n        <HiOutlineQuestionMarkCircle className=\"text-lg cursor-pointer ml-1\" />\n    </Tooltip>\n)\n\nconst optional = <span className=\"ml-1 opacity-60\">(optional)</span>\n\nconst LabelExtra = () => {\n    return (\n        <Form action=\"#\">\n            <FormItem label=\"Name\" extra={tip}>\n                <Input type=\"text\" name=\"fieldA\" placeholder=\"Please Input\" />\n            </FormItem>\n            <FormItem label=\"Email\" extra={optional}>\n                <Input type=\"text\" name=\"fieldB\" placeholder=\"Please Input\" />\n            </FormItem>\n            <FormItem>\n                <Button variant=\"solid\" type=\"button\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default LabelExtra\n"],"names":[],"mappings":";;;;;;;;;;;AAMA,MAAM,0BACD,SAAQ,EAAA,OAAM,cACX,UAAC,oBAAA,6BAAA,EAA4B,WAAU,8BAAA,CAA8B,EACzE,CAAA;AAGJ,MAAM,WAAW,oBAAC,QAAK,EAAA,WAAU,mBAAkB,UAAU,cAAA;AAE7D,MAAM,aAAa,MAAM;AAEjB,SAAA,qBAAC,MAAK,EAAA,QAAO,KACT,UAAA;AAAA,IAAA,oBAAC,UAAS,EAAA,OAAM,QAAO,OAAO,KAC1B,UAAA,oBAAC,OAAM,EAAA,MAAK,QAAO,MAAK,UAAS,aAAY,eAAe,CAAA,GAChE;AAAA,IACC,oBAAA,UAAA,EAAS,OAAM,SAAQ,OAAO,UAC3B,UAAA,oBAAC,OAAM,EAAA,MAAK,QAAO,MAAK,UAAS,aAAY,eAAe,CAAA,GAChE;AAAA,IACA,oBAAC,YACG,UAAC,oBAAA,QAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAEtC,CAAA,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"LabelExtra.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/LabelExtra.tsx"],"sourcesContent":["import { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport Tooltip from '@/components/ui/Tooltip'\nimport { HiOutlineQuestionMarkCircle } from 'react-icons/hi'\n\nconst tip = (\n    <Tooltip title=\"Field info\">\n        <HiOutlineQuestionMarkCircle className=\"text-lg cursor-pointer ml-1\" />\n    </Tooltip>\n)\n\nconst optional = <span className=\"ml-1 opacity-60\">(optional)</span>\n\nconst LabelExtra = () => {\n    return (\n        <Form action=\"#\">\n            <FormItem label=\"Name\" extra={tip}>\n                <Input type=\"text\" name=\"fieldA\" placeholder=\"Please Input\" />\n            </FormItem>\n            <FormItem label=\"Email\" extra={optional}>\n                <Input type=\"text\" name=\"fieldB\" placeholder=\"Please Input\" />\n            </FormItem>\n            <FormItem>\n                <Button variant=\"solid\" type=\"button\">\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default LabelExtra\n"],"names":[],"mappings":";;;;;;;;;;;AAMA,MAAM,0BACD,SAAA,EAAQ,OAAM,cACX,UAAA,oBAAC,6BAAA,EAA4B,WAAU,8BAAA,CAA8B,EAAA,CACzE;AAGJ,MAAM,WAAW,oBAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,cAAU;AAE7D,MAAM,aAAa,MAAM;AACrB,SACI,qBAAC,MAAA,EAAK,QAAO,KACT,UAAA;AAAA,IAAA,oBAAC,UAAA,EAAS,OAAM,QAAO,OAAO,KAC1B,UAAA,oBAAC,OAAA,EAAM,MAAK,QAAO,MAAK,UAAS,aAAY,gBAAe,GAChE;AAAA,IACA,oBAAC,UAAA,EAAS,OAAM,SAAQ,OAAO,UAC3B,UAAA,oBAAC,OAAA,EAAM,MAAK,QAAO,MAAK,UAAS,aAAY,gBAAe,GAChE;AAAA,IACA,oBAAC,YACG,UAAA,oBAAC,QAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/Layout.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport { useForm, Controller } from 'react-hook-form'\n\ntype FormLayout = 'horizontal' | 'vertical' | 'inline'\n\ntype FormSchema = {\n    name: string\n    email: string\n}\n\nconst options: {\n    label: string\n    value: FormLayout\n}[] = [\n    { label: 'Vertical', value: 'vertical' },\n    { label: 'Horizontal', value: 'horizontal' },\n    { label: 'Inline', value: 'inline' },\n]\n\nconst Layout = () => {\n    const [layout, setLayout] = useState<FormLayout>('vertical')\n\n    const onLayoutSelect = (val: FormLayout) => {\n        setLayout(val)\n    }\n\n    const { handleSubmit, control } = useForm<FormSchema>({\n        defaultValues: {\n            email: '',\n            name: '',\n        },\n    })\n\n    const onSubmit = async (values: FormSchema) => {\n        await new Promise((r) => setTimeout(r, 500))\n        alert(JSON.stringify(values, null, 2))\n    }\n\n    return (\n        <div>\n            <InputGroup className=\"mb-6\">\n                {options.map((opt) => (\n                    <Button\n                        key={opt.value}\n                        active={layout === opt.value}\n                        onClick={() => onLayoutSelect(opt.value)}\n                    >\n                        {opt.label}\n                    </Button>\n                ))}\n            </InputGroup>\n            <Form layout={layout} onSubmit={handleSubmit(onSubmit)}>\n                <FormItem label=\"Name\">\n                    <Controller\n                        name=\"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 label=\"Email\">\n                    <Controller\n                        name=\"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                <FormItem>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Submit\n                    </Button>\n                </FormItem>\n            </Form>\n        </div>\n    )\n}\n\nexport default Layout\n"],"names":[],"mappings":";;;;;;;;;;;AAcA,MAAM,UAGA;AAAA,EACF,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,EACvC,EAAE,OAAO,cAAc,OAAO,aAAa;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,SAAS;AACvC;AAEA,MAAM,SAAS,MAAM;AACjB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAqB,UAAU;AAErD,QAAA,iBAAiB,CAAC,QAAoB;AACxC,cAAU,GAAG;AAAA,EACjB;AAEA,QAAM,EAAE,cAAc,QAAQ,IAAI,QAAoB;AAAA,IAClD,eAAe;AAAA,MACX,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,EACV,CACH;AAEK,QAAA,WAAW,OAAO,WAAuB;AAC3C,UAAM,IAAI,QAAQ,CAAC,MAAM,WAAW,GAAG,GAAG,CAAC;AAC3C,UAAM,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AAAA,EACzC;AAEA,8BACK,OACG,EAAA,UAAA;AAAA,IAAA,oBAAC,cAAW,WAAU,QACjB,UAAQ,QAAA,IAAI,CAAC,QACV;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,QAAQ,WAAW,IAAI;AAAA,QACvB,SAAS,MAAM,eAAe,IAAI,KAAK;AAAA,QAEtC,UAAI,IAAA;AAAA,MAAA;AAAA,MAJA,IAAI;AAAA,IAMhB,CAAA,GACL;AAAA,yBACC,MAAK,EAAA,QAAgB,UAAU,aAAa,QAAQ,GACjD,UAAA;AAAA,MAAC,oBAAA,UAAA,EAAS,OAAM,QACZ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,oBAAC,UAAS,EAAA,OAAM,SACZ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,oBAAC,YACG,UAAC,oBAAA,QAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAEtC,CAAA,EACJ,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Layout.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/Layout.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport { useForm, Controller } from 'react-hook-form'\n\ntype FormLayout = 'horizontal' | 'vertical' | 'inline'\n\ntype FormSchema = {\n    name: string\n    email: string\n}\n\nconst options: {\n    label: string\n    value: FormLayout\n}[] = [\n    { label: 'Vertical', value: 'vertical' },\n    { label: 'Horizontal', value: 'horizontal' },\n    { label: 'Inline', value: 'inline' },\n]\n\nconst Layout = () => {\n    const [layout, setLayout] = useState<FormLayout>('vertical')\n\n    const onLayoutSelect = (val: FormLayout) => {\n        setLayout(val)\n    }\n\n    const { handleSubmit, control } = useForm<FormSchema>({\n        defaultValues: {\n            email: '',\n            name: '',\n        },\n    })\n\n    const onSubmit = async (values: FormSchema) => {\n        await new Promise((r) => setTimeout(r, 500))\n        alert(JSON.stringify(values, null, 2))\n    }\n\n    return (\n        <div>\n            <InputGroup className=\"mb-6\">\n                {options.map((opt) => (\n                    <Button\n                        key={opt.value}\n                        active={layout === opt.value}\n                        onClick={() => onLayoutSelect(opt.value)}\n                    >\n                        {opt.label}\n                    </Button>\n                ))}\n            </InputGroup>\n            <Form layout={layout} onSubmit={handleSubmit(onSubmit)}>\n                <FormItem label=\"Name\">\n                    <Controller\n                        name=\"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 label=\"Email\">\n                    <Controller\n                        name=\"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                <FormItem>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Submit\n                    </Button>\n                </FormItem>\n            </Form>\n        </div>\n    )\n}\n\nexport default Layout\n"],"names":[],"mappings":";;;;;;;;;;;AAcA,MAAM,UAGA;AAAA,EACF,EAAE,OAAO,YAAY,OAAO,WAAA;AAAA,EAC5B,EAAE,OAAO,cAAc,OAAO,aAAA;AAAA,EAC9B,EAAE,OAAO,UAAU,OAAO,SAAA;AAC9B;AAEA,MAAM,SAAS,MAAM;AACjB,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAqB,UAAU;AAE3D,QAAM,iBAAiB,CAAC,QAAoB;AACxC,cAAU,GAAG;AAAA,EACjB;AAEA,QAAM,EAAE,cAAc,QAAA,IAAY,QAAoB;AAAA,IAClD,eAAe;AAAA,MACX,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,EACV,CACH;AAED,QAAM,WAAW,OAAO,WAAuB;AAC3C,UAAM,IAAI,QAAQ,CAAC,MAAM,WAAW,GAAG,GAAG,CAAC;AAC3C,UAAM,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AAAA,EACzC;AAEA,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,cAAW,WAAU,QACjB,UAAA,QAAQ,IAAI,CAAC,QACV;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,QAAQ,WAAW,IAAI;AAAA,QACvB,SAAS,MAAM,eAAe,IAAI,KAAK;AAAA,QAEtC,UAAA,IAAI;AAAA,MAAA;AAAA,MAJA,IAAI;AAAA,IAAA,CAMhB,GACL;AAAA,yBACC,MAAA,EAAK,QAAgB,UAAU,aAAa,QAAQ,GACjD,UAAA;AAAA,MAAA,oBAAC,UAAA,EAAS,OAAM,QACZ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,oBAAC,UAAA,EAAS,OAAM,SACZ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,oBAAC,YACG,UAAA,oBAAC,QAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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":[],"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":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SchemaValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/SchemaValidation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    email: string\n    userName: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    email: z\n        .string()\n        .min(1, { message: 'Required' })\n        .email({ message: 'Invalid email' }),\n    userName: z\n        .string()\n        .min(1, { message: 'Required' })\n        .min(3, 'Too Short!')\n        .max(12, 'Too Long!'),\n})\n\nconst SchemaValidation = () => {\n    const [submitting, setSubmitting] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            email: '',\n            userName: '',\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setSubmitting(true)\n        setTimeout(() => {\n            window.alert(JSON.stringify(values, null, 2))\n            setSubmitting(false)\n        }, 400)\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\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                            type=\"email\"\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\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                />\n            </FormItem>\n            <FormItem>\n                <Button type=\"submit\" variant=\"solid\" loading={submitting}>\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default SchemaValidation\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,OAAO,EACF,SACA,IAAI,GAAG,EAAE,SAAS,WAAY,CAAA,EAC9B,MAAM,EAAE,SAAS,iBAAiB;AAAA,EACvC,UAAU,EACL,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,WAAW,CAAC,EAC9B,IAAI,GAAG,YAAY,EACnB,IAAI,IAAI,WAAW;AAC5B,CAAC;AAED,MAAM,mBAAmB,MAAM;AAC3B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAE5C,QAAA;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,IACpB;AAAA,MACA,QAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,IACd;AAAA,IACA,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAEK,QAAA,WAAW,CAAC,WAAuB;AACrC,kBAAc,IAAI;AAClB,eAAW,MAAM;AACb,aAAO,MAAM,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AAC5C,oBAAc,KAAK;AAAA,OACpB,GAAG;AAAA,EACV;AAEA,SACK,qBAAA,MAAA,EAAK,UAAU,aAAa,QAAQ,GACjC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,KAAK;AAAA,QAC7B,cAAc,OAAO,OAAO;AAAA,QAE5B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,QAAQ;AAAA,QAChC,cAAc,OAAO,UAAU;AAAA,QAE/B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA,oBAAC,UACG,EAAA,UAAA,oBAAC,QAAO,EAAA,MAAK,UAAS,SAAQ,SAAQ,SAAS,YAAY,UAAA,SAAA,CAE3D,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"SchemaValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/SchemaValidation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport { useForm, Controller } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { z } from 'zod'\nimport type { ZodType } from 'zod'\n\ntype FormSchema = {\n    email: string\n    userName: string\n}\n\nconst validationSchema: ZodType<FormSchema> = z.object({\n    email: z\n        .string()\n        .min(1, { message: 'Required' })\n        .email({ message: 'Invalid email' }),\n    userName: z\n        .string()\n        .min(1, { message: 'Required' })\n        .min(3, 'Too Short!')\n        .max(12, 'Too Long!'),\n})\n\nconst SchemaValidation = () => {\n    const [submitting, setSubmitting] = useState(false)\n\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<FormSchema>({\n        defaultValues: {\n            email: '',\n            userName: '',\n        },\n        resolver: zodResolver(validationSchema),\n    })\n\n    const onSubmit = (values: FormSchema) => {\n        setSubmitting(true)\n        setTimeout(() => {\n            window.alert(JSON.stringify(values, null, 2))\n            setSubmitting(false)\n        }, 400)\n    }\n\n    return (\n        <Form onSubmit={handleSubmit(onSubmit)}>\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                            type=\"email\"\n                            autoComplete=\"off\"\n                            placeholder=\"Email\"\n                            {...field}\n                        />\n                    )}\n                />\n            </FormItem>\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                />\n            </FormItem>\n            <FormItem>\n                <Button type=\"submit\" variant=\"solid\" loading={submitting}>\n                    Submit\n                </Button>\n            </FormItem>\n        </Form>\n    )\n}\n\nexport default SchemaValidation\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA,MAAM,mBAAwC,EAAE,OAAO;AAAA,EACnD,OAAO,EACF,SACA,IAAI,GAAG,EAAE,SAAS,WAAA,CAAY,EAC9B,MAAM,EAAE,SAAS,iBAAiB;AAAA,EACvC,UAAU,EACL,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,WAAA,CAAY,EAC9B,IAAI,GAAG,YAAY,EACnB,IAAI,IAAI,WAAW;AAC5B,CAAC;AAED,MAAM,mBAAmB,MAAM;AAC3B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM;AAAA,IACF;AAAA,IACA,WAAW,EAAE,OAAA;AAAA,IACb;AAAA,EAAA,IACA,QAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEd,UAAU,YAAY,gBAAgB;AAAA,EAAA,CACzC;AAED,QAAM,WAAW,CAAC,WAAuB;AACrC,kBAAc,IAAI;AAClB,eAAW,MAAM;AACb,aAAO,MAAM,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AAC5C,oBAAc,KAAK;AAAA,IACvB,GAAG,GAAG;AAAA,EACV;AAEA,SACI,qBAAC,MAAA,EAAK,UAAU,aAAa,QAAQ,GACjC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,KAAK;AAAA,QAC7B,cAAc,OAAO,OAAO;AAAA,QAE5B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,QAAQ,OAAO,QAAQ;AAAA,QAChC,cAAc,OAAO,UAAU;AAAA,QAE/B,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL;AAAA,YACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,oBAAC,UAAA,EACG,UAAA,oBAAC,QAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,SAAS,YAAY,UAAA,SAAA,CAE3D,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/Sizes.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport DatePicker from '@/components/ui/DatePicker'\nimport { useForm, Controller } from 'react-hook-form'\n\ntype Size = 'lg' | 'md' | 'sm'\n\ntype FormSchema = {\n    name: string\n    email: string\n    date: Date | null\n}\n\nconst options: {\n    label: string\n    value: Size\n}[] = [\n    { label: 'Small', value: 'sm' },\n    { label: 'Medium', value: 'md' },\n    { label: 'Large', value: 'lg' },\n]\n\nconst Sizes = () => {\n    const [size, setSize] = useState<Size>('md')\n\n    const onSizeSelect = (val: Size) => {\n        setSize(val)\n    }\n\n    const { handleSubmit, control } = useForm<FormSchema>({\n        defaultValues: {\n            name: '',\n            email: '',\n            date: null,\n        },\n    })\n\n    const onSubmit = async (values: FormSchema) => {\n        await new Promise((r) => setTimeout(r, 500))\n        alert(JSON.stringify(values, null, 2))\n    }\n\n    return (\n        <>\n            <InputGroup className=\"mb-6\">\n                {options.map((opt) => (\n                    <Button\n                        key={opt.value}\n                        active={size === opt.value}\n                        onClick={() => onSizeSelect(opt.value)}\n                    >\n                        {opt.label}\n                    </Button>\n                ))}\n            </InputGroup>\n            <Form size={size} onSubmit={handleSubmit(onSubmit)}>\n                <FormItem label=\"Name\">\n                    <Controller\n                        name=\"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 label=\"Email\">\n                    <Controller\n                        name=\"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                <FormItem label=\"Date\">\n                    <Controller\n                        name=\"date\"\n                        control={control}\n                        render={({ field }) => (\n                            <DatePicker placeholder=\"Select Date\" {...field} />\n                        )}\n                    />\n                </FormItem>\n                <FormItem>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Submit\n                    </Button>\n                </FormItem>\n            </Form>\n        </>\n    )\n}\n\nexport default Sizes\n"],"names":[],"mappings":";;;;;;;;;;;;AAgBA,MAAM,UAGA;AAAA,EACF,EAAE,OAAO,SAAS,OAAO,KAAK;AAAA,EAC9B,EAAE,OAAO,UAAU,OAAO,KAAK;AAAA,EAC/B,EAAE,OAAO,SAAS,OAAO,KAAK;AAClC;AAEA,MAAM,QAAQ,MAAM;AAChB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,IAAI;AAErC,QAAA,eAAe,CAAC,QAAc;AAChC,YAAQ,GAAG;AAAA,EACf;AAEA,QAAM,EAAE,cAAc,QAAQ,IAAI,QAAoB;AAAA,IAClD,eAAe;AAAA,MACX,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,EACV,CACH;AAEK,QAAA,WAAW,OAAO,WAAuB;AAC3C,UAAM,IAAI,QAAQ,CAAC,MAAM,WAAW,GAAG,GAAG,CAAC;AAC3C,UAAM,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AAAA,EACzC;AAEA,SAEQ,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA,oBAAC,cAAW,WAAU,QACjB,UAAQ,QAAA,IAAI,CAAC,QACV;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,QAAQ,SAAS,IAAI;AAAA,QACrB,SAAS,MAAM,aAAa,IAAI,KAAK;AAAA,QAEpC,UAAI,IAAA;AAAA,MAAA;AAAA,MAJA,IAAI;AAAA,IAMhB,CAAA,GACL;AAAA,yBACC,MAAK,EAAA,MAAY,UAAU,aAAa,QAAQ,GAC7C,UAAA;AAAA,MAAC,oBAAA,UAAA,EAAS,OAAM,QACZ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,oBAAC,UAAS,EAAA,OAAM,SACZ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,oBAAC,UAAS,EAAA,OAAM,QACZ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,MAAM,0BACZ,YAAW,EAAA,aAAY,eAAe,GAAG,MAAO,CAAA;AAAA,QAAA;AAAA,MAAA,GAG7D;AAAA,MACA,oBAAC,YACG,UAAC,oBAAA,QAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAEtC,CAAA,EACJ,CAAA;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/Sizes.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { FormItem, Form } from '@/components/ui/Form'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport InputGroup from '@/components/ui/InputGroup'\nimport DatePicker from '@/components/ui/DatePicker'\nimport { useForm, Controller } from 'react-hook-form'\n\ntype Size = 'lg' | 'md' | 'sm'\n\ntype FormSchema = {\n    name: string\n    email: string\n    date: Date | null\n}\n\nconst options: {\n    label: string\n    value: Size\n}[] = [\n    { label: 'Small', value: 'sm' },\n    { label: 'Medium', value: 'md' },\n    { label: 'Large', value: 'lg' },\n]\n\nconst Sizes = () => {\n    const [size, setSize] = useState<Size>('md')\n\n    const onSizeSelect = (val: Size) => {\n        setSize(val)\n    }\n\n    const { handleSubmit, control } = useForm<FormSchema>({\n        defaultValues: {\n            name: '',\n            email: '',\n            date: null,\n        },\n    })\n\n    const onSubmit = async (values: FormSchema) => {\n        await new Promise((r) => setTimeout(r, 500))\n        alert(JSON.stringify(values, null, 2))\n    }\n\n    return (\n        <>\n            <InputGroup className=\"mb-6\">\n                {options.map((opt) => (\n                    <Button\n                        key={opt.value}\n                        active={size === opt.value}\n                        onClick={() => onSizeSelect(opt.value)}\n                    >\n                        {opt.label}\n                    </Button>\n                ))}\n            </InputGroup>\n            <Form size={size} onSubmit={handleSubmit(onSubmit)}>\n                <FormItem label=\"Name\">\n                    <Controller\n                        name=\"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 label=\"Email\">\n                    <Controller\n                        name=\"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                <FormItem label=\"Date\">\n                    <Controller\n                        name=\"date\"\n                        control={control}\n                        render={({ field }) => (\n                            <DatePicker placeholder=\"Select Date\" {...field} />\n                        )}\n                    />\n                </FormItem>\n                <FormItem>\n                    <Button variant=\"solid\" type=\"submit\">\n                        Submit\n                    </Button>\n                </FormItem>\n            </Form>\n        </>\n    )\n}\n\nexport default Sizes\n"],"names":[],"mappings":";;;;;;;;;;;;AAgBA,MAAM,UAGA;AAAA,EACF,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,EACzB,EAAE,OAAO,UAAU,OAAO,KAAA;AAAA,EAC1B,EAAE,OAAO,SAAS,OAAO,KAAA;AAC7B;AAEA,MAAM,QAAQ,MAAM;AAChB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAe,IAAI;AAE3C,QAAM,eAAe,CAAC,QAAc;AAChC,YAAQ,GAAG;AAAA,EACf;AAEA,QAAM,EAAE,cAAc,QAAA,IAAY,QAAoB;AAAA,IAClD,eAAe;AAAA,MACX,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,EACV,CACH;AAED,QAAM,WAAW,OAAO,WAAuB;AAC3C,UAAM,IAAI,QAAQ,CAAC,MAAM,WAAW,GAAG,GAAG,CAAC;AAC3C,UAAM,KAAK,UAAU,QAAQ,MAAM,CAAC,CAAC;AAAA,EACzC;AAEA,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,cAAW,WAAU,QACjB,UAAA,QAAQ,IAAI,CAAC,QACV;AAAA,MAAC;AAAA,MAAA;AAAA,QAEG,QAAQ,SAAS,IAAI;AAAA,QACrB,SAAS,MAAM,aAAa,IAAI,KAAK;AAAA,QAEpC,UAAA,IAAI;AAAA,MAAA;AAAA,MAJA,IAAI;AAAA,IAAA,CAMhB,GACL;AAAA,yBACC,MAAA,EAAK,MAAY,UAAU,aAAa,QAAQ,GAC7C,UAAA;AAAA,MAAA,oBAAC,UAAA,EAAS,OAAM,QACZ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,oBAAC,UAAA,EAAS,OAAM,SACZ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,MAAA,MACP;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,oBAAC,UAAA,EAAS,OAAM,QACZ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL;AAAA,UACA,QAAQ,CAAC,EAAE,MAAA,0BACN,YAAA,EAAW,aAAY,eAAe,GAAG,MAAA,CAAO;AAAA,QAAA;AAAA,MAAA,GAG7D;AAAA,MACA,oBAAC,YACG,UAAA,oBAAC,QAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/index.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Layout from './Layout'\nimport Sizes from './Sizes'\nimport LabelExtra from './LabelExtra'\nimport FieldValidation from './FieldValidation'\nimport SchemaValidation from './SchemaValidation'\nimport DependentValidation from './DependentValidation'\nimport AsyncValidation from './AsyncValidation'\nimport DynamicForm from './DynamicForm'\nimport MixedFormControl from './MixedFormControl'\n\nconst mdPath = 'FormControl'\n\nconst demoHeader = {\n    title: 'Form Control',\n    desc: 'Form is used to collect & verify user input data. We use <a class=\"underline text-primary\" href=\"https://react-hook-form.com/\" target=\"_blank\">react-hook-form</a> as our form control library, most of our form components were compatible with react-hook-form or others form libraries.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Sample usage of a simple form with validation.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Layout',\n        mdPath: mdPath,\n        title: 'Form Layout',\n        desc: `<code>Form</code> or<code>FormContainer</code> allow us to control all the <code>FormItem</code> <code>layout</code> via a single props.`,\n        component: <Layout />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Form Size',\n        desc: `<code>Form</code> or<code>FormContainer</code> allow us to control <code>FormItem</code> <code>size</code> as well.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'LabelExtra',\n        mdPath: mdPath,\n        title: 'Label Extra',\n        desc: `We can add additional content to the form label with <code>FormItem</code> <code>extra</code> props.`,\n        component: <LabelExtra />,\n    },\n    {\n        mdName: 'FieldValidation',\n        mdPath: mdPath,\n        title: 'Field-level Validation',\n        desc: `React-hook-form supports field-level validation. `,\n        component: <FieldValidation />,\n    },\n    {\n        mdName: 'SchemaValidation',\n        mdPath: mdPath,\n        title: 'Schema Validation',\n        desc: `We can use <a class=\"underline target='_blank' href='https://zod.dev/'>Zod</a> for object schema validation.`,\n        component: <SchemaValidation />,\n    },\n    {\n        mdName: 'DependentValidation',\n        mdPath: mdPath,\n        title: 'Dependent Validation',\n        desc: `You can use <a class=\"underline target='_blank' href='https://zod.dev/'>Zod</a> condition to perform field validation based on other form values. `,\n        component: <DependentValidation />,\n    },\n    {\n        mdName: 'AsyncValidation',\n        mdPath: mdPath,\n        title: 'Async Validation',\n        desc: `You can also asynchronous validating a fields.`,\n        component: <AsyncValidation />,\n    },\n    {\n        mdName: 'DynamicForm',\n        mdPath: mdPath,\n        title: 'Dynamic Form',\n        desc: `Example usage of dynamic form with <code>FieldArray</code>.`,\n        component: <DynamicForm />,\n    },\n    {\n        mdName: 'MixedFormControl',\n        mdPath: mdPath,\n        title: 'Mixed Form Control',\n        desc: `Demostrate different kind of form related component witin a form.`,\n        component: <MixedFormControl />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'FormContainer',\n        api: [\n            {\n                propName: 'layout',\n                type: `<code>'horizontal'</code> | <code>'vertical'</code> | <code>'inline'</code>`,\n                default: `<code>'vertical'</code>`,\n                desc: 'Form layout',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Form item size',\n            },\n            {\n                propName: 'labelWidth',\n                type: `<code>stirng</code>  | <code>number</code> `,\n                default: `<code>100</code>`,\n                desc: 'Form label width',\n            },\n        ],\n    },\n    {\n        component: 'FormItem',\n        api: [\n            {\n                propName: 'layout',\n                type: `<code>'horizontal'</code> | <code>'vertical'</code> | <code>'inline'</code>`,\n                default: `-`,\n                desc: 'Form layout',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `-`,\n                desc: 'Form item size',\n            },\n            {\n                propName: 'labelWidth',\n                type: `<code>stirng</code>  | <code>number</code> `,\n                default: `-`,\n                desc: 'Form label width',\n            },\n            {\n                propName: 'errorMessage',\n                type: `<code>stirng</code>`,\n                default: `-`,\n                desc: 'Error Message that will display when <code>invalid</code> was triggered',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Validate status of FormItem',\n            },\n            {\n                propName: 'asterisk',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to display asterisk beside label text',\n            },\n            {\n                propName: 'extra',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Extra custom content beside label text',\n            },\n            {\n                propName: 'htmlFor',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Set sub label htmlFor',\n            },\n        ],\n    },\n]\n\nconst formikNote = (\n    <div>\n        <h4>React Hook Form</h4>\n        <p className=\"mt-2\">\n            <code>React Hook Form</code> library is a powerful and flexible\n            solution for managing forms in React applications. It simplifies\n            form handling by providing a set of hooks and utilities that\n            streamline the process of capturing, validating, and submitting form\n            data. With <code>useForm</code>, you can easily manage form state,\n            handle input changes, perform validation, and submit forms with\n            minimal boilerplate code, visit\n            <a\n                className=\"underline text-primary\"\n                href=\"https://react-hook-form.com/docs/useform\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                {' '}\n                documentation{' '}\n            </a>\n            for more detail usage & examples.\n        </p>\n        <h4 className=\"mt-10\">Zod</h4>\n        <p className=\"mt-2\">\n            Zod is a TypeScript-first schema declaration and validation library.\n            I'm using the term \"schema\" to broadly refer to any data type, from\n            a simple string to a complex nested object. Zod is designed to be as\n            developer-friendly as possible. The goal is to eliminate duplicative\n            type declarations. With Zod, you declare a validator once and Zod\n            will automatically infer the static TypeScript type. It's easy to\n            compose simpler types into complex data structures. Visit the\n            official\n            <a\n                className=\"underline text-primary\"\n                href=\"https://zod.dev/\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                {' '}\n                documentation{' '}\n            </a>\n            for more detail usage & examples.\n        </p>\n    </div>\n)\n\nconst FormControl = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            note={formikNote}\n        />\n    )\n}\n\nexport default FormControl\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/index.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\nimport DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Layout from './Layout'\nimport Sizes from './Sizes'\nimport LabelExtra from './LabelExtra'\nimport FieldValidation from './FieldValidation'\nimport SchemaValidation from './SchemaValidation'\nimport DependentValidation from './DependentValidation'\nimport AsyncValidation from './AsyncValidation'\nimport DynamicForm from './DynamicForm'\nimport MixedFormControl from './MixedFormControl'\n\nconst mdPath = 'FormControl'\n\nconst demoHeader = {\n    title: 'Form Control',\n    desc: 'Form is used to collect & verify user input data. We use <a class=\"underline text-primary\" href=\"https://react-hook-form.com/\" target=\"_blank\">react-hook-form</a> as our form control library, most of our form components were compatible with react-hook-form or others form libraries.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Sample usage of a simple form with validation.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Layout',\n        mdPath: mdPath,\n        title: 'Form Layout',\n        desc: `<code>Form</code> or<code>FormContainer</code> allow us to control all the <code>FormItem</code> <code>layout</code> via a single props.`,\n        component: <Layout />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Form Size',\n        desc: `<code>Form</code> or<code>FormContainer</code> allow us to control <code>FormItem</code> <code>size</code> as well.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'LabelExtra',\n        mdPath: mdPath,\n        title: 'Label Extra',\n        desc: `We can add additional content to the form label with <code>FormItem</code> <code>extra</code> props.`,\n        component: <LabelExtra />,\n    },\n    {\n        mdName: 'FieldValidation',\n        mdPath: mdPath,\n        title: 'Field-level Validation',\n        desc: `React-hook-form supports field-level validation. `,\n        component: <FieldValidation />,\n    },\n    {\n        mdName: 'SchemaValidation',\n        mdPath: mdPath,\n        title: 'Schema Validation',\n        desc: `We can use <a class=\"underline target='_blank' href='https://zod.dev/'>Zod</a> for object schema validation.`,\n        component: <SchemaValidation />,\n    },\n    {\n        mdName: 'DependentValidation',\n        mdPath: mdPath,\n        title: 'Dependent Validation',\n        desc: `You can use <a class=\"underline target='_blank' href='https://zod.dev/'>Zod</a> condition to perform field validation based on other form values. `,\n        component: <DependentValidation />,\n    },\n    {\n        mdName: 'AsyncValidation',\n        mdPath: mdPath,\n        title: 'Async Validation',\n        desc: `You can also asynchronous validating a fields.`,\n        component: <AsyncValidation />,\n    },\n    {\n        mdName: 'DynamicForm',\n        mdPath: mdPath,\n        title: 'Dynamic Form',\n        desc: `Example usage of dynamic form with <code>FieldArray</code>.`,\n        component: <DynamicForm />,\n    },\n    {\n        mdName: 'MixedFormControl',\n        mdPath: mdPath,\n        title: 'Mixed Form Control',\n        desc: `Demostrate different kind of form related component witin a form.`,\n        component: <MixedFormControl />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'FormContainer',\n        api: [\n            {\n                propName: 'layout',\n                type: `<code>'horizontal'</code> | <code>'vertical'</code> | <code>'inline'</code>`,\n                default: `<code>'vertical'</code>`,\n                desc: 'Form layout',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Form item size',\n            },\n            {\n                propName: 'labelWidth',\n                type: `<code>stirng</code>  | <code>number</code> `,\n                default: `<code>100</code>`,\n                desc: 'Form label width',\n            },\n        ],\n    },\n    {\n        component: 'FormItem',\n        api: [\n            {\n                propName: 'layout',\n                type: `<code>'horizontal'</code> | <code>'vertical'</code> | <code>'inline'</code>`,\n                default: `-`,\n                desc: 'Form layout',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `-`,\n                desc: 'Form item size',\n            },\n            {\n                propName: 'labelWidth',\n                type: `<code>stirng</code>  | <code>number</code> `,\n                default: `-`,\n                desc: 'Form label width',\n            },\n            {\n                propName: 'errorMessage',\n                type: `<code>stirng</code>`,\n                default: `-`,\n                desc: 'Error Message that will display when <code>invalid</code> was triggered',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Validate status of FormItem',\n            },\n            {\n                propName: 'asterisk',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to display asterisk beside label text',\n            },\n            {\n                propName: 'extra',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Extra custom content beside label text',\n            },\n            {\n                propName: 'htmlFor',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Set sub label htmlFor',\n            },\n        ],\n    },\n]\n\nconst formikNote = (\n    <div>\n        <h4>React Hook Form</h4>\n        <p className=\"mt-2\">\n            <code>React Hook Form</code> library is a powerful and flexible\n            solution for managing forms in React applications. It simplifies\n            form handling by providing a set of hooks and utilities that\n            streamline the process of capturing, validating, and submitting form\n            data. With <code>useForm</code>, you can easily manage form state,\n            handle input changes, perform validation, and submit forms with\n            minimal boilerplate code, visit\n            <a\n                className=\"underline text-primary\"\n                href=\"https://react-hook-form.com/docs/useform\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                {' '}\n                documentation{' '}\n            </a>\n            for more detail usage & examples.\n        </p>\n        <h4 className=\"mt-10\">Zod</h4>\n        <p className=\"mt-2\">\n            Zod is a TypeScript-first schema declaration and validation library.\n            I'm using the term \"schema\" to broadly refer to any data type, from\n            a simple string to a complex nested object. Zod is designed to be as\n            developer-friendly as possible. The goal is to eliminate duplicative\n            type declarations. With Zod, you declare a validator once and Zod\n            will automatically infer the static TypeScript type. It's easy to\n            compose simpler types into complex data structures. Visit the\n            official\n            <a\n                className=\"underline text-primary\"\n                href=\"https://zod.dev/\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                {' '}\n                documentation{' '}\n            </a>\n            for more detail usage & examples.\n        </p>\n    </div>\n)\n\nconst FormControl = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            note={formikNote}\n        />\n    )\n}\n\nexport default FormControl\n"],"names":[],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/Input/Affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Affix.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Affix.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Tooltip from '@/components/ui/Tooltip'\nimport { HiOutlineUser, HiOutlineExclamationCircle } from 'react-icons/hi'\n\nconst Affix = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Input\n                    placeholder=\"Enter your name\"\n                    prefix={<HiOutlineUser className=\"text-lg\" />}\n                />\n            </div>\n            <div className=\"mb-4\">\n                <Input\n                    placeholder=\"Enter your rate\"\n                    suffix={\n                        <Tooltip title=\"Field info\">\n                            <HiOutlineExclamationCircle className=\"text-lg cursor-pointer ml-1\" />\n                        </Tooltip>\n                    }\n                />\n            </div>\n            <div className=\"mb-4\">\n                <Input prefix=\"$\" suffix=\".00\" />\n            </div>\n        </div>\n    )\n}\n\nexport default Affix\n"],"names":[],"mappings":";;;;;;AAIA,MAAM,QAAQ,MAAM;AAChB,8BACK,OACG,EAAA,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,QAAQ,oBAAC,eAAc,EAAA,WAAU,UAAU,CAAA;AAAA,MAAA;AAAA,IAAA,GAEnD;AAAA,IACA,oBAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,4BACK,SAAQ,EAAA,OAAM,cACX,UAAC,oBAAA,4BAAA,EAA2B,WAAU,8BAA8B,CAAA,EACxE,CAAA;AAAA,MAAA;AAAA,IAAA,GAGZ;AAAA,IACA,oBAAC,OAAI,EAAA,WAAU,QACX,UAAA,oBAAC,SAAM,QAAO,KAAI,QAAO,MAAM,CAAA,EACnC,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Affix.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Affix.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport Tooltip from '@/components/ui/Tooltip'\nimport { HiOutlineUser, HiOutlineExclamationCircle } from 'react-icons/hi'\n\nconst Affix = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Input\n                    placeholder=\"Enter your name\"\n                    prefix={<HiOutlineUser className=\"text-lg\" />}\n                />\n            </div>\n            <div className=\"mb-4\">\n                <Input\n                    placeholder=\"Enter your rate\"\n                    suffix={\n                        <Tooltip title=\"Field info\">\n                            <HiOutlineExclamationCircle className=\"text-lg cursor-pointer ml-1\" />\n                        </Tooltip>\n                    }\n                />\n            </div>\n            <div className=\"mb-4\">\n                <Input prefix=\"$\" suffix=\".00\" />\n            </div>\n        </div>\n    )\n}\n\nexport default Affix\n"],"names":[],"mappings":";;;;;;AAIA,MAAM,QAAQ,MAAM;AAChB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,QAAQ,oBAAC,eAAA,EAAc,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA,GAEnD;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,aAAY;AAAA,QACZ,4BACK,SAAA,EAAQ,OAAM,cACX,UAAA,oBAAC,4BAAA,EAA2B,WAAU,8BAAA,CAA8B,EAAA,CACxE;AAAA,MAAA;AAAA,IAAA,GAGZ;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,SAAM,QAAO,KAAI,QAAO,MAAA,CAAM,EAAA,CACnC;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Input/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Basic.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Input placeholder=\"Basic usage\" />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAChB,6BACK,OACG,EAAA,UAAA,oBAAC,OAAM,EAAA,aAAY,cAAc,CAAA,GACrC;AAER;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Basic.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Input placeholder=\"Basic usage\" />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAChB,6BACK,OAAA,EACG,UAAA,oBAAC,OAAA,EAAM,aAAY,eAAc,GACrC;AAER;"}

package/dist/@ecme/views/ui-components/forms/Input/ControlledInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControlledInput.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/ControlledInput.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport type { ChangeEvent } from 'react'\n\nconst ControlledInput = () => {\n    const [value, setValue] = useState('')\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\n        setValue(e.target.value)\n\n    return (\n        <div>\n            <Input\n                value={value}\n                placeholder=\"Sample placeholder\"\n                onChange={handleChange}\n            />\n        </div>\n    )\n}\n\nexport default ControlledInput\n"],"names":[],"mappings":";;;;AAIA,MAAM,kBAAkB,MAAM;AAC1B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,eAAe,CAAC,MAClB,SAAS,EAAE,OAAO,KAAK;AAE3B,6BACK,OACG,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,aAAY;AAAA,MACZ,UAAU;AAAA,IAAA;AAAA,EAAA,GAElB;AAER;"}
+{"version":3,"file":"ControlledInput.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/ControlledInput.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport type { ChangeEvent } from 'react'\n\nconst ControlledInput = () => {\n    const [value, setValue] = useState('')\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\n        setValue(e.target.value)\n\n    return (\n        <div>\n            <Input\n                value={value}\n                placeholder=\"Sample placeholder\"\n                onChange={handleChange}\n            />\n        </div>\n    )\n}\n\nexport default ControlledInput\n"],"names":[],"mappings":";;;;AAIA,MAAM,kBAAkB,MAAM;AAC1B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,eAAe,CAAC,MAClB,SAAS,EAAE,OAAO,KAAK;AAE3B,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,aAAY;AAAA,MACZ,UAAU;AAAA,IAAA;AAAA,EAAA,GAElB;AAER;"}

package/dist/@ecme/views/ui-components/forms/Input/Disabled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Disabled.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <Input disabled placeholder=\"Disabled Input\" />\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;;AAEA,MAAM,WAAW,MAAM;AAEf,SAAA,oBAAC,SACG,UAAC,oBAAA,OAAA,EAAM,UAAQ,MAAC,aAAY,kBAAiB,EACjD,CAAA;AAER;"}
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Disabled.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <Input disabled placeholder=\"Disabled Input\" />\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":[],"mappings":";;;AAEA,MAAM,WAAW,MAAM;AACnB,SACI,oBAAC,SACG,UAAA,oBAAC,OAAA,EAAM,UAAQ,MAAC,aAAY,kBAAiB,EAAA,CACjD;AAER;"}

package/dist/@ecme/views/ui-components/forms/Input/Invalid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Invalid.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Invalid.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { HiExclamationCircle } from 'react-icons/hi'\n\nconst Invalid = () => {\n    const [invalid, setInvalid] = useState(false)\n\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Input\n                    invalid={invalid}\n                    placeholder=\"Invalid input\"\n                    suffix={\n                        invalid ? (\n                            <HiExclamationCircle className=\"text-red-500 text-xl\" />\n                        ) : null\n                    }\n                />\n            </div>\n            <div className=\"mb-4\">\n                <Input\n                    textArea\n                    invalid={invalid}\n                    placeholder=\"Invalid text area\"\n                />\n            </div>\n            <Button variant=\"solid\" onClick={() => setInvalid(!invalid)}>\n                Set {invalid ? 'Valid' : 'Invalid'}\n            </Button>\n        </div>\n    )\n}\n\nexport default Invalid\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,UAAU,MAAM;AAClB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,8BACK,OACG,EAAA,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,aAAY;AAAA,QACZ,QACI,UACI,oBAAC,qBAAoB,EAAA,WAAU,wBAAuB,IACtD;AAAA,MAAA;AAAA,IAAA,GAGhB;AAAA,IACA,oBAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR;AAAA,QACA,aAAY;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACA,qBAAC,UAAO,SAAQ,SAAQ,SAAS,MAAM,WAAW,CAAC,OAAO,GAAG,UAAA;AAAA,MAAA;AAAA,MACpD,UAAU,UAAU;AAAA,IAAA,EAC7B,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Invalid.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Invalid.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { HiExclamationCircle } from 'react-icons/hi'\n\nconst Invalid = () => {\n    const [invalid, setInvalid] = useState(false)\n\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Input\n                    invalid={invalid}\n                    placeholder=\"Invalid input\"\n                    suffix={\n                        invalid ? (\n                            <HiExclamationCircle className=\"text-red-500 text-xl\" />\n                        ) : null\n                    }\n                />\n            </div>\n            <div className=\"mb-4\">\n                <Input\n                    textArea\n                    invalid={invalid}\n                    placeholder=\"Invalid text area\"\n                />\n            </div>\n            <Button variant=\"solid\" onClick={() => setInvalid(!invalid)}>\n                Set {invalid ? 'Valid' : 'Invalid'}\n            </Button>\n        </div>\n    )\n}\n\nexport default Invalid\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,UAAU,MAAM;AAClB,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,aAAY;AAAA,QACZ,QACI,UACI,oBAAC,qBAAA,EAAoB,WAAU,wBAAuB,IACtD;AAAA,MAAA;AAAA,IAAA,GAGhB;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR;AAAA,QACA,aAAY;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACA,qBAAC,UAAO,SAAQ,SAAQ,SAAS,MAAM,WAAW,CAAC,OAAO,GAAG,UAAA;AAAA,MAAA;AAAA,MACpD,UAAU,UAAU;AAAA,IAAA,EAAA,CAC7B;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Input/PasswordVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordVisible.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/PasswordVisible.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport { HiOutlineEyeOff, HiOutlineEye } from 'react-icons/hi'\nimport type { MouseEvent } from 'react'\n\nconst PasswordVisible = () => {\n    const [pwInputType, setPwInputType] = useState('password')\n\n    const onPasswordVisibleClick = (e: MouseEvent) => {\n        e.preventDefault()\n        setPwInputType(pwInputType === 'password' ? 'text' : 'password')\n    }\n\n    const inputIcon = (\n        <span\n            className=\"cursor-pointer\"\n            onClick={(e) => onPasswordVisibleClick(e)}\n        >\n            {pwInputType === 'password' ? (\n                <HiOutlineEyeOff />\n            ) : (\n                <HiOutlineEye />\n            )}\n        </span>\n    )\n\n    return (\n        <div>\n            <Input\n                type={pwInputType}\n                suffix={inputIcon}\n                placeholder=\"Password\"\n            />\n        </div>\n    )\n}\n\nexport default PasswordVisible\n"],"names":[],"mappings":";;;;;AAKA,MAAM,kBAAkB,MAAM;AAC1B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,UAAU;AAEnD,QAAA,yBAAyB,CAAC,MAAkB;AAC9C,MAAE,eAAe;AACF,mBAAA,gBAAgB,aAAa,SAAS,UAAU;AAAA,EACnE;AAEA,QAAM,YACF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS,CAAC,MAAM,uBAAuB,CAAC;AAAA,MAEvC,0BAAgB,aACb,oBAAC,iBAAgB,EAAA,wBAEhB,cAAa,CAAA,CAAA;AAAA,IAAA;AAAA,EAEtB;AAGJ,6BACK,OACG,EAAA,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,aAAY;AAAA,IAAA;AAAA,EAAA,GAEpB;AAER;"}
+{"version":3,"file":"PasswordVisible.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/PasswordVisible.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Input from '@/components/ui/Input'\nimport { HiOutlineEyeOff, HiOutlineEye } from 'react-icons/hi'\nimport type { MouseEvent } from 'react'\n\nconst PasswordVisible = () => {\n    const [pwInputType, setPwInputType] = useState('password')\n\n    const onPasswordVisibleClick = (e: MouseEvent) => {\n        e.preventDefault()\n        setPwInputType(pwInputType === 'password' ? 'text' : 'password')\n    }\n\n    const inputIcon = (\n        <span\n            className=\"cursor-pointer\"\n            onClick={(e) => onPasswordVisibleClick(e)}\n        >\n            {pwInputType === 'password' ? (\n                <HiOutlineEyeOff />\n            ) : (\n                <HiOutlineEye />\n            )}\n        </span>\n    )\n\n    return (\n        <div>\n            <Input\n                type={pwInputType}\n                suffix={inputIcon}\n                placeholder=\"Password\"\n            />\n        </div>\n    )\n}\n\nexport default PasswordVisible\n"],"names":[],"mappings":";;;;;AAKA,MAAM,kBAAkB,MAAM;AAC1B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,UAAU;AAEzD,QAAM,yBAAyB,CAAC,MAAkB;AAC9C,MAAE,eAAA;AACF,mBAAe,gBAAgB,aAAa,SAAS,UAAU;AAAA,EACnE;AAEA,QAAM,YACF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,SAAS,CAAC,MAAM,uBAAuB,CAAC;AAAA,MAEvC,0BAAgB,aACb,oBAAC,iBAAA,EAAgB,wBAEhB,cAAA,CAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AAK1B,6BACK,OAAA,EACG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,aAAY;AAAA,IAAA;AAAA,EAAA,GAEpB;AAER;"}

package/dist/@ecme/views/ui-components/forms/Input/Sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Sizes.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Sizes = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Input size=\"sm\" placeholder=\"Input sm\" />\n            </div>\n            <div className=\"mb-4\">\n                <Input placeholder=\"Input md\" />\n            </div>\n            <div className=\"mb-4\">\n                <Input size=\"lg\" placeholder=\"Input lg\" />\n            </div>\n        </div>\n    )\n}\n\nexport default Sizes\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAChB,8BACK,OACG,EAAA,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,SAAM,MAAK,MAAK,aAAY,WAAA,CAAW,EAC5C,CAAA;AAAA,IACA,oBAAC,SAAI,WAAU,QACX,8BAAC,OAAM,EAAA,aAAY,YAAW,EAClC,CAAA;AAAA,IACA,oBAAC,OAAI,EAAA,WAAU,QACX,UAAA,oBAAC,SAAM,MAAK,MAAK,aAAY,WAAW,CAAA,EAC5C,CAAA;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Sizes.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Sizes = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Input size=\"sm\" placeholder=\"Input sm\" />\n            </div>\n            <div className=\"mb-4\">\n                <Input placeholder=\"Input md\" />\n            </div>\n            <div className=\"mb-4\">\n                <Input size=\"lg\" placeholder=\"Input lg\" />\n            </div>\n        </div>\n    )\n}\n\nexport default Sizes\n"],"names":[],"mappings":";;;AAEA,MAAM,QAAQ,MAAM;AAChB,8BACK,OAAA,EACG,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,SAAM,MAAK,MAAK,aAAY,WAAA,CAAW,EAAA,CAC5C;AAAA,IACA,oBAAC,SAAI,WAAU,QACX,8BAAC,OAAA,EAAM,aAAY,YAAW,EAAA,CAClC;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,QACX,UAAA,oBAAC,SAAM,MAAK,MAAK,aAAY,WAAA,CAAW,EAAA,CAC5C;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Input/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Textarea.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Textarea = () => {\n    return (\n        <div>\n            <Input textArea placeholder=\"Text area example\" />\n        </div>\n    )\n}\n\nexport default Textarea\n"],"names":[],"mappings":";;;AAEA,MAAM,WAAW,MAAM;AAEf,SAAA,oBAAC,SACG,UAAC,oBAAA,OAAA,EAAM,UAAQ,MAAC,aAAY,qBAAoB,EACpD,CAAA;AAER;"}
+{"version":3,"file":"Textarea.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Textarea.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\n\nconst Textarea = () => {\n    return (\n        <div>\n            <Input textArea placeholder=\"Text area example\" />\n        </div>\n    )\n}\n\nexport default Textarea\n"],"names":[],"mappings":";;;AAEA,MAAM,WAAW,MAAM;AACnB,SACI,oBAAC,SACG,UAAA,oBAAC,OAAA,EAAM,UAAQ,MAAC,aAAY,qBAAoB,EAAA,CACpD;AAER;"}

package/dist/@ecme/views/ui-components/forms/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Sizes from './Sizes'\nimport Disabled from './Disabled'\nimport Affix from './Affix'\nimport PasswordVisible from './PasswordVisible'\nimport Textarea from './Textarea'\nimport Invalid from './Invalid'\nimport ControlledInput from './ControlledInput'\n\nconst mdPath = 'Input'\n\nconst demoHeader = {\n    title: 'Input',\n    desc: 'Input component specifies an field where the user can enter data.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `The most basic usage of Input.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Sizes',\n        desc: `There's three sizes of option for Input field.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Disabled Input.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Affix',\n        mdPath: mdPath,\n        title: 'Affix',\n        desc: `Input can have <code>suffix</code> or <code>prefix</code> content inside.`,\n        component: <Affix />,\n    },\n    {\n        mdName: 'PasswordVisible',\n        mdPath: mdPath,\n        title: 'Password Visible',\n        desc: `Example of controlling the Input type via prefix icon.`,\n        component: <PasswordVisible />,\n    },\n    {\n        mdName: 'Textarea',\n        mdPath: mdPath,\n        title: 'Textarea',\n        desc: `Turn Input field to textarea by setting <code>textarea</code> prop to true.`,\n        component: <Textarea />,\n    },\n    {\n        mdName: 'Invalid',\n        mdPath: mdPath,\n        title: 'Invalid',\n        desc: `Display Input as invalid status when <code>invalid</code> prop is set to true.`,\n        component: <Invalid />,\n    },\n    {\n        mdName: 'ControlledInput',\n        mdPath: mdPath,\n        title: 'Controlled Input',\n        desc: `Controlled Input example.`,\n        component: <ControlledInput />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Input',\n        api: [\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is disabled',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is invalid status',\n            },\n            {\n                propName: 'onBlur',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input remove focus',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input value changed',\n            },\n            {\n                propName: 'onFocus',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input is focused',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Input size',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'textArea',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to turn Input into textarea field',\n            },\n            {\n                propName: 'type',\n                type: `<code>string</code>`,\n                default: `<code>'text'</code>`,\n                desc: 'Input type, refer to <a class=\"text-blue-500 underline\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types\" target=\"_blank\">MDN</a> for available types',\n            },\n            {\n                propName: 'unstyle',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to remove input default style',\n            },\n        ],\n    },\n]\n\nconst Input = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Input\n"],"names":[],"mappings":";;;;;;;;;;AAYA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAS,CAAA,CAAA;AAAA,EACzB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,iBAAgB,CAAA,CAAA;AAAA,EAChC;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAS,CAAA,CAAA;AAAA,EACzB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAQ,CAAA,CAAA;AAAA,EACxB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,iBAAgB,CAAA,CAAA;AAAA,EAAA;AAEpC;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,QAAQ,MAAM;AAChB,6BAAQ,YAAW,EAAA,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Sizes from './Sizes'\nimport Disabled from './Disabled'\nimport Affix from './Affix'\nimport PasswordVisible from './PasswordVisible'\nimport Textarea from './Textarea'\nimport Invalid from './Invalid'\nimport ControlledInput from './ControlledInput'\n\nconst mdPath = 'Input'\n\nconst demoHeader = {\n    title: 'Input',\n    desc: 'Input component specifies an field where the user can enter data.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `The most basic usage of Input.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Sizes',\n        desc: `There's three sizes of option for Input field.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Disabled Input.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Affix',\n        mdPath: mdPath,\n        title: 'Affix',\n        desc: `Input can have <code>suffix</code> or <code>prefix</code> content inside.`,\n        component: <Affix />,\n    },\n    {\n        mdName: 'PasswordVisible',\n        mdPath: mdPath,\n        title: 'Password Visible',\n        desc: `Example of controlling the Input type via prefix icon.`,\n        component: <PasswordVisible />,\n    },\n    {\n        mdName: 'Textarea',\n        mdPath: mdPath,\n        title: 'Textarea',\n        desc: `Turn Input field to textarea by setting <code>textarea</code> prop to true.`,\n        component: <Textarea />,\n    },\n    {\n        mdName: 'Invalid',\n        mdPath: mdPath,\n        title: 'Invalid',\n        desc: `Display Input as invalid status when <code>invalid</code> prop is set to true.`,\n        component: <Invalid />,\n    },\n    {\n        mdName: 'ControlledInput',\n        mdPath: mdPath,\n        title: 'Controlled Input',\n        desc: `Controlled Input example.`,\n        component: <ControlledInput />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Input',\n        api: [\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is disabled',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is invalid status',\n            },\n            {\n                propName: 'onBlur',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input remove focus',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input value changed',\n            },\n            {\n                propName: 'onFocus',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input is focused',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Input size',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'textArea',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to turn Input into textarea field',\n            },\n            {\n                propName: 'type',\n                type: `<code>string</code>`,\n                default: `<code>'text'</code>`,\n                desc: 'Input type, refer to <a class=\"text-blue-500 underline\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types\" target=\"_blank\">MDN</a> for available types',\n            },\n            {\n                propName: 'unstyle',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to remove input default style',\n            },\n        ],\n    },\n]\n\nconst Input = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Input\n"],"names":[],"mappings":";;;;;;;;;;AAYA,MAAM,SAAS;AAEf,MAAM,aAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV;AAEA,MAAM,QAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,OAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,iBAAA,CAAA,CAAgB;AAAA,EAAA;AAAA,EAEhC;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,UAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,SAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,QAAQ;AAAA,IACR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,+BAAY,iBAAA,CAAA,CAAgB;AAAA,EAAA;AAEpC;AAEA,MAAM,UAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;AAEA,MAAM,QAAQ,MAAM;AAChB,6BAAQ,YAAA,EAAW,QAAQ,YAAY,OAAc,KAAK,SAAS;AACvE;"}