@orbe-agro/client-core 3.4.12 → 3.4.13

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

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

@@ -1 +1 @@
-{"version":3,"file":"Area.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Area.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\n\nconst Area = () => {\n    const visitorChartData = {\n        series: [\n            {\n                name: 'Session Duration',\n                data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],\n            },\n            {\n                name: 'Page Views',\n                data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35],\n            },\n        ],\n        categories: [\n            '01 Jan',\n            '02 Jan',\n            '03 Jan',\n            '04 Jan',\n            '05 Jan',\n            '06 Jan',\n            '07 Jan',\n            '08 Jan',\n            '09 Jan',\n            '10 Jan',\n            '11 Jan',\n            '12 Jan',\n        ],\n    }\n    return (\n        <Chart\n            type=\"area\"\n            series={visitorChartData.series}\n            xAxis={visitorChartData.categories}\n            height={400}\n        />\n    )\n}\n\nexport default Area\n"],"names":["Area","visitorChartData","jsx","Chart"],"mappings":";;AAEA,MAAMA,IAAO,MAAM;AACf,QAAMC,IAAmB;AAAA,IACrB,QAAQ;AAAA,MACJ;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,MACvD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IAE7D;AAAA,IACA,YAAY;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AAEI,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,QAAQF,EAAiB;AAAA,MACzB,OAAOA,EAAiB;AAAA,MACxB,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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/lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Bar.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"Line.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Line.tsx"],"sourcesContent":["import Chart from '@/components/shared/Chart'\n\nconst Line = () => {\n    const visitorChartData = {\n        series: [\n            {\n                name: 'Session Duration',\n                data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10],\n            },\n            {\n                name: 'Page Views',\n                data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35],\n            },\n        ],\n        categories: [\n            '01 Jan',\n            '02 Jan',\n            '03 Jan',\n            '04 Jan',\n            '05 Jan',\n            '06 Jan',\n            '07 Jan',\n            '08 Jan',\n            '09 Jan',\n            '10 Jan',\n            '11 Jan',\n            '12 Jan',\n        ],\n    }\n    return (\n        <Chart\n            series={visitorChartData.series}\n            xAxis={visitorChartData.categories}\n            height={400}\n        />\n    )\n}\n\nexport default Line\n"],"names":["Line","visitorChartData","jsx","Chart"],"mappings":";;AAEA,MAAMA,IAAO,MAAM;AACf,QAAMC,IAAmB;AAAA,IACrB,QAAQ;AAAA,MACJ;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,GAAG,IAAI,EAAE;AAAA,MACvD;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,MAAM,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAE;AAAA,MAAA;AAAA,IAE7D;AAAA,IACA,YAAY;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAER;AAEI,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,QAAQF,EAAiB;AAAA,MACzB,OAAOA,EAAiB;AAAA,MACxB,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER;"}
+{"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/lib/@ecme/views/guide/SharedComponentsDoc/components/ChartDoc/Radar.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Query.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Query.tsx"],"sourcesContent":["import { useState, useEffect, useRef, ChangeEvent } from 'react'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport DataTable from '@/components/shared/DataTable'\nimport debounce from 'lodash/debounce'\nimport { apiGetCustomersList } from '@/services/CustomersService'\nimport type {\n    ColumnDef,\n    OnSortParam,\n    CellContext,\n} from '@/components/shared/DataTable'\n\ntype Customer = {\n    id: string\n    name: string\n    email: string\n}\n\nconst Query = () => {\n    const [data, setData] = useState<Customer[]>([])\n    const [loading, setLoading] = useState(false)\n    const [tableData, setTableData] = useState<{\n        pageIndex: number\n        pageSize: number\n        sort: {\n            order: '' | 'asc' | 'desc'\n            key: string | number\n        }\n        query: string\n        total: number\n    }>({\n        total: 0,\n        pageIndex: 1,\n        pageSize: 10,\n        query: '',\n        sort: {\n            order: '',\n            key: '',\n        },\n    })\n\n    const inputRef = useRef(null)\n\n    const debounceFn = debounce(handleDebounceFn, 500)\n\n    function handleDebounceFn(val: string) {\n        if (typeof val === 'string' && (val.length > 1 || val.length === 0)) {\n            setTableData((prevData) => ({\n                ...prevData,\n                ...{ query: val, pageIndex: 1 },\n            }))\n        }\n    }\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e.target.value)\n    }\n\n    const handleAction = (cellProps: CellContext<Customer, unknown>) => {\n        console.log('Action clicked', cellProps)\n    }\n\n    const columns: ColumnDef<Customer>[] = [\n        {\n            header: 'Name',\n            accessorKey: 'name',\n        },\n        {\n            header: 'Email',\n            accessorKey: 'email',\n        },\n        {\n            header: '',\n            id: 'action',\n            cell: (props) => (\n                <Button size=\"xs\" onClick={() => handleAction(props)}>\n                    Action\n                </Button>\n            ),\n        },\n    ]\n\n    const handlePaginationChange = (pageIndex: number) => {\n        setTableData((prevData) => ({ ...prevData, ...{ pageIndex } }))\n    }\n\n    const handleSelectChange = (pageSize: number) => {\n        setTableData((prevData) => ({ ...prevData, ...{ pageSize } }))\n    }\n\n    const handleSort = ({ order, key }: OnSortParam) => {\n        console.log({ order, key })\n        setTableData((prevData) => ({\n            ...prevData,\n            ...{ sort: { order, key } },\n        }))\n    }\n\n    useEffect(() => {\n        const fetchData = async () => {\n            setLoading(true)\n            const response = await apiGetCustomersList<\n                { list: Customer[]; total: number },\n                NonNullable<unknown>\n            >(tableData)\n            if (response) {\n                setData(response.list)\n                setLoading(false)\n                setTableData((prevData) => ({\n                    ...prevData,\n                    ...{ total: response.total },\n                }))\n            }\n        }\n        fetchData()\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        tableData.pageIndex,\n        tableData.sort,\n        tableData.pageSize,\n        tableData.query,\n    ])\n\n    return (\n        <>\n            <div className=\"flex justify-end mb-4\">\n                <Input\n                    ref={inputRef}\n                    placeholder=\"Search...\"\n                    size=\"sm\"\n                    className=\"lg:w-52\"\n                    onChange={handleChange}\n                />\n            </div>\n            <DataTable\n                columns={columns}\n                data={data}\n                loading={loading}\n                pagingData={tableData}\n                onPaginationChange={handlePaginationChange}\n                onSelectChange={handleSelectChange}\n                onSort={handleSort}\n            />\n        </>\n    )\n}\n\nexport default Query\n"],"names":["Query","data","setData","useState","loading","setLoading","tableData","setTableData","inputRef","useRef","debounceFn","debounce","handleDebounceFn","val","prevData","handleChange","handleAction","cellProps","columns","props","jsx","Button","handlePaginationChange","pageIndex","handleSelectChange","pageSize","handleSort","order","key","useEffect","response","apiGetCustomersList","jsxs","Fragment","Input","DataTable"],"mappings":"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"}
+{"version":3,"file":"Query.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DataTableDoc/Query.tsx"],"sourcesContent":["import { useState, useEffect, useRef, ChangeEvent } from 'react'\nimport Button from '@/components/ui/Button'\nimport Input from '@/components/ui/Input'\nimport DataTable from '@/components/shared/DataTable'\nimport debounce from 'lodash/debounce'\nimport { apiGetCustomersList } from '@/services/CustomersService'\nimport type {\n    ColumnDef,\n    OnSortParam,\n    CellContext,\n} from '@/components/shared/DataTable'\n\ntype Customer = {\n    id: string\n    name: string\n    email: string\n}\n\nconst Query = () => {\n    const [data, setData] = useState<Customer[]>([])\n    const [loading, setLoading] = useState(false)\n    const [tableData, setTableData] = useState<{\n        pageIndex: number\n        pageSize: number\n        sort: {\n            order: '' | 'asc' | 'desc'\n            key: string | number\n        }\n        query: string\n        total: number\n    }>({\n        total: 0,\n        pageIndex: 1,\n        pageSize: 10,\n        query: '',\n        sort: {\n            order: '',\n            key: '',\n        },\n    })\n\n    const inputRef = useRef(null)\n\n    const debounceFn = debounce(handleDebounceFn, 500)\n\n    function handleDebounceFn(val: string) {\n        if (typeof val === 'string' && (val.length > 1 || val.length === 0)) {\n            setTableData((prevData) => ({\n                ...prevData,\n                ...{ query: val, pageIndex: 1 },\n            }))\n        }\n    }\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e.target.value)\n    }\n\n    const handleAction = (cellProps: CellContext<Customer, unknown>) => {\n        console.log('Action clicked', cellProps)\n    }\n\n    const columns: ColumnDef<Customer>[] = [\n        {\n            header: 'Name',\n            accessorKey: 'name',\n        },\n        {\n            header: 'Email',\n            accessorKey: 'email',\n        },\n        {\n            header: '',\n            id: 'action',\n            cell: (props) => (\n                <Button size=\"xs\" onClick={() => handleAction(props)}>\n                    Action\n                </Button>\n            ),\n        },\n    ]\n\n    const handlePaginationChange = (pageIndex: number) => {\n        setTableData((prevData) => ({ ...prevData, ...{ pageIndex } }))\n    }\n\n    const handleSelectChange = (pageSize: number) => {\n        setTableData((prevData) => ({ ...prevData, ...{ pageSize } }))\n    }\n\n    const handleSort = ({ order, key }: OnSortParam) => {\n        console.log({ order, key })\n        setTableData((prevData) => ({\n            ...prevData,\n            ...{ sort: { order, key } },\n        }))\n    }\n\n    useEffect(() => {\n        const fetchData = async () => {\n            setLoading(true)\n            const response = await apiGetCustomersList<\n                { list: Customer[]; total: number },\n                NonNullable<unknown>\n            >(tableData)\n            if (response) {\n                setData(response.list)\n                setLoading(false)\n                setTableData((prevData) => ({\n                    ...prevData,\n                    ...{ total: response.total },\n                }))\n            }\n        }\n        fetchData()\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        tableData.pageIndex,\n        tableData.sort,\n        tableData.pageSize,\n        tableData.query,\n    ])\n\n    return (\n        <>\n            <div className=\"flex justify-end mb-4\">\n                <Input\n                    ref={inputRef}\n                    placeholder=\"Search...\"\n                    size=\"sm\"\n                    className=\"lg:w-52\"\n                    onChange={handleChange}\n                />\n            </div>\n            <DataTable\n                columns={columns}\n                data={data}\n                loading={loading}\n                pagingData={tableData}\n                onPaginationChange={handlePaginationChange}\n                onSelectChange={handleSelectChange}\n                onSort={handleSort}\n            />\n        </>\n    )\n}\n\nexport default Query\n"],"names":["Query","data","setData","useState","loading","setLoading","tableData","setTableData","inputRef","useRef","debounceFn","debounce","handleDebounceFn","val","prevData","handleChange","handleAction","cellProps","columns","props","jsx","Button","handlePaginationChange","pageIndex","handleSelectChange","pageSize","handleSort","order","key","useEffect","response","apiGetCustomersList","jsxs","Fragment","Input","DataTable"],"mappings":";;;;;;;;;AAkBA,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,IAAWC,EAAO,IAAI,GAEtBC,IAAaC,EAASC,GAAkB,GAAG;AAEjD,WAASA,EAAiBC,GAAa;AACnC,IAAI,OAAOA,KAAQ,aAAaA,EAAI,SAAS,KAAKA,EAAI,WAAW,MAC7DN,EAAa,CAACO,OAAc;AAAA,MACxB,GAAGA;AAAA,MACE,OAAOD;AAAA,MAAK,WAAW;AAAA,IAAE,EAChC;AAAA,EACN;AAGJ,QAAME,IAAe,CAAC,MAAqC;AACvD,IAAAL,EAAW,EAAE,OAAO,KAAK;AAAA,EAAA,GAGvBM,IAAe,CAACC,MAA8C;AAChE,YAAQ,IAAI,kBAAkBA,CAAS;AAAA,EAAA,GAGrCC,IAAiC;AAAA,IACnC;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,EAACC,GAAA,EAAO,MAAK,MAAK,SAAS,MAAML,EAAaG,CAAK,GAAG,UAAA,SAAA,CAEtD;AAAA,IAAA;AAAA,EAER,GAGEG,IAAyB,CAACC,MAAsB;AAClD,IAAAhB,EAAa,CAACO,OAAc,EAAE,GAAGA,GAAe,WAAAS,EAAU,EAAI;AAAA,EAAA,GAG5DC,IAAqB,CAACC,MAAqB;AAC7C,IAAAlB,EAAa,CAACO,OAAc,EAAE,GAAGA,GAAe,UAAAW,EAAS,EAAI;AAAA,EAAA,GAG3DC,IAAa,CAAC,EAAE,OAAAC,GAAO,KAAAC,QAAuB;AAChD,YAAQ,IAAI,EAAE,OAAAD,GAAO,KAAAC,EAAA,CAAK,GAC1BrB,EAAa,CAACO,OAAc;AAAA,MACxB,GAAGA;AAAA,MACE,MAAM,EAAE,OAAAa,GAAO,KAAAC;IAAM,EAC5B;AAAA,EAAA;AAGN,SAAAC,EAAU,MAAM;AAgBZ,KAfkB,YAAY;AAC1B,MAAAxB,EAAW,EAAI;AACf,YAAMyB,IAAW,MAAMC,EAGrBzB,CAAS;AACX,MAAIwB,MACA5B,EAAQ4B,EAAS,IAAI,GACrBzB,EAAW,EAAK,GAChBE,EAAa,CAACO,OAAc;AAAA,QACxB,GAAGA;AAAA,QACE,OAAOgB,EAAS;AAAA,MAAM,EAC7B;AAAA,IACN,GAEJ;AAAA,EAAU,GAEX;AAAA,IACCxB,EAAU;AAAA,IACVA,EAAU;AAAA,IACVA,EAAU;AAAA,IACVA,EAAU;AAAA,EAAA,CACb,GAGG,gBAAA0B,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAb,EAAC,OAAA,EAAI,WAAU,yBACX,UAAA,gBAAAA;AAAA,MAACc;AAAA,MAAA;AAAA,QACG,KAAK1B;AAAA,QACL,aAAY;AAAA,QACZ,MAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAUO;AAAA,MAAA;AAAA,IAAA,GAElB;AAAA,IACA,gBAAAK;AAAA,MAACe;AAAA,MAAA;AAAA,QACG,SAAAjB;AAAA,QACA,MAAAjB;AAAA,QACA,SAAAG;AAAA,QACA,YAAYE;AAAA,QACZ,oBAAoBgB;AAAA,QACpB,gBAAgBE;AAAA,QAChB,QAAQE;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACJ;AAER;"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DebounceInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'DebounceInputDoc'\n\nconst demoHeader = {\n    title: 'DebounceInput',\n    desc: 'DebounceInput is a omponent that wraps an input field with debounce functionality. This means that the input value will only be processed after a specified delay, reducing the frequency of expensive operations like API calls or state updates while typing.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Container',\n        api: [\n            {\n                propName: 'wait ',\n                type: `<code>number</code>`,\n                default: `<code>500</code>`,\n                desc: 'Time interval that will wait before invoking the <code>onChange</code> event after the user stops typing.',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is disabled',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is invalid status',\n            },\n            {\n                propName: 'onBlur',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input remove focus',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input value changed',\n            },\n            {\n                propName: 'onFocus',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input is focused',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Input size',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'textArea',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to turn Input into textarea field',\n            },\n            {\n                propName: 'type',\n                type: `<code>string</code>`,\n                default: `<code>'text'</code>`,\n                desc: 'Input type, refer to <a class=\"text-primary underline\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types\" target=\"_blank\">MDN</a> for available types',\n            },\n            {\n                propName: 'unstyle',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to remove input default style',\n            },\n        ],\n    },\n]\n\nconst DebounceInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default DebounceInputDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","DebounceInputDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,oBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAmB,MAEjB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DebounceInputDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'DebounceInputDoc'\n\nconst demoHeader = {\n    title: 'DebounceInput',\n    desc: 'DebounceInput is a omponent that wraps an input field with debounce functionality. This means that the input value will only be processed after a specified delay, reducing the frequency of expensive operations like API calls or state updates while typing.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Container',\n        api: [\n            {\n                propName: 'wait ',\n                type: `<code>number</code>`,\n                default: `<code>500</code>`,\n                desc: 'Time interval that will wait before invoking the <code>onChange</code> event after the user stops typing.',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is disabled',\n            },\n            {\n                propName: 'invalid',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether the Input is invalid status',\n            },\n            {\n                propName: 'onBlur',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input remove focus',\n            },\n            {\n                propName: 'onChange',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input value changed',\n            },\n            {\n                propName: 'onFocus',\n                type: `<code>(e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when Input is focused',\n            },\n            {\n                propName: 'prefix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a prefix content inside Input',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code>`,\n                default: `<code>'md'</code>`,\n                desc: 'Input size',\n            },\n            {\n                propName: 'suffix',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Render a suffix content inside Input',\n            },\n            {\n                propName: 'textArea',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to turn Input into textarea field',\n            },\n            {\n                propName: 'type',\n                type: `<code>string</code>`,\n                default: `<code>'text'</code>`,\n                desc: 'Input type, refer to <a class=\"text-primary underline\" href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types\" target=\"_blank\">MDN</a> for available types',\n            },\n            {\n                propName: 'unstyle',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to remove input default style',\n            },\n        ],\n    },\n]\n\nconst DebounceInputDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default DebounceInputDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","DebounceInputDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,oBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAmB,MAEjB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DoubleSidedImageDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'DoubleSidedImageDoc'\n\nconst demoHeader = {\n    title: 'DoubleSidedImage',\n    desc: 'DoubleSidedImage is image embed component which able to switch the image source based on current theme mode.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `DoubleSidedImage accpet all <code>img</code> tag attribute as props`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'DoubleSidedImage',\n        api: [\n            {\n                propName: 'darkModeSrc',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Image source to display in dark mode ',\n            },\n        ],\n    },\n]\n\nconst DoubleSidedImageDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default DoubleSidedImageDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","DoubleSidedImageDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,uBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAsB,MAEpB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/DoubleSidedImageDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'DoubleSidedImageDoc'\n\nconst demoHeader = {\n    title: 'DoubleSidedImage',\n    desc: 'DoubleSidedImage is image embed component which able to switch the image source based on current theme mode.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `DoubleSidedImage accpet all <code>img</code> tag attribute as props`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'DoubleSidedImage',\n        api: [\n            {\n                propName: 'darkModeSrc',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'Image source to display in dark mode ',\n            },\n        ],\n    },\n]\n\nconst DoubleSidedImageDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default DoubleSidedImageDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","DoubleSidedImageDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,uBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAsB,MAEpB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/EllipsisButtonDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'EllipsisButtonDoc'\n\nconst demoHeader = {\n    title: 'EllipsisButton',\n    desc: 'A higher level Button component with ellipsis icon, can be use as a dropdown trigger.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage with Dropdown component.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'EllipsisButton',\n        api: [\n            {\n                propName: 'variant',\n                type: `<code>'solid'</code>  | <code>'plain'</code> | <code>'default'</code>`,\n                default: `<code>'plain'</code>`,\n                desc: 'The variant of the button',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code> | <code>'xs'</code>`,\n                default: `<code>'xs'</code>`,\n                desc: 'Size of the button.',\n            },\n            {\n                propName: 'shape',\n                type: `<code>'round'</code>  | <code>'circle'</code> | <code>'none'</code>`,\n                default: `<code>'circle'</code>`,\n                desc: 'Border radius of the button',\n            },\n        ],\n    },\n]\n\nconst EllipsisButtonDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default EllipsisButtonDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","EllipsisButtonDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,qBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAQ,CAAA,CAAA;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MACV;AAAA,MACA;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAoB,MAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AACjB;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/EllipsisButtonDoc/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Example from './Example'\n\nconst mdPath = 'EllipsisButtonDoc'\n\nconst demoHeader = {\n    title: 'EllipsisButton',\n    desc: 'A higher level Button component with ellipsis icon, can be use as a dropdown trigger.',\n}\n\nconst demos = [\n    {\n        mdName: 'Example',\n        mdPath: mdPath,\n        title: 'Example',\n        desc: `Example usage with Dropdown component.`,\n        component: <Example />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'EllipsisButton',\n        api: [\n            {\n                propName: 'variant',\n                type: `<code>'solid'</code>  | <code>'plain'</code> | <code>'default'</code>`,\n                default: `<code>'plain'</code>`,\n                desc: 'The variant of the button',\n            },\n            {\n                propName: 'size',\n                type: `<code>'lg'</code>  | <code>'md'</code> | <code>'sm'</code> | <code>'xs'</code>`,\n                default: `<code>'xs'</code>`,\n                desc: 'Size of the button.',\n            },\n            {\n                propName: 'shape',\n                type: `<code>'round'</code>  | <code>'circle'</code> | <code>'none'</code>`,\n                default: `<code>'circle'</code>`,\n                desc: 'Border radius of the button',\n            },\n        ],\n    },\n]\n\nconst EllipsisButtonDoc = () => {\n    return (\n        <DemoLayout\n            innerFrame={false}\n            header={demoHeader}\n            demos={demos}\n            api={demoApi}\n            mdPrefixPath=\"shared\"\n        />\n    )\n}\n\nexport default EllipsisButtonDoc\n"],"names":["mdPath","demoHeader","demos","Example","demoApi","EllipsisButtonDoc","jsx","DemoLayout"],"mappings":";;;AAKA,MAAMA,IAAS,qBAETC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AACV,GAEMC,IAAQ;AAAA,EACV;AAAA,IACI,QAAQ;AAAA,IACR,QAAAF;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN,6BAAYG,GAAA,CAAA,CAAQ;AAAA,EAAA;AAE5B,GAEMC,IAAU;AAAA,EACZ;AAAA,IACI,WAAW;AAAA,IACX,KAAK;AAAA,MACD;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAEV;AAAA,QACI,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER,GAEMC,IAAoB,MAElB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,YAAY;AAAA,IACZ,QAAQN;AAAA,IACR,OAAAC;AAAA,IACA,KAAKE;AAAA,IACL,cAAa;AAAA,EAAA;AAAA;"}