@orbe-agro/client-core 5.3.147 → 5.3.156

package/dist/@ecme/views/guide/SharedComponentsDoc/ShareComponentsDocView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareComponentsDocView.js","sources":["../../../../../lib/@ecme/views/guide/SharedComponentsDoc/ShareComponentsDocView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport shareComponentsDocRoutes from './shareComponentsDocRoutes'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nconst ShareComponentsDocView = () => {\n    return (\n        <Routes>\n            {shareComponentsDocRoutes.map((group) => (\n                <Fragment key={group.groupName}>\n                    {group.nav.map(({ path, component: Component, label }) => (\n                        <Route\n                            key={label}\n                            path={path}\n                            element={\n                                <Suspense\n                                    fallback={\n                                        <div className=\"h-full w-full flex items-center justify-center\">\n                                            <Spinner size={40} />\n                                        </div>\n                                    }\n                                >\n                                    <Component />\n                                </Suspense>\n                            }\n                        />\n                    ))}\n                </Fragment>\n            ))}\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n        </Routes>\n    )\n}\n\nexport default ShareComponentsDocView\n"],"names":["ShareComponentsDocView","Routes","shareComponentsDocRoutes","group","jsx","Fragment","path","Component","label","Route","Suspense","Spinner","Navigate"],"mappings":";;;;;;AAKA,MAAMA,IAAyB,wBAEtBC,GAAA,EACI,UAAA;AAAA,EAAAC,EAAyB,IAAI,CAACC,MAC3B,gBAAAC,EAACC,KACI,UAAAF,EAAM,IAAI,IAAI,CAAC,EAAE,MAAAG,GAAM,WAAWC,GAAW,OAAAC,QAC1C,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MAEG,MAAAH;AAAA,MACA,SACI,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,4BACK,OAAA,EAAI,WAAU,kDACX,UAAA,gBAAAN,EAACO,GAAA,EAAQ,MAAM,GAAA,CAAI,EAAA,CACvB;AAAA,UAGJ,4BAACJ,GAAA,CAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAXCC;AAAA,EAAA,CAcZ,EAAA,GAjBUL,EAAM,SAkBrB,CACH;AAAA,EACD,gBAAAC,EAACK,GAAA,EAAM,MAAK,KAAI,SAAS,gBAAAL,EAACQ,GAAA,EAAS,SAAO,IAAC,IAAG,IAAA,CAAI,EAAA,CAAI;AAAA,GAC1D;"}
+{"version":3,"file":"ShareComponentsDocView.js","sources":["../../../../../lib/@ecme/views/guide/SharedComponentsDoc/ShareComponentsDocView.tsx"],"sourcesContent":["import { Fragment, Suspense } from 'react'\nimport Spinner from '@/components/ui/Spinner'\nimport shareComponentsDocRoutes from './shareComponentsDocRoutes'\nimport { Routes, Route, Navigate } from 'react-router-dom'\n\nconst ShareComponentsDocView = () => {\n    return (\n        <Routes>\n            {shareComponentsDocRoutes.map((group) => (\n                <Fragment key={group.groupName}>\n                    {group.nav.map(({ path, component: Component, label }) => (\n                        <Route\n                            key={label}\n                            path={path}\n                            element={\n                                <Suspense\n                                    fallback={\n                                        <div className=\"h-full w-full flex items-center justify-center\">\n                                            <Spinner size={40} />\n                                        </div>\n                                    }\n                                >\n                                    <Component />\n                                </Suspense>\n                            }\n                        />\n                    ))}\n                </Fragment>\n            ))}\n            <Route path=\"*\" element={<Navigate replace to=\"/\" />} />\n        </Routes>\n    )\n}\n\nexport default ShareComponentsDocView\n"],"names":["ShareComponentsDocView","Routes","shareComponentsDocRoutes","group","jsx","Fragment","path","Component","label","Route","Suspense","Spinner","Navigate"],"mappings":";;;;;;AAKA,MAAMA,IAAyB,wBAEtBC,GACI,EAAA,UAAA;AAAA,EAAAC,EAAyB,IAAI,CAACC,MAC3B,gBAAAC,EAACC,KACI,UAAMF,EAAA,IAAI,IAAI,CAAC,EAAE,MAAAG,GAAM,WAAWC,GAAW,OAAAC,QAC1C,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MAEG,MAAAH;AAAA,MACA,SACI,gBAAAF;AAAA,QAACM;AAAA,QAAA;AAAA,UACG,4BACK,OAAI,EAAA,WAAU,kDACX,UAAC,gBAAAN,EAAAO,GAAA,EAAQ,MAAM,GAAA,CAAI,EACvB,CAAA;AAAA,UAGJ,4BAACJ,GAAU,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACf;AAAA,IAXCC;AAAA,EAAA,CAcZ,EAAA,GAjBUL,EAAM,SAkBrB,CACH;AAAA,EACD,gBAAAC,EAACK,GAAM,EAAA,MAAK,KAAI,SAAU,gBAAAL,EAAAQ,GAAA,EAAS,SAAO,IAAC,IAAG,IAAI,CAAA,EAAI,CAAA;AAAA,GAC1D;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/SharedComponentsDoc.js.map

@@ -1 +1 @@
-{"version":3,"file":"SharedComponentsDoc.js","sources":["../../../../../lib/@ecme/views/guide/SharedComponentsDoc/SharedComponentsDoc.tsx"],"sourcesContent":["import DocumentationNav from '@/components/docs/DocumentationNav'\nimport shareComponentsDocRoutes from './shareComponentsDocRoutes'\nimport ShareComponentsDocView from './ShareComponentsDocView'\n\nconst SharedComponentsDoc = () => {\n    return (\n        <div className=\"lg:flex h-full gap-8\">\n            <div className=\"lg:w-[280px] py-2 lg-py-0 px-4 mb-4 border border-gray-200 dark:border-gray-700 rounded-md lg:border-0\">\n                <DocumentationNav routes={shareComponentsDocRoutes} />\n            </div>\n            <div className=\"w-full\">\n                <ShareComponentsDocView />\n            </div>\n        </div>\n    )\n}\n\nexport default SharedComponentsDoc\n"],"names":["SharedComponentsDoc","jsxs","jsx","DocumentationNav","shareComponentsDocRoutes","ShareComponentsDocView"],"mappings":";;;;AAIA,MAAMA,IAAsB,MAEpB,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,0GACX,4BAACC,GAAA,EAAiB,QAAQC,GAA0B,EAAA,CACxD;AAAA,oBACC,OAAA,EAAI,WAAU,UACX,UAAA,gBAAAF,EAACG,KAAuB,EAAA,CAC5B;AAAA,GACJ;"}
+{"version":3,"file":"SharedComponentsDoc.js","sources":["../../../../../lib/@ecme/views/guide/SharedComponentsDoc/SharedComponentsDoc.tsx"],"sourcesContent":["import DocumentationNav from '@/components/docs/DocumentationNav'\nimport shareComponentsDocRoutes from './shareComponentsDocRoutes'\nimport ShareComponentsDocView from './ShareComponentsDocView'\n\nconst SharedComponentsDoc = () => {\n    return (\n        <div className=\"lg:flex h-full gap-8\">\n            <div className=\"lg:w-[280px] py-2 lg-py-0 px-4 mb-4 border border-gray-200 dark:border-gray-700 rounded-md lg:border-0\">\n                <DocumentationNav routes={shareComponentsDocRoutes} />\n            </div>\n            <div className=\"w-full\">\n                <ShareComponentsDocView />\n            </div>\n        </div>\n    )\n}\n\nexport default SharedComponentsDoc\n"],"names":["SharedComponentsDoc","jsxs","jsx","DocumentationNav","shareComponentsDocRoutes","ShareComponentsDocView"],"mappings":";;;;AAIA,MAAMA,IAAsB,MAEpB,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,0GACX,4BAACC,GAAiB,EAAA,QAAQC,GAA0B,EACxD,CAAA;AAAA,oBACC,OAAI,EAAA,WAAU,UACX,UAAA,gBAAAF,EAACG,KAAuB,EAC5B,CAAA;AAAA,GACJ;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/AbbreviateNumberDoc/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AbbreviateNumberDoc/Basic.tsx"],"sourcesContent":["import AbbreviateNumber from '@/components/shared/AbbreviateNumber'\n\nconst Basic = () => {\n    return (\n        <div>\n            <div className=\"mb-2\">\n                <AbbreviateNumber value={1200000} /> as (1200000)\n            </div>\n            <div className=\"mb-2\">\n                <AbbreviateNumber value={2100} /> as (2100)\n            </div>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsxs","jsx","AbbreviateNumber"],"mappings":";;AAEA,MAAMA,IAAQ,wBAEL,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAiB,OAAO,KAAA,CAAS;AAAA,IAAE;AAAA,EAAA,GACxC;AAAA,EACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAiB,OAAO,KAAA,CAAM;AAAA,IAAE;AAAA,EAAA,EAAA,CACrC;AAAA,GACJ;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AbbreviateNumberDoc/Basic.tsx"],"sourcesContent":["import AbbreviateNumber from '@/components/shared/AbbreviateNumber'\n\nconst Basic = () => {\n    return (\n        <div>\n            <div className=\"mb-2\">\n                <AbbreviateNumber value={1200000} /> as (1200000)\n            </div>\n            <div className=\"mb-2\">\n                <AbbreviateNumber value={2100} /> as (2100)\n            </div>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsxs","jsx","AbbreviateNumber"],"mappings":";;AAEA,MAAMA,IAAQ,wBAEL,OACG,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAiB,OAAO,KAAS,CAAA;AAAA,IAAE;AAAA,EAAA,GACxC;AAAA,EACA,gBAAAF,EAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAiB,OAAO,KAAM,CAAA;AAAA,IAAE;AAAA,EAAA,EACrC,CAAA;AAAA,GACJ;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/AbbreviateNumberDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AbbreviateNumberDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\n\nconst mdPath = 'AbbreviateNumberDoc'\n\nconst demoHeader = {\n    title: 'AbbreviateNumber',\n    desc: ' AbbreviateNumber designed to abbreviate large numbers for better readability. It converts numbers into a shortened format with a suffix, such as \"K\" for thousands and \"M\" for millions.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage.`,\n        component: <Basic />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'ActionLink',\n        api: [\n            {\n                propName: 'value',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The numeric value to be abbreviated and displayed.',\n            },\n        ],\n    },\n]\n\nconst ActionLinkDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default ActionLinkDoc\n"],"names":["mdPath","demoHeader","demos","Basic","demoApi","ActionLinkDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,uBAETC,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;AAE1B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAgB,MAEd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AbbreviateNumberDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\n\nconst mdPath = 'AbbreviateNumberDoc'\n\nconst demoHeader = {\n    title: 'AbbreviateNumber',\n    desc: ' AbbreviateNumber designed to abbreviate large numbers for better readability. It converts numbers into a shortened format with a suffix, such as \"K\" for thousands and \"M\" for millions.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage.`,\n        component: <Basic />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'ActionLink',\n        api: [\n            {\n                propName: 'value',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'The numeric value to be abbreviated and displayed.',\n            },\n        ],\n    },\n]\n\nconst ActionLinkDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default ActionLinkDoc\n"],"names":["mdPath","demoHeader","demos","Basic","demoApi","ActionLinkDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,uBAETC,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,GAAM,CAAA,CAAA;AAAA,EAAA;AAE1B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAgB,MAEd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/Basic.tsx"],"sourcesContent":["import ActionLink from '@/components/shared/ActionLink'\n\nconst Basic = () => {\n    return (\n        <ActionLink to=\"/docs/documentation/introduction\">Navigate</ActionLink>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","ActionLink"],"mappings":";;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAACC,GAAA,EAAW,IAAG,oCAAmC,UAAA,YAAQ;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/Basic.tsx"],"sourcesContent":["import ActionLink from '@/components/shared/ActionLink'\n\nconst Basic = () => {\n    return (\n        <ActionLink to=\"/docs/documentation/introduction\">Navigate</ActionLink>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","ActionLink"],"mappings":";;AAEA,MAAMA,IAAQ,MAEL,gBAAAC,EAAAC,GAAA,EAAW,IAAG,oCAAmC,UAAQ,YAAA;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/Hyperlink.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hyperlink.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/Hyperlink.tsx"],"sourcesContent":["import ActionLink from '@/components/shared/ActionLink'\n\nconst Hyperlink = () => {\n    return (\n        <ActionLink reloadDocument to=\"https://www.google.com/\" target=\"_blank\">\n            Navigate\n        </ActionLink>\n    )\n}\n\nexport default Hyperlink\n"],"names":["Hyperlink","jsx","ActionLink"],"mappings":";;AAEA,MAAMA,IAAY,MAEV,gBAAAC,EAACC,KAAW,gBAAc,IAAC,IAAG,2BAA0B,QAAO,UAAS,UAAA,WAAA,CAExE;"}
+{"version":3,"file":"Hyperlink.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/Hyperlink.tsx"],"sourcesContent":["import ActionLink from '@/components/shared/ActionLink'\n\nconst Hyperlink = () => {\n    return (\n        <ActionLink reloadDocument to=\"https://www.google.com/\" target=\"_blank\">\n            Navigate\n        </ActionLink>\n    )\n}\n\nexport default Hyperlink\n"],"names":["Hyperlink","jsx","ActionLink"],"mappings":";;AAEA,MAAMA,IAAY,MAEV,gBAAAC,EAACC,KAAW,gBAAc,IAAC,IAAG,2BAA0B,QAAO,UAAS,UAExE,WAAA,CAAA;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/ThemeColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeColor.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/ThemeColor.tsx"],"sourcesContent":["import ActionLink from '@/components/shared/ActionLink'\n\nconst ThemeColor = () => {\n    return (\n        <ActionLink to=\"/docs/documentation/introduction\" themeColor={false}>\n            Navigate\n        </ActionLink>\n    )\n}\n\nexport default ThemeColor\n"],"names":["ThemeColor","ActionLink"],"mappings":";;AAEA,MAAMA,IAAa,wBAEVC,GAAA,EAAW,IAAG,oCAAmC,YAAY,IAAO,UAAA,YAErE;"}
+{"version":3,"file":"ThemeColor.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/ThemeColor.tsx"],"sourcesContent":["import ActionLink from '@/components/shared/ActionLink'\n\nconst ThemeColor = () => {\n    return (\n        <ActionLink to=\"/docs/documentation/introduction\" themeColor={false}>\n            Navigate\n        </ActionLink>\n    )\n}\n\nexport default ThemeColor\n"],"names":["ThemeColor","ActionLink"],"mappings":";;AAEA,MAAMA,IAAa,wBAEVC,GAAW,EAAA,IAAG,oCAAmC,YAAY,IAAO,UAErE,YAAA;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport ThemeColor from './ThemeColor'\nimport Hyperlink from './Hyperlink'\n\nconst mdPath = 'ActionLinkDoc'\n\nconst demoHeader = {\n    title: 'ActionLink',\n    desc: 'ActionLink lets the user navigate to another page by clicking or tapping on it.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'ThemeColor',\n        mdPath: mdPath,\n        title: 'Theme color',\n        desc: `You can disable the default theme color applied to the ActionLink by setting <code>themeColor</code> to false.`,\n        component: <ThemeColor />,\n    },\n    {\n        mdName: 'Hyperlink',\n        mdPath: mdPath,\n        title: 'Hyperlink',\n        desc: `You can use ActionLink as hyperlink as well without using <code>to</code> props to define the destination.`,\n        component: <Hyperlink />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'ActionLink',\n        api: [\n            {\n                propName: 'replace',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'When true, clicking the link will replace the current entry in the history stack instead of adding a new one',\n            },\n            {\n                propName: 'state',\n                type: `<code>any</code>`,\n                default: `-`,\n                desc: 'State to persist to the location as <code>Link</code> component in <code>react-router</code>',\n            },\n            {\n                propName: 'themeColor',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to apply theme color on this link',\n            },\n            {\n                propName: 'to',\n                type: `<code>string</code> | <code>{pathName: string, search: string, hash: string}</code>`,\n                default: `-`,\n                desc: 'Describes a location that is the destination of some navigation',\n            },\n        ],\n    },\n]\n\nconst ActionLinkDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default ActionLinkDoc\n"],"names":["mdPath","demoHeader","demos","Basic","ThemeColor","Hyperlink","demoApi","ActionLinkDoc","jsx","DemoLayout"],"mappings":";;;;;AAOA,MAAMA,IAAS,iBAETC,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,CAAW;AAAA,EAAA;AAAA,EAE3B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAU;AAAA,EAAA;AAE9B,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,IACV;AAAA,EACJ;AAER,GAEMC,IAAgB,MAEd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKI;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport ThemeColor from './ThemeColor'\nimport Hyperlink from './Hyperlink'\n\nconst mdPath = 'ActionLinkDoc'\n\nconst demoHeader = {\n    title: 'ActionLink',\n    desc: 'ActionLink lets the user navigate to another page by clicking or tapping on it.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage.`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'ThemeColor',\n        mdPath: mdPath,\n        title: 'Theme color',\n        desc: `You can disable the default theme color applied to the ActionLink by setting <code>themeColor</code> to false.`,\n        component: <ThemeColor />,\n    },\n    {\n        mdName: 'Hyperlink',\n        mdPath: mdPath,\n        title: 'Hyperlink',\n        desc: `You can use ActionLink as hyperlink as well without using <code>to</code> props to define the destination.`,\n        component: <Hyperlink />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'ActionLink',\n        api: [\n            {\n                propName: 'replace',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'When true, clicking the link will replace the current entry in the history stack instead of adding a new one',\n            },\n            {\n                propName: 'state',\n                type: `<code>any</code>`,\n                default: `-`,\n                desc: 'State to persist to the location as <code>Link</code> component in <code>react-router</code>',\n            },\n            {\n                propName: 'themeColor',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to apply theme color on this link',\n            },\n            {\n                propName: 'to',\n                type: `<code>string</code> | <code>{pathName: string, search: string, hash: string}</code>`,\n                default: `-`,\n                desc: 'Describes a location that is the destination of some navigation',\n            },\n        ],\n    },\n]\n\nconst ActionLinkDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default ActionLinkDoc\n"],"names":["mdPath","demoHeader","demos","Basic","ThemeColor","Hyperlink","demoApi","ActionLinkDoc","jsx","DemoLayout"],"mappings":";;;;;AAOA,MAAMA,IAAS,iBAETC,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,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAW,CAAA,CAAA;AAAA,EAC3B;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAU,CAAA,CAAA;AAAA,EAAA;AAE9B,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,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAgB,MAEd,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKI;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/AdaptiveCardDoc/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AdaptiveCardDoc/Basic.tsx"],"sourcesContent":["import AdaptiveCard from '@/components/shared/AdaptiveCard'\n\nconst Basic = () => {\n    return <AdaptiveCard>Card content</AdaptiveCard>\n}\n\nexport default Basic\n"],"names":["Basic","jsx","AdaptiveCard"],"mappings":";;AAEA,MAAMA,IAAQ,MACH,gBAAAC,EAACC,KAAa,UAAA,eAAA,CAAY;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AdaptiveCardDoc/Basic.tsx"],"sourcesContent":["import AdaptiveCard from '@/components/shared/AdaptiveCard'\n\nconst Basic = () => {\n    return <AdaptiveCard>Card content</AdaptiveCard>\n}\n\nexport default Basic\n"],"names":["Basic","jsx","AdaptiveCard"],"mappings":";;AAEA,MAAMA,IAAQ,MACH,gBAAAC,EAACC,KAAa,UAAY,eAAA,CAAA;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/AdaptiveCardDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AdaptiveCardDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\n\nconst mdPath = 'AdaptiveCardDoc'\n\nconst demoHeader = {\n    title: 'AdaptableCard',\n    desc: 'A card component that can adapt on different layout & background.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: ``,\n        component: <Basic />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'AdaptableCard',\n        api: [\n            {\n                propName: 'header',\n                type: `<code>{ content?: string | ReactNode, className?: string, bordered?: boolean, extra?: string | ReactNode }</code>`,\n                default: `-`,\n                desc: 'Card header config',\n            },\n            {\n                propName: 'footer',\n                type: `<code>{ content?: string | ReactNode, className?: string, bordered?: boolean }</code>`,\n                default: `-`,\n                desc: 'Card footer config',\n            },\n            {\n                propName: 'bordered',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Display Card with border (without shadow)',\n            },\n            {\n                propName: 'clickable',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Make cursor become pointer upon hover',\n            },\n            {\n                propName: 'bodyClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Apply class to card body',\n            },\n            {\n                propName: 'onClick',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Card is clicked',\n            },\n        ],\n    },\n]\n\nconst AdaptableCardDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default AdaptableCardDoc\n"],"names":["mdPath","demoHeader","demos","Basic","demoApi","AdaptableCardDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,mBAETC,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;AAE1B,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,IACV;AAAA,EACJ;AAER,GAEMC,IAAmB,MAEjB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AdaptiveCardDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\n\nconst mdPath = 'AdaptiveCardDoc'\n\nconst demoHeader = {\n    title: 'AdaptableCard',\n    desc: 'A card component that can adapt on different layout & background.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: ``,\n        component: <Basic />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'AdaptableCard',\n        api: [\n            {\n                propName: 'header',\n                type: `<code>{ content?: string | ReactNode, className?: string, bordered?: boolean, extra?: string | ReactNode }</code>`,\n                default: `-`,\n                desc: 'Card header config',\n            },\n            {\n                propName: 'footer',\n                type: `<code>{ content?: string | ReactNode, className?: string, bordered?: boolean }</code>`,\n                default: `-`,\n                desc: 'Card footer config',\n            },\n            {\n                propName: 'bordered',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Display Card with border (without shadow)',\n            },\n            {\n                propName: 'clickable',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Make cursor become pointer upon hover',\n            },\n            {\n                propName: 'bodyClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Apply class to card body',\n            },\n            {\n                propName: 'onClick',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `<code>-</code>`,\n                desc: 'Callback when Card is clicked',\n            },\n        ],\n    },\n]\n\nconst AdaptableCardDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default AdaptableCardDoc\n"],"names":["mdPath","demoHeader","demos","Basic","demoApi","AdaptableCardDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,mBAETC,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,GAAM,CAAA,CAAA;AAAA,EAAA;AAE1B,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,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAmB,MAEjB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/Basic.tsx"],"sourcesContent":["import Affix from '@/components/shared/Affix'\nimport Button from '@/components/ui/Button'\n\nconst Basic = () => {\n    return (\n        <div className=\"flex flex-col justify-between\">\n            <Affix className=\"z-50\">\n                <Button variant=\"solid\">This will stick to top</Button>\n            </Affix>\n            <div className=\"text-xl\">\n                <br />\n                Scroll down\n                <br />\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                <br />\n            </div>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsxs","jsx","Affix","Button"],"mappings":";;;;AAGA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,WAAU,QACb,UAAA,gBAAAD,EAACE,KAAO,SAAQ,SAAQ,oCAAsB,EAAA,CAClD;AAAA,EACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,sBACH,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,sBACH,MAAA,CAAA,CAAG;AAAA,EAAA,EAAA,CACR;AAAA,GACJ;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/Basic.tsx"],"sourcesContent":["import Affix from '@/components/shared/Affix'\nimport Button from '@/components/ui/Button'\n\nconst Basic = () => {\n    return (\n        <div className=\"flex flex-col justify-between\">\n            <Affix className=\"z-50\">\n                <Button variant=\"solid\">This will stick to top</Button>\n            </Affix>\n            <div className=\"text-xl\">\n                <br />\n                Scroll down\n                <br />\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                <br />\n            </div>\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsxs","jsx","Affix","Button"],"mappings":";;;;AAGA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAI,EAAA,WAAU,iCACX,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAM,WAAU,QACb,UAAA,gBAAAD,EAACE,KAAO,SAAQ,SAAQ,oCAAsB,EAClD,CAAA;AAAA,EACA,gBAAAH,EAAC,OAAI,EAAA,WAAU,WACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,sBACH,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,sBACH,MAAG,CAAA,CAAA;AAAA,EAAA,EACR,CAAA;AAAA,GACJ;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/Offset.js.map

