@orbe-agro/client-core 3.4.8 → 3.4.11

package/dist/lib/@ecme/views/ui-components/navigation/Menu/CollapsableMenuItem.js

@@ -0,0 +1,58 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Menu as e } from "../../../../components/ui/Menu/index.js";
+const d = () => {
+  const l = (m, r) => {
+    console.log("expanded", m), console.log("event", r);
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: "border border-gray-200 dark:border-gray-700 rounded-md p-2",
+      style: { maxWidth: 250 },
+      children: /* @__PURE__ */ n(e, { children: [
+        /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-1", children: "Item 1" }),
+        /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-2", children: "Item 2" }),
+        /* @__PURE__ */ n(
+          e.MenuCollapse,
+          {
+            eventKey: "item-3",
+            label: "Item 3",
+            onToggle: l,
+            children: [
+              /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-3-1", children: "Item 3.1" }),
+              /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-3-2", children: "Item 3.2" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(
+          e.MenuCollapse,
+          {
+            eventKey: "item-4",
+            label: "Item 4",
+            onToggle: l,
+            children: [
+              /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-4-1", children: "Item 4.1" }),
+              /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-4-2", children: "Item 4.2" }),
+              /* @__PURE__ */ n(
+                e.MenuCollapse,
+                {
+                  eventKey: "item-4-3",
+                  label: "Item 4.3",
+                  onToggle: l,
+                  children: [
+                    /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-4-3-1", children: "Item 4.3.1" }),
+                    /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-4-2-1", children: "Item 4.3.2" })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  d as default
+};
+//# sourceMappingURL=CollapsableMenuItem.js.map

package/dist/lib/@ecme/views/ui-components/navigation/Menu/CollapsableMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsableMenuItem.js","sources":["../../../../../../../lib/@ecme/views/ui-components/navigation/Menu/CollapsableMenuItem.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport type { MouseEvent } from 'react'\n\nconst CollapsableMenuItem = () => {\n    const handleToggle = (expanded: boolean, e: MouseEvent) => {\n        console.log('expanded', expanded)\n        console.log('event', e)\n    }\n\n    return (\n        <div\n            className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n            style={{ maxWidth: 250 }}\n        >\n            <Menu>\n                <Menu.MenuItem eventKey=\"item-1\">Item 1</Menu.MenuItem>\n                <Menu.MenuItem eventKey=\"item-2\">Item 2</Menu.MenuItem>\n                <Menu.MenuCollapse\n                    eventKey=\"item-3\"\n                    label=\"Item 3\"\n                    onToggle={handleToggle}\n                >\n                    <Menu.MenuItem eventKey=\"item-3-1\">Item 3.1</Menu.MenuItem>\n                    <Menu.MenuItem eventKey=\"item-3-2\">Item 3.2</Menu.MenuItem>\n                </Menu.MenuCollapse>\n                <Menu.MenuCollapse\n                    eventKey=\"item-4\"\n                    label=\"Item 4\"\n                    onToggle={handleToggle}\n                >\n                    <Menu.MenuItem eventKey=\"item-4-1\">Item 4.1</Menu.MenuItem>\n                    <Menu.MenuItem eventKey=\"item-4-2\">Item 4.2</Menu.MenuItem>\n                    <Menu.MenuCollapse\n                        eventKey=\"item-4-3\"\n                        label=\"Item 4.3\"\n                        onToggle={handleToggle}\n                    >\n                        <Menu.MenuItem eventKey=\"item-4-3-1\">\n                            Item 4.3.1\n                        </Menu.MenuItem>\n                        <Menu.MenuItem eventKey=\"item-4-2-1\">\n                            Item 4.3.2\n                        </Menu.MenuItem>\n                    </Menu.MenuCollapse>\n                </Menu.MenuCollapse>\n            </Menu>\n        </div>\n    )\n}\n\nexport default CollapsableMenuItem\n"],"names":["CollapsableMenuItem","handleToggle","expanded","e","jsx","Menu","jsxs"],"mappings":";;AAGA,MAAMA,IAAsB,MAAM;AACxB,QAAAC,IAAe,CAACC,GAAmBC,MAAkB;AAC/C,YAAA,IAAI,YAAYD,CAAQ,GACxB,QAAA,IAAI,SAASC,CAAC;AAAA,EAC1B;AAGI,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,IAAI;AAAA,MAEvB,4BAACC,GACG,EAAA,UAAA;AAAA,QAAA,gBAAAD,EAACC,EAAK,UAAL,EAAc,UAAS,UAAS,UAAM,UAAA;AAAA,0BACtCA,EAAK,UAAL,EAAc,UAAS,UAAS,UAAM,UAAA;AAAA,QACvC,gBAAAC;AAAA,UAACD,EAAK;AAAA,UAAL;AAAA,YACG,UAAS;AAAA,YACT,OAAM;AAAA,YACN,UAAUJ;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAG,EAACC,EAAK,UAAL,EAAc,UAAS,YAAW,UAAQ,YAAA;AAAA,gCAC1CA,EAAK,UAAL,EAAc,UAAS,YAAW,UAAQ,WAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC/C;AAAA,QACA,gBAAAC;AAAA,UAACD,EAAK;AAAA,UAAL;AAAA,YACG,UAAS;AAAA,YACT,OAAM;AAAA,YACN,UAAUJ;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAG,EAACC,EAAK,UAAL,EAAc,UAAS,YAAW,UAAQ,YAAA;AAAA,gCAC1CA,EAAK,UAAL,EAAc,UAAS,YAAW,UAAQ,YAAA;AAAA,cAC3C,gBAAAC;AAAA,gBAACD,EAAK;AAAA,gBAAL;AAAA,kBACG,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,UAAUJ;AAAA,kBAEV,UAAA;AAAA,oBAAA,gBAAAG,EAACC,EAAK,UAAL,EAAc,UAAS,cAAa,UAErC,cAAA;AAAA,sCACCA,EAAK,UAAL,EAAc,UAAS,cAAa,UAErC,aAAA,CAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ,EACJ,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/lib/@ecme/views/ui-components/navigation/Menu/DefaultActive.js

@@ -0,0 +1,25 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { useState as i } from "react";
+import { Menu as e } from "../../../../components/ui/Menu/index.js";
+const a = () => {
+  const [m] = i(["item-2", "item-3-2"]);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: "border border-gray-200 dark:border-gray-700 rounded-md p-2",
+      style: { maxWidth: 250 },
+      children: /* @__PURE__ */ r(e, { defaultActiveKeys: m, children: [
+        /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-1", children: "Item 1" }),
+        /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-2", children: "Item 2" }),
+        /* @__PURE__ */ r(e.MenuCollapse, { eventKey: "item-3", label: "Item 3", children: [
+          /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-3-1", children: "Item 3.1" }),
+          /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-3-2", children: "Item 3.2" })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  a as default
+};
+//# sourceMappingURL=DefaultActive.js.map

package/dist/lib/@ecme/views/ui-components/navigation/Menu/DefaultActive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultActive.js","sources":["../../../../../../../lib/@ecme/views/ui-components/navigation/Menu/DefaultActive.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Menu from '@/components/ui/Menu'\n\nconst DefaultActive = () => {\n    const [defaultActiveKey] = useState(['item-2', 'item-3-2'])\n\n    return (\n        <div\n            className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n            style={{ maxWidth: 250 }}\n        >\n            <Menu defaultActiveKeys={defaultActiveKey}>\n                <Menu.MenuItem eventKey=\"item-1\">Item 1</Menu.MenuItem>\n                <Menu.MenuItem eventKey=\"item-2\">Item 2</Menu.MenuItem>\n                <Menu.MenuCollapse eventKey=\"item-3\" label=\"Item 3\">\n                    <Menu.MenuItem eventKey=\"item-3-1\">Item 3.1</Menu.MenuItem>\n                    <Menu.MenuItem eventKey=\"item-3-2\">Item 3.2</Menu.MenuItem>\n                </Menu.MenuCollapse>\n            </Menu>\n        </div>\n    )\n}\n\nexport default DefaultActive\n"],"names":["DefaultActive","defaultActiveKey","useState","jsx","jsxs","Menu"],"mappings":";;;AAGA,MAAMA,IAAgB,MAAM;AACxB,QAAM,CAACC,CAAgB,IAAIC,EAAS,CAAC,UAAU,UAAU,CAAC;AAGtD,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,IAAI;AAAA,MAEvB,UAAA,gBAAAC,EAACC,GAAK,EAAA,mBAAmBJ,GACrB,UAAA;AAAA,QAAA,gBAAAE,EAACE,EAAK,UAAL,EAAc,UAAS,UAAS,UAAM,UAAA;AAAA,0BACtCA,EAAK,UAAL,EAAc,UAAS,UAAS,UAAM,UAAA;AAAA,0BACtCA,EAAK,cAAL,EAAkB,UAAS,UAAS,OAAM,UACvC,UAAA;AAAA,UAAA,gBAAAF,EAACE,EAAK,UAAL,EAAc,UAAS,YAAW,UAAQ,YAAA;AAAA,4BAC1CA,EAAK,UAAL,EAAc,UAAS,YAAW,UAAQ,WAAA,CAAA;AAAA,QAAA,EAC/C,CAAA;AAAA,MAAA,EACJ,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/lib/@ecme/views/ui-components/navigation/Menu/DefaultExpand.js

@@ -0,0 +1,29 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { Menu as e } from "../../../../components/ui/Menu/index.js";
+const a = () => {
+  const [m] = r(["item-3"]);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: "border border-gray-200 dark:border-gray-700 rounded-md p-2",
+      style: { maxWidth: 250 },
+      children: /* @__PURE__ */ n(e, { defaultExpandedKeys: m, children: [
+        /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-1", children: "Item 1" }),
+        /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-2", children: "Item 2" }),
+        /* @__PURE__ */ n(e.MenuCollapse, { eventKey: "item-3", label: "Item 3", children: [
+          /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-3-1", children: "Item 3.1" }),
+          /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-3-2", children: "Item 3.2" })
+        ] }),
+        /* @__PURE__ */ n(e.MenuCollapse, { eventKey: "item-4", label: "Item 4", children: [
+          /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-4-1", children: "Item 4.1" }),
+          /* @__PURE__ */ t(e.MenuItem, { eventKey: "item-4-2", children: "Item 4.2" })
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  a as default
+};
+//# sourceMappingURL=DefaultExpand.js.map

package/dist/lib/@ecme/views/ui-components/navigation/Menu/DefaultExpand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultExpand.js","sources":["../../../../../../../lib/@ecme/views/ui-components/navigation/Menu/DefaultExpand.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Menu from '@/components/ui/Menu'\n\nconst DefaultExpand = () => {\n    const [defaultExpandKey] = useState(['item-3'])\n\n    return (\n        <div\n            className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n            style={{ maxWidth: 250 }}\n        >\n            <Menu defaultExpandedKeys={defaultExpandKey}>\n                <Menu.MenuItem eventKey=\"item-1\">Item 1</Menu.MenuItem>\n                <Menu.MenuItem eventKey=\"item-2\">Item 2</Menu.MenuItem>\n                <Menu.MenuCollapse eventKey=\"item-3\" label=\"Item 3\">\n                    <Menu.MenuItem eventKey=\"item-3-1\">Item 3.1</Menu.MenuItem>\n                    <Menu.MenuItem eventKey=\"item-3-2\">Item 3.2</Menu.MenuItem>\n                </Menu.MenuCollapse>\n                <Menu.MenuCollapse eventKey=\"item-4\" label=\"Item 4\">\n                    <Menu.MenuItem eventKey=\"item-4-1\">Item 4.1</Menu.MenuItem>\n                    <Menu.MenuItem eventKey=\"item-4-2\">Item 4.2</Menu.MenuItem>\n                </Menu.MenuCollapse>\n            </Menu>\n        </div>\n    )\n}\n\nexport default DefaultExpand\n"],"names":["DefaultExpand","defaultExpandKey","useState","jsx","jsxs","Menu"],"mappings":";;;AAGA,MAAMA,IAAgB,MAAM;AACxB,QAAM,CAACC,CAAgB,IAAIC,EAAS,CAAC,QAAQ,CAAC;AAG1C,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAO,EAAE,UAAU,IAAI;AAAA,MAEvB,UAAA,gBAAAC,EAACC,GAAK,EAAA,qBAAqBJ,GACvB,UAAA;AAAA,QAAA,gBAAAE,EAACE,EAAK,UAAL,EAAc,UAAS,UAAS,UAAM,UAAA;AAAA,0BACtCA,EAAK,UAAL,EAAc,UAAS,UAAS,UAAM,UAAA;AAAA,0BACtCA,EAAK,cAAL,EAAkB,UAAS,UAAS,OAAM,UACvC,UAAA;AAAA,UAAA,gBAAAF,EAACE,EAAK,UAAL,EAAc,UAAS,YAAW,UAAQ,YAAA;AAAA,4BAC1CA,EAAK,UAAL,EAAc,UAAS,YAAW,UAAQ,WAAA,CAAA;AAAA,QAAA,GAC/C;AAAA,0BACCA,EAAK,cAAL,EAAkB,UAAS,UAAS,OAAM,UACvC,UAAA;AAAA,UAAA,gBAAAF,EAACE,EAAK,UAAL,EAAc,UAAS,YAAW,UAAQ,YAAA;AAAA,4BAC1CA,EAAK,UAAL,EAAc,UAAS,YAAW,UAAQ,WAAA,CAAA;AAAA,QAAA,EAC/C,CAAA;AAAA,MAAA,EACJ,CAAA;AAAA,IAAA;AAAA,EACJ;AAER;"}

package/dist/lib/@ecme/views/ui-components/navigation/Menu/DisabledMenuItem.js

@@ -0,0 +1,18 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Menu as r } from "../../../../components/ui/Menu/index.js";
+const s = () => /* @__PURE__ */ e(
+  "div",
+  {
+    className: "border border-gray-200 dark:border-gray-700 rounded-md p-2",
+    style: { maxWidth: 250 },
+    children: /* @__PURE__ */ t(r, { children: [
+      /* @__PURE__ */ e(r.MenuItem, { eventKey: "settings", children: "Settings" }),
+      /* @__PURE__ */ e(r.MenuItem, { disabled: !0, eventKey: "message", children: "Message" }),
+      /* @__PURE__ */ e(r.MenuItem, { eventKey: "gallery", children: "Gallery" })
+    ] })
+  }
+);
+export {
+  s as default
+};
+//# sourceMappingURL=DisabledMenuItem.js.map

package/dist/lib/@ecme/views/ui-components/navigation/Menu/DisabledMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisabledMenuItem.js","sources":["../../../../../../../lib/@ecme/views/ui-components/navigation/Menu/DisabledMenuItem.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\n\nconst DisabledMenuItem = () => {\n    return (\n        <div\n            className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n            style={{ maxWidth: 250 }}\n        >\n            <Menu>\n                <Menu.MenuItem eventKey=\"settings\">Settings</Menu.MenuItem>\n                <Menu.MenuItem disabled eventKey=\"message\">\n                    Message\n                </Menu.MenuItem>\n                <Menu.MenuItem eventKey=\"gallery\">Gallery</Menu.MenuItem>\n            </Menu>\n        </div>\n    )\n}\n\nexport default DisabledMenuItem\n"],"names":["DisabledMenuItem","jsx","Menu"],"mappings":";;AAEA,MAAMA,IAAmB,MAEjB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,OAAO,EAAE,UAAU,IAAI;AAAA,IAEvB,4BAACC,GACG,EAAA,UAAA;AAAA,MAAA,gBAAAD,EAACC,EAAK,UAAL,EAAc,UAAS,YAAW,UAAQ,YAAA;AAAA,MAC3C,gBAAAD,EAACC,EAAK,UAAL,EAAc,UAAQ,IAAC,UAAS,WAAU,UAE3C,WAAA;AAAA,wBACCA,EAAK,UAAL,EAAc,UAAS,WAAU,UAAO,UAAA,CAAA;AAAA,IAAA,EAC7C,CAAA;AAAA,EAAA;AACJ;"}

package/dist/lib/@ecme/views/ui-components/navigation/Menu/MenuGroup.js

@@ -0,0 +1,27 @@
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import { Menu as e } from "../../../../components/ui/Menu/index.js";
+const m = () => /* @__PURE__ */ r(
+  "div",
+  {
+    className: "border border-gray-200 dark:border-gray-700 rounded-md p-2",
+    style: { maxWidth: 250 },
+    children: /* @__PURE__ */ t(e, { children: [
+      /* @__PURE__ */ t(e.MenuGroup, { label: "Group 1", children: [
+        /* @__PURE__ */ r(e.MenuItem, { eventKey: "group-1-item-1", children: "Item 1" }),
+        /* @__PURE__ */ r(e.MenuItem, { eventKey: "group-1-item-2", children: "Item 2" }),
+        /* @__PURE__ */ t(e.MenuCollapse, { eventKey: "group-1-item-3", label: "Item 3", children: [
+          /* @__PURE__ */ r(e.MenuItem, { eventKey: "group-1-item-3-1", children: "Item 3.1" }),
+          /* @__PURE__ */ r(e.MenuItem, { eventKey: "group-1-item-3-2", children: "Item 3.2" })
+        ] })
+      ] }, "group-1"),
+      /* @__PURE__ */ t(e.MenuGroup, { label: "Group 2", children: [
+        /* @__PURE__ */ r(e.MenuItem, { eventKey: "group-2-item-1", children: "Item 1" }),
+        /* @__PURE__ */ r(e.MenuItem, { eventKey: "group-2-item-2", children: "Item 2" })
+      ] }, "group-2")
+    ] })
+  }
+);
+export {
+  m as default
+};
+//# sourceMappingURL=MenuGroup.js.map

package/dist/lib/@ecme/views/ui-components/navigation/Menu/MenuGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroup.js","sources":["../../../../../../../lib/@ecme/views/ui-components/navigation/Menu/MenuGroup.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\n\nconst MenuGroup = () => {\n    return (\n        <div\n            className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n            style={{ maxWidth: 250 }}\n        >\n            <Menu>\n                <Menu.MenuGroup key=\"group-1\" label=\"Group 1\">\n                    <Menu.MenuItem eventKey=\"group-1-item-1\">\n                        Item 1\n                    </Menu.MenuItem>\n                    <Menu.MenuItem eventKey=\"group-1-item-2\">\n                        Item 2\n                    </Menu.MenuItem>\n                    <Menu.MenuCollapse eventKey=\"group-1-item-3\" label=\"Item 3\">\n                        <Menu.MenuItem eventKey=\"group-1-item-3-1\">\n                            Item 3.1\n                        </Menu.MenuItem>\n                        <Menu.MenuItem eventKey=\"group-1-item-3-2\">\n                            Item 3.2\n                        </Menu.MenuItem>\n                    </Menu.MenuCollapse>\n                </Menu.MenuGroup>\n                <Menu.MenuGroup key=\"group-2\" label=\"Group 2\">\n                    <Menu.MenuItem eventKey=\"group-2-item-1\">\n                        Item 1\n                    </Menu.MenuItem>\n                    <Menu.MenuItem eventKey=\"group-2-item-2\">\n                        Item 2\n                    </Menu.MenuItem>\n                </Menu.MenuGroup>\n            </Menu>\n        </div>\n    )\n}\n\nexport default MenuGroup\n"],"names":["MenuGroup","jsx","Menu","jsxs"],"mappings":";;AAEA,MAAMA,IAAY,MAEV,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,OAAO,EAAE,UAAU,IAAI;AAAA,IAEvB,4BAACC,GACG,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACD,EAAK,WAAL,EAA6B,OAAM,WAChC,UAAA;AAAA,QAAA,gBAAAD,EAACC,EAAK,UAAL,EAAc,UAAS,kBAAiB,UAEzC,UAAA;AAAA,0BACCA,EAAK,UAAL,EAAc,UAAS,kBAAiB,UAEzC,UAAA;AAAA,0BACCA,EAAK,cAAL,EAAkB,UAAS,kBAAiB,OAAM,UAC/C,UAAA;AAAA,UAAA,gBAAAD,EAACC,EAAK,UAAL,EAAc,UAAS,oBAAmB,UAE3C,YAAA;AAAA,4BACCA,EAAK,UAAL,EAAc,UAAS,oBAAmB,UAE3C,WAAA,CAAA;AAAA,QAAA,EACJ,CAAA;AAAA,MAAA,EAAA,GAdgB,SAepB;AAAA,MACC,gBAAAC,EAAAD,EAAK,WAAL,EAA6B,OAAM,WAChC,UAAA;AAAA,QAAA,gBAAAD,EAACC,EAAK,UAAL,EAAc,UAAS,kBAAiB,UAEzC,UAAA;AAAA,0BACCA,EAAK,UAAL,EAAc,UAAS,kBAAiB,UAEzC,SAAA,CAAA;AAAA,MAAA,EAAA,GANgB,SAOpB;AAAA,IAAA,EACJ,CAAA;AAAA,EAAA;AACJ;"}

package/dist/lib/@ecme/views/ui-components/navigation/Menu/MenuWithIcon.js

@@ -0,0 +1,44 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Menu as n } from "../../../../components/ui/Menu/index.js";
+import { HiOutlineCog as o, HiOutlineChat as s, HiWifi as a, HiOutlineSupport as c, HiOutlineGlobeAlt as d } from "react-icons/hi";
+const t = ({ icon: l, label: r }) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ e("span", { className: "text-2xl", children: l }),
+  /* @__PURE__ */ e("span", { children: r })
+] }), h = () => /* @__PURE__ */ e(
+  "div",
+  {
+    className: "border border-gray-200 dark:border-gray-700 rounded-md p-2",
+    style: { maxWidth: 250 },
+    children: /* @__PURE__ */ i(n, { children: [
+      /* @__PURE__ */ e(n.MenuItem, { eventKey: "settings", children: /* @__PURE__ */ e(t, { icon: /* @__PURE__ */ e(o, {}), label: "Settings" }) }),
+      /* @__PURE__ */ e(n.MenuItem, { eventKey: "messages", children: /* @__PURE__ */ e(t, { icon: /* @__PURE__ */ e(s, {}), label: "Messages" }) }),
+      /* @__PURE__ */ i(
+        n.MenuCollapse,
+        {
+          eventKey: "others",
+          label: /* @__PURE__ */ e(
+            t,
+            {
+              icon: /* @__PURE__ */ e(d, {}),
+              label: "Network"
+            }
+          ),
+          children: [
+            /* @__PURE__ */ e(n.MenuItem, { eventKey: "wifi", children: /* @__PURE__ */ e(t, { icon: /* @__PURE__ */ e(a, {}), label: "Wifi" }) }),
+            /* @__PURE__ */ e(n.MenuItem, { eventKey: "support", children: /* @__PURE__ */ e(
+              t,
+              {
+                icon: /* @__PURE__ */ e(c, {}),
+                label: "Support"
+              }
+            ) })
+          ]
+        }
+      )
+    ] })
+  }
+);
+export {
+  h as default
+};
+//# sourceMappingURL=MenuWithIcon.js.map

package/dist/lib/@ecme/views/ui-components/navigation/Menu/MenuWithIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuWithIcon.js","sources":["../../../../../../../lib/@ecme/views/ui-components/navigation/Menu/MenuWithIcon.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\nimport {\n    HiOutlineCog,\n    HiOutlineChat,\n    HiOutlineGlobeAlt,\n    HiOutlineSupport,\n    HiWifi,\n} from 'react-icons/hi'\nimport type { ReactNode } from 'react'\n\nconst MenuContent = ({ icon, label }: { icon: ReactNode; label: string }) => {\n    return (\n        <div className=\"flex items-center gap-2\">\n            <span className={'text-2xl'}>{icon}</span>\n            <span>{label}</span>\n        </div>\n    )\n}\n\nconst MenuWithIcon = () => {\n    return (\n        <div\n            className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n            style={{ maxWidth: 250 }}\n        >\n            <Menu>\n                <Menu.MenuItem eventKey=\"settings\">\n                    <MenuContent icon={<HiOutlineCog />} label=\"Settings\" />\n                </Menu.MenuItem>\n                <Menu.MenuItem eventKey=\"messages\">\n                    <MenuContent icon={<HiOutlineChat />} label=\"Messages\" />\n                </Menu.MenuItem>\n                <Menu.MenuCollapse\n                    eventKey=\"others\"\n                    label={\n                        <MenuContent\n                            icon={<HiOutlineGlobeAlt />}\n                            label=\"Network\"\n                        />\n                    }\n                >\n                    <Menu.MenuItem eventKey=\"wifi\">\n                        <MenuContent icon={<HiWifi />} label=\"Wifi\" />\n                    </Menu.MenuItem>\n                    <Menu.MenuItem eventKey=\"support\">\n                        <MenuContent\n                            icon={<HiOutlineSupport />}\n                            label=\"Support\"\n                        />\n                    </Menu.MenuItem>\n                </Menu.MenuCollapse>\n            </Menu>\n        </div>\n    )\n}\n\nexport default MenuWithIcon\n"],"names":["MenuContent","icon","label","jsxs","jsx","MenuWithIcon","Menu","HiOutlineCog","HiOutlineChat","HiOutlineGlobeAlt","HiWifi","HiOutlineSupport"],"mappings":";;;AAUA,MAAMA,IAAc,CAAC,EAAE,MAAAC,GAAM,OAAAC,QAErB,gBAAAC,EAAC,OAAI,EAAA,WAAU,2BACX,UAAA;AAAA,EAAC,gBAAAC,EAAA,QAAA,EAAK,WAAW,YAAa,UAAKH,GAAA;AAAA,EACnC,gBAAAG,EAAC,UAAM,UAAMF,EAAA,CAAA;AAAA,GACjB,GAIFG,IAAe,MAEb,gBAAAD;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,OAAO,EAAE,UAAU,IAAI;AAAA,IAEvB,4BAACE,GACG,EAAA,UAAA;AAAA,MAAA,gBAAAF,EAACE,EAAK,UAAL,EAAc,UAAS,YACpB,UAAA,gBAAAF,EAACJ,GAAY,EAAA,MAAO,gBAAAI,EAAAG,GAAA,CAAA,CAAa,GAAI,OAAM,WAAW,CAAA,GAC1D;AAAA,MACC,gBAAAH,EAAAE,EAAK,UAAL,EAAc,UAAS,YACpB,UAAA,gBAAAF,EAACJ,GAAY,EAAA,MAAO,gBAAAI,EAAAI,GAAA,CAAA,CAAc,GAAI,OAAM,WAAW,CAAA,GAC3D;AAAA,MACA,gBAAAL;AAAA,QAACG,EAAK;AAAA,QAAL;AAAA,UACG,UAAS;AAAA,UACT,OACI,gBAAAF;AAAA,YAACJ;AAAA,YAAA;AAAA,cACG,wBAAOS,GAAkB,EAAA;AAAA,cACzB,OAAM;AAAA,YAAA;AAAA,UACV;AAAA,UAGJ,UAAA;AAAA,YAAA,gBAAAL,EAACE,EAAK,UAAL,EAAc,UAAS,QACpB,UAAA,gBAAAF,EAACJ,GAAY,EAAA,MAAO,gBAAAI,EAAAM,GAAA,CAAA,CAAO,GAAI,OAAM,OAAO,CAAA,GAChD;AAAA,YACC,gBAAAN,EAAAE,EAAK,UAAL,EAAc,UAAS,WACpB,UAAA,gBAAAF;AAAA,cAACJ;AAAA,cAAA;AAAA,gBACG,wBAAOW,GAAiB,EAAA;AAAA,gBACxB,OAAM;AAAA,cAAA;AAAA,YAAA,EAEd,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,EACJ,CAAA;AAAA,EAAA;AACJ;"}

package/dist/lib/@ecme/views/ui-components/navigation/Menu/Simple.js

@@ -0,0 +1,20 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { Menu as n } from "../../../../components/ui/Menu/index.js";
+const a = () => /* @__PURE__ */ e(
+  "div",
+  {
+    className: "border border-gray-200 dark:border-gray-700 rounded-md p-2",
+    style: { maxWidth: 250 },
+    children: /* @__PURE__ */ l(n, { onSelect: (r, t) => {
+      console.log("key", r), console.log("event", t);
+    }, children: [
+      /* @__PURE__ */ e(n.MenuItem, { eventKey: "settings", children: "Settings" }),
+      /* @__PURE__ */ e(n.MenuItem, { eventKey: "message", children: "Message" }),
+      /* @__PURE__ */ e(n.MenuItem, { eventKey: "gallery", children: "Gallery" })
+    ] })
+  }
+);
+export {
+  a as default
+};
+//# sourceMappingURL=Simple.js.map

package/dist/lib/@ecme/views/ui-components/navigation/Menu/Simple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Simple.js","sources":["../../../../../../../lib/@ecme/views/ui-components/navigation/Menu/Simple.tsx"],"sourcesContent":["import Menu from '@/components/ui/Menu'\n\nconst Simple = () => {\n    const handleSelect = (key: string, e: MouseEvent) => {\n        console.log('key', key)\n        console.log('event', e)\n    }\n\n    return (\n        <div\n            className=\"border border-gray-200 dark:border-gray-700 rounded-md p-2\"\n            style={{ maxWidth: 250 }}\n        >\n            <Menu onSelect={handleSelect}>\n                <Menu.MenuItem eventKey=\"settings\">Settings</Menu.MenuItem>\n                <Menu.MenuItem eventKey=\"message\">Message</Menu.MenuItem>\n                <Menu.MenuItem eventKey=\"gallery\">Gallery</Menu.MenuItem>\n            </Menu>\n        </div>\n    )\n}\n\nexport default Simple\n"],"names":["Simple","jsx","jsxs","Menu","key","e"],"mappings":";;AAEA,MAAMA,IAAS,MAOP,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAU;AAAA,IACV,OAAO,EAAE,UAAU,IAAI;AAAA,IAEvB,UAAA,gBAAAC,EAACC,GAAK,EAAA,UAVO,CAACC,GAAaC,MAAkB;AACzC,cAAA,IAAI,OAAOD,CAAG,GACd,QAAA,IAAI,SAASC,CAAC;AAAA,IAC1B,GAQY,UAAA;AAAA,MAAA,gBAAAJ,EAACE,EAAK,UAAL,EAAc,UAAS,YAAW,UAAQ,YAAA;AAAA,wBAC1CA,EAAK,UAAL,EAAc,UAAS,WAAU,UAAO,WAAA;AAAA,wBACxCA,EAAK,UAAL,EAAc,UAAS,WAAU,UAAO,UAAA,CAAA;AAAA,IAAA,EAC7C,CAAA;AAAA,EAAA;AACJ;"}

package/dist/lib/@ecme/views/ui-components/navigation/Menu/index.js

@@ -0,0 +1,214 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "../../../../components/docs/DemoLayout.js";
+import d from "./Simple.js";
+import n from "./CollapsableMenuItem.js";
+import c from "./MenuGroup.js";
+import a from "./MenuWithIcon.js";
+import i from "./DisabledMenuItem.js";
+import l from "./DefaultActive.js";
+import m from "./DefaultExpand.js";
+const o = "Menu", p = {
+  title: "Menu",
+  desc: "Menus allow users to select a single item from a group of available options."
+}, s = [
+  {
+    mdName: "Simple",
+    mdPath: o,
+    title: "Simple",
+    desc: "A simple example of menu.",
+    component: /* @__PURE__ */ e(d, {})
+  },
+  {
+    mdName: "CollapsableMenuItem",
+    mdPath: o,
+    title: "Collapsable menu item",
+    desc: "Menus can contain nested levels as collapsable menu items.",
+    component: /* @__PURE__ */ e(n, {})
+  },
+  {
+    mdName: "MenuGroup",
+    mdPath: o,
+    title: "Menu group",
+    desc: "Menus can also categorization menu items into different groups.",
+    component: /* @__PURE__ */ e(c, {})
+  },
+  {
+    mdName: "MenuWithIcon",
+    mdPath: o,
+    title: "With icon",
+    desc: "Example with icons in menu items.",
+    component: /* @__PURE__ */ e(a, {})
+  },
+  {
+    mdName: "DisabledMenuItem",
+    mdPath: o,
+    title: "Disabled menu item",
+    desc: "Menu items can be disabled to prevent a user from interacting with them.",
+    component: /* @__PURE__ */ e(i, {})
+  },
+  {
+    mdName: "DefaultActive",
+    mdPath: o,
+    title: "Default active",
+    desc: "We can set the menu items within to active by entering corresponded <code>eventKey</code> to <code>defaultActiveKeys</code>",
+    component: /* @__PURE__ */ e(l, {})
+  },
+  {
+    mdName: "DefaultExpand",
+    mdPath: o,
+    title: "Default expand",
+    desc: "We can expand the collapsable menu items within by entering corresponded <code>eventKey</code> to <code>defaultExpandedKeys</code>",
+    component: /* @__PURE__ */ e(m, {})
+  }
+], u = [
+  {
+    component: "Menu",
+    api: [
+      {
+        propName: "defaultActiveKeys",
+        type: "<code>string[]</code>",
+        default: "<code>[]</code>",
+        desc: "Initial set menu item as active based on inserted keys which corresponding to <code>eventkey</code>"
+      },
+      {
+        propName: "defaultCollapseActiveKeys",
+        type: "<code>string[]</code>",
+        default: "<code>[]</code>",
+        desc: "Initial collapsable menu item active based on inserted keys which corresponding to <code>eventkey</code>"
+      },
+      {
+        propName: "defaultExpandedKeys",
+        type: "<code>string[]</code>",
+        default: "<code>[]</code>",
+        desc: "Initial expand collapsable menu item based on inserted keys which corresponding to <code>eventkey</code>"
+      },
+      {
+        propName: "menuItemHeight",
+        type: "<code>string</code> | <code>number</code>",
+        default: "<code>40</code>",
+        desc: "Height of all menu item"
+      },
+      {
+        propName: "onSelect",
+        type: "<code>(e: MouseEvent, eventKey: string) => void</code>",
+        default: "-",
+        desc: "Callback when menu item clicked"
+      },
+      {
+        propName: "sideCollapsed",
+        type: "<code>boolean</code>",
+        default: "<code>false</code>",
+        desc: "Whether to side collapse the menu"
+      },
+      {
+        propName: "variant",
+        type: "<code>'light'</code> | <code>'dark'</code> | <code>'themed'</code> | <code>'transparent'</code>",
+        default: "<code>'light'</code>",
+        desc: "The variants of the menu."
+      }
+    ]
+  },
+  {
+    component: "Menu.MenuCollapse",
+    api: [
+      {
+        propName: "active",
+        type: "<code>boolean</code>",
+        default: "<code>true</code>",
+        desc: "Whether to highlight the collapsable menu item"
+      },
+      {
+        propName: "eventKey",
+        type: "<code>string</code>",
+        default: "-",
+        desc: "An unique value for the collapsable menu item"
+      },
+      {
+        propName: "expanded",
+        type: "<code>boolean</code>",
+        default: "<code>false</code>",
+        desc: "Whether to expand current collpased menu item"
+      },
+      {
+        propName: "indent",
+        type: "<code>boolean</code>",
+        default: "<code>true</code>",
+        desc: "Whether to indent child menu item"
+      },
+      {
+        propName: "label",
+        type: "<code>string</code> | <code>ReactNode</code>",
+        default: "-",
+        desc: "Content of the collpased menu item"
+      },
+      {
+        propName: "onToggle",
+        type: "<code>(expanded: boolean, e: MouseEvent) => void</code>",
+        default: "-",
+        desc: "Callback when collpased menu item toggled"
+      }
+    ]
+  },
+  {
+    component: "Menu.MenuGroup",
+    api: [
+      {
+        propName: "label",
+        type: "<code>string</code> | <code>ReactNode</code>",
+        default: "-",
+        desc: "Content of the collpased menu group title"
+      }
+    ]
+  },
+  {
+    component: "Menu.MenuItem",
+    api: [
+      {
+        propName: "asElement",
+        type: "<code>string</code>",
+        default: "<code>'div'</code>",
+        desc: "Render element"
+      },
+      {
+        propName: "disabled",
+        type: "<code>boolean</code>",
+        default: "-",
+        desc: "Whether to disable menu item"
+      },
+      {
+        propName: "dotIndent",
+        type: "<code>boolean</code>",
+        default: "-",
+        desc: "Whether show dot as prefix in menu item"
+      },
+      {
+        propName: "eventKey",
+        type: "<code>boolean</code>",
+        default: "-",
+        desc: "An unique value for the menu item"
+      },
+      {
+        propName: "isActive",
+        type: "<code>boolean</code>",
+        default: "-",
+        desc: "Whether to active menu item"
+      },
+      {
+        propName: "menuItemHeight",
+        type: "<code>string</code> | <code>number</code>",
+        default: "<code>40</code>",
+        desc: "Height of menu item"
+      },
+      {
+        propName: "onSelect",
+        type: "<code>(eventKey: string, e: MouseEvent) => void</code>",
+        default: "<code>40</code>",
+        desc: "Callback menu item clicked"
+      }
+    ]
+  }
+], x = () => /* @__PURE__ */ e(t, { header: p, demos: s, api: u });
+export {
+  x as default
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/@ecme/views/ui-components/navigation/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../lib/@ecme/views/ui-components/navigation/Menu/index.tsx"],"sourcesContent":["import DemoLayout from '@/components/docs/DemoLayout'\n\n// Demo\nimport Simple from './Simple'\nimport CollapsableMenuItem from './CollapsableMenuItem'\nimport MenuGroup from './MenuGroup'\nimport MenuWithIcon from './MenuWithIcon'\nimport DisabledMenuItem from './DisabledMenuItem'\nimport DefaultActive from './DefaultActive'\nimport DefaultExpand from './DefaultExpand'\n\nconst mdPath = 'Menu'\n\nconst demoHeader = {\n    title: 'Menu',\n    desc: 'Menus allow users to select a single item from a group of available options.',\n}\n\nconst demos = [\n    {\n        mdName: 'Simple',\n        mdPath: mdPath,\n        title: 'Simple',\n        desc: `A simple example of menu.`,\n        component: <Simple />,\n    },\n    {\n        mdName: 'CollapsableMenuItem',\n        mdPath: mdPath,\n        title: 'Collapsable menu item',\n        desc: `Menus can contain nested levels as collapsable menu items.`,\n        component: <CollapsableMenuItem />,\n    },\n    {\n        mdName: 'MenuGroup',\n        mdPath: mdPath,\n        title: 'Menu group',\n        desc: `Menus can also categorization menu items into different groups.`,\n        component: <MenuGroup />,\n    },\n    {\n        mdName: 'MenuWithIcon',\n        mdPath: mdPath,\n        title: 'With icon',\n        desc: `Example with icons in menu items.`,\n        component: <MenuWithIcon />,\n    },\n    {\n        mdName: 'DisabledMenuItem',\n        mdPath: mdPath,\n        title: 'Disabled menu item',\n        desc: `Menu items can be disabled to prevent a user from interacting with them.`,\n        component: <DisabledMenuItem />,\n    },\n    {\n        mdName: 'DefaultActive',\n        mdPath: mdPath,\n        title: 'Default active',\n        desc: `We can set the menu items within to active by entering corresponded <code>eventKey</code> to <code>defaultActiveKeys</code>`,\n        component: <DefaultActive />,\n    },\n    {\n        mdName: 'DefaultExpand',\n        mdPath: mdPath,\n        title: 'Default expand',\n        desc: `We can expand the collapsable menu items within by entering corresponded <code>eventKey</code> to <code>defaultExpandedKeys</code>`,\n        component: <DefaultExpand />,\n    },\n]\n\nconst demoApi = [\n    {\n        component: 'Menu',\n        api: [\n            {\n                propName: 'defaultActiveKeys',\n                type: `<code>string[]</code>`,\n                default: `<code>[]</code>`,\n                desc: 'Initial set menu item as active based on inserted keys which corresponding to <code>eventkey</code>',\n            },\n            {\n                propName: 'defaultCollapseActiveKeys',\n                type: `<code>string[]</code>`,\n                default: `<code>[]</code>`,\n                desc: 'Initial collapsable menu item active based on inserted keys which corresponding to <code>eventkey</code>',\n            },\n            {\n                propName: 'defaultExpandedKeys',\n                type: `<code>string[]</code>`,\n                default: `<code>[]</code>`,\n                desc: 'Initial expand collapsable menu item based on inserted keys which corresponding to <code>eventkey</code>',\n            },\n            {\n                propName: 'menuItemHeight',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `<code>40</code>`,\n                desc: 'Height of all menu item',\n            },\n            {\n                propName: 'onSelect',\n                type: `<code>(e: MouseEvent, eventKey: string) => void</code>`,\n                default: `-`,\n                desc: 'Callback when menu item clicked',\n            },\n            {\n                propName: 'sideCollapsed',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to side collapse the menu',\n            },\n            {\n                propName: 'variant',\n                type: `<code>'light'</code> | <code>'dark'</code> | <code>'themed'</code> | <code>'transparent'</code>`,\n                default: `<code>'light'</code>`,\n                desc: 'The variants of the menu.',\n            },\n        ],\n    },\n    {\n        component: 'Menu.MenuCollapse',\n        api: [\n            {\n                propName: 'active',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to highlight the collapsable menu item',\n            },\n            {\n                propName: 'eventKey',\n                type: `<code>string</code>`,\n                default: `-`,\n                desc: 'An unique value for the collapsable menu item',\n            },\n            {\n                propName: 'expanded',\n                type: `<code>boolean</code>`,\n                default: `<code>false</code>`,\n                desc: 'Whether to expand current collpased menu item',\n            },\n            {\n                propName: 'indent',\n                type: `<code>boolean</code>`,\n                default: `<code>true</code>`,\n                desc: 'Whether to indent child menu item',\n            },\n            {\n                propName: 'label',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Content of the collpased menu item',\n            },\n            {\n                propName: 'onToggle',\n                type: `<code>(expanded: boolean, e: MouseEvent) => void</code>`,\n                default: `-`,\n                desc: 'Callback when collpased menu item toggled',\n            },\n        ],\n    },\n    {\n        component: 'Menu.MenuGroup',\n        api: [\n            {\n                propName: 'label',\n                type: `<code>string</code> | <code>ReactNode</code>`,\n                default: `-`,\n                desc: 'Content of the collpased menu group title',\n            },\n        ],\n    },\n    {\n        component: 'Menu.MenuItem',\n        api: [\n            {\n                propName: 'asElement',\n                type: `<code>string</code>`,\n                default: `<code>'div'</code>`,\n                desc: 'Render element',\n            },\n            {\n                propName: 'disabled',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to disable menu item',\n            },\n            {\n                propName: 'dotIndent',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether show dot as prefix in menu item',\n            },\n            {\n                propName: 'eventKey',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'An unique value for the menu item',\n            },\n            {\n                propName: 'isActive',\n                type: `<code>boolean</code>`,\n                default: `-`,\n                desc: 'Whether to active menu item',\n            },\n            {\n                propName: 'menuItemHeight',\n                type: `<code>string</code> | <code>number</code>`,\n                default: `<code>40</code>`,\n                desc: 'Height of menu item',\n            },\n            {\n                propName: 'onSelect',\n                type: `<code>(eventKey: string, e: MouseEvent) => void</code>`,\n                default: `<code>40</code>`,\n                desc: 'Callback menu item clicked',\n            },\n        ],\n    },\n]\n\nconst Menu = () => {\n    return <DemoLayout header={demoHeader} demos={demos} api={demoApi} />\n}\n\nexport default Menu\n"],"names":["mdPath","demoHeader","demos","Simple","CollapsableMenuItem","MenuGroup","MenuWithIcon","DisabledMenuItem","DefaultActive","DefaultExpand","demoApi","Menu","DemoLayout"],"mappings":"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"}

package/dist/lib/@ecme/views/ui-components/navigation/Pagination/Basic.js

@@ -0,0 +1,10 @@
+import { jsx as n } from "react/jsx-runtime";
+import "../../../../components/ui/Pagination/index.js";
+import a from "../../../../components/ui/Pagination/Pagination.js";
+const r = () => /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(a, { onChange: (o) => {
+  console.log("onPaginationChange", o);
+} }) });
+export {
+  r as default
+};
+//# sourceMappingURL=Basic.js.map

package/dist/lib/@ecme/views/ui-components/navigation/Pagination/Basic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Basic.js","sources":["../../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/Basic.tsx"],"sourcesContent":["import Pagination from '@/components/ui/Pagination'\n\nconst Basic = () => {\n    const onPaginationChange = (page: number) => {\n        console.log('onPaginationChange', page)\n    }\n\n    return (\n        <div>\n            <Pagination onChange={onPaginationChange} />\n        </div>\n    )\n}\n\nexport default Basic\n"],"names":["Basic","jsx","Pagination","page"],"mappings":";;;AAEA,MAAMA,IAAQ,wBAML,OACG,EAAA,UAAA,gBAAAC,EAACC,GAAW,EAAA,UANO,CAACC,MAAiB;AACjC,UAAA,IAAI,sBAAsBA,CAAI;AAC1C,EAIkD,CAAA,GAC9C;"}

package/dist/lib/@ecme/views/ui-components/navigation/Pagination/Controlled.js

@@ -0,0 +1,21 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useState as e } from "react";
+import "../../../../components/ui/Pagination/index.js";
+import r from "../../../../components/ui/Pagination/Pagination.js";
+const c = () => {
+  const [t, n] = e(60);
+  return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+    r,
+    {
+      total: 100,
+      currentPage: t,
+      onChange: (a) => {
+        n(a);
+      }
+    }
+  ) });
+};
+export {
+  c as default
+};
+//# sourceMappingURL=Controlled.js.map

package/dist/lib/@ecme/views/ui-components/navigation/Pagination/Controlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controlled.js","sources":["../../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/Controlled.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Pagination from '@/components/ui/Pagination'\n\nconst Controlled = () => {\n    const [page, setPage] = useState(60)\n\n    const onPaginationChange = (val: number) => {\n        setPage(val)\n    }\n\n    return (\n        <div>\n            <Pagination\n                total={100}\n                currentPage={page}\n                onChange={onPaginationChange}\n            />\n        </div>\n    )\n}\n\nexport default Controlled\n"],"names":["Controlled","page","setPage","useState","jsx","Pagination","val"],"mappings":";;;;AAGA,MAAMA,IAAa,MAAM;AACrB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAE;AAMnC,2BACK,OACG,EAAA,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,MACP,aAAaJ;AAAA,MACb,UATe,CAACK,MAAgB;AACxC,QAAAJ,EAAQI,CAAG;AAAA,MACf;AAAA,IAOsB;AAAA,EAAA,GAElB;AAER;"}

package/dist/lib/@ecme/views/ui-components/navigation/Pagination/More.js

@@ -0,0 +1,11 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import "../../../../components/ui/Pagination/index.js";
+import t from "../../../../components/ui/Pagination/Pagination.js";
+const m = () => /* @__PURE__ */ i("div", { children: [
+  /* @__PURE__ */ r("div", { className: "mb-4", children: /* @__PURE__ */ r(t, { total: 50 }) }),
+  /* @__PURE__ */ r("div", { className: "mb-4", children: /* @__PURE__ */ r(t, { total: 100 }) })
+] });
+export {
+  m as default
+};
+//# sourceMappingURL=More.js.map

package/dist/lib/@ecme/views/ui-components/navigation/Pagination/More.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"More.js","sources":["../../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/More.tsx"],"sourcesContent":["import Pagination from '@/components/ui/Pagination'\n\nconst More = () => {\n    return (\n        <div>\n            <div className=\"mb-4\">\n                <Pagination total={50} />\n            </div>\n            <div className=\"mb-4\">\n                <Pagination total={100} />\n            </div>\n        </div>\n    )\n}\n\nexport default More\n"],"names":["More","jsx","Pagination"],"mappings":";;;AAEA,MAAMA,IAAO,wBAEJ,OACG,EAAA,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAI,WAAU,QACX,4BAACC,GAAW,EAAA,OAAO,IAAI,EAC3B,CAAA;AAAA,EACA,gBAAAD,EAAC,SAAI,WAAU,QACX,4BAACC,GAAW,EAAA,OAAO,IAAK,CAAA,EAC5B,CAAA;AAAA,GACJ;"}

package/dist/lib/@ecme/views/ui-components/navigation/Pagination/PageSize.js

@@ -0,0 +1,33 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { useState as r } from "react";
+import "../../../../components/ui/Pagination/index.js";
+import "../../../../components/ui/Select/index.js";
+import n from "../../../../components/ui/Pagination/Pagination.js";
+import m from "../../../../components/ui/Select/Select.js";
+const t = [
+  { value: 5, label: "5 / page" },
+  { value: 10, label: "10 / page" },
+  { value: 20, label: "20 / page" },
+  { value: 50, label: "50 / page" }
+], v = () => {
+  const [l, i] = r(t[0].value), o = ({ value: e }) => {
+    i(e);
+  };
+  return /* @__PURE__ */ s("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ a(n, { displayTotal: !0, pageSize: l, total: 100 }),
+    /* @__PURE__ */ a("div", { style: { minWidth: 120 }, children: /* @__PURE__ */ a(
+      m,
+      {
+        size: "sm",
+        isSearchable: !1,
+        defaultValue: t[0],
+        options: t,
+        onChange: (e) => o(e)
+      }
+    ) })
+  ] });
+};
+export {
+  v as default
+};
+//# sourceMappingURL=PageSize.js.map

package/dist/lib/@ecme/views/ui-components/navigation/Pagination/PageSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageSize.js","sources":["../../../../../../../lib/@ecme/views/ui-components/navigation/Pagination/PageSize.tsx"],"sourcesContent":["import { useState } from 'react'\nimport Pagination from '@/components/ui/Pagination'\nimport Select from '@/components/ui/Select'\n\ntype Option = {\n    value: number\n    label: string\n}\n\nconst options: Option[] = [\n    { value: 5, label: '5 / page' },\n    { value: 10, label: '10 / page' },\n    { value: 20, label: '20 / page' },\n    { value: 50, label: '50 / page' },\n]\n\nconst PageSize = () => {\n    const [pageSize, setPageSize] = useState(options[0].value)\n\n    const onPageSelect = ({ value }: Option) => {\n        setPageSize(value)\n    }\n\n    return (\n        <div className=\"flex items-center\">\n            <Pagination displayTotal pageSize={pageSize} total={100} />\n            <div style={{ minWidth: 120 }}>\n                <Select\n                    size=\"sm\"\n                    isSearchable={false}\n                    defaultValue={options[0]}\n                    options={options}\n                    onChange={(selected) => onPageSelect(selected as Option)}\n                />\n            </div>\n        </div>\n    )\n}\n\nexport default PageSize\n"],"names":["options","PageSize","pageSize","setPageSize","useState","onPageSelect","value","jsxs","jsx","Pagination","Select","selected"],"mappings":";;;;;;AASA,MAAMA,IAAoB;AAAA,EACtB,EAAE,OAAO,GAAG,OAAO,WAAW;AAAA,EAC9B,EAAE,OAAO,IAAI,OAAO,YAAY;AAAA,EAChC,EAAE,OAAO,IAAI,OAAO,YAAY;AAAA,EAChC,EAAE,OAAO,IAAI,OAAO,YAAY;AACpC,GAEMC,IAAW,MAAM;AACb,QAAA,CAACC,GAAUC,CAAW,IAAIC,EAASJ,EAAQ,CAAC,EAAE,KAAK,GAEnDK,IAAe,CAAC,EAAE,OAAAC,QAAoB;AACxC,IAAAH,EAAYG,CAAK;AAAA,EACrB;AAGI,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,qBACX,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAW,EAAA,cAAY,IAAC,UAAAP,GAAoB,OAAO,KAAK;AAAA,sBACxD,OAAI,EAAA,OAAO,EAAE,UAAU,OACpB,UAAA,gBAAAM;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,cAAc;AAAA,QACd,cAAcV,EAAQ,CAAC;AAAA,QACvB,SAAAA;AAAA,QACA,UAAU,CAACW,MAAaN,EAAaM,CAAkB;AAAA,MAAA;AAAA,IAAA,EAE/D,CAAA;AAAA,EAAA,GACJ;AAER;"}