npm - @orbe-agro/client-core - Versions diffs - 5.3.9 → 5.3.10 - Mend

@orbe-agro/client-core 5.3.9 → 5.3.10

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 (466) 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'\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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"}
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'\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,~~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'\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,~~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/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'\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,~~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/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'\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,~~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/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'\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,~~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;"}

package/dist/@ecme/views/ui-components/forms/Segment/Controlled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Controlled.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport Segment from '@/components/ui/Segment'\n\nconst Controlled = () => {\n const [singleSegmentValue, setSingleSegmentValue] = useState('left')\n const [multipleSegmentValue, setMultipleSegmentValue] = useState(['center'])\n\n const onSingleSelectionSegmentChange = useCallback(\n (val: string) => {\n setSingleSegmentValue(val)\n },\n [setSingleSegmentValue],\n )\n\n const onMultipleSegmentValueChange = useCallback(\n (val: string[]) => {\n setMultipleSegmentValue(val)\n },\n [setMultipleSegmentValue],\n )\n\n return (\n <>\n <div className=\"mb-6\">\n <h6 className=\"mb-3\">Single Selection</h6>\n <Segment\n value={singleSegmentValue}\n onChange={(val) =>\n onSingleSelectionSegmentChange(val as string)\n }\n >\n <Segment.Item value=\"left\">Left</Segment.Item>\n <Segment.Item value=\"center\">Center</Segment.Item>\n <Segment.Item value=\"right\">Right</Segment.Item>\n </Segment>\n </div>\n <div>\n <h6 className=\"mb-3\">Multiple Selection</h6>\n <Segment\n selectionType=\"multiple\"\n value={multipleSegmentValue}\n onChange={(val) =>\n onMultipleSegmentValueChange(val as string[])\n }\n >\n <Segment.Item value=\"left\">Left</Segment.Item>\n <Segment.Item value=\"center\">Center</Segment.Item>\n <Segment.Item value=\"right\">Right</Segment.Item>\n </Segment>\n </div>\n </>\n )\n}\n\nexport default Controlled\n"],"names":["Controlled","singleSegmentValue","setSingleSegmentValue","useState","multipleSegmentValue","setMultipleSegmentValue","onSingleSelectionSegmentChange","useCallback","val","onMultipleSegmentValueChange","jsxs","Fragment","jsx","Segment"],"mappings":";;;AAGA,MAAMA,IAAa,MAAM;AACrB,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,MAAM,GAC7D,CAACC,GAAsBC,CAAuB,IAAIF,EAAS,CAAC,QAAQ,CAAC,GAErEG,IAAiCC;AAAA,IACnC,CAACC,MAAgB;AACb,MAAAN,EAAsBM,CAAG;AAAA,~~IAAA~~;AAAA,~~IAE7B~~,CAACN,CAAqB;AAAA,EAAA,GAGpBO,IAA+BF;AAAA,IACjC,CAACC,MAAkB;AACf,MAAAH,EAAwBG,CAAG;AAAA,~~IAAA~~;AAAA,~~IAE/B~~,CAACH,CAAuB;AAAA,EAAA;AAG5B,SACI,gBAAAK,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,MACrC,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,OAAOZ;AAAA,UACP,UAAU,CAACO,MACPF,EAA+BE,CAAa;AAAA,UAGhD,UAAA;AAAA,YAAA,gBAAAI,EAACC,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,8BAC9BA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,UAAM;AAAA,8BAClCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrC,GACJ;AAAA,sBACC,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,sBAAkB;AAAA,MACvC,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,eAAc;AAAA,UACd,OAAOT;AAAA,UACP,UAAU,CAACI,MACPC,EAA6BD,CAAe;AAAA,UAGhD,UAAA;AAAA,YAAA,gBAAAI,EAACC,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,8BAC9BA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,UAAM;AAAA,8BAClCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrC,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
1	+ {"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Controlled.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport Segment from '@/components/ui/Segment'\n\nconst Controlled = () => {\n const [singleSegmentValue, setSingleSegmentValue] = useState('left')\n const [multipleSegmentValue, setMultipleSegmentValue] = useState(['center'])\n\n const onSingleSelectionSegmentChange = useCallback(\n (val: string) => {\n setSingleSegmentValue(val)\n },\n [setSingleSegmentValue],\n )\n\n const onMultipleSegmentValueChange = useCallback(\n (val: string[]) => {\n setMultipleSegmentValue(val)\n },\n [setMultipleSegmentValue],\n )\n\n return (\n <>\n <div className=\"mb-6\">\n <h6 className=\"mb-3\">Single Selection</h6>\n <Segment\n value={singleSegmentValue}\n onChange={(val) =>\n onSingleSelectionSegmentChange(val as string)\n }\n >\n <Segment.Item value=\"left\">Left</Segment.Item>\n <Segment.Item value=\"center\">Center</Segment.Item>\n <Segment.Item value=\"right\">Right</Segment.Item>\n </Segment>\n </div>\n <div>\n <h6 className=\"mb-3\">Multiple Selection</h6>\n <Segment\n selectionType=\"multiple\"\n value={multipleSegmentValue}\n onChange={(val) =>\n onMultipleSegmentValueChange(val as string[])\n }\n >\n <Segment.Item value=\"left\">Left</Segment.Item>\n <Segment.Item value=\"center\">Center</Segment.Item>\n <Segment.Item value=\"right\">Right</Segment.Item>\n </Segment>\n </div>\n </>\n )\n}\n\nexport default Controlled\n"],"names":["Controlled","singleSegmentValue","setSingleSegmentValue","useState","multipleSegmentValue","setMultipleSegmentValue","onSingleSelectionSegmentChange","useCallback","val","onMultipleSegmentValueChange","jsxs","Fragment","jsx","Segment"],"mappings":";;;AAGA,MAAMA,IAAa,MAAM;AACrB,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,MAAM,GAC7D,CAACC,GAAsBC,CAAuB,IAAIF,EAAS,CAAC,QAAQ,CAAC,GAErEG,IAAiCC;AAAA,IACnC,CAACC,MAAgB;AACb,MAAAN,EAAsBM,CAAG;AAAA,IAC7B;AAAA,IACA,CAACN,CAAqB;AAAA,EAAA,GAGpBO,IAA+BF;AAAA,IACjC,CAACC,MAAkB;AACf,MAAAH,EAAwBG,CAAG;AAAA,IAC/B;AAAA,IACA,CAACH,CAAuB;AAAA,EAAA;AAG5B,SACI,gBAAAK,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,oBAAgB;AAAA,MACrC,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,OAAOZ;AAAA,UACP,UAAU,CAACO,MACPF,EAA+BE,CAAa;AAAA,UAGhD,UAAA;AAAA,YAAA,gBAAAI,EAACC,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,8BAC9BA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,UAAM;AAAA,8BAClCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrC,GACJ;AAAA,sBACC,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,sBAAkB;AAAA,MACvC,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,eAAc;AAAA,UACd,OAAOT;AAAA,UACP,UAAU,CAACI,MACPC,EAA6BD,CAAe;AAAA,UAGhD,UAAA;AAAA,YAAA,gBAAAI,EAACC,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,8BAC9BA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,UAAM;AAAA,8BAClCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACrC,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/ui-components/forms/Segment/Size.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Size.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Segment from '@/components/ui/Segment'\n\ntype SizeType = 'lg' \| 'md' \| 'sm' \| 'xs'\n\nconst Size = () => {\n const [size, setSize] = useState<SizeType>('md')\n\n const onSizeChange = (val: SizeType) => {\n setSize(val)\n }\n\n return (\n <Segment\n size={size}\n value={size}\n onChange={(value) => onSizeChange(value as SizeType)}\n >\n <Segment.Item value=\"xs\">Extra Small</Segment.Item>\n <Segment.Item value=\"sm\">Small</Segment.Item>\n <Segment.Item value=\"md\">Medium</Segment.Item>\n <Segment.Item value=\"lg\">Large</Segment.Item>\n </Segment>\n )\n}\n\nexport default Size\n"],"names":["Size","size","setSize","useState","onSizeChange","val","jsxs","Segment","value","jsx"],"mappings":";;;AAKA,MAAMA,IAAO,MAAM;AACf,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAmB,IAAI,GAEzCC,IAAe,CAACC,MAAkB;AACpC,IAAAH,EAAQG,CAAG;AAAA,~~EAAA~~;~~AAGf~~,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAAN;AAAA,MACA,OAAOA;AAAA,MACP,UAAU,CAACO,MAAUJ,EAAaI,CAAiB;AAAA,MAEnD,UAAA;AAAA,QAAA,gBAAAC,EAACF,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,eAAW;AAAA,0BACnCA,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,SAAK;AAAA,0BAC7BA,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,UAAM;AAAA,0BAC9BA,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,QAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1C;"}
1	+ {"version":3,"file":"Size.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Segment/Size.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Segment from '@/components/ui/Segment'\n\ntype SizeType = 'lg' \| 'md' \| 'sm' \| 'xs'\n\nconst Size = () => {\n const [size, setSize] = useState<SizeType>('md')\n\n const onSizeChange = (val: SizeType) => {\n setSize(val)\n }\n\n return (\n <Segment\n size={size}\n value={size}\n onChange={(value) => onSizeChange(value as SizeType)}\n >\n <Segment.Item value=\"xs\">Extra Small</Segment.Item>\n <Segment.Item value=\"sm\">Small</Segment.Item>\n <Segment.Item value=\"md\">Medium</Segment.Item>\n <Segment.Item value=\"lg\">Large</Segment.Item>\n </Segment>\n )\n}\n\nexport default Size\n"],"names":["Size","size","setSize","useState","onSizeChange","val","jsxs","Segment","value","jsx"],"mappings":";;;AAKA,MAAMA,IAAO,MAAM;AACf,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAmB,IAAI,GAEzCC,IAAe,CAACC,MAAkB;AACpC,IAAAH,EAAQG,CAAG;AAAA,EACf;AAEA,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAAN;AAAA,MACA,OAAOA;AAAA,MACP,UAAU,CAACO,MAAUJ,EAAaI,CAAiB;AAAA,MAEnD,UAAA;AAAA,QAAA,gBAAAC,EAACF,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,eAAW;AAAA,0BACnCA,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,SAAK;AAAA,0BAC7BA,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,UAAM;AAAA,0BAC9BA,EAAQ,MAAR,EAAa,OAAM,MAAK,UAAA,QAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1C;"}

