@apexcura/ui-components 0.0.16-Beta44 → 0.0.16-Beta45

package/dist/index.js

@@ -779,7 +779,6 @@ var { Sider } = import_antd11.Layout;
 var Sidebar = (props) => {
   const [collapsed, setCollapsed] = (0, import_react16.useState)(false);
   const handleChange = (item) => {
-    console.log(item);
     if (props.onChange) {
       props.onChange(item);
     }
@@ -793,24 +792,20 @@ var Sidebar = (props) => {
       onClick: () => handleChange(item)
     };
   }
-  const items = props.items?.map((eachItem, index) => {
-    const childItems = eachItem.items?.map(
-      (child, childIndex) => getItem(
-        child.label,
-        `${index}-${childIndex}`,
-        child.icon ? icons[child.icon] || /* @__PURE__ */ import_react16.default.createElement("img", { src: child.icon, alt: "" }) : null,
-        void 0,
-        child
-      )
-    );
-    return getItem(
-      eachItem.label,
-      index.toString(),
-      eachItem.icon ? icons[eachItem.icon] || /* @__PURE__ */ import_react16.default.createElement("img", { src: eachItem.icon, alt: "" }) : null,
-      childItems,
-      eachItem
-    );
-  });
+  function mapItems(items2, parentKey = "") {
+    return items2.map((eachItem, index) => {
+      const key = parentKey ? `${parentKey}-${index}` : index.toString();
+      const childItems = eachItem.items ? mapItems(eachItem.items, key) : void 0;
+      return getItem(
+        eachItem.label,
+        key,
+        eachItem.icon ? icons[eachItem.icon] || /* @__PURE__ */ import_react16.default.createElement("img", { src: eachItem.icon, alt: "" }) : null,
+        childItems,
+        eachItem
+      );
+    });
+  }
+  const items = props.items ? mapItems(props.items) : [];
   return /* @__PURE__ */ import_react16.default.createElement(import_antd11.Layout, { style: { minHeight: "100vh" } }, /* @__PURE__ */ import_react16.default.createElement(
     Sider,
     {

package/dist/index.mjs

@@ -708,7 +708,6 @@ var { Sider } = Layout;
 var Sidebar = (props) => {
   const [collapsed, setCollapsed] = useState5(false);
   const handleChange = (item) => {
-    console.log(item);
     if (props.onChange) {
       props.onChange(item);
     }
@@ -722,24 +721,20 @@ var Sidebar = (props) => {
       onClick: () => handleChange(item)
     };
   }
-  const items = props.items?.map((eachItem, index) => {
-    const childItems = eachItem.items?.map(
-      (child, childIndex) => getItem(
-        child.label,
-        `${index}-${childIndex}`,
-        child.icon ? icons[child.icon] || /* @__PURE__ */ React15.createElement("img", { src: child.icon, alt: "" }) : null,
-        void 0,
-        child
-      )
-    );
-    return getItem(
-      eachItem.label,
-      index.toString(),
-      eachItem.icon ? icons[eachItem.icon] || /* @__PURE__ */ React15.createElement("img", { src: eachItem.icon, alt: "" }) : null,
-      childItems,
-      eachItem
-    );
-  });
+  function mapItems(items2, parentKey = "") {
+    return items2.map((eachItem, index) => {
+      const key = parentKey ? `${parentKey}-${index}` : index.toString();
+      const childItems = eachItem.items ? mapItems(eachItem.items, key) : void 0;
+      return getItem(
+        eachItem.label,
+        key,
+        eachItem.icon ? icons[eachItem.icon] || /* @__PURE__ */ React15.createElement("img", { src: eachItem.icon, alt: "" }) : null,
+        childItems,
+        eachItem
+      );
+    });
+  }
+  const items = props.items ? mapItems(props.items) : [];
   return /* @__PURE__ */ React15.createElement(Layout, { style: { minHeight: "100vh" } }, /* @__PURE__ */ React15.createElement(
     Sider,
     {

package/package.json

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