@orbe-agro/client-core 5.0.0 → 5.1.0

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

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

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

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/forms/Upload/BeforeUpload.js.map

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

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

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/forms/Upload/Disabled.js.map

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/forms/Upload/DragAndDrop.js.map

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/forms/Upload/index.js.map

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/graph/Charts/BasicArea.js.map

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/graph/Charts/BasicBar.js.map

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/graph/Charts/BasicColumn.js.map

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/graph/Charts/BasicLine.js.map

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/graph/Charts/DashedLine.js.map

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

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

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/graph/Charts/SimpleDonut.js.map

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/graph/Charts/SimplePie.js.map

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/graph/Charts/SplineArea.js.map

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/graph/Charts/StackedColumn.js.map

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/graph/Charts/index.js.map

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/graph/Maps/BasicAnnotation.js.map

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/graph/Maps/BasicMarker.js.map

@@ -0,0 +1 @@
+{"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/@ecme/views/ui-components/graph/Maps/BasicWorldMap.js.map

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomMarker.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/CustomMarker.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: -30,\n        name: 'Buenos Aires',\n        coordinates: [-58.3816, -34.6037],\n    },\n    { markerOffset: 15, name: 'La Paz', coordinates: [-68.1193, -16.4897] },\n    { markerOffset: 15, name: 'Brasilia', coordinates: [-47.8825, -15.7942] },\n    { markerOffset: 15, name: 'Santiago', coordinates: [-70.6693, -33.4489] },\n    { markerOffset: 15, name: 'Bogota', coordinates: [-74.0721, 4.711] },\n    { markerOffset: 15, name: 'Quito', coordinates: [-78.4678, -0.1807] },\n    { markerOffset: -30, name: 'Georgetown', coordinates: [-58.1551, 6.8013] },\n    { markerOffset: -30, name: 'Asuncion', coordinates: [-57.5759, -25.2637] },\n    { markerOffset: 15, name: 'Paramaribo', coordinates: [-55.2038, 5.852] },\n    { markerOffset: 15, 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 CustomMarker = () => {\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                    <g\n                        fill=\"none\"\n                        stroke=\"#FF5533\"\n                        strokeWidth=\"2\"\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        transform=\"translate(-12, -24)\"\n                    >\n                        <circle cx=\"12\" cy=\"10\" r=\"3\" />\n                        <path d=\"M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z\" />\n                    </g>\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 CustomMarker\n"],"names":["geoUrl","SouthAmerica","markers","CustomMarker","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,IAAI,MAAM,UAAU,aAAa,CAAC,UAAU,QAAQ,EAAA;AAAA,EACpE,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,IAAI,MAAM,WAAW,aAAa,CAAC,UAAU,OAAO,EAAA;AAAA,EACpE,EAAE,cAAc,IAAI,MAAM,QAAQ,aAAa,CAAC,UAAU,QAAQ,EAAA;AACtE,GAEMC,IAAe,MAEb,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,gBAAAR;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA,YACf,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAE,EAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,cAC9B,gBAAAA,EAAC,QAAA,EAAK,GAAE,kEAAA,CAAkE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAE9E,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,GAlBSA,CAmBb,CACH;AAAA,IAAA;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"EuropeMapWithGraticule.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/EuropeMapWithGraticule.tsx"],"sourcesContent":["import {\n    ComposableMap,\n    Geographies,\n    Geography,\n    Graticule,\n} from 'react-simple-maps'\n\nconst geoUrl = '/data/features.json'\n\nconst EuropeMapWithGraticule = () => {\n    return (\n        <ComposableMap\n            projection=\"geoAzimuthalEqualArea\"\n            height={200}\n            projectionConfig={{\n                rotate: [-20.0, -52.0, 0],\n                scale: 300,\n            }}\n        >\n            <Graticule stroke=\"#EAEAEC\" />\n            <Geographies geography={geoUrl}>\n                {({ geographies }) =>\n                    geographies.map((geo) => (\n                        <Geography\n                            key={geo.rsmKey}\n                            geography={geo}\n                            fill=\"#9998A3\"\n                            stroke=\"#EAEAEC\"\n                        />\n                    ))\n                }\n            </Geographies>\n        </ComposableMap>\n    )\n}\n\nexport default EuropeMapWithGraticule\n"],"names":["geoUrl","EuropeMapWithGraticule","jsxs","ComposableMap","jsx","Graticule","Geographies","geographies","geo","Geography"],"mappings":";;AAOA,MAAMA,IAAS,uBAETC,IAAyB,MAEvB,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,EAACC,GAAA,EAAU,QAAO,UAAA,CAAU;AAAA,MAC5B,gBAAAD,EAACE,GAAA,EAAY,WAAWN,GACnB,UAAA,CAAC,EAAE,aAAAO,EAAA,MACAA,EAAY,IAAI,CAACC,MACb,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UAEG,WAAWD;AAAA,UACX,MAAK;AAAA,UACL,QAAO;AAAA,QAAA;AAAA,QAHFA,EAAI;AAAA,MAAA,CAKhB,EAAA,CAET;AAAA,IAAA;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Graticule.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/Graticule.tsx"],"sourcesContent":["import {\n    ComposableMap,\n    Geographies,\n    Geography,\n    Graticule,\n} from 'react-simple-maps'\n\nconst geoUrl = '/data/features.json'\n\nconst GraticuleMap = () => {\n    return (\n        <ComposableMap projectionConfig={{ scale: 80 }} height={200}>\n            <Graticule stroke=\"#F53\" />\n            <Geographies geography={geoUrl}>\n                {({ geographies }) =>\n                    geographies.map((geo) => (\n                        <Geography\n                            key={geo.rsmKey}\n                            fill=\"#9998A3\"\n                            stroke=\"#EAEAEC\"\n                            geography={geo}\n                        />\n                    ))\n                }\n            </Geographies>\n        </ComposableMap>\n    )\n}\n\nexport default GraticuleMap\n"],"names":["geoUrl","GraticuleMap","jsxs","ComposableMap","jsx","Graticule","Geographies","geographies","geo","Geography"],"mappings":";;AAOA,MAAMA,IAAS,uBAETC,IAAe,MAEb,gBAAAC,EAACC,KAAc,kBAAkB,EAAE,OAAO,MAAM,QAAQ,KACpD,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAU,QAAO,OAAA,CAAO;AAAA,EACzB,gBAAAD,EAACE,GAAA,EAAY,WAAWN,GACnB,UAAA,CAAC,EAAE,aAAAO,EAAA,MACAA,EAAY,IAAI,CAACC,MACb,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MAEG,MAAK;AAAA,MACL,QAAO;AAAA,MACP,WAAWD;AAAA,IAAA;AAAA,IAHNA,EAAI;AAAA,EAAA,CAKhB,EAAA,CAET;AAAA,GACJ;"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomingAndPannning.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/ZoomingAndPannning.tsx"],"sourcesContent":["import {\n    ComposableMap,\n    Geographies,\n    Geography,\n    ZoomableGroup,\n} from 'react-simple-maps'\n\nconst geoUrl =\n    'https://raw.githubusercontent.com/zcreativelabs/react-simple-maps/master/topojson-maps/world-110m.json'\n\nconst ZoomingAndPannning = () => {\n    return (\n        <div>\n            <ComposableMap height={200} projectionConfig={{ scale: 80 }}>\n                <ZoomableGroup zoom={1}>\n                    <Geographies geography={geoUrl}>\n                        {({ geographies }) =>\n                            geographies.map((geo) => (\n                                <Geography key={geo.rsmKey} geography={geo} />\n                            ))\n                        }\n                    </Geographies>\n                </ZoomableGroup>\n            </ComposableMap>\n        </div>\n    )\n}\n\nexport default ZoomingAndPannning\n"],"names":["geoUrl","ZoomingAndPannning","jsx","ComposableMap","ZoomableGroup","Geographies","geographies","geo","Geography"],"mappings":";;AAOA,MAAMA,IACF,0GAEEC,IAAqB,wBAElB,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAc,QAAQ,KAAK,kBAAkB,EAAE,OAAO,GAAA,GACnD,UAAA,gBAAAD,EAACE,GAAA,EAAc,MAAM,GACjB,4BAACC,GAAA,EAAY,WAAWL,GACnB,UAAA,CAAC,EAAE,aAAAM,EAAA,MACAA,EAAY,IAAI,CAACC,MACb,gBAAAL,EAACM,GAAA,EAA2B,WAAWD,KAAvBA,EAAI,MAAwB,CAC/C,GAET,EAAA,CACJ,GACJ,GACJ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/graph/Maps/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport BasicAnnotation from './BasicAnnotation'\nimport BasicMarker from './BasicMarker'\nimport BasicWorldMap from './BasicWorldMap'\nimport CustomMarker from './CustomMarker'\nimport EuropeMapWithGraticule from './EuropeMapWithGraticule'\nimport Graticule from './Graticule'\nimport MapChartWithTooltip from './MapChartWithTooltip'\nimport ChoroplethQuantile from './ChoroplethQuantile'\nimport ChoroplethQuantize from './ChoroplethQuantize'\nimport UsaStatesMapWithLabels from './UsaStatesMapWithLabels'\n\nconst mdPath = 'Maps'\n\nconst demoHeader = {\n    title: 'Maps',\n    desc: 'A wrapper component for every mapchart built with react-simple-maps. It determines the map context, which is passed to all react-simple-maps components. The context contains information about the projection and path generator, as well as the dimensions of the mapchart.',\n}\n\nconst demos = [\n    {\n        mdName: 'BasicAnnotation',\n        mdPath: mdPath,\n        title: 'Basic Annotation',\n        desc: ``,\n        component: <BasicAnnotation />,\n    },\n    {\n        mdName: 'BasicMarker',\n        mdPath: mdPath,\n        title: 'Basic Marker',\n        desc: ``,\n        component: <BasicMarker />,\n    },\n    {\n        mdName: 'BasicWorldMap',\n        mdPath: mdPath,\n        title: 'Basic World Map',\n        desc: ``,\n        component: <BasicWorldMap />,\n    },\n    {\n        mdName: 'CustomMarker',\n        mdPath: mdPath,\n        title: 'Custom Marker',\n        desc: ``,\n        component: <CustomMarker />,\n    },\n    {\n        mdName: 'EuropeMapWithGraticule',\n        mdPath: mdPath,\n        title: 'Europe Map With Graticule',\n        desc: ``,\n        component: <EuropeMapWithGraticule />,\n    },\n    {\n        mdName: 'Graticule',\n        mdPath: mdPath,\n        title: 'Graticule',\n        desc: ``,\n        component: <Graticule />,\n    },\n    {\n        mdName: 'MapChartWithTooltip',\n        mdPath: mdPath,\n        title: 'Map Chart With Tooltip',\n        desc: ``,\n        component: <MapChartWithTooltip />,\n    },\n    {\n        mdName: 'ChoroplethQuantile',\n        mdPath: mdPath,\n        title: 'Choropleth map chart of the US (quantile)',\n        desc: ``,\n        component: <ChoroplethQuantile />,\n    },\n    {\n        mdName: 'ChoroplethQuantize',\n        mdPath: mdPath,\n        title: 'Choropleth map chart of the US (quantize)',\n        desc: ``,\n        component: <ChoroplethQuantize />,\n    },\n    {\n        mdName: 'UsaStatesMapWithLabels',\n        mdPath: mdPath,\n        title: 'USA states map with labels',\n        desc: ``,\n        component: <UsaStatesMapWithLabels />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'ComposableMap',\n        api: [\n            {\n                propName: 'width',\n                type: `<code>number</code>`,\n                default: `<code>800</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'height',\n                type: `<code>number</code>`,\n                default: `<code>600</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'projection',\n                type: `<code>string</code> | <code>() => void</code>`,\n                default: `<code>'geoEqualEarth'</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'projectionConfig',\n                type: `<code>object</code>`,\n                default: `<code>{}</code>`,\n                desc: '-',\n            },\n        ],\n    },\n    {\n        component: 'ZoomableGroup',\n        api: [\n            {\n                propName: 'center',\n                type: `<code>array</code>`,\n                default: `<code>[0, 0]</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'zoom',\n                type: `<code>number</code>`,\n                default: `<code>1</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'minZoom',\n                type: `<code>number</code>`,\n                default: `<code>1</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'maxZoom',\n                type: `<code>number</code>`,\n                default: `<code>8</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'translateExtent',\n                type: `<code>array</code>`,\n                default: `<code>[-∞, -∞, ∞, ∞]</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'onMoveStart',\n                type: `<code>(position: { coordinates: [number, number], zoom: number }, event: D3ZoomEvent< SVGElement, any>) => void</code>`,\n                default: `-`,\n                desc: '-',\n            },\n            {\n                propName: 'onMove',\n                type: `<code>(position: {x: number, y: number, k: number, dragging: WheelEvent }, event: D3ZoomEvent< SVGElement, any>) => void</code>`,\n                default: `-`,\n                desc: '-',\n            },\n            {\n                propName: 'onMoveEnd',\n                type: `<code>(position: { coordinates: [number, number], zoom: number }, event: D3ZoomEvent< SVGElement, any>) => void</code>`,\n                default: `-`,\n                desc: '-',\n            },\n        ],\n    },\n    {\n        component: 'Sphere',\n        api: [\n            {\n                propName: 'id',\n                type: `<code>string</code>`,\n                default: `<code>'rsm-sphere'</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'fill',\n                type: `<code>string</code>`,\n                default: `<code>'transparent'</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'stroke',\n                type: `<code>string</code>`,\n                default: `<code>'currentcolor'</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'strokeWidth',\n                type: `<code>number</code>`,\n                default: `<code>0.5</code>`,\n                desc: '-',\n            },\n        ],\n    },\n    {\n        component: 'Graticule',\n        api: [\n            {\n                propName: 'fill',\n                type: `<code>string</code>`,\n                default: `<code>'transparent'</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'stroke',\n                type: `<code>string</code>`,\n                default: `<code>'currentcolor'</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'step',\n                type: `<code>Array</code>`,\n                default: `<code>[10, 10]</code>`,\n                desc: '-',\n            },\n        ],\n    },\n    {\n        component: 'Geographies',\n        api: [\n            {\n                propName: 'geography',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: '-',\n            },\n            {\n                propName: 'children',\n                type: `<code>(data: object) => void</code>`,\n                default: `-`,\n                desc: '-',\n            },\n            {\n                propName: 'parseGeographies',\n                type: `<code> (features: Array) => Array</code>`,\n                default: `-`,\n                desc: '-',\n            },\n        ],\n    },\n    {\n        component: 'Geography',\n        api: [\n            {\n                propName: 'geography',\n                type: `<code>object</code>`,\n                default: `-`,\n                desc: '-',\n            },\n            {\n                propName: 'style',\n                type: `<code>object</code>`,\n                default: `-`,\n                desc: '-',\n            },\n        ],\n    },\n    {\n        component: 'Marker',\n        api: [\n            {\n                propName: 'coordinates',\n                type: `<code>array</code>`,\n                default: `<code>[]</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'style',\n                type: `<code>object</code>`,\n                default: `<code>{}</code>`,\n                desc: '-',\n            },\n        ],\n    },\n    {\n        component: 'Line',\n        api: [\n            {\n                propName: 'from',\n                type: `<code>[number, number]</code>`,\n                default: `<code>[0, 0]</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'to',\n                type: `<code>[number, number]</code>`,\n                default: `<code>[0, 0]</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'coordinates',\n                type: `<code>array</code>`,\n                default: `<code>[]</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'fill',\n                type: `<code>string</code>`,\n                default: `<code>'transparent'</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'stroke',\n                type: `<code>string</code>`,\n                default: `<code>'currentcolor'</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'strokeWidth',\n                type: `<code>number</code>`,\n                default: `<code>3</code>`,\n                desc: '-',\n            },\n        ],\n    },\n    {\n        component: 'Annotation',\n        api: [\n            {\n                propName: 'subject',\n                type: `<code>array</code>`,\n                default: `<code>[]</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'dx',\n                type: `<code>number</code>`,\n                default: `<code>30</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'dy',\n                type: `<code>number</code>`,\n                default: `<code>30</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'curve',\n                type: `<code>number</code>`,\n                default: `<code>0</code>`,\n                desc: '-',\n            },\n            {\n                propName: 'connectorProps',\n                type: `<code>object</code>`,\n                default: `-`,\n                desc: '-',\n            },\n        ],\n    },\n]\n\nconst Extra = () => {\n    return (\n        <>\n            <h4 className=\"mb-4\">More usage & examples?</h4>\n            <p>\n                Read the{' '}\n                <a\n                    className=\"heading-text underline\"\n                    target=\"_blank\"\n                    href=\"https://www.react-simple-maps.io/docs/getting-started/\"\n                    rel=\"noreferrer\"\n                >\n                    docs\n                </a>\n                , or check out the{' '}\n                <a\n                    className=\"heading-text underline\"\n                    target=\"_blank\"\n                    href=\"https://www.react-simple-maps.io/examples/\"\n                    rel=\"noreferrer\"\n                >\n                    examples\n                </a>\n                .\n            </p>\n        </>\n    )\n}\n\nconst Maps = () => {\n    return (\n        <DemoLayout\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            extra={<Extra />}\n        />\n    )\n}\n\nexport default Maps\n"],"names":["mdPath","demoHeader","demos","BasicAnnotation","BasicMarker","BasicWorldMap","CustomMarker","EuropeMapWithGraticule","Graticule","MapChartWithTooltip","ChoroplethQuantile","ChoroplethQuantize","UsaStatesMapWithLabels","demoApi","Extra","jsxs","Fragment","jsx","Maps","DemoLayout"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../lib/@ecme/views/ui-components/index.ts"],"sourcesContent":["// UI Components views exports\n// Add specific UI component view exports as needed\nexport const uiComponentsPlaceholder = 'UI component views';\n"],"names":["uiComponentsPlaceholder"],"mappings":"AAEO,MAAMA,IAA0B;"}

package/dist/@ecme/views/ui-components/navigation/Dropdown/CustomToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomToggle.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Dropdown/CustomToggle.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\nimport Button from '@/components/ui/Button'\n\nconst CustomToggle = () => {\n    const Toggle = <Button>Toggle as Button</Button>\n\n    return (\n        <div>\n            <Dropdown renderTitle={Toggle}>\n                <Dropdown.Item eventKey=\"a\">Item A</Dropdown.Item>\n                <Dropdown.Item eventKey=\"b\">Item B</Dropdown.Item>\n                <Dropdown.Item eventKey=\"c\">Item C</Dropdown.Item>\n                <Dropdown.Item eventKey=\"d\">Item D</Dropdown.Item>\n            </Dropdown>\n        </div>\n    )\n}\n\nexport default CustomToggle\n"],"names":["CustomToggle","jsx","jsxs","Dropdown","Button"],"mappings":";;;;AAGA,MAAMA,IAAe,MAIb,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAS,aAJH,gBAAAF,EAACG,GAAA,EAAO,UAAA,mBAAA,CAAgB,GAK3B,UAAA;AAAA,EAAA,gBAAAH,EAACE,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,oBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,oBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,oBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,SAAA,CAAM;AAAA,EAAA,CACtC,EAAA,CACJ;"}

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

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

package/dist/@ecme/views/ui-components/navigation/Dropdown/DefaultActive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultActive.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Dropdown/DefaultActive.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\n\nconst DefaultActive = () => {\n    return (\n        <div>\n            <Dropdown title=\"Click Me!\" activeKey=\"a\">\n                <Dropdown.Item eventKey=\"a\">Item A</Dropdown.Item>\n                <Dropdown.Item eventKey=\"b\">Item B</Dropdown.Item>\n                <Dropdown.Item eventKey=\"c\">Item C</Dropdown.Item>\n                <Dropdown.Item eventKey=\"d\">Item D</Dropdown.Item>\n            </Dropdown>\n            <Dropdown title=\"Click Me!\" activeKey=\"item-2-1-2\">\n                <Dropdown.Item eventKey=\"item-1\">Item 1</Dropdown.Item>\n                <Dropdown.Menu eventKey=\"item-2\" title=\"Item 2\">\n                    <Dropdown.Menu eventKey=\"item-2-1\" title=\"Item 2-1\">\n                        <Dropdown.Item eventKey=\"item-2-1-1\">\n                            Item 2-1-1\n                        </Dropdown.Item>\n                        <Dropdown.Item eventKey=\"item-2-1-2\">\n                            Item 2-1-2\n                        </Dropdown.Item>\n                        <Dropdown.Item eventKey=\"item-2-1-3\">\n                            Item 2-1-3\n                        </Dropdown.Item>\n                    </Dropdown.Menu>\n                    <Dropdown.Item eventKey=\"item-2-2\">Item 2-2</Dropdown.Item>\n                    <Dropdown.Item eventKey=\"item-2-3\">Item 2-3</Dropdown.Item>\n                </Dropdown.Menu>\n                <Dropdown.Item>Item 3</Dropdown.Item>\n            </Dropdown>\n        </div>\n    )\n}\n\nexport default DefaultActive\n"],"names":["DefaultActive","jsxs","Dropdown","jsx"],"mappings":";;AAEA,MAAMA,IAAgB,wBAEb,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAS,OAAM,aAAY,WAAU,KAClC,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,sBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,sBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,sBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,SAAA,CAAM;AAAA,EAAA,GACtC;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAS,OAAM,aAAY,WAAU,cAClC,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,sBACtCA,EAAS,MAAT,EAAc,UAAS,UAAS,OAAM,UACnC,UAAA;AAAA,MAAA,gBAAAD,EAACC,EAAS,MAAT,EAAc,UAAS,YAAW,OAAM,YACrC,UAAA;AAAA,QAAA,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAS,cAAa,UAAA,cAErC;AAAA,0BACCA,EAAS,MAAT,EAAc,UAAS,cAAa,UAAA,cAErC;AAAA,0BACCA,EAAS,MAAT,EAAc,UAAS,cAAa,UAAA,aAAA,CAErC;AAAA,MAAA,GACJ;AAAA,wBACCA,EAAS,MAAT,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,wBAC1CA,EAAS,MAAT,EAAc,UAAS,YAAW,UAAA,WAAA,CAAQ;AAAA,IAAA,GAC/C;AAAA,IACA,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CACzB;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/navigation/Dropdown/Disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Disabled.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Dropdown/Disabled.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\n\nconst Disabled = () => {\n    return (\n        <div>\n            <Dropdown disabled title=\"Click Me!\">\n                <Dropdown.Item>Item A</Dropdown.Item>\n                <Dropdown.Item>Item B</Dropdown.Item>\n                <Dropdown.Item>Item C</Dropdown.Item>\n                <Dropdown.Item>Item D</Dropdown.Item>\n            </Dropdown>\n            <Dropdown title=\"Click Me!\">\n                <Dropdown.Item>Item A</Dropdown.Item>\n                <Dropdown.Item disabled>Item B</Dropdown.Item>\n                <Dropdown.Item>Item C</Dropdown.Item>\n                <Dropdown.Item>Item D</Dropdown.Item>\n            </Dropdown>\n        </div>\n    )\n}\n\nexport default Disabled\n"],"names":["Disabled","jsxs","Dropdown","jsx"],"mappings":";;AAEA,MAAMA,IAAW,wBAER,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAS,UAAQ,IAAC,OAAM,aACrB,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,SAAA,CAAM;AAAA,IACrB,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,SAAA,CAAM;AAAA,IACrB,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,SAAA,CAAM;AAAA,IACrB,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,SAAA,CAAM;AAAA,EAAA,GACzB;AAAA,EACA,gBAAAD,EAACC,GAAA,EAAS,OAAM,aACZ,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,SAAA,CAAM;AAAA,sBACpBA,EAAS,MAAT,EAAc,UAAQ,IAAC,UAAA,UAAM;AAAA,IAC9B,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,SAAA,CAAM;AAAA,IACrB,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CACzB;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/navigation/Dropdown/DropdownItemVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItemVariant.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Dropdown/DropdownItemVariant.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\n\nconst HeaderDivider = () => {\n    return (\n        <div>\n            <Dropdown title=\"Click Me!\">\n                <Dropdown.Item variant=\"header\">\n                    <div className=\"pt-3 pb-1 px-3\">\n                        <span>Signed in as</span>\n                        <div className=\"font-semibold mt-1 text-gray-800 dark:text-white\">\n                            alex_g@theme_nate.com\n                        </div>\n                    </div>\n                </Dropdown.Item>\n                <Dropdown.Item variant=\"divider\" />\n                <Dropdown.Item>Item A</Dropdown.Item>\n                <Dropdown.Item>Item B</Dropdown.Item>\n                <Dropdown.Item>Item C</Dropdown.Item>\n                <Dropdown.Item>Item D</Dropdown.Item>\n                <Dropdown.Item variant=\"custom\">\n                    <div\n                        className=\"\n\t\t\t\t\t\t\tcursor-pointer \n\t\t\t\t\t\t\tpx-3 \n\t\t\t\t\t\t\tpy-2 \n\t\t\t\t\t\t\ttext-indigo-600 \n\t\t\t\t\t\t\tfont-semibold \n\t\t\t\t\t\t\thover:bg-gray-100 \n\t\t\t\t\t\t\tdark:hover:bg-black \n\t\t\t\t\t\t\tdark:hover:bg-opacity-20\n\t\t\t\t\t\t\"\n                    >\n                        Custom Dropdown Item\n                    </div>\n                </Dropdown.Item>\n            </Dropdown>\n        </div>\n    )\n}\n\nexport default HeaderDivider\n"],"names":["HeaderDivider","jsx","jsxs","Dropdown"],"mappings":";;AAEA,MAAMA,IAAgB,MAEd,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAS,OAAM,aACZ,UAAA;AAAA,EAAA,gBAAAF,EAACE,EAAS,MAAT,EAAc,SAAQ,UACnB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,IAAA,gBAAAD,EAAC,UAAK,UAAA,eAAA,CAAY;AAAA,IAClB,gBAAAA,EAAC,OAAA,EAAI,WAAU,oDAAmD,UAAA,wBAAA,CAElE;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAAA,EACA,gBAAAA,EAACE,EAAS,MAAT,EAAc,SAAQ,UAAA,CAAU;AAAA,EACjC,gBAAAF,EAACE,EAAS,MAAT,EAAc,UAAA,SAAA,CAAM;AAAA,EACrB,gBAAAF,EAACE,EAAS,MAAT,EAAc,UAAA,SAAA,CAAM;AAAA,EACrB,gBAAAF,EAACE,EAAS,MAAT,EAAc,UAAA,SAAA,CAAM;AAAA,EACrB,gBAAAF,EAACE,EAAS,MAAT,EAAc,UAAA,SAAA,CAAM;AAAA,EACrB,gBAAAF,EAACE,EAAS,MAAT,EAAc,SAAQ,UACnB,UAAA,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUb,UAAA;AAAA,IAAA;AAAA,EAAA,EAED,CACJ;AAAA,EAAA,CACJ,EAAA,CACJ;"}

package/dist/@ecme/views/ui-components/navigation/Dropdown/Placement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placement.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Dropdown/Placement.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\n\nconst DropdownItems = () => (\n    <>\n        <Dropdown.Item eventKey=\"a\">Item A</Dropdown.Item>\n        <Dropdown.Item eventKey=\"b\">Item B</Dropdown.Item>\n        <Dropdown.Item eventKey=\"c\">Item C</Dropdown.Item>\n        <Dropdown.Item eventKey=\"d\">Item D</Dropdown.Item>\n    </>\n)\n\nconst Placement = () => {\n    return (\n        <div className=\"grid grid-cols-3 gap-4 max-w-xl\">\n            <div>\n                <Dropdown placement=\"top-start\" title=\"Top start\">\n                    <DropdownItems />\n                </Dropdown>\n            </div>\n            <div>\n                <Dropdown placement=\"top\" title=\"Top center\">\n                    <DropdownItems />\n                </Dropdown>\n            </div>\n            <div>\n                <Dropdown placement=\"top-end\" title=\"Top end\">\n                    <DropdownItems />\n                </Dropdown>\n            </div>\n            <div>\n                <Dropdown placement=\"bottom-start\" title=\"Bottom start\">\n                    <DropdownItems />\n                </Dropdown>\n            </div>\n            <div>\n                <Dropdown placement=\"bottom\" title=\"Bottom center\">\n                    <DropdownItems />\n                </Dropdown>\n            </div>\n            <div>\n                <Dropdown placement=\"bottom-end\" title=\"Bottom end\">\n                    <DropdownItems />\n                </Dropdown>\n            </div>\n            <div>\n                <Dropdown placement=\"right-start\" title=\"Right start\">\n                    <DropdownItems />\n                </Dropdown>\n            </div>\n            <div>\n                <Dropdown placement=\"right\" title=\"Right center\">\n                    <DropdownItems />\n                </Dropdown>\n            </div>\n            <div>\n                <Dropdown placement=\"right-end\" title=\"Right end\">\n                    <DropdownItems />\n                </Dropdown>\n            </div>\n            <div>\n                <Dropdown placement=\"left-start\" title=\"Left start\">\n                    <DropdownItems />\n                </Dropdown>\n            </div>\n            <div>\n                <Dropdown placement=\"left\" title=\"Left center\">\n                    <DropdownItems />\n                </Dropdown>\n            </div>\n            <div>\n                <Dropdown placement=\"left-end\" title=\"Left end\">\n                    <DropdownItems />\n                </Dropdown>\n            </div>\n        </div>\n    )\n}\n\nexport default Placement\n"],"names":["DropdownItems","jsxs","Fragment","jsx","Dropdown","Placement"],"mappings":";;AAEA,MAAMA,IAAgB,MAClB,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC,EAACC,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,oBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,oBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,oBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,SAAA,CAAM;AAAA,GACtC,GAGEC,IAAY,MAEV,gBAAAJ,EAAC,OAAA,EAAI,WAAU,mCACX,UAAA;AAAA,EAAA,gBAAAE,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,WAAU,aAAY,OAAM,aAClC,UAAA,gBAAAD,EAACH,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,EACA,gBAAAG,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,WAAU,OAAM,OAAM,cAC5B,UAAA,gBAAAD,EAACH,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,EACA,gBAAAG,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,WAAU,WAAU,OAAM,WAChC,UAAA,gBAAAD,EAACH,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,EACA,gBAAAG,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,WAAU,gBAAe,OAAM,gBACrC,UAAA,gBAAAD,EAACH,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,EACA,gBAAAG,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,WAAU,UAAS,OAAM,iBAC/B,UAAA,gBAAAD,EAACH,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,EACA,gBAAAG,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,WAAU,cAAa,OAAM,cACnC,UAAA,gBAAAD,EAACH,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,EACA,gBAAAG,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,WAAU,eAAc,OAAM,eACpC,UAAA,gBAAAD,EAACH,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,EACA,gBAAAG,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,WAAU,SAAQ,OAAM,gBAC9B,UAAA,gBAAAD,EAACH,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,EACA,gBAAAG,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,WAAU,aAAY,OAAM,aAClC,UAAA,gBAAAD,EAACH,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,EACA,gBAAAG,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,WAAU,cAAa,OAAM,cACnC,UAAA,gBAAAD,EAACH,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,EACA,gBAAAG,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,WAAU,QAAO,OAAM,eAC7B,UAAA,gBAAAD,EAACH,GAAA,CAAA,CAAc,EAAA,CACnB,GACJ;AAAA,EACA,gBAAAG,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACC,GAAA,EAAS,WAAU,YAAW,OAAM,YACjC,UAAA,gBAAAD,EAACH,GAAA,CAAA,CAAc,EAAA,CACnB,EAAA,CACJ;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/navigation/Dropdown/Submenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Submenu.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Dropdown/Submenu.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\n\nconst Submenu = () => {\n    return (\n        <Dropdown title=\"Click Me!\">\n            <Dropdown.Item>Item 1</Dropdown.Item>\n            <Dropdown.Menu title=\"Right Item 2\">\n                <Dropdown.Menu title=\"Item 2-1\">\n                    <Dropdown.Item active>Item 2-1-1</Dropdown.Item>\n                    <Dropdown.Item>Item 2-1-2</Dropdown.Item>\n                    <Dropdown.Item>Item 2-1-3</Dropdown.Item>\n                </Dropdown.Menu>\n                <Dropdown.Item>Item 2-2</Dropdown.Item>\n                <Dropdown.Item>Item 2-3</Dropdown.Item>\n            </Dropdown.Menu>\n            <Dropdown.Menu title=\"Right Item 3\">\n                <Dropdown.Menu title=\"Item 3-1\">\n                    <Dropdown.Item>Item 3-1-1</Dropdown.Item>\n                    <Dropdown.Item>Item 3-1-2</Dropdown.Item>\n                    <Dropdown.Item>Item 3-1-3</Dropdown.Item>\n                </Dropdown.Menu>\n                <Dropdown.Item>Item 3-2</Dropdown.Item>\n                <Dropdown.Item>Item 3-3</Dropdown.Item>\n            </Dropdown.Menu>\n            <Dropdown.Item>Item 4</Dropdown.Item>\n        </Dropdown>\n    )\n}\n\nexport default Submenu\n"],"names":["Submenu","jsxs","Dropdown","jsx"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAS,OAAM,aACZ,UAAA;AAAA,EAAA,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,SAAA,CAAM;AAAA,EACrB,gBAAAD,EAACC,EAAS,MAAT,EAAc,OAAM,gBACjB,UAAA;AAAA,IAAA,gBAAAD,EAACC,EAAS,MAAT,EAAc,OAAM,YACjB,UAAA;AAAA,MAAA,gBAAAC,EAACD,EAAS,MAAT,EAAc,QAAM,IAAC,UAAA,cAAU;AAAA,MAChC,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,aAAA,CAAU;AAAA,MACzB,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,aAAA,CAAU;AAAA,IAAA,GAC7B;AAAA,IACA,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,WAAA,CAAQ;AAAA,IACvB,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,WAAA,CAAQ;AAAA,EAAA,GAC3B;AAAA,EACA,gBAAAD,EAACC,EAAS,MAAT,EAAc,OAAM,gBACjB,UAAA;AAAA,IAAA,gBAAAD,EAACC,EAAS,MAAT,EAAc,OAAM,YACjB,UAAA;AAAA,MAAA,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,aAAA,CAAU;AAAA,MACzB,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,aAAA,CAAU;AAAA,MACzB,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,aAAA,CAAU;AAAA,IAAA,GAC7B;AAAA,IACA,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,WAAA,CAAQ;AAAA,IACvB,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,WAAA,CAAQ;AAAA,EAAA,GAC3B;AAAA,EACA,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAA,SAAA,CAAM;AAAA,GACzB;"}

package/dist/@ecme/views/ui-components/navigation/Dropdown/Trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trigger.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Dropdown/Trigger.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\n\nconst Trigger = () => {\n    return (\n        <div className=\"flex\">\n            <Dropdown title=\"Click\" className=\"mr-2\">\n                <Dropdown.Item eventKey=\"a\">Active Item</Dropdown.Item>\n                <Dropdown.Item eventKey=\"b\">Item B</Dropdown.Item>\n                <Dropdown.Item eventKey=\"c\">Item C</Dropdown.Item>\n                <Dropdown.Item eventKey=\"d\">Item D</Dropdown.Item>\n            </Dropdown>\n            <Dropdown title=\"Hover\" trigger=\"hover\" className=\"mr-2\">\n                <Dropdown.Item eventKey=\"a\">Active Item</Dropdown.Item>\n                <Dropdown.Item eventKey=\"b\">Item B</Dropdown.Item>\n                <Dropdown.Item eventKey=\"c\">Item C</Dropdown.Item>\n                <Dropdown.Item eventKey=\"d\">Item D</Dropdown.Item>\n            </Dropdown>\n            <Dropdown title=\"Right Click\" trigger=\"context\" className=\"mr-2\">\n                <Dropdown.Item eventKey=\"a\">Active Item</Dropdown.Item>\n                <Dropdown.Item eventKey=\"b\">Item B</Dropdown.Item>\n                <Dropdown.Item eventKey=\"c\">Item C</Dropdown.Item>\n                <Dropdown.Item eventKey=\"d\">Item D</Dropdown.Item>\n            </Dropdown>\n        </div>\n    )\n}\n\nexport default Trigger\n"],"names":["Trigger","jsxs","Dropdown","jsx"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,EAAA,gBAAAA,EAACC,GAAA,EAAS,OAAM,SAAQ,WAAU,QAC9B,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,eAAW;AAAA,sBACtCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,sBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,sBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,SAAA,CAAM;AAAA,EAAA,GACtC;AAAA,oBACCA,GAAA,EAAS,OAAM,SAAQ,SAAQ,SAAQ,WAAU,QAC9C,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,eAAW;AAAA,sBACtCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,sBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,sBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,SAAA,CAAM;AAAA,EAAA,GACtC;AAAA,oBACCA,GAAA,EAAS,OAAM,eAAc,SAAQ,WAAU,WAAU,QACtD,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,eAAW;AAAA,sBACtCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,sBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,UAAM;AAAA,sBACjCA,EAAS,MAAT,EAAc,UAAS,KAAI,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CACtC;AAAA,GACJ;"}

package/dist/@ecme/views/ui-components/navigation/Dropdown/WithRouterLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithRouterLink.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Dropdown/WithRouterLink.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\nimport { Link } from 'react-router-dom'\n\nconst WithRouterLink = () => {\n    return (\n        <div>\n            <Dropdown title=\"Click Me!\">\n                <Dropdown.Item>\n                    <Link\n                        className=\"menu-item-link\"\n                        to=\"/ui-components/checkbox\"\n                    >\n                        Checkbox\n                    </Link>\n                </Dropdown.Item>\n                <Dropdown.Item>\n                    <Link className=\"menu-item-link\" to=\"/ui-components/button\">\n                        Button\n                    </Link>\n                </Dropdown.Item>\n                <Dropdown.Item>\n                    <Link className=\"menu-item-link\" to=\"/ui-components/alert\">\n                        Alert\n                    </Link>\n                </Dropdown.Item>\n                <Dropdown.Item>\n                    <Link className=\"menu-item-link\" to=\"/ui-components/dialog\">\n                        Dialog\n                    </Link>\n                </Dropdown.Item>\n            </Dropdown>\n        </div>\n    )\n}\n\nexport default WithRouterLink\n"],"names":["WithRouterLink","jsx","jsxs","Dropdown","Link"],"mappings":";;;AAGA,MAAMA,IAAiB,MAEf,gBAAAC,EAAC,OAAA,EACG,UAAA,gBAAAC,EAACC,GAAA,EAAS,OAAM,aACZ,UAAA;AAAA,EAAA,gBAAAF,EAACE,EAAS,MAAT,EACG,UAAA,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,IAAG;AAAA,MACN,UAAA;AAAA,IAAA;AAAA,EAAA,GAGL;AAAA,EACA,gBAAAH,EAACE,EAAS,MAAT,EACG,UAAA,gBAAAF,EAACG,GAAA,EAAK,WAAU,kBAAiB,IAAG,yBAAwB,UAAA,SAAA,CAE5D,EAAA,CACJ;AAAA,EACA,gBAAAH,EAACE,EAAS,MAAT,EACG,UAAA,gBAAAF,EAACG,GAAA,EAAK,WAAU,kBAAiB,IAAG,wBAAuB,UAAA,QAAA,CAE3D,EAAA,CACJ;AAAA,EACA,gBAAAH,EAACE,EAAS,MAAT,EACG,UAAA,gBAAAF,EAACG,GAAA,EAAK,WAAU,kBAAiB,IAAG,yBAAwB,UAAA,SAAA,CAE5D,EAAA,CACJ;AAAA,EAAA,CACJ,EAAA,CACJ;"}

package/dist/@ecme/views/ui-components/navigation/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Dropdown/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Default from './Default'\nimport CustomToggle from './CustomToggle'\nimport Trigger from './Trigger'\nimport Submenu from './Submenu'\nimport Placement from './Placement'\nimport DefaultActive from './DefaultActive'\nimport Disabled from './Disabled'\nimport DropdownItemVariant from './DropdownItemVariant'\nimport WithRouterLink from './WithRouterLink'\n\nconst mdPath = 'Dropdown'\n\nconst demoHeader = {\n    title: 'Dropdown',\n    desc: 'Dropdown allow users select a single item from a list of options.',\n}\n\nconst demos = [\n    {\n        mdName: 'Default',\n        mdPath: mdPath,\n        title: 'Default',\n        desc: `Default usage of Dropdown`,\n        component: <Default />,\n    },\n    {\n        mdName: 'CustomToggle',\n        mdPath: mdPath,\n        title: 'Custom Toggle',\n        desc: `We can set custom toggler for Dropdown via <code>renderTitle</code> prop.`,\n        component: <CustomToggle />,\n    },\n    {\n        mdName: 'Trigger',\n        mdPath: mdPath,\n        title: 'Trigger',\n        desc: `Dropdown allow us to set<code>trigger</code> mode to <code>click</code>, <code>hover</code> or <code>context</code>.`,\n        component: <Trigger />,\n    },\n    {\n        mdName: 'Submenu',\n        mdPath: mdPath,\n        title: 'Submenu',\n        desc: `Dropdown can also have multiple levels.`,\n        component: <Submenu />,\n    },\n    {\n        mdName: 'Placement',\n        mdPath: mdPath,\n        title: 'Placement',\n        desc: `Dropdown menu placement can be assign around the trigger element in different positions via <code>placement</code> prop.`,\n        component: <Placement />,\n    },\n    {\n        mdName: 'DefaultActive',\n        mdPath: mdPath,\n        title: 'Default Active',\n        desc: `Set Dropdown.Item eventKey value to <code>activeKey</code> prop to highlight the Dropdown.Item active status.`,\n        component: <DefaultActive />,\n    },\n    {\n        mdName: 'Disabled',\n        mdPath: mdPath,\n        title: 'Disabled',\n        desc: `<code>disabled</code> prop can be use in both Dropdown or Dropdown.Item to disable user action.`,\n        component: <Disabled />,\n    },\n    {\n        mdName: 'DropdownItemVariant',\n        mdPath: mdPath,\n        title: 'Dropdown Item Type',\n        desc: `Dropdown.Item has several variant type can br apply, Pass the variant prop and use either <code>'default'</code>, <code>'header'</code>, <code>'divider'</code>, <code>'default'</code> `,\n        component: <DropdownItemVariant />,\n    },\n    {\n        mdName: 'WithRouterLink',\n        mdPath: mdPath,\n        title: 'With RouterLink',\n        desc: `Usage with RouterLink.`,\n        component: <WithRouterLink />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Dropdown',\n        api: [\n            {\n                propName: 'title',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Dropdown title',\n            },\n            {\n                propName: 'renderTitle',\n                type: `<code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Custom Dropdown title',\n            },\n            {\n                propName: 'trigger',\n                type: `<code>'click'</code> | <code>'hover'</code> | <code>'context'</code> `,\n                default: `<code>'click'</code>`,\n                desc: 'Trigger mode of Dropdown',\n            },\n            {\n                propName: 'placement',\n                type: `<code>'top-start'</code> | <code>'top-center'</code> | <code>'top-end'</code> | <code>'bottom-start'</code> | <code>'bottom-center'</code> | <code>'bottom-end'</code> | <code>'middle-start-top'</code>| <code>'middle-start-bottom'</code> | <code>'middle-end-top'</code>| <code>'middle-end-bottom'</code>`,\n                default: `<code>'bottom-start'</code>`,\n                desc: 'Placement where the Dropdown menu expand',\n            },\n            {\n                propName: 'menuClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Additional class for dropdown menu (<code>!</code> modifier recommended for tailwind css overiding)',\n            },\n            {\n                propName: 'menuStyle',\n                type: `<code>object</code>`,\n                default: `-`,\n                desc: 'Additional styles for dropdown menu',\n            },\n            {\n                propName: 'toggleClassName',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Additional class dropdown toggle (<code>!</code> modifier recommended for tailwind css overiding)',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disable Dropdown expand',\n            },\n            {\n                propName: 'activeKey',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Mark corresponded <code>Dropdown.Item</code>to active by matching it <code>eventkey</code> prop',\n            },\n            {\n                propName: 'onClick',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Dropdown toggle is clicked',\n            },\n            {\n                propName: 'onMouseEnter',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Dropdown toggle is on mouse enter',\n            },\n            {\n                propName: 'onMouseLeave',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Dropdown toggle is on mouse leave',\n            },\n            {\n                propName: 'onContextMenu',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Dropdown toggle is right clicked',\n            },\n            {\n                propName: 'onSelect',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Dropdown item is clicked',\n            },\n            {\n                propName: 'onOpen',\n                type: `<code>() => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Dropdown is open',\n            },\n            {\n                propName: 'onClose',\n                type: `<code>() => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Dropdown is close',\n            },\n            {\n                propName: 'onToggle',\n                type: `<code>(open: boolean) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Dropdown is open or close',\n            },\n        ],\n    },\n    {\n        component: 'Dropdown.Item',\n        api: [\n            {\n                propName: 'active',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether active current Dropdown Item',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether disabled current Dropdown Item',\n            },\n            {\n                propName: 'variant',\n                type: `<code>'default'</code> | <code>'header'</code> | <code>'divider'</code> | <code>'custom'</code>`,\n                default: `-`,\n                desc: 'Define the type of Dropdown Item ',\n            },\n            {\n                propName: 'eventKey',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'The value of Dropdown Item',\n            },\n            {\n                propName: 'onClick',\n                type: `<code>() => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Dropdown Item is clicked',\n            },\n            {\n                propName: 'onSelect',\n                type: `<code>(eventKey: string, e: MouseEvent) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Dropdown Item is clicked',\n            },\n        ],\n    },\n    {\n        component: 'Dropdown.Menu',\n        api: [\n            {\n                propName: 'title',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Title for submenu',\n            },\n            {\n                propName: 'eventKey',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'The value of Dropdown submenu',\n            },\n            {\n                propName: 'placement',\n                type: `<code>'top-start'</code> | <code>'top-center'</code> | <code>'top-end'</code> | <code>'bottom-start'</code> | <code>'bottom-center'</code> | <code>'bottom-end'</code> | <code>'middle-start-top'</code>| <code>'middle-start-bottom'</code> | <code>'middle-end-top'</code>| <code>'middle-end-bottom'</code>`,\n                default: `-`,\n                desc: 'Placement where the Dropdown menu expand',\n            },\n        ],\n    },\n]\n\nconst Dropdown = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Dropdown\n"],"names":["mdPath","demoHeader","demos","Default","CustomToggle","Trigger","Submenu","Placement","DefaultActive","Disabled","DropdownItemVariant","WithRouterLink","demoApi","Dropdown","DemoLayout"],"mappings":"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"}

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

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

package/dist/@ecme/views/ui-components/navigation/Menu/DefaultActive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultActive.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/DefaultActive.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Menu from '@/components/ui/Menu'\n\nconst DefaultActive = () => {\n    const [defaultActiveKey] = useState(['item-2', 'item-3-2'])\n\n    return (\n        <div\n            className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n            style={{ maxWidth: 250 }}\n        >\n            <Menu defaultActiveKeys={defaultActiveKey}>\n                <Menu.MenuItem eventKey=\"item-1\">Item 1</Menu.MenuItem>\n                <Menu.MenuItem eventKey=\"item-2\">Item 2</Menu.MenuItem>\n                <Menu.MenuCollapse eventKey=\"item-3\" label=\"Item 3\">\n                    <Menu.MenuItem eventKey=\"item-3-1\">Item 3.1</Menu.MenuItem>\n                    <Menu.MenuItem eventKey=\"item-3-2\">Item 3.2</Menu.MenuItem>\n                </Menu.MenuCollapse>\n            </Menu>\n        </div>\n    )\n}\n\nexport default DefaultActive\n"],"names":["DefaultActive","defaultActiveKey","useState","jsx","jsxs","Menu"],"mappings":";;;AAGA,MAAMA,IAAgB,MAAM;AACxB,QAAM,CAACC,CAAgB,IAAIC,EAAS,CAAC,UAAU,UAAU,CAAC;AAE1D,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,IAAA;AAAA,MAEnB,UAAA,gBAAAC,EAACC,GAAA,EAAK,mBAAmBJ,GACrB,UAAA;AAAA,QAAA,gBAAAE,EAACE,EAAK,UAAL,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,0BACtCA,EAAK,UAAL,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,0BACtCA,EAAK,cAAL,EAAkB,UAAS,UAAS,OAAM,UACvC,UAAA;AAAA,UAAA,gBAAAF,EAACE,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,4BAC1CA,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,WAAA,CAAQ;AAAA,QAAA,EAAA,CAC/C;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/ui-components/navigation/Menu/DefaultExpand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultExpand.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/DefaultExpand.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Menu from '@/components/ui/Menu'\n\nconst DefaultExpand = () => {\n    const [defaultExpandKey] = useState(['item-3'])\n\n    return (\n        <div\n            className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n            style={{ maxWidth: 250 }}\n        >\n            <Menu defaultExpandedKeys={defaultExpandKey}>\n                <Menu.MenuItem eventKey=\"item-1\">Item 1</Menu.MenuItem>\n                <Menu.MenuItem eventKey=\"item-2\">Item 2</Menu.MenuItem>\n                <Menu.MenuCollapse eventKey=\"item-3\" label=\"Item 3\">\n                    <Menu.MenuItem eventKey=\"item-3-1\">Item 3.1</Menu.MenuItem>\n                    <Menu.MenuItem eventKey=\"item-3-2\">Item 3.2</Menu.MenuItem>\n                </Menu.MenuCollapse>\n                <Menu.MenuCollapse eventKey=\"item-4\" label=\"Item 4\">\n                    <Menu.MenuItem eventKey=\"item-4-1\">Item 4.1</Menu.MenuItem>\n                    <Menu.MenuItem eventKey=\"item-4-2\">Item 4.2</Menu.MenuItem>\n                </Menu.MenuCollapse>\n            </Menu>\n        </div>\n    )\n}\n\nexport default DefaultExpand\n"],"names":["DefaultExpand","defaultExpandKey","useState","jsx","jsxs","Menu"],"mappings":";;;AAGA,MAAMA,IAAgB,MAAM;AACxB,QAAM,CAACC,CAAgB,IAAIC,EAAS,CAAC,QAAQ,CAAC;AAE9C,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,IAAA;AAAA,MAEnB,UAAA,gBAAAC,EAACC,GAAA,EAAK,qBAAqBJ,GACvB,UAAA;AAAA,QAAA,gBAAAE,EAACE,EAAK,UAAL,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,0BACtCA,EAAK,UAAL,EAAc,UAAS,UAAS,UAAA,UAAM;AAAA,0BACtCA,EAAK,cAAL,EAAkB,UAAS,UAAS,OAAM,UACvC,UAAA;AAAA,UAAA,gBAAAF,EAACE,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,4BAC1CA,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,WAAA,CAAQ;AAAA,QAAA,GAC/C;AAAA,0BACCA,EAAK,cAAL,EAAkB,UAAS,UAAS,OAAM,UACvC,UAAA;AAAA,UAAA,gBAAAF,EAACE,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,4BAC1CA,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,WAAA,CAAQ;AAAA,QAAA,EAAA,CAC/C;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/@ecme/views/ui-components/navigation/Menu/DisabledMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisabledMenuItem.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/DisabledMenuItem.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\n\nconst DisabledMenuItem = () => {\n    return (\n        <div\n            className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n            style={{ maxWidth: 250 }}\n        >\n            <Menu>\n                <Menu.MenuItem eventKey=\"settings\">Settings</Menu.MenuItem>\n                <Menu.MenuItem disabled eventKey=\"message\">\n                    Message\n                </Menu.MenuItem>\n                <Menu.MenuItem eventKey=\"gallery\">Gallery</Menu.MenuItem>\n            </Menu>\n        </div>\n    )\n}\n\nexport default DisabledMenuItem\n"],"names":["DisabledMenuItem","jsx","Menu"],"mappings":";;AAEA,MAAMA,IAAmB,MAEjB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,OAAO,EAAE,UAAU,IAAA;AAAA,IAEnB,4BAACC,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAD,EAACC,EAAK,UAAL,EAAc,UAAS,YAAW,UAAA,YAAQ;AAAA,MAC3C,gBAAAD,EAACC,EAAK,UAAL,EAAc,UAAQ,IAAC,UAAS,WAAU,UAAA,WAE3C;AAAA,wBACCA,EAAK,UAAL,EAAc,UAAS,WAAU,UAAA,UAAA,CAAO;AAAA,IAAA,EAAA,CAC7C;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/ui-components/navigation/Menu/MenuGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroup.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/MenuGroup.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\n\nconst MenuGroup = () => {\n    return (\n        <div\n            className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n            style={{ maxWidth: 250 }}\n        >\n            <Menu>\n                <Menu.MenuGroup key=\"group-1\" label=\"Group 1\">\n                    <Menu.MenuItem eventKey=\"group-1-item-1\">\n                        Item 1\n                    </Menu.MenuItem>\n                    <Menu.MenuItem eventKey=\"group-1-item-2\">\n                        Item 2\n                    </Menu.MenuItem>\n                    <Menu.MenuCollapse eventKey=\"group-1-item-3\" label=\"Item 3\">\n                        <Menu.MenuItem eventKey=\"group-1-item-3-1\">\n                            Item 3.1\n                        </Menu.MenuItem>\n                        <Menu.MenuItem eventKey=\"group-1-item-3-2\">\n                            Item 3.2\n                        </Menu.MenuItem>\n                    </Menu.MenuCollapse>\n                </Menu.MenuGroup>\n                <Menu.MenuGroup key=\"group-2\" label=\"Group 2\">\n                    <Menu.MenuItem eventKey=\"group-2-item-1\">\n                        Item 1\n                    </Menu.MenuItem>\n                    <Menu.MenuItem eventKey=\"group-2-item-2\">\n                        Item 2\n                    </Menu.MenuItem>\n                </Menu.MenuGroup>\n            </Menu>\n        </div>\n    )\n}\n\nexport default MenuGroup\n"],"names":["MenuGroup","jsx","Menu","jsxs"],"mappings":";;AAEA,MAAMA,IAAY,MAEV,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,OAAO,EAAE,UAAU,IAAA;AAAA,IAEnB,4BAACC,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAC,EAACD,EAAK,WAAL,EAA6B,OAAM,WAChC,UAAA;AAAA,QAAA,gBAAAD,EAACC,EAAK,UAAL,EAAc,UAAS,kBAAiB,UAAA,UAEzC;AAAA,0BACCA,EAAK,UAAL,EAAc,UAAS,kBAAiB,UAAA,UAEzC;AAAA,0BACCA,EAAK,cAAL,EAAkB,UAAS,kBAAiB,OAAM,UAC/C,UAAA;AAAA,UAAA,gBAAAD,EAACC,EAAK,UAAL,EAAc,UAAS,oBAAmB,UAAA,YAE3C;AAAA,4BACCA,EAAK,UAAL,EAAc,UAAS,oBAAmB,UAAA,WAAA,CAE3C;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA,EAAA,GAdgB,SAepB;AAAA,MACA,gBAAAC,EAACD,EAAK,WAAL,EAA6B,OAAM,WAChC,UAAA;AAAA,QAAA,gBAAAD,EAACC,EAAK,UAAL,EAAc,UAAS,kBAAiB,UAAA,UAEzC;AAAA,0BACCA,EAAK,UAAL,EAAc,UAAS,kBAAiB,UAAA,SAAA,CAEzC;AAAA,MAAA,EAAA,GANgB,SAOpB;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA;AAAA;"}

package/dist/@ecme/views/ui-components/navigation/Menu/MenuWithIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuWithIcon.js","sources":["../../../../../../lib/@ecme/views/ui-components/navigation/Menu/MenuWithIcon.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport {\n    HiOutlineCog,\n    HiOutlineChat,\n    HiOutlineGlobeAlt,\n    HiOutlineSupport,\n    HiWifi,\n} from 'react-icons/hi'\nimport type { ReactNode } from 'react'\n\nconst MenuContent = ({ icon, label }: { icon: ReactNode; label: string }) => {\n    return (\n        <div className=\"flex items-center gap-2\">\n            <span className={'text-2xl'}>{icon}</span>\n            <span>{label}</span>\n        </div>\n    )\n}\n\nconst MenuWithIcon = () => {\n    return (\n        <div\n            className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n            style={{ maxWidth: 250 }}\n        >\n            <Menu>\n                <Menu.MenuItem eventKey=\"settings\">\n                    <MenuContent icon={<HiOutlineCog />} label=\"Settings\" />\n                </Menu.MenuItem>\n                <Menu.MenuItem eventKey=\"messages\">\n                    <MenuContent icon={<HiOutlineChat />} label=\"Messages\" />\n                </Menu.MenuItem>\n                <Menu.MenuCollapse\n                    eventKey=\"others\"\n                    label={\n                        <MenuContent\n                            icon={<HiOutlineGlobeAlt />}\n                            label=\"Network\"\n                        />\n                    }\n                >\n                    <Menu.MenuItem eventKey=\"wifi\">\n                        <MenuContent icon={<HiWifi />} label=\"Wifi\" />\n                    </Menu.MenuItem>\n                    <Menu.MenuItem eventKey=\"support\">\n                        <MenuContent\n                            icon={<HiOutlineSupport />}\n                            label=\"Support\"\n                        />\n                    </Menu.MenuItem>\n                </Menu.MenuCollapse>\n            </Menu>\n        </div>\n    )\n}\n\nexport default MenuWithIcon\n"],"names":["MenuContent","icon","label","jsxs","jsx","MenuWithIcon","Menu","HiOutlineCog","HiOutlineChat","HiOutlineGlobeAlt","HiWifi","HiOutlineSupport"],"mappings":";;;AAUA,MAAMA,IAAc,CAAC,EAAE,MAAAC,GAAM,OAAAC,QAErB,gBAAAC,EAAC,OAAA,EAAI,WAAU,2BACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,QAAA,EAAK,WAAW,YAAa,UAAAH,GAAK;AAAA,EACnC,gBAAAG,EAAC,UAAM,UAAAF,EAAA,CAAM;AAAA,GACjB,GAIFG,IAAe,MAEb,gBAAAD;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,OAAO,EAAE,UAAU,IAAA;AAAA,IAEnB,4BAACE,GAAA,EACG,UAAA;AAAA,MAAA,gBAAAF,EAACE,EAAK,UAAL,EAAc,UAAS,YACpB,UAAA,gBAAAF,EAACJ,GAAA,EAAY,MAAM,gBAAAI,EAACG,GAAA,CAAA,CAAa,GAAI,OAAM,YAAW,GAC1D;AAAA,MACA,gBAAAH,EAACE,EAAK,UAAL,EAAc,UAAS,YACpB,UAAA,gBAAAF,EAACJ,GAAA,EAAY,MAAM,gBAAAI,EAACI,GAAA,CAAA,CAAc,GAAI,OAAM,YAAW,GAC3D;AAAA,MACA,gBAAAL;AAAA,QAACG,EAAK;AAAA,QAAL;AAAA,UACG,UAAS;AAAA,UACT,OACI,gBAAAF;AAAA,YAACJ;AAAA,YAAA;AAAA,cACG,wBAAOS,GAAA,EAAkB;AAAA,cACzB,OAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAId,UAAA;AAAA,YAAA,gBAAAL,EAACE,EAAK,UAAL,EAAc,UAAS,QACpB,UAAA,gBAAAF,EAACJ,GAAA,EAAY,MAAM,gBAAAI,EAACM,GAAA,CAAA,CAAO,GAAI,OAAM,QAAO,GAChD;AAAA,YACA,gBAAAN,EAACE,EAAK,UAAL,EAAc,UAAS,WACpB,UAAA,gBAAAF;AAAA,cAACJ;AAAA,cAAA;AAAA,gBACG,wBAAOW,GAAA,EAAiB;AAAA,gBACxB,OAAM;AAAA,cAAA;AAAA,YAAA,EACV,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,EAAA,CACJ;AAAA,EAAA;AAAA;"}

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

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