@apexcura/ui-components 0.0.16-Beta52 → 0.0.16-Beta54

package/dist/index.js

@@ -778,22 +778,21 @@ var import_antd11 = require("antd");
 var { Sider } = import_antd11.Layout;
 var Sidebar = (props) => {
   const [collapsed, setCollapsed] = (0, import_react16.useState)(false);
-  const [selectedPath, setSelectedPath] = (0, import_react16.useState)([]);
-  const handleChange = (item, keyPath) => {
-    setSelectedPath(keyPath);
+  const [selectedIndex, setSelectedIndex] = (0, import_react16.useState)(null);
+  const handleChange = (item, index) => {
+    setSelectedIndex(index);
     if (props.onChange) {
       props.onChange(item);
     }
   };
   function getItem(label, key, icon, children, item) {
-    const isSelected = selectedPath.includes(key.toString());
     return {
       key,
       icon: icon ? /* @__PURE__ */ import_react16.default.createElement(
         "span",
         {
           className: props.iconsClassName,
-          style: isSelected ? {
+          style: selectedIndex === key ? {
             filter: "brightness(0) saturate(100%) invert(22%) sepia(87%) saturate(7476%) hue-rotate(209deg) brightness(97%) contrast(107%)"
           } : {}
         },
@@ -801,7 +800,8 @@ var Sidebar = (props) => {
       ) : null,
       children,
       label,
-      onClick: children ? void 0 : () => handleChange(item, key.toString().split("-"))
+      className: selectedIndex === key ? props.activeClassName : "",
+      onClick: children ? void 0 : () => handleChange(item, key.toString())
     };
   }
   function mapItems(items2, parentKey = "") {
@@ -828,7 +828,7 @@ 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: [selectedPath[selectedPath.length - 1] || ""] })
+    /* @__PURE__ */ import_react16.default.createElement(import_antd11.Menu, { mode: "inline", items, selectedKeys: [selectedIndex] })
   ));
 };
 

package/dist/index.mjs

@@ -707,22 +707,21 @@ import { Layout, Menu } from "antd";
 var { Sider } = Layout;
 var Sidebar = (props) => {
   const [collapsed, setCollapsed] = useState5(false);
-  const [selectedPath, setSelectedPath] = useState5([]);
-  const handleChange = (item, keyPath) => {
-    setSelectedPath(keyPath);
+  const [selectedIndex, setSelectedIndex] = useState5(null);
+  const handleChange = (item, index) => {
+    setSelectedIndex(index);
     if (props.onChange) {
       props.onChange(item);
     }
   };
   function getItem(label, key, icon, children, item) {
-    const isSelected = selectedPath.includes(key.toString());
     return {
       key,
       icon: icon ? /* @__PURE__ */ React15.createElement(
         "span",
         {
           className: props.iconsClassName,
-          style: isSelected ? {
+          style: selectedIndex === key ? {
             filter: "brightness(0) saturate(100%) invert(22%) sepia(87%) saturate(7476%) hue-rotate(209deg) brightness(97%) contrast(107%)"
           } : {}
         },
@@ -730,7 +729,8 @@ var Sidebar = (props) => {
       ) : null,
       children,
       label,
-      onClick: children ? void 0 : () => handleChange(item, key.toString().split("-"))
+      className: selectedIndex === key ? props.activeClassName : "",
+      onClick: children ? void 0 : () => handleChange(item, key.toString())
     };
   }
   function mapItems(items2, parentKey = "") {
@@ -757,7 +757,7 @@ 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: [selectedPath[selectedPath.length - 1] || ""] })
+    /* @__PURE__ */ React15.createElement(Menu, { mode: "inline", items, selectedKeys: [selectedIndex] })
   ));
 };
 

package/package.json

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