@@ -1 +1 @@
-{"version":3,"file":"Offset.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/Offset.tsx"],"sourcesContent":["import Affix from '@/components/shared/Affix'\nimport Button from '@/components/ui/Button'\n\nconst Offset = () => {\n    return (\n        <div className=\"flex flex-col justify-between\">\n            <Affix offset={80} className=\"z-50\">\n                <Button variant=\"solid\">\n                    This will stick to top with 80px offset\n                </Button>\n            </Affix>\n            <div className=\"text-xl\">\n                <br />\n                Scroll down\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                <br />\n            </div>\n        </div>\n    )\n}\n\nexport default Offset\n"],"names":["Offset","jsxs","jsx","Affix","Button"],"mappings":";;;;AAGA,MAAMA,IAAS,MAEP,gBAAAC,EAAC,OAAA,EAAI,WAAU,iCACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAM,QAAQ,IAAI,WAAU,QACzB,4BAACC,GAAA,EAAO,SAAQ,SAAQ,UAAA,0CAAA,CAExB,GACJ;AAAA,EACA,gBAAAH,EAAC,OAAA,EAAI,WAAU,WACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,IAAE;AAAA,sBAEL,MAAA,EAAG;AAAA,sBACH,MAAA,CAAA,CAAG;AAAA,EAAA,EAAA,CACR;AAAA,GACJ;"}
+{"version":3,"file":"Offset.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/Offset.tsx"],"sourcesContent":["import Affix from '@/components/shared/Affix'\nimport Button from '@/components/ui/Button'\n\nconst Offset = () => {\n    return (\n        <div className=\"flex flex-col justify-between\">\n            <Affix offset={80} className=\"z-50\">\n                <Button variant=\"solid\">\n                    This will stick to top with 80px offset\n                </Button>\n            </Affix>\n            <div className=\"text-xl\">\n                <br />\n                Scroll down\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                👇\n                <br />\n                <br />\n            </div>\n        </div>\n    )\n}\n\nexport default Offset\n"],"names":["Offset","jsxs","jsx","Affix","Button"],"mappings":";;;;AAGA,MAAMA,IAAS,MAEP,gBAAAC,EAAC,OAAI,EAAA,WAAU,iCACX,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAM,QAAQ,IAAI,WAAU,QACzB,4BAACC,GAAO,EAAA,SAAQ,SAAQ,UAAA,0CAExB,CAAA,GACJ;AAAA,EACA,gBAAAH,EAAC,OAAI,EAAA,WAAU,WACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,IAAE;AAAA,sBAEL,MAAG,EAAA;AAAA,sBACH,MAAG,CAAA,CAAA;AAAA,EAAA,EACR,CAAA;AAAA,GACJ;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Offset from './Offset'\n\nconst mdPath = 'AffixDoc'\n\nconst demoHeader = {\n    title: 'Affix',\n    desc: 'Affix renders elemetns stick with a fixed position',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Offset',\n        mdPath: mdPath,\n        title: 'Offset',\n        desc: `with offset`,\n        component: <Offset />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Affix',\n        api: [\n            {\n                propName: 'offset',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Offset from the top of the viewport (px as unit) ',\n            },\n        ],\n    },\n]\n\nconst AffixDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default AffixDoc\n"],"names":["mdPath","demoHeader","demos","Basic","Offset","demoApi","AffixDoc","jsx","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,YAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAO;AAAA,EAAA;AAE3B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAW,MAET,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,KAAKG;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Offset from './Offset'\n\nconst mdPath = 'AffixDoc'\n\nconst demoHeader = {\n    title: 'Affix',\n    desc: 'Affix renders elemetns stick with a fixed position',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: `Basic usage`,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Offset',\n        mdPath: mdPath,\n        title: 'Offset',\n        desc: `with offset`,\n        component: <Offset />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Affix',\n        api: [\n            {\n                propName: 'offset',\n                type: `<code>number</code>`,\n                default: `-`,\n                desc: 'Offset from the top of the viewport (px as unit) ',\n            },\n        ],\n    },\n]\n\nconst AffixDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default AffixDoc\n"],"names":["mdPath","demoHeader","demos","Basic","Offset","demoApi","AffixDoc","jsx","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,YAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAO,CAAA,CAAA;AAAA,EAAA;AAE3B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAW,MAET,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQP;AAAA,IACR,OAAAC;AAAA,IACA,KAAKG;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/AuthorityCheckDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AuthorityCheckDoc/Example.tsx"],"sourcesContent":["import AuthorityCheck from '@/components/shared/AuthorityCheck'\n\nconst Example = () => {\n    const permissionRole = ['ADMIN', 'USER']\n\n    const users = [\n        {\n            name: 'User A',\n            roles: ['ADMIN'],\n            color: 'text-indigo-500',\n        },\n        {\n            name: 'User B',\n            roles: ['USER'],\n            color: 'text-emerald-500',\n        },\n        {\n            name: 'User C',\n            roles: ['GUEST'],\n            color: 'text-rose-500',\n        },\n        {\n            name: 'User D',\n            roles: ['ADMIN', 'USER'],\n            color: 'text-blue-500',\n        },\n    ]\n\n    return (\n        <>\n            <h6 className=\"mb-4\">Users with different role</h6>\n            <div className=\"flex flex-col gap-2\">\n                {users.map((user, index) => (\n                    <div key={index}>\n                        <span className={user.color}>{user.name}</span>: {` `}\n                        <span className=\"font-semibold\">\n                            {user.roles.toString()}\n                        </span>\n                    </div>\n                ))}\n            </div>\n            <hr className=\"my-4\" />\n            <div className=\"mb-4\">\n                <span>Roles who can access: {` `}</span>\n                <span className=\"font-semibold\">\n                    {permissionRole.toString()}\n                </span>\n            </div>\n            <div>\n                <span>Result (Users who able to access): </span>\n                {users.map((user) => (\n                    <AuthorityCheck\n                        key={user.name}\n                        authority={permissionRole}\n                        userAuthority={user.roles}\n                    >\n                        <span className={`${user.color} font-semibold`}>\n                            {user.name},{' '}\n                        </span>\n                    </AuthorityCheck>\n                ))}\n            </div>\n        </>\n    )\n}\n\nexport default Example\n"],"names":["Example","permissionRole","users","jsxs","Fragment","jsx","user","index","AuthorityCheck"],"mappings":";;AAEA,MAAMA,IAAU,MAAM;AAClB,QAAMC,IAAiB,CAAC,SAAS,MAAM,GAEjCC,IAAQ;AAAA,IACV;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,OAAO;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,MAAM;AAAA,MACd,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,OAAO;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,SAAS,MAAM;AAAA,MACvB,OAAO;AAAA,IAAA;AAAA,EACX;AAGJ,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,6BAAyB;AAAA,IAC9C,gBAAAA,EAAC,OAAA,EAAI,WAAU,uBACV,UAAAH,EAAM,IAAI,CAACI,GAAMC,MACd,gBAAAJ,EAAC,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAA,EAAK,WAAWC,EAAK,OAAQ,YAAK,MAAK;AAAA,MAAO;AAAA,MAAG;AAAA,wBACjD,QAAA,EAAK,WAAU,iBACX,UAAAA,EAAK,MAAM,WAAS,CACzB;AAAA,IAAA,KAJMC,CAKV,CACH,GACL;AAAA,IACA,gBAAAF,EAAC,MAAA,EAAG,WAAU,OAAA,CAAO;AAAA,IACrB,gBAAAF,EAAC,OAAA,EAAI,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAA,EAAK,UAAA;AAAA,QAAA;AAAA,QAAuB;AAAA,MAAA,GAAI;AAAA,wBAChC,QAAA,EAAK,WAAU,iBACX,UAAAF,EAAe,WAAS,CAC7B;AAAA,IAAA,GACJ;AAAA,sBACC,OAAA,EACG,UAAA;AAAA,MAAA,gBAAAI,EAAC,UAAK,UAAA,sCAAA,CAAmC;AAAA,MACxCH,EAAM,IAAI,CAACI,MACR,gBAAAD;AAAA,QAACG;AAAA,QAAA;AAAA,UAEG,WAAWP;AAAA,UACX,eAAeK,EAAK;AAAA,UAEpB,4BAAC,QAAA,EAAK,WAAW,GAAGA,EAAK,KAAK,kBACzB,UAAA;AAAA,YAAAA,EAAK;AAAA,YAAK;AAAA,YAAE;AAAA,UAAA,EAAA,CACjB;AAAA,QAAA;AAAA,QANKA,EAAK;AAAA,MAAA,CAQjB;AAAA,IAAA,EAAA,CACL;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AuthorityCheckDoc/Example.tsx"],"sourcesContent":["import AuthorityCheck from '@/components/shared/AuthorityCheck'\n\nconst Example = () => {\n    const permissionRole = ['ADMIN', 'USER']\n\n    const users = [\n        {\n            name: 'User A',\n            roles: ['ADMIN'],\n            color: 'text-indigo-500',\n        },\n        {\n            name: 'User B',\n            roles: ['USER'],\n            color: 'text-emerald-500',\n        },\n        {\n            name: 'User C',\n            roles: ['GUEST'],\n            color: 'text-rose-500',\n        },\n        {\n            name: 'User D',\n            roles: ['ADMIN', 'USER'],\n            color: 'text-blue-500',\n        },\n    ]\n\n    return (\n        <>\n            <h6 className=\"mb-4\">Users with different role</h6>\n            <div className=\"flex flex-col gap-2\">\n                {users.map((user, index) => (\n                    <div key={index}>\n                        <span className={user.color}>{user.name}</span>: {` `}\n                        <span className=\"font-semibold\">\n                            {user.roles.toString()}\n                        </span>\n                    </div>\n                ))}\n            </div>\n            <hr className=\"my-4\" />\n            <div className=\"mb-4\">\n                <span>Roles who can access: {` `}</span>\n                <span className=\"font-semibold\">\n                    {permissionRole.toString()}\n                </span>\n            </div>\n            <div>\n                <span>Result (Users who able to access): </span>\n                {users.map((user) => (\n                    <AuthorityCheck\n                        key={user.name}\n                        authority={permissionRole}\n                        userAuthority={user.roles}\n                    >\n                        <span className={`${user.color} font-semibold`}>\n                            {user.name},{' '}\n                        </span>\n                    </AuthorityCheck>\n                ))}\n            </div>\n        </>\n    )\n}\n\nexport default Example\n"],"names":["Example","permissionRole","users","jsxs","Fragment","jsx","user","index","AuthorityCheck"],"mappings":";;AAEA,MAAMA,IAAU,MAAM;AACZ,QAAAC,IAAiB,CAAC,SAAS,MAAM,GAEjCC,IAAQ;AAAA,IACV;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,OAAO;AAAA,MACf,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,MAAM;AAAA,MACd,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,OAAO;AAAA,MACf,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,MAAM;AAAA,MACN,OAAO,CAAC,SAAS,MAAM;AAAA,MACvB,OAAO;AAAA,IAAA;AAAA,EAEf;AAEA,SAEQ,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAyB,6BAAA;AAAA,IAC9C,gBAAAA,EAAC,OAAI,EAAA,WAAU,uBACV,UAAAH,EAAM,IAAI,CAACI,GAAMC,MACd,gBAAAJ,EAAC,OACG,EAAA,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAK,EAAA,WAAWC,EAAK,OAAQ,YAAK,MAAK;AAAA,MAAO;AAAA,MAAG;AAAA,wBACjD,QAAK,EAAA,WAAU,iBACX,UAAKA,EAAA,MAAM,WAChB,CAAA;AAAA,IAAA,KAJMC,CAKV,CACH,GACL;AAAA,IACA,gBAAAF,EAAC,MAAG,EAAA,WAAU,OAAO,CAAA;AAAA,IACrB,gBAAAF,EAAC,OAAI,EAAA,WAAU,QACX,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAK,EAAA,UAAA;AAAA,QAAA;AAAA,QAAuB;AAAA,MAAA,GAAI;AAAA,wBAChC,QAAK,EAAA,WAAU,iBACX,UAAAF,EAAe,WACpB,CAAA;AAAA,IAAA,GACJ;AAAA,sBACC,OACG,EAAA,UAAA;AAAA,MAAA,gBAAAI,EAAC,UAAK,UAAmC,sCAAA,CAAA;AAAA,MACxCH,EAAM,IAAI,CAACI,MACR,gBAAAD;AAAA,QAACG;AAAA,QAAA;AAAA,UAEG,WAAWP;AAAA,UACX,eAAeK,EAAK;AAAA,UAEpB,4BAAC,QAAK,EAAA,WAAW,GAAGA,EAAK,KAAK,kBACzB,UAAA;AAAA,YAAKA,EAAA;AAAA,YAAK;AAAA,YAAE;AAAA,UAAA,EACjB,CAAA;AAAA,QAAA;AAAA,QANKA,EAAK;AAAA,MAQjB,CAAA;AAAA,IAAA,EACL,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/AuthorityCheckDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AuthorityCheckDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'AuthorityCheckDoc'\n\nconst demoHeader = {\n    title: 'AuthorityCheck',\n    desc: 'AuthorityCheck component help to check whether the current user has permmision to access, it can be use to display or hide some elements that require permmission by certain roles.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `example usage`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'AuthorityCheck',\n        api: [\n            {\n                propName: 'authority',\n                type: `<code>Array</code>`,\n                default: `<code>[]</code>`,\n                desc: 'List of roles that have rights to access the wrapped elements',\n            },\n            {\n                propName: 'userAuthority',\n                type: `<code>Array</code>`,\n                default: `<code>[]</code>`,\n                desc: 'List of the user roles',\n            },\n        ],\n    },\n]\n\nconst AuthorityCheckDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default AuthorityCheckDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","AuthorityCheckDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,qBAETC,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,CAAQ;AAAA,EAAA;AAE5B,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,IACV;AAAA,EACJ;AAER,GAEMC,IAAoB,MAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AuthorityCheckDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'AuthorityCheckDoc'\n\nconst demoHeader = {\n    title: 'AuthorityCheck',\n    desc: 'AuthorityCheck component help to check whether the current user has permmision to access, it can be use to display or hide some elements that require permmission by certain roles.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `example usage`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'AuthorityCheck',\n        api: [\n            {\n                propName: 'authority',\n                type: `<code>Array</code>`,\n                default: `<code>[]</code>`,\n                desc: 'List of roles that have rights to access the wrapped elements',\n            },\n            {\n                propName: 'userAuthority',\n                type: `<code>Array</code>`,\n                default: `<code>[]</code>`,\n                desc: 'List of the user roles',\n            },\n        ],\n    },\n]\n\nconst AuthorityCheckDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default AuthorityCheckDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","AuthorityCheckDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,qBAETC,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,GAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B,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,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAoB,MAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/CalendarViewDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CalendarViewDoc/Example.tsx"],"sourcesContent":["import CalendarView from '@/components/shared/CalendarView'\n\nconst Example = () => {\n    function getDate(dayString: string) {\n        const today = new Date()\n        const year = today.getFullYear().toString()\n        let month = (today.getMonth() + 1).toString()\n\n        if (month.length === 1) {\n            month = '0' + month\n        }\n\n        return dayString.replace('YEAR', year).replace('MONTH', month)\n    }\n\n    const eventsData = [\n        {\n            id: '0',\n            title: 'All Day Event',\n            start: getDate('YEAR-MONTH-01'),\n            eventColor: 'orange',\n        },\n        {\n            id: '1',\n            title: 'Long Event',\n            start: getDate('YEAR-MONTH-07'),\n            end: getDate('YEAR-MONTH-10'),\n            eventColor: 'red',\n        },\n        {\n            id: '2',\n            groupId: '999',\n            title: 'Repeating Event',\n            start: getDate('YEAR-MONTH-09T16:00:00+00:00'),\n            eventColor: 'blue',\n        },\n        {\n            id: '3',\n            groupId: '999',\n            title: 'Repeating Event',\n            start: getDate('YEAR-MONTH-16T16:00:00+00:00'),\n            eventColor: 'blue',\n        },\n        {\n            id: '4',\n            title: 'Birthday Party',\n            start: getDate('YEAR-MONTH-19T07:00:00+00:00'),\n            eventColor: 'purple',\n        },\n        {\n            id: '5',\n            title: 'Meeting',\n            start: getDate('YEAR-MONTH-18T14:30:00+00:00'),\n            eventColor: 'blue',\n        },\n        {\n            id: '6',\n            title: 'Dinner',\n            start: getDate('YEAR-MONTH-18T20:00:00+00:00'),\n            eventColor: 'emerald',\n        },\n    ]\n\n    return (\n        <CalendarView\n            editable\n            selectable\n            events={eventsData}\n            eventClick={(arg) => {\n                console.log('onEventClick', arg)\n            }}\n            select={(event) => {\n                console.log('onCellSelect', event)\n            }}\n            eventDrop={(arg) => {\n                console.log('onEventChange', arg)\n            }}\n        />\n    )\n}\n\nexport default Example\n"],"names":["Example","getDate","dayString","today","year","month","eventsData","jsx","CalendarView","arg","event"],"mappings":";;AAEA,MAAMA,IAAU,MAAM;AAClB,WAASC,EAAQC,GAAmB;AAChC,UAAMC,wBAAY,KAAA,GACZC,IAAOD,EAAM,YAAA,EAAc,SAAA;AACjC,QAAIE,KAASF,EAAM,SAAA,IAAa,GAAG,SAAA;AAEnC,WAAIE,EAAM,WAAW,MACjBA,IAAQ,MAAMA,IAGXH,EAAU,QAAQ,QAAQE,CAAI,EAAE,QAAQ,SAASC,CAAK;AAAA,EACjE;AAEA,QAAMC,IAAa;AAAA,IACf;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOL,EAAQ,eAAe;AAAA,MAC9B,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,eAAe;AAAA,MAC9B,KAAKA,EAAQ,eAAe;AAAA,MAC5B,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,IAEhB;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,EAChB;AAGJ,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAQ;AAAA,MACR,YAAU;AAAA,MACV,QAAQF;AAAA,MACR,YAAY,CAACG,MAAQ;AACjB,gBAAQ,IAAI,gBAAgBA,CAAG;AAAA,MACnC;AAAA,MACA,QAAQ,CAACC,MAAU;AACf,gBAAQ,IAAI,gBAAgBA,CAAK;AAAA,MACrC;AAAA,MACA,WAAW,CAACD,MAAQ;AAChB,gBAAQ,IAAI,iBAAiBA,CAAG;AAAA,MACpC;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CalendarViewDoc/Example.tsx"],"sourcesContent":["import CalendarView from '@/components/shared/CalendarView'\n\nconst Example = () => {\n    function getDate(dayString: string) {\n        const today = new Date()\n        const year = today.getFullYear().toString()\n        let month = (today.getMonth() + 1).toString()\n\n        if (month.length === 1) {\n            month = '0' + month\n        }\n\n        return dayString.replace('YEAR', year).replace('MONTH', month)\n    }\n\n    const eventsData = [\n        {\n            id: '0',\n            title: 'All Day Event',\n            start: getDate('YEAR-MONTH-01'),\n            eventColor: 'orange',\n        },\n        {\n            id: '1',\n            title: 'Long Event',\n            start: getDate('YEAR-MONTH-07'),\n            end: getDate('YEAR-MONTH-10'),\n            eventColor: 'red',\n        },\n        {\n            id: '2',\n            groupId: '999',\n            title: 'Repeating Event',\n            start: getDate('YEAR-MONTH-09T16:00:00+00:00'),\n            eventColor: 'blue',\n        },\n        {\n            id: '3',\n            groupId: '999',\n            title: 'Repeating Event',\n            start: getDate('YEAR-MONTH-16T16:00:00+00:00'),\n            eventColor: 'blue',\n        },\n        {\n            id: '4',\n            title: 'Birthday Party',\n            start: getDate('YEAR-MONTH-19T07:00:00+00:00'),\n            eventColor: 'purple',\n        },\n        {\n            id: '5',\n            title: 'Meeting',\n            start: getDate('YEAR-MONTH-18T14:30:00+00:00'),\n            eventColor: 'blue',\n        },\n        {\n            id: '6',\n            title: 'Dinner',\n            start: getDate('YEAR-MONTH-18T20:00:00+00:00'),\n            eventColor: 'emerald',\n        },\n    ]\n\n    return (\n        <CalendarView\n            editable\n            selectable\n            events={eventsData}\n            eventClick={(arg) => {\n                console.log('onEventClick', arg)\n            }}\n            select={(event) => {\n                console.log('onCellSelect', event)\n            }}\n            eventDrop={(arg) => {\n                console.log('onEventChange', arg)\n            }}\n        />\n    )\n}\n\nexport default Example\n"],"names":["Example","getDate","dayString","today","year","month","eventsData","jsx","CalendarView","arg","event"],"mappings":";;AAEA,MAAMA,IAAU,MAAM;AAClB,WAASC,EAAQC,GAAmB;AAC1B,UAAAC,wBAAY,KAAK,GACjBC,IAAOD,EAAM,YAAY,EAAE,SAAS;AAC1C,QAAIE,KAASF,EAAM,SAAS,IAAI,GAAG,SAAS;AAExC,WAAAE,EAAM,WAAW,MACjBA,IAAQ,MAAMA,IAGXH,EAAU,QAAQ,QAAQE,CAAI,EAAE,QAAQ,SAASC,CAAK;AAAA,EAAA;AAGjE,QAAMC,IAAa;AAAA,IACf;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOL,EAAQ,eAAe;AAAA,MAC9B,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,eAAe;AAAA,MAC9B,KAAKA,EAAQ,eAAe;AAAA,MAC5B,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACI,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAOA,EAAQ,8BAA8B;AAAA,MAC7C,YAAY;AAAA,IAAA;AAAA,EAEpB;AAGI,SAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAQ;AAAA,MACR,YAAU;AAAA,MACV,QAAQF;AAAA,MACR,YAAY,CAACG,MAAQ;AACT,gBAAA,IAAI,gBAAgBA,CAAG;AAAA,MACnC;AAAA,MACA,QAAQ,CAACC,MAAU;AACP,gBAAA,IAAI,gBAAgBA,CAAK;AAAA,MACrC;AAAA,MACA,WAAW,CAACD,MAAQ;AACR,gBAAA,IAAI,iBAAiBA,CAAG;AAAA,MAAA;AAAA,IACpC;AAAA,EACJ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/CalendarViewDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CalendarViewDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'CalendarViewDoc'\n\nconst demoHeader = {\n    title: 'CalendarView',\n    desc: 'CalenderView component is a wrapper of <a class=\"text-primary underline\" href=\"https://fullcalendar.io/docs/react\" target=\"_blank\">FullCalendar</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Basically you can apply all the props that <a class=\"text-primary underline\" href=\"https://fullcalendar.io/docs#toc\" target=\"_blank\">FullCalendar</a> provides. You can add <code>eventColor</code> property to <code>event</code> meta to define the event color.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'CalendarView',\n        api: [\n            {\n                propName: 'wrapperClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Extra class add to the wrapper',\n            },\n        ],\n    },\n    {\n        component: 'Extra properties for event prop',\n        api: [\n            {\n                propName: 'eventColors ',\n                type: `<code>(colors:EventColors) => EventColors</code>`,\n                default: `-`,\n                desc: 'A callback for redefine the event color list',\n            },\n        ],\n    },\n]\n\nconst reactFullCalendarApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-syntax-highlighter-api\" className=\"mb-3\">\n            Fullcalendar\n        </h6>\n        <p>\n            All fullcalendar props can be applied on this component, refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://fullcalendar.io/docs/react#props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst CalendarViewDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n            extra={reactFullCalendarApi}\n        />\n    )\n}\n\nexport default CalendarViewDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","reactFullCalendarApi","jsxs","jsx","CalendarViewDoc","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,mBAETC,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,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,oBAChC,MAAA,EAAG,IAAG,gCAA+B,WAAU,QAAO,UAAA,gBAEvD;AAAA,oBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IACgE;AAAA,IAC/D,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEI;AAAA,IAAI;AAAA,IACkB;AAAA,EAAA,EAAA,CAC/B;AAAA,GACJ,GAGEC,IAAkB,MAEhB,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAOC;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CalendarViewDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'CalendarViewDoc'\n\nconst demoHeader = {\n    title: 'CalendarView',\n    desc: 'CalenderView component is a wrapper of <a class=\"text-primary underline\" href=\"https://fullcalendar.io/docs/react\" target=\"_blank\">FullCalendar</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Basically you can apply all the props that <a class=\"text-primary underline\" href=\"https://fullcalendar.io/docs#toc\" target=\"_blank\">FullCalendar</a> provides. You can add <code>eventColor</code> property to <code>event</code> meta to define the event color.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'CalendarView',\n        api: [\n            {\n                propName: 'wrapperClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Extra class add to the wrapper',\n            },\n        ],\n    },\n    {\n        component: 'Extra properties for event prop',\n        api: [\n            {\n                propName: 'eventColors ',\n                type: `<code>(colors:EventColors) => EventColors</code>`,\n                default: `-`,\n                desc: 'A callback for redefine the event color list',\n            },\n        ],\n    },\n]\n\nconst reactFullCalendarApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-syntax-highlighter-api\" className=\"mb-3\">\n            Fullcalendar\n        </h6>\n        <p>\n            All fullcalendar props can be applied on this component, refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://fullcalendar.io/docs/react#props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete api list.{' '}\n        </p>\n    </div>\n)\n\nconst CalendarViewDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n            extra={reactFullCalendarApi}\n        />\n    )\n}\n\nexport default CalendarViewDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","reactFullCalendarApi","jsxs","jsx","CalendarViewDoc","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,mBAETC,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,GAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EAER;AAAA,EACA;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,oBAChC,MAAG,EAAA,IAAG,gCAA+B,WAAU,QAAO,UAEvD,gBAAA;AAAA,oBACC,KAAE,EAAA,UAAA;AAAA,IAAA;AAAA,IACgE;AAAA,IAC/D,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IAAK;AAAA,IAAI;AAAA,IACkB;AAAA,EAAA,EAC/B,CAAA;AAAA,GACJ,GAGEC,IAAkB,MAEhB,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,IACb,OAAOC;AAAA,EAAA;AACX;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Area.js.map

