npm - @orbe-agro/client-core - Versions diffs - 5.3.13 → 5.3.14 - Mend

@orbe-agro/client-core 5.3.13 → 5.3.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1733) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SchemaValidation.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/SchemaValidation.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Input from '@/components/ui/Input'\r\nimport Button from '@/components/ui/Button'\r\nimport { FormItem, Form } from '@/components/ui/Form'\r\nimport { useForm, Controller } from 'react-hook-form'\r\nimport { zodResolver } from '@hookform/resolvers/zod'\r\nimport { z } from 'zod'\r\nimport type { ZodType } from 'zod'\r\n\r\ntype FormSchema = {\r\n email: string\r\n userName: string\r\n}\r\n\r\nconst validationSchema: ZodType<FormSchema> = z.object({\r\n email: z\r\n .string()\r\n .min(1, { message: 'Required' })\r\n .email({ message: 'Invalid email' }),\r\n userName: z\r\n .string()\r\n .min(1, { message: 'Required' })\r\n .min(3, 'Too Short!')\r\n .max(12, 'Too Long!'),\r\n})\r\n\r\nconst SchemaValidation = () => {\r\n const [submitting, setSubmitting] = useState(false)\r\n\r\n const {\r\n handleSubmit,\r\n formState: { errors },\r\n control,\r\n } = useForm<FormSchema>({\r\n defaultValues: {\r\n email: '',\r\n userName: '',\r\n },\r\n resolver: zodResolver(validationSchema),\r\n })\r\n\r\n const onSubmit = (values: FormSchema) => {\r\n setSubmitting(true)\r\n setTimeout(() => {\r\n window.alert(JSON.stringify(values, null, 2))\r\n setSubmitting(false)\r\n }, 400)\r\n }\r\n\r\n return (\r\n <Form onSubmit={handleSubmit(onSubmit)}>\r\n <FormItem\r\n label=\"Email\"\r\n invalid={Boolean(errors.email)}\r\n errorMessage={errors.email?.message}\r\n >\r\n <Controller\r\n name=\"email\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"email\"\r\n autoComplete=\"off\"\r\n placeholder=\"Email\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem\r\n label=\"User Name\"\r\n invalid={Boolean(errors.userName)}\r\n errorMessage={errors.userName?.message}\r\n >\r\n <Controller\r\n name=\"userName\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"User Name\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem>\r\n <Button type=\"submit\" variant=\"solid\" loading={submitting}>\r\n Submit\r\n </Button>\r\n </FormItem>\r\n </Form>\r\n )\r\n}\r\n\r\nexport default SchemaValidation\r\n"],"names":["validationSchema","z","SchemaValidation","submitting","setSubmitting","useState","handleSubmit","errors","control","useForm","zodResolver","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","_b","Button"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAwCC,EAAE,OAAO;AAAA,EACnD,OAAOA,EACF,SACA,IAAI,GAAG,EAAE,SAAS,WAAA,CAAY,EAC9B,MAAM,EAAE,SAAS,iBAAiB;AAAA,EACvC,UAAUA,EACL,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,WAAA,CAAY,EAC9B,IAAI,GAAG,YAAY,EACnB,IAAI,IAAI,WAAW;AAC5B,CAAC,GAEKC,IAAmB,MAAM;;AAC3B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEd,UAAUC,EAAYV,CAAgB;AAAA,EAAA,CACzC;AAUD,SACI,gBAAAW,EAACC,GAAA,EAAK,UAAUN,EATH,CAACO,MAAuB;AACrC,IAAAT,EAAc,EAAI,GAClB,WAAW,MAAM;AACb,aAAO,MAAM,KAAK,UAAUS,GAAQ,MAAM,CAAC,CAAC,GAC5CT,EAAc,EAAK;AAAA,~~IAAA~~,~~GACpB~~,GAAG;AAAA,~~EAAA~~,~~CAI+B~~,GACjC,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQR,EAAO;AAAA,QACxB,eAAcS,IAAAT,EAAO,UAAP,gBAAAS,EAAc;AAAA,QAE5B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAT;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQR,EAAO;AAAA,QACxB,eAAca,IAAAb,EAAO,aAAP,gBAAAa,EAAiB;AAAA,QAE/B,UAAA,gBAAAN;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAT;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAJ,EAACC,GAAA,EACG,UAAA,gBAAAD,EAACO,GAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,SAASlB,GAAY,UAAA,SAAA,CAE3D,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
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":["validationSchema","z","SchemaValidation","submitting","setSubmitting","useState","handleSubmit","errors","control","useForm","zodResolver","jsxs","Form","values","jsx","FormItem","_a","Controller","field","Input","_b","Button"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAwCC,EAAE,OAAO;AAAA,EACnD,OAAOA,EACF,SACA,IAAI,GAAG,EAAE,SAAS,WAAA,CAAY,EAC9B,MAAM,EAAE,SAAS,iBAAiB;AAAA,EACvC,UAAUA,EACL,OAAA,EACA,IAAI,GAAG,EAAE,SAAS,WAAA,CAAY,EAC9B,IAAI,GAAG,YAAY,EACnB,IAAI,IAAI,WAAW;AAC5B,CAAC,GAEKC,IAAmB,MAAM;;AAC3B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5C;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAoB;AAAA,IACpB,eAAe;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEd,UAAUC,EAAYV,CAAgB;AAAA,EAAA,CACzC;AAUD,SACI,gBAAAW,EAACC,GAAA,EAAK,UAAUN,EATH,CAACO,MAAuB;AACrC,IAAAT,EAAc,EAAI,GAClB,WAAW,MAAM;AACb,aAAO,MAAM,KAAK,UAAUS,GAAQ,MAAM,CAAC,CAAC,GAC5CT,EAAc,EAAK;AAAA,IACvB,GAAG,GAAG;AAAA,EACV,CAGyC,GACjC,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQR,EAAO;AAAA,QACxB,eAAcS,IAAAT,EAAO,UAAP,gBAAAS,EAAc;AAAA,QAE5B,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAT;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQR,EAAO;AAAA,QACxB,eAAca,IAAAb,EAAO,aAAP,gBAAAa,EAAiB;AAAA,QAE/B,UAAA,gBAAAN;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAT;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAU,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,aAAY;AAAA,gBACX,GAAGD;AAAA,cAAA;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAJ,EAACC,GAAA,EACG,UAAA,gBAAAD,EAACO,GAAA,EAAO,MAAK,UAAS,SAAQ,SAAQ,SAASlB,GAAY,UAAA,SAAA,CAE3D,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/Sizes.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport { FormItem, Form } from '@/components/ui/Form'\r\nimport Input from '@/components/ui/Input'\r\nimport Button from '@/components/ui/Button'\r\nimport InputGroup from '@/components/ui/InputGroup'\r\nimport DatePicker from '@/components/ui/DatePicker'\r\nimport { useForm, Controller } from 'react-hook-form'\r\n\r\ntype Size = 'lg' \| 'md' \| 'sm'\r\n\r\ntype FormSchema = {\r\n name: string\r\n email: string\r\n date: Date \| null\r\n}\r\n\r\nconst options: {\r\n label: string\r\n value: Size\r\n}[] = [\r\n { label: 'Small', value: 'sm' },\r\n { label: 'Medium', value: 'md' },\r\n { label: 'Large', value: 'lg' },\r\n]\r\n\r\nconst Sizes = () => {\r\n const [size, setSize] = useState<Size>('md')\r\n\r\n const onSizeSelect = (val: Size) => {\r\n setSize(val)\r\n }\r\n\r\n const { handleSubmit, control } = useForm<FormSchema>({\r\n defaultValues: {\r\n name: '',\r\n email: '',\r\n date: null,\r\n },\r\n })\r\n\r\n const onSubmit = async (values: FormSchema) => {\r\n await new Promise((r) => setTimeout(r, 500))\r\n alert(JSON.stringify(values, null, 2))\r\n }\r\n\r\n return (\r\n <>\r\n <InputGroup className=\"mb-6\">\r\n {options.map((opt) => (\r\n <Button\r\n key={opt.value}\r\n active={size === opt.value}\r\n onClick={() => onSizeSelect(opt.value)}\r\n >\r\n {opt.label}\r\n </Button>\r\n ))}\r\n </InputGroup>\r\n <Form size={size} onSubmit={handleSubmit(onSubmit)}>\r\n <FormItem label=\"Name\">\r\n <Controller\r\n name=\"name\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"text\"\r\n autoComplete=\"off\"\r\n placeholder=\"name\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem label=\"Email\">\r\n <Controller\r\n name=\"email\"\r\n control={control}\r\n render={({ field }) => (\r\n <Input\r\n type=\"email\"\r\n autoComplete=\"off\"\r\n placeholder=\"Email\"\r\n {...field}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem label=\"Date\">\r\n <Controller\r\n name=\"date\"\r\n control={control}\r\n render={({ field }) => (\r\n <DatePicker placeholder=\"Select Date\" {...field} />\r\n )}\r\n />\r\n </FormItem>\r\n <FormItem>\r\n <Button variant=\"solid\" type=\"submit\">\r\n Submit\r\n </Button>\r\n </FormItem>\r\n </Form>\r\n </>\r\n )\r\n}\r\n\r\nexport default Sizes\r\n"],"names":["options","Sizes","size","setSize","useState","onSizeSelect","val","handleSubmit","control","useForm","onSubmit","values","r","jsxs","Fragment","jsx","InputGroup","opt","Button","Form","FormItem","Controller","field","Input","DatePicker"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,IAGA;AAAA,EACF,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,EACzB,EAAE,OAAO,UAAU,OAAO,KAAA;AAAA,EAC1B,EAAE,OAAO,SAAS,OAAO,KAAA;AAC7B,GAEMC,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAe,IAAI,GAErCC,IAAe,CAACC,MAAc;AAChC,IAAAH,EAAQG,CAAG;AAAA,~~EAAA~~,~~GAGT~~,EAAE,cAAAC,GAAc,SAAAC,EAAA,IAAYC,EAAoB;AAAA,IAClD,eAAe;AAAA,MACX,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,EACV,CACH,GAEKC,IAAW,OAAOC,MAAuB;AAC3C,UAAM,IAAI,QAAQ,CAACC,MAAM,WAAWA,GAAG,GAAG,CAAC,GAC3C,MAAM,KAAK,UAAUD,GAAQ,MAAM,CAAC,CAAC;AAAA,~~EAAA~~;~~AAGzC~~,SACI,gBAAAE,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAW,WAAU,QACjB,UAAAhB,EAAQ,IAAI,CAACiB,MACV,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEG,QAAQhB,MAASe,EAAI;AAAA,QACrB,SAAS,MAAMZ,EAAaY,EAAI,KAAK;AAAA,QAEpC,UAAAA,EAAI;AAAA,MAAA;AAAA,MAJAA,EAAI;AAAA,IAAA,CAMhB,GACL;AAAA,sBACCE,GAAA,EAAK,MAAAjB,GAAY,UAAUK,EAAaG,CAAQ,GAC7C,UAAA;AAAA,MAAA,gBAAAK,EAACK,GAAA,EAAS,OAAM,QACZ,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAb;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAc,EAAA,MACP,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAGD;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,gBAAAP,EAACK,GAAA,EAAS,OAAM,SACZ,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAb;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAc,EAAA,MACP,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAGD;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,gBAAAP,EAACK,GAAA,EAAS,OAAM,QACZ,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAb;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAc,EAAA,wBACNE,GAAA,EAAW,aAAY,eAAe,GAAGF,EAAA,CAAO;AAAA,QAAA;AAAA,MAAA,GAG7D;AAAA,MACA,gBAAAP,EAACK,KACG,UAAA,gBAAAL,EAACG,GAAA,EAAO,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAEtC,EAAA,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
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":["options","Sizes","size","setSize","useState","onSizeSelect","val","handleSubmit","control","useForm","onSubmit","values","r","jsxs","Fragment","jsx","InputGroup","opt","Button","Form","FormItem","Controller","field","Input","DatePicker"],"mappings":";;;;;;;;;;;;AAgBA,MAAMA,IAGA;AAAA,EACF,EAAE,OAAO,SAAS,OAAO,KAAA;AAAA,EACzB,EAAE,OAAO,UAAU,OAAO,KAAA;AAAA,EAC1B,EAAE,OAAO,SAAS,OAAO,KAAA;AAC7B,GAEMC,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAe,IAAI,GAErCC,IAAe,CAACC,MAAc;AAChC,IAAAH,EAAQG,CAAG;AAAA,EACf,GAEM,EAAE,cAAAC,GAAc,SAAAC,EAAA,IAAYC,EAAoB;AAAA,IAClD,eAAe;AAAA,MACX,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,EACV,CACH,GAEKC,IAAW,OAAOC,MAAuB;AAC3C,UAAM,IAAI,QAAQ,CAACC,MAAM,WAAWA,GAAG,GAAG,CAAC,GAC3C,MAAM,KAAK,UAAUD,GAAQ,MAAM,CAAC,CAAC;AAAA,EACzC;AAEA,SACI,gBAAAE,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAW,WAAU,QACjB,UAAAhB,EAAQ,IAAI,CAACiB,MACV,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEG,QAAQhB,MAASe,EAAI;AAAA,QACrB,SAAS,MAAMZ,EAAaY,EAAI,KAAK;AAAA,QAEpC,UAAAA,EAAI;AAAA,MAAA;AAAA,MAJAA,EAAI;AAAA,IAAA,CAMhB,GACL;AAAA,sBACCE,GAAA,EAAK,MAAAjB,GAAY,UAAUK,EAAaG,CAAQ,GAC7C,UAAA;AAAA,MAAA,gBAAAK,EAACK,GAAA,EAAS,OAAM,QACZ,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAb;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAc,EAAA,MACP,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAGD;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,gBAAAP,EAACK,GAAA,EAAS,OAAM,SACZ,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAb;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAc,EAAA,MACP,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,cAAa;AAAA,cACb,aAAY;AAAA,cACX,GAAGD;AAAA,YAAA;AAAA,UAAA;AAAA,QACR;AAAA,MAAA,GAGZ;AAAA,MACA,gBAAAP,EAACK,GAAA,EAAS,OAAM,QACZ,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAAb;AAAA,UACA,QAAQ,CAAC,EAAE,OAAAc,EAAA,wBACNE,GAAA,EAAW,aAAY,eAAe,GAAGF,EAAA,CAAO;AAAA,QAAA;AAAA,MAAA,GAG7D;AAAA,MACA,gBAAAP,EAACK,KACG,UAAA,gBAAAL,EAACG,GAAA,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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/FormControl/index.tsx"],"sourcesContent":["/* eslint-disable react/no-unescaped-entities */\r\nimport DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Basic from './Basic'\r\nimport Layout from './Layout'\r\nimport Sizes from './Sizes'\r\nimport LabelExtra from './LabelExtra'\r\nimport FieldValidation from './FieldValidation'\r\nimport SchemaValidation from './SchemaValidation'\r\nimport DependentValidation from './DependentValidation'\r\nimport AsyncValidation from './AsyncValidation'\r\nimport DynamicForm from './DynamicForm'\r\nimport MixedFormControl from './MixedFormControl'\r\n\r\nconst mdPath = 'FormControl'\r\n\r\nconst demoHeader = {\r\n title: 'Form Control',\r\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.',\r\n}\r\n\r\nconst demos = [\r\n {\r\n mdName: 'Basic',\r\n mdPath: mdPath,\r\n title: 'Basic',\r\n desc: `Sample usage of a simple form with validation.`,\r\n component: <Basic />,\r\n },\r\n {\r\n mdName: 'Layout',\r\n mdPath: mdPath,\r\n title: 'Form Layout',\r\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.`,\r\n component: <Layout />,\r\n },\r\n {\r\n mdName: 'Sizes',\r\n mdPath: mdPath,\r\n title: 'Form Size',\r\n desc: `<code>Form</code> or<code>FormContainer</code> allow us to control <code>FormItem</code> <code>size</code> as well.`,\r\n component: <Sizes />,\r\n },\r\n {\r\n mdName: 'LabelExtra',\r\n mdPath: mdPath,\r\n title: 'Label Extra',\r\n desc: `We can add additional content to the form label with <code>FormItem</code> <code>extra</code> props.`,\r\n component: <LabelExtra />,\r\n },\r\n {\r\n mdName: 'FieldValidation',\r\n mdPath: mdPath,\r\n title: 'Field-level Validation',\r\n desc: `React-hook-form supports field-level validation. `,\r\n component: <FieldValidation />,\r\n },\r\n {\r\n mdName: 'SchemaValidation',\r\n mdPath: mdPath,\r\n title: 'Schema Validation',\r\n desc: `We can use <a class=\"underline target='_blank' href='https://zod.dev/'>Zod</a> for object schema validation.`,\r\n component: <SchemaValidation />,\r\n },\r\n {\r\n mdName: 'DependentValidation',\r\n mdPath: mdPath,\r\n title: 'Dependent Validation',\r\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. `,\r\n component: <DependentValidation />,\r\n },\r\n {\r\n mdName: 'AsyncValidation',\r\n mdPath: mdPath,\r\n title: 'Async Validation',\r\n desc: `You can also asynchronous validating a fields.`,\r\n component: <AsyncValidation />,\r\n },\r\n {\r\n mdName: 'DynamicForm',\r\n mdPath: mdPath,\r\n title: 'Dynamic Form',\r\n desc: `Example usage of dynamic form with <code>FieldArray</code>.`,\r\n component: <DynamicForm />,\r\n },\r\n {\r\n mdName: 'MixedFormControl',\r\n mdPath: mdPath,\r\n title: 'Mixed Form Control',\r\n desc: `Demostrate different kind of form related component witin a form.`,\r\n component: <MixedFormControl />,\r\n },\r\n]\r\n\r\nconst demoApi = [\r\n {\r\n component: 'FormContainer',\r\n api: [\r\n {\r\n propName: 'layout',\r\n type: `<code>'horizontal'</code> \| <code>'vertical'</code> \| <code>'inline'</code>`,\r\n default: `<code>'vertical'</code>`,\r\n desc: 'Form layout',\r\n },\r\n {\r\n propName: 'size',\r\n type: `<code>'lg'</code> \| <code>'md'</code> \| <code>'sm'</code>`,\r\n default: `<code>'md'</code>`,\r\n desc: 'Form item size',\r\n },\r\n {\r\n propName: 'labelWidth',\r\n type: `<code>stirng</code> \| <code>number</code> `,\r\n default: `<code>100</code>`,\r\n desc: 'Form label width',\r\n },\r\n ],\r\n },\r\n {\r\n component: 'FormItem',\r\n api: [\r\n {\r\n propName: 'layout',\r\n type: `<code>'horizontal'</code> \| <code>'vertical'</code> \| <code>'inline'</code>`,\r\n default: `-`,\r\n desc: 'Form layout',\r\n },\r\n {\r\n propName: 'size',\r\n type: `<code>'lg'</code> \| <code>'md'</code> \| <code>'sm'</code>`,\r\n default: `-`,\r\n desc: 'Form item size',\r\n },\r\n {\r\n propName: 'labelWidth',\r\n type: `<code>stirng</code> \| <code>number</code> `,\r\n default: `-`,\r\n desc: 'Form label width',\r\n },\r\n {\r\n propName: 'errorMessage',\r\n type: `<code>stirng</code>`,\r\n default: `-`,\r\n desc: 'Error Message that will display when <code>invalid</code> was triggered',\r\n },\r\n {\r\n propName: 'invalid',\r\n type: `<code>boolean</code>`,\r\n default: `-`,\r\n desc: 'Validate status of FormItem',\r\n },\r\n {\r\n propName: 'asterisk',\r\n type: `<code>boolean</code>`,\r\n default: `-`,\r\n desc: 'Whether to display asterisk beside label text',\r\n },\r\n {\r\n propName: 'extra',\r\n type: `<code>string</code> \| <code>ReactNode</code>`,\r\n default: `-`,\r\n desc: 'Extra custom content beside label text',\r\n },\r\n {\r\n propName: 'htmlFor',\r\n type: `<code>string</code>`,\r\n default: `-`,\r\n desc: 'Set sub label htmlFor',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nconst formikNote = (\r\n <div>\r\n <h4>React Hook Form</h4>\r\n <p className=\"mt-2\">\r\n <code>React Hook Form</code> library is a powerful and flexible\r\n solution for managing forms in React applications. It simplifies\r\n form handling by providing a set of hooks and utilities that\r\n streamline the process of capturing, validating, and submitting form\r\n data. With <code>useForm</code>, you can easily manage form state,\r\n handle input changes, perform validation, and submit forms with\r\n minimal boilerplate code, visit\r\n <a\r\n className=\"underline text-primary\"\r\n href=\"https://react-hook-form.com/docs/useform\"\r\n target=\"_blank\"\r\n rel=\"noreferrer\"\r\n >\r\n {' '}\r\n documentation{' '}\r\n </a>\r\n for more detail usage & examples.\r\n </p>\r\n <h4 className=\"mt-10\">Zod</h4>\r\n <p className=\"mt-2\">\r\n Zod is a TypeScript-first schema declaration and validation library.\r\n I'm using the term \"schema\" to broadly refer to any data type, from\r\n a simple string to a complex nested object. Zod is designed to be as\r\n developer-friendly as possible. The goal is to eliminate duplicative\r\n type declarations. With Zod, you declare a validator once and Zod\r\n will automatically infer the static TypeScript type. It's easy to\r\n compose simpler types into complex data structures. Visit the\r\n official\r\n <a\r\n className=\"underline text-primary\"\r\n href=\"https://zod.dev/\"\r\n target=\"_blank\"\r\n rel=\"noreferrer\"\r\n >\r\n {' '}\r\n documentation{' '}\r\n </a>\r\n for more detail usage & examples.\r\n </p>\r\n </div>\r\n)\r\n\r\nconst FormControl = () => {\r\n return (\r\n <DemoLayout\r\n header={demoHeader}\r\n demos={demos}\r\n api={demoApi}\r\n note={formikNote}\r\n />\r\n )\r\n}\r\n\r\nexport default FormControl\r\n"],"names":["mdPath","demoHeader","demos","Basic","Layout","Sizes","LabelExtra","FieldValidation","SchemaValidation","DependentValidation","AsyncValidation","DynamicForm","MixedFormControl","demoApi","formikNote","jsx","jsxs","FormControl","DemoLayout"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,IAAS,eAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAgB;AAAA,EAAA;AAAA,EAEhC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAiB;AAAA,EAAA;AAAA,EAEjC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAR;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYS,GAAA,CAAA,CAAoB;AAAA,EAAA;AAAA,EAEpC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAT;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYU,GAAA,CAAA,CAAgB;AAAA,EAAA;AAAA,EAEhC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAV;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYW,GAAA,CAAA,CAAY;AAAA,EAAA;AAAA,EAE5B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAX;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYY,GAAA,CAAA,CAAiB;AAAA,EAAA;AAErC,GAEMC,IAAU;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,IACV;AAAA,EACJ;AAAA,EAEJ;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,IACV;AAAA,EACJ;AAER,GAEMC,sBACD,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,EACnB,gBAAAC,EAAC,KAAA,EAAE,WAAU,QACT,UAAA;AAAA,IAAA,gBAAAD,EAAC,UAAK,UAAA,kBAAA,CAAe;AAAA,IAAO;AAAA,IAIjB,gBAAAA,EAAC,UAAK,UAAA,UAAA,CAAO;AAAA,IAAO;AAAA,IAG/B,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UACS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IACd;AAAA,EAAA,GAER;AAAA,EACA,gBAAAD,EAAC,MAAA,EAAG,WAAU,SAAQ,UAAA,OAAG;AAAA,EACzB,gBAAAC,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA;AAAA,IAAA;AAAA,IAShB,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QAEH,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,UACS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IACd;AAAA,EAAA,EAAA,CAER;AAAA,GACJ,GAGEC,IAAc,MAEZ,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,QAAQjB;AAAA,IACR,OAAAC;AAAA,IACA,KAAKW;AAAA,IACL,MAAMC;AAAA,EAAA;AAAA;"}
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":["mdPath","demoHeader","demos","Basic","Layout","Sizes","LabelExtra","FieldValidation","SchemaValidation","DependentValidation","AsyncValidation","DynamicForm","MixedFormControl","demoApi","formikNote","jsx","jsxs","FormControl","DemoLayout"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Affix.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Affix.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\r\nimport Tooltip from '@/components/ui/Tooltip'\r\nimport { HiOutlineUser, HiOutlineExclamationCircle } from 'react-icons/hi'\r\n\r\nconst Affix = () => {\r\n return (\r\n <div>\r\n <div className=\"mb-4\">\r\n <Input\r\n placeholder=\"Enter your name\"\r\n prefix={<HiOutlineUser className=\"text-lg\" />}\r\n />\r\n </div>\r\n <div className=\"mb-4\">\r\n <Input\r\n placeholder=\"Enter your rate\"\r\n suffix={\r\n <Tooltip title=\"Field info\">\r\n <HiOutlineExclamationCircle className=\"text-lg cursor-pointer ml-1\" />\r\n </Tooltip>\r\n }\r\n />\r\n </div>\r\n <div className=\"mb-4\">\r\n <Input prefix=\"$\" suffix=\".00\" />\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Affix\r\n"],"names":["Affix","jsx","Input","HiOutlineUser","Tooltip","HiOutlineExclamationCircle"],"mappings":";;;;;;AAIA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,QAAQ,gBAAAD,EAACE,GAAA,EAAc,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA,GAEnD;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,0BACKE,GAAA,EAAQ,OAAM,cACX,UAAA,gBAAAH,EAACI,GAAA,EAA2B,WAAU,8BAAA,CAA8B,EAAA,CACxE;AAAA,IAAA;AAAA,EAAA,GAGZ;AAAA,EACA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAM,QAAO,KAAI,QAAO,MAAA,CAAM,EAAA,CACnC;AAAA,GACJ;"}
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":["Affix","jsx","Input","HiOutlineUser","Tooltip","HiOutlineExclamationCircle"],"mappings":";;;;;;AAIA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,QAAQ,gBAAAD,EAACE,GAAA,EAAc,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA,GAEnD;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,0BACKE,GAAA,EAAQ,OAAM,cACX,UAAA,gBAAAH,EAACI,GAAA,EAA2B,WAAU,8BAAA,CAA8B,EAAA,CACxE;AAAA,IAAA;AAAA,EAAA,GAGZ;AAAA,EACA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAM,QAAO,KAAI,QAAO,MAAA,CAAM,EAAA,CACnC;AAAA,GACJ;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Basic.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\r\n\r\nconst Basic = () => {\r\n return (\r\n <div>\r\n <Input placeholder=\"Basic usage\" />\r\n </div>\r\n )\r\n}\r\n\r\nexport default Basic\r\n"],"names":["Basic","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAM,aAAY,eAAc,GACrC;"}
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":["Basic","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAM,aAAY,eAAc,GACrC;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ControlledInput.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/ControlledInput.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Input from '@/components/ui/Input'\r\nimport type { ChangeEvent } from 'react'\r\n\r\nconst ControlledInput = () => {\r\n const [value, setValue] = useState('')\r\n const handleChange = (e: ChangeEvent<HTMLInputElement>) =>\r\n setValue(e.target.value)\r\n\r\n return (\r\n <div>\r\n <Input\r\n value={value}\r\n placeholder=\"Sample placeholder\"\r\n onChange={handleChange}\r\n />\r\n </div>\r\n )\r\n}\r\n\r\nexport default ControlledInput\r\n"],"names":["ControlledInput","value","setValue","useState","jsx","Input","e"],"mappings":";;;;AAIA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE;AAIrC,2BACK,OAAA,EACG,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,aAAY;AAAA,MACZ,UARS,CAACK,MAClBJ,EAASI,EAAE,OAAO,KAAK;AAAA,IAOL;AAAA,EAAA,GAElB;AAER;"}
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":["ControlledInput","value","setValue","useState","jsx","Input","e"],"mappings":";;;;AAIA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE;AAIrC,2BACK,OAAA,EACG,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,aAAY;AAAA,MACZ,UARS,CAACK,MAClBJ,EAASI,EAAE,OAAO,KAAK;AAAA,IAOL;AAAA,EAAA,GAElB;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Disabled.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\r\n\r\nconst Disabled = () => {\r\n return (\r\n <div>\r\n <Input disabled placeholder=\"Disabled Input\" />\r\n </div>\r\n )\r\n}\r\n\r\nexport default Disabled\r\n"],"names":["Disabled","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAW,MAET,gBAAAC,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,aAAY,kBAAiB,EAAA,CACjD;"}
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":["Disabled","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAW,MAET,gBAAAC,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,aAAY,kBAAiB,EAAA,CACjD;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Invalid.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Invalid.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Input from '@/components/ui/Input'\r\nimport Button from '@/components/ui/Button'\r\nimport { HiExclamationCircle } from 'react-icons/hi'\r\n\r\nconst Invalid = () => {\r\n const [invalid, setInvalid] = useState(false)\r\n\r\n return (\r\n <div>\r\n <div className=\"mb-4\">\r\n <Input\r\n invalid={invalid}\r\n placeholder=\"Invalid input\"\r\n suffix={\r\n invalid ? (\r\n <HiExclamationCircle className=\"text-red-500 text-xl\" />\r\n ) : null\r\n }\r\n />\r\n </div>\r\n <div className=\"mb-4\">\r\n <Input\r\n textArea\r\n invalid={invalid}\r\n placeholder=\"Invalid text area\"\r\n />\r\n </div>\r\n <Button variant=\"solid\" onClick={() => setInvalid(!invalid)}>\r\n Set {invalid ? 'Valid' : 'Invalid'}\r\n </Button>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Invalid\r\n"],"names":["Invalid","invalid","setInvalid","useState","jsx","Input","HiExclamationCircle","jsxs","Button"],"mappings":";;;;;;;AAKA,MAAMA,IAAU,MAAM;AAClB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,SAAAJ;AAAA,QACA,aAAY;AAAA,QACZ,QACIA,IACI,gBAAAG,EAACE,GAAA,EAAoB,WAAU,wBAAuB,IACtD;AAAA,MAAA;AAAA,IAAA,GAGhB;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,SAAAJ;AAAA,QACA,aAAY;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACA,gBAAAM,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMN,EAAW,CAACD,CAAO,GAAG,UAAA;AAAA,MAAA;AAAA,MACpDA,IAAU,UAAU;AAAA,IAAA,EAAA,CAC7B;AAAA,EAAA,GACJ;AAER;"}
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":["Invalid","invalid","setInvalid","useState","jsx","Input","HiExclamationCircle","jsxs","Button"],"mappings":";;;;;;;AAKA,MAAMA,IAAU,MAAM;AAClB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,SAAAJ;AAAA,QACA,aAAY;AAAA,QACZ,QACIA,IACI,gBAAAG,EAACE,GAAA,EAAoB,WAAU,wBAAuB,IACtD;AAAA,MAAA;AAAA,IAAA,GAGhB;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,UAAQ;AAAA,QACR,SAAAJ;AAAA,QACA,aAAY;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACA,gBAAAM,EAACC,KAAO,SAAQ,SAAQ,SAAS,MAAMN,EAAW,CAACD,CAAO,GAAG,UAAA;AAAA,MAAA;AAAA,MACpDA,IAAU,UAAU;AAAA,IAAA,EAAA,CAC7B;AAAA,EAAA,GACJ;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PasswordVisible.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/PasswordVisible.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Input from '@/components/ui/Input'\r\nimport { HiOutlineEyeOff, HiOutlineEye } from 'react-icons/hi'\r\nimport type { MouseEvent } from 'react'\r\n\r\nconst PasswordVisible = () => {\r\n const [pwInputType, setPwInputType] = useState('password')\r\n\r\n const onPasswordVisibleClick = (e: MouseEvent) => {\r\n e.preventDefault()\r\n setPwInputType(pwInputType === 'password' ? 'text' : 'password')\r\n }\r\n\r\n const inputIcon = (\r\n <span\r\n className=\"cursor-pointer\"\r\n onClick={(e) => onPasswordVisibleClick(e)}\r\n >\r\n {pwInputType === 'password' ? (\r\n <HiOutlineEyeOff />\r\n ) : (\r\n <HiOutlineEye />\r\n )}\r\n </span>\r\n )\r\n\r\n return (\r\n <div>\r\n <Input\r\n type={pwInputType}\r\n suffix={inputIcon}\r\n placeholder=\"Password\"\r\n />\r\n </div>\r\n )\r\n}\r\n\r\nexport default PasswordVisible\r\n"],"names":["PasswordVisible","pwInputType","setPwInputType","useState","onPasswordVisibleClick","e","jsx","Input","HiOutlineEyeOff","HiOutlineEye"],"mappings":";;;;;AAKA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,UAAU,GAEnDC,IAAyB,CAACC,MAAkB;AAC9C,IAAAA,EAAE,eAAA,GACFH,EAAeD,MAAgB,aAAa,SAAS,UAAU;AAAA,~~EAAA~~;~~AAgBnE~~,2BACK,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAMN;AAAA,MACN,QAhBR,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAAS,CAACD,MAAMD,EAAuBC,CAAC;AAAA,UAEvC,gBAAgB,aACb,gBAAAC,EAACE,GAAA,EAAgB,sBAEhBC,GAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAUd,aAAY;AAAA,IAAA;AAAA,EAAA,GAEpB;AAER;"}
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":["PasswordVisible","pwInputType","setPwInputType","useState","onPasswordVisibleClick","e","jsx","Input","HiOutlineEyeOff","HiOutlineEye"],"mappings":";;;;;AAKA,MAAMA,IAAkB,MAAM;AAC1B,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,UAAU,GAEnDC,IAAyB,CAACC,MAAkB;AAC9C,IAAAA,EAAE,eAAA,GACFH,EAAeD,MAAgB,aAAa,SAAS,UAAU;AAAA,EACnE;AAeA,2BACK,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAMN;AAAA,MACN,QAhBR,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAAS,CAACD,MAAMD,EAAuBC,CAAC;AAAA,UAEvC,gBAAgB,aACb,gBAAAC,EAACE,GAAA,EAAgB,sBAEhBC,GAAA,CAAA,CAAa;AAAA,QAAA;AAAA,MAAA;AAAA,MAUd,aAAY;AAAA,IAAA;AAAA,EAAA,GAEpB;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Sizes.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\r\n\r\nconst Sizes = () => {\r\n return (\r\n <div>\r\n <div className=\"mb-4\">\r\n <Input size=\"sm\" placeholder=\"Input sm\" />\r\n </div>\r\n <div className=\"mb-4\">\r\n <Input placeholder=\"Input md\" />\r\n </div>\r\n <div className=\"mb-4\">\r\n <Input size=\"lg\" placeholder=\"Input lg\" />\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Sizes\r\n"],"names":["Sizes","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAM,MAAK,MAAK,aAAY,WAAA,CAAW,EAAA,CAC5C;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,QACX,4BAACC,GAAA,EAAM,aAAY,YAAW,EAAA,CAClC;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAM,MAAK,MAAK,aAAY,WAAA,CAAW,EAAA,CAC5C;AAAA,GACJ;"}
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":["Sizes","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAM,MAAK,MAAK,aAAY,WAAA,CAAW,EAAA,CAC5C;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,QACX,4BAACC,GAAA,EAAM,aAAY,YAAW,EAAA,CAClC;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAM,MAAK,MAAK,aAAY,WAAA,CAAW,EAAA,CAC5C;AAAA,GACJ;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Textarea.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/Textarea.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\r\n\r\nconst Textarea = () => {\r\n return (\r\n <div>\r\n <Input textArea placeholder=\"Text area example\" />\r\n </div>\r\n )\r\n}\r\n\r\nexport default Textarea\r\n"],"names":["Textarea","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAW,MAET,gBAAAC,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,aAAY,qBAAoB,EAAA,CACpD;"}
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":["Textarea","jsx","Input"],"mappings":";;;AAEA,MAAMA,IAAW,MAET,gBAAAC,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAM,UAAQ,IAAC,aAAY,qBAAoB,EAAA,CACpD;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Input/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Basic from './Basic'\r\nimport Sizes from './Sizes'\r\nimport Disabled from './Disabled'\r\nimport Affix from './Affix'\r\nimport PasswordVisible from './PasswordVisible'\r\nimport Textarea from './Textarea'\r\nimport Invalid from './Invalid'\r\nimport ControlledInput from './ControlledInput'\r\n\r\nconst mdPath = 'Input'\r\n\r\nconst demoHeader = {\r\n title: 'Input',\r\n desc: 'Input component specifies an field where the user can enter data.',\r\n}\r\n\r\nconst demos = [\r\n {\r\n mdName: 'Basic',\r\n mdPath: mdPath,\r\n title: 'Basic',\r\n desc: `The most basic usage of Input.`,\r\n component: <Basic />,\r\n },\r\n {\r\n mdName: 'Sizes',\r\n mdPath: mdPath,\r\n title: 'Sizes',\r\n desc: `There's three sizes of option for Input field.`,\r\n component: <Sizes />,\r\n },\r\n {\r\n mdName: 'Disabled',\r\n mdPath: mdPath,\r\n title: 'Disabled',\r\n desc: `Disabled Input.`,\r\n component: <Disabled />,\r\n },\r\n {\r\n mdName: 'Affix',\r\n mdPath: mdPath,\r\n title: 'Affix',\r\n desc: `Input can have <code>suffix</code> or <code>prefix</code> content inside.`,\r\n component: <Affix />,\r\n },\r\n {\r\n mdName: 'PasswordVisible',\r\n mdPath: mdPath,\r\n title: 'Password Visible',\r\n desc: `Example of controlling the Input type via prefix icon.`,\r\n component: <PasswordVisible />,\r\n },\r\n {\r\n mdName: 'Textarea',\r\n mdPath: mdPath,\r\n title: 'Textarea',\r\n desc: `Turn Input field to textarea by setting <code>textarea</code> prop to true.`,\r\n component: <Textarea />,\r\n },\r\n {\r\n mdName: 'Invalid',\r\n mdPath: mdPath,\r\n title: 'Invalid',\r\n desc: `Display Input as invalid status when <code>invalid</code> prop is set to true.`,\r\n component: <Invalid />,\r\n },\r\n {\r\n mdName: 'ControlledInput',\r\n mdPath: mdPath,\r\n title: 'Controlled Input',\r\n desc: `Controlled Input example.`,\r\n component: <ControlledInput />,\r\n },\r\n]\r\n\r\nconst demoApi = [\r\n {\r\n component: 'Input',\r\n api: [\r\n {\r\n propName: 'disabled',\r\n type: `<code>boolean</code>`,\r\n default: `-`,\r\n desc: 'Whether the Input is disabled',\r\n },\r\n {\r\n propName: 'invalid',\r\n type: `<code>boolean</code>`,\r\n default: `-`,\r\n desc: 'Whether the Input is invalid status',\r\n },\r\n {\r\n propName: 'onBlur',\r\n type: `<code>(e: MouseEvent) => void</code>`,\r\n default: `-`,\r\n desc: 'Callback when Input remove focus',\r\n },\r\n {\r\n propName: 'onChange',\r\n type: `<code>(e: MouseEvent) => void</code>`,\r\n default: `-`,\r\n desc: 'Callback when Input value changed',\r\n },\r\n {\r\n propName: 'onFocus',\r\n type: `<code>(e: MouseEvent) => void</code>`,\r\n default: `-`,\r\n desc: 'Callback when Input is focused',\r\n },\r\n {\r\n propName: 'prefix',\r\n type: `<code>string</code> \| <code>ReactNode</code>`,\r\n default: `-`,\r\n desc: 'Render a prefix content inside Input',\r\n },\r\n {\r\n propName: 'size',\r\n type: `<code>'lg'</code> \| <code>'md'</code> \| <code>'sm'</code>`,\r\n default: `<code>'md'</code>`,\r\n desc: 'Input size',\r\n },\r\n {\r\n propName: 'suffix',\r\n type: `<code>string</code> \| <code>ReactNode</code>`,\r\n default: `-`,\r\n desc: 'Render a suffix content inside Input',\r\n },\r\n {\r\n propName: 'textArea',\r\n type: `<code>boolean</code>`,\r\n default: `-`,\r\n desc: 'Whether to turn Input into textarea field',\r\n },\r\n {\r\n propName: 'type',\r\n type: `<code>string</code>`,\r\n default: `<code>'text'</code>`,\r\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',\r\n },\r\n {\r\n propName: 'unstyle',\r\n type: `<code>boolean</code>`,\r\n default: `<code>false</code>`,\r\n desc: 'Whether to remove input default style',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nconst Input = () => {\r\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\r\n}\r\n\r\nexport default Input\r\n"],"names":["mdPath","demoHeader","demos","Basic","Sizes","Disabled","Affix","PasswordVisible","Textarea","Invalid","ControlledInput","demoApi","Input","DemoLayout"],"mappings":"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"}
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":["mdPath","demoHeader","demos","Basic","Sizes","Disabled","Affix","PasswordVisible","Textarea","Invalid","ControlledInput","demoApi","Input","DemoLayout"],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/InputGroup/Addons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Addons.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/Addons.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\r\nimport Input from '@/components/ui/Input'\r\n\r\nconst { Addon } = InputGroup\r\n\r\nconst Addons = () => {\r\n return (\r\n <div>\r\n <InputGroup className=\"mb-4\">\r\n <Addon>@</Addon>\r\n <Input />\r\n </InputGroup>\r\n <InputGroup className=\"mb-4\">\r\n <Input />\r\n <Addon>.exmaple.com</Addon>\r\n </InputGroup>\r\n <InputGroup className=\"mb-4\">\r\n <Addon>http://</Addon>\r\n <Input />\r\n <Addon>.com</Addon>\r\n </InputGroup>\r\n <InputGroup className=\"mb-4\">\r\n <Input />\r\n <Addon>to</Addon>\r\n <Input />\r\n </InputGroup>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Addons\r\n"],"names":["Addon","InputGroup","Addons","jsxs","jsx","Input"],"mappings":";;;;AAGA,MAAM,EAAE,OAAAA,MAAUC,GAEZC,IAAS,wBAEN,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACJ,KAAM,UAAA,IAAA,CAAC;AAAA,sBACPK,GAAA,CAAA,CAAM;AAAA,EAAA,GACX;AAAA,EACA,gBAAAF,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EAAM;AAAA,IACP,gBAAAD,EAACJ,KAAM,UAAA,eAAA,CAAY;AAAA,EAAA,GACvB;AAAA,EACA,gBAAAG,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACJ,KAAM,UAAA,UAAA,CAAO;AAAA,sBACbK,GAAA,EAAM;AAAA,IACP,gBAAAD,EAACJ,KAAM,UAAA,OAAA,CAAI;AAAA,EAAA,GACf;AAAA,EACA,gBAAAG,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EAAM;AAAA,IACP,gBAAAD,EAACJ,KAAM,UAAA,KAAA,CAAE;AAAA,sBACRK,GAAA,CAAA,CAAM;AAAA,EAAA,EAAA,CACX;AAAA,GACJ;"}
1	+ {"version":3,"file":"Addons.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/Addons.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\n\nconst { Addon } = InputGroup\n\nconst Addons = () => {\n return (\n <div>\n <InputGroup className=\"mb-4\">\n <Addon>@</Addon>\n <Input />\n </InputGroup>\n <InputGroup className=\"mb-4\">\n <Input />\n <Addon>.exmaple.com</Addon>\n </InputGroup>\n <InputGroup className=\"mb-4\">\n <Addon>http://</Addon>\n <Input />\n <Addon>.com</Addon>\n </InputGroup>\n <InputGroup className=\"mb-4\">\n <Input />\n <Addon>to</Addon>\n <Input />\n </InputGroup>\n </div>\n )\n}\n\nexport default Addons\n"],"names":["Addon","InputGroup","Addons","jsxs","jsx","Input"],"mappings":";;;;AAGA,MAAM,EAAE,OAAAA,MAAUC,GAEZC,IAAS,wBAEN,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACJ,KAAM,UAAA,IAAA,CAAC;AAAA,sBACPK,GAAA,CAAA,CAAM;AAAA,EAAA,GACX;AAAA,EACA,gBAAAF,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EAAM;AAAA,IACP,gBAAAD,EAACJ,KAAM,UAAA,eAAA,CAAY;AAAA,EAAA,GACvB;AAAA,EACA,gBAAAG,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACJ,KAAM,UAAA,UAAA,CAAO;AAAA,sBACbK,GAAA,EAAM;AAAA,IACP,gBAAAD,EAACJ,KAAM,UAAA,OAAA,CAAI;AAAA,EAAA,GACf;AAAA,EACA,gBAAAG,EAACF,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EAAM;AAAA,IACP,gBAAAD,EAACJ,KAAM,UAAA,KAAA,CAAE;AAAA,sBACRK,GAAA,CAAA,CAAM;AAAA,EAAA,EAAA,CACX;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/InputGroup/OtherCombination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OtherCombination.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/OtherCombination.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\r\nimport Input from '@/components/ui/Input'\r\nimport Button from '@/components/ui/Button'\r\nimport Select from '@/components/ui/Select'\r\nimport DatePicker from '@/components/ui/DatePicker'\r\nimport { HiOutlineMicrophone } from 'react-icons/hi'\r\n\r\nconst { Addon } = InputGroup\r\n\r\nconst options1 = [\r\n { value: '.com', label: '.com' },\r\n { value: '.net', label: '.net' },\r\n { value: '.io', label: '.io' },\r\n]\r\n\r\nconst options2 = [\r\n { value: '12.00 AM', label: '12.00 AM' },\r\n { value: '1.00 AM ', label: '1.00 AM' },\r\n { value: '2.00 AM ', label: '2.00 AM' },\r\n { value: '3.00 AM ', label: '3.00 AM' },\r\n { value: '4.00 AM ', label: '4.00 AM' },\r\n { value: '5.00 AM ', label: '5.00 AM' },\r\n { value: '6.00 AM ', label: '6.00 AM' },\r\n { value: '7.00 AM ', label: '7.00 AM' },\r\n { value: '8.00 AM ', label: '8.00 AM' },\r\n { value: '9.00 AM ', label: '9.00 AM' },\r\n { value: '10.00 AM ', label: '10.00 AM' },\r\n { value: '11.00 AM ', label: '11.00 AM' },\r\n { value: '12.00 PM ', label: '12.00 PM' },\r\n { value: '1.00 PM ', label: '1.00 PM' },\r\n { value: '2.00 PM ', label: '2.00 PM' },\r\n { value: '3.00 PM ', label: '3.00 PM' },\r\n { value: '4.00 PM ', label: '4.00 PM' },\r\n { value: '5.00 PM ', label: '5.00 PM' },\r\n { value: '6.00 PM ', label: '6.00 PM' },\r\n { value: '7.00 PM ', label: '7.00 PM' },\r\n { value: '8.00 PM ', label: '8.00 PM' },\r\n { value: '9.00 PM ', label: '9.00 PM' },\r\n { value: '10.00 PM ', label: '10.00 PM' },\r\n { value: '11.00 PM ', label: '11.00 PM' },\r\n]\r\n\r\nconst OtherCombination = () => {\r\n return (\r\n <div>\r\n <InputGroup className=\"mb-4\">\r\n <Input\r\n prefix={\r\n <HiOutlineMicrophone className=\"text-xl text-indigo-600 cursor-pointer\" />\r\n }\r\n />\r\n <Button>Send</Button>\r\n </InputGroup>\r\n <InputGroup className=\"mb-4\">\r\n <DatePicker placeholder=\"Start Date\" />\r\n <Addon>To</Addon>\r\n <DatePicker placeholder=\"End Date\" />\r\n </InputGroup>\r\n <InputGroup className=\"mb-4\">\r\n <Input />\r\n <div style={{ minWidth: 120 }}>\r\n <Select\r\n isSearchable={false}\r\n defaultValue={{ label: '.com', value: '.com' }}\r\n options={options1}\r\n />\r\n </div>\r\n </InputGroup>\r\n <InputGroup className=\"mb-4\">\r\n <DatePicker placeholder=\"Select Date\" />\r\n <div style={{ minWidth: 140 }}>\r\n <Select\r\n isSearchable={false}\r\n placeholder=\"Time\"\r\n options={options2}\r\n />\r\n </div>\r\n </InputGroup>\r\n </div>\r\n )\r\n}\r\n\r\nexport default OtherCombination\r\n"],"names":["Addon","InputGroup","options1","options2","OtherCombination","jsxs","jsx","Input","HiOutlineMicrophone","Button","DatePicker","Select"],"mappings":"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"}
1	+ {"version":3,"file":"OtherCombination.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/OtherCombination.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\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 { HiOutlineMicrophone } from 'react-icons/hi'\n\nconst { Addon } = InputGroup\n\nconst options1 = [\n { value: '.com', label: '.com' },\n { value: '.net', label: '.net' },\n { value: '.io', label: '.io' },\n]\n\nconst options2 = [\n { value: '12.00 AM', label: '12.00 AM' },\n { value: '1.00 AM ', label: '1.00 AM' },\n { value: '2.00 AM ', label: '2.00 AM' },\n { value: '3.00 AM ', label: '3.00 AM' },\n { value: '4.00 AM ', label: '4.00 AM' },\n { value: '5.00 AM ', label: '5.00 AM' },\n { value: '6.00 AM ', label: '6.00 AM' },\n { value: '7.00 AM ', label: '7.00 AM' },\n { value: '8.00 AM ', label: '8.00 AM' },\n { value: '9.00 AM ', label: '9.00 AM' },\n { value: '10.00 AM ', label: '10.00 AM' },\n { value: '11.00 AM ', label: '11.00 AM' },\n { value: '12.00 PM ', label: '12.00 PM' },\n { value: '1.00 PM ', label: '1.00 PM' },\n { value: '2.00 PM ', label: '2.00 PM' },\n { value: '3.00 PM ', label: '3.00 PM' },\n { value: '4.00 PM ', label: '4.00 PM' },\n { value: '5.00 PM ', label: '5.00 PM' },\n { value: '6.00 PM ', label: '6.00 PM' },\n { value: '7.00 PM ', label: '7.00 PM' },\n { value: '8.00 PM ', label: '8.00 PM' },\n { value: '9.00 PM ', label: '9.00 PM' },\n { value: '10.00 PM ', label: '10.00 PM' },\n { value: '11.00 PM ', label: '11.00 PM' },\n]\n\nconst OtherCombination = () => {\n return (\n <div>\n <InputGroup className=\"mb-4\">\n <Input\n prefix={\n <HiOutlineMicrophone className=\"text-xl text-indigo-600 cursor-pointer\" />\n }\n />\n <Button>Send</Button>\n </InputGroup>\n <InputGroup className=\"mb-4\">\n <DatePicker placeholder=\"Start Date\" />\n <Addon>To</Addon>\n <DatePicker placeholder=\"End Date\" />\n </InputGroup>\n <InputGroup className=\"mb-4\">\n <Input />\n <div style={{ minWidth: 120 }}>\n <Select\n isSearchable={false}\n defaultValue={{ label: '.com', value: '.com' }}\n options={options1}\n />\n </div>\n </InputGroup>\n <InputGroup className=\"mb-4\">\n <DatePicker placeholder=\"Select Date\" />\n <div style={{ minWidth: 140 }}>\n <Select\n isSearchable={false}\n placeholder=\"Time\"\n options={options2}\n />\n </div>\n </InputGroup>\n </div>\n )\n}\n\nexport default OtherCombination\n"],"names":["Addon","InputGroup","options1","options2","OtherCombination","jsxs","jsx","Input","HiOutlineMicrophone","Button","DatePicker","Select"],"mappings":"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"}

package/dist/@ecme/views/ui-components/forms/InputGroup/Sizes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/Sizes.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\r\nimport Input from '@/components/ui/Input'\r\nimport Button from '@/components/ui/Button'\r\n\r\nconst Sizes = () => {\r\n return (\r\n <div>\r\n <InputGroup size=\"sm\" className=\"mb-4\">\r\n <InputGroup.Addon>@</InputGroup.Addon>\r\n <Input placeholder=\"Small Input\" />\r\n <Button variant=\"solid\">Submit</Button>\r\n </InputGroup>\r\n <InputGroup size=\"lg\" className=\"mb-4\">\r\n <InputGroup.Addon>@</InputGroup.Addon>\r\n <Input placeholder=\"Small Input\" />\r\n <Button variant=\"solid\">Submit</Button>\r\n </InputGroup>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Sizes\r\n"],"names":["Sizes","jsxs","InputGroup","jsx","Input","Button"],"mappings":";;;;;;AAIA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAW,MAAK,MAAK,WAAU,QAC5B,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAW,OAAX,EAAiB,UAAA,IAAA,CAAC;AAAA,IACnB,gBAAAC,EAACC,GAAA,EAAM,aAAY,cAAA,CAAc;AAAA,IACjC,gBAAAD,EAACE,GAAA,EAAO,SAAQ,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,GAClC;AAAA,EACA,gBAAAJ,EAACC,GAAA,EAAW,MAAK,MAAK,WAAU,QAC5B,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAW,OAAX,EAAiB,UAAA,IAAA,CAAC;AAAA,IACnB,gBAAAC,EAACC,GAAA,EAAM,aAAY,cAAA,CAAc;AAAA,IACjC,gBAAAD,EAACE,GAAA,EAAO,SAAQ,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC;AAAA,GACJ;"}
1	+ {"version":3,"file":"Sizes.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/Sizes.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\n\nconst Sizes = () => {\n return (\n <div>\n <InputGroup size=\"sm\" className=\"mb-4\">\n <InputGroup.Addon>@</InputGroup.Addon>\n <Input placeholder=\"Small Input\" />\n <Button variant=\"solid\">Submit</Button>\n </InputGroup>\n <InputGroup size=\"lg\" className=\"mb-4\">\n <InputGroup.Addon>@</InputGroup.Addon>\n <Input placeholder=\"Small Input\" />\n <Button variant=\"solid\">Submit</Button>\n </InputGroup>\n </div>\n )\n}\n\nexport default Sizes\n"],"names":["Sizes","jsxs","InputGroup","jsx","Input","Button"],"mappings":";;;;;;AAIA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAW,MAAK,MAAK,WAAU,QAC5B,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAW,OAAX,EAAiB,UAAA,IAAA,CAAC;AAAA,IACnB,gBAAAC,EAACC,GAAA,EAAM,aAAY,cAAA,CAAc;AAAA,IACjC,gBAAAD,EAACE,GAAA,EAAO,SAAQ,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,GAClC;AAAA,EACA,gBAAAJ,EAACC,GAAA,EAAW,MAAK,MAAK,WAAU,QAC5B,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAW,OAAX,EAAiB,UAAA,IAAA,CAAC;AAAA,IACnB,gBAAAC,EAACC,GAAA,EAAM,aAAY,cAAA,CAAc;AAAA,IACjC,gBAAAD,EAACE,GAAA,EAAO,SAAQ,SAAQ,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/InputGroup/WithButtons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WithButtons.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/WithButtons.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\r\nimport Input from '@/components/ui/Input'\r\nimport Button from '@/components/ui/Button'\r\nimport { HiOutlineMicrophone, HiOutlineSearch } from 'react-icons/hi'\r\n\r\nconst WithButtons = () => {\r\n return (\r\n <div>\r\n <InputGroup className=\"mb-4\">\r\n <Input placeholder=\"Input text to search\" />\r\n <Button>Search</Button>\r\n </InputGroup>\r\n <InputGroup className=\"mb-4\">\r\n <Input placeholder=\"Input text to search\" />\r\n <Button icon={<HiOutlineSearch className=\"text-xl\" />} />\r\n </InputGroup>\r\n <InputGroup className=\"mb-4\">\r\n <Button\r\n variant=\"solid\"\r\n icon={<HiOutlineMicrophone className=\"text-xl\" />}\r\n />\r\n <Input placeholder=\"Input text to search\" />\r\n </InputGroup>\r\n </div>\r\n )\r\n}\r\n\r\nexport default WithButtons\r\n"],"names":["WithButtons","jsxs","InputGroup","jsx","Input","Button","HiOutlineSearch","HiOutlineMicrophone"],"mappings":";;;;;;;AAKA,MAAMA,IAAc,wBAEX,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,IAC1C,gBAAAD,EAACE,KAAO,UAAA,SAAA,CAAM;AAAA,EAAA,GAClB;AAAA,EACA,gBAAAJ,EAACC,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,sBACzCC,GAAA,EAAO,wBAAOC,GAAA,EAAgB,WAAU,WAAU,EAAA,CAAI;AAAA,EAAA,GAC3D;AAAA,EACA,gBAAAL,EAACC,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,MAAM,gBAAAF,EAACI,GAAA,EAAoB,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnD,gBAAAJ,EAACC,GAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,EAAA,EAAA,CAC9C;AAAA,GACJ;"}
1	+ {"version":3,"file":"WithButtons.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/WithButtons.tsx"],"sourcesContent":["import InputGroup from '@/components/ui/InputGroup'\nimport Input from '@/components/ui/Input'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineMicrophone, HiOutlineSearch } from 'react-icons/hi'\n\nconst WithButtons = () => {\n return (\n <div>\n <InputGroup className=\"mb-4\">\n <Input placeholder=\"Input text to search\" />\n <Button>Search</Button>\n </InputGroup>\n <InputGroup className=\"mb-4\">\n <Input placeholder=\"Input text to search\" />\n <Button icon={<HiOutlineSearch className=\"text-xl\" />} />\n </InputGroup>\n <InputGroup className=\"mb-4\">\n <Button\n variant=\"solid\"\n icon={<HiOutlineMicrophone className=\"text-xl\" />}\n />\n <Input placeholder=\"Input text to search\" />\n </InputGroup>\n </div>\n )\n}\n\nexport default WithButtons\n"],"names":["WithButtons","jsxs","InputGroup","jsx","Input","Button","HiOutlineSearch","HiOutlineMicrophone"],"mappings":";;;;;;;AAKA,MAAMA,IAAc,wBAEX,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,IAC1C,gBAAAD,EAACE,KAAO,UAAA,SAAA,CAAM;AAAA,EAAA,GAClB;AAAA,EACA,gBAAAJ,EAACC,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,sBACzCC,GAAA,EAAO,wBAAOC,GAAA,EAAgB,WAAU,WAAU,EAAA,CAAI;AAAA,EAAA,GAC3D;AAAA,EACA,gBAAAL,EAACC,GAAA,EAAW,WAAU,QAClB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,SAAQ;AAAA,QACR,MAAM,gBAAAF,EAACI,GAAA,EAAoB,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEnD,gBAAAJ,EAACC,GAAA,EAAM,aAAY,uBAAA,CAAuB;AAAA,EAAA,EAAA,CAC9C;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/InputGroup/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Addons from './Addons'\r\nimport WithButtons from './WithButtons'\r\nimport Sizes from './Sizes'\r\nimport OtherCombination from './OtherCombination'\r\n\r\nconst mdPath = 'InputGroup'\r\n\r\nconst demoHeader = {\r\n title: 'InputGroup',\r\n desc: 'Input groups allowed us to chain serveral input related components into a single row.',\r\n}\r\n\r\nconst demos = [\r\n {\r\n mdName: 'Addons',\r\n mdPath: mdPath,\r\n title: 'Addons',\r\n desc: ` Addon can be placed on either side of an input. It also can place in between of both Input.`,\r\n component: <Addons />,\r\n },\r\n {\r\n mdName: 'WithButtons',\r\n mdPath: mdPath,\r\n title: 'With Buttons',\r\n desc: `Button can also chain with Input.`,\r\n component: <WithButtons />,\r\n },\r\n {\r\n mdName: 'Sizes',\r\n mdPath: mdPath,\r\n title: 'Sizes',\r\n desc: `Add available sizes value to <code>InputGroup</code> <code>size</code> prop will automatically resize the content.`,\r\n component: <Sizes />,\r\n },\r\n {\r\n mdName: 'OtherCombination',\r\n mdPath: mdPath,\r\n title: 'Other Combination',\r\n desc: `Example of different <code>InputGroup</code> combination.`,\r\n component: <OtherCombination />,\r\n },\r\n]\r\n\r\nconst demoApi = [\r\n {\r\n component: 'InputGroup',\r\n api: [\r\n {\r\n propName: 'size',\r\n type: `<code>'lg'</code> \| <code>'md'</code> \| <code>'sm'</code>`,\r\n default: `-`,\r\n desc: 'InputGroup size',\r\n },\r\n ],\r\n },\r\n {\r\n component: 'InputGroup.Addon',\r\n api: [\r\n {\r\n propName: 'size',\r\n type: `<code>'lg'</code> \| <code>'md'</code> \| <code>'sm'</code>`,\r\n default: `-`,\r\n desc: 'Addon size',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nconst InputGroup = () => {\r\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\r\n}\r\n\r\nexport default InputGroup\r\n"],"names":["mdPath","demoHeader","demos","Addons","WithButtons","Sizes","OtherCombination","demoApi","InputGroup","DemoLayout"],"mappings":";;;;;;AAQA,MAAMA,IAAS,cAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAY;AAAA,EAAA;AAAA,EAE5B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAiB;AAAA,EAAA;AAErC,GAEMC,IAAU;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,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAa,wBACPC,GAAA,EAAW,QAAQR,GAAY,OAAAC,GAAc,KAAKK,GAAS;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/InputGroup/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Addons from './Addons'\nimport WithButtons from './WithButtons'\nimport Sizes from './Sizes'\nimport OtherCombination from './OtherCombination'\n\nconst mdPath = 'InputGroup'\n\nconst demoHeader = {\n title: 'InputGroup',\n desc: 'Input groups allowed us to chain serveral input related components into a single row.',\n}\n\nconst demos = [\n {\n mdName: 'Addons',\n mdPath: mdPath,\n title: 'Addons',\n desc: ` Addon can be placed on either side of an input. It also can place in between of both Input.`,\n component: <Addons />,\n },\n {\n mdName: 'WithButtons',\n mdPath: mdPath,\n title: 'With Buttons',\n desc: `Button can also chain with Input.`,\n component: <WithButtons />,\n },\n {\n mdName: 'Sizes',\n mdPath: mdPath,\n title: 'Sizes',\n desc: `Add available sizes value to <code>InputGroup</code> <code>size</code> prop will automatically resize the content.`,\n component: <Sizes />,\n },\n {\n mdName: 'OtherCombination',\n mdPath: mdPath,\n title: 'Other Combination',\n desc: `Example of different <code>InputGroup</code> combination.`,\n component: <OtherCombination />,\n },\n]\n\nconst demoApi = [\n {\n component: 'InputGroup',\n api: [\n {\n propName: 'size',\n type: `<code>'lg'</code> \| <code>'md'</code> \| <code>'sm'</code>`,\n default: `-`,\n desc: 'InputGroup size',\n },\n ],\n },\n {\n component: 'InputGroup.Addon',\n api: [\n {\n propName: 'size',\n type: `<code>'lg'</code> \| <code>'md'</code> \| <code>'sm'</code>`,\n default: `-`,\n desc: 'Addon size',\n },\n ],\n },\n]\n\nconst InputGroup = () => {\n return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default InputGroup\n"],"names":["mdPath","demoHeader","demos","Addons","WithButtons","Sizes","OtherCombination","demoApi","InputGroup","DemoLayout"],"mappings":";;;;;;AAQA,MAAMA,IAAS,cAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAY;AAAA,EAAA;AAAA,EAE5B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAiB;AAAA,EAAA;AAErC,GAEMC,IAAU;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,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAa,wBACPC,GAAA,EAAW,QAAQR,GAAY,OAAAC,GAAc,KAAKK,GAAS;"}

