@orbe-agro/client-core 3.4.10 → 3.4.11

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

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

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

@@ -0,0 +1,43 @@
+import { jsx as e } from "react/jsx-runtime";
+import n from "../../../../../components/shared/Chart.js";
+const s = () => {
+  const a = {
+    series: [
+      {
+        name: "Session Duration",
+        data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10]
+      },
+      {
+        name: "Page Views",
+        data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35]
+      }
+    ],
+    categories: [
+      "01 Jan",
+      "02 Jan",
+      "03 Jan",
+      "04 Jan",
+      "05 Jan",
+      "06 Jan",
+      "07 Jan",
+      "08 Jan",
+      "09 Jan",
+      "10 Jan",
+      "11 Jan",
+      "12 Jan"
+    ]
+  };
+  return /* @__PURE__ */ e(
+    n,
+    {
+      type: "area",
+      series: a.series,
+      xAxis: a.categories,
+      height: 400
+    }
+  );
+};
+export {
+  s as default
+};
+//# sourceMappingURL=Area.js.map

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

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

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

@@ -0,0 +1,41 @@
+import { jsx as e } from "react/jsx-runtime";
+import s from "../../../../../components/shared/Chart.js";
+const i = () => {
+  const a = {
+    series: [
+      {
+        name: "Session Duration",
+        data: [45, 52, 38, 24, 33, 26, 21]
+      },
+      {
+        name: "Page Views",
+        data: [35, 41, 62, 42, 13, 18, 29]
+      }
+    ],
+    categories: [
+      "01 Jan",
+      "02 Jan",
+      "03 Jan",
+      "04 Jan",
+      "05 Jan",
+      "06 Jan",
+      "07 Jan"
+    ]
+  };
+  return /* @__PURE__ */ e(
+    s,
+    {
+      series: a.series,
+      xAxis: a.categories,
+      height: 410,
+      type: "bar",
+      customOptions: {
+        colors: ["#ef4444", "#10b981"]
+      }
+    }
+  );
+};
+export {
+  i as default
+};
+//# sourceMappingURL=Bar.js.map

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

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

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

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import l from "../../../../../components/shared/Chart.js";
+const r = () => {
+  const t = {
+    labels: ["Item A", "Item B", "Item C"],
+    values: [15032, 11246, 8273],
+    coinSymbol: ["A", "B", "C"]
+  };
+  return /* @__PURE__ */ o(
+    l,
+    {
+      donutTitle: `$${t.values.reduce((e, s) => e + s, 0)}`,
+      donutText: "Assets",
+      series: t.values,
+      customOptions: { labels: t.labels },
+      type: "donut",
+      height: 230
+    }
+  );
+};
+export {
+  r as default
+};
+//# sourceMappingURL=Donut.js.map

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

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

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

@@ -0,0 +1,42 @@
+import { jsx as e } from "react/jsx-runtime";
+import n from "../../../../../components/shared/Chart.js";
+const r = () => {
+  const a = {
+    series: [
+      {
+        name: "Session Duration",
+        data: [45, 52, 38, 24, 33, 26, 21, 20, 6, 8, 15, 10]
+      },
+      {
+        name: "Page Views",
+        data: [35, 41, 62, 42, 13, 18, 29, 37, 36, 51, 32, 35]
+      }
+    ],
+    categories: [
+      "01 Jan",
+      "02 Jan",
+      "03 Jan",
+      "04 Jan",
+      "05 Jan",
+      "06 Jan",
+      "07 Jan",
+      "08 Jan",
+      "09 Jan",
+      "10 Jan",
+      "11 Jan",
+      "12 Jan"
+    ]
+  };
+  return /* @__PURE__ */ e(
+    n,
+    {
+      series: a.series,
+      xAxis: a.categories,
+      height: 400
+    }
+  );
+};
+export {
+  r as default
+};
+//# sourceMappingURL=Line.js.map

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

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

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

@@ -0,0 +1,26 @@
+import { jsx as a } from "react/jsx-runtime";
+import e from "../../../../../components/shared/Chart.js";
+const i = () => {
+  const r = {
+    series: [
+      {
+        name: "Series 1",
+        data: [80, 50, 30, 40, 100, 20]
+      }
+    ],
+    categories: ["January", "February", "March", "April", "May", "June"]
+  };
+  return /* @__PURE__ */ a(
+    e,
+    {
+      type: "radar",
+      series: r.series,
+      xAxis: r.categories,
+      height: 400
+    }
+  );
+};
+export {
+  i as default
+};
+//# sourceMappingURL=Radar.js.map

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

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

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

