@orbe-agro/client-core 5.0.0 → 5.1.0

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

@@ -1 +0,0 @@
-{"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;"}

package/dist/lib/@ecme/views/ui-components/forms/Segment/Custom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Custom.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Segment/Custom.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport Segment from '@/components/ui/Segment'\nimport { HiCheckCircle } from 'react-icons/hi'\n\nconst segmentSelections = [\n    { value: 'Personal', desc: 'The plan for personal.', disabled: false },\n    { value: 'Team', desc: 'The plan for team', disabled: false },\n    {\n        value: 'Business',\n        desc: 'Talk to us for business plan.',\n        disabled: true,\n    },\n]\n\nconst Custom = () => {\n    return (\n        <Segment\n            defaultValue={['Team']}\n            className=\"gap-4 md:flex-row flex-col bg-transparent dark:bg-transparent\"\n        >\n            {segmentSelections.map((item) => (\n                <Segment.Item\n                    key={item.value}\n                    value={item.value}\n                    disabled={item.disabled}\n                >\n                    {({ active, value, onSegmentItemClick, disabled }) => {\n                        return (\n                            <div\n                                className={classNames(\n                                    'flex',\n                                    'ring-1',\n                                    'justify-between',\n                                    'border',\n                                    'rounded-xl ',\n                                    'dark:bg-transparent',\n                                    'border-gray-300',\n                                    'dark:border-gray-600',\n                                    'py-5 px-4',\n                                    'select-none',\n                                    'w-100',\n                                    'md:w-[260px]',\n                                    active\n                                        ? 'ring-primary border-primary '\n                                        : 'ring-transparent bg-gray-100',\n                                    disabled\n                                        ? 'opacity-50 cursor-not-allowed'\n                                        : 'hover:ring-primary hover:border-primary cursor-pointer',\n                                )}\n                                role=\"button\"\n                                onClick={onSegmentItemClick}\n                            >\n                                <div>\n                                    <h6>{value}</h6>\n                                    <p>{item.desc}</p>\n                                </div>\n                                {active && (\n                                    <HiCheckCircle className=\"text-primary text-xl\" />\n                                )}\n                            </div>\n                        )\n                    }}\n                </Segment.Item>\n            ))}\n        </Segment>\n    )\n}\n\nexport default Custom\n"],"names":["segmentSelections","Custom","jsx","Segment","item","active","value","onSegmentItemClick","disabled","jsxs","classNames","HiCheckCircle"],"mappings":";;;;AAIA,MAAMA,IAAoB;AAAA,EACtB,EAAE,OAAO,YAAY,MAAM,0BAA0B,UAAU,GAAA;AAAA,EAC/D,EAAE,OAAO,QAAQ,MAAM,qBAAqB,UAAU,GAAA;AAAA,EACtD;AAAA,IACI,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AAElB,GAEMC,IAAS,MAEP,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAc,CAAC,MAAM;AAAA,IACrB,WAAU;AAAA,IAET,UAAAH,EAAkB,IAAI,CAACI,MACpB,gBAAAF;AAAA,MAACC,EAAQ;AAAA,MAAR;AAAA,QAEG,OAAOC,EAAK;AAAA,QACZ,UAAUA,EAAK;AAAA,QAEd,WAAC,EAAE,QAAAC,GAAQ,OAAAC,GAAO,oBAAAC,GAAoB,UAAAC,QAE/B,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWC;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAL,IACM,iCACA;AAAA,cACNG,IACM,kCACA;AAAA,YAAA;AAAA,YAEV,MAAK;AAAA,YACL,SAASD;AAAA,YAET,UAAA;AAAA,cAAA,gBAAAE,EAAC,OAAA,EACG,UAAA;AAAA,gBAAA,gBAAAP,EAAC,QAAI,UAAAI,EAAA,CAAM;AAAA,gBACX,gBAAAJ,EAAC,KAAA,EAAG,UAAAE,EAAK,KAAA,CAAK;AAAA,cAAA,GAClB;AAAA,cACCC,KACG,gBAAAH,EAACS,GAAA,EAAc,WAAU,uBAAA,CAAuB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAIhE;AAAA,MAvCKP,EAAK;AAAA,IAAA,CAyCjB;AAAA,EAAA;AAAA;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Segment/Disabled.tsx"],"sourcesContent":["import Segment from '@/components/ui/Segment'\n\nconst Disabled = () => {\n    return (\n        <Segment>\n            <Segment.Item value=\"left\">Left</Segment.Item>\n            <Segment.Item disabled value=\"center\">\n                Center\n            </Segment.Item>\n            <Segment.Item value=\"right\">Right</Segment.Item>\n        </Segment>\n    )\n}\n\nexport default Disabled\n"],"names":["Disabled","Segment","jsx"],"mappings":";;AAEA,MAAMA,IAAW,wBAERC,GAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACD,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,EAC/B,gBAAAC,EAACD,EAAQ,MAAR,EAAa,UAAQ,IAAC,OAAM,UAAS,UAAA,UAEtC;AAAA,oBACCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,GACrC;"}

package/dist/lib/@ecme/views/ui-components/forms/Segment/MultipleSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultipleSelection.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Segment/MultipleSelection.tsx"],"sourcesContent":["import Segment from '@/components/ui/Segment'\n\nconst MultipleSelection = () => {\n    return (\n        <Segment selectionType=\"multiple\">\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    )\n}\n\nexport default MultipleSelection\n"],"names":["MultipleSelection","jsxs","Segment","jsx"],"mappings":";;AAEA,MAAMA,IAAoB,MAElB,gBAAAC,EAACC,GAAA,EAAQ,eAAc,YACnB,UAAA;AAAA,EAAA,gBAAAC,EAACD,EAAQ,MAAR,EAAa,OAAM,QAAO,UAAA,QAAI;AAAA,oBAC9BA,EAAQ,MAAR,EAAa,OAAM,UAAS,UAAA,UAAM;AAAA,oBAClCA,EAAQ,MAAR,EAAa,OAAM,SAAQ,UAAA,QAAA,CAAK;AAAA,GACrC;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Segment/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Size from './Size'\nimport MultipleSelection from './MultipleSelection'\nimport Disabled from './Disabled'\nimport Custom from './Custom'\nimport Controlled from './Controlled'\n\nconst mdPath = 'Segment'\n\nconst demoHeader = {\n    title: 'Segment',\n    desc: 'Segments display a group of related options that allow user toggled on or off.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage of Segment.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Size',\n        mdPath: mdPath,\n        title: 'Size',\n        desc: `Segment have exact size variation as <code>Button</code>`,\n        component: <Size />,\n    },\n    {\n        mdName: 'MultipleSelection',\n        mdPath: mdPath,\n        title: 'Multiple Selection',\n        desc: `Segment support multiple selaction, by setting <code>selectionType</code> to <code>multiple</code>.`,\n        component: <MultipleSelection />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Make Segment Item inactive by adding the <code>disabled</code> prop to.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Custom',\n        mdPath: mdPath,\n        title: 'Custom Segment',\n        desc: `Segment Item allow us to render prop as children to create a more custom look options.`,\n        component: <Custom />,\n    },\n    {\n        mdName: 'Controlled',\n        mdPath: mdPath,\n        title: 'Controlled',\n        desc: `Some example of controlled Segment.`,\n        component: <Controlled />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Segment',\n        api: [\n            {\n                propName: 'defaultValue',\n                type: `<code>string[]</code>`,\n                default: `-`,\n                desc: 'Initial value for uncontrolled Segment',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(segmentValue: string | string[]) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Segment value is changed',\n            },\n            {\n                propName: 'selectionType',\n                type: `<code>'single' | 'multiple'</code>`,\n                default: `<code>'single'</code>`,\n                desc: 'Whether a single or multiple items can be selected at a time',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code> | <code>'xs'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Size of all segment item.',\n            },\n            {\n                propName: 'value',\n                type: `<code>string[]</code>`,\n                default: `-`,\n                desc: 'Controlled value of the Segment item to activate',\n            },\n        ],\n    },\n    {\n        component: 'Segment.Item',\n        api: [\n            {\n                propName: 'children',\n                type: `<code>({active: boolean, disabled: boolean, value: string[], ref: string, onSegmentItemClick: () => void}) => ReactNode | ReactNode</code>`,\n                default: `-`,\n                desc: 'Children of Segment item',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disable Segment item',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code> | <code>'xs'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Size of the segment item.',\n            },\n            {\n                propName: 'value',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'An unique value for Segment item',\n            },\n        ],\n    },\n]\n\nconst Segment = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Segment\n"],"names":["mdPath","demoHeader","demos","Basic","Size","MultipleSelection","Disabled","Custom","Controlled","demoApi","Segment","DemoLayout"],"mappings":";;;;;;;;AAUA,MAAMA,IAAS,WAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAkB;AAAA,EAAA;AAAA,EAElC;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAW;AAAA,EAAA;AAE/B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAU,wBACJC,GAAA,EAAW,QAAQV,GAAY,OAAAC,GAAc,KAAKO,GAAS;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Select/Basic.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\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 Basic = () => {\n    return <Select placeholder=\"Please Select\" options={colourOptions} />\n}\n\nexport default Basic\n"],"names":["colourOptions","Basic","jsx","Select"],"mappings":";;;AAEA,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,IAAQ,MACH,gBAAAC,EAACC,GAAA,EAAO,aAAY,iBAAgB,SAASH,GAAe;"}

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

@@ -1 +0,0 @@
-{"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;"}