package/dist/@ecme/views/ui-components/forms/Select/AsyncOnSearch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AsyncOnSearch.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/AsyncOnSearch.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Select from '@/components/ui/Select'\nimport AsyncSelect from 'react-select/async'\n\ntype Option = {\n value: string\n label: string\n color: string\n isFixed?: boolean\n isDisabled?: boolean\n}\n\nconst colourOptions: Option[] = [\n { value: 'ocean', label: 'Ocean', color: '#00B8D9', isFixed: true },\n { value: 'blue', label: 'Blue', color: '#0052CC', isDisabled: true },\n { value: 'purple', label: 'Purple', color: '#5243AA' },\n { value: 'red', label: 'Red', color: '#FF5630', isFixed: true },\n { value: 'orange', label: 'Orange', color: '#FF8B00' },\n { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n { value: 'green', label: 'Green', color: '#36B37E' },\n { value: 'forest', label: 'Forest', color: '#00875A' },\n { value: 'slate', label: 'Slate', color: '#253858' },\n { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst filterColors = (inputValue: string) => {\n return colourOptions.filter((i) =>\n i.label.toLowerCase().includes(inputValue.toLowerCase()),\n )\n}\n\nconst loadOptions = (\n inputValue: string,\n callback: (options: Option[]) => void,\n) => {\n setTimeout(() => {\n const filteredOptions = filterColors(inputValue)\n callback(filteredOptions)\n }, 1000)\n}\n\nconst AsyncOnSearch = () => {\n const [_, setValue] = useState('')\n\n const handleInputChange = (newValue: string) => {\n const inputValue = newValue.replace(/\\W/g, '')\n setValue(inputValue)\n return inputValue\n }\n\n console.log(_)\n\n return (\n <div>\n <Select\n cacheOptions\n defaultOptions\n loadOptions={loadOptions}\n componentAs={AsyncSelect}\n onInputChange={handleInputChange}\n />\n </div>\n )\n}\n\nexport default AsyncOnSearch\n"],"names":["colourOptions","filterColors","inputValue","i","loadOptions","callback","filteredOptions","AsyncOnSearch","_","setValue","useState","handleInputChange","newValue","jsx","Select","AsyncSelect"],"mappings":";;;;;AAYA,MAAMA,IAA0B;AAAA,EAC5B,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,SAAS,GAAA;AAAA,EAC7D,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,GAAA;AAAA,EAC9D,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,SAAS,GAAA;AAAA,EACzD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C,GAEMC,IAAe,CAACC,MACXF,EAAc;AAAA,EAAO,CAACG,MACzBA,EAAE,MAAM,cAAc,SAASD,EAAW,YAAA,CAAa;AAAA,GAIzDE,IAAc,CAChBF,GACAG,MACC;AACD,aAAW,MAAM;AACb,UAAMC,IAAkBL,EAAaC,CAAU;AAC/C,IAAAG,EAASC,CAAe;AAAA,~~EAAA~~,~~GACzB~~,GAAI;AACX,GAEMC,IAAgB,MAAM;AACxB,QAAM,CAACC,GAAGC,CAAQ,IAAIC,EAAS,EAAE,GAE3BC,IAAoB,CAACC,MAAqB;AAC5C,UAAMV,IAAaU,EAAS,QAAQ,OAAO,EAAE;AAC7C,WAAAH,EAASP,CAAU,GACZA;AAAA,~~EAAA~~;~~AAGX~~,iBAAQ,IAAIM,CAAC,qBAGR,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,aAAAV;AAAA,MACA,aAAaW;AAAA,MACb,eAAeJ;AAAA,IAAA;AAAA,EAAA,GAEvB;AAER;"}
1	+ {"version":3,"file":"AsyncOnSearch.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/AsyncOnSearch.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Select from '@/components/ui/Select'\nimport AsyncSelect from 'react-select/async'\n\ntype Option = {\n value: string\n label: string\n color: string\n isFixed?: boolean\n isDisabled?: boolean\n}\n\nconst colourOptions: Option[] = [\n { value: 'ocean', label: 'Ocean', color: '#00B8D9', isFixed: true },\n { value: 'blue', label: 'Blue', color: '#0052CC', isDisabled: true },\n { value: 'purple', label: 'Purple', color: '#5243AA' },\n { value: 'red', label: 'Red', color: '#FF5630', isFixed: true },\n { value: 'orange', label: 'Orange', color: '#FF8B00' },\n { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n { value: 'green', label: 'Green', color: '#36B37E' },\n { value: 'forest', label: 'Forest', color: '#00875A' },\n { value: 'slate', label: 'Slate', color: '#253858' },\n { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst filterColors = (inputValue: string) => {\n return colourOptions.filter((i) =>\n i.label.toLowerCase().includes(inputValue.toLowerCase()),\n )\n}\n\nconst loadOptions = (\n inputValue: string,\n callback: (options: Option[]) => void,\n) => {\n setTimeout(() => {\n const filteredOptions = filterColors(inputValue)\n callback(filteredOptions)\n }, 1000)\n}\n\nconst AsyncOnSearch = () => {\n const [_, setValue] = useState('')\n\n const handleInputChange = (newValue: string) => {\n const inputValue = newValue.replace(/\\W/g, '')\n setValue(inputValue)\n return inputValue\n }\n\n console.log(_)\n\n return (\n <div>\n <Select\n cacheOptions\n defaultOptions\n loadOptions={loadOptions}\n componentAs={AsyncSelect}\n onInputChange={handleInputChange}\n />\n </div>\n )\n}\n\nexport default AsyncOnSearch\n"],"names":["colourOptions","filterColors","inputValue","i","loadOptions","callback","filteredOptions","AsyncOnSearch","_","setValue","useState","handleInputChange","newValue","jsx","Select","AsyncSelect"],"mappings":";;;;;AAYA,MAAMA,IAA0B;AAAA,EAC5B,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,SAAS,GAAA;AAAA,EAC7D,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,GAAA;AAAA,EAC9D,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,SAAS,GAAA;AAAA,EACzD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C,GAEMC,IAAe,CAACC,MACXF,EAAc;AAAA,EAAO,CAACG,MACzBA,EAAE,MAAM,cAAc,SAASD,EAAW,YAAA,CAAa;AAAA,GAIzDE,IAAc,CAChBF,GACAG,MACC;AACD,aAAW,MAAM;AACb,UAAMC,IAAkBL,EAAaC,CAAU;AAC/C,IAAAG,EAASC,CAAe;AAAA,EAC5B,GAAG,GAAI;AACX,GAEMC,IAAgB,MAAM;AACxB,QAAM,CAACC,GAAGC,CAAQ,IAAIC,EAAS,EAAE,GAE3BC,IAAoB,CAACC,MAAqB;AAC5C,UAAMV,IAAaU,EAAS,QAAQ,OAAO,EAAE;AAC7C,WAAAH,EAASP,CAAU,GACZA;AAAA,EACX;AAEA,iBAAQ,IAAIM,CAAC,qBAGR,OAAA,EACG,UAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,cAAY;AAAA,MACZ,gBAAc;AAAA,MACd,aAAAV;AAAA,MACA,aAAaW;AAAA,MACb,eAAeJ;AAAA,IAAA;AAAA,EAAA,GAEvB;AAER;"}

package/dist/@ecme/views/ui-components/forms/Select/Creatable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Creatable.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Creatable.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\nimport CreatableSelect from 'react-select/creatable'\nimport type { InputActionMeta, ActionMeta } from 'react-select'\n\ntype Option = {\n value: string\n label: string\n color: string\n}\n\nconst colourOptions = [\n { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n { value: 'blue', label: 'Blue', color: '#0052CC' },\n { value: 'purple', label: 'Purple', color: '#5243AA' },\n { value: 'red', label: 'Red', color: '#FF5630' },\n { value: 'orange', label: 'Orange', color: '#FF8B00' },\n { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n { value: 'green', label: 'Green', color: '#36B37E' },\n { value: 'forest', label: 'Forest', color: '#00875A' },\n { value: 'slate', label: 'Slate', color: '#253858' },\n { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Creatable = () => {\n const handleChange = (\n newValue: Option \| Option[] \| null,\n actionMeta: ActionMeta<Option>,\n ) => {\n console.group('Value Changed')\n console.log(newValue)\n console.log(`action: ${actionMeta.action}`)\n console.groupEnd()\n }\n\n const handleInputChange = (\n inputValue: string,\n actionMeta: InputActionMeta,\n ) => {\n console.group('Input Changed')\n console.log(inputValue)\n console.log(`action: ${actionMeta.action}`)\n console.groupEnd()\n }\n\n return (\n <div>\n <Select<Option>\n isClearable\n placeholder=\"Type something...\"\n componentAs={CreatableSelect}\n options={colourOptions}\n onChange={handleChange}\n onInputChange={handleInputChange}\n />\n </div>\n )\n}\n\nexport default Creatable\n"],"names":["colourOptions","Creatable","jsx","Select","CreatableSelect","newValue","actionMeta","inputValue"],"mappings":";;;;AAUA,MAAMA,IAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAA;AAAA,EACvC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAA;AAAA,EACrC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C,GAEMC,IAAY,wBAsBT,OAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,aAAW;AAAA,IACX,aAAY;AAAA,IACZ,aAAaC;AAAA,IACb,SAASJ;AAAA,IACT,UA3BS,CACjBK,GACAC,MACC;AACD,cAAQ,MAAM,eAAe,GAC7B,QAAQ,IAAID,CAAQ,GACpB,QAAQ,IAAI,WAAWC,EAAW,MAAM,EAAE,GAC1C,QAAQ,SAAA;AAAA,~~IAAS~~;AAAA,~~IAqBT~~,eAlBc,CACtBC,GACAD,MACC;AACD,cAAQ,MAAM,eAAe,GAC7B,QAAQ,IAAIC,CAAU,GACtB,QAAQ,IAAI,WAAWD,EAAW,MAAM,EAAE,GAC1C,QAAQ,SAAA;AAAA,~~IAAS~~;AAAA,~~EAWM~~;AAAA,GAEvB;"}
1	+ {"version":3,"file":"Creatable.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/Creatable.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\nimport CreatableSelect from 'react-select/creatable'\nimport type { InputActionMeta, ActionMeta } from 'react-select'\n\ntype Option = {\n value: string\n label: string\n color: string\n}\n\nconst colourOptions = [\n { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\n { value: 'blue', label: 'Blue', color: '#0052CC' },\n { value: 'purple', label: 'Purple', color: '#5243AA' },\n { value: 'red', label: 'Red', color: '#FF5630' },\n { value: 'orange', label: 'Orange', color: '#FF8B00' },\n { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n { value: 'green', label: 'Green', color: '#36B37E' },\n { value: 'forest', label: 'Forest', color: '#00875A' },\n { value: 'slate', label: 'Slate', color: '#253858' },\n { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Creatable = () => {\n const handleChange = (\n newValue: Option \| Option[] \| null,\n actionMeta: ActionMeta<Option>,\n ) => {\n console.group('Value Changed')\n console.log(newValue)\n console.log(`action: ${actionMeta.action}`)\n console.groupEnd()\n }\n\n const handleInputChange = (\n inputValue: string,\n actionMeta: InputActionMeta,\n ) => {\n console.group('Input Changed')\n console.log(inputValue)\n console.log(`action: ${actionMeta.action}`)\n console.groupEnd()\n }\n\n return (\n <div>\n <Select<Option>\n isClearable\n placeholder=\"Type something...\"\n componentAs={CreatableSelect}\n options={colourOptions}\n onChange={handleChange}\n onInputChange={handleInputChange}\n />\n </div>\n )\n}\n\nexport default Creatable\n"],"names":["colourOptions","Creatable","jsx","Select","CreatableSelect","newValue","actionMeta","inputValue"],"mappings":";;;;AAUA,MAAMA,IAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAA;AAAA,EACvC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAA;AAAA,EACrC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C,GAEMC,IAAY,wBAsBT,OAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,aAAW;AAAA,IACX,aAAY;AAAA,IACZ,aAAaC;AAAA,IACb,SAASJ;AAAA,IACT,UA3BS,CACjBK,GACAC,MACC;AACD,cAAQ,MAAM,eAAe,GAC7B,QAAQ,IAAID,CAAQ,GACpB,QAAQ,IAAI,WAAWC,EAAW,MAAM,EAAE,GAC1C,QAAQ,SAAA;AAAA,IACZ;AAAA,IAoBY,eAlBc,CACtBC,GACAD,MACC;AACD,cAAQ,MAAM,eAAe,GAC7B,QAAQ,IAAIC,CAAU,GACtB,QAAQ,IAAI,WAAWD,EAAW,MAAM,EAAE,GAC1C,QAAQ,SAAA;AAAA,IACZ;AAAA,EAU2B;AAAA,GAEvB;"}

package/dist/@ecme/views/ui-components/forms/Select/LoadOptionOnExpand.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LoadOptionOnExpand.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/LoadOptionOnExpand.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Select from '@/components/ui/Select'\n\ntype Option = {\n value: string\n label: string\n color: string\n isFixed?: boolean\n isDisabled?: boolean\n}\n\nconst colourOptions: Option[] = [\n { value: 'ocean', label: 'Ocean', color: '#00B8D9', isFixed: true },\n { value: 'blue', label: 'Blue', color: '#0052CC', isDisabled: true },\n { value: 'purple', label: 'Purple', color: '#5243AA' },\n { value: 'red', label: 'Red', color: '#FF5630', isFixed: true },\n { value: 'orange', label: 'Orange', color: '#FF8B00' },\n { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n { value: 'green', label: 'Green', color: '#36B37E' },\n { value: 'forest', label: 'Forest', color: '#00875A' },\n { value: 'slate', label: 'Slate', color: '#253858' },\n { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst LoadOptionOnExpand = () => {\n const [options, setOptions] = useState<Option[]>([])\n const [loading, setLoading] = useState(false)\n\n const promiseOptions = () => {\n setTimeout(() => {\n setOptions(colourOptions)\n setLoading(false)\n }, 1500)\n }\n\n const onFocus = () => {\n if (options.length === 0) {\n setLoading(true)\n promiseOptions()\n }\n }\n\n return (\n <div>\n <Select options={options} isLoading={loading} onFocus={onFocus} />\n </div>\n )\n}\n\nexport default LoadOptionOnExpand\n"],"names":["colourOptions","LoadOptionOnExpand","options","setOptions","useState","loading","setLoading","promiseOptions","jsx","Select"],"mappings":";;;;AAWA,MAAMA,IAA0B;AAAA,EAC5B,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,SAAS,GAAA;AAAA,EAC7D,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,GAAA;AAAA,EAC9D,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,SAAS,GAAA;AAAA,EACzD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C,GAEMC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAmB,CAAA,CAAE,GAC7C,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAiB,MAAM;AACzB,eAAW,MAAM;AACb,MAAAJ,EAAWH,CAAa,GACxBM,EAAW,EAAK;AAAA,~~IAAA~~,~~GACjB~~,IAAI;AAAA,~~EAAA~~;~~AAUX~~,SACI,gBAAAE,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAO,SAAAP,GAAkB,WAAWG,GAAS,SATtC,MAAM;AAClB,IAAIH,EAAQ,WAAW,MACnBI,EAAW,EAAI,GACfC,EAAA;AAAA,~~EACJ~~,~~GAKoE~~,EAAA,CACpE;AAER;"}
1	+ {"version":3,"file":"LoadOptionOnExpand.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Select/LoadOptionOnExpand.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Select from '@/components/ui/Select'\n\ntype Option = {\n value: string\n label: string\n color: string\n isFixed?: boolean\n isDisabled?: boolean\n}\n\nconst colourOptions: Option[] = [\n { value: 'ocean', label: 'Ocean', color: '#00B8D9', isFixed: true },\n { value: 'blue', label: 'Blue', color: '#0052CC', isDisabled: true },\n { value: 'purple', label: 'Purple', color: '#5243AA' },\n { value: 'red', label: 'Red', color: '#FF5630', isFixed: true },\n { value: 'orange', label: 'Orange', color: '#FF8B00' },\n { value: 'yellow', label: 'Yellow', color: '#FFC400' },\n { value: 'green', label: 'Green', color: '#36B37E' },\n { value: 'forest', label: 'Forest', color: '#00875A' },\n { value: 'slate', label: 'Slate', color: '#253858' },\n { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst LoadOptionOnExpand = () => {\n const [options, setOptions] = useState<Option[]>([])\n const [loading, setLoading] = useState(false)\n\n const promiseOptions = () => {\n setTimeout(() => {\n setOptions(colourOptions)\n setLoading(false)\n }, 1500)\n }\n\n const onFocus = () => {\n if (options.length === 0) {\n setLoading(true)\n promiseOptions()\n }\n }\n\n return (\n <div>\n <Select options={options} isLoading={loading} onFocus={onFocus} />\n </div>\n )\n}\n\nexport default LoadOptionOnExpand\n"],"names":["colourOptions","LoadOptionOnExpand","options","setOptions","useState","loading","setLoading","promiseOptions","jsx","Select"],"mappings":";;;;AAWA,MAAMA,IAA0B;AAAA,EAC5B,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,SAAS,GAAA;AAAA,EAC7D,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,WAAW,YAAY,GAAA;AAAA,EAC9D,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,WAAW,SAAS,GAAA;AAAA,EACzD,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,EAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,EACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C,GAEMC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAmB,CAAA,CAAE,GAC7C,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAiB,MAAM;AACzB,eAAW,MAAM;AACb,MAAAJ,EAAWH,CAAa,GACxBM,EAAW,EAAK;AAAA,IACpB,GAAG,IAAI;AAAA,EACX;AASA,SACI,gBAAAE,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAO,SAAAP,GAAkB,WAAWG,GAAS,SATtC,MAAM;AAClB,IAAIH,EAAQ,WAAW,MACnBI,EAAW,EAAI,GACfC,EAAA;AAAA,EAER,GAIwE,EAAA,CACpE;AAER;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Basic.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\nimport type { ChangeEvent } from 'react'\n\nconst Basic = () => {\n const onSwitcherToggle = (val: boolean, e: ChangeEvent) => {\n console.log(val, e)\n }\n\n return (\n <div>\n <Switcher defaultChecked onChange={onSwitcherToggle} />\n </div>\n )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Switcher","val","e"],"mappings":";;;AAGA,MAAMA,IAAQ,MAMN,gBAAAC,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,gBAAc,IAAC,UANR,CAACC,GAAcC,MAAmB;AACvD,UAAQ,IAAID,GAAKC,CAAC;~~AAAA~~,~~GAKuC~~,EAAA,CACzD;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Basic.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\nimport type { ChangeEvent } from 'react'\n\nconst Basic = () => {\n const onSwitcherToggle = (val: boolean, e: ChangeEvent) => {\n console.log(val, e)\n }\n\n return (\n <div>\n <Switcher defaultChecked onChange={onSwitcherToggle} />\n </div>\n )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Switcher","val","e"],"mappings":";;;AAGA,MAAMA,IAAQ,MAMN,gBAAAC,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,gBAAc,IAAC,UANR,CAACC,GAAcC,MAAmB;AACvD,UAAQ,IAAID,GAAKC,CAAC;AACtB,GAI6D,EAAA,CACzD;"}

package/dist/@ecme/views/ui-components/forms/Switcher/Controlled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\n\nconst Controlled = () => {\n const [checked, setChecked] = useState(false)\n\n const onSwitcherToggle = (val: boolean) => {\n console.log('value', val)\n setChecked(val)\n }\n\n return (\n <div>\n <Switcher checked={checked} onChange={onSwitcherToggle} />\n </div>\n )\n}\n\nexport default Controlled\n"],"names":["Controlled","checked","setChecked","useState","jsx","Switcher","val"],"mappings":";;;;AAGA,MAAMA,IAAa,MAAM;AACrB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAO5C,2BACK,OAAA,EACG,UAAA,gBAAAC,EAACC,KAAS,SAAAJ,GAAkB,UAPX,CAACK,MAAiB;AACvC,YAAQ,IAAI,SAASA,CAAG,GACxBJ,EAAWI,CAAG;AAAA,~~EAAA~~,~~GAK8C~~,EAAA,CAC5D;AAER;"}
1	+ {"version":3,"file":"Controlled.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\n\nconst Controlled = () => {\n const [checked, setChecked] = useState(false)\n\n const onSwitcherToggle = (val: boolean) => {\n console.log('value', val)\n setChecked(val)\n }\n\n return (\n <div>\n <Switcher checked={checked} onChange={onSwitcherToggle} />\n </div>\n )\n}\n\nexport default Controlled\n"],"names":["Controlled","checked","setChecked","useState","jsx","Switcher","val"],"mappings":";;;;AAGA,MAAMA,IAAa,MAAM;AACrB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAO5C,2BACK,OAAA,EACG,UAAA,gBAAAC,EAACC,KAAS,SAAAJ,GAAkB,UAPX,CAACK,MAAiB;AACvC,YAAQ,IAAI,SAASA,CAAG,GACxBJ,EAAWI,CAAG;AAAA,EAClB,GAIgE,EAAA,CAC5D;AAER;"}

package/dist/@ecme/views/ui-components/forms/Switcher/Loading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loading.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Loading.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\n\nconst Loading = () => {\n const [checked, setChecked] = useState(false)\n const [isLoading, setIsLoading] = useState(false)\n\n const onSwitcherToggle = () => {\n setIsLoading(true)\n setTimeout(() => {\n setChecked((checked) => !checked)\n setIsLoading(false)\n }, 1000)\n }\n\n return (\n <div>\n <Switcher\n checked={checked}\n isLoading={isLoading}\n onChange={onSwitcherToggle}\n />\n </div>\n )\n}\n\nexport default Loading\n"],"names":["Loading","checked","setChecked","useState","isLoading","setIsLoading","jsx","Switcher"],"mappings":";;;;AAGA,MAAMA,IAAU,MAAM;AAClB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK;AAUhD,2BACK,OAAA,EACG,UAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAAAN;AAAA,MACA,WAAAG;AAAA,MACA,UAba,MAAM;AAC3B,QAAAC,EAAa,EAAI,GACjB,WAAW,MAAM;AACb,UAAAH,EAAW,CAACD,MAAY,CAACA,CAAO,GAChCI,EAAa,EAAK;AAAA,~~QAAA~~,~~GACnB~~,GAAI;AAAA,~~MAAA~~;AAAA,~~IAQW~~;AAAA,EAAA,GAElB;AAER;"}
1	+ {"version":3,"file":"Loading.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Loading.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\n\nconst Loading = () => {\n const [checked, setChecked] = useState(false)\n const [isLoading, setIsLoading] = useState(false)\n\n const onSwitcherToggle = () => {\n setIsLoading(true)\n setTimeout(() => {\n setChecked((checked) => !checked)\n setIsLoading(false)\n }, 1000)\n }\n\n return (\n <div>\n <Switcher\n checked={checked}\n isLoading={isLoading}\n onChange={onSwitcherToggle}\n />\n </div>\n )\n}\n\nexport default Loading\n"],"names":["Loading","checked","setChecked","useState","isLoading","setIsLoading","jsx","Switcher"],"mappings":";;;;AAGA,MAAMA,IAAU,MAAM;AAClB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK;AAUhD,2BACK,OAAA,EACG,UAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAAAN;AAAA,MACA,WAAAG;AAAA,MACA,UAba,MAAM;AAC3B,QAAAC,EAAa,EAAI,GACjB,WAAW,MAAM;AACb,UAAAH,EAAW,CAACD,MAAY,CAACA,CAAO,GAChCI,EAAa,EAAK;AAAA,QACtB,GAAG,GAAI;AAAA,MACX;AAAA,IAOsB;AAAA,EAAA,GAElB;AAER;"}

package/dist/@ecme/views/ui-components/forms/Upload/AvatarImage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarImage.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/AvatarImage.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Upload from '@/components/ui/Upload'\nimport { HiOutlinePlus } from 'react-icons/hi'\n\nconst AvatarImage = () => {\n const [avatarImg, setAvatarImg] = useState<string \| null>(null)\n\n const onFileUpload = (files: File[]) => {\n if (files.length > 0) {\n setAvatarImg(URL.createObjectURL(files[0]))\n }\n }\n\n const beforeUpload = (files: FileList \| null) => {\n let valid: string \| boolean = true\n\n const allowedFileType = ['image/jpeg', 'image/png']\n if (files) {\n for (const file of files) {\n if (!allowedFileType.includes(file.type)) {\n valid = 'Please upload a .jpeg or .png file!'\n }\n }\n }\n\n return valid\n }\n\n return (\n <div>\n <Upload\n className=\"cursor-pointer\"\n showList={false}\n uploadLimit={1}\n beforeUpload={beforeUpload}\n onChange={onFileUpload}\n >\n <Avatar\n size={80}\n src={avatarImg as string}\n icon={<HiOutlinePlus />}\n />\n </Upload>\n </div>\n )\n}\n\nexport default AvatarImage\n"],"names":["AvatarImage","avatarImg","setAvatarImg","useState","jsx","Upload","files","valid","allowedFileType","file","Avatar","HiOutlinePlus"],"mappings":";;;;;;AAKA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAwB,IAAI;AAuB9D,2BACK,OAAA,EACG,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cArBS,CAACC,MAA2B;AAC7C,YAAIC,IAA0B;AAE9B,cAAMC,IAAkB,CAAC,cAAc,WAAW;AAClD,YAAIF;AACA,qBAAWG,KAAQH;AACf,YAAKE,EAAgB,SAASC,EAAK,IAAI,MACnCF,IAAQ;AAKpB,eAAOA;AAAA,~~MAAA~~;AAAA,~~MAUC~~,UA5BS,CAACD,MAAkB;AACpC,QAAIA,EAAM,SAAS,KACfJ,EAAa,IAAI,gBAAgBI,EAAM,CAAC,CAAC,CAAC;AAAA,~~MAC9C~~;AAAA,~~MA2BQ~~,UAAA,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,KAAKT;AAAA,UACL,wBAAOU,GAAA,CAAA,CAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB;AAAA,EAAA,GAER;AAER;"}
1	+ {"version":3,"file":"AvatarImage.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/AvatarImage.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Avatar from '@/components/ui/Avatar'\nimport Upload from '@/components/ui/Upload'\nimport { HiOutlinePlus } from 'react-icons/hi'\n\nconst AvatarImage = () => {\n const [avatarImg, setAvatarImg] = useState<string \| null>(null)\n\n const onFileUpload = (files: File[]) => {\n if (files.length > 0) {\n setAvatarImg(URL.createObjectURL(files[0]))\n }\n }\n\n const beforeUpload = (files: FileList \| null) => {\n let valid: string \| boolean = true\n\n const allowedFileType = ['image/jpeg', 'image/png']\n if (files) {\n for (const file of files) {\n if (!allowedFileType.includes(file.type)) {\n valid = 'Please upload a .jpeg or .png file!'\n }\n }\n }\n\n return valid\n }\n\n return (\n <div>\n <Upload\n className=\"cursor-pointer\"\n showList={false}\n uploadLimit={1}\n beforeUpload={beforeUpload}\n onChange={onFileUpload}\n >\n <Avatar\n size={80}\n src={avatarImg as string}\n icon={<HiOutlinePlus />}\n />\n </Upload>\n </div>\n )\n}\n\nexport default AvatarImage\n"],"names":["AvatarImage","avatarImg","setAvatarImg","useState","jsx","Upload","files","valid","allowedFileType","file","Avatar","HiOutlinePlus"],"mappings":";;;;;;AAKA,MAAMA,IAAc,MAAM;AACtB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAwB,IAAI;AAuB9D,2BACK,OAAA,EACG,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cArBS,CAACC,MAA2B;AAC7C,YAAIC,IAA0B;AAE9B,cAAMC,IAAkB,CAAC,cAAc,WAAW;AAClD,YAAIF;AACA,qBAAWG,KAAQH;AACf,YAAKE,EAAgB,SAASC,EAAK,IAAI,MACnCF,IAAQ;AAKpB,eAAOA;AAAA,MACX;AAAA,MASY,UA5BS,CAACD,MAAkB;AACpC,QAAIA,EAAM,SAAS,KACfJ,EAAa,IAAI,gBAAgBI,EAAM,CAAC,CAAC,CAAC;AAAA,MAElD;AAAA,MA0BY,UAAA,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,KAAKT;AAAA,UACL,wBAAOU,GAAA,CAAA,CAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB;AAAA,EAAA,GAER;AAER;"}

package/dist/@ecme/views/ui-components/forms/Upload/BeforeUpload.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BeforeUpload.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/BeforeUpload.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst BeforeUpload = () => {\n const maxUpload = 2\n\n const beforeUpload = (files: FileList \| null, fileList: File[]) => {\n let valid: string \| boolean = true\n\n const allowedFileType = ['image/jpeg', 'image/png']\n const maxFileSize = 500000\n\n if (fileList.length >= maxUpload) {\n return `You can only upload ${maxUpload} file(s)`\n }\n\n if (files) {\n for (const f of files) {\n if (!allowedFileType.includes(f.type)) {\n valid = 'Please upload a .jpeg or .png file!'\n }\n\n if (f.size >= maxFileSize) {\n valid = 'Upload image cannot more then 500kb!'\n }\n }\n }\n\n return valid\n }\n\n const tip = <p className=\"mt-2\">jpeg or png only (max 500kb)</p>\n\n return (\n <div>\n <Upload\n beforeUpload={beforeUpload}\n uploadLimit={maxUpload}\n tip={tip}\n />\n </div>\n )\n}\n\nexport default BeforeUpload\n"],"names":["BeforeUpload","jsx","Upload","files","fileList","valid","allowedFileType","maxFileSize","f"],"mappings":";;;AAEA,MAAMA,IAAe,wBA+BZ,OAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cA9BS,CAACC,GAAwBC,MAAqB;AAC/D,UAAIC,IAA0B;AAE9B,YAAMC,IAAkB,CAAC,cAAc,WAAW,GAC5CC,IAAc;AAEpB,UAAIH,EAAS,UAAU;AACnB,eAAO;AAGX,UAAID;AACA,mBAAWK,KAAKL;AACZ,UAAKG,EAAgB,SAASE,EAAE,IAAI,MAChCH,IAAQ,wCAGRG,EAAE,QAAQD,MACVF,IAAQ;AAKpB,aAAOA;AAAA,~~IAAA~~;AAAA,~~IASC~~,aAAa;AAAA,IACb,KAPA,gBAAAJ,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA,gCAA4B;AAAA,EAOhD;AAAA,GAER;"}
1	+ {"version":3,"file":"BeforeUpload.js","sources":["../../../../../../lib/@ecme/views/ui-components/forms/Upload/BeforeUpload.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst BeforeUpload = () => {\n const maxUpload = 2\n\n const beforeUpload = (files: FileList \| null, fileList: File[]) => {\n let valid: string \| boolean = true\n\n const allowedFileType = ['image/jpeg', 'image/png']\n const maxFileSize = 500000\n\n if (fileList.length >= maxUpload) {\n return `You can only upload ${maxUpload} file(s)`\n }\n\n if (files) {\n for (const f of files) {\n if (!allowedFileType.includes(f.type)) {\n valid = 'Please upload a .jpeg or .png file!'\n }\n\n if (f.size >= maxFileSize) {\n valid = 'Upload image cannot more then 500kb!'\n }\n }\n }\n\n return valid\n }\n\n const tip = <p className=\"mt-2\">jpeg or png only (max 500kb)</p>\n\n return (\n <div>\n <Upload\n beforeUpload={beforeUpload}\n uploadLimit={maxUpload}\n tip={tip}\n />\n </div>\n )\n}\n\nexport default BeforeUpload\n"],"names":["BeforeUpload","jsx","Upload","files","fileList","valid","allowedFileType","maxFileSize","f"],"mappings":";;;AAEA,MAAMA,IAAe,wBA+BZ,OAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cA9BS,CAACC,GAAwBC,MAAqB;AAC/D,UAAIC,IAA0B;AAE9B,YAAMC,IAAkB,CAAC,cAAc,WAAW,GAC5CC,IAAc;AAEpB,UAAIH,EAAS,UAAU;AACnB,eAAO;AAGX,UAAID;AACA,mBAAWK,KAAKL;AACZ,UAAKG,EAAgB,SAASE,EAAE,IAAI,MAChCH,IAAQ,wCAGRG,EAAE,QAAQD,MACVF,IAAQ;AAKpB,aAAOA;AAAA,IACX;AAAA,IAQY,aAAa;AAAA,IACb,KAPA,gBAAAJ,EAAC,KAAA,EAAE,WAAU,QAAO,UAAA,gCAA4B;AAAA,EAOhD;AAAA,GAER;"}

package/dist/@ecme/views/ui-components/graph/Charts/DashedLine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DashedLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/DashedLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst DashedLine = () => {\n const data = [\n {\n name: 'Session Duration',\n data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],\n },\n {\n name: 'Page Views',\n data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35],\n },\n {\n name: 'Total Visits',\n data: [87, 57, 74, 99, 75, 38, 62, 47, 82, 56, 45, 47],\n },\n ]\n\n return (\n <Chart\n options={{\n chart: {\n height: 350,\n type: 'line',\n zoom: {\n enabled: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: [3, 5, 3],\n curve: 'straight',\n dashArray: [0, 8, 5],\n },\n legend: {\n tooltipHoverFormatter: function (val, opts) {\n return (\n val +\n ' - ' +\n opts.w.globals.series[opts.seriesIndex][\n opts.dataPointIndex\n ] +\n ''\n )\n },\n },\n markers: {\n size: 0,\n hover: {\n sizeOffset: 6,\n },\n },\n xaxis: {\n categories: [\n '01 Jan',\n '02 Jan',\n '03 Jan',\n '04 Jan',\n '05 Jan',\n '06 Jan',\n '07 Jan',\n '08 Jan',\n '09 Jan',\n '10 Jan',\n '11 Jan',\n '12 Jan',\n ],\n },\n tooltip: {\n y: [\n {\n title: {\n formatter: function (val) {\n return val + ' (mins)'\n },\n },\n },\n {\n title: {\n formatter: function (val) {\n return val + ' per session'\n },\n },\n },\n {\n title: {\n formatter: function (val) {\n return val\n },\n },\n },\n ],\n },\n grid: {\n borderColor: '#f1f1f1',\n },\n }}\n series={data}\n height={300}\n />\n )\n}\n\nexport default DashedLine\n"],"names":["DashedLine","data","jsx","Chart","COLORS","val","opts"],"mappings":";;;AAGA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,IAAA;AAAA,IAEvD;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,IAEzD;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,EACzD;AAGJ,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,OAAO;AAAA,UACH,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,YACF,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,QAEJ,QAAQ,CAAC,GAAGC,CAAM;AAAA,QAClB,YAAY;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,QAEb,QAAQ;AAAA,UACJ,OAAO,CAAC,GAAG,GAAG,CAAC;AAAA,UACf,OAAO;AAAA,UACP,WAAW,CAAC,GAAG,GAAG,CAAC;AAAA,QAAA;AAAA,QAEvB,QAAQ;AAAA,UACJ,uBAAuB,SAAUC,GAAKC,GAAM;AACxC,mBACID,IACA,QACAC,EAAK,EAAE,QAAQ,OAAOA,EAAK,WAAW,EAClCA,EAAK,cACT;AAAA,~~UAAA~~;AAAA,~~QAGR~~;AAAA,QAEJ,SAAS;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,YACH,YAAY;AAAA,UAAA;AAAA,QAChB;AAAA,QAEJ,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,QAEJ,SAAS;AAAA,UACL,GAAG;AAAA,YACC;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAUD,GAAK;AACtB,yBAAOA,IAAM;AAAA,~~gBAAA~~;AAAA,~~cACjB~~;AAAA,YACJ;AAAA,YAEJ;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAUA,GAAK;AACtB,yBAAOA,IAAM;AAAA,~~gBAAA~~;AAAA,~~cACjB~~;AAAA,YACJ;AAAA,YAEJ;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAUA,GAAK;AACtB,yBAAOA;AAAA,~~gBAAA~~;AAAA,~~cACX~~;AAAA,YACJ;AAAA,UACJ;AAAA,QACJ;AAAA,QAEJ,MAAM;AAAA,UACF,aAAa;AAAA,QAAA;AAAA,MACjB;AAAA,MAEJ,QAAQJ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
1	+ {"version":3,"file":"DashedLine.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Charts/DashedLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst DashedLine = () => {\n const data = [\n {\n name: 'Session Duration',\n data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],\n },\n {\n name: 'Page Views',\n data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35],\n },\n {\n name: 'Total Visits',\n data: [87, 57, 74, 99, 75, 38, 62, 47, 82, 56, 45, 47],\n },\n ]\n\n return (\n <Chart\n options={{\n chart: {\n height: 350,\n type: 'line',\n zoom: {\n enabled: false,\n },\n },\n colors: [...COLORS],\n dataLabels: {\n enabled: false,\n },\n stroke: {\n width: [3, 5, 3],\n curve: 'straight',\n dashArray: [0, 8, 5],\n },\n legend: {\n tooltipHoverFormatter: function (val, opts) {\n return (\n val +\n ' - ' +\n opts.w.globals.series[opts.seriesIndex][\n opts.dataPointIndex\n ] +\n ''\n )\n },\n },\n markers: {\n size: 0,\n hover: {\n sizeOffset: 6,\n },\n },\n xaxis: {\n categories: [\n '01 Jan',\n '02 Jan',\n '03 Jan',\n '04 Jan',\n '05 Jan',\n '06 Jan',\n '07 Jan',\n '08 Jan',\n '09 Jan',\n '10 Jan',\n '11 Jan',\n '12 Jan',\n ],\n },\n tooltip: {\n y: [\n {\n title: {\n formatter: function (val) {\n return val + ' (mins)'\n },\n },\n },\n {\n title: {\n formatter: function (val) {\n return val + ' per session'\n },\n },\n },\n {\n title: {\n formatter: function (val) {\n return val\n },\n },\n },\n ],\n },\n grid: {\n borderColor: '#f1f1f1',\n },\n }}\n series={data}\n height={300}\n />\n )\n}\n\nexport default DashedLine\n"],"names":["DashedLine","data","jsx","Chart","COLORS","val","opts"],"mappings":";;;AAGA,MAAMA,IAAa,MAAM;AACrB,QAAMC,IAAO;AAAA,IACT;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,IAAA;AAAA,IAEvD;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,IAEzD;AAAA,MACI,MAAM;AAAA,MACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAAA;AAAA,EACzD;AAGJ,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAAS;AAAA,QACL,OAAO;AAAA,UACH,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,YACF,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,QAEJ,QAAQ,CAAC,GAAGC,CAAM;AAAA,QAClB,YAAY;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,QAEb,QAAQ;AAAA,UACJ,OAAO,CAAC,GAAG,GAAG,CAAC;AAAA,UACf,OAAO;AAAA,UACP,WAAW,CAAC,GAAG,GAAG,CAAC;AAAA,QAAA;AAAA,QAEvB,QAAQ;AAAA,UACJ,uBAAuB,SAAUC,GAAKC,GAAM;AACxC,mBACID,IACA,QACAC,EAAK,EAAE,QAAQ,OAAOA,EAAK,WAAW,EAClCA,EAAK,cACT;AAAA,UAGR;AAAA,QAAA;AAAA,QAEJ,SAAS;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,YACH,YAAY;AAAA,UAAA;AAAA,QAChB;AAAA,QAEJ,OAAO;AAAA,UACH,YAAY;AAAA,YACR;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACJ;AAAA,QAEJ,SAAS;AAAA,UACL,GAAG;AAAA,YACC;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAUD,GAAK;AACtB,yBAAOA,IAAM;AAAA,gBACjB;AAAA,cAAA;AAAA,YACJ;AAAA,YAEJ;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAUA,GAAK;AACtB,yBAAOA,IAAM;AAAA,gBACjB;AAAA,cAAA;AAAA,YACJ;AAAA,YAEJ;AAAA,cACI,OAAO;AAAA,gBACH,WAAW,SAAUA,GAAK;AACtB,yBAAOA;AAAA,gBACX;AAAA,cAAA;AAAA,YACJ;AAAA,UACJ;AAAA,QACJ;AAAA,QAEJ,MAAM;AAAA,UACF,aAAa;AAAA,QAAA;AAAA,MACjB;AAAA,MAEJ,QAAQJ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/@ecme/views/ui-components/graph/Maps/ChoroplethQuantile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChoroplethQuantile.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/ChoroplethQuantile.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { ComposableMap, Geographies, Geography } from 'react-simple-maps'\nimport { scaleQuantile } from 'd3-scale'\nimport { csv } from 'd3-fetch'\nimport type { DSVRowArray } from 'd3-dsv'\n\nconst geoUrl = 'https://cdn.jsdelivr.net/npm/us-atlas@3/counties-10m.json'\n\nconst ChoroplethQuantile = () => {\n const [data, setData] = useState<DSVRowArray<string>>()\n\n useEffect(() => {\n // https://www.bls.gov/lau/\n csv('/data/unemployment-by-county-2017.csv').then((counties) => {\n setData(counties)\n })\n }, [])\n\n if (!data) {\n return null\n }\n\n const colorScale = scaleQuantile<string>()\n .domain(\n data.map((d) => {\n const unemploymentRate = Number(d.unemployment_rate)\n return isNaN(unemploymentRate) ? null : unemploymentRate\n }),\n )\n .range([\n '#ffedea',\n '#ffcec5',\n '#ffad9f',\n '#ff8a75',\n '#ff5533',\n '#e2492d',\n '#be3d26',\n '#9a311f',\n '#782618',\n ])\n\n return (\n <ComposableMap\n height={200}\n projectionConfig={{ scale: 450 }}\n projection=\"geoAlbersUsa\"\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) =>\n geographies.map((geo) => {\n const cur = data.find((s) => s.id === geo.id)\n return (\n <Geography\n key={geo.rsmKey}\n geography={geo}\n fill={\n cur\n ? colorScale(\n Number(cur.unemployment_rate),\n )\n : '#EEE'\n }\n />\n )\n })\n }\n </Geographies>\n </ComposableMap>\n )\n}\n\nexport default ChoroplethQuantile\n"],"names":["geoUrl","ChoroplethQuantile","data","setData","useState","useEffect","csv","counties","colorScale","scaleQuantile","d","unemploymentRate","jsx","ComposableMap","Geographies","geographies","geo","cur","Geography"],"mappings":";;;;;AAMA,MAAMA,IAAS,6DAETC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAA;AASxB,MAPAC,EAAU,MAAM;AAEZ,IAAAC,EAAI,uCAAuC,EAAE,KAAK,CAACC,MAAa;AAC5D,MAAAJ,EAAQI,CAAQ;AAAA,~~IAAA~~,~~CACnB~~;AAAA,~~EAAA~~,~~GACF~~,~~EAAE~~,GAED,CAACL;AACD,WAAO;AAGX,QAAMM,IAAaC,IACd;AAAA,IACGP,EAAK,IAAI,CAACQ,MAAM;AACZ,YAAMC,IAAmB,OAAOD,EAAE,iBAAiB;AACnD,aAAO,MAAMC,CAAgB,IAAI,OAAOA;AAAA,~~IAAA~~,~~CAC3C~~;AAAA,EAAA,EAEJ,MAAM;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACH;AAEL,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,MACR,kBAAkB,EAAE,OAAO,IAAA;AAAA,MAC3B,YAAW;AAAA,MAEX,UAAA,gBAAAD,EAACE,GAAA,EAAY,WAAWd,GACnB,UAAA,CAAC,EAAE,aAAAe,EAAA,MACAA,EAAY,IAAI,CAACC,MAAQ;AACrB,cAAMC,IAAMf,EAAK,KAAK,CAAC,MAAM,EAAE,OAAOc,EAAI,EAAE;AAC5C,eACI,gBAAAJ;AAAA,UAACM;AAAA,UAAA;AAAA,YAEG,WAAWF;AAAA,YACX,MACIC,IACMT;AAAA,cACI,OAAOS,EAAI,iBAAiB;AAAA,YAAA,IAEhC;AAAA,UAAA;AAAA,UAPLD,EAAI;AAAA,QAAA;AAAA,~~MASb~~,~~CAEP~~,EAAA,CAET;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"ChoroplethQuantile.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/ChoroplethQuantile.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { ComposableMap, Geographies, Geography } from 'react-simple-maps'\nimport { scaleQuantile } from 'd3-scale'\nimport { csv } from 'd3-fetch'\nimport type { DSVRowArray } from 'd3-dsv'\n\nconst geoUrl = 'https://cdn.jsdelivr.net/npm/us-atlas@3/counties-10m.json'\n\nconst ChoroplethQuantile = () => {\n const [data, setData] = useState<DSVRowArray<string>>()\n\n useEffect(() => {\n // https://www.bls.gov/lau/\n csv('/data/unemployment-by-county-2017.csv').then((counties) => {\n setData(counties)\n })\n }, [])\n\n if (!data) {\n return null\n }\n\n const colorScale = scaleQuantile<string>()\n .domain(\n data.map((d) => {\n const unemploymentRate = Number(d.unemployment_rate)\n return isNaN(unemploymentRate) ? null : unemploymentRate\n }),\n )\n .range([\n '#ffedea',\n '#ffcec5',\n '#ffad9f',\n '#ff8a75',\n '#ff5533',\n '#e2492d',\n '#be3d26',\n '#9a311f',\n '#782618',\n ])\n\n return (\n <ComposableMap\n height={200}\n projectionConfig={{ scale: 450 }}\n projection=\"geoAlbersUsa\"\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) =>\n geographies.map((geo) => {\n const cur = data.find((s) => s.id === geo.id)\n return (\n <Geography\n key={geo.rsmKey}\n geography={geo}\n fill={\n cur\n ? colorScale(\n Number(cur.unemployment_rate),\n )\n : '#EEE'\n }\n />\n )\n })\n }\n </Geographies>\n </ComposableMap>\n )\n}\n\nexport default ChoroplethQuantile\n"],"names":["geoUrl","ChoroplethQuantile","data","setData","useState","useEffect","csv","counties","colorScale","scaleQuantile","d","unemploymentRate","jsx","ComposableMap","Geographies","geographies","geo","cur","Geography"],"mappings":";;;;;AAMA,MAAMA,IAAS,6DAETC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAA;AASxB,MAPAC,EAAU,MAAM;AAEZ,IAAAC,EAAI,uCAAuC,EAAE,KAAK,CAACC,MAAa;AAC5D,MAAAJ,EAAQI,CAAQ;AAAA,IACpB,CAAC;AAAA,EACL,GAAG,CAAA,CAAE,GAED,CAACL;AACD,WAAO;AAGX,QAAMM,IAAaC,IACd;AAAA,IACGP,EAAK,IAAI,CAACQ,MAAM;AACZ,YAAMC,IAAmB,OAAOD,EAAE,iBAAiB;AACnD,aAAO,MAAMC,CAAgB,IAAI,OAAOA;AAAA,IAC5C,CAAC;AAAA,EAAA,EAEJ,MAAM;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACH;AAEL,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,MACR,kBAAkB,EAAE,OAAO,IAAA;AAAA,MAC3B,YAAW;AAAA,MAEX,UAAA,gBAAAD,EAACE,GAAA,EAAY,WAAWd,GACnB,UAAA,CAAC,EAAE,aAAAe,EAAA,MACAA,EAAY,IAAI,CAACC,MAAQ;AACrB,cAAMC,IAAMf,EAAK,KAAK,CAAC,MAAM,EAAE,OAAOc,EAAI,EAAE;AAC5C,eACI,gBAAAJ;AAAA,UAACM;AAAA,UAAA;AAAA,YAEG,WAAWF;AAAA,YACX,MACIC,IACMT;AAAA,cACI,OAAOS,EAAI,iBAAiB;AAAA,YAAA,IAEhC;AAAA,UAAA;AAAA,UAPLD,EAAI;AAAA,QAAA;AAAA,MAWrB,CAAC,EAAA,CAET;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/ui-components/graph/Maps/ChoroplethQuantize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChoroplethQuantize.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/ChoroplethQuantize.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { ComposableMap, Geographies, Geography } from 'react-simple-maps'\nimport { scaleQuantize } from 'd3-scale'\nimport { csv } from 'd3-fetch'\nimport type { DSVRowArray } from 'd3-dsv'\n\nconst geoUrl = 'https://cdn.jsdelivr.net/npm/us-atlas@3/counties-10m.json'\n\nconst colorScale = scaleQuantize<string>()\n .domain([1, 10])\n .range([\n '#ffedea',\n '#ffcec5',\n '#ffad9f',\n '#ff8a75',\n '#ff5533',\n '#e2492d',\n '#be3d26',\n '#9a311f',\n '#782618',\n ])\n\nconst ChoroplethQuantize = () => {\n const [data, setData] = useState<DSVRowArray<string>>()\n\n useEffect(() => {\n // https://www.bls.gov/lau/\n csv('/data/unemployment-by-county-2017.csv').then((counties) => {\n setData(counties)\n })\n }, [])\n\n if (!data) {\n return null\n }\n\n return (\n <>\n <ComposableMap\n height={200}\n projectionConfig={{ scale: 450 }}\n projection=\"geoAlbersUsa\"\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) =>\n geographies.map((geo) => {\n const cur = data.find((s) => s.id === geo.id)\n return (\n <Geography\n key={geo.rsmKey}\n geography={geo}\n fill={\n cur\n ? colorScale(\n Number(cur.unemployment_rate),\n )\n : '#EEE'\n }\n />\n )\n })\n }\n </Geographies>\n </ComposableMap>\n </>\n )\n}\n\nexport default ChoroplethQuantize\n"],"names":["geoUrl","colorScale","scaleQuantize","ChoroplethQuantize","data","setData","useState","useEffect","csv","counties","jsx","Fragment","ComposableMap","Geographies","geographies","geo","cur","Geography"],"mappings":";;;;;AAMA,MAAMA,IAAS,6DAETC,IAAaC,IACd,OAAO,CAAC,GAAG,EAAE,CAAC,EACd,MAAM;AAAA,EACH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC,GAECC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAA;AASxB,SAPAC,EAAU,MAAM;AAEZ,IAAAC,EAAI,uCAAuC,EAAE,KAAK,CAACC,MAAa;AAC5D,MAAAJ,EAAQI,CAAQ;AAAA,~~IAAA~~,~~CACnB~~;AAAA,~~EAAA~~,~~GACF~~,~~EAAE~~,GAEAL,IAKD,gBAAAM,EAAAC,GAAA,EACI,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,MACR,kBAAkB,EAAE,OAAO,IAAA;AAAA,MAC3B,YAAW;AAAA,MAEX,UAAA,gBAAAF,EAACG,GAAA,EAAY,WAAWb,GACnB,UAAA,CAAC,EAAE,aAAAc,EAAA,MACAA,EAAY,IAAI,CAACC,MAAQ;AACrB,cAAMC,IAAMZ,EAAK,KAAK,CAAC,MAAM,EAAE,OAAOW,EAAI,EAAE;AAC5C,eACI,gBAAAL;AAAA,UAACO;AAAA,UAAA;AAAA,YAEG,WAAWF;AAAA,YACX,MACIC,IACMf;AAAA,cACI,OAAOe,EAAI,iBAAiB;AAAA,YAAA,IAEhC;AAAA,UAAA;AAAA,UAPLD,EAAI;AAAA,QAAA;AAAA,~~MASb~~,~~CAEP~~,EAAA,CAET;AAAA,IAAA;AAAA,EAAA,GAER,IA/BO;AAiCf;"}
1	+ {"version":3,"file":"ChoroplethQuantize.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/ChoroplethQuantize.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { ComposableMap, Geographies, Geography } from 'react-simple-maps'\nimport { scaleQuantize } from 'd3-scale'\nimport { csv } from 'd3-fetch'\nimport type { DSVRowArray } from 'd3-dsv'\n\nconst geoUrl = 'https://cdn.jsdelivr.net/npm/us-atlas@3/counties-10m.json'\n\nconst colorScale = scaleQuantize<string>()\n .domain([1, 10])\n .range([\n '#ffedea',\n '#ffcec5',\n '#ffad9f',\n '#ff8a75',\n '#ff5533',\n '#e2492d',\n '#be3d26',\n '#9a311f',\n '#782618',\n ])\n\nconst ChoroplethQuantize = () => {\n const [data, setData] = useState<DSVRowArray<string>>()\n\n useEffect(() => {\n // https://www.bls.gov/lau/\n csv('/data/unemployment-by-county-2017.csv').then((counties) => {\n setData(counties)\n })\n }, [])\n\n if (!data) {\n return null\n }\n\n return (\n <>\n <ComposableMap\n height={200}\n projectionConfig={{ scale: 450 }}\n projection=\"geoAlbersUsa\"\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) =>\n geographies.map((geo) => {\n const cur = data.find((s) => s.id === geo.id)\n return (\n <Geography\n key={geo.rsmKey}\n geography={geo}\n fill={\n cur\n ? colorScale(\n Number(cur.unemployment_rate),\n )\n : '#EEE'\n }\n />\n )\n })\n }\n </Geographies>\n </ComposableMap>\n </>\n )\n}\n\nexport default ChoroplethQuantize\n"],"names":["geoUrl","colorScale","scaleQuantize","ChoroplethQuantize","data","setData","useState","useEffect","csv","counties","jsx","Fragment","ComposableMap","Geographies","geographies","geo","cur","Geography"],"mappings":";;;;;AAMA,MAAMA,IAAS,6DAETC,IAAaC,IACd,OAAO,CAAC,GAAG,EAAE,CAAC,EACd,MAAM;AAAA,EACH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC,GAECC,IAAqB,MAAM;AAC7B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAA;AASxB,SAPAC,EAAU,MAAM;AAEZ,IAAAC,EAAI,uCAAuC,EAAE,KAAK,CAACC,MAAa;AAC5D,MAAAJ,EAAQI,CAAQ;AAAA,IACpB,CAAC;AAAA,EACL,GAAG,CAAA,CAAE,GAEAL,IAKD,gBAAAM,EAAAC,GAAA,EACI,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,QAAQ;AAAA,MACR,kBAAkB,EAAE,OAAO,IAAA;AAAA,MAC3B,YAAW;AAAA,MAEX,UAAA,gBAAAF,EAACG,GAAA,EAAY,WAAWb,GACnB,UAAA,CAAC,EAAE,aAAAc,EAAA,MACAA,EAAY,IAAI,CAACC,MAAQ;AACrB,cAAMC,IAAMZ,EAAK,KAAK,CAAC,MAAM,EAAE,OAAOW,EAAI,EAAE;AAC5C,eACI,gBAAAL;AAAA,UAACO;AAAA,UAAA;AAAA,YAEG,WAAWF;AAAA,YACX,MACIC,IACMf;AAAA,cACI,OAAOe,EAAI,iBAAiB;AAAA,YAAA,IAEhC;AAAA,UAAA;AAAA,UAPLD,EAAI;AAAA,QAAA;AAAA,MAWrB,CAAC,EAAA,CAET;AAAA,IAAA;AAAA,EAAA,GAER,IA/BO;AAiCf;"}

package/dist/@ecme/views/ui-components/graph/Maps/MapChartWithTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MapChartWithTooltip.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/MapChartWithTooltip.tsx"],"sourcesContent":["import { useState, memo } from 'react'\nimport { ComposableMap, Geographies, Geography } from 'react-simple-maps'\nimport { Tooltip as ReactTooltip } from 'react-tooltip'\nimport 'react-tooltip/dist/react-tooltip.css'\n\nimport type { Dispatch, SetStateAction } from 'react'\n\nconst geoUrl = '/data/features.json'\n\nconst _MapChart = ({\n setTooltipContent,\n}: {\n setTooltipContent: Dispatch<SetStateAction<string>>\n}) => {\n return (\n <div id=\"map\">\n <ComposableMap\n data-tip=\"\"\n height={200}\n projectionConfig={{ scale: 80 }}\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) =>\n geographies.map((geo) => (\n <Geography\n key={geo.rsmKey}\n geography={geo}\n style={{\n default: {\n fill: '#D6D6DA',\n outline: 'none',\n },\n hover: {\n fill: '#F53',\n outline: 'none',\n },\n pressed: {\n fill: '#E42',\n outline: 'none',\n },\n }}\n onMouseEnter={() => {\n setTooltipContent(`${geo.properties.name}`)\n }}\n onMouseLeave={() => {\n setTooltipContent('')\n }}\n />\n ))\n }\n </Geographies>\n </ComposableMap>\n </div>\n )\n}\n\nconst MapChart = memo(_MapChart)\n\nfunction Map() {\n const [content, setContent] = useState('')\n return (\n <div>\n <MapChart setTooltipContent={setContent} />\n <ReactTooltip float anchorId=\"map\" content={content} />\n </div>\n )\n}\n\nfunction MapChartWithTooltip() {\n return <Map />\n}\n\nexport default MapChartWithTooltip\n"],"names":["geoUrl","_MapChart","setTooltipContent","jsx","ComposableMap","Geographies","geographies","geo","Geography","MapChart","memo","Map","content","setContent","useState","ReactTooltip","MapChartWithTooltip"],"mappings":";;;;;AAOA,MAAMA,IAAS,uBAETC,IAAY,CAAC;AAAA,EACf,mBAAAC;AACJ,MAIQ,gBAAAC,EAAC,OAAA,EAAI,IAAG,OACJ,UAAA,gBAAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAS;AAAA,IACT,QAAQ;AAAA,IACR,kBAAkB,EAAE,OAAO,GAAA;AAAA,IAE3B,UAAA,gBAAAD,EAACE,GAAA,EAAY,WAAWL,GACnB,UAAA,CAAC,EAAE,aAAAM,EAAA,MACAA,EAAY,IAAI,CAACC,MACb,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEG,WAAWD;AAAA,QACX,OAAO;AAAA,UACH,SAAS;AAAA,YACL,MAAM;AAAA,YACN,SAAS;AAAA,UAAA;AAAA,UAEb,OAAO;AAAA,YACH,MAAM;AAAA,YACN,SAAS;AAAA,UAAA;AAAA,UAEb,SAAS;AAAA,YACL,MAAM;AAAA,YACN,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,QAEJ,cAAc,MAAM;AAChB,UAAAL,EAAkB,GAAGK,EAAI,WAAW,IAAI,EAAE;AAAA,~~QAAA~~;AAAA,~~QAE9C~~,cAAc,MAAM;AAChB,UAAAL,EAAkB,EAAE;AAAA,~~QAAA~~;AAAA,~~MACxB~~;AAAA,MArBKK,EAAI;AAAA,IAAA,CAuBhB,EAAA,CAET;AAAA,EAAA;AAAA,GAER,GAIFE,IAAWC,EAAKT,CAAS;AAE/B,SAASU,IAAM;AACX,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAE;AACzC,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAX,EAACM,GAAA,EAAS,mBAAmBI,EAAA,CAAY;AAAA,sBACxCE,GAAA,EAAa,OAAK,IAAC,UAAS,OAAM,SAAAH,EAAA,CAAkB;AAAA,EAAA,GACzD;AAER;AAEA,SAASI,IAAsB;AAC3B,2BAAQL,GAAA,EAAI;AAChB;"}
1	+ {"version":3,"file":"MapChartWithTooltip.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/MapChartWithTooltip.tsx"],"sourcesContent":["import { useState, memo } from 'react'\nimport { ComposableMap, Geographies, Geography } from 'react-simple-maps'\nimport { Tooltip as ReactTooltip } from 'react-tooltip'\nimport 'react-tooltip/dist/react-tooltip.css'\n\nimport type { Dispatch, SetStateAction } from 'react'\n\nconst geoUrl = '/data/features.json'\n\nconst _MapChart = ({\n setTooltipContent,\n}: {\n setTooltipContent: Dispatch<SetStateAction<string>>\n}) => {\n return (\n <div id=\"map\">\n <ComposableMap\n data-tip=\"\"\n height={200}\n projectionConfig={{ scale: 80 }}\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) =>\n geographies.map((geo) => (\n <Geography\n key={geo.rsmKey}\n geography={geo}\n style={{\n default: {\n fill: '#D6D6DA',\n outline: 'none',\n },\n hover: {\n fill: '#F53',\n outline: 'none',\n },\n pressed: {\n fill: '#E42',\n outline: 'none',\n },\n }}\n onMouseEnter={() => {\n setTooltipContent(`${geo.properties.name}`)\n }}\n onMouseLeave={() => {\n setTooltipContent('')\n }}\n />\n ))\n }\n </Geographies>\n </ComposableMap>\n </div>\n )\n}\n\nconst MapChart = memo(_MapChart)\n\nfunction Map() {\n const [content, setContent] = useState('')\n return (\n <div>\n <MapChart setTooltipContent={setContent} />\n <ReactTooltip float anchorId=\"map\" content={content} />\n </div>\n )\n}\n\nfunction MapChartWithTooltip() {\n return <Map />\n}\n\nexport default MapChartWithTooltip\n"],"names":["geoUrl","_MapChart","setTooltipContent","jsx","ComposableMap","Geographies","geographies","geo","Geography","MapChart","memo","Map","content","setContent","useState","ReactTooltip","MapChartWithTooltip"],"mappings":";;;;;AAOA,MAAMA,IAAS,uBAETC,IAAY,CAAC;AAAA,EACf,mBAAAC;AACJ,MAIQ,gBAAAC,EAAC,OAAA,EAAI,IAAG,OACJ,UAAA,gBAAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAS;AAAA,IACT,QAAQ;AAAA,IACR,kBAAkB,EAAE,OAAO,GAAA;AAAA,IAE3B,UAAA,gBAAAD,EAACE,GAAA,EAAY,WAAWL,GACnB,UAAA,CAAC,EAAE,aAAAM,EAAA,MACAA,EAAY,IAAI,CAACC,MACb,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEG,WAAWD;AAAA,QACX,OAAO;AAAA,UACH,SAAS;AAAA,YACL,MAAM;AAAA,YACN,SAAS;AAAA,UAAA;AAAA,UAEb,OAAO;AAAA,YACH,MAAM;AAAA,YACN,SAAS;AAAA,UAAA;AAAA,UAEb,SAAS;AAAA,YACL,MAAM;AAAA,YACN,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,QAEJ,cAAc,MAAM;AAChB,UAAAL,EAAkB,GAAGK,EAAI,WAAW,IAAI,EAAE;AAAA,QAC9C;AAAA,QACA,cAAc,MAAM;AAChB,UAAAL,EAAkB,EAAE;AAAA,QACxB;AAAA,MAAA;AAAA,MArBKK,EAAI;AAAA,IAAA,CAuBhB,EAAA,CAET;AAAA,EAAA;AAAA,GAER,GAIFE,IAAWC,EAAKT,CAAS;AAE/B,SAASU,IAAM;AACX,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAE;AACzC,2BACK,OAAA,EACG,UAAA;AAAA,IAAA,gBAAAX,EAACM,GAAA,EAAS,mBAAmBI,EAAA,CAAY;AAAA,sBACxCE,GAAA,EAAa,OAAK,IAAC,UAAS,OAAM,SAAAH,EAAA,CAAkB;AAAA,EAAA,GACzD;AAER;AAEA,SAASI,IAAsB;AAC3B,2BAAQL,GAAA,EAAI;AAChB;"}

package/dist/@ecme/views/ui-components/graph/Maps/UsaStatesMapWithLabels.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UsaStatesMapWithLabels.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/UsaStatesMapWithLabels.tsx"],"sourcesContent":["import { geoCentroid } from 'd3-geo'\nimport {\n ComposableMap,\n Geographies,\n Geography,\n Marker,\n Annotation,\n} from 'react-simple-maps'\n\nimport allStates from '@/assets/maps/allstates.json'\n\nconst geoUrl = 'https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json'\n\nconst offsets: Record<string, [number, number]> = {\n VT: [50, -8],\n NH: [34, 2],\n MA: [30, -1],\n RI: [28, 2],\n CT: [35, 10],\n NJ: [34, 1],\n DE: [33, 0],\n MD: [47, 10],\n DC: [49, 21],\n}\n\nconst UsaStatesMapWithLabels = () => {\n return (\n <ComposableMap\n height={200}\n projectionConfig={{ scale: 450 }}\n projection=\"geoAlbersUsa\"\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) => (\n <>\n {geographies.map((geo) => (\n <Geography\n key={geo.rsmKey}\n stroke=\"#FFF\"\n geography={geo}\n fill=\"#DDD\"\n />\n ))}\n {geographies.map((geo) => {\n const centroid = geoCentroid(geo)\n const cur = allStates.find((s) => s.val === geo.id)\n return (\n <g key={geo.rsmKey + '-name'}>\n {cur &&\n centroid[0] > -160 &&\n centroid[0] < -67 &&\n (Object.keys(offsets).indexOf(\n cur.id,\n ) === -1 ? (\n <Marker coordinates={centroid}>\n <text\n y=\"2\"\n fontSize={7}\n textAnchor=\"middle\"\n >\n {cur.id}\n </text>\n </Marker>\n ) : (\n <Annotation\n subject={centroid}\n dx={offsets[cur.id][0]}\n dy={offsets[cur.id][1]}\n connectorProps={{}}\n >\n <text\n x={4}\n fontSize={7}\n alignmentBaseline=\"middle\"\n >\n {cur.id}\n </text>\n </Annotation>\n ))}\n </g>\n )\n })}\n </>\n )}\n </Geographies>\n </ComposableMap>\n )\n}\n\nexport default UsaStatesMapWithLabels\n"],"names":["geoUrl","offsets","UsaStatesMapWithLabels","jsx","ComposableMap","Geographies","geographies","jsxs","Fragment","geo","Geography","centroid","geoCentroid","cur","allStates","Marker","Annotation"],"mappings":";;;;AAWA,MAAMA,IAAS,2DAETC,IAA4C;AAAA,EAC9C,IAAI,CAAC,IAAI,EAAE;AAAA,EACX,IAAI,CAAC,IAAI,CAAC;AAAA,EACV,IAAI,CAAC,IAAI,EAAE;AAAA,EACX,IAAI,CAAC,IAAI,CAAC;AAAA,EACV,IAAI,CAAC,IAAI,EAAE;AAAA,EACX,IAAI,CAAC,IAAI,CAAC;AAAA,EACV,IAAI,CAAC,IAAI,CAAC;AAAA,EACV,IAAI,CAAC,IAAI,EAAE;AAAA,EACX,IAAI,CAAC,IAAI,EAAE;AACf,GAEMC,IAAyB,MAEvB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,QAAQ;AAAA,IACR,kBAAkB,EAAE,OAAO,IAAA;AAAA,IAC3B,YAAW;AAAA,IAEX,UAAA,gBAAAD,EAACE,KAAY,WAAWL,GACnB,WAAC,EAAE,aAAAM,EAAA,MACA,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,MAAAF,EAAY,IAAI,CAACG,MACd,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UAEG,QAAO;AAAA,UACP,WAAWD;AAAA,UACX,MAAK;AAAA,QAAA;AAAA,QAHAA,EAAI;AAAA,MAAA,CAKhB;AAAA,MACAH,EAAY,IAAI,CAACG,MAAQ;AACtB,cAAME,IAAWC,EAAYH,CAAG,GAC1BI,IAAMC,EAAU,KAAK,CAAC,MAAM,EAAE,QAAQL,EAAI,EAAE;AAClD,eACI,gBAAAN,EAAC,KAAA,EACI,UAAAU,KACGF,EAAS,CAAC,IAAI,QACdA,EAAS,CAAC,IAAI,QACb,OAAO,KAAKV,CAAO,EAAE;AAAA,UAClBY,EAAI;AAAA,QAAA,MACF,KACF,gBAAAV,EAACY,GAAA,EAAO,aAAaJ,GACjB,UAAA,gBAAAR;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,GAAE;AAAA,YACF,UAAU;AAAA,YACV,YAAW;AAAA,YAEV,UAAAU,EAAI;AAAA,UAAA;AAAA,QAAA,GAEb,IAEA,gBAAAV;AAAA,UAACa;AAAA,UAAA;AAAA,YACG,SAASL;AAAA,YACT,IAAIV,EAAQY,EAAI,EAAE,EAAE,CAAC;AAAA,YACrB,IAAIZ,EAAQY,EAAI,EAAE,EAAE,CAAC;AAAA,YACrB,gBAAgB,CAAA;AAAA,YAEhB,UAAA,gBAAAV;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,GAAG;AAAA,gBACH,UAAU;AAAA,gBACV,mBAAkB;AAAA,gBAEjB,UAAAU,EAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UACT;AAAA,QAAA,MA7BRJ,EAAI,SAAS,OAgCrB;AAAA,~~MAAA~~,~~CAEP~~;AAAA,IAAA,EAAA,CACL,EAAA,CAER;AAAA,EAAA;AAAA;"}
1	+ {"version":3,"file":"UsaStatesMapWithLabels.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/UsaStatesMapWithLabels.tsx"],"sourcesContent":["import { geoCentroid } from 'd3-geo'\nimport {\n ComposableMap,\n Geographies,\n Geography,\n Marker,\n Annotation,\n} from 'react-simple-maps'\n\nimport allStates from '@/assets/maps/allstates.json'\n\nconst geoUrl = 'https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json'\n\nconst offsets: Record<string, [number, number]> = {\n VT: [50, -8],\n NH: [34, 2],\n MA: [30, -1],\n RI: [28, 2],\n CT: [35, 10],\n NJ: [34, 1],\n DE: [33, 0],\n MD: [47, 10],\n DC: [49, 21],\n}\n\nconst UsaStatesMapWithLabels = () => {\n return (\n <ComposableMap\n height={200}\n projectionConfig={{ scale: 450 }}\n projection=\"geoAlbersUsa\"\n >\n <Geographies geography={geoUrl}>\n {({ geographies }) => (\n <>\n {geographies.map((geo) => (\n <Geography\n key={geo.rsmKey}\n stroke=\"#FFF\"\n geography={geo}\n fill=\"#DDD\"\n />\n ))}\n {geographies.map((geo) => {\n const centroid = geoCentroid(geo)\n const cur = allStates.find((s) => s.val === geo.id)\n return (\n <g key={geo.rsmKey + '-name'}>\n {cur &&\n centroid[0] > -160 &&\n centroid[0] < -67 &&\n (Object.keys(offsets).indexOf(\n cur.id,\n ) === -1 ? (\n <Marker coordinates={centroid}>\n <text\n y=\"2\"\n fontSize={7}\n textAnchor=\"middle\"\n >\n {cur.id}\n </text>\n </Marker>\n ) : (\n <Annotation\n subject={centroid}\n dx={offsets[cur.id][0]}\n dy={offsets[cur.id][1]}\n connectorProps={{}}\n >\n <text\n x={4}\n fontSize={7}\n alignmentBaseline=\"middle\"\n >\n {cur.id}\n </text>\n </Annotation>\n ))}\n </g>\n )\n })}\n </>\n )}\n </Geographies>\n </ComposableMap>\n )\n}\n\nexport default UsaStatesMapWithLabels\n"],"names":["geoUrl","offsets","UsaStatesMapWithLabels","jsx","ComposableMap","Geographies","geographies","jsxs","Fragment","geo","Geography","centroid","geoCentroid","cur","allStates","Marker","Annotation"],"mappings":";;;;AAWA,MAAMA,IAAS,2DAETC,IAA4C;AAAA,EAC9C,IAAI,CAAC,IAAI,EAAE;AAAA,EACX,IAAI,CAAC,IAAI,CAAC;AAAA,EACV,IAAI,CAAC,IAAI,EAAE;AAAA,EACX,IAAI,CAAC,IAAI,CAAC;AAAA,EACV,IAAI,CAAC,IAAI,EAAE;AAAA,EACX,IAAI,CAAC,IAAI,CAAC;AAAA,EACV,IAAI,CAAC,IAAI,CAAC;AAAA,EACV,IAAI,CAAC,IAAI,EAAE;AAAA,EACX,IAAI,CAAC,IAAI,EAAE;AACf,GAEMC,IAAyB,MAEvB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,QAAQ;AAAA,IACR,kBAAkB,EAAE,OAAO,IAAA;AAAA,IAC3B,YAAW;AAAA,IAEX,UAAA,gBAAAD,EAACE,KAAY,WAAWL,GACnB,WAAC,EAAE,aAAAM,EAAA,MACA,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,MAAAF,EAAY,IAAI,CAACG,MACd,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UAEG,QAAO;AAAA,UACP,WAAWD;AAAA,UACX,MAAK;AAAA,QAAA;AAAA,QAHAA,EAAI;AAAA,MAAA,CAKhB;AAAA,MACAH,EAAY,IAAI,CAACG,MAAQ;AACtB,cAAME,IAAWC,EAAYH,CAAG,GAC1BI,IAAMC,EAAU,KAAK,CAAC,MAAM,EAAE,QAAQL,EAAI,EAAE;AAClD,eACI,gBAAAN,EAAC,KAAA,EACI,UAAAU,KACGF,EAAS,CAAC,IAAI,QACdA,EAAS,CAAC,IAAI,QACb,OAAO,KAAKV,CAAO,EAAE;AAAA,UAClBY,EAAI;AAAA,QAAA,MACF,KACF,gBAAAV,EAACY,GAAA,EAAO,aAAaJ,GACjB,UAAA,gBAAAR;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,GAAE;AAAA,YACF,UAAU;AAAA,YACV,YAAW;AAAA,YAEV,UAAAU,EAAI;AAAA,UAAA;AAAA,QAAA,GAEb,IAEA,gBAAAV;AAAA,UAACa;AAAA,UAAA;AAAA,YACG,SAASL;AAAA,YACT,IAAIV,EAAQY,EAAI,EAAE,EAAE,CAAC;AAAA,YACrB,IAAIZ,EAAQY,EAAI,EAAE,EAAE,CAAC;AAAA,YACrB,gBAAgB,CAAA;AAAA,YAEhB,UAAA,gBAAAV;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,GAAG;AAAA,gBACH,UAAU;AAAA,gBACV,mBAAkB;AAAA,gBAEjB,UAAAU,EAAI;AAAA,cAAA;AAAA,YAAA;AAAA,UACT;AAAA,QAAA,MA7BRJ,EAAI,SAAS,OAgCrB;AAAA,MAER,CAAC;AAAA,IAAA,EAAA,CACL,EAAA,CAER;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/ui-components/navigation/Dropdown/Default.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Default.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Dropdown/Default.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\nimport type { SyntheticEvent } from 'react'\n\nconst Default = () => {\n const dropdownItems = [\n { key: 'a', name: 'Item A' },\n { key: 'b', name: 'Item B' },\n { key: 'c', name: 'Item C' },\n { key: 'd', name: 'Item D' },\n ]\n\n const onDropdownItemClick = (eventKey: string, e: SyntheticEvent) => {\n console.log('Dropdown Item Clicked', eventKey, e)\n }\n\n const onDropdownClick = (e: SyntheticEvent) => {\n console.log('Dropdown Clicked', e)\n }\n\n return (\n <div>\n <Dropdown title=\"Click Me!\" onClick={onDropdownClick}>\n {dropdownItems.map((item) => (\n <Dropdown.Item\n key={item.key}\n eventKey={item.key}\n onSelect={onDropdownItemClick}\n >\n {item.name}\n </Dropdown.Item>\n ))}\n </Dropdown>\n </div>\n )\n}\n\nexport default Default\n"],"names":["Default","dropdownItems","onDropdownItemClick","eventKey","e","jsx","Dropdown","item"],"mappings":";;AAGA,MAAMA,IAAU,MAAM;AAClB,QAAMC,IAAgB;AAAA,IAClB,EAAE,KAAK,KAAK,MAAM,SAAA;AAAA,IAClB,EAAE,KAAK,KAAK,MAAM,SAAA;AAAA,IAClB,EAAE,KAAK,KAAK,MAAM,SAAA;AAAA,IAClB,EAAE,KAAK,KAAK,MAAM,SAAA;AAAA,EAAS,GAGzBC,IAAsB,CAACC,GAAkBC,MAAsB;AACjE,YAAQ,IAAI,yBAAyBD,GAAUC,CAAC;AAAA,~~EAAA~~;~~AAOpD~~,SACI,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,OAAM,aAAY,SANZ,CAAC,MAAsB;AAC3C,YAAQ,IAAI,oBAAoB,CAAC;AAAA,~~EAAA~~,~~GAMxB~~,UAAAL,EAAc,IAAI,CAACM,MAChB,gBAAAF;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MAEG,UAAUC,EAAK;AAAA,MACf,UAAUL;AAAA,MAET,UAAAK,EAAK;AAAA,IAAA;AAAA,IAJDA,EAAK;AAAA,EAAA,CAMjB,GACL,EAAA,CACJ;AAER;"}
1	+ {"version":3,"file":"Default.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Dropdown/Default.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\nimport type { SyntheticEvent } from 'react'\n\nconst Default = () => {\n const dropdownItems = [\n { key: 'a', name: 'Item A' },\n { key: 'b', name: 'Item B' },\n { key: 'c', name: 'Item C' },\n { key: 'd', name: 'Item D' },\n ]\n\n const onDropdownItemClick = (eventKey: string, e: SyntheticEvent) => {\n console.log('Dropdown Item Clicked', eventKey, e)\n }\n\n const onDropdownClick = (e: SyntheticEvent) => {\n console.log('Dropdown Clicked', e)\n }\n\n return (\n <div>\n <Dropdown title=\"Click Me!\" onClick={onDropdownClick}>\n {dropdownItems.map((item) => (\n <Dropdown.Item\n key={item.key}\n eventKey={item.key}\n onSelect={onDropdownItemClick}\n >\n {item.name}\n </Dropdown.Item>\n ))}\n </Dropdown>\n </div>\n )\n}\n\nexport default Default\n"],"names":["Default","dropdownItems","onDropdownItemClick","eventKey","e","jsx","Dropdown","item"],"mappings":";;AAGA,MAAMA,IAAU,MAAM;AAClB,QAAMC,IAAgB;AAAA,IAClB,EAAE,KAAK,KAAK,MAAM,SAAA;AAAA,IAClB,EAAE,KAAK,KAAK,MAAM,SAAA;AAAA,IAClB,EAAE,KAAK,KAAK,MAAM,SAAA;AAAA,IAClB,EAAE,KAAK,KAAK,MAAM,SAAA;AAAA,EAAS,GAGzBC,IAAsB,CAACC,GAAkBC,MAAsB;AACjE,YAAQ,IAAI,yBAAyBD,GAAUC,CAAC;AAAA,EACpD;AAMA,SACI,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,OAAM,aAAY,SANZ,CAAC,MAAsB;AAC3C,YAAQ,IAAI,oBAAoB,CAAC;AAAA,EACrC,GAKa,UAAAL,EAAc,IAAI,CAACM,MAChB,gBAAAF;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MAEG,UAAUC,EAAK;AAAA,MACf,UAAUL;AAAA,MAET,UAAAK,EAAK;AAAA,IAAA;AAAA,IAJDA,EAAK;AAAA,EAAA,CAMjB,GACL,EAAA,CACJ;AAER;"}

