@orbe-agro/client-core 5.0.0 → 5.1.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +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,EAAA;AAGjE,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,MAAA;AAAA,MAEnC,QAAQ,CAACC,MAAU;AACf,gBAAQ,IAAI,gBAAgBA,CAAK;AAAA,MAAA;AAAA,MAErC,WAAW,CAACD,MAAQ;AAChB,gBAAQ,IAAI,iBAAiBA,CAAG;AAAA,MAAA;AAAA,IACpC;AAAA,EAAA;AAGZ;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +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,EAAA,GAGXE,IAAgB,MAAM;AACxB,YAAQ,IAAI,SAAS,GACrBF,EAAQ,EAAK;AAAA,EAAA;AAGjB,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,GACL;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;"}

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

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

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

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

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

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

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

@@ -0,0 +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,MAAA;AAAA,IAOZ;AAAA,EAAA;AAG3B;"}

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

@@ -0,0 +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","_a","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,EAAA,CAIqC,GAClD,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAM;AAAA,QACN,SAAS,EAAQN,EAAO;AAAA,QACxB,eAAcO,IAAAP,EAAO,eAAP,gBAAAO,EAAmB;AAAA,QAEjC,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,SAAAP;AAAA,YACA,QAAQ,CAAC,EAAE,OAAAQ,EAAA,MACP,gBAAAJ;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,aAAY;AAAA,gBACZ,QAAQf;AAAA,gBACR,OAAOc,EAAM;AAAA,gBACb,eAAe,CAACE,MAAM;AAClB,kBAAAF,EAAM,SAASE,EAAE,KAAK;AAAA,gBAAA;AAAA,cAC1B;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,IAEJ,gBAAAN,EAACO,KAAO,OAAK,IAAC,SAAQ,SAAQ,MAAK,UAAS,UAAA,SAAA,CAE5C;AAAA,EAAA,GACJ;AAER;"}

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

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

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