package/dist/lib/@ecme/views/ui-components/forms/Select/Custom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Custom.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Select/Custom.tsx"],"sourcesContent":["import Select, { Option as DefaultOption } from '@/components/ui/Select'\nimport Avatar from '@/components/ui/Avatar'\nimport { components } from 'react-select'\nimport type {\n    ControlProps,\n    OptionProps,\n    MultiValueGenericProps,\n} from 'react-select'\n\ntype Option = {\n    value: string\n    label: string\n    imgPath: string\n}\n\nconst { MultiValueLabel, Control } = components\n\nconst countryOptions: Option[] = [\n    { value: 'us', label: 'United State', imgPath: '/img/countries/US.png' },\n    { value: 'cn', label: 'China', imgPath: '/img/countries/CN.png' },\n    { value: 'jp', label: 'Japan', imgPath: '/img/countries/JP.png' },\n    { value: 'fr', label: 'French', imgPath: '/img/countries/FR.png' },\n]\n\nconst CustomSelectOption = (props: OptionProps<Option>) => {\n    return (\n        <DefaultOption<Option>\n            {...props}\n            customLabel={(data, label) => (\n                <span className=\"flex items-center gap-2\">\n                    <Avatar shape=\"circle\" size={20} src={data.imgPath} />\n                    <span className=\"ml-2 rtl:mr-2\">{label}</span>\n                </span>\n            )}\n        />\n    )\n}\n\nconst CustomControl = ({ children, ...props }: ControlProps<Option>) => {\n    const selected = props.getValue()[0]\n    return (\n        <Control {...props}>\n            {selected && (\n                <Avatar\n                    className=\"ltr:ml-4 rtl:mr-4\"\n                    shape=\"circle\"\n                    size={18}\n                    src={selected.imgPath}\n                />\n            )}\n            {children}\n        </Control>\n    )\n}\n\nconst CustomControlMulti = ({\n    children,\n    ...props\n}: MultiValueGenericProps<Option, true>) => {\n    const { imgPath } = props.data\n    return (\n        <MultiValueLabel {...props}>\n            <div className=\"inline-flex items-center\">\n                <Avatar\n                    className=\"mr-2 rtl:ml-2\"\n                    shape=\"circle\"\n                    size={15}\n                    src={imgPath}\n                />\n                {children}\n            </div>\n        </MultiValueLabel>\n    )\n}\n\nconst Custom = () => {\n    return (\n        <div>\n            <Select<Option>\n                options={countryOptions}\n                components={{\n                    Option: CustomSelectOption,\n                    Control: CustomControl,\n                }}\n                defaultValue={countryOptions[0]}\n                className=\"mb-4\"\n            />\n            <Select<Option, true>\n                isMulti\n                options={countryOptions}\n                components={{\n                    Option: CustomSelectOption,\n                    MultiValueLabel: CustomControlMulti,\n                }}\n                defaultValue={[countryOptions[1], countryOptions[2]]}\n                className=\"mb-4\"\n            />\n        </div>\n    )\n}\n\nexport default Custom\n"],"names":["MultiValueLabel","Control","components","countryOptions","CustomSelectOption","props","jsx","DefaultOption","data","label","jsxs","Avatar","CustomControl","children","selected","CustomControlMulti","imgPath","Custom","Select"],"mappings":";;;;;;AAeA,MAAM,EAAE,iBAAAA,GAAiB,SAAAC,EAAA,IAAYC,GAE/BC,IAA2B;AAAA,EAC7B,EAAE,OAAO,MAAM,OAAO,gBAAgB,SAAS,wBAAA;AAAA,EAC/C,EAAE,OAAO,MAAM,OAAO,SAAS,SAAS,wBAAA;AAAA,EACxC,EAAE,OAAO,MAAM,OAAO,SAAS,SAAS,wBAAA;AAAA,EACxC,EAAE,OAAO,MAAM,OAAO,UAAU,SAAS,wBAAA;AAC7C,GAEMC,IAAqB,CAACC,MAEpB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,aAAa,CAACG,GAAMC,MAChB,gBAAAC,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,MAAA,gBAAAJ,EAACK,KAAO,OAAM,UAAS,MAAM,IAAI,KAAKH,EAAK,SAAS;AAAA,MACpD,gBAAAF,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAG,EAAA,CAAM;AAAA,IAAA,EAAA,CAC3C;AAAA,EAAA;AAAA,GAMVG,IAAgB,CAAC,EAAE,UAAAC,GAAU,GAAGR,QAAkC;AACpE,QAAMS,IAAWT,EAAM,SAAA,EAAW,CAAC;AACnC,SACI,gBAAAK,EAACT,GAAA,EAAS,GAAGI,GACR,UAAA;AAAA,IAAAS,KACG,gBAAAR;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAKG,EAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGrBD;AAAA,EAAA,GACL;AAER,GAEME,IAAqB,CAAC;AAAA,EACxB,UAAAF;AAAA,EACA,GAAGR;AACP,MAA4C;AACxC,QAAM,EAAE,SAAAW,MAAYX,EAAM;AAC1B,2BACKL,GAAA,EAAiB,GAAGK,GACjB,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,4BACX,UAAA;AAAA,IAAA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,OAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAKK;AAAA,MAAA;AAAA,IAAA;AAAA,IAERH;AAAA,EAAA,EAAA,CACL,EAAA,CACJ;AAER,GAEMI,IAAS,wBAEN,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAX;AAAA,IAACY;AAAA,IAAA;AAAA,MACG,SAASf;AAAA,MACT,YAAY;AAAA,QACR,QAAQC;AAAA,QACR,SAASQ;AAAA,MAAA;AAAA,MAEb,cAAcT,EAAe,CAAC;AAAA,MAC9B,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEd,gBAAAG;AAAA,IAACY;AAAA,IAAA;AAAA,MACG,SAAO;AAAA,MACP,SAASf;AAAA,MACT,YAAY;AAAA,QACR,QAAQC;AAAA,QACR,iBAAiBW;AAAA,MAAA;AAAA,MAErB,cAAc,CAACZ,EAAe,CAAC,GAAGA,EAAe,CAAC,CAAC;AAAA,MACnD,WAAU;AAAA,IAAA;AAAA,EAAA;AACd,GACJ;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Select/Disabled.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\nconst colourOptions = [\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9', isDisabled: true },\n    { value: 'blue', label: 'Blue', color: '#0052CC', isDisabled: true },\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\n    { value: 'red', label: 'Red', color: '#FF5630', isDisabled: 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', isDisabled: true },\n    { value: 'slate', label: 'Slate', color: '#253858', isDisabled: true },\n    { value: 'silver', label: 'Silver', color: '#666666' },\n]\n\nconst Disabled = () => {\n    return (\n        <div>\n            <Select\n                className=\"mb-4\"\n                placeholder=\"Certain options disabled\"\n                options={colourOptions}\n            />\n            <Select\n                isDisabled\n                className=\"mb-4\"\n                placeholder=\"Please Select\"\n                defaultValue={colourOptions[2]}\n                options={colourOptions}\n            />\n            <Select\n                isDisabled\n                isMulti\n                defaultValue={[colourOptions[2], colourOptions[3]]}\n                options={colourOptions}\n            />\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["colourOptions","Disabled","jsx","Select"],"mappings":";;;AAEA,MAAMA,IAAgB;AAAA,EAClB,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,YAAY,GAAA;AAAA,EAChE,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,YAAY,GAAA;AAAA,EAC5D,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,WAAW,YAAY,GAAA;AAAA,EAClE,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,WAAW,YAAY,GAAA;AAAA,EAChE,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAC/C,GAEMC,IAAW,wBAER,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EAAA;AAAA,EAEb,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAU;AAAA,MACV,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,cAAcH,EAAc,CAAC;AAAA,MAC7B,SAASA;AAAA,IAAA;AAAA,EAAA;AAAA,EAEb,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAU;AAAA,MACV,SAAO;AAAA,MACP,cAAc,CAACH,EAAc,CAAC,GAAGA,EAAc,CAAC,CAAC;AAAA,MACjD,SAASA;AAAA,IAAA;AAAA,EAAA;AACb,GACJ;"}

package/dist/lib/@ecme/views/ui-components/forms/Select/DisabledSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DisabledSearch.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Select/DisabledSearch.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\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 DisabledSearch = () => {\n    return (\n        <div>\n            <Select\n                isSearchable={false}\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            />\n        </div>\n    )\n}\n\nexport default DisabledSearch\n"],"names":["colourOptions","DisabledSearch","jsx","Select"],"mappings":";;;AAEA,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,IAAiB,wBAEd,OAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,cAAc;AAAA,IACd,aAAY;AAAA,IACZ,SAASH;AAAA,EAAA;AAAA,GAEjB;"}

package/dist/lib/@ecme/views/ui-components/forms/Select/Group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Group.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Select/Group.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\n\ntype Option = {\n    label: string\n    options: {\n        value: string\n        label: string\n        color?: string\n        rating?: string\n    }[]\n}\n\nconst groupedOptions: Option[] = [\n    {\n        label: 'Colours',\n        options: [\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    },\n    {\n        label: 'Flavours',\n        options: [\n            { value: 'vanilla', label: 'Vanilla', rating: 'safe' },\n            { value: 'chocolate', label: 'Chocolate', rating: 'good' },\n            { value: 'strawberry', label: 'Strawberry', rating: 'wild' },\n            {\n                value: 'salted-caramel',\n                label: 'Salted Caramel',\n                rating: 'crazy',\n            },\n        ],\n    },\n]\n\nconst formatGroupLabel = (data: Option) => (\n    <div className=\"font-bold text-xs uppercase text-gray-800 dark:text-white my-2\">\n        {data.label}\n    </div>\n)\n\nconst Group = () => {\n    return (\n        <div>\n            <Select\n                defaultValue={groupedOptions[0].options[1]}\n                options={groupedOptions}\n                formatGroupLabel={formatGroupLabel}\n            />\n        </div>\n    )\n}\n\nexport default Group\n"],"names":["groupedOptions","formatGroupLabel","data","jsx","Group","Select"],"mappings":";;;AAYA,MAAMA,IAA2B;AAAA,EAC7B;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,MACL,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,MACzC,EAAE,OAAO,QAAQ,OAAO,QAAQ,OAAO,UAAA;AAAA,MACvC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,MAC3C,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,UAAA;AAAA,MACrC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,MAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,MAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,MACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,MAC3C,EAAE,OAAO,SAAS,OAAO,SAAS,OAAO,UAAA;AAAA,MACzC,EAAE,OAAO,UAAU,OAAO,UAAU,OAAO,UAAA;AAAA,IAAU;AAAA,EACzD;AAAA,EAEJ;AAAA,IACI,OAAO;AAAA,IACP,SAAS;AAAA,MACL,EAAE,OAAO,WAAW,OAAO,WAAW,QAAQ,OAAA;AAAA,MAC9C,EAAE,OAAO,aAAa,OAAO,aAAa,QAAQ,OAAA;AAAA,MAClD,EAAE,OAAO,cAAc,OAAO,cAAc,QAAQ,OAAA;AAAA,MACpD;AAAA,QACI,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACZ;AAAA,EACJ;AAER,GAEMC,IAAmB,CAACC,MACtB,gBAAAC,EAAC,SAAI,WAAU,kEACV,YAAK,OACV,GAGEC,IAAQ,wBAEL,OAAA,EACG,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,cAAcL,EAAe,CAAC,EAAE,QAAQ,CAAC;AAAA,IACzC,SAASA;AAAA,IACT,kBAAAC;AAAA,EAAA;AAAA,GAER;"}

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

@@ -1 +0,0 @@
-{"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;"}

package/dist/lib/@ecme/views/ui-components/forms/Select/MultiSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelection.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Select/MultiSelection.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\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 MultiSelection = () => {\n    return (\n        <div>\n            <Select\n                isMulti\n                placeholder=\"Please Select\"\n                defaultValue={[colourOptions[2], colourOptions[3]]}\n                options={colourOptions}\n            />\n        </div>\n    )\n}\n\nexport default MultiSelection\n"],"names":["colourOptions","MultiSelection","jsx","Select"],"mappings":";;;AAEA,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,IAAiB,wBAEd,OAAA,EACG,UAAA,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAO;AAAA,IACP,aAAY;AAAA,IACZ,cAAc,CAACH,EAAc,CAAC,GAAGA,EAAc,CAAC,CAAC;AAAA,IACjD,SAASA;AAAA,EAAA;AAAA,GAEjB;"}

package/dist/lib/@ecme/views/ui-components/forms/Select/Size.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Size.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Select/Size.tsx"],"sourcesContent":["import Select from '@/components/ui/Select'\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 Size = () => {\n    return (\n        <div>\n            <Select\n                size=\"sm\"\n                className=\"mb-4\"\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            ></Select>\n            <Select\n                className=\"mb-4\"\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            ></Select>\n            <Select\n                size=\"lg\"\n                placeholder=\"Please Select\"\n                options={colourOptions}\n            ></Select>\n        </div>\n    )\n}\n\nexport default Size\n"],"names":["colourOptions","Size","jsx","Select"],"mappings":";;;AAEA,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,IAAO,wBAEJ,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EAAA;AAAA,EAEb,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EAAA;AAAA,EAEb,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,aAAY;AAAA,MACZ,SAASH;AAAA,IAAA;AAAA,EAAA;AACZ,GACL;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Select/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Size from './Size'\nimport Disabled from './Disabled'\nimport DisabledSearch from './DisabledSearch'\nimport MultiSelection from './MultiSelection'\nimport Group from './Group'\nimport Custom from './Custom'\nimport AsyncOnSearch from './AsyncOnSearch'\nimport LoadOptionOnExpand from './LoadOptionOnExpand'\nimport Creatable from './Creatable'\n\nconst mdPath = 'Select'\n\nconst demoHeader = {\n    title: 'Select',\n    desc: 'Select allows a user to pick single or multiple options from a list. This component is a wrapper of <a class=\"underline text-blue-500\" href=\"https://react-select.com/home\" target=\"_blank\">react-select</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic Usage.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Size',\n        mdPath: mdPath,\n        title: 'Size',\n        desc: `There's three sizes of option for Select.`,\n        component: <Size />,\n    },\n    {\n        mdName: 'MultiSelection',\n        mdPath: mdPath,\n        title: 'Multi Selection',\n        desc: `By setting <code>isMulti</code> to true, we can select multiple options from the list.`,\n        component: <MultiSelection />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Example of disabled.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'DisabledSearch',\n        mdPath: mdPath,\n        title: 'Disabled Search',\n        desc: `Select is searchable by default, but we can also turn it off by setting <code>isSearchable</code> to false.`,\n        component: <DisabledSearch />,\n    },\n    {\n        mdName: 'Group',\n        mdPath: mdPath,\n        title: 'Group',\n        desc: `Options can be grouped with nested data.`,\n        component: <Group />,\n    },\n    {\n        mdName: 'Custom',\n        mdPath: mdPath,\n        title: 'Custom',\n        desc: `React-select allow us to make customization the building block of the component, refer <a class=\"underline text-blue-500\" href=\"https://react-select.com/components\" target=\"_blank\">here</a> for more detail infomation`,\n        component: <Custom />,\n    },\n    {\n        mdName: 'AsyncOnSearch',\n        mdPath: mdPath,\n        title: 'Async on Search',\n        desc: `Use the Async component to load options from a remote source as the user types.`,\n        component: <AsyncOnSearch />,\n    },\n    {\n        mdName: 'LoadOptionOnExpand',\n        mdPath: mdPath,\n        title: 'Load Options on Expand',\n        desc: `We can also load options upon clicking the Select.`,\n        component: <LoadOptionOnExpand />,\n    },\n    {\n        mdName: 'Creatable',\n        mdPath: mdPath,\n        title: 'Creatable',\n        desc: `Example of creating new option via Select input.`,\n        component: <Creatable />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Select',\n        api: [\n            {\n                propName: 'componentAs',\n                type: `<code>ReactNode</code>`,\n                default: `<code>ReactSelect</code>`,\n                desc: 'Receive extensive component from react-select, such as <code>Async</code> & <code>Creatable</code>',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Select size',\n            },\n        ],\n    },\n]\n\nconst reactSelectApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-select-api\" className=\"mb-3\">\n            React Select\n        </h6>\n        <p className=\"mb-1\">\n            <code>Select</code> is a wrapper component of{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-select.com/home\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                react-select\n            </a>\n            .\n        </p>\n        <p>\n            All react-select props can be applied on this component, refer{' '}\n            <a\n                className=\"underline text-blue-500\"\n                href=\"https://react-select.com/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst Select = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            extra={reactSelectApi}\n        />\n    )\n}\n\nexport default Select\n"],"names":["mdPath","demoHeader","demos","Basic","Size","MultiSelection","Disabled","DisabledSearch","Group","Custom","AsyncOnSearch","LoadOptionOnExpand","Creatable","demoApi","reactSelectApi","jsxs","jsx","Select","DemoLayout"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"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;"}

package/dist/lib/@ecme/views/ui-components/forms/Switcher/Colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Colors.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Colors.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\n\nconst Colors = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher defaultChecked switcherClass=\"bg-green-500\" />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher defaultChecked switcherClass=\"bg-red-500\" />\n            </div>\n        </div>\n    )\n}\n\nexport default Colors\n"],"names":["Colors","jsx","Switcher"],"mappings":";;;AAEA,MAAMA,IAAS,wBAEN,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAS,gBAAc,IAAC,eAAc,eAAA,CAAe,EAAA,CAC1D;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAS,gBAAc,IAAC,eAAc,aAAA,CAAa,EAAA,CACxD;AAAA,GACJ;"}

package/dist/lib/@ecme/views/ui-components/forms/Switcher/Content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Content.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Content.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\nimport { RiMoonClearLine, RiSunLine } from 'react-icons/ri'\nimport type { ReactNode } from 'react'\n\nconst withIcon = (component: ReactNode) => {\n    return <div className=\"text-lg\">{component}</div>\n}\n\nconst Content = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher checkedContent=\"a\" unCheckedContent=\"b\" />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher\n                    unCheckedContent={withIcon(<RiMoonClearLine />)}\n                    checkedContent={withIcon(<RiSunLine />)}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default Content\n"],"names":["withIcon","component","jsx","Content","Switcher","RiMoonClearLine","RiSunLine"],"mappings":";;;;AAIA,MAAMA,IAAW,CAACC,MACP,gBAAAC,EAAC,OAAA,EAAI,WAAU,WAAW,UAAAD,GAAU,GAGzCE,IAAU,wBAEP,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACE,KAAS,gBAAe,KAAI,kBAAiB,IAAA,CAAI,EAAA,CACtD;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,kBAAkBJ,EAAS,gBAAAE,EAACG,GAAA,CAAA,CAAgB,CAAE;AAAA,MAC9C,gBAAgBL,EAAS,gBAAAE,EAACI,GAAA,CAAA,CAAU,CAAE;AAAA,IAAA;AAAA,EAAA,EAC1C,CACJ;AAAA,GACJ;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Switcher/Disabled.tsx"],"sourcesContent":["import Switcher from '@/components/ui/Switcher'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Switcher disabled />\n            </div>\n            <div className=\"mb-4\">\n                <Switcher disabled defaultChecked />\n            </div>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","Switcher"],"mappings":";;;AAEA,MAAMA,IAAW,wBAER,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,QACX,4BAACC,GAAA,EAAS,UAAQ,IAAC,EAAA,CACvB;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KAAS,UAAQ,IAAC,gBAAc,GAAA,CAAC,EAAA,CACtC;AAAA,GACJ;"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Switcher/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Content from './Content'\nimport Disabled from './Disabled'\nimport Loading from './Loading'\nimport Colors from './Colors'\nimport Controlled from './Controlled'\n\nconst mdPath = 'Switcher'\n\nconst demoHeader = {\n    title: 'Switcher',\n    desc: 'Switcher component used as an alternative of the single Checkbox, it can be switch between enabled or disabled.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic example for Switcher.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Content',\n        mdPath: mdPath,\n        title: 'Content',\n        desc: `Switcher can have different content on state enabled or disabled`,\n        component: <Content />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Set <code>disabled</code> to true to disable the Switcher.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Loading',\n        mdPath: mdPath,\n        title: 'Loading',\n        desc: `We can set <code>isLoading</code> prop to true and make Switcher status to pending.`,\n        component: <Loading />,\n    },\n    {\n        mdName: 'Colors',\n        mdPath: mdPath,\n        title: 'Colors',\n        desc: `We can apply custom color to Switcher via <code>color</code> prop.`,\n        component: <Colors />,\n    },\n    {\n        mdName: 'Controlled',\n        mdPath: mdPath,\n        title: 'Controlled',\n        desc: `Controlled example.`,\n        component: <Controlled />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Switcher',\n        api: [\n            {\n                propName: 'checked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is checked',\n            },\n            {\n                propName: 'checkedContent',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Content to be shown when the state is checked',\n            },\n            {\n                propName: 'defaultChecked',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher initial state is checked',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is disabled',\n            },\n            {\n                propName: 'isLoading',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether the checkbox is loading',\n            },\n            {\n                propName: 'labelRef',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Ref of Checkbox label element',\n            },\n            {\n                propName: 'name',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'The name of the switcher input field',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(checked: boolean, e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Switcher value is changed',\n            },\n            {\n                propName: 'readOnly',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Switcher is read only',\n            },\n            {\n                propName: 'switcherClass',\n                type: `<code>string</code>`,\n                default: 'current theme color',\n                desc: 'Custom css for Switcher',\n            },\n            {\n                propName: 'unCheckedContent',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Content to be shown when the state is unchecked',\n            },\n        ],\n    },\n]\n\nconst Switcher = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Switcher\n"],"names":["mdPath","demoHeader","demos","Basic","Content","Disabled","Loading","Colors","Controlled","demoApi","Switcher","DemoLayout"],"mappings":";;;;;;;;AAUA,MAAMA,IAAS,YAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAQ;AAAA,EAAA;AAAA,EAExB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAW;AAAA,EAAA;AAE/B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAW,wBACLC,GAAA,EAAW,QAAQV,GAAY,OAAAC,GAAc,KAAKO,GAAS;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Affix.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Affix.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\nimport { HiOutlineClock, HiClock } from 'react-icons/hi'\n\nconst Affix = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput\n                prefix={<HiOutlineClock className=\"text-lg\" />}\n                suffix={null}\n            />\n            <TimeInput suffix={<HiClock className=\"text-lg\" />} />\n        </div>\n    )\n}\n\nexport default Affix\n"],"names":["Affix","jsxs","jsx","TimeInput","HiOutlineClock","HiClock"],"mappings":";;;AAGA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQ,gBAAAD,EAACE,GAAA,EAAe,WAAU,UAAA,CAAU;AAAA,MAC5C,QAAQ;AAAA,IAAA;AAAA,EAAA;AAAA,oBAEXD,GAAA,EAAU,0BAASE,GAAA,EAAQ,WAAU,WAAU,EAAA,CAAI;AAAA,GACxD;"}

