@apexcura/ui-components 0.0.15-Beta21 → 0.0.15-Beta23

package/dist/index.mjs

@@ -91973,7 +91973,25 @@ var AddMoreTable = (props) => {
 // src/Components/Sidebar.tsx
 var import_react145 = __toESM(require_react());
 var Sidebar = (props) => {
-  return /* @__PURE__ */ import_react145.default.createElement("div", { id: "nav-bar" }, /* @__PURE__ */ import_react145.default.createElement("input", { type: "checkbox", id: "nav-toggle" }), /* @__PURE__ */ import_react145.default.createElement("div", { id: "nav-header" }, /* @__PURE__ */ import_react145.default.createElement("img", { src: props.img, alt: "logo", className: props.iconsClassName }), /* @__PURE__ */ import_react145.default.createElement("label", { htmlFor: "nav-toggle" }, /* @__PURE__ */ import_react145.default.createElement("span", { id: "nav-toggle-burger" })), /* @__PURE__ */ import_react145.default.createElement("hr", null)), /* @__PURE__ */ import_react145.default.createElement("div", { id: "nav-content" }, props.items && props.items.map((eachItem) => /* @__PURE__ */ import_react145.default.createElement("div", { className: "nav-button", key: eachItem.label }, icons[eachItem.icon], /* @__PURE__ */ import_react145.default.createElement("span", null, eachItem.label))), /* @__PURE__ */ import_react145.default.createElement("div", { id: "nav-content-highlight" })));
+  const handleChange = (item) => {
+    if (props.onChange) {
+      props.onChange(item);
+    }
+  };
+  return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, { key: props.name }, /* @__PURE__ */ import_react145.default.createElement("div", { className: props.imgClassName }, /* @__PURE__ */ import_react145.default.createElement("img", { src: props.img, alt: "logo" })), /* @__PURE__ */ import_react145.default.createElement("div", { className: props.listClassName }, props.items?.map((item) => {
+    return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, { key: item.label }, /* @__PURE__ */ import_react145.default.createElement(
+      ButtonElement,
+      {
+        ...item,
+        className: item.active ? props.activeClassName : props.className,
+        iconsClassName: props.iconsClassName,
+        onClick: (e) => {
+          e.preventDefault();
+          handleChange(item);
+        }
+      }
+    ));
+  })));
 };
 
 // src/Components/Navbar.tsx