@@ -0,0 +1,108 @@
+import { jsx as e } from "react/jsx-runtime";
+import a from "../../../../../components/docs/DemoLayout.js";
+import o from "./Line.js";
+import r from "./Bar.js";
+import c from "./Area.js";
+import d from "./Donut.js";
+import s from "./Radar.js";
+const t = "ChartDoc", p = {
+  title: "Chart",
+  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.'
+}, i = [
+  {
+    mdName: "Line",
+    mdPath: t,
+    title: "Line",
+    desc: "",
+    component: /* @__PURE__ */ e(o, {})
+  },
+  {
+    mdName: "Bar",
+    mdPath: t,
+    title: "Bar",
+    desc: "",
+    component: /* @__PURE__ */ e(r, {})
+  },
+  {
+    mdName: "Area",
+    mdPath: t,
+    title: "Area",
+    desc: "",
+    component: /* @__PURE__ */ e(c, {})
+  },
+  {
+    mdName: "Donut",
+    mdPath: t,
+    title: "Donut",
+    desc: "",
+    component: /* @__PURE__ */ e(d, {})
+  },
+  {
+    mdName: "Radar",
+    mdPath: t,
+    title: "Radar",
+    desc: "",
+    component: /* @__PURE__ */ e(s, {})
+  }
+], m = [
+  {
+    component: "Chart",
+    api: [
+      {
+        propName: "customOptions",
+        type: '<a class="text-primary underline" href="https://apexcharts.com/docs/options/annotations/" target="_blank">Apexcharts option</a>',
+        default: "-",
+        desc: "Custom options for chart"
+      },
+      {
+        propName: "donutTitle",
+        type: "<code>string</code>",
+        default: "-",
+        desc: "Title inside donut chart"
+      },
+      {
+        propName: "height",
+        type: "<code>string</code> | <code>number</code>",
+        default: "-",
+        desc: "Chart height"
+      },
+      {
+        propName: "series",
+        type: '<a class="text-primary underline" href="https://apexcharts.com/docs/series/" target="_blank">Apexcharts Series</a>',
+        default: "-",
+        desc: "Chart series"
+      },
+      {
+        propName: "type",
+        type: "<code>'line'</code> | <code>'bar'</code> | <code>'area'</code> | <code>'donut'</code> | <code>'radar'</code>",
+        default: "-",
+        desc: "Chart type"
+      },
+      {
+        propName: "width",
+        type: "<code>string</code> | <code>number</code>",
+        default: "-",
+        desc: "Chart width"
+      },
+      {
+        propName: "xAxis",
+        type: '<a class="text-primary underline" href="https://apexcharts.com/docs/options/xaxis/" target="_blank">Apexcharts xAxis</a>',
+        default: "-",
+        desc: "Chart xAxis"
+      }
+    ]
+  }
+], N = () => /* @__PURE__ */ e(
+  a,
+  {
+    innerFrame: !1,
+    header: p,
+    demos: i,
+    api: m,
+    mdPrefixPath: "shared"
+  }
+);
+export {
+  N as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,65 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { useState as c } from "react";
+import f from "../../../../../components/shared/ConfirmDialog.js";
+import { Radio as s } from "../../../../../components/ui/Radio/index.js";
+import "../../../../../components/ui/Button/index.js";
+import p from "../../../../../components/ui/Button/Button.js";
+const o = {
+  Info: {
+    type: "info",
+    title: "Note",
+    children: "Just some information for you!",
+    cancelText: "Cancel",
+    confirmText: "Okay"
+  },
+  Success: {
+    type: "success",
+    title: "Complete!",
+    children: "Just some success message for you!",
+    cancelText: "Cancel",
+    confirmText: "All Good"
+  },
+  Warning: {
+    type: "warning",
+    title: "Warning",
+    children: "Just some warning message for you!",
+    cancelText: "Cancel",
+    confirmText: "Understand"
+  },
+  Danger: {
+    type: "danger",
+    title: "Delete",
+    children: "Are you sure you wan to delete?",
+    cancelText: "Cancel",
+    confirmText: "Delete"
+  }
+}, T = () => {
+  const [t, i] = c(
+    Object.keys(o)[0]
+  ), [a, l] = c(!1), r = () => {
+    console.log("Close"), l(!1);
+  }, m = () => {
+    console.log("Confirm"), l(!1);
+  };
+  return /* @__PURE__ */ d("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ e(s.Group, { value: t, onChange: (n) => i(n), children: Object.keys(o).map((n) => /* @__PURE__ */ e(s, { value: n, children: n }, n)) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(p, { onClick: () => l(!0), children: "Trigger" }) }),
+    /* @__PURE__ */ e(
+      f,
+      {
+        isOpen: a,
+        type: o[t].type,
+        title: o[t].title,
+        onClose: r,
+        onRequestClose: r,
+        onCancel: r,
+        onConfirm: m,
+        children: /* @__PURE__ */ e("p", { children: o[t].children })
+      }
+    )
+  ] });
+};
+export {
+  T as default
+};
+//# sourceMappingURL=Example.js.map

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

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

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

