@apexcura/ui-components 0.0.16-Beta60 → 0.0.16-Beta61

package/dist/index.js

@@ -779,10 +779,10 @@ var import_antd11 = require("antd");
 var { Sider } = import_antd11.Layout;
 var Sidebar = (props) => {
   const [collapsed, setCollapsed] = (0, import_react16.useState)(false);
-  const [selectedIndex, setSelectedIndex] = (0, import_react16.useState)(null);
-  const handleChange = (item, index) => {
-    console.log(index);
-    setSelectedIndex(index);
+  const [selectedKey, setSelectedKey] = (0, import_react16.useState)(props.value);
+  const handleChange = (item) => {
+    console.log(item);
+    setSelectedKey(item.key);
     if (props.onChange) {
       props.onChange(item);
     }
@@ -794,15 +794,14 @@ var Sidebar = (props) => {
         "span",
         {
           className: props.iconsClassName,
-          style: selectedIndex === key ? {
+          style: selectedKey === key ? {
             filter: "brightness(0) saturate(100%) invert(22%) sepia(87%) saturate(7476%) hue-rotate(209deg) brightness(97%) contrast(107%)"
           } : {}
         },
         icon
       ) : null,
       children,
-      label,
-      onClick: children ? void 0 : () => handleChange(item, key.toString())
+      label
     };
   }
   function mapItems(items2, parentKey = "") {
@@ -829,7 +828,15 @@ var Sidebar = (props) => {
     },
     /* @__PURE__ */ import_react16.default.createElement("div", { className: "demo-logo-vertical" }),
     /* @__PURE__ */ import_react16.default.createElement("img", { src: props.img, alt: "", className: props.imgClassName }),
-    /* @__PURE__ */ import_react16.default.createElement(import_antd11.Menu, { mode: "inline", items, selectedKeys: [selectedIndex] })
+    /* @__PURE__ */ import_react16.default.createElement(
+      import_antd11.Menu,
+      {
+        mode: "inline",
+        items,
+        selectedKeys: [selectedKey],
+        onClick: (item) => handleChange(item)
+      }
+    )
   ));
 };
 

package/dist/index.mjs

@@ -707,10 +707,10 @@ import { Layout, Menu } from "antd";
 var { Sider } = Layout;
 var Sidebar = (props) => {
   const [collapsed, setCollapsed] = useState5(false);
-  const [selectedIndex, setSelectedIndex] = useState5(null);
-  const handleChange = (item, index) => {
-    console.log(index);
-    setSelectedIndex(index);
+  const [selectedKey, setSelectedKey] = useState5(props.value);
+  const handleChange = (item) => {
+    console.log(item);
+    setSelectedKey(item.key);
     if (props.onChange) {
       props.onChange(item);
     }
@@ -722,15 +722,14 @@ var Sidebar = (props) => {
         "span",
         {
           className: props.iconsClassName,
-          style: selectedIndex === key ? {
+          style: selectedKey === key ? {
             filter: "brightness(0) saturate(100%) invert(22%) sepia(87%) saturate(7476%) hue-rotate(209deg) brightness(97%) contrast(107%)"
           } : {}
         },
         icon
       ) : null,
       children,
-      label,
-      onClick: children ? void 0 : () => handleChange(item, key.toString())
+      label
     };
   }
   function mapItems(items2, parentKey = "") {
@@ -757,7 +756,15 @@ var Sidebar = (props) => {
     },
     /* @__PURE__ */ React15.createElement("div", { className: "demo-logo-vertical" }),
     /* @__PURE__ */ React15.createElement("img", { src: props.img, alt: "", className: props.imgClassName }),
-    /* @__PURE__ */ React15.createElement(Menu, { mode: "inline", items, selectedKeys: [selectedIndex] })
+    /* @__PURE__ */ React15.createElement(
+      Menu,
+      {
+        mode: "inline",
+        items,
+        selectedKeys: [selectedKey],
+        onClick: (item) => handleChange(item)
+      }
+    )
   ));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.16-Beta60",
+  "version": "0.0.16-Beta61",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",