@@ -1 +1 @@
-{"version":3,"file":"Area.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Area.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\n\nconst Area = () => {\n    const visitorChartData = {\n        series: [\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        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    return (\n        <Chart\n            type=\"area\"\n            series={visitorChartData.series}\n            xAxis={visitorChartData.categories}\n            height={400}\n        />\n    )\n}\n\nexport default Area\n"],"names":["Area","visitorChartData","jsx","Chart"],"mappings":";;AAEA,MAAMA,IAAO,MAAM;AACf,QAAMC,IAAmB;AAAA,IACrB,QAAQ;AAAA,MACJ;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,MAAA;AAAA,MAEvD;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IACzD;AAAA,IAEJ,YAAY;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAEJ,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,QAAQF,EAAiB;AAAA,MACzB,OAAOA,EAAiB;AAAA,MACxB,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
+{"version":3,"file":"Area.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Area.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\n\nconst Area = () => {\n    const visitorChartData = {\n        series: [\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        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    return (\n        <Chart\n            type=\"area\"\n            series={visitorChartData.series}\n            xAxis={visitorChartData.categories}\n            height={400}\n        />\n    )\n}\n\nexport default Area\n"],"names":["Area","visitorChartData","jsx","Chart"],"mappings":";;AAEA,MAAMA,IAAO,MAAM;AACf,QAAMC,IAAmB;AAAA,IACrB,QAAQ;AAAA,MACJ;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,MACvD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IAE7D;AAAA,IACA,YAAY;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AAEI,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,QAAQF,EAAiB;AAAA,MACzB,OAAOA,EAAiB;AAAA,MACxB,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Bar.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\n\nconst Bar = () => {\n    const uniqueVisitorsData = {\n        series: [\n            {\n                name: 'Session Duration',\n                data: [45, 52, 38, 24, 33, 26, 21],\n            },\n            {\n                name: 'Page Views',\n                data: [35, 41, 62, 42, 13, 18, 29],\n            },\n        ],\n        categories: [\n            '01 Jan',\n            '02 Jan',\n            '03 Jan',\n            '04 Jan',\n            '05 Jan',\n            '06 Jan',\n            '07 Jan',\n        ],\n    }\n\n    return (\n        <Chart\n            series={uniqueVisitorsData.series}\n            xAxis={uniqueVisitorsData.categories}\n            height={410}\n            type=\"bar\"\n            customOptions={{\n                colors: ['#ef4444', '#10b981'],\n            }}\n        />\n    )\n}\n\nexport default Bar\n"],"names":["Bar","uniqueVisitorsData","jsx","Chart"],"mappings":";;AAEA,MAAMA,IAAM,MAAM;AACd,QAAMC,IAAqB;AAAA,IACvB,QAAQ;AAAA,MACJ;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,MAErC;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IACrC;AAAA,IAEJ,YAAY;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAGJ,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQF,EAAmB;AAAA,MAC3B,OAAOA,EAAmB;AAAA,MAC1B,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAe;AAAA,QACX,QAAQ,CAAC,WAAW,SAAS;AAAA,MAAA;AAAA,IACjC;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"Bar.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Bar.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\n\nconst Bar = () => {\n    const uniqueVisitorsData = {\n        series: [\n            {\n                name: 'Session Duration',\n                data: [45, 52, 38, 24, 33, 26, 21],\n            },\n            {\n                name: 'Page Views',\n                data: [35, 41, 62, 42, 13, 18, 29],\n            },\n        ],\n        categories: [\n            '01 Jan',\n            '02 Jan',\n            '03 Jan',\n            '04 Jan',\n            '05 Jan',\n            '06 Jan',\n            '07 Jan',\n        ],\n    }\n\n    return (\n        <Chart\n            series={uniqueVisitorsData.series}\n            xAxis={uniqueVisitorsData.categories}\n            height={410}\n            type=\"bar\"\n            customOptions={{\n                colors: ['#ef4444', '#10b981'],\n            }}\n        />\n    )\n}\n\nexport default Bar\n"],"names":["Bar","uniqueVisitorsData","jsx","Chart"],"mappings":";;AAEA,MAAMA,IAAM,MAAM;AACd,QAAMC,IAAqB;AAAA,IACvB,QAAQ;AAAA,MACJ;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MACrC;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IAEzC;AAAA,IACA,YAAY;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AAGI,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQF,EAAmB;AAAA,MAC3B,OAAOA,EAAmB;AAAA,MAC1B,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,eAAe;AAAA,QACX,QAAQ,CAAC,WAAW,SAAS;AAAA,MAAA;AAAA,IACjC;AAAA,EACJ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Donut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Donut.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\n\nconst Donut = () => {\n    const data = {\n        labels: ['Item A', 'Item B', 'Item C'],\n        values: [15032, 11246, 8273],\n        coinSymbol: ['A', 'B', 'C'],\n    }\n\n    return (\n        <Chart\n            donutTitle={`$${data.values.reduce((a, b) => a + b, 0)}`}\n            donutText=\"Assets\"\n            series={data.values}\n            customOptions={{ labels: data.labels }}\n            type=\"donut\"\n            height={230}\n        />\n    )\n}\n\nexport default Donut\n"],"names":["Donut","data","jsx","Chart","a","b"],"mappings":";;AAEA,MAAMA,IAAQ,MAAM;AAChB,QAAMC,IAAO;AAAA,IACT,QAAQ,CAAC,UAAU,UAAU,QAAQ;AAAA,IACrC,QAAQ,CAAC,OAAO,OAAO,IAAI;AAAA,IAC3B,YAAY,CAAC,KAAK,KAAK,GAAG;AAAA,EAAA;AAG9B,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAY,IAAIF,EAAK,OAAO,OAAO,CAACG,GAAGC,MAAMD,IAAIC,GAAG,CAAC,CAAC;AAAA,MACtD,WAAU;AAAA,MACV,QAAQJ,EAAK;AAAA,MACb,eAAe,EAAE,QAAQA,EAAK,OAAA;AAAA,MAC9B,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
+{"version":3,"file":"Donut.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Donut.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\n\nconst Donut = () => {\n    const data = {\n        labels: ['Item A', 'Item B', 'Item C'],\n        values: [15032, 11246, 8273],\n        coinSymbol: ['A', 'B', 'C'],\n    }\n\n    return (\n        <Chart\n            donutTitle={`$${data.values.reduce((a, b) => a + b, 0)}`}\n            donutText=\"Assets\"\n            series={data.values}\n            customOptions={{ labels: data.labels }}\n            type=\"donut\"\n            height={230}\n        />\n    )\n}\n\nexport default Donut\n"],"names":["Donut","data","jsx","Chart","a","b"],"mappings":";;AAEA,MAAMA,IAAQ,MAAM;AAChB,QAAMC,IAAO;AAAA,IACT,QAAQ,CAAC,UAAU,UAAU,QAAQ;AAAA,IACrC,QAAQ,CAAC,OAAO,OAAO,IAAI;AAAA,IAC3B,YAAY,CAAC,KAAK,KAAK,GAAG;AAAA,EAC9B;AAGI,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAY,IAAIF,EAAK,OAAO,OAAO,CAACG,GAAGC,MAAMD,IAAIC,GAAG,CAAC,CAAC;AAAA,MACtD,WAAU;AAAA,MACV,QAAQJ,EAAK;AAAA,MACb,eAAe,EAAE,QAAQA,EAAK,OAAO;AAAA,MACrC,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Line.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\n\nconst Line = () => {\n    const visitorChartData = {\n        series: [\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        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    return (\n        <Chart\n            series={visitorChartData.series}\n            xAxis={visitorChartData.categories}\n            height={400}\n        />\n    )\n}\n\nexport default Line\n"],"names":["Line","visitorChartData","jsx","Chart"],"mappings":";;AAEA,MAAMA,IAAO,MAAM;AACf,QAAMC,IAAmB;AAAA,IACrB,QAAQ;AAAA,MACJ;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,MAAA;AAAA,MAEvD;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IACzD;AAAA,IAEJ,YAAY;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACJ;AAEJ,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQF,EAAiB;AAAA,MACzB,OAAOA,EAAiB;AAAA,MACxB,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
+{"version":3,"file":"Line.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Line.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\n\nconst Line = () => {\n    const visitorChartData = {\n        series: [\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        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    return (\n        <Chart\n            series={visitorChartData.series}\n            xAxis={visitorChartData.categories}\n            height={400}\n        />\n    )\n}\n\nexport default Line\n"],"names":["Line","visitorChartData","jsx","Chart"],"mappings":";;AAEA,MAAMA,IAAO,MAAM;AACf,QAAMC,IAAmB;AAAA,IACrB,QAAQ;AAAA,MACJ;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,MACvD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IAE7D;AAAA,IACA,YAAY;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AAEI,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQF,EAAiB;AAAA,MACzB,OAAOA,EAAiB;AAAA,MACxB,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Radar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radar.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Radar.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\n\nconst Radar = () => {\n    const chartData = {\n        series: [\n            {\n                name: 'Series 1',\n                data: [80, 50, 30, 40, 100, 20],\n            },\n        ],\n        categories: ['January', 'February', 'March', 'April', 'May', 'June'],\n    }\n    return (\n        <Chart\n            type=\"radar\"\n            series={chartData.series}\n            xAxis={chartData.categories}\n            height={400}\n        />\n    )\n}\n\nexport default Radar\n"],"names":["Radar","chartData","jsx","Chart"],"mappings":";;AAEA,MAAMA,IAAQ,MAAM;AAChB,QAAMC,IAAY;AAAA,IACd,QAAQ;AAAA,MACJ;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE;AAAA,MAAA;AAAA,IAClC;AAAA,IAEJ,YAAY,CAAC,WAAW,YAAY,SAAS,SAAS,OAAO,MAAM;AAAA,EAAA;AAEvE,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,QAAQF,EAAU;AAAA,MAClB,OAAOA,EAAU;AAAA,MACjB,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
+{"version":3,"file":"Radar.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Radar.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\n\nconst Radar = () => {\n    const chartData = {\n        series: [\n            {\n                name: 'Series 1',\n                data: [80, 50, 30, 40, 100, 20],\n            },\n        ],\n        categories: ['January', 'February', 'March', 'April', 'May', 'June'],\n    }\n    return (\n        <Chart\n            type=\"radar\"\n            series={chartData.series}\n            xAxis={chartData.categories}\n            height={400}\n        />\n    )\n}\n\nexport default Radar\n"],"names":["Radar","chartData","jsx","Chart"],"mappings":";;AAEA,MAAMA,IAAQ,MAAM;AAChB,QAAMC,IAAY;AAAA,IACd,QAAQ;AAAA,MACJ;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE;AAAA,MAAA;AAAA,IAEtC;AAAA,IACA,YAAY,CAAC,WAAW,YAAY,SAAS,SAAS,OAAO,MAAM;AAAA,EACvE;AAEI,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,QAAQF,EAAU;AAAA,MAClB,OAAOA,EAAU;AAAA,MACjB,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Line from './Line'\nimport Bar from './Bar'\nimport Area from './Area'\nimport Donut from './Donut'\nimport Radar from './Radar'\n\nconst mdPath = 'ChartDoc'\n\nconst demoHeader = {\n    title: 'Chart',\n    desc: 'This is higher level component of <a class=\"text-primary underline\" href=\"https://apexcharts.com/docs/react-charts/\" target=\"_blank\">ApexChart</a>, it come with several preconfig chart setup that adapted to the theme.',\n}\n\nconst demos = [\n    {\n        mdName: 'Line',\n        mdPath: mdPath,\n        title: 'Line',\n        desc: ``,\n        component: <Line />,\n    },\n    {\n        mdName: 'Bar',\n        mdPath: mdPath,\n        title: 'Bar',\n        desc: ``,\n        component: <Bar />,\n    },\n    {\n        mdName: 'Area',\n        mdPath: mdPath,\n        title: 'Area',\n        desc: ``,\n        component: <Area />,\n    },\n    {\n        mdName: 'Donut',\n        mdPath: mdPath,\n        title: 'Donut',\n        desc: ``,\n        component: <Donut />,\n    },\n    {\n        mdName: 'Radar',\n        mdPath: mdPath,\n        title: 'Radar',\n        desc: ``,\n        component: <Radar />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Chart',\n        api: [\n            {\n                propName: 'customOptions',\n                type: `<a class=\"text-primary underline\" href=\"https://apexcharts.com/docs/options/annotations/\" target=\"_blank\">Apexcharts option</a>`,\n                default: `-`,\n                desc: 'Custom options for chart',\n            },\n            {\n                propName: 'donutTitle',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Title inside donut chart',\n            },\n            {\n                propName: 'height',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `-`,\n                desc: 'Chart height',\n            },\n            {\n                propName: 'series',\n                type: `<a class=\"text-primary underline\" href=\"https://apexcharts.com/docs/series/\" target=\"_blank\">Apexcharts Series</a>`,\n                default: `-`,\n                desc: 'Chart series',\n            },\n            {\n                propName: 'type',\n                type: `<code>'line'</code> | <code>'bar'</code> | <code>'area'</code> | <code>'donut'</code> | <code>'radar'</code>`,\n                default: `-`,\n                desc: 'Chart type',\n            },\n            {\n                propName: 'width',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `-`,\n                desc: 'Chart width',\n            },\n            {\n                propName: 'xAxis',\n                type: `<a class=\"text-primary underline\" href=\"https://apexcharts.com/docs/options/xaxis/\" target=\"_blank\">Apexcharts xAxis</a>`,\n                default: `-`,\n                desc: 'Chart xAxis',\n            },\n        ],\n    },\n]\n\nconst ChartDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default ChartDoc\n"],"names":["mdPath","demoHeader","demos","Line","Bar","Area","Donut","Radar","demoApi","ChartDoc","jsx","DemoLayout"],"mappings":";;;;;;;AASA,MAAMA,IAAS,YAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAI;AAAA,EAAA;AAAA,EAEpB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAA,CAAA,CAAM;AAAA,EAAA;AAE1B,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,IACV;AAAA,EACJ;AAER,GAEMC,IAAW,MAET,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQV;AAAA,IACR,OAAAC;AAAA,IACA,KAAKM;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Line from './Line'\nimport Bar from './Bar'\nimport Area from './Area'\nimport Donut from './Donut'\nimport Radar from './Radar'\n\nconst mdPath = 'ChartDoc'\n\nconst demoHeader = {\n    title: 'Chart',\n    desc: 'This is higher level component of <a class=\"text-primary underline\" href=\"https://apexcharts.com/docs/react-charts/\" target=\"_blank\">ApexChart</a>, it come with several preconfig chart setup that adapted to the theme.',\n}\n\nconst demos = [\n    {\n        mdName: 'Line',\n        mdPath: mdPath,\n        title: 'Line',\n        desc: ``,\n        component: <Line />,\n    },\n    {\n        mdName: 'Bar',\n        mdPath: mdPath,\n        title: 'Bar',\n        desc: ``,\n        component: <Bar />,\n    },\n    {\n        mdName: 'Area',\n        mdPath: mdPath,\n        title: 'Area',\n        desc: ``,\n        component: <Area />,\n    },\n    {\n        mdName: 'Donut',\n        mdPath: mdPath,\n        title: 'Donut',\n        desc: ``,\n        component: <Donut />,\n    },\n    {\n        mdName: 'Radar',\n        mdPath: mdPath,\n        title: 'Radar',\n        desc: ``,\n        component: <Radar />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Chart',\n        api: [\n            {\n                propName: 'customOptions',\n                type: `<a class=\"text-primary underline\" href=\"https://apexcharts.com/docs/options/annotations/\" target=\"_blank\">Apexcharts option</a>`,\n                default: `-`,\n                desc: 'Custom options for chart',\n            },\n            {\n                propName: 'donutTitle',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Title inside donut chart',\n            },\n            {\n                propName: 'height',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `-`,\n                desc: 'Chart height',\n            },\n            {\n                propName: 'series',\n                type: `<a class=\"text-primary underline\" href=\"https://apexcharts.com/docs/series/\" target=\"_blank\">Apexcharts Series</a>`,\n                default: `-`,\n                desc: 'Chart series',\n            },\n            {\n                propName: 'type',\n                type: `<code>'line'</code> | <code>'bar'</code> | <code>'area'</code> | <code>'donut'</code> | <code>'radar'</code>`,\n                default: `-`,\n                desc: 'Chart type',\n            },\n            {\n                propName: 'width',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `-`,\n                desc: 'Chart width',\n            },\n            {\n                propName: 'xAxis',\n                type: `<a class=\"text-primary underline\" href=\"https://apexcharts.com/docs/options/xaxis/\" target=\"_blank\">Apexcharts xAxis</a>`,\n                default: `-`,\n                desc: 'Chart xAxis',\n            },\n        ],\n    },\n]\n\nconst ChartDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default ChartDoc\n"],"names":["mdPath","demoHeader","demos","Line","Bar","Area","Donut","Radar","demoApi","ChartDoc","jsx","DemoLayout"],"mappings":";;;;;;;AASA,MAAMA,IAAS,YAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAK,CAAA,CAAA;AAAA,EACrB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAI,CAAA,CAAA;AAAA,EACpB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAK,CAAA,CAAA;AAAA,EACrB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAL;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYM,GAAM,CAAA,CAAA;AAAA,EACtB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAN;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYO,GAAM,CAAA,CAAA;AAAA,EAAA;AAE1B,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,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAW,MAET,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQV;AAAA,IACR,OAAAC;AAAA,IACA,KAAKM;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ConfirmDialogDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ConfirmDialogDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport Radio from '@/components/ui/Radio'\nimport Button from '@/components/ui/Button'\n\ntype DialogTypeKey = 'Info' | 'Success' | 'Warning' | 'Danger'\n\ntype DialogType = Record<\n    DialogTypeKey,\n    {\n        type: 'info' | 'success' | 'warning' | 'danger'\n        title: string\n        children: string\n        cancelText: string\n        confirmText: string\n    }\n>\n\nconst dialogType: DialogType = {\n    Info: {\n        type: 'info',\n        title: 'Note',\n        children: 'Just some information for you!',\n        cancelText: 'Cancel',\n        confirmText: 'Okay',\n    },\n    Success: {\n        type: 'success',\n        title: 'Complete!',\n        children: 'Just some success message for you!',\n        cancelText: 'Cancel',\n        confirmText: 'All Good',\n    },\n    Warning: {\n        type: 'warning',\n        title: 'Warning',\n        children: 'Just some warning message for you!',\n        cancelText: 'Cancel',\n        confirmText: 'Understand',\n    },\n    Danger: {\n        type: 'danger',\n        title: 'Delete',\n        children: 'Are you sure you wan to delete?',\n        cancelText: 'Cancel',\n        confirmText: 'Delete',\n    },\n}\n\nconst Example = () => {\n    const [selected, setSelected] = useState<DialogTypeKey>(\n        Object.keys(dialogType)[0] as DialogTypeKey,\n    )\n    const [open, setOpen] = useState(false)\n\n    const handleClose = () => {\n        console.log('Close')\n        setOpen(false)\n    }\n\n    const handleConfirm = () => {\n        console.log('Confirm')\n        setOpen(false)\n    }\n\n    return (\n        <div className=\"flex flex-col gap-6\">\n            <Radio.Group value={selected} onChange={(val) => setSelected(val)}>\n                {Object.keys(dialogType).map((value) => {\n                    return (\n                        <Radio key={value} value={value}>\n                            {value}\n                        </Radio>\n                    )\n                })}\n            </Radio.Group>\n            <div>\n                <Button onClick={() => setOpen(true)}>Trigger</Button>\n            </div>\n            <ConfirmDialog\n                isOpen={open}\n                type={dialogType[selected].type}\n                title={dialogType[selected].title}\n                onClose={handleClose}\n                onRequestClose={handleClose}\n                onCancel={handleClose}\n                onConfirm={handleConfirm}\n            >\n                <p>{dialogType[selected].children}</p>\n            </ConfirmDialog>\n        </div>\n    )\n}\n\nexport default Example\n"],"names":["dialogType","Example","selected","setSelected","useState","open","setOpen","handleClose","handleConfirm","jsxs","jsx","Radio","val","value","Button","ConfirmDialog"],"mappings":";;;;;;AAkBA,MAAMA,IAAyB;AAAA,EAC3B,MAAM;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAAA,EAEjB,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAAA,EAEjB,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAAA,EAEjB,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAErB,GAEMC,IAAU,MAAM;AAClB,QAAM,CAACC,GAAUC,CAAW,IAAIC;AAAA,IAC5B,OAAO,KAAKJ,CAAU,EAAE,CAAC;AAAA,EAAA,GAEvB,CAACK,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAEhCG,IAAc,MAAM;AACtB,YAAQ,IAAI,OAAO,GACnBD,EAAQ,EAAK;AAAA,EACjB,GAEME,IAAgB,MAAM;AACxB,YAAQ,IAAI,SAAS,GACrBF,EAAQ,EAAK;AAAA,EACjB;AAEA,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,EAAM,OAAN,EAAY,OAAOT,GAAU,UAAU,CAACU,MAAQT,EAAYS,CAAG,GAC3D,UAAA,OAAO,KAAKZ,CAAU,EAAE,IAAI,CAACa,MAEtB,gBAAAH,EAACC,GAAA,EAAkB,OAAAE,GACd,UAAAA,EAAA,GADOA,CAEZ,CAEP,EAAA,CACL;AAAA,IACA,gBAAAH,EAAC,OAAA,EACG,UAAA,gBAAAA,EAACI,GAAA,EAAO,SAAS,MAAMR,EAAQ,EAAI,GAAG,UAAA,UAAA,CAAO,EAAA,CACjD;AAAA,IACA,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,QAAQV;AAAA,QACR,MAAML,EAAWE,CAAQ,EAAE;AAAA,QAC3B,OAAOF,EAAWE,CAAQ,EAAE;AAAA,QAC5B,SAASK;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWC;AAAA,QAEX,UAAA,gBAAAE,EAAC,KAAA,EAAG,UAAAV,EAAWE,CAAQ,EAAE,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACtC,GACJ;AAER;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ConfirmDialogDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport ConfirmDialog from '@/components/shared/ConfirmDialog'\nimport Radio from '@/components/ui/Radio'\nimport Button from '@/components/ui/Button'\n\ntype DialogTypeKey = 'Info' | 'Success' | 'Warning' | 'Danger'\n\ntype DialogType = Record<\n    DialogTypeKey,\n    {\n        type: 'info' | 'success' | 'warning' | 'danger'\n        title: string\n        children: string\n        cancelText: string\n        confirmText: string\n    }\n>\n\nconst dialogType: DialogType = {\n    Info: {\n        type: 'info',\n        title: 'Note',\n        children: 'Just some information for you!',\n        cancelText: 'Cancel',\n        confirmText: 'Okay',\n    },\n    Success: {\n        type: 'success',\n        title: 'Complete!',\n        children: 'Just some success message for you!',\n        cancelText: 'Cancel',\n        confirmText: 'All Good',\n    },\n    Warning: {\n        type: 'warning',\n        title: 'Warning',\n        children: 'Just some warning message for you!',\n        cancelText: 'Cancel',\n        confirmText: 'Understand',\n    },\n    Danger: {\n        type: 'danger',\n        title: 'Delete',\n        children: 'Are you sure you wan to delete?',\n        cancelText: 'Cancel',\n        confirmText: 'Delete',\n    },\n}\n\nconst Example = () => {\n    const [selected, setSelected] = useState<DialogTypeKey>(\n        Object.keys(dialogType)[0] as DialogTypeKey,\n    )\n    const [open, setOpen] = useState(false)\n\n    const handleClose = () => {\n        console.log('Close')\n        setOpen(false)\n    }\n\n    const handleConfirm = () => {\n        console.log('Confirm')\n        setOpen(false)\n    }\n\n    return (\n        <div className=\"flex flex-col gap-6\">\n            <Radio.Group value={selected} onChange={(val) => setSelected(val)}>\n                {Object.keys(dialogType).map((value) => {\n                    return (\n                        <Radio key={value} value={value}>\n                            {value}\n                        </Radio>\n                    )\n                })}\n            </Radio.Group>\n            <div>\n                <Button onClick={() => setOpen(true)}>Trigger</Button>\n            </div>\n            <ConfirmDialog\n                isOpen={open}\n                type={dialogType[selected].type}\n                title={dialogType[selected].title}\n                onClose={handleClose}\n                onRequestClose={handleClose}\n                onCancel={handleClose}\n                onConfirm={handleConfirm}\n            >\n                <p>{dialogType[selected].children}</p>\n            </ConfirmDialog>\n        </div>\n    )\n}\n\nexport default Example\n"],"names":["dialogType","Example","selected","setSelected","useState","open","setOpen","handleClose","handleConfirm","jsxs","jsx","Radio","val","value","Button","ConfirmDialog"],"mappings":";;;;;;AAkBA,MAAMA,IAAyB;AAAA,EAC3B,MAAM;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,aAAa;AAAA,EAAA;AAErB,GAEMC,IAAU,MAAM;AACZ,QAAA,CAACC,GAAUC,CAAW,IAAIC;AAAA,IAC5B,OAAO,KAAKJ,CAAU,EAAE,CAAC;AAAA,EAC7B,GACM,CAACK,GAAMC,CAAO,IAAIF,EAAS,EAAK,GAEhCG,IAAc,MAAM;AACtB,YAAQ,IAAI,OAAO,GACnBD,EAAQ,EAAK;AAAA,EACjB,GAEME,IAAgB,MAAM;AACxB,YAAQ,IAAI,SAAS,GACrBF,EAAQ,EAAK;AAAA,EACjB;AAGI,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,uBACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,EAAM,OAAN,EAAY,OAAOT,GAAU,UAAU,CAACU,MAAQT,EAAYS,CAAG,GAC3D,UAAO,OAAA,KAAKZ,CAAU,EAAE,IAAI,CAACa,MAErB,gBAAAH,EAAAC,GAAA,EAAkB,OAAAE,GACd,UAAAA,EAAA,GADOA,CAEZ,CAEP,GACL;AAAA,IACA,gBAAAH,EAAC,OACG,EAAA,UAAA,gBAAAA,EAACI,GAAO,EAAA,SAAS,MAAMR,EAAQ,EAAI,GAAG,UAAA,UAAA,CAAO,EACjD,CAAA;AAAA,IACA,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,QAAQV;AAAA,QACR,MAAML,EAAWE,CAAQ,EAAE;AAAA,QAC3B,OAAOF,EAAWE,CAAQ,EAAE;AAAA,QAC5B,SAASK;AAAA,QACT,gBAAgBA;AAAA,QAChB,UAAUA;AAAA,QACV,WAAWC;AAAA,QAEX,UAAC,gBAAAE,EAAA,KAAA,EAAG,UAAWV,EAAAE,CAAQ,EAAE,SAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACtC,GACJ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ConfirmDialogDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ConfirmDialogDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'ConfirmDialogDoc'\n\nconst demoHeader = {\n    title: 'ConfirmDialog',\n    desc: 'ConfirmDialog is premade dialog that use for confirmation.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'ConfirmDialog',\n        api: [\n            {\n                propName: 'cancelText',\n                type: `<code>string</code>`,\n                default: `<code>'Cancel'</code>`,\n                desc: 'Cancel button text',\n            },\n            {\n                propName: 'cancelButtonProps',\n                type: `ButtonProps`,\n                default: '-',\n                desc: 'Apply Button props to cancel button',\n            },\n            {\n                propName: 'confirmButtonProps',\n                type: `ButtonProps`,\n                default: '-',\n                desc: 'Apply Button props to confirm button',\n            },\n            {\n                propName: 'confirmText',\n                type: `<code>string</code>`,\n                default: `<code>'Confirm'</code>`,\n                desc: 'Confirm button text',\n            },\n            {\n                propName: 'onCancel',\n                type: `<code>() => void</code>`,\n                default: `-`,\n                desc: 'Callback function after click on cancel button',\n            },\n            {\n                propName: 'onConfirm',\n                type: `<code>() => void</code>`,\n                default: `-`,\n                desc: 'Callback function after click on confirm button',\n            },\n            {\n                propName: 'title',\n                type: `<code>string</code>`,\n                default: `<code>'info'</code>`,\n                desc: 'Title of confirmation',\n            },\n            {\n                propName: 'type',\n                type: `<code>'info'</code> | <code>'success'</code> | <code>'warning'</code> | <code>'danger'</code>`,\n                default: `<code>'info'</code>`,\n                desc: 'Type of confirmation',\n            },\n        ],\n    },\n]\n\nconst ConfirmDialogDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default ConfirmDialogDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","ConfirmDialogDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,oBAETC,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,CAAQ;AAAA,EAAA;AAE5B,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,IACV;AAAA,EACJ;AAER,GAEMC,IAAmB,MAEjB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ConfirmDialogDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'ConfirmDialogDoc'\n\nconst demoHeader = {\n    title: 'ConfirmDialog',\n    desc: 'ConfirmDialog is premade dialog that use for confirmation.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'ConfirmDialog',\n        api: [\n            {\n                propName: 'cancelText',\n                type: `<code>string</code>`,\n                default: `<code>'Cancel'</code>`,\n                desc: 'Cancel button text',\n            },\n            {\n                propName: 'cancelButtonProps',\n                type: `ButtonProps`,\n                default: '-',\n                desc: 'Apply Button props to cancel button',\n            },\n            {\n                propName: 'confirmButtonProps',\n                type: `ButtonProps`,\n                default: '-',\n                desc: 'Apply Button props to confirm button',\n            },\n            {\n                propName: 'confirmText',\n                type: `<code>string</code>`,\n                default: `<code>'Confirm'</code>`,\n                desc: 'Confirm button text',\n            },\n            {\n                propName: 'onCancel',\n                type: `<code>() => void</code>`,\n                default: `-`,\n                desc: 'Callback function after click on cancel button',\n            },\n            {\n                propName: 'onConfirm',\n                type: `<code>() => void</code>`,\n                default: `-`,\n                desc: 'Callback function after click on confirm button',\n            },\n            {\n                propName: 'title',\n                type: `<code>string</code>`,\n                default: `<code>'info'</code>`,\n                desc: 'Title of confirmation',\n            },\n            {\n                propName: 'type',\n                type: `<code>'info'</code> | <code>'success'</code> | <code>'warning'</code> | <code>'danger'</code>`,\n                default: `<code>'info'</code>`,\n                desc: 'Type of confirmation',\n            },\n        ],\n    },\n]\n\nconst ConfirmDialogDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default ConfirmDialogDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","ConfirmDialogDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,oBAETC,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,GAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B,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,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAmB,MAEjB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ContainerDoc/Example.js.map