package/dist/lib/@ecme/views/ui-components/forms/TimeInput/AmPm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmPm.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/AmPm.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst AmPm = () => {\n    return <TimeInput format=\"12\" defaultValue={new Date()} />\n}\n\nexport default AmPm\n"],"names":["AmPm","TimeInput"],"mappings":";;AAEA,MAAMA,IAAO,wBACDC,GAAA,EAAU,QAAO,MAAK,cAAc,oBAAI,QAAQ;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Basic.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Basic = () => {\n    return <TimeInput />\n}\n\nexport default Basic\n"],"names":["Basic","TimeInput"],"mappings":";;AAEA,MAAMA,IAAQ,wBACFC,GAAA,EAAU;"}

package/dist/lib/@ecme/views/ui-components/forms/TimeInput/Controlled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Controlled.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport TimeInput from '@/components/ui/TimeInput'\nimport dayjs from 'dayjs'\n\nconst { TimeInputRange } = TimeInput\n\nconst Controlled = () => {\n    const [timeValue, setTimeValue] = useState<Date | null>(new Date())\n\n    const [timeRangeValue, setTimeRangeValue] = useState<\n        [Date | null, Date | null]\n    >([new Date(), dayjs(new Date()).add(60, 'minutes').toDate()])\n\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput value={timeValue} onChange={setTimeValue} />\n            <TimeInputRange\n                value={timeRangeValue}\n                onChange={setTimeRangeValue}\n            />\n        </div>\n    )\n}\n\nexport default Controlled\n"],"names":["TimeInputRange","TimeInput","Controlled","timeValue","setTimeValue","useState","timeRangeValue","setTimeRangeValue","dayjs","jsxs","jsx"],"mappings":";;;;AAIA,MAAM,EAAE,gBAAAA,MAAmBC,GAErBC,IAAa,MAAM;AACrB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAsB,oBAAI,MAAM,GAE5D,CAACC,GAAgBC,CAAiB,IAAIF,EAE1C,CAAC,oBAAI,QAAQG,sBAAU,KAAA,CAAM,EAAE,IAAI,IAAI,SAAS,EAAE,OAAA,CAAQ,CAAC;AAE7D,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAC,EAACT,GAAA,EAAU,OAAOE,GAAW,UAAUC,GAAc;AAAA,IACrD,gBAAAM;AAAA,MAACV;AAAA,MAAA;AAAA,QACG,OAAOM;AAAA,QACP,UAAUC;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACJ;AAER;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Disabled.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Disabled = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput disabled />\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","TimeInput"],"mappings":";;AAEA,MAAMA,IAAW,MAET,gBAAAC,EAAC,SAAI,WAAU,uBACX,4BAACC,GAAA,EAAU,UAAQ,IAAC,EAAA,CACxB;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Invalid.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Invalid.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Invalid = () => {\n    return <TimeInput invalid />\n}\n\nexport default Invalid\n"],"names":["Invalid","jsx","TimeInput"],"mappings":";;AAEA,MAAMA,IAAU,MACL,gBAAAC,EAACC,GAAA,EAAU,SAAO,GAAA,CAAC;"}