@@ -0,0 +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,EAAE,GAECG,IAAyB,CAACC,MAAsB;AAClD,IAAAP,EAAa,CAACQ,OAAc,EAAE,GAAGA,GAAe,WAAAD,EAAU,EAAI;AAAA,EAAA,GAG5DE,IAAqB,CAACC,MAAqB;AAC7C,IAAAV,EAAa,CAACQ,OAAc,EAAE,GAAGA,GAAe,UAAAE,EAAS,EAAI;AAAA,EAAA,GAG3DC,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,EAAA;AAGN,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,IACN,GAEJ;AAAA,EAAU,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,MAAA;AAAA,MAExB,oBAAoBO;AAAA,MACpB,gBAAgBG;AAAA,MAChB,QAAQE;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkable.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Checkable.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 {\n    ColumnDef,\n    OnSortParam,\n    CellContext,\n    Row,\n} from '@/components/shared/DataTable'\n\ntype Customer = {\n    id: string\n    name: string\n    email: string\n}\n\nconst Checkable = () => {\n    const [data, setData] = useState<Customer[]>([])\n    const [loading, setLoading] = useState(false)\n    const [selectedRows, setSelectedRows] = useState<string[]>([])\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 handleAction = (cellProps: CellContext<Customer, unknown>) => {\n        console.log('Action clicked', cellProps)\n    }\n\n    const handleBatchAction = () => {\n        console.log('selectedRows', selectedRows)\n    }\n\n    const columns: ColumnDef<Customer>[] = useMemo(\n        () => [\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 size=\"xs\" onClick={() => handleAction(props)}>\n                        Action\n                    </Button>\n                ),\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    const handleRowSelect = (checked: boolean, row: Customer) => {\n        console.log('row', row)\n        if (checked) {\n            setSelectedRows((prevData) => {\n                if (!prevData.includes(row.name)) {\n                    return [...prevData, ...[row.name]]\n                }\n                return prevData\n            })\n        } else {\n            setSelectedRows((prevData) => {\n                if (prevData.includes(row.name)) {\n                    return prevData.filter((id) => id !== row.name)\n                }\n                return prevData\n            })\n        }\n    }\n\n    const handleAllRowSelect = (checked: boolean, rows: Row<Customer>[]) => {\n        console.log('rows', rows)\n        if (checked) {\n            const originalRows = rows.map((row) => row.original)\n            const selectedIds: string[] = []\n            originalRows.forEach((row) => {\n                selectedIds.push(row.name)\n            })\n            setSelectedRows(selectedIds)\n        } else {\n            setSelectedRows([])\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.list) {\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        <>\n            {selectedRows.length > 0 && (\n                <div className=\"flex justify-end mb-4\">\n                    <Button\n                        size=\"sm\"\n                        variant=\"solid\"\n                        onClick={handleBatchAction}\n                    >\n                        Batch Action\n                    </Button>\n                </div>\n            )}\n            <DataTable<Customer>\n                selectable\n                columns={columns}\n                data={data}\n                loading={loading}\n                pagingData={tableData}\n                onPaginationChange={handlePaginationChange}\n                onSelectChange={handleSelectChange}\n                onSort={handleSort}\n                onCheckBoxChange={handleRowSelect}\n                onIndeterminateCheckBoxChange={handleAllRowSelect}\n            />\n        </>\n    )\n}\n\nexport default Checkable\n"],"names":["Checkable","data","setData","useState","loading","setLoading","selectedRows","setSelectedRows","tableData","setTableData","handleAction","cellProps","handleBatchAction","columns","useMemo","props","jsx","Button","handlePaginationChange","pageIndex","prevData","handleSelectChange","pageSize","handleSort","order","key","handleRowSelect","checked","row","id","handleAllRowSelect","rows","originalRows","selectedIds","useEffect","response","apiGetCustomersList","jsxs","Fragment","DataTable"],"mappings":";;;;;;AAiBA,MAAMA,IAAY,MAAM;AACpB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAqB,CAAA,CAAE,GACzC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAcC,CAAe,IAAIJ,EAAmB,CAAA,CAAE,GACvD,CAACK,GAAWC,CAAY,IAAIN,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,GAEKO,IAAe,CAACC,MAA8C;AAChE,YAAQ,IAAI,kBAAkBA,CAAS;AAAA,EAAA,GAGrCC,IAAoB,MAAM;AAC5B,YAAQ,IAAI,gBAAgBN,CAAY;AAAA,EAAA,GAGtCO,IAAiCC;AAAA,IACnC,MAAM;AAAA,MACF;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEjB;AAAA,QACI,QAAQ;AAAA,QACR,IAAI;AAAA,QACJ,MAAM,CAACC,MACH,gBAAAC,EAACC,GAAA,EAAO,MAAK,MAAK,SAAS,MAAMP,EAAaK,CAAK,GAAG,UAAA,SAAA,CAEtD;AAAA,MAAA;AAAA,IAER;AAAA,IAEJ,CAAA;AAAA,EAAC,GAGCG,IAAyB,CAACC,MAAsB;AAClD,IAAAV,EAAa,CAACW,OAAc,EAAE,GAAGA,GAAe,WAAAD,EAAU,EAAI;AAAA,EAAA,GAG5DE,IAAqB,CAACC,MAAqB;AAC7C,IAAAb,EAAa,CAACW,OAAc,EAAE,GAAGA,GAAe,UAAAE,EAAS,EAAI;AAAA,EAAA,GAG3DC,IAAa,CAAC,EAAE,OAAAC,GAAO,KAAAC,QAAuB;AAChD,IAAAhB,EAAa,CAACW,OAAc;AAAA,MACxB,GAAGA;AAAA,MACE,MAAM,EAAE,OAAAI,GAAO,KAAAC;IAAM,EAC5B;AAAA,EAAA,GAGAC,IAAkB,CAACC,GAAkBC,MAAkB;AACzD,YAAQ,IAAI,OAAOA,CAAG,GAElBrB,EADAoB,IACgB,CAACP,MACRA,EAAS,SAASQ,EAAI,IAAI,IAGxBR,IAFI,CAAC,GAAGA,GAAcQ,EAAI,IAAK,IAK1B,CAACR,MACTA,EAAS,SAASQ,EAAI,IAAI,IACnBR,EAAS,OAAO,CAACS,MAAOA,MAAOD,EAAI,IAAI,IAE3CR,CANV;AAAA,EAQL,GAGEU,IAAqB,CAACH,GAAkBI,MAA0B;AAEpE,QADA,QAAQ,IAAI,QAAQA,CAAI,GACpBJ,GAAS;AACT,YAAMK,IAAeD,EAAK,IAAI,CAACH,MAAQA,EAAI,QAAQ,GAC7CK,IAAwB,CAAA;AAC9B,MAAAD,EAAa,QAAQ,CAACJ,MAAQ;AAC1B,QAAAK,EAAY,KAAKL,EAAI,IAAI;AAAA,MAAA,CAC5B,GACDrB,EAAgB0B,CAAW;AAAA,IAAA;AAE3B,MAAA1B,EAAgB,CAAA,CAAE;AAAA,EACtB;AAGJ,SAAA2B,EAAU,MAAM;AAgBZ,KAfkB,YAAY;AAC1B,MAAA7B,EAAW,EAAI;AACf,YAAM8B,IAAW,MAAMC,EAGrB5B,CAAS;AACX,MAAI2B,EAAS,SACTjC,EAAQiC,EAAS,IAAI,GACrB9B,EAAW,EAAK,GAChBI,EAAa,CAACW,OAAc;AAAA,QACxB,GAAGA;AAAA,QACE,OAAOe,EAAS;AAAA,MAAM,EAC7B;AAAA,IACN,GAEJ;AAAA,EAAU,GAEX,CAAC3B,EAAU,WAAWA,EAAU,MAAMA,EAAU,QAAQ,CAAC,GAGxD,gBAAA6B,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAhC,EAAa,SAAS,KACnB,gBAAAU,EAAC,OAAA,EAAI,WAAU,yBACX,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAASL;AAAA,QACZ,UAAA;AAAA,MAAA;AAAA,IAAA,GAGL;AAAA,IAEJ,gBAAAI;AAAA,MAACuB;AAAA,MAAA;AAAA,QACG,YAAU;AAAA,QACV,SAAA1B;AAAA,QACA,MAAAZ;AAAA,QACA,SAAAG;AAAA,QACA,YAAYI;AAAA,QACZ,oBAAoBU;AAAA,QACpB,gBAAgBG;AAAA,QAChB,QAAQE;AAAA,QACR,kBAAkBG;AAAA,QAClB,+BAA+BI;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GACJ;AAER;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Query.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Query.tsx"],"sourcesContent":["import { useState, useEffect, useRef, ChangeEvent } from 'react'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport DataTable from '@/components/shared/DataTable'\nimport debounce from 'lodash/debounce'\nimport { apiGetCustomersList } from '@/services/CustomersService'\nimport type {\n    ColumnDef,\n    OnSortParam,\n    CellContext,\n} from '@/components/shared/DataTable'\n\ntype Customer = {\n    id: string\n    name: string\n    email: string\n}\n\nconst Query = () => {\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 inputRef = useRef(null)\n\n    const debounceFn = debounce(handleDebounceFn, 500)\n\n    function handleDebounceFn(val: string) {\n        if (typeof val === 'string' && (val.length > 1 || val.length === 0)) {\n            setTableData((prevData) => ({\n                ...prevData,\n                ...{ query: val, pageIndex: 1 },\n            }))\n        }\n    }\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e.target.value)\n    }\n\n    const handleAction = (cellProps: CellContext<Customer, unknown>) => {\n        console.log('Action clicked', cellProps)\n    }\n\n    const columns: ColumnDef<Customer>[] = [\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 size=\"xs\" onClick={() => handleAction(props)}>\n                    Action\n                </Button>\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        console.log({ order, key })\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    }, [\n        tableData.pageIndex,\n        tableData.sort,\n        tableData.pageSize,\n        tableData.query,\n    ])\n\n    return (\n        <>\n            <div className=\"flex justify-end mb-4\">\n                <Input\n                    ref={inputRef}\n                    placeholder=\"Search...\"\n                    size=\"sm\"\n                    className=\"lg:w-52\"\n                    onChange={handleChange}\n                />\n            </div>\n            <DataTable\n                columns={columns}\n                data={data}\n                loading={loading}\n                pagingData={tableData}\n                onPaginationChange={handlePaginationChange}\n                onSelectChange={handleSelectChange}\n                onSort={handleSort}\n            />\n        </>\n    )\n}\n\nexport default Query\n"],"names":["Query","data","setData","useState","loading","setLoading","tableData","setTableData","inputRef","useRef","debounceFn","debounce","handleDebounceFn","val","prevData","handleChange","handleAction","cellProps","columns","props","jsx","Button","handlePaginationChange","pageIndex","handleSelectChange","pageSize","handleSort","order","key","useEffect","response","apiGetCustomersList","jsxs","Fragment","Input","DataTable"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Checkable from './Checkable'\nimport Query from './Query'\n\nconst mdPath = 'DataTableDoc'\n\nconst demoHeader = {\n    title: 'DataTable',\n    desc: 'DataTable is often used table logic encapsulated component, it can save up some boilerplate setup from <a class=\"text-primary underline\" href=\"https://react-table-v7.tanstack.com/\" target=\"_blank\">react-table</a> & quick start with your async table data.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: ``,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Checkable',\n        mdPath: mdPath,\n        title: 'Checkable',\n        desc: ``,\n        component: <Checkable />,\n    },\n    {\n        mdName: 'Query',\n        mdPath: mdPath,\n        title: 'Query',\n        desc: ``,\n        component: <Query />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'DataTable',\n        api: [\n            {\n                propName: 'columns',\n                type: `<a class=\"text-primary underline\" href=\"https://tanstack.com/table/v8/docs/guide/column-defs\" target=\"_blank\"><code>Array&lt;Column&gt;</code></a>`,\n                default: `<code>[]</code>`,\n                desc: 'The core columns configuration object for the entire table',\n            },\n            {\n                propName: 'data',\n                type: `<code>Array&lt;any&gt;</code>`,\n                default: `<code>[]</code>`,\n                desc: 'The data array that you want to display on the table',\n            },\n            {\n                propName: 'loading',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Wheter to display loading indicator on the table',\n            },\n            {\n                propName: 'onCheckBoxChange',\n                type: `<code>(checked: boolean, row: any) => void</code>`,\n                default: `-`,\n                desc: 'Callback when row checkbox is changed, return a checkbox value & changed row data',\n            },\n            {\n                propName: 'onIndeterminateCheckBoxChange',\n                type: `<code>(checked: boolean, rows: any) => void</code>`,\n                default: `-`,\n                desc: 'Callback when indeterminate checkbox is changed, return indeterminate checkbox value & all rows data',\n            },\n            {\n                propName: 'onPaginationChange',\n                type: `<code>(pageIndex: number) => void</code>`,\n                default: `-`,\n                desc: 'Callback when pagination changed',\n            },\n            {\n                propName: 'onSelectChange',\n                type: `<code>(pageSize: number) => void</code>`,\n                default: `-`,\n                desc: 'Callback when page size selector changed',\n            },\n            {\n                propName: 'onSort',\n                type: `<code>(pageSize: {order: 'desc' | 'asc', key: string}) => void</code>`,\n                default: `-`,\n                desc: 'Callback when any column of sorted changed, return sort order & sorted column identifier',\n            },\n            {\n                propName: 'pageSizes',\n                type: `<code>number[]</code>`,\n                default: `<code>[10, 25, 50, 100]</code>`,\n                desc: 'Options of selectable page sizes',\n            },\n            {\n                propName: 'skeletonAvatarColumns',\n                type: `<code>number[]</code>`,\n                default: `-`,\n                desc: 'Specify skeleton avatar display is which column when loading is true',\n            },\n            {\n                propName: 'skeletonAvatarProps',\n                type: `<a class=\"text-primary underline\" href=\"/ui-components/avatar#api\" target=\"_blank\"><code>AvatarProps</code></a>`,\n                default: `-`,\n                desc: 'Props for skeleton avatar',\n            },\n            {\n                propName: 'pagingData',\n                type: `<code>{total: number, pageIndex: number, pageSize: number}</code>`,\n                default: `<code>{total: 0, pageIndex: 1, pageSize: 10}</code>`,\n                desc: 'Paging state of tthe table',\n            },\n        ],\n    },\n]\n\nconst DataTableDoc = () => {\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 DataTableDoc\n"],"names":["mdPath","demoHeader","demos","Basic","Checkable","Query","demoApi","DataTableDoc","jsx","DemoLayout"],"mappings":";;;;;AAOA,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,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAU;AAAA,EAAA;AAAA,EAE1B;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,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,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,IAAe,MAEb,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKI;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DebounceInputDoc/Example.tsx"],"sourcesContent":["import DebounceInput from '@/components/shared/DebounceInput'\n\nfunction Example() {\n    const handleSearch = (e: React.ChangeEvent<HTMLInputElement>) => {\n        window.alert(e.target.value)\n    }\n\n    return (\n        <DebounceInput\n            placeholder=\"Search...\"\n            wait={1000}\n            onChange={handleSearch}\n        />\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","DebounceInput"],"mappings":";;AAEA,SAASA,IAAU;AAKf,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAY;AAAA,MACZ,MAAM;AAAA,MACN,UARa,CAAC,MAA2C;AAC7D,eAAO,MAAM,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAOb;AAAA,EAAA;AAGtB;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DebounceInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'DebounceInputDoc'\n\nconst demoHeader = {\n    title: 'DebounceInput',\n    desc: 'DebounceInput is a omponent that wraps an input field with debounce functionality. This means that the input value will only be processed after a specified delay, reducing the frequency of expensive operations like API calls or state updates while typing.',\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: 'wait ',\n                type: `<code>number</code>`,\n                default: `<code>500</code>`,\n                desc: 'Time interval that will wait before invoking the <code>onChange</code> event after the user stops typing.',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is disabled',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is invalid status',\n            },\n            {\n                propName: 'onBlur',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input remove focus',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input value changed',\n            },\n            {\n                propName: 'onFocus',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input is focused',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Input size',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'textArea',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to turn Input into textarea field',\n            },\n            {\n                propName: 'type',\n                type: `<code>string</code>`,\n                default: `<code>'text'</code>`,\n                desc: 'Input type, refer to <a class=\"text-primary underline\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types\" target=\"_blank\">MDN</a> for available types',\n            },\n            {\n                propName: 'unstyle',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to remove input default style',\n            },\n        ],\n    },\n]\n\nconst DebounceInputDoc = () => {\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 DebounceInputDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","DebounceInputDoc","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,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;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DoubleSidedImageDoc/Example.tsx"],"sourcesContent":["import DoubleSidedImage from '@/components/shared/DoubleSidedImage'\n\nconst Example = () => {\n    return (\n        <DoubleSidedImage\n            src=\"/img/logo/logo-light-full.png\"\n            darkModeSrc=\"/img/logo/logo-dark-full.png\"\n            alt=\"elstar\"\n        />\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","DoubleSidedImage"],"mappings":";;AAEA,MAAMA,IAAU,MAER,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAI;AAAA,IACJ,aAAY;AAAA,IACZ,KAAI;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DoubleSidedImageDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'DoubleSidedImageDoc'\n\nconst demoHeader = {\n    title: 'DoubleSidedImage',\n    desc: 'DoubleSidedImage is image embed component which able to switch the image source based on current theme mode.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `DoubleSidedImage accpet all <code>img</code> tag attribute as props`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'DoubleSidedImage',\n        api: [\n            {\n                propName: 'darkModeSrc',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Image source to display in dark mode ',\n            },\n        ],\n    },\n]\n\nconst DoubleSidedImageDoc = () => {\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 DoubleSidedImageDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","DoubleSidedImageDoc","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,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,IAAsB,MAEpB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/EllipsisButtonDoc/Example.tsx"],"sourcesContent":["import Dropdown from '@/components/ui/Dropdown'\nimport EllipsisButton from '@/components/shared/EllipsisButton'\n\nconst dropdownList = [\n    { label: 'Add Flag', value: 'addFlag' },\n    { label: 'Move', value: 'move' },\n    { label: 'Setting', value: 'projectSetting' },\n]\n\nconst Example = () => {\n    return (\n        <Dropdown renderTitle={<EllipsisButton />}>\n            {dropdownList.map((item) => (\n                <Dropdown.Item key={item.value} eventKey={item.value}>\n                    <span>{item.label}</span>\n                </Dropdown.Item>\n            ))}\n        </Dropdown>\n    )\n}\n\nexport default Example\n"],"names":["dropdownList","Example","jsx","Dropdown","EllipsisButton","item"],"mappings":";;;AAGA,MAAMA,IAAe;AAAA,EACjB,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,EAC5B,EAAE,OAAO,QAAQ,OAAO,OAAA;AAAA,EACxB,EAAE,OAAO,WAAW,OAAO,iBAAA;AAC/B,GAEMC,IAAU,MAER,gBAAAC,EAACC,GAAA,EAAS,aAAa,gBAAAD,EAACE,GAAA,CAAA,CAAe,GAClC,UAAAJ,EAAa,IAAI,CAACK,MACf,gBAAAH,EAACC,EAAS,MAAT,EAA+B,UAAUE,EAAK,OAC3C,UAAA,gBAAAH,EAAC,QAAA,EAAM,UAAAG,EAAK,MAAA,CAAM,EAAA,GADFA,EAAK,KAEzB,CACH,EAAA,CACL;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/EllipsisButtonDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'EllipsisButtonDoc'\n\nconst demoHeader = {\n    title: 'EllipsisButton',\n    desc: 'A higher level Button component with ellipsis icon, can be use as a dropdown trigger.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage with Dropdown component.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'EllipsisButton',\n        api: [\n            {\n                propName: 'variant',\n                type: `<code>'solid'</code>  | <code>'plain'</code> | <code>'default'</code>`,\n                default: `<code>'plain'</code>`,\n                desc: 'The variant of the button',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code> | <code>'xs'</code>`,\n                default: `<code>'xs'</code>`,\n                desc: 'Size of the button.',\n            },\n            {\n                propName: 'shape',\n                type: `<code>'round'</code>  | <code>'circle'</code> | <code>'none'</code>`,\n                default: `<code>'circle'</code>`,\n                desc: 'Border radius of the button',\n            },\n        ],\n    },\n]\n\nconst EllipsisButtonDoc = () => {\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 EllipsisButtonDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","EllipsisButtonDoc","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,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;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/GanttChartDoc/Example.tsx"],"sourcesContent":["import { useState } from 'react'\nimport GanttChart, { ViewMode } from '@/components/shared/GanttChart'\nimport getStartEndDateForProject from '@/components/shared/GanttChart/getStartEndDateForProject'\nimport type { ExtendedTask } from '@/components/shared/GanttChart'\n\nconst colorsMap = {\n    color1: '#fbbf24',\n    color2: '#fdba74',\n    color3: '#6ee7b7',\n    color4: '#7dd3fc',\n}\n\nconst currentDate = new Date()\n\nconst data: ExtendedTask[] = [\n    {\n        start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 1),\n        end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 15),\n        name: 'Some Project',\n        id: 'ProjectSample',\n        progress: 25,\n        type: 'project',\n        hideChildren: false,\n        displayOrder: 1,\n    },\n    {\n        start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 1),\n        end: new Date(\n            currentDate.getFullYear(),\n            currentDate.getMonth(),\n            2,\n            12,\n            28,\n        ),\n        name: 'Idea',\n        id: 'Task 0',\n        progress: 45,\n        type: 'task',\n        project: 'ProjectSample',\n        displayOrder: 2,\n        barVariant: 'color2',\n    },\n    {\n        start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 2),\n        end: new Date(\n            currentDate.getFullYear(),\n            currentDate.getMonth(),\n            4,\n            0,\n            0,\n        ),\n        name: 'Research',\n        id: 'Task 1',\n        progress: 25,\n        dependencies: ['Task 0'],\n        type: 'task',\n        project: 'ProjectSample',\n        displayOrder: 3,\n    },\n    {\n        start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 4),\n        end: new Date(\n            currentDate.getFullYear(),\n            currentDate.getMonth(),\n            8,\n            0,\n            0,\n        ),\n        name: 'Discussion with team',\n        id: 'Task 2',\n        progress: 10,\n        dependencies: ['Task 1'],\n        type: 'task',\n        project: 'ProjectSample',\n        displayOrder: 4,\n        barVariant: 'color2',\n    },\n    {\n        start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 8),\n        end: new Date(\n            currentDate.getFullYear(),\n            currentDate.getMonth(),\n            9,\n            0,\n            0,\n        ),\n        name: 'Developing',\n        id: 'Task 3',\n        progress: 27,\n        dependencies: ['Task 2'],\n        type: 'task',\n        project: 'ProjectSample',\n        displayOrder: 5,\n    },\n    {\n        start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 8),\n        end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 10),\n        name: 'Review',\n        id: 'Task 4',\n        type: 'task',\n        progress: 70,\n        dependencies: ['Task 2'],\n        project: 'ProjectSample',\n        displayOrder: 6,\n        barVariant: 'color3',\n    },\n    {\n        start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 15),\n        end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 15),\n        name: 'Release',\n        id: 'Task 6',\n        progress: currentDate.getMonth(),\n        type: 'milestone',\n        dependencies: ['Task 4'],\n        project: 'ProjectSample',\n        displayOrder: 7,\n        barVariant: 'color4',\n    },\n    {\n        start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 18),\n        end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 19),\n        name: 'Party Time',\n        id: 'Task 9',\n        progress: 0,\n        isDisabled: true,\n        type: 'task',\n    },\n]\n\nconst Example = () => {\n    const [tasks, setTasks] = useState<ExtendedTask[]>(data)\n\n    const handleTaskChange = (task: ExtendedTask) => {\n        let newTasks = tasks.map((t) => (t.id === task.id ? task : t))\n        if (task.project) {\n            const [start, end] = getStartEndDateForProject(\n                newTasks,\n                task.project,\n            )\n            const project =\n                newTasks[newTasks.findIndex((t) => t.id === task.project)]\n            if (\n                project.start.getTime() !== start.getTime() ||\n                project.end.getTime() !== end.getTime()\n            ) {\n                const changedProject = { ...project, start, end }\n                newTasks = newTasks.map((t) =>\n                    t.id === task.project ? changedProject : t,\n                )\n            }\n        }\n        setTasks(newTasks)\n    }\n\n    const handleProgressChange = async (task: ExtendedTask) => {\n        setTasks(tasks.map((t) => (t.id === task.id ? task : t)))\n    }\n\n    const handleExpanderClick = (task: ExtendedTask) => {\n        setTasks(tasks.map((t) => (t.id === task.id ? task : t)))\n    }\n\n    return (\n        <GanttChart\n            tasks={tasks}\n            viewMode={ViewMode.Day}\n            colorsMap={colorsMap}\n            onDateChange={handleTaskChange}\n            onProgressChange={handleProgressChange}\n            onExpanderClick={handleExpanderClick}\n        />\n    )\n}\n\nexport default Example\n"],"names":["colorsMap","currentDate","data","Example","tasks","setTasks","useState","handleTaskChange","task","newTasks","t","start","end","getStartEndDateForProject","project","changedProject","handleProgressChange","handleExpanderClick","jsx","GanttChart","ViewMode"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/GanttChartDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'GanttChartDoc'\n\nconst demoHeader = {\n    title: 'GanttChart',\n    desc: 'This component is an extended version of the  <a class=\"text-primary\" href=\"https://github.com/MaTeMaTuK/gantt-task-react\" target=\"_blank\">gantt-task-react</a> library. It is ideal for visualizing project timelines, tasks, and milestones with enhanced customization options.',\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: 'GanttChart',\n        api: [\n            {\n                propName: 'tasks',\n                type: 'ExtendedTask<T>[]',\n                default: '[]',\n                desc: 'An array of tasks to be displayed in the Gantt chart. Each task includes properties like id, name, start, end, and progress.',\n            },\n            {\n                propName: 'viewMode',\n                type: '<code>ViewMode</code>',\n                default: '<code>ViewMode.Day</code>',\n                desc: 'The view mode of the Gantt chart. Can be set to Hour, Quarter Day, Half Day, Day, Week, Month, or Year.',\n            },\n            {\n                propName: 'extraColumns',\n                type: '{ header: ExtraHeader; cell: ExtraCell }[]',\n                default: '[]',\n                desc: 'An array of objects defining additional columns to be displayed in the task list. Each object contains a header and a cell renderer.',\n            },\n            {\n                propName: 'colorsMap',\n                type: '<code>Object{string, string}</code>',\n                default: '{}',\n                desc: 'A mapping of custom colors to task types or specific tasks. This allows for dynamic styling based on the task or project type.',\n            },\n            {\n                propName: 'showArrow',\n                type: 'boolean',\n                default: 'true',\n                desc: 'A flag to determine whether to display dependency arrows between tasks. When set to false, arrows are hidden.',\n            },\n            {\n                propName: 'headerHeight',\n                type: '<code>number</code>',\n                default: '50',\n                desc: 'The height of the header in the Gantt chart, in pixels.',\n            },\n            {\n                propName: 'columnWidth',\n                type: '<code>number</code>',\n                default: '65',\n                desc: 'The width of each column in the Gantt chart, in pixels.',\n            },\n            {\n                propName: 'rowHeight',\n                type: '<code>number</code>',\n                default: '50',\n                desc: 'The height of each row in the Gantt chart, in pixels.',\n            },\n            {\n                propName: 'barCornerRadius',\n                type: '<code>number</code>',\n                default: '6',\n                desc: 'The corner radius of the task bars in the Gantt chart.',\n            },\n            {\n                propName: 'TaskListHeader',\n                type: '{ headerHeight: number; rowWidth: string; fontFamily: string; fontSize: string; }',\n                default: '<code>TaskListHeader</code>',\n                desc: 'A custom header component for the task list. Allows for the inclusion of additional headers defined in extraColumns.',\n            },\n            {\n                propName: 'TaskListTable',\n                type: '{ rowHeight: number; rowWidth: string; fontFamily: string; fontSize: string; locale: string; tasks: Task[]; selectedTaskId: string; setSelectedTask: (taskId: string) => void; onExpanderClick: (task: Task) => void; }',\n                default: '<code>TaskListTable</code>',\n                desc: 'A custom table component for the task list, allowing the inclusion of additional cells defined in extraColumns.',\n            },\n            {\n                propName: 'TooltipContent',\n                type: '{ task: Task; fontSize: string; fontFamily: string; }',\n                default: '<code>TooltipContent</code>',\n                desc: 'A custom tooltip component for displaying task details.',\n            },\n            {\n                propName: 'todayColor',\n                type: '<code>string</code>',\n                default: '<code>url(#horzLines)</code>',\n                desc: 'The color used to highlight the current day in the Gantt chart.',\n            },\n            {\n                propName: 'arrowColor',\n                type: '<code>string</code>',\n                default: '<code>#3380fa</code>',\n                desc: 'The color of the dependency arrows between tasks.',\n            },\n            {\n                propName: 'onSelect',\n                type: '(task: Task, isSelected: boolean) => void',\n                default: 'undefined',\n                desc: 'Callback invoked when a task is selected or unselected.',\n            },\n            {\n                propName: 'onDoubleClick',\n                type: '(task: Task) => void',\n                default: 'undefined',\n                desc: 'Callback invoked when a task is double-clicked.',\n            },\n            {\n                propName: 'onClick',\n                type: '(task: Task) => void',\n                default: 'undefined',\n                desc: 'Callback invoked when a task is clicked.',\n            },\n            {\n                propName: 'onDateChange',\n                type: '(task: Task, children: Task[]) => void | boolean | Promise<void> | Promise<boolean>',\n                default: 'undefined',\n                desc: 'Callback invoked when the start or end date of a task changes. Returning false or throwing an error will undo the operation.',\n            },\n            {\n                propName: 'onProgressChange',\n                type: '(task: Task, children: Task[]) => void | boolean | Promise<void> | Promise<boolean>',\n                default: 'undefined',\n                desc: 'Callback invoked when the progress of a task changes. Returning false or throwing an error will undo the operation.',\n            },\n            {\n                propName: 'onDelete',\n                type: '(task: Task) => void | boolean | Promise<void> | Promise<boolean>',\n                default: 'undefined',\n                desc: 'Callback invoked when a task is deleted. Returning false or throwing an error will undo the operation.',\n            },\n            {\n                propName: 'onExpanderClick',\n                type: '(task: Task) => void',\n                default: 'undefined',\n                desc: 'Callback invoked when the expander icon is clicked in the task list.',\n            },\n        ],\n    },\n]\n\nconst ganttTaskReactFormatApi = (\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            gantt-task-react\n        </h6>\n        <p>\n            You can found all the available props here{' '}\n            <a\n                className=\"underline text-primary\"\n                href=\"https://github.com/MaTeMaTuK/gantt-task-react\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n            >\n                gantt-task-react\n            </a>{' '}\n        </p>\n    </div>\n)\n\nconst GanttChartDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n            extra={ganttTaskReactFormatApi}\n        />\n    )\n}\n\nexport default GanttChartDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","ganttTaskReactFormatApi","jsxs","jsx","GanttChartDoc","DemoLayout"],"mappings":";;;AAKA,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,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,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,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,oBAElD;AAAA,oBACC,KAAA,EAAE,UAAA;AAAA,IAAA;AAAA,IAC4C;AAAA,IAC3C,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,EAAA,EAAA,CACT;AAAA,GACJ,GAGEC,IAAgB,MAEd,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;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/Basic.tsx"],"sourcesContent":["import GrowShrinkValue from '@/components/shared/GrowShrinkValue'\n\nconst Basic = () => {\n    return (\n        <div className=\"flex gap-4\">\n            <GrowShrinkValue value={21.12} suffix=\"%\" />\n            <GrowShrinkValue value={-0.48} prefix=\"$\" />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsxs","jsx","GrowShrinkValue"],"mappings":";;AAEA,MAAMA,IAAQ,MAEN,gBAAAC,EAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAgB,OAAO,OAAO,QAAO,KAAI;AAAA,EAC1C,gBAAAD,EAACC,GAAA,EAAgB,OAAO,OAAO,QAAO,IAAA,CAAI;AAAA,GAC9C;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/CustomClass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomClass.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/CustomClass.tsx"],"sourcesContent":["import GrowShrinkValue from '@/components/shared/GrowShrinkValue'\n\nconst CustomClass = () => {\n    return (\n        <div className=\"flex gap-4\">\n            <GrowShrinkValue value={1.68} positiveClass=\"text-indigo-500\" />\n            <GrowShrinkValue value={-1.68} negativeClass=\"text-sky-500\" />\n        </div>\n    )\n}\n\nexport default CustomClass\n"],"names":["CustomClass","jsxs","jsx","GrowShrinkValue"],"mappings":";;AAEA,MAAMA,IAAc,MAEZ,gBAAAC,EAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAA,EAAgB,OAAO,MAAM,eAAc,mBAAkB;AAAA,EAC9D,gBAAAD,EAACC,GAAA,EAAgB,OAAO,OAAO,eAAc,eAAA,CAAe;AAAA,GAChE;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/Icon.tsx"],"sourcesContent":["import GrowShrinkValue from '@/components/shared/GrowShrinkValue'\n\nconst Icon = () => {\n    return (\n        <div className=\"flex gap-4\">\n            <GrowShrinkValue\n                value={21.12}\n                suffix=\"%\"\n                positiveIcon=\"+\"\n                negativeIcon=\"\"\n            />\n            <GrowShrinkValue\n                value={-21.12}\n                suffix=\"%\"\n                positiveIcon=\"+\"\n                negativeIcon=\"\"\n            />\n        </div>\n    )\n}\n\nexport default Icon\n"],"names":["Icon","jsxs","jsx","GrowShrinkValue"],"mappings":";;AAEA,MAAMA,IAAO,MAEL,gBAAAC,EAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,MACP,QAAO;AAAA,MACP,cAAa;AAAA,MACb,cAAa;AAAA,IAAA;AAAA,EAAA;AAAA,EAEjB,gBAAAD;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,MACP,QAAO;AAAA,MACP,cAAa;AAAA,MACb,cAAa;AAAA,IAAA;AAAA,EAAA;AACjB,GACJ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/GrowShrinkValueDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Basic from './Basic'\nimport Icon from './Icon'\nimport CustomClass from './CustomClass'\n\nconst mdPath = 'GrowShrinkValueDoc'\n\nconst demoHeader = {\n    title: 'GrowShrinkValue',\n    desc: 'GrowShrinkValue designed to display a numeric value that can indicate growth or shrinkage.',\n}\n\nconst demos = [\n    {\n        mdName: 'Basic',\n        mdPath: mdPath,\n        title: 'Basic',\n        desc: ``,\n        component: <Basic />,\n    },\n    {\n        mdName: 'Icon',\n        mdPath: mdPath,\n        title: 'Icon',\n        desc: ``,\n        component: <Icon />,\n    },\n    {\n        mdName: 'CustomClass',\n        mdPath: mdPath,\n        title: 'CustomClass',\n        desc: ``,\n        component: <CustomClass />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'GrowShrinkValue',\n        api: [\n            {\n                propName: 'showIcon',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to display up or down icon',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content before the value',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content next to the value',\n            },\n            {\n                propName: 'positiveIcon',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `<code>'^'</code>`,\n                desc: 'An icon or content to display when the <code>value</code> is positive',\n            },\n            {\n                propName: 'negativeIcon',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `<code>'v'</code>`,\n                desc: 'An icon or content to display when the <code>value</code> is negative',\n            },\n            {\n                propName: 'positiveClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Custom CSS class to apply when the <code>value</code> is positive.',\n            },\n            {\n                propName: 'negativeClass',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Custom CSS class to apply when the <code>value</code> is negative.',\n            },\n            {\n                propName: 'value',\n                type: `<code>number</code>`,\n                default: `<code>0</code>`,\n                desc: 'The numeric value to be displayed.',\n            },\n        ],\n    },\n]\n\nconst GrowShrinkValueDoc = () => {\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 GrowShrinkValueDoc\n"],"names":["mdPath","demoHeader","demos","Basic","Icon","CustomClass","demoApi","GrowShrinkValueDoc","jsx","DemoLayout"],"mappings":";;;;;AAOA,MAAMA,IAAS,sBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAM;AAAA,EAAA;AAAA,EAEtB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAH;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYI,GAAA,CAAA,CAAK;AAAA,EAAA;AAAA,EAErB;AAAA,IACI,QAAQ;AAAA,IACR,QAAAJ;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYK,GAAA,CAAA,CAAY;AAAA,EAAA;AAEhC,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAqB,MAEnB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQR;AAAA,IACR,OAAAC;AAAA,IACA,KAAKI;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/IconTextDoc/Example.tsx"],"sourcesContent":["import IconText from '@/components/shared/IconText'\nimport { HiClock } from 'react-icons/hi'\n\nconst Example = () => {\n    return (\n        <IconText\n            className=\"text-emerald-500 text-sm font-semibold\"\n            icon={<HiClock className=\"text-lg\" />}\n        >\n            In Progress\n        </IconText>\n    )\n}\n\nexport default Example\n"],"names":["Example","jsx","IconText","HiClock"],"mappings":";;;AAGA,MAAMA,IAAU,MAER,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,MAAM,gBAAAD,EAACE,GAAA,EAAQ,WAAU,UAAA,CAAU;AAAA,IACtC,UAAA;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/IconTextDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'IconTextDoc'\n\nconst demoHeader = {\n    title: 'IconText',\n    desc: 'IconText is a component that helpt to aligns icons with text.',\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: 'IconText',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'span'</code>`,\n                desc: 'Render element',\n            },\n            {\n                propName: 'icon',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Icon to display',\n            },\n        ],\n    },\n]\n\nconst IconTextDoc = () => {\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 IconTextDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","IconTextDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,eAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,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,IAAc,MAEZ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ImageGalleryDoc/Example.tsx"],"sourcesContent":["import ImageGallery from '@/components/shared/ImageGallery'\nimport { useState } from 'react'\n\nconst slides = [\n    { src: '/img/others/gallery/img-25.webp', title: 'Image 1' },\n    { src: '/img/others/gallery/img-26.webp', title: 'Image 2' },\n    { src: '/img/others/gallery/img-27.webp', title: 'Image 3' },\n]\n\nconst Example = () => {\n    const [currentIndex, setCurrentIndex] = useState(-1)\n\n    return (\n        <ImageGallery\n            index={currentIndex}\n            slides={\n                slides?.map((img) => {\n                    return {\n                        src: img.src,\n                    }\n                }) || []\n            }\n            onClose={() => setCurrentIndex(-1)}\n        >\n            <div className=\"grid grid-cols-3 gap-2\">\n                {slides?.map((img, index) => (\n                    <div\n                        key={img.title}\n                        data-src={img.src}\n                        className=\"cursor-pointer\"\n                        role=\"button\"\n                        onClick={() => setCurrentIndex(index)}\n                    >\n                        <img className=\"rounded-xl\" src={img.src} />\n                    </div>\n                ))}\n            </div>\n        </ImageGallery>\n    )\n}\n\nexport default Example\n"],"names":["slides","Example","currentIndex","setCurrentIndex","useState","jsx","ImageGallery","img","index"],"mappings":";;;AAGA,MAAMA,IAAS;AAAA,EACX,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AAAA,EACjD,EAAE,KAAK,mCAAmC,OAAO,UAAA;AACrD,GAEMC,IAAU,MAAM;AAClB,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAE;AAEnD,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAOJ;AAAA,MACP,SACIF,KAAA,gBAAAA,EAAQ,IAAI,CAACO,OACF;AAAA,QACH,KAAKA,EAAI;AAAA,MAAA,QAEX,CAAA;AAAA,MAEV,SAAS,MAAMJ,EAAgB,EAAE;AAAA,MAEjC,UAAA,gBAAAE,EAAC,SAAI,WAAU,0BACV,iCAAQ,IAAI,CAACE,GAAKC,MACf,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,YAAUE,EAAI;AAAA,UACd,WAAU;AAAA,UACV,MAAK;AAAA,UACL,SAAS,MAAMJ,EAAgBK,CAAK;AAAA,UAEpC,4BAAC,OAAA,EAAI,WAAU,cAAa,KAAKD,EAAI,IAAA,CAAK;AAAA,QAAA;AAAA,QANrCA,EAAI;AAAA,MAAA,GAQhB,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ImageGalleryDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'ImageGalleryDoc'\n\nconst demoHeader = {\n    title: 'ImageGallery',\n    desc: '<code>ImageGallery</code> component is a provides a simple and customizable image gallery with lightbox functionality. It is built on top of the <a class=\"text-primary\" href=\"https://yet-another-react-lightbox.com/\" target=\"_blank\">yet-another-react-lightbox</a> library, allowing for easy integration of image galleries with enhanced viewing experiences.',\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: 'ImageGallery',\n        api: [\n            {\n                propName: 'open',\n                type: 'boolean',\n                default: '',\n                desc: 'If <code>true</code>, the lightbox is open.',\n            },\n            {\n                propName: 'close',\n                type: '() => void',\n                default: '',\n                desc: 'A callback to close the lightbox.',\n            },\n            {\n                propName: 'index',\n                type: 'number',\n                default: '0',\n                desc: `Slide index.<br />\n                The lightbox reads this property when it opens (in this case the <code>index</code> prop determines the starting slide\n                index) and when either <code>slides</code> or <code>index</code> props change (in this case the <code>index</code> prop determines the\n                current slide index). In most cases, you do not need to provide this prop at all, as the lightbox maintains\n                its state internally. However, you may need to provide the <code>index</code> prop when you modify or completely\n                replace the <code>slides</code> array. To keep track of the current slide index, you can use the <code>on.view</code> callback.`,\n            },\n            {\n                propName: 'slides',\n                type: 'Slide[]',\n                default: '[]',\n                desc: `Slides to display in the lightbox. See <a href=\"#Slide\">Slide</a> for details.<br />\n                Please note that updating the <code>slides</code> array (or just changing the array reference) forces the lightbox\n                to update its state based on the current <code>slides</code> and <code>index</code> values. You can safely use a non-stable array\n                reference (i.e., <code>slides={[{ ... }]}</code> or <code>slides={items.map((item) => ({ ... }))}</code>) as long as the component\n                holding the lightbox does not re-render while the lightbox is open. However, if your component may\n                re-render, be sure to either provide the <code>slides</code> prop as a stable array reference (i.e., <code>const</code> in static\n                scope, or wrapped with <code>React.useState</code> or <code>React.useMemo</code>), or specify the current slide index in the\n                <code>index</code> prop.`,\n            },\n            {\n                propName: 'render',\n                type: 'Render',\n                default: '',\n                desc: 'Custom render functions. See <a href=\"#Render\">Render</a> for details.',\n            },\n            {\n                propName: 'plugins',\n                type: 'Plugin[]',\n                default: '',\n                desc: 'Enabled plugins.<br />Example: <span class=\"font-mono\">plugins={[Fullscreen, Video]}</span>',\n            },\n            {\n                propName: 'labels',\n                type: 'object',\n                default: '',\n                desc: `Custom UI labels / translations.<br />\n                Example: <span class=\"font-mono\">labels={{ Next: \"Next slide\" }}</span>`,\n            },\n            {\n                propName: 'toolbar',\n                type: `{<br />\n                &nbsp;&nbsp;buttons: (React.ReactNode | \"close\")[];<br />\n                }`,\n                default: `{ buttons: [\"close\"] }`,\n                desc: 'Toolbar settings.<br /><code>buttons</code> - buttons to render in the toolbar',\n            },\n            {\n                propName: 'carousel',\n                type: `{\n  finite?: boolean;\n  preload?: number;\n  padding?: string | number;\n  spacing?: string | number;\n  imageFit?: \"contain\" | \"cover\"\n  imageProps?: React.ImgHTMLAttributes<HTMLImageElement>\n}`,\n                default: `{ finite: false, preload: 2, padding: \"16px\", spacing: \"30%\", imageFit: \"contain\" }`,\n                desc: \"Carousel settings.<br /><code>finite</code> - if <code>true</code>, the lightbox carousel doesn't wrap around<br /><code>preload</code> - the lightbox preloads (2 * preload + 1) slides<br /><code>padding</code> - padding around each slide<br /><code>spacing</code> - spacing between slides<br /><code>imageFit</code> - <code>object-fit</code> setting for image slides<br /><code>imageProps</code> - custom image attributes\",\n            },\n            {\n                propName: 'animation',\n                type: `{<br />\n                &nbsp;&nbsp;fade?: number;<br />\n                &nbsp;&nbsp;swipe?: number;<br />\n                &nbsp;&nbsp;navigation?: number;<br />\n                &nbsp;&nbsp;easing?: {<br />\n                &nbsp;&nbsp;&nbsp;&nbsp;fade?: string;<br />\n                &nbsp;&nbsp;&nbsp;&nbsp;swipe?: string;<br />\n                &nbsp;&nbsp;&nbsp;&nbsp;navigation?: string;<br />\n                &nbsp;&nbsp;}<br />\n                }`,\n                default: `{ fade: 250, swipe: 500, easing: { fade: \"ease\", swipe: \"ease-out\", navigation: \"ease-in-out\" } }`,\n                desc: `Animation settings.<br /><code>fade</code> - fade-in / fade-out animation duration<br /><code>swipe</code> - swipe animation duration<br /><code>navigation</code> - override for <code>swipe</code> animation duration when using keyboard navigation or navigation buttons<br /><code>easing</code> - animation timing function settings<br /><code>fade</code> - fade-in / fade-out animation timing function<br /><code>swipe</code> - slide swipe animation timing function<br /><code>navigation</code> - slide navigation animation timing function (when using keyboard navigation or navigation buttons)`,\n            },\n            {\n                propName: 'controller',\n                type: `{<br />\n                &nbsp;&nbsp;ref?: React.ForwardedRef&lt;ControllerRef&gt;;<br />\n                &nbsp;&nbsp;focus?: boolean;<br />\n                &nbsp;&nbsp;aria?: boolean;<br />\n                &nbsp;&nbsp;touchAction?: \"none\" | \"pan-y\";<br />\n                &nbsp;&nbsp;closeOnPullUp?: boolean;<br />\n                &nbsp;&nbsp;closeOnPullDown?: boolean;<br />\n                &nbsp;&nbsp;closeOnBackdropClick?: boolean;<br />\n                }`,\n                default: `{ ref: null, focus: true, aria: false, touchAction: \"none\" }`,\n                desc: `Controller settings.<br /><code>ref</code> - lightbox controller ref<br /><code>focus</code> - deprecated, for internal use only<br /><code>aria</code> - if <code>true</code>, set ARIA attributes on the controller div<br /><code>touchAction</code> - deprecated, for internal use only<br /><code>closeOnPullUp</code> - if <code>true</code>, close the lightbox on pull-up gesture<br /><code>closeOnPullDown</code> - if <code>true</code>, close the lightbox on pull-down gesture<br /><code>closeOnBackdropClick</code> - if <code>true</code>, close the lightbox when the backdrop is clicked`,\n            },\n            {\n                propName: 'portal',\n                type: `{<br />\n                &nbsp;&nbsp;root?: DocumentFragment | Element | null;<br />\n                }`,\n                default: '',\n                desc: `Portal settings.<br /><code>root</code> - custom portal mount point. By default, the portal is mounted as a child of the document body.`,\n            },\n            {\n                propName: 'noScroll',\n                type: `{<br />\n                &nbsp;&nbsp;disabled?: boolean;<br />\n                }`,\n                default: '',\n                desc: `NoScroll module settings.<br />The NoScroll module is responsible for hiding the vertical scrollbar and preventing document <code>&lt;body/&gt;</code> from scrolling underneath the lightbox.<br /><code>disabled</code> - if <code>true</code>, the NoScroll module functionality is disabled`,\n            },\n            {\n                propName: 'on',\n                type: `{<br />\n                &nbsp;&nbsp;view?: ({ index }: { index: number }) => void;<br />\n                &nbsp;&nbsp;click?: ({ index }: { index: number }) => void;<br />\n                &nbsp;&nbsp;entering?: () => void;<br />\n                &nbsp;&nbsp;entered?: () => void;<br />\n                &nbsp;&nbsp;exiting?: () => void;<br />\n                &nbsp;&nbsp;exited?: () => void;<br />\n                }`,\n                default: '',\n                desc: `Lifecycle callbacks.<br /><code>view</code> - a callback called when a slide becomes active<br /><code>click</code> - a callback called when a slide is clicked<br /><code>entering</code> - a callback called when the portal starts opening<br /><code>entered</code> - a callback called when the portal opens<br /><code>exiting</code> - a callback called when the portal starts closing<br /><code>exited</code> - a callback called when the portal closes`,\n            },\n        ],\n    },\n]\n\nconst ImageGalleryDoc = () => {\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 ImageGalleryDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","ImageGalleryDoc","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,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;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA;AAAA,MAOV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA;AAAA,MASV;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;AAAA,MAAA;AAAA,MAGV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA,QAGN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAUN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA,QAGN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA,QAGN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAkB,MAEhB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/LoadingDoc/Basic.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\nimport Loading from '@/components/shared/Loading'\n\nconst Basic = () => {\n    const [isLoading, setIsLoading] = useState(true)\n\n    return (\n        <>\n            <div className=\"flex items-center mb-4 gap-2\">\n                <span>Loading State: </span>\n                <Switcher\n                    checked={isLoading}\n                    onChange={(checked) => setIsLoading(checked)}\n                />\n            </div>\n            <Loading loading={isLoading}>\n                <div className=\"text-center\">Finish loading</div>\n            </Loading>\n        </>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","isLoading","setIsLoading","useState","jsxs","Fragment","jsx","Switcher","checked","Loading"],"mappings":";;;;;AAIA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAE/C,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,UAAK,UAAA,kBAAA,CAAe;AAAA,MACrB,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,SAASN;AAAA,UACT,UAAU,CAACO,MAAYN,EAAaM,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C,GACJ;AAAA,IACA,gBAAAF,EAACG,KAAQ,SAASR,GACd,4BAAC,OAAA,EAAI,WAAU,eAAc,UAAA,iBAAA,CAAc,EAAA,CAC/C;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/LoadingDoc/Cover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cover.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/LoadingDoc/Cover.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\nimport Alert from '@/components/ui/Alert'\nimport Loading from '@/components/shared/Loading'\n\nconst Cover = () => {\n    const [isLoading, setIsLoading] = useState(true)\n\n    return (\n        <>\n            <div className=\"flex items-center mb-4 gap-2\">\n                <span>Loading State: </span>\n                <Switcher\n                    checked={isLoading}\n                    onChange={(checked) => setIsLoading(checked)}\n                />\n            </div>\n            <Loading loading={isLoading} type=\"cover\">\n                <Alert showIcon type=\"info\" title=\"Alert!\">\n                    Additional description and information about copywriting.\n                </Alert>\n            </Loading>\n        </>\n    )\n}\n\nexport default Cover\n"],"names":["Cover","isLoading","setIsLoading","useState","jsxs","Fragment","jsx","Switcher","checked","Loading","Alert"],"mappings":";;;;;;;AAKA,MAAMA,IAAQ,MAAM;AAChB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAE/C,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,UAAK,UAAA,kBAAA,CAAe;AAAA,MACrB,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,SAASN;AAAA,UACT,UAAU,CAACO,MAAYN,EAAaM,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C,GACJ;AAAA,IACA,gBAAAF,EAACG,GAAA,EAAQ,SAASR,GAAW,MAAK,SAC9B,UAAA,gBAAAK,EAACI,GAAA,EAAM,UAAQ,IAAC,MAAK,QAAO,OAAM,UAAS,uEAE3C,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/@ecme/views/guide/SharedComponentsDoc/components/LoadingDoc/Custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Custom.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/LoadingDoc/Custom.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Switcher from '@/components/ui/Switcher'\nimport Loading from '@/components/shared/Loading'\n\nconst Custom = () => {\n    const [isLoading, setIsLoading] = useState(true)\n\n    return (\n        <>\n            <div className=\"flex items-center mb-4 gap-2\">\n                <span>Loading State: </span>\n                <Switcher\n                    checked={isLoading}\n                    onChange={(checked) => setIsLoading(checked)}\n                />\n            </div>\n            <Loading\n                loading={isLoading}\n                customLoader={\n                    <div className=\"flex items-center justify-center p-5\">\n                        <div className=\"flex space-x-2 animate-pulse\">\n                            <div className=\"w-2 h-2 bg-indigo-600 rounded-full\"></div>\n                            <div className=\"w-2 h-2 bg-indigo-600 rounded-full\"></div>\n                            <div className=\"w-2 h-2 bg-indigo-600 rounded-full\"></div>\n                        </div>\n                    </div>\n                }\n            >\n                <div className=\"text-center\">Finish loading</div>\n            </Loading>\n        </>\n    )\n}\n\nexport default Custom\n"],"names":["Custom","isLoading","setIsLoading","useState","jsxs","Fragment","jsx","Switcher","checked","Loading"],"mappings":";;;;;AAIA,MAAMA,IAAS,MAAM;AACjB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAE/C,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,UAAK,UAAA,kBAAA,CAAe;AAAA,MACrB,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,SAASN;AAAA,UACT,UAAU,CAACO,MAAYN,EAAaM,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C,GACJ;AAAA,IACA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,SAASR;AAAA,QACT,gCACK,OAAA,EAAI,WAAU,wCACX,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,gCACX,UAAA;AAAA,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,UACpD,gBAAAA,EAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,UACpD,gBAAAA,EAAC,OAAA,EAAI,WAAU,qCAAA,CAAqC;AAAA,QAAA,EAAA,CACxD,EAAA,CACJ;AAAA,QAGJ,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,eAAc,UAAA,iBAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/C,GACJ;AAER;"}