@@ -1 +1 @@
-{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ContainerDoc/Example.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\n\nconst Example = () => {\n    return <Container>Content</Container>\n}\n\nexport default Example\n"],"names":["Example","jsx","Container"],"mappings":";;AAEA,MAAMA,IAAU,MACL,gBAAAC,EAACC,KAAU,UAAA,UAAA,CAAO;"}
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ContainerDoc/Example.tsx"],"sourcesContent":["import Container from '@/components/shared/Container'\n\nconst Example = () => {\n    return <Container>Content</Container>\n}\n\nexport default Example\n"],"names":["Example","jsx","Container"],"mappings":";;AAEA,MAAMA,IAAU,MACL,gBAAAC,EAACC,KAAU,UAAO,UAAA,CAAA;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/ContainerDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ContainerDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'ContainerDoc'\n\nconst demoHeader = {\n    title: 'Container',\n    desc: 'Container is acomponent for fixing an elements width to the current breakpoint, it given a <code>max-width</code> to an element and match the <code>min-width</code> of the current breakpoint.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Container',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'div'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n]\n\nconst ContainerDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default ContainerDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","ContainerDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,gBAETC,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,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAe,MAEb,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ContainerDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'ContainerDoc'\n\nconst demoHeader = {\n    title: 'Container',\n    desc: 'Container is acomponent for fixing an elements width to the current breakpoint, it given a <code>max-width</code> to an element and match the <code>min-width</code> of the current breakpoint.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Container',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'div'</code>`,\n                desc: 'Render element',\n            },\n        ],\n    },\n]\n\nconst ContainerDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default ContainerDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","ContainerDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,gBAETC,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,GAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAe,MAEb,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/Simple.js.map

@@ -1 +1 @@
-{"version":3,"file":"Simple.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/Simple.tsx"],"sourcesContent":["import { useState } from 'react'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\n\nconst format = (numStr: string) => {\n    if (numStr === '') {\n        return ''\n    }\n    const num = parseFloat(numStr) // Parse the string into a number\n    return new Intl.NumberFormat('en-US', {\n        style: 'currency',\n        currency: 'USD',\n        maximumFractionDigits: 0,\n    }).format(num)\n}\n\nconst Simple = () => {\n    const [value, setValue] = useState(0)\n\n    const handleValueChange = (e: {\n        floatValue?: number\n        formattedValue: string\n        value: string\n    }) => {\n        console.log(e)\n        setValue(e.floatValue as number)\n    }\n\n    return (\n        <FormCustomFormatInput\n            value={value}\n            format={format}\n            onValueChange={handleValueChange}\n        />\n    )\n}\n\nexport default Simple\n"],"names":["format","numStr","num","Simple","value","setValue","useState","jsx","FormCustomFormatInput","e"],"mappings":";;;AAGA,MAAMA,IAAS,CAACC,MAAmB;AAC/B,MAAIA,MAAW;AACX,WAAO;AAEX,QAAMC,IAAM,WAAWD,CAAM;AAC7B,SAAO,IAAI,KAAK,aAAa,SAAS;AAAA,IAClC,OAAO;AAAA,IACP,UAAU;AAAA,IACV,uBAAuB;AAAA,EAAA,CAC1B,EAAE,OAAOC,CAAG;AACjB,GAEMC,IAAS,MAAM;AACjB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,CAAC;AAWpC,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,QAAAJ;AAAA,MACA,eAbkB,CAACS,MAIrB;AACF,gBAAQ,IAAIA,CAAC,GACbJ,EAASI,EAAE,UAAoB;AAAA,MACnC;AAAA,IAMuB;AAAA,EAAA;AAG3B;"}
+{"version":3,"file":"Simple.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/Simple.tsx"],"sourcesContent":["import { useState } from 'react'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\n\nconst format = (numStr: string) => {\n    if (numStr === '') {\n        return ''\n    }\n    const num = parseFloat(numStr) // Parse the string into a number\n    return new Intl.NumberFormat('en-US', {\n        style: 'currency',\n        currency: 'USD',\n        maximumFractionDigits: 0,\n    }).format(num)\n}\n\nconst Simple = () => {\n    const [value, setValue] = useState(0)\n\n    const handleValueChange = (e: {\n        floatValue?: number\n        formattedValue: string\n        value: string\n    }) => {\n        console.log(e)\n        setValue(e.floatValue as number)\n    }\n\n    return (\n        <FormCustomFormatInput\n            value={value}\n            format={format}\n            onValueChange={handleValueChange}\n        />\n    )\n}\n\nexport default Simple\n"],"names":["format","numStr","num","Simple","value","setValue","useState","jsx","FormCustomFormatInput","e"],"mappings":";;;AAGA,MAAMA,IAAS,CAACC,MAAmB;AAC/B,MAAIA,MAAW;AACJ,WAAA;AAEL,QAAAC,IAAM,WAAWD,CAAM;AACtB,SAAA,IAAI,KAAK,aAAa,SAAS;AAAA,IAClC,OAAO;AAAA,IACP,UAAU;AAAA,IACV,uBAAuB;AAAA,EAAA,CAC1B,EAAE,OAAOC,CAAG;AACjB,GAEMC,IAAS,MAAM;AACjB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,CAAC;AAYhC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAAJ;AAAA,MACA,QAAAJ;AAAA,MACA,eAbkB,CAACS,MAIrB;AACF,gBAAQ,IAAIA,CAAC,GACbJ,EAASI,EAAE,UAAoB;AAAA,MACnC;AAAA,IAMuB;AAAA,EACnB;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/WithForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nfunction limit(val: string, max: string) {\n    if (val.length === 1 && val[0] > max[0]) {\n        val = '0' + val\n    }\n\n    if (val.length === 2) {\n        if (Number(val) === 0) {\n            val = '01'\n        } else if (val > max) {\n            val = max\n        }\n    }\n\n    return val\n}\n\nfunction cardExpiryFormat(val: string) {\n    const month = limit(val.substring(0, 2), '12')\n    const date = limit(val.substring(2, 4), '31')\n\n    return month + (date.length ? '/' + date : '')\n}\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ cardExpiry?: string }>()\n\n    const onSubmit = (value: { cardExpiry?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Expiration date\"\n                invalid={Boolean(errors.cardExpiry)}\n                errorMessage={errors.cardExpiry?.message}\n            >\n                <Controller\n                    name=\"cardExpiry\"\n                    control={control}\n                    render={({ field }) => (\n                        <FormCustomFormatInput\n                            placeholder=\"••/••\"\n                            format={cardExpiryFormat}\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.value)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["limit","val","max","cardExpiryFormat","month","date","WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","Controller","field","FormCustomFormatInput","e","Button"],"mappings":";;;;;;;;AAKA,SAASA,EAAMC,GAAaC,GAAa;AACrC,SAAID,EAAI,WAAW,KAAKA,EAAI,CAAC,IAAIC,EAAI,CAAC,MAClCD,IAAM,MAAMA,IAGZA,EAAI,WAAW,MACX,OAAOA,CAAG,MAAM,IAChBA,IAAM,OACCA,IAAMC,MACbD,IAAMC,KAIPD;AACX;AAEA,SAASE,EAAiBF,GAAa;AACnC,QAAMG,IAAQJ,EAAMC,EAAI,UAAU,GAAG,CAAC,GAAG,IAAI,GACvCI,IAAOL,EAAMC,EAAI,UAAU,GAAG,CAAC,GAAG,IAAI;AAE5C,SAAOG,KAASC,EAAK,SAAS,MAAMA,IAAO;AAC/C;AAEA,MAAMC,IAAW,MAAM;AACnB,QAAM;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAA;AAAA,IACb,SAAAC;AAAA,EAAA,IACAC,EAAA;AAMJ,2BACKC,GAAA,EAAK,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAAmC;AACjD,YAAQ,IAAIA,CAAK;AAAA,EACrB,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,cAAcA,EAAO,YAAY;AAAA,QAEjC,UAAA,gBAAAK;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAN;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,aAAY;AAAA,gBACZ,QAAQd;AAAA,gBACR,OAAOa,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,KAAK;AAAA,gBAC1B;AAAA,cAAA;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAL,EAACM,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\nimport { Form, FormItem } from '@/components/ui/Form'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\nimport { useForm, Controller } from 'react-hook-form'\n\nfunction limit(val: string, max: string) {\n    if (val.length === 1 && val[0] > max[0]) {\n        val = '0' + val\n    }\n\n    if (val.length === 2) {\n        if (Number(val) === 0) {\n            val = '01'\n        } else if (val > max) {\n            val = max\n        }\n    }\n\n    return val\n}\n\nfunction cardExpiryFormat(val: string) {\n    const month = limit(val.substring(0, 2), '12')\n    const date = limit(val.substring(2, 4), '31')\n\n    return month + (date.length ? '/' + date : '')\n}\n\nconst WithForm = () => {\n    const {\n        handleSubmit,\n        formState: { errors },\n        control,\n    } = useForm<{ cardExpiry?: string }>()\n\n    const onSubmit = (value: { cardExpiry?: string }) => {\n        console.log(value)\n    }\n\n    return (\n        <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\n            <FormItem\n                label=\"Expiration date\"\n                invalid={Boolean(errors.cardExpiry)}\n                errorMessage={errors.cardExpiry?.message}\n            >\n                <Controller\n                    name=\"cardExpiry\"\n                    control={control}\n                    render={({ field }) => (\n                        <FormCustomFormatInput\n                            placeholder=\"••/••\"\n                            format={cardExpiryFormat}\n                            value={field.value}\n                            onValueChange={(e) => {\n                                field.onChange(e.value)\n                            }}\n                        />\n                    )}\n                />\n            </FormItem>\n            <Button block variant=\"solid\" type=\"submit\">\n                Submit\n            </Button>\n        </Form>\n    )\n}\n\nexport default WithForm\n"],"names":["limit","val","max","cardExpiryFormat","month","date","WithForm","handleSubmit","errors","control","useForm","Form","value","jsx","FormItem","Controller","field","FormCustomFormatInput","e","Button"],"mappings":";;;;;;;;AAKA,SAASA,EAAMC,GAAaC,GAAa;AACjC,SAAAD,EAAI,WAAW,KAAKA,EAAI,CAAC,IAAIC,EAAI,CAAC,MAClCD,IAAM,MAAMA,IAGZA,EAAI,WAAW,MACX,OAAOA,CAAG,MAAM,IACVA,IAAA,OACCA,IAAMC,MACPD,IAAAC,KAIPD;AACX;AAEA,SAASE,EAAiBF,GAAa;AACnC,QAAMG,IAAQJ,EAAMC,EAAI,UAAU,GAAG,CAAC,GAAG,IAAI,GACvCI,IAAOL,EAAMC,EAAI,UAAU,GAAG,CAAC,GAAG,IAAI;AAE5C,SAAOG,KAASC,EAAK,SAAS,MAAMA,IAAO;AAC/C;AAEA,MAAMC,IAAW,MAAM;AACb,QAAA;AAAA,IACF,cAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,EAAO;AAAA,IACpB,SAAAC;AAAA,MACAC,EAAiC;AAMrC,2BACKC,GAAK,EAAA,WAAU,QAAO,UAAUJ,EALpB,CAACK,MAAmC;AACjD,YAAQ,IAAIA,CAAK;AAAA,EACrB,CAG0D,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,cAAcA,EAAO,YAAY;AAAA,QAEjC,UAAA,gBAAAK;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAN;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAO,EAAA,MACP,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,aAAY;AAAA,gBACZ,QAAQd;AAAA,gBACR,OAAOa,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AACZ,kBAAAF,EAAA,SAASE,EAAE,KAAK;AAAA,gBAAA;AAAA,cAC1B;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IACJ;AAAA,IACA,gBAAAL,EAACM,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAE5C,SAAA,CAAA;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Simple from './Simple'\nimport WithForm from './WithForm'\n\nconst mdPath = 'CustomFormatInputDoc'\n\nconst demoHeader = {\n    title: 'FormCustomFormatInput',\n    desc: 'FormCustomFormatInput wrapped Input component with <a class=\"text-primary underline\" href=\"https://github.com/s-yadav/react-number-format\" target=\"_blank\">react-number-format</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Simple',\n        mdPath: mdPath,\n        title: 'Simple',\n        desc: `Basic usage of FormCustomFormatInput, all <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/customization\" target=\"_blank\">react-number-format props</a> can be apply to this component as well.`,\n        component: <Simple />,\n    },\n    {\n        mdName: 'WithForm',\n        mdPath: mdPath,\n        title: 'WithForm',\n        desc: `Example usage with <a class=\"text-primary underline\" href=\"https://react-hook-form.com/docs/useform\" target=\"_blank\">React Hook Form</a>`,\n        component: <WithForm />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'FormCustomFormatInput',\n        api: [\n            {\n                propName: 'inputPrefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'inputSuffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'format',\n                type: `<code>(value: string) => string</code>`,\n                default: `-`,\n                desc: 'A format function which can turn any numeric string to a formatted string.',\n            },\n            {\n                propName: 'removeFormatting',\n                type: `<code>(value: string) => string</code>`,\n                default: `-`,\n                desc: 'A function to removing formatting from a formatted string and return numeric string.',\n            },\n            {\n                propName: 'getCaretBoundary',\n                type: `<code>(formattedValue: string) => boolean[]</code>`,\n                default: `-`,\n                desc: 'A function given a formatted string, returns boundaries of valid cursor position. basically an array of boolean, where index of specify caret position. true at a index signifies user can put their caret at the position, false means the caret position is not allowed and the caret will move to closet allowed position.',\n            },\n            {\n                propName: 'isValidInputCharacter',\n                type: `<code>(character: string) => boolean</code>`,\n                default: `-`,\n                desc: `A function to tell if a character in the formatted value is a valid typeable character. You don't need to pass it most of the time, as it defaults numeric characters (0-9). But case like additional character is allowed to type, for example decimal separator in currency format.`,\n            },\n        ],\n    },\n]\n\nconst reactNumberFormatApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-number-format-api\" className=\"mb-3\">\n            React number format\n        </h6>\n        <p>\n            All common React number format props can be applied on this\n            component, refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://s-yadav.github.io/react-number-format/docs/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete this.props.first list.{' '}\n        </p>\n    </div>\n)\n\nconst CustomFormatInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n            extra={reactNumberFormatApi}\n        />\n    )\n}\n\nexport default CustomFormatInputDoc\n"],"names":["mdPath","demoHeader","demos","Simple","WithForm","demoApi","reactNumberFormatApi","jsxs","jsx","CustomFormatInputDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,wBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAO;AAAA,EAAA;AAAA,EAEvB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAS;AAAA,EAAA;AAE7B,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,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,EAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,QAAO,UAAA,gBAAY;AAAA,oBAChC,MAAA,EAAG,IAAG,2BAA0B,WAAU,QAAO,UAAA,uBAElD;AAAA,oBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAEkB;AAAA,IACjB,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEI;AAAA,IAAI;AAAA,IAC+B;AAAA,EAAA,EAAA,CAC5C;AAAA,GACJ,GAGEC,IAAuB,MAErB,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQT;AAAA,IACR,OAAAC;AAAA,IACA,KAAKG;AAAA,IACL,cAAa;AAAA,IACb,OAAOC;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Simple from './Simple'\nimport WithForm from './WithForm'\n\nconst mdPath = 'CustomFormatInputDoc'\n\nconst demoHeader = {\n    title: 'FormCustomFormatInput',\n    desc: 'FormCustomFormatInput wrapped Input component with <a class=\"text-primary underline\" href=\"https://github.com/s-yadav/react-number-format\" target=\"_blank\">react-number-format</a>.',\n}\n\nconst demos = [\n    {\n        mdName: 'Simple',\n        mdPath: mdPath,\n        title: 'Simple',\n        desc: `Basic usage of FormCustomFormatInput, all <a class=\"text-primary underline\" href=\"https://s-yadav.github.io/react-number-format/docs/customization\" target=\"_blank\">react-number-format props</a> can be apply to this component as well.`,\n        component: <Simple />,\n    },\n    {\n        mdName: 'WithForm',\n        mdPath: mdPath,\n        title: 'WithForm',\n        desc: `Example usage with <a class=\"text-primary underline\" href=\"https://react-hook-form.com/docs/useform\" target=\"_blank\">React Hook Form</a>`,\n        component: <WithForm />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'FormCustomFormatInput',\n        api: [\n            {\n                propName: 'inputPrefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'inputSuffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'format',\n                type: `<code>(value: string) => string</code>`,\n                default: `-`,\n                desc: 'A format function which can turn any numeric string to a formatted string.',\n            },\n            {\n                propName: 'removeFormatting',\n                type: `<code>(value: string) => string</code>`,\n                default: `-`,\n                desc: 'A function to removing formatting from a formatted string and return numeric string.',\n            },\n            {\n                propName: 'getCaretBoundary',\n                type: `<code>(formattedValue: string) => boolean[]</code>`,\n                default: `-`,\n                desc: 'A function given a formatted string, returns boundaries of valid cursor position. basically an array of boolean, where index of specify caret position. true at a index signifies user can put their caret at the position, false means the caret position is not allowed and the caret will move to closet allowed position.',\n            },\n            {\n                propName: 'isValidInputCharacter',\n                type: `<code>(character: string) => boolean</code>`,\n                default: `-`,\n                desc: `A function to tell if a character in the formatted value is a valid typeable character. You don't need to pass it most of the time, as it defaults numeric characters (0-9). But case like additional character is allowed to type, for example decimal separator in currency format.`,\n            },\n        ],\n    },\n]\n\nconst reactNumberFormatApi = (\n    <div className=\"demo-api-table mb-12\">\n        <h4 className=\"mb-5\">Dependencies</h4>\n        <h6 id=\"react-number-format-api\" className=\"mb-3\">\n            React number format\n        </h6>\n        <p>\n            All common React number format props can be applied on this\n            component, refer{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://s-yadav.github.io/react-number-format/docs/props\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                official docs\n            </a>{' '}\n            for the complete this.props.first list.{' '}\n        </p>\n    </div>\n)\n\nconst CustomFormatInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n            extra={reactNumberFormatApi}\n        />\n    )\n}\n\nexport default CustomFormatInputDoc\n"],"names":["mdPath","demoHeader","demos","Simple","WithForm","demoApi","reactNumberFormatApi","jsxs","jsx","CustomFormatInputDoc","DemoLayout"],"mappings":";;;;AAMA,MAAMA,IAAS,wBAETC,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,GAAO,CAAA,CAAA;AAAA,EACvB;AAAA,EACA;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAS,CAAA,CAAA;AAAA,EAAA;AAE7B,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,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IACF,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACX,UAAA;AAAA,EAAC,gBAAAC,EAAA,MAAA,EAAG,WAAU,QAAO,UAAY,gBAAA;AAAA,oBAChC,MAAG,EAAA,IAAG,2BAA0B,WAAU,QAAO,UAElD,uBAAA;AAAA,oBACC,KAAE,EAAA,UAAA;AAAA,IAAA;AAAA,IAEkB;AAAA,IACjB,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAI;AAAA,QACP,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IAAK;AAAA,IAAI;AAAA,IAC+B;AAAA,EAAA,EAC5C,CAAA;AAAA,GACJ,GAGEC,IAAuB,MAErB,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQT;AAAA,IACR,OAAAC;AAAA,IACA,KAAKG;AAAA,IACL,cAAa;AAAA,IACb,OAAOC;AAAA,EAAA;AACX;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Basic.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport DataTable from '@/components/shared/DataTable'\nimport { apiGetCustomersList } from '@/services/CustomersService'\nimport type { ColumnDef, OnSortParam } from '@/components/shared/DataTable'\n\ntype Customer = {\n    id: string\n    name: string\n    email: string\n}\n\nconst Basic = () => {\n    const [data, setData] = useState<Customer[]>([])\n    const [loading, setLoading] = useState(false)\n    const [tableData, setTableData] = useState<{\n        pageIndex: number\n        pageSize: number\n        sort: {\n            order: '' | 'asc' | 'desc'\n            key: string | number\n        }\n        query: string\n        total: number\n    }>({\n        total: 0,\n        pageIndex: 1,\n        pageSize: 10,\n        query: '',\n        sort: {\n            order: '',\n            key: '',\n        },\n    })\n\n    const columns: ColumnDef<Customer>[] = useMemo(() => {\n        return [\n            {\n                header: 'Name',\n                accessorKey: 'name',\n            },\n            {\n                header: 'Email',\n                accessorKey: 'email',\n            },\n            {\n                header: '',\n                id: 'action',\n                cell: (props) => (\n                    <Button\n                        size=\"xs\"\n                        onClick={() => console.log('Action clicked', props)}\n                    >\n                        Action\n                    </Button>\n                ),\n            },\n        ]\n    }, [])\n\n    const handlePaginationChange = (pageIndex: number) => {\n        setTableData((prevData) => ({ ...prevData, ...{ pageIndex } }))\n    }\n\n    const handleSelectChange = (pageSize: number) => {\n        setTableData((prevData) => ({ ...prevData, ...{ pageSize } }))\n    }\n\n    const handleSort = ({ order, key }: OnSortParam) => {\n        setTableData((prevData) => ({\n            ...prevData,\n            sort: { order, key },\n        }))\n    }\n\n    useEffect(() => {\n        const fetchData = async () => {\n            setLoading(true)\n            const response = await apiGetCustomersList<\n                { list: Customer[]; total: number },\n                NonNullable<unknown>\n            >(tableData)\n            if (response) {\n                setData(response.list)\n                setLoading(false)\n                setTableData((prevData) => ({\n                    ...prevData,\n                    ...{ total: response.total },\n                }))\n            }\n        }\n        fetchData()\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [tableData.pageIndex, tableData.sort, tableData.pageSize])\n\n    return (\n        <DataTable<Customer>\n            columns={columns}\n            data={data}\n            loading={loading}\n            pagingData={{\n                total: tableData.total,\n                pageIndex: tableData.pageIndex,\n                pageSize: tableData.pageSize,\n            }}\n            onPaginationChange={handlePaginationChange}\n            onSelectChange={handleSelectChange}\n            onSort={handleSort}\n        />\n    )\n}\n\nexport default Basic\n"],"names":["Basic","data","setData","useState","loading","setLoading","tableData","setTableData","columns","useMemo","props","jsx","Button","handlePaginationChange","pageIndex","prevData","handleSelectChange","pageSize","handleSort","order","key","useEffect","response","apiGetCustomersList","DataTable"],"mappings":";;;;;;AAYA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAqB,CAAA,CAAE,GACzC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAWC,CAAY,IAAIJ,EAS/B;AAAA,IACC,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,MACF,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,EACT,CACH,GAEKK,IAAiCC,EAAQ,MACpC;AAAA,IACH;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,IAEjB;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IAAA;AAAA,IAEjB;AAAA,MACI,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM,CAACC,MACH,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,IAAI,kBAAkBF,CAAK;AAAA,UACrD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAER,GAEL,CAAA,CAAE,GAECG,IAAyB,CAACC,MAAsB;AAClD,IAAAP,EAAa,CAACQ,OAAc,EAAE,GAAGA,GAAe,WAAAD,EAAU,EAAI;AAAA,EAClE,GAEME,IAAqB,CAACC,MAAqB;AAC7C,IAAAV,EAAa,CAACQ,OAAc,EAAE,GAAGA,GAAe,UAAAE,EAAS,EAAI;AAAA,EACjE,GAEMC,IAAa,CAAC,EAAE,OAAAC,GAAO,KAAAC,QAAuB;AAChD,IAAAb,EAAa,CAACQ,OAAc;AAAA,MACxB,GAAGA;AAAA,MACH,MAAM,EAAE,OAAAI,GAAO,KAAAC,EAAA;AAAA,IAAI,EACrB;AAAA,EACN;AAEA,SAAAC,EAAU,MAAM;AAgBZ,KAfkB,YAAY;AAC1B,MAAAhB,EAAW,EAAI;AACf,YAAMiB,IAAW,MAAMC,EAGrBjB,CAAS;AACX,MAAIgB,MACApB,EAAQoB,EAAS,IAAI,GACrBjB,EAAW,EAAK,GAChBE,EAAa,CAACQ,OAAc;AAAA,QACxB,GAAGA;AAAA,QACE,OAAOO,EAAS;AAAA,MAAM,EAC7B;AAAA,IAEV,GACA;AAAA,EAEJ,GAAG,CAAChB,EAAU,WAAWA,EAAU,MAAMA,EAAU,QAAQ,CAAC,GAGxD,gBAAAK;AAAA,IAACa;AAAA,IAAA;AAAA,MACG,SAAAhB;AAAA,MACA,MAAAP;AAAA,MACA,SAAAG;AAAA,MACA,YAAY;AAAA,QACR,OAAOE,EAAU;AAAA,QACjB,WAAWA,EAAU;AAAA,QACrB,UAAUA,EAAU;AAAA,MAAA;AAAA,MAExB,oBAAoBO;AAAA,MACpB,gBAAgBG;AAAA,MAChB,QAAQE;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Basic.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport Button from '@/components/ui/Button'\nimport DataTable from '@/components/shared/DataTable'\nimport { apiGetCustomersList } from '@/services/CustomersService'\nimport type { ColumnDef, OnSortParam } from '@/components/shared/DataTable'\n\ntype Customer = {\n    id: string\n    name: string\n    email: string\n}\n\nconst Basic = () => {\n    const [data, setData] = useState<Customer[]>([])\n    const [loading, setLoading] = useState(false)\n    const [tableData, setTableData] = useState<{\n        pageIndex: number\n        pageSize: number\n        sort: {\n            order: '' | 'asc' | 'desc'\n            key: string | number\n        }\n        query: string\n        total: number\n    }>({\n        total: 0,\n        pageIndex: 1,\n        pageSize: 10,\n        query: '',\n        sort: {\n            order: '',\n            key: '',\n        },\n    })\n\n    const columns: ColumnDef<Customer>[] = useMemo(() => {\n        return [\n            {\n                header: 'Name',\n                accessorKey: 'name',\n            },\n            {\n                header: 'Email',\n                accessorKey: 'email',\n            },\n            {\n                header: '',\n                id: 'action',\n                cell: (props) => (\n                    <Button\n                        size=\"xs\"\n                        onClick={() => console.log('Action clicked', props)}\n                    >\n                        Action\n                    </Button>\n                ),\n            },\n        ]\n    }, [])\n\n    const handlePaginationChange = (pageIndex: number) => {\n        setTableData((prevData) => ({ ...prevData, ...{ pageIndex } }))\n    }\n\n    const handleSelectChange = (pageSize: number) => {\n        setTableData((prevData) => ({ ...prevData, ...{ pageSize } }))\n    }\n\n    const handleSort = ({ order, key }: OnSortParam) => {\n        setTableData((prevData) => ({\n            ...prevData,\n            sort: { order, key },\n        }))\n    }\n\n    useEffect(() => {\n        const fetchData = async () => {\n            setLoading(true)\n            const response = await apiGetCustomersList<\n                { list: Customer[]; total: number },\n                NonNullable<unknown>\n            >(tableData)\n            if (response) {\n                setData(response.list)\n                setLoading(false)\n                setTableData((prevData) => ({\n                    ...prevData,\n                    ...{ total: response.total },\n                }))\n            }\n        }\n        fetchData()\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [tableData.pageIndex, tableData.sort, tableData.pageSize])\n\n    return (\n        <DataTable<Customer>\n            columns={columns}\n            data={data}\n            loading={loading}\n            pagingData={{\n                total: tableData.total,\n                pageIndex: tableData.pageIndex,\n                pageSize: tableData.pageSize,\n            }}\n            onPaginationChange={handlePaginationChange}\n            onSelectChange={handleSelectChange}\n            onSort={handleSort}\n        />\n    )\n}\n\nexport default Basic\n"],"names":["Basic","data","setData","useState","loading","setLoading","tableData","setTableData","columns","useMemo","props","jsx","Button","handlePaginationChange","pageIndex","prevData","handleSelectChange","pageSize","handleSort","order","key","useEffect","response","apiGetCustomersList","DataTable"],"mappings":";;;;;;AAYA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAqB,CAAA,CAAE,GACzC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAWC,CAAY,IAAIJ,EAS/B;AAAA,IACC,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IACP,MAAM;AAAA,MACF,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,EACT,CACH,GAEKK,IAAiCC,EAAQ,MACpC;AAAA,IACH;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,MACI,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,MAAM,CAACC,MACH,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,IAAI,kBAAkBF,CAAK;AAAA,UACrD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAGZ,GACD,EAAE,GAECG,IAAyB,CAACC,MAAsB;AACrC,IAAAP,EAAA,CAACQ,OAAc,EAAE,GAAGA,GAAe,WAAAD,EAAU,EAAI;AAAA,EAClE,GAEME,IAAqB,CAACC,MAAqB;AAChC,IAAAV,EAAA,CAACQ,OAAc,EAAE,GAAGA,GAAe,UAAAE,EAAS,EAAI;AAAA,EACjE,GAEMC,IAAa,CAAC,EAAE,OAAAC,GAAO,KAAAC,QAAuB;AAChD,IAAAb,EAAa,CAACQ,OAAc;AAAA,MACxB,GAAGA;AAAA,MACH,MAAM,EAAE,OAAAI,GAAO,KAAAC,EAAI;AAAA,IAAA,EACrB;AAAA,EACN;AAEA,SAAAC,EAAU,MAAM;AAgBF,KAfQ,YAAY;AAC1B,MAAAhB,EAAW,EAAI;AACT,YAAAiB,IAAW,MAAMC,EAGrBjB,CAAS;AACX,MAAIgB,MACApB,EAAQoB,EAAS,IAAI,GACrBjB,EAAW,EAAK,GAChBE,EAAa,CAACQ,OAAc;AAAA,QACxB,GAAGA;AAAA,QACE,OAAOO,EAAS;AAAA,MAAM,EAC7B;AAAA,IAEV,GACU;AAAA,EAAA,GAEX,CAAChB,EAAU,WAAWA,EAAU,MAAMA,EAAU,QAAQ,CAAC,GAGxD,gBAAAK;AAAA,IAACa;AAAA,IAAA;AAAA,MACG,SAAAhB;AAAA,MACA,MAAAP;AAAA,MACA,SAAAG;AAAA,MACA,YAAY;AAAA,QACR,OAAOE,EAAU;AAAA,QACjB,WAAWA,EAAU;AAAA,QACrB,UAAUA,EAAU;AAAA,MACxB;AAAA,MACA,oBAAoBO;AAAA,MACpB,gBAAgBG;AAAA,MAChB,QAAQE;AAAA,IAAA;AAAA,EACZ;AAER;"}