package/dist/lib/@ecme/views/ui-components/forms/TimeInput/Seconds.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Seconds.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Seconds.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Seconds = () => {\n    return <TimeInput showSeconds defaultValue={new Date()} />\n}\n\nexport default Seconds\n"],"names":["Seconds","TimeInput"],"mappings":";;AAEA,MAAMA,IAAU,wBACJC,GAAA,EAAU,aAAW,IAAC,cAAc,oBAAI,QAAQ;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Sizes.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/Sizes.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\n\nconst Sizes = () => {\n    return (\n        <div className=\"flex flex-col gap-5\">\n            <TimeInput size=\"sm\" />\n            <TimeInput />\n            <TimeInput size=\"lg\" />\n        </div>\n    )\n}\n\nexport default Sizes\n"],"names":["Sizes","jsxs","jsx","TimeInput"],"mappings":";;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,oBACpBA,GAAA,EAAU;AAAA,EACX,gBAAAD,EAACC,GAAA,EAAU,MAAK,KAAA,CAAK;AAAA,GACzB;"}

package/dist/lib/@ecme/views/ui-components/forms/TimeInput/TimeRangeInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeRangeInput.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/TimeRangeInput.tsx"],"sourcesContent":["import TimeInput from '@/components/ui/TimeInput'\nimport dayjs from 'dayjs'\n\nconst TimeRangeInput = () => {\n    return (\n        <TimeInput.TimeInputRange\n            clearable\n            defaultValue={[\n                new Date(),\n                dayjs(new Date()).add(60, 'minutes').toDate(),\n            ]}\n        />\n    )\n}\n\nexport default TimeRangeInput\n"],"names":["TimeRangeInput","jsx","TimeInput","dayjs"],"mappings":";;;AAGA,MAAMA,IAAiB,MAEf,gBAAAC;AAAA,EAACC,EAAU;AAAA,EAAV;AAAA,IACG,WAAS;AAAA,IACT,cAAc;AAAA,0BACN,KAAA;AAAA,MACJC,sBAAU,MAAM,EAAE,IAAI,IAAI,SAAS,EAAE,OAAA;AAAA,IAAO;AAAA,EAChD;AAAA;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/TimeInput/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport TimeRangeInput from './TimeRangeInput'\nimport Controlled from './Controlled'\nimport Seconds from './Seconds'\nimport AmPm from './AmPm'\nimport Sizes from './Sizes'\nimport Disabled from './Disabled'\nimport Affix from './Affix'\nimport Invalid from './Invalid'\n\nconst mdPath = 'TimeInput'\n\nconst demoHeader = {\n    title: 'TimeInput',\n    desc: 'An input field alllow user enter specify time.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic example of TimeInput.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'TimeRangeInput',\n        mdPath: mdPath,\n        title: 'Time range input',\n        desc: `Basic example for TimeInputRange.`,\n        component: <TimeRangeInput />,\n    },\n    {\n        mdName: 'Controlled',\n        mdPath: mdPath,\n        title: 'Controlled',\n        desc: `Controlled usage.`,\n        component: <Controlled />,\n    },\n    {\n        mdName: 'Seconds',\n        mdPath: mdPath,\n        title: 'Display seconds',\n        desc: `We can also enable seconds for input.`,\n        component: <Seconds />,\n    },\n    {\n        mdName: 'AmPm',\n        mdPath: mdPath,\n        title: 'Display AM or PM',\n        desc: `Setting <code>format</code> prop to <code>'12'</code> to change time to 12 hours format`,\n        component: <AmPm />,\n    },\n    {\n        mdName: 'Sizes',\n        mdPath: mdPath,\n        title: 'Sizes',\n        desc: `There's three sizes of option for TimeInput.`,\n        component: <Sizes />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Disabled TimeInput.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Affix',\n        mdPath: mdPath,\n        title: 'Affix',\n        desc: `TimeInput can have <code>suffix</code> or <code>prefix</code> content inside.`,\n        component: <Affix />,\n    },\n    {\n        mdName: 'Invalid',\n        mdPath: mdPath,\n        title: 'Invalid state',\n        desc: `Display TimeInput as invalid status when <code>invalid</code> prop is set to true.`,\n        component: <Invalid />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'TimeInput',\n        api: [\n            {\n                propName: 'amLabel',\n                type: `<code>'string'</code>`,\n                default: `<code>'am'</code>`,\n                desc: 'Display string for AM',\n            },\n            {\n                propName: 'amPmPlaceholder',\n                type: `<code>'string'</code>`,\n                default: `<code>'am'</code>`,\n                desc: 'Placeholder for AM/PM field',\n            },\n            {\n                propName: 'clearable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether allow to clear value',\n            },\n            {\n                propName: 'defaultValue',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Default value of TimeInput (use value instead if it is controlled)',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether TimeInput is disabled',\n            },\n            {\n                propName: 'format',\n                type: `<code>'12'</code> | <code>'24'</code>`,\n                default: `<code>'24'</code>`,\n                desc: 'Determine time format',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the TimeInput is invalid status',\n            },\n            {\n                propName: 'nextRef',\n                type: `<code>RefObject</code>`,\n                default: `-`,\n                desc: 'Ref to focus after final TimeInput field, can be used by TimeInputRange',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(value: Date) => void</code>`,\n                default: `-`,\n                desc: 'Callback when TimeInput value changed',\n            },\n            {\n                propName: 'pmLabel',\n                type: `<code>'string'</code>`,\n                default: `<code>'pm'</code>`,\n                desc: 'Display string for PM',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside TimeInput',\n            },\n            {\n                propName: 'showSeconds',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether display seconds input field',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'TimeInput size',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `<code>ReactNode</code>`,\n                desc: 'Render a suffix content inside TimeInput',\n            },\n            {\n                propName: 'timeFieldPlaceholder',\n                type: `<code>'string'</code>`,\n                default: `<code>'--'</code>`,\n                desc: 'Time field placeholder',\n            },\n            {\n                propName: 'timeFieldClass',\n                type: `<code>'string'</code>`,\n                default: `-`,\n                desc: 'Extra class for time field',\n            },\n            {\n                propName: 'value',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Value of TimeInput (Controlled)',\n            },\n        ],\n    },\n    {\n        component: 'TimeInput.TimeInputRange',\n        api: [\n            {\n                propName: 'amLabel',\n                type: `<code>'string'</code>`,\n                default: `<code>'am'</code>`,\n                desc: 'Display string for AM',\n            },\n            {\n                propName: 'amPmPlaceholder',\n                type: `<code>'string'</code>`,\n                default: `<code>'am'</code>`,\n                desc: 'Placeholder for AM/PM field',\n            },\n            {\n                propName: 'clearable',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether allow to clear value',\n            },\n            {\n                propName: 'defaultValue',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Default value of TimeInputRange (use value instead if it is controlled)',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether TimeInputRange is disabled',\n            },\n            {\n                propName: 'format',\n                type: `<code>'12'</code> | <code>'24'</code>`,\n                default: `<code>'24'</code>`,\n                desc: 'Determine time format',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the TimeInputRange is invalid status',\n            },\n            {\n                propName: 'nextRef',\n                type: `<code>RefObject</code>`,\n                default: `-`,\n                desc: 'Ref to focus after final TimeInputRange field, can be used by TimeInputRangeRange',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(value: Date) => void</code>`,\n                default: `-`,\n                desc: 'Callback when TimeInputRange value changed',\n            },\n            {\n                propName: 'pmLabel',\n                type: `<code>'string'</code>`,\n                default: `<code>'pm'</code>`,\n                desc: 'Display string for PM',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside TimeInputRange',\n            },\n            {\n                propName: 'separator',\n                type: `<code>'string'</code> | <code>'24'</code>`,\n                default: `<code>'~'</code>`,\n                desc: 'Seperator between time inputs ',\n            },\n            {\n                propName: 'showSeconds',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether display seconds input field',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'TimeInputRange size',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `<code>ReactNode</code>`,\n                desc: 'Render a suffix content inside TimeInputRange',\n            },\n            {\n                propName: 'timeFieldPlaceholder',\n                type: `<code>'string'</code>`,\n                default: `<code>'--'</code>`,\n                desc: 'Time field placeholder',\n            },\n            {\n                propName: 'timeFieldClass',\n                type: `<code>'string'</code>`,\n                default: `-`,\n                desc: 'Extra class for time field',\n            },\n            {\n                propName: 'value',\n                type: `<code>Date</code>`,\n                default: `-`,\n                desc: 'Value of TimeInputRange (Controlled)',\n            },\n        ],\n    },\n]\n\nconst Switcher = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Switcher\n"],"names":["mdPath","demoHeader","demos","Basic","TimeRangeInput","Controlled","Seconds","AmPm","Sizes","Disabled","Affix","Invalid","demoApi","Switcher","DemoLayout"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Upload/Basic.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst Basic = () => {\n    return (\n        <div>\n            <Upload />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Upload"],"mappings":";;;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,CAAA,CAAO,GACZ;"}

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

@@ -1 +0,0 @@
-{"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;"}

package/dist/lib/@ecme/views/ui-components/forms/Upload/Customize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Customize.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Upload/Customize.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\nimport Button from '@/components/ui/Button'\nimport { HiOutlineCloudUpload } from 'react-icons/hi'\nimport { FcImageFile } from 'react-icons/fc'\n\nconst Customize = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Upload>\n                    <Button variant=\"solid\" icon={<HiOutlineCloudUpload />}>\n                        Upload your file\n                    </Button>\n                </Upload>\n            </div>\n            <div>\n                <Upload draggable>\n                    <div className=\"my-16 text-center\">\n                        <div className=\"text-6xl mb-4 flex justify-center\">\n                            <FcImageFile />\n                        </div>\n                        <p className=\"font-semibold\">\n                            <span className=\"text-gray-800 dark:text-white\">\n                                Drop your image here, or{' '}\n                            </span>\n                            <span className=\"text-blue-500\">browse</span>\n                        </p>\n                        <p className=\"mt-1 opacity-60 dark:text-white\">\n                            Support: jpeg, png, gif\n                        </p>\n                    </div>\n                </Upload>\n            </div>\n        </div>\n    )\n}\n\nexport default Customize\n"],"names":["Customize","jsx","Upload","Button","HiOutlineCloudUpload","jsxs","FcImageFile"],"mappings":";;;;;;;AAKA,MAAMA,IAAY,wBAET,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA,gBAAAA,EAACC,KACG,UAAA,gBAAAD,EAACE,GAAA,EAAO,SAAQ,SAAQ,MAAM,gBAAAF,EAACG,GAAA,CAAA,CAAqB,GAAI,UAAA,mBAAA,CAExD,GACJ,GACJ;AAAA,EACA,gBAAAH,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAO,WAAS,IACb,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,qBACX,UAAA;AAAA,IAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAU,qCACX,UAAA,gBAAAA,EAACK,KAAY,GACjB;AAAA,IACA,gBAAAD,EAAC,KAAA,EAAE,WAAU,iBACT,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA;AAAA,QAAA;AAAA,QACnB;AAAA,MAAA,GAC7B;AAAA,MACA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,SAAA,CAAM;AAAA,IAAA,GAC1C;AAAA,IACA,gBAAAA,EAAC,KAAA,EAAE,WAAU,mCAAkC,UAAA,0BAAA,CAE/C;AAAA,EAAA,EAAA,CACJ,GACJ,EAAA,CACJ;AAAA,GACJ;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Disabled.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Upload/Disabled.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <div className=\"mb-6\">\n                <Upload disabled />\n            </div>\n            <div>\n                <Upload draggable disabled />\n            </div>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsx","Upload"],"mappings":";;;AAEA,MAAMA,IAAW,wBAER,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,QACX,4BAACC,GAAA,EAAO,UAAQ,IAAC,EAAA,CACrB;AAAA,EACA,gBAAAD,EAAC,SACG,UAAA,gBAAAA,EAACC,GAAA,EAAO,WAAS,IAAC,UAAQ,IAAC,EAAA,CAC/B;AAAA,GACJ;"}