package/dist/@ecme/views/ui-components/forms/Radio/Color.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Color.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\r\n\r\nconst Color = () => {\r\n return (\r\n <div>\r\n <Radio defaultChecked radioClass=\"text-green-500\">\r\n Radio\r\n </Radio>\r\n <div className=\"mt-4\">\r\n <Radio.Group\r\n radioClass=\"text-yellow-500\"\r\n value={'Apple'}\r\n name=\"radioColorGroup\"\r\n >\r\n <Radio radioClass=\"text-blue-600\" value={'Apple'}>\r\n Apple\r\n </Radio>\r\n <Radio value={'Banana'}>Banana</Radio>\r\n <Radio value={'Cherry'}>Cherry</Radio>\r\n </Radio.Group>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Color\r\n"],"names":["Color","jsx","Radio","jsxs"],"mappings":";;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,gBAAc,IAAC,YAAW,kBAAiB,UAAA,SAElD;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAE;AAAA,IAACD,EAAM;AAAA,IAAN;AAAA,MACG,YAAW;AAAA,MACX,OAAO;AAAA,MACP,MAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAD,EAACC,GAAA,EAAM,YAAW,iBAAgB,OAAO,SAAS,UAAA,SAElD;AAAA,QACA,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,QAC9B,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAClC,CACJ;AAAA,GACJ;"}
1	+ {"version":3,"file":"Color.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Color.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Color = () => {\n return (\n <div>\n <Radio defaultChecked radioClass=\"text-green-500\">\n Radio\n </Radio>\n <div className=\"mt-4\">\n <Radio.Group\n radioClass=\"text-yellow-500\"\n value={'Apple'}\n name=\"radioColorGroup\"\n >\n <Radio radioClass=\"text-blue-600\" value={'Apple'}>\n Apple\n </Radio>\n <Radio value={'Banana'}>Banana</Radio>\n <Radio value={'Cherry'}>Cherry</Radio>\n </Radio.Group>\n </div>\n </div>\n )\n}\n\nexport default Color\n"],"names":["Color","jsx","Radio","jsxs"],"mappings":";;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,gBAAc,IAAC,YAAW,kBAAiB,UAAA,SAElD;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAE;AAAA,IAACD,EAAM;AAAA,IAAN;AAAA,MACG,YAAW;AAAA,MACX,OAAO;AAAA,MACP,MAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAD,EAACC,GAAA,EAAM,YAAW,iBAAgB,OAAO,SAAS,UAAA,SAElD;AAAA,QACA,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,QAC9B,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAClC,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/Radio/Disabled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Disabled.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\r\n\r\nconst Disabled = () => {\r\n return (\r\n <div>\r\n <Radio disabled className=\"mr-4\">\r\n Disabled Radio\r\n </Radio>\r\n <Radio disabled checked>\r\n Disabled Checked Radio\r\n </Radio>\r\n <div className=\"mt-4\">\r\n <Radio.Group disabled value={'Apple'}>\r\n <Radio value={'Apple'}>Apple</Radio>\r\n <Radio value={'Banana'}>Banana</Radio>\r\n <Radio value={'Cherry'}>Cherry</Radio>\r\n </Radio.Group>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Disabled\r\n"],"names":["Disabled","jsx","Radio","jsxs"],"mappings":";;AAEA,MAAMA,IAAW,wBAER,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,UAAQ,IAAC,WAAU,QAAO,UAAA,kBAEjC;AAAA,oBACCA,GAAA,EAAM,UAAQ,IAAC,SAAO,IAAC,UAAA,0BAExB;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAE,EAACD,EAAM,OAAN,EAAY,UAAQ,IAAC,OAAO,SACzB,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,IAC5B,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,IAC9B,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC,EAAA,CACJ;AAAA,GACJ;"}
1	+ {"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Disabled.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Disabled = () => {\n return (\n <div>\n <Radio disabled className=\"mr-4\">\n Disabled Radio\n </Radio>\n <Radio disabled checked>\n Disabled Checked Radio\n </Radio>\n <div className=\"mt-4\">\n <Radio.Group disabled value={'Apple'}>\n <Radio value={'Apple'}>Apple</Radio>\n <Radio value={'Banana'}>Banana</Radio>\n <Radio value={'Cherry'}>Cherry</Radio>\n </Radio.Group>\n </div>\n </div>\n )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","Radio","jsxs"],"mappings":";;AAEA,MAAMA,IAAW,wBAER,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,UAAQ,IAAC,WAAU,QAAO,UAAA,kBAEjC;AAAA,oBACCA,GAAA,EAAM,UAAQ,IAAC,SAAO,IAAC,UAAA,0BAExB;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAE,EAACD,EAAM,OAAN,EAAY,UAAQ,IAAC,OAAO,SACzB,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,IAC5B,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,IAC9B,gBAAAD,EAACC,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/Radio/Group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Group.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Group.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Radio from '@/components/ui/Radio'\r\n\r\nconst Group = () => {\r\n const [value, setValue] = useState('Banana')\r\n\r\n const onChange = (val: string) => {\r\n setValue(val)\r\n }\r\n\r\n return (\r\n <div>\r\n <Radio.Group value={value} onChange={onChange}>\r\n <Radio value={'Apple'}>Apple</Radio>\r\n <Radio value={'Banana'}>Banana</Radio>\r\n <Radio value={'Cherry'}>Cherry</Radio>\r\n </Radio.Group>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Group\r\n"],"names":["Group","value","setValue","useState","onChange","val","jsxs","Radio","jsx"],"mappings":";;;AAGA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,QAAQ,GAErCC,IAAW,CAACC,MAAgB;AAC9B,IAAAH,EAASG,CAAG;AAAA,~~EAAA~~;~~AAGhB~~,2BACK,OAAA,EACG,UAAA,gBAAAC,EAACC,EAAM,OAAN,EAAY,OAAAN,GAAc,UAAAG,GACvB,UAAA;AAAA,IAAA,gBAAAI,EAACD,GAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,IAC5B,gBAAAC,EAACD,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,IAC9B,gBAAAC,EAACD,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC,EAAA,CACJ;AAER;"}
1	+ {"version":3,"file":"Group.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Group.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Radio from '@/components/ui/Radio'\n\nconst Group = () => {\n const [value, setValue] = useState('Banana')\n\n const onChange = (val: string) => {\n setValue(val)\n }\n\n return (\n <div>\n <Radio.Group value={value} onChange={onChange}>\n <Radio value={'Apple'}>Apple</Radio>\n <Radio value={'Banana'}>Banana</Radio>\n <Radio value={'Cherry'}>Cherry</Radio>\n </Radio.Group>\n </div>\n )\n}\n\nexport default Group\n"],"names":["Group","value","setValue","useState","onChange","val","jsxs","Radio","jsx"],"mappings":";;;AAGA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,QAAQ,GAErCC,IAAW,CAACC,MAAgB;AAC9B,IAAAH,EAASG,CAAG;AAAA,EAChB;AAEA,2BACK,OAAA,EACG,UAAA,gBAAAC,EAACC,EAAM,OAAN,EAAY,OAAAN,GAAc,UAAAG,GACvB,UAAA;AAAA,IAAA,gBAAAI,EAACD,GAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,IAC5B,gBAAAC,EAACD,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,IAC9B,gBAAAC,EAACD,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Radio/Simple.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Simple.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Simple.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\r\n\r\nconst Simple = () => {\r\n return (\r\n <div>\r\n <Radio className=\"mr-4\" name=\"simpleRadioExample\">\r\n Radio\r\n </Radio>\r\n <Radio defaultChecked name=\"simpleRadioExample\">\r\n Checked Radio\r\n </Radio>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Simple\r\n"],"names":["Simple","jsx","Radio"],"mappings":";;AAEA,MAAMA,IAAS,wBAEN,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,WAAU,QAAO,MAAK,sBAAqB,UAAA,SAElD;AAAA,oBACCA,GAAA,EAAM,gBAAc,IAAC,MAAK,sBAAqB,UAAA,gBAAA,CAEhD;AAAA,GACJ;"}
1	+ {"version":3,"file":"Simple.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Simple.tsx"],"sourcesContent":["import Radio from '@/components/ui/Radio'\n\nconst Simple = () => {\n return (\n <div>\n <Radio className=\"mr-4\" name=\"simpleRadioExample\">\n Radio\n </Radio>\n <Radio defaultChecked name=\"simpleRadioExample\">\n Checked Radio\n </Radio>\n </div>\n )\n}\n\nexport default Simple\n"],"names":["Simple","jsx","Radio"],"mappings":";;AAEA,MAAMA,IAAS,wBAEN,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,WAAU,QAAO,MAAK,sBAAqB,UAAA,SAElD;AAAA,oBACCA,GAAA,EAAM,gBAAc,IAAC,MAAK,sBAAqB,UAAA,gBAAA,CAEhD;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/forms/Radio/Vertical.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Vertical.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Vertical.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport Radio from '@/components/ui/Radio'\r\n\r\nconst Vertical = () => {\r\n const [value, setValue] = useState('Banana')\r\n\r\n const onChange = (val: string) => {\r\n setValue(val)\r\n }\r\n\r\n return (\r\n <div>\r\n <div className=\"mt-4\">\r\n <Radio.Group vertical value={value} onChange={onChange}>\r\n <Radio value={'Apple'}>Apple</Radio>\r\n <Radio value={'Banana'}>Banana</Radio>\r\n <Radio value={'Cherry'}>Cherry</Radio>\r\n </Radio.Group>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Vertical\r\n"],"names":["Vertical","value","setValue","useState","onChange","val","jsx","jsxs","Radio"],"mappings":";;;AAGA,MAAMA,IAAW,MAAM;AACnB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,QAAQ,GAErCC,IAAW,CAACC,MAAgB;AAC9B,IAAAH,EAASG,CAAG;AAAA,~~EAAA~~;~~AAGhB~~,SACI,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAC,EAACC,EAAM,OAAN,EAAY,UAAQ,IAAC,OAAAP,GAAc,UAAAG,GAChC,UAAA;AAAA,IAAA,gBAAAE,EAACE,GAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,IAC5B,gBAAAF,EAACE,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,IAC9B,gBAAAF,EAACE,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC,GACJ,GACJ;AAER;"}
1	+ {"version":3,"file":"Vertical.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Radio/Vertical.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Radio from '@/components/ui/Radio'\n\nconst Vertical = () => {\n const [value, setValue] = useState('Banana')\n\n const onChange = (val: string) => {\n setValue(val)\n }\n\n return (\n <div>\n <div className=\"mt-4\">\n <Radio.Group vertical value={value} onChange={onChange}>\n <Radio value={'Apple'}>Apple</Radio>\n <Radio value={'Banana'}>Banana</Radio>\n <Radio value={'Cherry'}>Cherry</Radio>\n </Radio.Group>\n </div>\n </div>\n )\n}\n\nexport default Vertical\n"],"names":["Vertical","value","setValue","useState","onChange","val","jsx","jsxs","Radio"],"mappings":";;;AAGA,MAAMA,IAAW,MAAM;AACnB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,QAAQ,GAErCC,IAAW,CAACC,MAAgB;AAC9B,IAAAH,EAASG,CAAG;AAAA,EAChB;AAEA,SACI,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAC,EAACC,EAAM,OAAN,EAAY,UAAQ,IAAC,OAAAP,GAAc,UAAAG,GAChC,UAAA;AAAA,IAAA,gBAAAE,EAACE,GAAA,EAAM,OAAO,SAAS,UAAA,SAAK;AAAA,IAC5B,gBAAAF,EAACE,GAAA,EAAM,OAAO,UAAU,UAAA,UAAM;AAAA,IAC9B,gBAAAF,EAACE,GAAA,EAAM,OAAO,UAAU,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CAClC,GACJ,GACJ;AAER;"}