package/dist/@ecme/views/ui-components/navigation/Menu/CollapsableMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapsableMenuItem.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/CollapsableMenuItem.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport type { MouseEvent } from 'react'\n\nconst CollapsableMenuItem = () => {\n const handleToggle = (expanded: boolean, e: MouseEvent) => {\n console.log('expanded', expanded)\n console.log('event', e)\n }\n\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu>\n <Menu.MenuItem eventKey=\"item-1\">Item 1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-2\">Item 2</Menu.MenuItem>\n <Menu.MenuCollapse\n eventKey=\"item-3\"\n label=\"Item 3\"\n onToggle={handleToggle}\n >\n <Menu.MenuItem eventKey=\"item-3-1\">Item 3.1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-3-2\">Item 3.2</Menu.MenuItem>\n </Menu.MenuCollapse>\n <Menu.MenuCollapse\n eventKey=\"item-4\"\n label=\"Item 4\"\n onToggle={handleToggle}\n >\n <Menu.MenuItem eventKey=\"item-4-1\">Item 4.1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-4-2\">Item 4.2</Menu.MenuItem>\n <Menu.MenuCollapse\n eventKey=\"item-4-3\"\n label=\"Item 4.3\"\n onToggle={handleToggle}\n >\n <Menu.MenuItem eventKey=\"item-4-3-1\">\n Item 4.3.1\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-4-2-1\">\n Item 4.3.2\n </Menu.MenuItem>\n </Menu.MenuCollapse>\n </Menu.MenuCollapse>\n </Menu>\n </div>\n )\n}\n\nexport default CollapsableMenuItem\n"],"names":["CollapsableMenuItem","handleToggle","expanded","e","jsx","Menu","jsxs"],"mappings":";;AAGA,MAAMA,IAAsB,MAAM;AAC9B,QAAMC,IAAe,CAACC,GAAmBC,MAAkB;AACvD,YAAQ,IAAI,YAAYD,CAAQ,GAChC,QAAQ,IAAI,SAASC,CAAC;AAAA,~~EAAA~~;~~AAG1B~~,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,IAAA;AAAA,MAEnB,4BAACC,GAAA,EACG,UAAA;AAAA,QAAA,gBAAAD,EAACC,EAAK,UAAL,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,0BACtCA,EAAK,UAAL,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,QACvC,gBAAAC;AAAA,UAACD,EAAK;AAAA,UAAL;AAAA,YACG,UAAS;AAAA,YACT,OAAM;AAAA,YACN,UAAUJ;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAG,EAACC,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,gCAC1CA,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,WAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAE/C,gBAAAC;AAAA,UAACD,EAAK;AAAA,UAAL;AAAA,YACG,UAAS;AAAA,YACT,OAAM;AAAA,YACN,UAAUJ;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAG,EAACC,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,gCAC1CA,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,cAC3C,gBAAAC;AAAA,gBAACD,EAAK;AAAA,gBAAL;AAAA,kBACG,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,UAAUJ;AAAA,kBAEV,UAAA;AAAA,oBAAA,gBAAAG,EAACC,EAAK,UAAL,EAAc,UAAS,cAAa,UAAA,cAErC;AAAA,sCACCA,EAAK,UAAL,EAAc,UAAS,cAAa,UAAA,aAAA,CAErC;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
1	+ {"version":3,"file":"CollapsableMenuItem.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/CollapsableMenuItem.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport type { MouseEvent } from 'react'\n\nconst CollapsableMenuItem = () => {\n const handleToggle = (expanded: boolean, e: MouseEvent) => {\n console.log('expanded', expanded)\n console.log('event', e)\n }\n\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu>\n <Menu.MenuItem eventKey=\"item-1\">Item 1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-2\">Item 2</Menu.MenuItem>\n <Menu.MenuCollapse\n eventKey=\"item-3\"\n label=\"Item 3\"\n onToggle={handleToggle}\n >\n <Menu.MenuItem eventKey=\"item-3-1\">Item 3.1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-3-2\">Item 3.2</Menu.MenuItem>\n </Menu.MenuCollapse>\n <Menu.MenuCollapse\n eventKey=\"item-4\"\n label=\"Item 4\"\n onToggle={handleToggle}\n >\n <Menu.MenuItem eventKey=\"item-4-1\">Item 4.1</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-4-2\">Item 4.2</Menu.MenuItem>\n <Menu.MenuCollapse\n eventKey=\"item-4-3\"\n label=\"Item 4.3\"\n onToggle={handleToggle}\n >\n <Menu.MenuItem eventKey=\"item-4-3-1\">\n Item 4.3.1\n </Menu.MenuItem>\n <Menu.MenuItem eventKey=\"item-4-2-1\">\n Item 4.3.2\n </Menu.MenuItem>\n </Menu.MenuCollapse>\n </Menu.MenuCollapse>\n </Menu>\n </div>\n )\n}\n\nexport default CollapsableMenuItem\n"],"names":["CollapsableMenuItem","handleToggle","expanded","e","jsx","Menu","jsxs"],"mappings":";;AAGA,MAAMA,IAAsB,MAAM;AAC9B,QAAMC,IAAe,CAACC,GAAmBC,MAAkB;AACvD,YAAQ,IAAI,YAAYD,CAAQ,GAChC,QAAQ,IAAI,SAASC,CAAC;AAAA,EAC1B;AAEA,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,IAAA;AAAA,MAEnB,4BAACC,GAAA,EACG,UAAA;AAAA,QAAA,gBAAAD,EAACC,EAAK,UAAL,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,0BACtCA,EAAK,UAAL,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,QACvC,gBAAAC;AAAA,UAACD,EAAK;AAAA,UAAL;AAAA,YACG,UAAS;AAAA,YACT,OAAM;AAAA,YACN,UAAUJ;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAG,EAACC,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,gCAC1CA,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,WAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAE/C,gBAAAC;AAAA,UAACD,EAAK;AAAA,UAAL;AAAA,YACG,UAAS;AAAA,YACT,OAAM;AAAA,YACN,UAAUJ;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAG,EAACC,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,gCAC1CA,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,cAC3C,gBAAAC;AAAA,gBAACD,EAAK;AAAA,gBAAL;AAAA,kBACG,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,UAAUJ;AAAA,kBAEV,UAAA;AAAA,oBAAA,gBAAAG,EAACC,EAAK,UAAL,EAAc,UAAS,cAAa,UAAA,cAErC;AAAA,sCACCA,EAAK,UAAL,EAAc,UAAS,cAAa,UAAA,aAAA,CAErC;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/ui-components/navigation/Menu/Simple.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Simple.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/Simple.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\n\nconst Simple = () => {\n const handleSelect = (key: string, e: MouseEvent) => {\n console.log('key', key)\n console.log('event', e)\n }\n\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu onSelect={handleSelect}>\n <Menu.MenuItem eventKey=\"settings\">Settings</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"message\">Message</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"gallery\">Gallery</Menu.MenuItem>\n </Menu>\n </div>\n )\n}\n\nexport default Simple\n"],"names":["Simple","jsx","jsxs","Menu","key","e"],"mappings":";;AAEA,MAAMA,IAAS,MAOP,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,OAAO,EAAE,UAAU,IAAA;AAAA,IAEnB,UAAA,gBAAAC,EAACC,GAAA,EAAK,UAVO,CAACC,GAAaC,MAAkB;AACjD,cAAQ,IAAI,OAAOD,CAAG,GACtB,QAAQ,IAAI,SAASC,CAAC;AAAA,~~IAAA~~,~~GASd~~,UAAA;AAAA,MAAA,gBAAAJ,EAACE,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,wBAC1CA,EAAK,UAAL,EAAc,UAAS,WAAU,UAAA,WAAO;AAAA,wBACxCA,EAAK,UAAL,EAAc,UAAS,WAAU,UAAA,UAAA,CAAO;AAAA,IAAA,EAAA,CAC7C;AAAA,EAAA;AAAA;"}
1	+ {"version":3,"file":"Simple.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/Simple.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\n\nconst Simple = () => {\n const handleSelect = (key: string, e: MouseEvent) => {\n console.log('key', key)\n console.log('event', e)\n }\n\n return (\n <div\n className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n style={{ maxWidth: 250 }}\n >\n <Menu onSelect={handleSelect}>\n <Menu.MenuItem eventKey=\"settings\">Settings</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"message\">Message</Menu.MenuItem>\n <Menu.MenuItem eventKey=\"gallery\">Gallery</Menu.MenuItem>\n </Menu>\n </div>\n )\n}\n\nexport default Simple\n"],"names":["Simple","jsx","jsxs","Menu","key","e"],"mappings":";;AAEA,MAAMA,IAAS,MAOP,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,OAAO,EAAE,UAAU,IAAA;AAAA,IAEnB,UAAA,gBAAAC,EAACC,GAAA,EAAK,UAVO,CAACC,GAAaC,MAAkB;AACjD,cAAQ,IAAI,OAAOD,CAAG,GACtB,QAAQ,IAAI,SAASC,CAAC;AAAA,IAC1B,GAQY,UAAA;AAAA,MAAA,gBAAAJ,EAACE,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,wBAC1CA,EAAK,UAAL,EAAc,UAAS,WAAU,UAAA,WAAO;AAAA,wBACxCA,EAAK,UAAL,EAAc,UAAS,WAAU,UAAA,UAAA,CAAO;AAAA,IAAA,EAAA,CAC7C;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/ui-components/navigation/Pagination/Basic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/Basic.tsx"],"sourcesContent":["import Pagination from '@/components/ui/Pagination'\n\nconst Basic = () => {\n const onPaginationChange = (page: number) => {\n console.log('onPaginationChange', page)\n }\n\n return (\n <div>\n <Pagination onChange={onPaginationChange} />\n </div>\n )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Pagination","page"],"mappings":";;;AAEA,MAAMA,IAAQ,wBAML,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAW,UANO,CAACC,MAAiB;AACzC,UAAQ,IAAI,sBAAsBA,CAAI;~~AAAA~~,~~GAKQ~~,GAC9C;"}
1	+ {"version":3,"file":"Basic.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/Basic.tsx"],"sourcesContent":["import Pagination from '@/components/ui/Pagination'\n\nconst Basic = () => {\n const onPaginationChange = (page: number) => {\n console.log('onPaginationChange', page)\n }\n\n return (\n <div>\n <Pagination onChange={onPaginationChange} />\n </div>\n )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Pagination","page"],"mappings":";;;AAEA,MAAMA,IAAQ,wBAML,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAW,UANO,CAACC,MAAiB;AACzC,UAAQ,IAAI,sBAAsBA,CAAI;AAC1C,GAIkD,GAC9C;"}