npm - @orbe-agro/client-core - Versions diffs - 5.3.13 → 5.3.25 - Mend

@orbe-agro/client-core 5.3.13 → 5.3.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1869) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ActionLinkDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Basic from './Basic'\r\nimport ThemeColor from './ThemeColor'\r\nimport Hyperlink from './Hyperlink'\r\n\r\nconst mdPath = 'ActionLinkDoc'\r\n\r\nconst demoHeader = {\r\n title: 'ActionLink',\r\n desc: 'ActionLink lets the user navigate to another page by clicking or tapping on it.',\r\n}\r\n\r\nconst demos = [\r\n {\r\n mdName: 'Basic',\r\n mdPath: mdPath,\r\n title: 'Basic',\r\n desc: `Basic usage.`,\r\n component: <Basic />,\r\n },\r\n {\r\n mdName: 'ThemeColor',\r\n mdPath: mdPath,\r\n title: 'Theme color',\r\n desc: `You can disable the default theme color applied to the ActionLink by setting <code>themeColor</code> to false.`,\r\n component: <ThemeColor />,\r\n },\r\n {\r\n mdName: 'Hyperlink',\r\n mdPath: mdPath,\r\n title: 'Hyperlink',\r\n desc: `You can use ActionLink as hyperlink as well without using <code>to</code> props to define the destination.`,\r\n component: <Hyperlink />,\r\n },\r\n]\r\n\r\nconst demoApi = [\r\n {\r\n component: 'ActionLink',\r\n api: [\r\n {\r\n propName: 'replace',\r\n type: `<code>boolean</code>`,\r\n default: `-`,\r\n desc: 'When true, clicking the link will replace the current entry in the history stack instead of adding a new one',\r\n },\r\n {\r\n propName: 'state',\r\n type: `<code>any</code>`,\r\n default: `-`,\r\n desc: 'State to persist to the location as <code>Link</code> component in <code>react-router</code>',\r\n },\r\n {\r\n propName: 'themeColor',\r\n type: `<code>boolean</code>`,\r\n default: `<code>true</code>`,\r\n desc: 'Whether to apply theme color on this link',\r\n },\r\n {\r\n propName: 'to',\r\n type: `<code>string</code> \| <code>{pathName: string, search: string, hash: string}</code>`,\r\n default: `-`,\r\n desc: 'Describes a location that is the destination of some navigation',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nconst ActionLinkDoc = () => {\r\n return (\r\n <DemoLayout\r\n innerFrame={false}\r\n header={demoHeader}\r\n demos={demos}\r\n api={demoApi}\r\n mdPrefixPath=\"shared\"\r\n />\r\n )\r\n}\r\n\r\nexport default ActionLinkDoc\r\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;"}
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 CHANGED Viewed

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AdaptiveCardDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Basic from './Basic'\r\n\r\nconst mdPath = 'AdaptiveCardDoc'\r\n\r\nconst demoHeader = {\r\n title: 'AdaptableCard',\r\n desc: 'A card component that can adapt on different layout & background.',\r\n}\r\n\r\nconst demos = [\r\n {\r\n mdName: 'Basic',\r\n mdPath: mdPath,\r\n title: 'Basic',\r\n desc: ``,\r\n component: <Basic />,\r\n },\r\n]\r\n\r\nconst demoApi = [\r\n {\r\n component: 'AdaptableCard',\r\n api: [\r\n {\r\n propName: 'header',\r\n type: `<code>{ content?: string \| ReactNode, className?: string, bordered?: boolean, extra?: string \| ReactNode }</code>`,\r\n default: `-`,\r\n desc: 'Card header config',\r\n },\r\n {\r\n propName: 'footer',\r\n type: `<code>{ content?: string \| ReactNode, className?: string, bordered?: boolean }</code>`,\r\n default: `-`,\r\n desc: 'Card footer config',\r\n },\r\n {\r\n propName: 'bordered',\r\n type: `<code>boolean</code>`,\r\n default: `<code>false</code>`,\r\n desc: 'Display Card with border (without shadow)',\r\n },\r\n {\r\n propName: 'clickable',\r\n type: `<code>boolean</code>`,\r\n default: `<code>false</code>`,\r\n desc: 'Make cursor become pointer upon hover',\r\n },\r\n {\r\n propName: 'bodyClass',\r\n type: `<code>string</code>`,\r\n default: `-`,\r\n desc: 'Apply class to card body',\r\n },\r\n {\r\n propName: 'onClick',\r\n type: `<code>(e: MouseEvent) => void</code>`,\r\n default: `<code>-</code>`,\r\n desc: 'Callback when Card is clicked',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nconst AdaptableCardDoc = () => {\r\n return (\r\n <DemoLayout\r\n innerFrame={false}\r\n header={demoHeader}\r\n demos={demos}\r\n api={demoApi}\r\n mdPrefixPath=\"shared\"\r\n />\r\n )\r\n}\r\n\r\nexport default AdaptableCardDoc\r\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;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/Basic.tsx"],"sourcesContent":["import Affix from '@/components/shared/Affix'\r\nimport Button from '@/components/ui/Button'\r\n\r\nconst Basic = () => {\r\n return (\r\n <div className=\"flex flex-col justify-between\">\r\n <Affix className=\"z-50\">\r\n <Button variant=\"solid\">This will stick to top</Button>\r\n </Affix>\r\n <div className=\"text-xl\">\r\n <br />\r\n Scroll down\r\n <br />\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n <br />\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Basic\r\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;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Offset.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/Offset.tsx"],"sourcesContent":["import Affix from '@/components/shared/Affix'\r\nimport Button from '@/components/ui/Button'\r\n\r\nconst Offset = () => {\r\n return (\r\n <div className=\"flex flex-col justify-between\">\r\n <Affix offset={80} className=\"z-50\">\r\n <Button variant=\"solid\">\r\n This will stick to top with 80px offset\r\n </Button>\r\n </Affix>\r\n <div className=\"text-xl\">\r\n <br />\r\n Scroll down\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n 👇\r\n <br />\r\n <br />\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\nexport default Offset\r\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;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AffixDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Basic from './Basic'\r\nimport Offset from './Offset'\r\n\r\nconst mdPath = 'AffixDoc'\r\n\r\nconst demoHeader = {\r\n title: 'Affix',\r\n desc: 'Affix renders elemetns stick with a fixed position',\r\n}\r\n\r\nconst demos = [\r\n {\r\n mdName: 'Basic',\r\n mdPath: mdPath,\r\n title: 'Basic',\r\n desc: `Basic usage`,\r\n component: <Basic />,\r\n },\r\n {\r\n mdName: 'Offset',\r\n mdPath: mdPath,\r\n title: 'Offset',\r\n desc: `with offset`,\r\n component: <Offset />,\r\n },\r\n]\r\n\r\nconst demoApi = [\r\n {\r\n component: 'Affix',\r\n api: [\r\n {\r\n propName: 'offset',\r\n type: `<code>number</code>`,\r\n default: `-`,\r\n desc: 'Offset from the top of the viewport (px as unit) ',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nconst AffixDoc = () => {\r\n return (\r\n <DemoLayout\r\n innerFrame={false}\r\n header={demoHeader}\r\n demos={demos}\r\n api={demoApi}\r\n mdPrefixPath=\"shared\"\r\n />\r\n )\r\n}\r\n\r\nexport default AffixDoc\r\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;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Example.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AuthorityCheckDoc/Example.tsx"],"sourcesContent":["import AuthorityCheck from '@/components/shared/AuthorityCheck'\r\n\r\nconst Example = () => {\r\n const permissionRole = ['ADMIN', 'USER']\r\n\r\n const users = [\r\n {\r\n name: 'User A',\r\n roles: ['ADMIN'],\r\n color: 'text-indigo-500',\r\n },\r\n {\r\n name: 'User B',\r\n roles: ['USER'],\r\n color: 'text-emerald-500',\r\n },\r\n {\r\n name: 'User C',\r\n roles: ['GUEST'],\r\n color: 'text-rose-500',\r\n },\r\n {\r\n name: 'User D',\r\n roles: ['ADMIN', 'USER'],\r\n color: 'text-blue-500',\r\n },\r\n ]\r\n\r\n return (\r\n <>\r\n <h6 className=\"mb-4\">Users with different role</h6>\r\n <div className=\"flex flex-col gap-2\">\r\n {users.map((user, index) => (\r\n <div key={index}>\r\n <span className={user.color}>{user.name}</span>: {` `}\r\n <span className=\"font-semibold\">\r\n {user.roles.toString()}\r\n </span>\r\n </div>\r\n ))}\r\n </div>\r\n <hr className=\"my-4\" />\r\n <div className=\"mb-4\">\r\n <span>Roles who can access: {` `}</span>\r\n <span className=\"font-semibold\">\r\n {permissionRole.toString()}\r\n </span>\r\n </div>\r\n <div>\r\n <span>Result (Users who able to access): </span>\r\n {users.map((user) => (\r\n <AuthorityCheck\r\n key={user.name}\r\n authority={permissionRole}\r\n userAuthority={user.roles}\r\n >\r\n <span className={`${user.color} font-semibold`}>\r\n {user.name},{' '}\r\n </span>\r\n </AuthorityCheck>\r\n ))}\r\n </div>\r\n </>\r\n )\r\n}\r\n\r\nexport default Example\r\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;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/AuthorityCheckDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'AuthorityCheckDoc'\r\n\r\nconst demoHeader = {\r\n title: 'AuthorityCheck',\r\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.',\r\n}\r\n\r\nconst demos = [\r\n {\r\n mdName: 'Example',\r\n mdPath: mdPath,\r\n title: 'Example',\r\n desc: `example usage`,\r\n component: <Example />,\r\n },\r\n]\r\n\r\nconst demoApi = [\r\n {\r\n component: 'AuthorityCheck',\r\n api: [\r\n {\r\n propName: 'authority',\r\n type: `<code>Array</code>`,\r\n default: `<code>[]</code>`,\r\n desc: 'List of roles that have rights to access the wrapped elements',\r\n },\r\n {\r\n propName: 'userAuthority',\r\n type: `<code>Array</code>`,\r\n default: `<code>[]</code>`,\r\n desc: 'List of the user roles',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nconst AuthorityCheckDoc = () => {\r\n return (\r\n <DemoLayout\r\n innerFrame={false}\r\n header={demoHeader}\r\n demos={demos}\r\n api={demoApi}\r\n mdPrefixPath=\"shared\"\r\n />\r\n )\r\n}\r\n\r\nexport default AuthorityCheckDoc\r\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;"}
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 CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CalendarViewDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'CalendarViewDoc'\r\n\r\nconst demoHeader = {\r\n title: 'CalendarView',\r\n desc: 'CalenderView component is a wrapper of <a class=\"text-primary underline\" href=\"https://fullcalendar.io/docs/react\" target=\"_blank\">FullCalendar</a>.',\r\n}\r\n\r\nconst demos = [\r\n {\r\n mdName: 'Example',\r\n mdPath: mdPath,\r\n title: 'Example',\r\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.`,\r\n component: <Example />,\r\n },\r\n]\r\n\r\nconst demoApi = [\r\n {\r\n component: 'CalendarView',\r\n api: [\r\n {\r\n propName: 'wrapperClass',\r\n type: `<code>string</code>`,\r\n default: `-`,\r\n desc: 'Extra class add to the wrapper',\r\n },\r\n ],\r\n },\r\n {\r\n component: 'Extra properties for event prop',\r\n api: [\r\n {\r\n propName: 'eventColors ',\r\n type: `<code>(colors:EventColors) => EventColors</code>`,\r\n default: `-`,\r\n desc: 'A callback for redefine the event color list',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nconst reactFullCalendarApi = (\r\n <div className=\"demo-api-table mb-12\">\r\n <h4 className=\"mb-5\">Dependencies</h4>\r\n <h6 id=\"react-syntax-highlighter-api\" className=\"mb-3\">\r\n Fullcalendar\r\n </h6>\r\n <p>\r\n All fullcalendar props can be applied on this component, refer{' '}\r\n <a\r\n className=\"underline text-primary\"\r\n href=\"https://fullcalendar.io/docs/react#props\"\r\n target=\"_blank\"\r\n rel=\"noreferrer\"\r\n >\r\n official docs\r\n </a>{' '}\r\n for the complete api list.{' '}\r\n </p>\r\n </div>\r\n)\r\n\r\nconst CalendarViewDoc = () => {\r\n return (\r\n <DemoLayout\r\n innerFrame={false}\r\n header={demoHeader}\r\n demos={demos}\r\n api={demoApi}\r\n mdPrefixPath=\"shared\"\r\n extra={reactFullCalendarApi}\r\n />\r\n )\r\n}\r\n\r\nexport default CalendarViewDoc\r\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;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Area.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Area.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\r\n\r\nconst Area = () => {\r\n const visitorChartData = {\r\n series: [\r\n {\r\n name: 'Session Duration',\r\n data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],\r\n },\r\n {\r\n name: 'Page Views',\r\n data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35],\r\n },\r\n ],\r\n categories: [\r\n '01 Jan',\r\n '02 Jan',\r\n '03 Jan',\r\n '04 Jan',\r\n '05 Jan',\r\n '06 Jan',\r\n '07 Jan',\r\n '08 Jan',\r\n '09 Jan',\r\n '10 Jan',\r\n '11 Jan',\r\n '12 Jan',\r\n ],\r\n }\r\n return (\r\n <Chart\r\n type=\"area\"\r\n series={visitorChartData.series}\r\n xAxis={visitorChartData.categories}\r\n height={400}\r\n />\r\n )\r\n}\r\n\r\nexport default Area\r\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;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Bar.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Bar.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\r\n\r\nconst Bar = () => {\r\n const uniqueVisitorsData = {\r\n series: [\r\n {\r\n name: 'Session Duration',\r\n data: [45, 52, 38, 24, 33, 26, 21],\r\n },\r\n {\r\n name: 'Page Views',\r\n data: [35, 41, 62, 42, 13, 18, 29],\r\n },\r\n ],\r\n categories: [\r\n '01 Jan',\r\n '02 Jan',\r\n '03 Jan',\r\n '04 Jan',\r\n '05 Jan',\r\n '06 Jan',\r\n '07 Jan',\r\n ],\r\n }\r\n\r\n return (\r\n <Chart\r\n series={uniqueVisitorsData.series}\r\n xAxis={uniqueVisitorsData.categories}\r\n height={410}\r\n type=\"bar\"\r\n customOptions={{\r\n colors: ['#ef4444', '#10b981'],\r\n }}\r\n />\r\n )\r\n}\r\n\r\nexport default Bar\r\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;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Donut.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Donut.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\r\n\r\nconst Donut = () => {\r\n const data = {\r\n labels: ['Item A', 'Item B', 'Item C'],\r\n values: [15032, 11246, 8273],\r\n coinSymbol: ['A', 'B', 'C'],\r\n }\r\n\r\n return (\r\n <Chart\r\n donutTitle={`$${data.values.reduce((a, b) => a + b, 0)}`}\r\n donutText=\"Assets\"\r\n series={data.values}\r\n customOptions={{ labels: data.labels }}\r\n type=\"donut\"\r\n height={230}\r\n />\r\n )\r\n}\r\n\r\nexport default Donut\r\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;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Line.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Line.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\r\n\r\nconst Line = () => {\r\n const visitorChartData = {\r\n series: [\r\n {\r\n name: 'Session Duration',\r\n data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],\r\n },\r\n {\r\n name: 'Page Views',\r\n data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35],\r\n },\r\n ],\r\n categories: [\r\n '01 Jan',\r\n '02 Jan',\r\n '03 Jan',\r\n '04 Jan',\r\n '05 Jan',\r\n '06 Jan',\r\n '07 Jan',\r\n '08 Jan',\r\n '09 Jan',\r\n '10 Jan',\r\n '11 Jan',\r\n '12 Jan',\r\n ],\r\n }\r\n return (\r\n <Chart\r\n series={visitorChartData.series}\r\n xAxis={visitorChartData.categories}\r\n height={400}\r\n />\r\n )\r\n}\r\n\r\nexport default Line\r\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;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Radar.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Radar.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\r\n\r\nconst Radar = () => {\r\n const chartData = {\r\n series: [\r\n {\r\n name: 'Series 1',\r\n data: [80, 50, 30, 40, 100, 20],\r\n },\r\n ],\r\n categories: ['January', 'February', 'March', 'April', 'May', 'June'],\r\n }\r\n return (\r\n <Chart\r\n type=\"radar\"\r\n series={chartData.series}\r\n xAxis={chartData.categories}\r\n height={400}\r\n />\r\n )\r\n}\r\n\r\nexport default Radar\r\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;"}
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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Line from './Line'\r\nimport Bar from './Bar'\r\nimport Area from './Area'\r\nimport Donut from './Donut'\r\nimport Radar from './Radar'\r\n\r\nconst mdPath = 'ChartDoc'\r\n\r\nconst demoHeader = {\r\n title: 'Chart',\r\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.',\r\n}\r\n\r\nconst demos = [\r\n {\r\n mdName: 'Line',\r\n mdPath: mdPath,\r\n title: 'Line',\r\n desc: ``,\r\n component: <Line />,\r\n },\r\n {\r\n mdName: 'Bar',\r\n mdPath: mdPath,\r\n title: 'Bar',\r\n desc: ``,\r\n component: <Bar />,\r\n },\r\n {\r\n mdName: 'Area',\r\n mdPath: mdPath,\r\n title: 'Area',\r\n desc: ``,\r\n component: <Area />,\r\n },\r\n {\r\n mdName: 'Donut',\r\n mdPath: mdPath,\r\n title: 'Donut',\r\n desc: ``,\r\n component: <Donut />,\r\n },\r\n {\r\n mdName: 'Radar',\r\n mdPath: mdPath,\r\n title: 'Radar',\r\n desc: ``,\r\n component: <Radar />,\r\n },\r\n]\r\n\r\nconst demoApi = [\r\n {\r\n component: 'Chart',\r\n api: [\r\n {\r\n propName: 'customOptions',\r\n type: `<a class=\"text-primary underline\" href=\"https://apexcharts.com/docs/options/annotations/\" target=\"_blank\">Apexcharts option</a>`,\r\n default: `-`,\r\n desc: 'Custom options for chart',\r\n },\r\n {\r\n propName: 'donutTitle',\r\n type: `<code>string</code>`,\r\n default: `-`,\r\n desc: 'Title inside donut chart',\r\n },\r\n {\r\n propName: 'height',\r\n type: `<code>string</code> \| <code>number</code>`,\r\n default: `-`,\r\n desc: 'Chart height',\r\n },\r\n {\r\n propName: 'series',\r\n type: `<a class=\"text-primary underline\" href=\"https://apexcharts.com/docs/series/\" target=\"_blank\">Apexcharts Series</a>`,\r\n default: `-`,\r\n desc: 'Chart series',\r\n },\r\n {\r\n propName: 'type',\r\n type: `<code>'line'</code> \| <code>'bar'</code> \| <code>'area'</code> \| <code>'donut'</code> \| <code>'radar'</code>`,\r\n default: `-`,\r\n desc: 'Chart type',\r\n },\r\n {\r\n propName: 'width',\r\n type: `<code>string</code> \| <code>number</code>`,\r\n default: `-`,\r\n desc: 'Chart width',\r\n },\r\n {\r\n propName: 'xAxis',\r\n type: `<a class=\"text-primary underline\" href=\"https://apexcharts.com/docs/options/xaxis/\" target=\"_blank\">Apexcharts xAxis</a>`,\r\n default: `-`,\r\n desc: 'Chart xAxis',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nconst ChartDoc = () => {\r\n return (\r\n <DemoLayout\r\n innerFrame={false}\r\n header={demoHeader}\r\n demos={demos}\r\n api={demoApi}\r\n mdPrefixPath=\"shared\"\r\n />\r\n )\r\n}\r\n\r\nexport default ChartDoc\r\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;"}
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 CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ConfirmDialogDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'ConfirmDialogDoc'\r\n\r\nconst demoHeader = {\r\n title: 'ConfirmDialog',\r\n desc: 'ConfirmDialog is premade dialog that use for confirmation.',\r\n}\r\n\r\nconst demos = [\r\n {\r\n mdName: 'Example',\r\n mdPath: mdPath,\r\n title: 'Example',\r\n desc: `Example usage.`,\r\n component: <Example />,\r\n },\r\n]\r\n\r\nconst demoApi = [\r\n {\r\n component: 'ConfirmDialog',\r\n api: [\r\n {\r\n propName: 'cancelText',\r\n type: `<code>string</code>`,\r\n default: `<code>'Cancel'</code>`,\r\n desc: 'Cancel button text',\r\n },\r\n {\r\n propName: 'cancelButtonProps',\r\n type: `ButtonProps`,\r\n default: '-',\r\n desc: 'Apply Button props to cancel button',\r\n },\r\n {\r\n propName: 'confirmButtonProps',\r\n type: `ButtonProps`,\r\n default: '-',\r\n desc: 'Apply Button props to confirm button',\r\n },\r\n {\r\n propName: 'confirmText',\r\n type: `<code>string</code>`,\r\n default: `<code>'Confirm'</code>`,\r\n desc: 'Confirm button text',\r\n },\r\n {\r\n propName: 'onCancel',\r\n type: `<code>() => void</code>`,\r\n default: `-`,\r\n desc: 'Callback function after click on cancel button',\r\n },\r\n {\r\n propName: 'onConfirm',\r\n type: `<code>() => void</code>`,\r\n default: `-`,\r\n desc: 'Callback function after click on confirm button',\r\n },\r\n {\r\n propName: 'title',\r\n type: `<code>string</code>`,\r\n default: `<code>'info'</code>`,\r\n desc: 'Title of confirmation',\r\n },\r\n {\r\n propName: 'type',\r\n type: `<code>'info'</code> \| <code>'success'</code> \| <code>'warning'</code> \| <code>'danger'</code>`,\r\n default: `<code>'info'</code>`,\r\n desc: 'Type of confirmation',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nconst ConfirmDialogDoc = () => {\r\n return (\r\n <DemoLayout\r\n innerFrame={false}\r\n header={demoHeader}\r\n demos={demos}\r\n api={demoApi}\r\n mdPrefixPath=\"shared\"\r\n />\r\n )\r\n}\r\n\r\nexport default ConfirmDialogDoc\r\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;"}
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 CHANGED Viewed

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ContainerDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Example from './Example'\r\n\r\nconst mdPath = 'ContainerDoc'\r\n\r\nconst demoHeader = {\r\n title: 'Container',\r\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.',\r\n}\r\n\r\nconst demos = [\r\n {\r\n mdName: 'Example',\r\n mdPath: mdPath,\r\n title: 'Example',\r\n desc: `Example usage`,\r\n component: <Example />,\r\n },\r\n]\r\n\r\nconst demoApi = [\r\n {\r\n component: 'Container',\r\n api: [\r\n {\r\n propName: 'asElement',\r\n type: `<code>string</code>`,\r\n default: `<code>'div'</code>`,\r\n desc: 'Render element',\r\n },\r\n ],\r\n },\r\n]\r\n\r\nconst ContainerDoc = () => {\r\n return (\r\n <DemoLayout\r\n innerFrame={false}\r\n header={demoHeader}\r\n demos={demos}\r\n api={demoApi}\r\n mdPrefixPath=\"shared\"\r\n />\r\n )\r\n}\r\n\r\nexport default ContainerDoc\r\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;"}
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 CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"WithForm.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/WithForm.tsx"],"sourcesContent":["import Button from '@/components/ui/Button'\r\nimport { Form, FormItem } from '@/components/ui/Form'\r\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\r\nimport { useForm, Controller } from 'react-hook-form'\r\n\r\nfunction limit(val: string, max: string) {\r\n if (val.length === 1 && val[0] > max[0]) {\r\n val = '0' + val\r\n }\r\n\r\n if (val.length === 2) {\r\n if (Number(val) === 0) {\r\n val = '01'\r\n } else if (val > max) {\r\n val = max\r\n }\r\n }\r\n\r\n return val\r\n}\r\n\r\nfunction cardExpiryFormat(val: string) {\r\n const month = limit(val.substring(0, 2), '12')\r\n const date = limit(val.substring(2, 4), '31')\r\n\r\n return month + (date.length ? '/' + date : '')\r\n}\r\n\r\nconst WithForm = () => {\r\n const {\r\n handleSubmit,\r\n formState: { errors },\r\n control,\r\n } = useForm<{ cardExpiry?: string }>()\r\n\r\n const onSubmit = (value: { cardExpiry?: string }) => {\r\n console.log(value)\r\n }\r\n\r\n return (\r\n <Form className=\"mt-6\" onSubmit={handleSubmit(onSubmit)}>\r\n <FormItem\r\n label=\"Expiration date\"\r\n invalid={Boolean(errors.cardExpiry)}\r\n errorMessage={errors.cardExpiry?.message}\r\n >\r\n <Controller\r\n name=\"cardExpiry\"\r\n control={control}\r\n render={({ field }) => (\r\n <FormCustomFormatInput\r\n placeholder=\"••/••\"\r\n format={cardExpiryFormat}\r\n value={field.value}\r\n onValueChange={(e) => {\r\n field.onChange(e.value)\r\n }}\r\n />\r\n )}\r\n />\r\n </FormItem>\r\n <Button block variant=\"solid\" type=\"submit\">\r\n Submit\r\n </Button>\r\n </Form>\r\n )\r\n}\r\n\r\nexport default WithForm\r\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;"}
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,EACrB,CAG0D,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,gBAC1B;AAAA,cAAA;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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\r\n\r\n// Demo\r\nimport Simple from './Simple'\r\nimport WithForm from './WithForm'\r\n\r\nconst mdPath = 'CustomFormatInputDoc'\r\n\r\nconst demoHeader = {\r\n title: 'FormCustomFormatInput',\r\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>.',\r\n}\r\n\r\nconst demos = [\r\n {\r\n mdName: 'Simple',\r\n mdPath: mdPath,\r\n title: 'Simple',\r\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.`,\r\n component: <Simple />,\r\n },\r\n {\r\n mdName: 'WithForm',\r\n mdPath: mdPath,\r\n title: 'WithForm',\r\n desc: `Example usage with <a class=\"text-primary underline\" href=\"https://react-hook-form.com/docs/useform\" target=\"_blank\">React Hook Form</a>`,\r\n component: <WithForm />,\r\n },\r\n]\r\n\r\nconst demoApi = [\r\n {\r\n component: 'FormCustomFormatInput',\r\n api: [\r\n {\r\n propName: 'inputPrefix',\r\n type: `<code>string</code> \| <code>ReactNode</code>`,\r\n default: `-`,\r\n desc: 'Render a prefix content inside Input',\r\n },\r\n {\r\n propName: 'inputSuffix',\r\n type: `<code>string</code> \| <code>ReactNode</code>`,\r\n default: `-`,\r\n desc: 'Render a suffix content inside Input',\r\n },\r\n {\r\n propName: 'format',\r\n type: `<code>(value: string) => string</code>`,\r\n default: `-`,\r\n desc: 'A format function which can turn any numeric string to a formatted string.',\r\n },\r\n {\r\n propName: 'removeFormatting',\r\n type: `<code>(value: string) => string</code>`,\r\n default: `-`,\r\n desc: 'A function to removing formatting from a formatted string and return numeric string.',\r\n },\r\n {\r\n propName: 'getCaretBoundary',\r\n type: `<code>(formattedValue: string) => boolean[]</code>`,\r\n default: `-`,\r\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.',\r\n },\r\n {\r\n propName: 'isValidInputCharacter',\r\n type: `<code>(character: string) => boolean</code>`,\r\n default: `-`,\r\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.`,\r\n },\r\n ],\r\n },\r\n]\r\n\r\nconst reactNumberFormatApi = (\r\n <div className=\"demo-api-table mb-12\">\r\n <h4 className=\"mb-5\">Dependencies</h4>\r\n <h6 id=\"react-number-format-api\" className=\"mb-3\">\r\n React number format\r\n </h6>\r\n <p>\r\n All common React number format props can be applied on this\r\n component, refer{' '}\r\n <a\r\n className=\"underline text-primary\"\r\n href=\"https://s-yadav.github.io/react-number-format/docs/props\"\r\n target=\"_blank\"\r\n rel=\"noreferrer\"\r\n >\r\n official docs\r\n </a>{' '}\r\n for the complete this.props.first list.{' '}\r\n </p>\r\n </div>\r\n)\r\n\r\nconst CustomFormatInputDoc = () => {\r\n return (\r\n <DemoLayout\r\n innerFrame={false}\r\n header={demoHeader}\r\n demos={demos}\r\n api={demoApi}\r\n mdPrefixPath=\"shared\"\r\n extra={reactNumberFormatApi}\r\n />\r\n )\r\n}\r\n\r\nexport default CustomFormatInputDoc\r\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;"}
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 CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkable.js","sources":["../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Checkable.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\r\nimport Button from '@/components/ui/Button'\r\nimport DataTable from '@/components/shared/DataTable'\r\nimport { apiGetCustomersList } from '@/services/CustomersService'\r\nimport type {\r\n ColumnDef,\r\n OnSortParam,\r\n CellContext,\r\n Row,\r\n} from '@/components/shared/DataTable'\r\n\r\ntype Customer = {\r\n id: string\r\n name: string\r\n email: string\r\n}\r\n\r\nconst Checkable = () => {\r\n const [data, setData] = useState<Customer[]>([])\r\n const [loading, setLoading] = useState(false)\r\n const [selectedRows, setSelectedRows] = useState<string[]>([])\r\n const [tableData, setTableData] = useState<{\r\n pageIndex: number\r\n pageSize: number\r\n sort: {\r\n order: '' \| 'asc' \| 'desc'\r\n key: string \| number\r\n }\r\n query: string\r\n total: number\r\n }>({\r\n total: 0,\r\n pageIndex: 1,\r\n pageSize: 10,\r\n query: '',\r\n sort: {\r\n order: '',\r\n key: '',\r\n },\r\n })\r\n\r\n const handleAction = (cellProps: CellContext<Customer, unknown>) => {\r\n console.log('Action clicked', cellProps)\r\n }\r\n\r\n const handleBatchAction = () => {\r\n console.log('selectedRows', selectedRows)\r\n }\r\n\r\n const columns: ColumnDef<Customer>[] = useMemo(\r\n () => [\r\n {\r\n header: 'Name',\r\n accessorKey: 'name',\r\n },\r\n {\r\n header: 'Email',\r\n accessorKey: 'email',\r\n },\r\n {\r\n header: '',\r\n id: 'action',\r\n cell: (props) => (\r\n <Button size=\"xs\" onClick={() => handleAction(props)}>\r\n Action\r\n </Button>\r\n ),\r\n },\r\n ],\r\n [],\r\n )\r\n\r\n const handlePaginationChange = (pageIndex: number) => {\r\n setTableData((prevData) => ({ ...prevData, ...{ pageIndex } }))\r\n }\r\n\r\n const handleSelectChange = (pageSize: number) => {\r\n setTableData((prevData) => ({ ...prevData, ...{ pageSize } }))\r\n }\r\n\r\n const handleSort = ({ order, key }: OnSortParam) => {\r\n setTableData((prevData) => ({\r\n ...prevData,\r\n ...{ sort: { order, key } },\r\n }))\r\n }\r\n\r\n const handleRowSelect = (checked: boolean, row: Customer) => {\r\n console.log('row', row)\r\n if (checked) {\r\n setSelectedRows((prevData) => {\r\n if (!prevData.includes(row.name)) {\r\n return [...prevData, ...[row.name]]\r\n }\r\n return prevData\r\n })\r\n } else {\r\n setSelectedRows((prevData) => {\r\n if (prevData.includes(row.name)) {\r\n return prevData.filter((id) => id !== row.name)\r\n }\r\n return prevData\r\n })\r\n }\r\n }\r\n\r\n const handleAllRowSelect = (checked: boolean, rows: Row<Customer>[]) => {\r\n console.log('rows', rows)\r\n if (checked) {\r\n const originalRows = rows.map((row) => row.original)\r\n const selectedIds: string[] = []\r\n originalRows.forEach((row) => {\r\n selectedIds.push(row.name)\r\n })\r\n setSelectedRows(selectedIds)\r\n } else {\r\n setSelectedRows([])\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n const fetchData = async () => {\r\n setLoading(true)\r\n const response = await apiGetCustomersList<\r\n { list: Customer[]; total: number },\r\n NonNullable<unknown>\r\n >(tableData)\r\n if (response.list) {\r\n setData(response.list)\r\n setLoading(false)\r\n setTableData((prevData) => ({\r\n ...prevData,\r\n ...{ total: response.total },\r\n }))\r\n }\r\n }\r\n fetchData()\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [tableData.pageIndex, tableData.sort, tableData.pageSize])\r\n\r\n return (\r\n <>\r\n {selectedRows.length > 0 && (\r\n <div className=\"flex justify-end mb-4\">\r\n <Button\r\n size=\"sm\"\r\n variant=\"solid\"\r\n onClick={handleBatchAction}\r\n >\r\n Batch Action\r\n </Button>\r\n </div>\r\n )}\r\n <DataTable<Customer>\r\n selectable\r\n columns={columns}\r\n data={data}\r\n loading={loading}\r\n pagingData={tableData}\r\n onPaginationChange={handlePaginationChange}\r\n onSelectChange={handleSelectChange}\r\n onSort={handleSort}\r\n onCheckBoxChange={handleRowSelect}\r\n onIndeterminateCheckBoxChange={handleAllRowSelect}\r\n />\r\n </>\r\n )\r\n}\r\n\r\nexport default Checkable\r\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;"}
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,EAC3C,GAEMC,IAAoB,MAAM;AAC5B,YAAQ,IAAI,gBAAgBN,CAAY;AAAA,EAC5C,GAEMO,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,EAClE,GAEME,IAAqB,CAACC,MAAqB;AAC7C,IAAAb,EAAa,CAACW,OAAc,EAAE,GAAGA,GAAe,UAAAE,EAAS,EAAI;AAAA,EACjE,GAEMC,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,EACN,GAEMC,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,EAST,GAEMU,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,MAC7B,CAAC,GACDrB,EAAgB0B,CAAW;AAAA,IAC/B;AACI,MAAA1B,EAAgB,CAAA,CAAE;AAAA,EAE1B;AAEA,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,IAEV,GACA;AAAA,EAEJ,GAAG,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;"}