@@ -0,0 +1,82 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "../../../../../components/docs/DemoLayout.js";
+import t from "./Example.js";
+const c = "ConfirmDialogDoc", n = {
+  title: "ConfirmDialog",
+  desc: "ConfirmDialog is premade dialog that use for confirmation."
+}, a = [
+  {
+    mdName: "Example",
+    mdPath: c,
+    title: "Example",
+    desc: "Example usage.",
+    component: /* @__PURE__ */ o(t, {})
+  }
+], d = [
+  {
+    component: "ConfirmDialog",
+    api: [
+      {
+        propName: "cancelText",
+        type: "<code>string</code>",
+        default: "<code>'Cancel'</code>",
+        desc: "Cancel button text"
+      },
+      {
+        propName: "cancelButtonProps",
+        type: "ButtonProps",
+        default: "-",
+        desc: "Apply Button props to cancel button"
+      },
+      {
+        propName: "confirmButtonProps",
+        type: "ButtonProps",
+        default: "-",
+        desc: "Apply Button props to confirm button"
+      },
+      {
+        propName: "confirmText",
+        type: "<code>string</code>",
+        default: "<code>'Confirm'</code>",
+        desc: "Confirm button text"
+      },
+      {
+        propName: "onCancel",
+        type: "<code>() => void</code>",
+        default: "-",
+        desc: "Callback function after click on cancel button"
+      },
+      {
+        propName: "onConfirm",
+        type: "<code>() => void</code>",
+        default: "-",
+        desc: "Callback function after click on confirm button"
+      },
+      {
+        propName: "title",
+        type: "<code>string</code>",
+        default: "<code>'info'</code>",
+        desc: "Title of confirmation"
+      },
+      {
+        propName: "type",
+        type: "<code>'info'</code> | <code>'success'</code> | <code>'warning'</code> | <code>'danger'</code>",
+        default: "<code>'info'</code>",
+        desc: "Type of confirmation"
+      }
+    ]
+  }
+], m = () => /* @__PURE__ */ o(
+  e,
+  {
+    innerFrame: !1,
+    header: n,
+    demos: a,
+    api: d,
+    mdPrefixPath: "shared"
+  }
+);
+export {
+  m as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "../../../../../components/shared/Container.js";
+const n = () => /* @__PURE__ */ r(t, { children: "Content" });
+export {
+  n as default
+};
+//# sourceMappingURL=Example.js.map

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

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

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

@@ -0,0 +1,40 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "../../../../../components/docs/DemoLayout.js";
+import o from "./Example.js";
+const n = "ContainerDoc", a = {
+  title: "Container",
+  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."
+}, m = [
+  {
+    mdName: "Example",
+    mdPath: n,
+    title: "Example",
+    desc: "Example usage",
+    component: /* @__PURE__ */ e(o, {})
+  }
+], r = [
+  {
+    component: "Container",
+    api: [
+      {
+        propName: "asElement",
+        type: "<code>string</code>",
+        default: "<code>'div'</code>",
+        desc: "Render element"
+      }
+    ]
+  }
+], p = () => /* @__PURE__ */ e(
+  t,
+  {
+    innerFrame: !1,
+    header: a,
+    demos: m,
+    api: r,
+    mdPrefixPath: "shared"
+  }
+);
+export {
+  p as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,29 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useState as a } from "react";
+import n from "../../../../../components/shared/CustomFormatInput.js";
+const m = (e) => {
+  if (e === "")
+    return "";
+  const t = parseFloat(e);
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    maximumFractionDigits: 0
+  }).format(t);
+}, i = () => {
+  const [e, t] = a(0);
+  return /* @__PURE__ */ r(
+    n,
+    {
+      value: e,
+      format: m,
+      onValueChange: (o) => {
+        console.log(o), t(o.floatValue);
+      }
+    }
+  );
+};
+export {
+  i as default
+};
+//# sourceMappingURL=Simple.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Simple.js","sources":["../../../../../../../../lib/@ecme/views/guide/SharedComponentsDoc/components/CustomFormatInputDoc/Simple.tsx"],"sourcesContent":["import { useState } from 'react'\nimport FormCustomFormatInput from '@/components/shared/CustomFormatInput'\n\nconst format = (numStr: string) => {\n    if (numStr === '') {\n        return ''\n    }\n    const num = parseFloat(numStr) // Parse the string into a number\n    return new Intl.NumberFormat('en-US', {\n        style: 'currency',\n        currency: 'USD',\n        maximumFractionDigits: 0,\n    }).format(num)\n}\n\nconst Simple = () => {\n    const [value, setValue] = useState(0)\n\n    const handleValueChange = (e: {\n        floatValue?: number\n        formattedValue: string\n        value: string\n    }) => {\n        console.log(e)\n        setValue(e.floatValue as number)\n    }\n\n    return (\n        <FormCustomFormatInput\n            value={value}\n            format={format}\n            onValueChange={handleValueChange}\n        />\n    )\n}\n\nexport default Simple\n"],"names":["format","numStr","num","Simple","value","setValue","useState","jsx","FormCustomFormatInput","e"],"mappings":";;;AAGA,MAAMA,IAAS,CAACC,MAAmB;AAC/B,MAAIA,MAAW;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;"}