package/dist/lib/@ecme/views/ui-components/forms/Upload/DragAndDrop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DragAndDrop.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Upload/DragAndDrop.tsx"],"sourcesContent":["import Upload from '@/components/ui/Upload'\n\nconst DragAndDrop = () => {\n    return (\n        <div>\n            <Upload draggable />\n        </div>\n    )\n}\n\nexport default DragAndDrop\n"],"names":["DragAndDrop","jsx","Upload"],"mappings":";;;AAEA,MAAMA,IAAc,wBAEX,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAO,WAAS,IAAC,GACtB;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/forms/Upload/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport DragAndDrop from './DragAndDrop'\nimport Disabled from './Disabled'\nimport BeforeUpload from './BeforeUpload'\nimport Customize from './Customize'\nimport AvatarImage from './AvatarImage'\n\nconst mdPath = 'Upload'\n\nconst demoHeader = {\n    title: 'Upload',\n    desc: 'Upload is a component that allow user to attach files & images, it can be used with form and upload the data to some where else.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `A basic Upload example.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'DragAndDrop',\n        mdPath: mdPath,\n        title: 'Drag and Drop',\n        desc: `With <code>draggable</code> prop, we can drag files to a specific area to proceed upload.`,\n        component: <DragAndDrop />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `Disabled the Upload component by setting <code>disabled</code> to true.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'Customize',\n        mdPath: mdPath,\n        title: 'Customize',\n        desc: `We can replace the default upload look.`,\n        component: <Customize />,\n    },\n    {\n        mdName: 'BeforeUpload',\n        mdPath: mdPath,\n        title: 'Upload Control',\n        desc: `Use <code>beforeUpload</code> prop to make a callback function to validate file before upload.`,\n        component: <BeforeUpload />,\n    },\n    {\n        mdName: 'AvatarImage',\n        mdPath: mdPath,\n        title: 'Avatar',\n        desc: `An example for avatar upload`,\n        component: <AvatarImage />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Upload',\n        api: [\n            {\n                propName: 'accept',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'File types that can be accepted as input accept attribute',\n            },\n            {\n                propName: 'beforeUpload',\n                type: `<code>(file: FileList | null, fileList: File[]) => boolean | string</code>`,\n                default: `-`,\n                desc: 'The callback function that before file upload, return false or string with value to intercept the upload',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to disable Upload',\n            },\n            {\n                propName: 'draggable',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether enable draggable upload',\n            },\n            {\n                propName: 'fileList',\n                type: `<code>File[]</code>`,\n                default: `<code>[]</code>`,\n                desc: 'Initial file list',\n            },\n            {\n                propName: 'fileListClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class for file list wrapper',\n            },\n            {\n                propName: 'fileItemClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Class for file item',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(file: File[], fileList: File[]) => void</code>`,\n                default: `-`,\n                desc: 'Callback function after file uploaded',\n            },\n            {\n                propName: 'onFileRemove',\n                type: `<code>(file: File[]) => void</code>`,\n                default: `-`,\n                desc: 'Callback function when a file was deleted',\n            },\n            {\n                propName: 'showList',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to show uploaded file list',\n            },\n            {\n                propName: 'tip',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Hint message under Upload',\n            },\n            {\n                propName: 'uploadLimit',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Maximum file to upload',\n            },\n        ],\n    },\n]\n\nconst FormControl = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default FormControl\n"],"names":["mdPath","demoHeader","demos","Basic","DragAndDrop","Disabled","Customize","BeforeUpload","AvatarImage","demoApi","FormControl","DemoLayout"],"mappings":";;;;;;;;AAUA,MAAMA,IAAS,UAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAY;AAAA,EAAA;AAAA,EAE5B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAS;AAAA,EAAA;AAAA,EAEzB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAU;AAAA,EAAA;AAAA,EAE1B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAa;AAAA,EAAA;AAAA,EAE7B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAP;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYQ,GAAA,CAAA,CAAY;AAAA,EAAA;AAEhC,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAc,wBACRC,GAAA,EAAW,QAAQV,GAAY,OAAAC,GAAc,KAAKO,GAAS;"}

package/dist/lib/@ecme/views/ui-components/graph/Charts/BasicArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicArea.js","sources":["../../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicArea.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLOR_1 } from '@/constants/chart.constant'\n\nconst BasicArea = () => {\n    const data = [\n        {\n            name: 'STOCK ABC',\n            data: [\n                8107.85, 8128.0, 8122.9, 8165.5, 8340.7, 8423.7, 8423.5, 8514.3,\n                8481.85, 8487.7, 8506.9, 8626.2, 8668.95, 8602.3, 8607.55,\n                8512.9, 8496.25, 8600.65, 8881.1, 9340.85,\n            ],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                chart: {\n                    zoom: {\n                        enabled: false,\n                    },\n                },\n                colors: [COLOR_1],\n                fill: {\n                    type: 'gradient',\n                    gradient: {\n                        shadeIntensity: 1,\n                        opacityFrom: 0.7,\n                        opacityTo: 0.9,\n                        stops: [0, 80, 100],\n                    },\n                },\n                dataLabels: {\n                    enabled: false,\n                },\n                stroke: {\n                    curve: 'smooth',\n                    width: 3,\n                },\n                labels: [\n                    '13 Nov 2017',\n                    '14 Nov 2017',\n                    '15 Nov 2017',\n                    '16 Nov 2017',\n                    '17 Nov 2017',\n                    '20 Nov 2017',\n                    '21 Nov 2017',\n                    '22 Nov 2017',\n                    '23 Nov 2017',\n                    '24 Nov 2017',\n                    '27 Nov 2017',\n                    '28 Nov 2017',\n                    '29 Nov 2017',\n                    '30 Nov 2017',\n                    '01 Dec 2017',\n                    '04 Dec 2017',\n                    '05 Dec 2017',\n                    '06 Dec 2017',\n                    '07 Dec 2017',\n                    '08 Dec 2017',\n                ],\n                xaxis: {\n                    type: 'datetime',\n                },\n                yaxis: {\n                    opposite: true,\n                },\n                legend: {\n                    horizontalAlign: 'left',\n                },\n            }}\n            type=\"area\"\n            series={data}\n            height={300}\n        />\n    )\n}\n\nexport default BasicArea\n"],"names":["BasicArea","jsx","Chart","COLOR_1"],"mappings":";;;AAGA,MAAMA,IAAY,MAaV,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,OAAO;AAAA,QACH,MAAM;AAAA,UACF,SAAS;AAAA,QAAA;AAAA,MACb;AAAA,MAEJ,QAAQ,CAACC,CAAO;AAAA,MAChB,MAAM;AAAA,QACF,MAAM;AAAA,QACN,UAAU;AAAA,UACN,gBAAgB;AAAA,UAChB,aAAa;AAAA,UACb,WAAW;AAAA,UACX,OAAO,CAAC,GAAG,IAAI,GAAG;AAAA,QAAA;AAAA,MACtB;AAAA,MAEJ,YAAY;AAAA,QACR,SAAS;AAAA,MAAA;AAAA,MAEb,QAAQ;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX,QAAQ;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEJ,OAAO;AAAA,QACH,MAAM;AAAA,MAAA;AAAA,MAEV,OAAO;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,MAEd,QAAQ;AAAA,QACJ,iBAAiB;AAAA,MAAA;AAAA,IACrB;AAAA,IAEJ,MAAK;AAAA,IACL,QArEK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM;AAAA,UACF;AAAA,UAAS;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UACzD;AAAA,UAAS;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAQ;AAAA,UAAS;AAAA,UAAQ;AAAA,UAClD;AAAA,UAAQ;AAAA,UAAS;AAAA,UAAS;AAAA,UAAQ;AAAA,QAAA;AAAA,MACtC;AAAA,IACJ;AAAA,IA8DI,QAAQ;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/ui-components/graph/Charts/BasicBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicBar.js","sources":["../../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicBar.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst BasicBar = () => {\n    const data = [\n        {\n            data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                plotOptions: {\n                    bar: {\n                        horizontal: true,\n                    },\n                },\n                colors: COLORS,\n                dataLabels: {\n                    enabled: false,\n                },\n                xaxis: {\n                    categories: [\n                        'South Korea',\n                        'Canada',\n                        'United Kingdom',\n                        'Netherlands',\n                        'Italy',\n                        'France',\n                        'Japan',\n                        'United States',\n                        'China',\n                        'Germany',\n                    ],\n                },\n            }}\n            series={data}\n            type=\"bar\"\n            height={300}\n        />\n    )\n}\n\nexport default BasicBar\n"],"names":["BasicBar","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAW,MAQT,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,aAAa;AAAA,QACT,KAAK;AAAA,UACD,YAAY;AAAA,QAAA;AAAA,MAChB;AAAA,MAEJ,QAAQC;AAAA,MACR,YAAY;AAAA,QACR,SAAS;AAAA,MAAA;AAAA,MAEb,OAAO;AAAA,QACH,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACJ;AAAA,IACJ;AAAA,IAEJ,QAjCK;AAAA,MACT;AAAA,QACI,MAAM,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,MAAM,MAAM,IAAI;AAAA,MAAA;AAAA,IAC9D;AAAA,IA+BI,MAAK;AAAA,IACL,QAAQ;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/ui-components/graph/Charts/BasicColumn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicColumn.js","sources":["../../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicColumn.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst BasicColumn = () => {\n    const data = [\n        {\n            name: 'Net Profit',\n            data: [44, 55, 57, 56, 61, 58, 63, 60, 66],\n        },\n        {\n            name: 'Revenue',\n            data: [76, 85, 101, 98, 87, 105, 91, 114, 94],\n        },\n        {\n            name: 'Free Cash Flow',\n            data: [35, 41, 36, 26, 45, 48, 52, 53, 41],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                plotOptions: {\n                    bar: {\n                        horizontal: false,\n                        columnWidth: '55%',\n                        borderRadius: 4,\n                    },\n                },\n                colors: COLORS,\n                dataLabels: {\n                    enabled: false,\n                },\n                stroke: {\n                    show: true,\n                    width: 2,\n                    colors: ['transparent'],\n                },\n                xaxis: {\n                    categories: [\n                        'Feb',\n                        'Mar',\n                        'Apr',\n                        'May',\n                        'Jun',\n                        'Jul',\n                        'Aug',\n                        'Sep',\n                        'Oct',\n                    ],\n                },\n                fill: {\n                    opacity: 1,\n                },\n                tooltip: {\n                    y: {\n                        formatter: (val) => `$${val} thousands`,\n                    },\n                },\n            }}\n            series={data}\n            height={300}\n            type=\"bar\"\n        />\n    )\n}\n\nexport default BasicColumn\n"],"names":["BasicColumn","jsx","Chart","COLORS","val"],"mappings":";;;AAGA,MAAMA,IAAc,MAiBZ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,aAAa;AAAA,QACT,KAAK;AAAA,UACD,YAAY;AAAA,UACZ,aAAa;AAAA,UACb,cAAc;AAAA,QAAA;AAAA,MAClB;AAAA,MAEJ,QAAQC;AAAA,MACR,YAAY;AAAA,QACR,SAAS;AAAA,MAAA;AAAA,MAEb,QAAQ;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ,CAAC,aAAa;AAAA,MAAA;AAAA,MAE1B,OAAO;AAAA,QACH,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACJ;AAAA,MAEJ,MAAM;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,MAEb,SAAS;AAAA,QACL,GAAG;AAAA,UACC,WAAW,CAACC,MAAQ,IAAIA,CAAG;AAAA,QAAA;AAAA,MAC/B;AAAA,IACJ;AAAA,IAEJ,QAxDK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,MAE7C;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,KAAK,IAAI,IAAI,KAAK,IAAI,KAAK,EAAE;AAAA,MAAA;AAAA,MAEhD;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IAC7C;AAAA,IA6CI,QAAQ;AAAA,IACR,MAAK;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/ui-components/graph/Charts/BasicLine.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicLine.js","sources":["../../../../../../../lib/@ecme/views/ui-components/graph/Charts/BasicLine.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLOR_2 } from '@/constants/chart.constant'\n\nconst BasicLine = () => {\n    const data = [\n        {\n            name: 'Desktops',\n            data: [10, 41, 35, 51, 49, 62, 69, 91, 148],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                chart: {\n                    type: 'line',\n                    zoom: {\n                        enabled: false,\n                    },\n                },\n                dataLabels: {\n                    enabled: false,\n                },\n                stroke: {\n                    curve: 'smooth',\n                    width: 3,\n                },\n                colors: [COLOR_2],\n                xaxis: {\n                    categories: [\n                        'Jan',\n                        'Feb',\n                        'Mar',\n                        'Apr',\n                        'May',\n                        'Jun',\n                        'Jul',\n                        'Aug',\n                        'Sep',\n                    ],\n                },\n            }}\n            series={data}\n            height={300}\n        />\n    )\n}\n\nexport default BasicLine\n"],"names":["BasicLine","jsx","Chart","COLOR_2"],"mappings":";;;AAGA,MAAMA,IAAY,MASV,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,OAAO;AAAA,QACH,MAAM;AAAA,QACN,MAAM;AAAA,UACF,SAAS;AAAA,QAAA;AAAA,MACb;AAAA,MAEJ,YAAY;AAAA,QACR,SAAS;AAAA,MAAA;AAAA,MAEb,QAAQ;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAEX,QAAQ,CAACC,CAAO;AAAA,MAChB,OAAO;AAAA,QACH,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACJ;AAAA,IACJ;AAAA,IAEJ,QAtCK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;AAAA,MAAA;AAAA,IAC9C;AAAA,IAmCI,QAAQ;AAAA,EAAA;AAAA;"}

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

@@ -1 +0,0 @@
-{"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;"}

package/dist/lib/@ecme/views/ui-components/graph/Charts/GroupedBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupedBar.js","sources":["../../../../../../../lib/@ecme/views/ui-components/graph/Charts/GroupedBar.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst GroupedBar = () => {\n    const data = [\n        {\n            data: [44, 55, 41, 64],\n        },\n        {\n            data: [53, 32, 33, 52],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                plotOptions: {\n                    bar: {\n                        horizontal: true,\n                        dataLabels: {\n                            position: 'top',\n                        },\n                    },\n                },\n                colors: COLORS,\n                dataLabels: {\n                    enabled: true,\n                    offsetX: -6,\n                    style: {\n                        fontSize: '12px',\n                        colors: ['#fff'],\n                    },\n                },\n                stroke: {\n                    show: true,\n                    width: 1,\n                    colors: ['#fff'],\n                },\n                xaxis: {\n                    categories: [2001, 2002, 2003, 2004],\n                },\n            }}\n            series={data}\n            height={300}\n            type=\"bar\"\n        />\n    )\n}\n\nexport default GroupedBar\n"],"names":["GroupedBar","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAa,MAWX,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,aAAa;AAAA,QACT,KAAK;AAAA,UACD,YAAY;AAAA,UACZ,YAAY;AAAA,YACR,UAAU;AAAA,UAAA;AAAA,QACd;AAAA,MACJ;AAAA,MAEJ,QAAQC;AAAA,MACR,YAAY;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,UACH,UAAU;AAAA,UACV,QAAQ,CAAC,MAAM;AAAA,QAAA;AAAA,MACnB;AAAA,MAEJ,QAAQ;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ,CAAC,MAAM;AAAA,MAAA;AAAA,MAEnB,OAAO;AAAA,QACH,YAAY,CAAC,MAAM,MAAM,MAAM,IAAI;AAAA,MAAA;AAAA,IACvC;AAAA,IAEJ,QAtCK;AAAA,MACT;AAAA,QACI,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,MAEzB;AAAA,QACI,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IACzB;AAAA,IAiCI,QAAQ;AAAA,IACR,MAAK;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/ui-components/graph/Charts/SimpleDonut.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleDonut.js","sources":["../../../../../../../lib/@ecme/views/ui-components/graph/Charts/SimpleDonut.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SimpleDonut = () => {\n    return (\n        <Chart\n            options={{\n                colors: COLORS,\n                responsive: [\n                    {\n                        breakpoint: 480,\n                        options: {\n                            chart: {\n                                width: 200,\n                            },\n                            legend: {\n                                position: 'bottom',\n                            },\n                        },\n                    },\n                ],\n            }}\n            series={[44, 55, 41, 17, 15]}\n            height={300}\n            type=\"donut\"\n        />\n    )\n}\n\nexport default SimpleDonut\n"],"names":["SimpleDonut","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAc,MAEZ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,QAAQC;AAAA,MACR,YAAY;AAAA,QACR;AAAA,UACI,YAAY;AAAA,UACZ,SAAS;AAAA,YACL,OAAO;AAAA,cACH,OAAO;AAAA,YAAA;AAAA,YAEX,QAAQ;AAAA,cACJ,UAAU;AAAA,YAAA;AAAA,UACd;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,IAEJ,QAAQ,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAC3B,QAAQ;AAAA,IACR,MAAK;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/ui-components/graph/Charts/SimplePie.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimplePie.js","sources":["../../../../../../../lib/@ecme/views/ui-components/graph/Charts/SimplePie.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SimplePie = () => {\n    return (\n        <Chart\n            options={{\n                colors: COLORS,\n                labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],\n                responsive: [\n                    {\n                        breakpoint: 480,\n                        options: {\n                            chart: {\n                                width: 200,\n                            },\n                            legend: {\n                                position: 'bottom',\n                            },\n                        },\n                    },\n                ],\n            }}\n            series={[44, 55, 13, 43, 22]}\n            height={300}\n            type=\"pie\"\n        />\n    )\n}\n\nexport default SimplePie\n"],"names":["SimplePie","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAY,MAEV,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,QAAQC;AAAA,MACR,QAAQ,CAAC,UAAU,UAAU,UAAU,UAAU,QAAQ;AAAA,MACzD,YAAY;AAAA,QACR;AAAA,UACI,YAAY;AAAA,UACZ,SAAS;AAAA,YACL,OAAO;AAAA,cACH,OAAO;AAAA,YAAA;AAAA,YAEX,QAAQ;AAAA,cACJ,UAAU;AAAA,YAAA;AAAA,UACd;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,IAEJ,QAAQ,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,IAC3B,QAAQ;AAAA,IACR,MAAK;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/ui-components/graph/Charts/SplineArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplineArea.js","sources":["../../../../../../../lib/@ecme/views/ui-components/graph/Charts/SplineArea.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst SplineArea = () => {\n    const data = [\n        {\n            name: 'series1',\n            data: [31, 40, 28, 51, 42, 109, 100],\n        },\n        {\n            name: 'series2',\n            data: [11, 32, 45, 32, 34, 52, 41],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                dataLabels: {\n                    enabled: false,\n                },\n                colors: COLORS,\n                stroke: {\n                    curve: 'smooth',\n                },\n                xaxis: {\n                    type: 'datetime',\n                    categories: [\n                        '2018-09-19T00:00:00.000Z',\n                        '2018-09-19T01:30:00.000Z',\n                        '2018-09-19T02:30:00.000Z',\n                        '2018-09-19T03:30:00.000Z',\n                        '2018-09-19T04:30:00.000Z',\n                        '2018-09-19T05:30:00.000Z',\n                        '2018-09-19T06:30:00.000Z',\n                    ],\n                },\n                tooltip: {\n                    x: {\n                        format: 'dd/MM/yy HH:mm',\n                    },\n                },\n            }}\n            series={data}\n            type=\"area\"\n            height={300}\n        />\n    )\n}\n\nexport default SplineArea\n"],"names":["SplineArea","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAa,MAaX,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,YAAY;AAAA,QACR,SAAS;AAAA,MAAA;AAAA,MAEb,QAAQC;AAAA,MACR,QAAQ;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,MAEX,OAAO;AAAA,QACH,MAAM;AAAA,QACN,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACJ;AAAA,MAEJ,SAAS;AAAA,QACL,GAAG;AAAA,UACC,QAAQ;AAAA,QAAA;AAAA,MACZ;AAAA,IACJ;AAAA,IAEJ,QAvCK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,GAAG;AAAA,MAAA;AAAA,MAEvC;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IACrC;AAAA,IAgCI,MAAK;AAAA,IACL,QAAQ;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/ui-components/graph/Charts/StackedColumn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StackedColumn.js","sources":["../../../../../../../lib/@ecme/views/ui-components/graph/Charts/StackedColumn.tsx"],"sourcesContent":["import Chart from 'react-apexcharts'\nimport { COLORS } from '@/constants/chart.constant'\n\nconst StackedColumn = () => {\n    const data = [\n        {\n            name: 'PRODUCT A',\n            data: [44, 55, 41, 67, 22, 43],\n        },\n        {\n            name: 'PRODUCT B',\n            data: [13, 23, 20, 8, 13, 27],\n        },\n        {\n            name: 'PRODUCT C',\n            data: [11, 17, 15, 15, 21, 14],\n        },\n    ]\n\n    return (\n        <Chart\n            options={{\n                chart: {\n                    stacked: true,\n                    toolbar: {\n                        show: true,\n                    },\n                    zoom: {\n                        enabled: true,\n                    },\n                },\n                colors: COLORS,\n                responsive: [\n                    {\n                        breakpoint: 480,\n                        options: {\n                            legend: {\n                                position: 'bottom',\n                                offsetX: -10,\n                                offsetY: 0,\n                            },\n                        },\n                    },\n                ],\n                plotOptions: {\n                    bar: {\n                        horizontal: false,\n                    },\n                },\n                xaxis: {\n                    type: 'datetime',\n                    categories: [\n                        '01/01/2011 GMT',\n                        '01/02/2011 GMT',\n                        '01/03/2011 GMT',\n                        '01/04/2011 GMT',\n                        '01/05/2011 GMT',\n                        '01/06/2011 GMT',\n                    ],\n                },\n                legend: {\n                    position: 'right',\n                    offsetY: 40,\n                },\n                fill: {\n                    opacity: 1,\n                },\n            }}\n            series={data}\n            type=\"bar\"\n            height={300}\n        />\n    )\n}\n\nexport default StackedColumn\n"],"names":["StackedColumn","jsx","Chart","COLORS"],"mappings":";;;AAGA,MAAMA,IAAgB,MAiBd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,MACL,OAAO;AAAA,QACH,SAAS;AAAA,QACT,SAAS;AAAA,UACL,MAAM;AAAA,QAAA;AAAA,QAEV,MAAM;AAAA,UACF,SAAS;AAAA,QAAA;AAAA,MACb;AAAA,MAEJ,QAAQC;AAAA,MACR,YAAY;AAAA,QACR;AAAA,UACI,YAAY;AAAA,UACZ,SAAS;AAAA,YACL,QAAQ;AAAA,cACJ,UAAU;AAAA,cACV,SAAS;AAAA,cACT,SAAS;AAAA,YAAA;AAAA,UACb;AAAA,QACJ;AAAA,MACJ;AAAA,MAEJ,aAAa;AAAA,QACT,KAAK;AAAA,UACD,YAAY;AAAA,QAAA;AAAA,MAChB;AAAA,MAEJ,OAAO;AAAA,QACH,MAAM;AAAA,QACN,YAAY;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACJ;AAAA,MAEJ,QAAQ;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,MAEb,MAAM;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,IACb;AAAA,IAEJ,QAhEK;AAAA,MACT;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,MAEjC;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,GAAG,IAAI,EAAE;AAAA,MAAA;AAAA,MAEhC;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IACjC;AAAA,IAqDI,MAAK;AAAA,IACL,QAAQ;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/ui-components/graph/Charts/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/graph/Charts/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport BasicLine from './BasicLine'\nimport DashedLine from './DashedLine'\nimport BasicArea from './BasicArea'\nimport SplineArea from './SplineArea'\nimport BasicColumn from './BasicColumn'\nimport StackedColumn from './StackedColumn'\nimport BasicBar from './BasicBar'\nimport GroupedBar from './GroupedBar'\nimport SimplePie from './SimplePie'\nimport SimpleDonut from './SimpleDonut'\n\nconst mdPath = 'Charts'\n\nconst demoHeader = {\n    title: 'Charts',\n    desc: 'React-ApexCharts is a wrapper component for ApexCharts ready to be integrated into your react.js application to create stunning React Charts.',\n}\n\nconst demos = [\n    {\n        mdName: 'BasicLine',\n        mdPath: mdPath,\n        title: 'Basic Line',\n        desc: ``,\n        component: <BasicLine />,\n    },\n    {\n        mdName: 'DashedLine',\n        mdPath: mdPath,\n        title: 'Dashed Line',\n        desc: ``,\n        component: <DashedLine />,\n    },\n    {\n        mdName: 'BasicArea',\n        mdPath: mdPath,\n        title: 'Basic Area',\n        desc: ``,\n        component: <BasicArea />,\n    },\n    {\n        mdName: 'SplineArea',\n        mdPath: mdPath,\n        title: 'Spline Area',\n        desc: ``,\n        component: <SplineArea />,\n    },\n    {\n        mdName: 'BasicColumn',\n        mdPath: mdPath,\n        title: 'Basic Column',\n        desc: ``,\n        component: <BasicColumn />,\n    },\n    {\n        mdName: 'StackedColumn',\n        mdPath: mdPath,\n        title: 'Stacked Column',\n        desc: ``,\n        component: <StackedColumn />,\n    },\n    {\n        mdName: 'BasicBar',\n        mdPath: mdPath,\n        title: 'Basic Bar',\n        desc: ``,\n        component: <BasicBar />,\n    },\n    {\n        mdName: 'GroupedBar',\n        mdPath: mdPath,\n        title: 'Grouped Bar',\n        desc: ``,\n        component: <GroupedBar />,\n    },\n    {\n        mdName: 'SimplePie',\n        mdPath: mdPath,\n        title: 'Simple Pie',\n        desc: ``,\n        component: <SimplePie />,\n    },\n    {\n        mdName: 'SimpleDonut',\n        mdPath: mdPath,\n        title: 'Simple Donut',\n        desc: ``,\n        component: <SimpleDonut />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Charts',\n        api: [\n            {\n                propName: 'type',\n                type: `<code>string</code>`,\n                default: `<code>'line'</code>`,\n                desc: 'The chart type which is a mandatory prop to specify',\n            },\n            {\n                propName: 'series',\n                type: `<code>Array</code>`,\n                default: `-`,\n                desc: 'The data which you want to display in the chart',\n            },\n            {\n                propName: 'width',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `<code>'100%'</code>`,\n                desc: 'Width of the chart',\n            },\n            {\n                propName: 'height',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `<code>'auto'</code>`,\n                desc: 'Height of the chart',\n            },\n            {\n                propName: 'options',\n                type: `<code>object</code>`,\n                default: `<code>{}</code>`,\n                desc: 'All the optional configuration of the chart goes in this property',\n            },\n        ],\n    },\n]\n\nconst Extra = () => {\n    return (\n        <>\n            <h4 className=\"mb-4\">More Charts Examples?</h4>\n            <p>\n                There are several other charts which can be created by changing\n                a couple of options. The major configuration has to be done in\n                the <code>options</code> property of ApexCharts component and\n                rest will fall into places. Refer to:\n                <a\n                    className=\"text-blue-500 hover:underline\"\n                    href=\"https://apexcharts.com/react-chart-demos/\"\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                >\n                    https://apexcharts.com/react-chart-demos/\n                </a>\n            </p>\n        </>\n    )\n}\n\nconst Charts = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            extra={<Extra />}\n        />\n    )\n}\n\nexport default Charts\n"],"names":["mdPath","demoHeader","demos","BasicLine","DashedLine","BasicArea","SplineArea","BasicColumn","StackedColumn","BasicBar","GroupedBar","SimplePie","SimpleDonut","demoApi","Extra","jsxs","Fragment","jsx","Charts","DemoLayout"],"mappings":"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"}

package/dist/lib/@ecme/views/ui-components/graph/Maps/BasicAnnotation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicAnnotation.js","sources":["../../../../../../../lib/@ecme/views/ui-components/graph/Maps/BasicAnnotation.tsx"],"sourcesContent":["import {\n    ComposableMap,\n    Geographies,\n    Geography,\n    Annotation,\n} from 'react-simple-maps'\n\nconst geoUrl = '/data/features.json'\n\nconst BasicAnnotation = () => {\n    return (\n        <ComposableMap\n            projection=\"geoAzimuthalEqualArea\"\n            height={200}\n            projectionConfig={{\n                rotate: [-20.0, -52.0, 0],\n                scale: 500,\n            }}\n        >\n            <Geographies\n                geography={geoUrl}\n                fill=\"#D6D6DA\"\n                stroke=\"#FFFFFF\"\n                strokeWidth={0.5}\n            >\n                {({ geographies }) =>\n                    geographies.map((geo) => (\n                        <Geography key={geo.rsmKey} geography={geo} />\n                    ))\n                }\n            </Geographies>\n            <Annotation\n                subject={[2.3522, 48.8566]}\n                dx={-90}\n                dy={-30}\n                connectorProps={{\n                    stroke: '#FF5533',\n                    strokeWidth: 3,\n                    strokeLinecap: 'round',\n                }}\n            >\n                <text\n                    x=\"-8\"\n                    textAnchor=\"end\"\n                    alignmentBaseline=\"middle\"\n                    fill=\"#F53\"\n                >\n                    {'Paris'}\n                </text>\n            </Annotation>\n        </ComposableMap>\n    )\n}\n\nexport default BasicAnnotation\n"],"names":["geoUrl","BasicAnnotation","jsxs","ComposableMap","jsx","Geographies","geographies","geo","Geography","Annotation"],"mappings":";;AAOA,MAAMA,IAAS,uBAETC,IAAkB,MAEhB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAW;AAAA,IACX,QAAQ;AAAA,IACR,kBAAkB;AAAA,MACd,QAAQ,CAAC,KAAO,KAAO,CAAC;AAAA,MACxB,OAAO;AAAA,IAAA;AAAA,IAGX,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,WAAWL;AAAA,UACX,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAa;AAAA,UAEZ,UAAA,CAAC,EAAE,aAAAM,EAAA,MACAA,EAAY,IAAI,CAACC,MACb,gBAAAH,EAACI,GAAA,EAA2B,WAAWD,EAAA,GAAvBA,EAAI,MAAwB,CAC/C;AAAA,QAAA;AAAA,MAAA;AAAA,MAGT,gBAAAH;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,SAAS,CAAC,QAAQ,OAAO;AAAA,UACzB,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,gBAAgB;AAAA,YACZ,QAAQ;AAAA,YACR,aAAa;AAAA,YACb,eAAe;AAAA,UAAA;AAAA,UAGnB,UAAA,gBAAAL;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,GAAE;AAAA,cACF,YAAW;AAAA,cACX,mBAAkB;AAAA,cAClB,MAAK;AAAA,cAEJ,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/ui-components/graph/Maps/BasicMarker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicMarker.js","sources":["../../../../../../../lib/@ecme/views/ui-components/graph/Maps/BasicMarker.tsx"],"sourcesContent":["import {\n    ComposableMap,\n    Geographies,\n    Geography,\n    Marker,\n} from 'react-simple-maps'\nimport SouthAmerica from '@/assets/maps/continent_South_America_subunits.json'\n\nconst geoUrl = SouthAmerica\n\nconst markers: {\n    markerOffset: number\n    name: string\n    coordinates: [number, number]\n}[] = [\n    {\n        markerOffset: -15,\n        name: 'Buenos Aires',\n        coordinates: [-58.3816, -34.6037],\n    },\n    { markerOffset: -15, name: 'La Paz', coordinates: [-68.1193, -16.4897] },\n    { markerOffset: 25, name: 'Brasilia', coordinates: [-47.8825, -15.7942] },\n    { markerOffset: 25, name: 'Santiago', coordinates: [-70.6693, -33.4489] },\n    { markerOffset: 25, name: 'Bogota', coordinates: [-74.0721, 4.711] },\n    { markerOffset: 25, name: 'Quito', coordinates: [-78.4678, -0.1807] },\n    { markerOffset: -15, name: 'Georgetown', coordinates: [-58.1551, 6.8013] },\n    { markerOffset: -15, name: 'Asuncion', coordinates: [-57.5759, -25.2637] },\n    { markerOffset: 25, name: 'Paramaribo', coordinates: [-55.2038, 5.852] },\n    { markerOffset: 25, name: 'Montevideo', coordinates: [-56.1645, -34.9011] },\n    { markerOffset: -15, name: 'Caracas', coordinates: [-66.9036, 10.4806] },\n    { markerOffset: -15, name: 'Lima', coordinates: [-77.0428, -12.0464] },\n]\n\nconst BasicMarker = () => {\n    return (\n        <ComposableMap\n            projection=\"geoAzimuthalEqualArea\"\n            projectionConfig={{\n                rotate: [58, 20, 0],\n                scale: 400,\n            }}\n        >\n            <Geographies geography={geoUrl}>\n                {({ geographies }) =>\n                    geographies.map((geo) => (\n                        <Geography\n                            key={geo.rsmKey}\n                            geography={geo}\n                            fill=\"#EAEAEC\"\n                            stroke=\"#D6D6DA\"\n                        />\n                    ))\n                }\n            </Geographies>\n            {markers.map(({ name, coordinates, markerOffset }) => (\n                <Marker key={name} coordinates={coordinates}>\n                    <circle r={10} fill=\"#F00\" stroke=\"#fff\" strokeWidth={2} />\n                    <text\n                        textAnchor=\"middle\"\n                        y={markerOffset}\n                        style={{ fontFamily: 'system-ui', fill: '#5D5A6D' }}\n                    >\n                        {name}\n                    </text>\n                </Marker>\n            ))}\n        </ComposableMap>\n    )\n}\n\nexport default BasicMarker\n"],"names":["geoUrl","SouthAmerica","markers","BasicMarker","jsxs","ComposableMap","jsx","Geographies","geographies","geo","Geography","name","coordinates","markerOffset","Marker"],"mappings":";;;AAQA,MAAMA,IAASC,GAETC,IAIA;AAAA,EACF;AAAA,IACI,cAAc;AAAA,IACd,MAAM;AAAA,IACN,aAAa,CAAC,UAAU,QAAQ;AAAA,EAAA;AAAA,EAEpC,EAAE,cAAc,KAAK,MAAM,UAAU,aAAa,CAAC,UAAU,QAAQ,EAAA;AAAA,EACrE,EAAE,cAAc,IAAI,MAAM,YAAY,aAAa,CAAC,UAAU,QAAQ,EAAA;AAAA,EACtE,EAAE,cAAc,IAAI,MAAM,YAAY,aAAa,CAAC,UAAU,QAAQ,EAAA;AAAA,EACtE,EAAE,cAAc,IAAI,MAAM,UAAU,aAAa,CAAC,UAAU,KAAK,EAAA;AAAA,EACjE,EAAE,cAAc,IAAI,MAAM,SAAS,aAAa,CAAC,UAAU,OAAO,EAAA;AAAA,EAClE,EAAE,cAAc,KAAK,MAAM,cAAc,aAAa,CAAC,UAAU,MAAM,EAAA;AAAA,EACvE,EAAE,cAAc,KAAK,MAAM,YAAY,aAAa,CAAC,UAAU,QAAQ,EAAA;AAAA,EACvE,EAAE,cAAc,IAAI,MAAM,cAAc,aAAa,CAAC,UAAU,KAAK,EAAA;AAAA,EACrE,EAAE,cAAc,IAAI,MAAM,cAAc,aAAa,CAAC,UAAU,QAAQ,EAAA;AAAA,EACxE,EAAE,cAAc,KAAK,MAAM,WAAW,aAAa,CAAC,UAAU,OAAO,EAAA;AAAA,EACrE,EAAE,cAAc,KAAK,MAAM,QAAQ,aAAa,CAAC,UAAU,QAAQ,EAAA;AACvE,GAEMC,IAAc,MAEZ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAW;AAAA,IACX,kBAAkB;AAAA,MACd,QAAQ,CAAC,IAAI,IAAI,CAAC;AAAA,MAClB,OAAO;AAAA,IAAA;AAAA,IAGX,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAY,WAAWP,GACnB,UAAA,CAAC,EAAE,aAAAQ,QACAA,EAAY,IAAI,CAACC,MACb,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UAEG,WAAWD;AAAA,UACX,MAAK;AAAA,UACL,QAAO;AAAA,QAAA;AAAA,QAHFA,EAAI;AAAA,MAAA,CAKhB,GAET;AAAA,MACCP,EAAQ,IAAI,CAAC,EAAE,MAAAS,GAAM,aAAAC,GAAa,cAAAC,EAAA,MAC/B,gBAAAT,EAACU,GAAA,EAAkB,aAAAF,GACf,UAAA;AAAA,QAAA,gBAAAN,EAAC,UAAA,EAAO,GAAG,IAAI,MAAK,QAAO,QAAO,QAAO,aAAa,EAAA,CAAG;AAAA,QACzD,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,YAAW;AAAA,YACX,GAAGO;AAAA,YACH,OAAO,EAAE,YAAY,aAAa,MAAM,UAAA;AAAA,YAEvC,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACL,EAAA,GARSA,CASb,CACH;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/lib/@ecme/views/ui-components/graph/Maps/BasicWorldMap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicWorldMap.js","sources":["../../../../../../../lib/@ecme/views/ui-components/graph/Maps/BasicWorldMap.tsx"],"sourcesContent":["import { ComposableMap, Geographies, Geography } from 'react-simple-maps'\n\nconst geoUrl = '/data/features.json'\n\nconst BasicWorldMap = () => {\n    return (\n        <ComposableMap\n            height={200}\n            projectionConfig={{\n                scale: 100,\n            }}\n        >\n            <Geographies geography={geoUrl}>\n                {({ geographies }) =>\n                    geographies.map((geo) => (\n                        <Geography\n                            key={geo.rsmKey}\n                            fill=\"#EAEAEC\"\n                            stroke=\"#D6D6DA\"\n                            geography={geo}\n                        />\n                    ))\n                }\n            </Geographies>\n        </ComposableMap>\n    )\n}\n\nexport default BasicWorldMap\n"],"names":["geoUrl","BasicWorldMap","jsx","ComposableMap","Geographies","geographies","geo","Geography"],"mappings":";;AAEA,MAAMA,IAAS,uBAETC,IAAgB,MAEd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,QAAQ;AAAA,IACR,kBAAkB;AAAA,MACd,OAAO;AAAA,IAAA;AAAA,IAGX,UAAA,gBAAAD,EAACE,GAAA,EAAY,WAAWJ,GACnB,UAAA,CAAC,EAAE,aAAAK,EAAA,MACAA,EAAY,IAAI,CAACC,MACb,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QAEG,MAAK;AAAA,QACL,QAAO;AAAA,QACP,WAAWD;AAAA,MAAA;AAAA,MAHNA,EAAI;AAAA,IAAA,CAKhB,EAAA,CAET;AAAA,EAAA;AAAA;"}