@materialui-reactjs/admin 1.0.4

package/dist/chunks/sidebar-Dj4Xr9du.js

@@ -0,0 +1,84 @@
+import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Link as n } from "react-router-dom";
+//#region src/components/sidebar/Sidebar.utils.ts
+function r(e, t) {
+	return t ? e.url === t ? !0 : e.subs?.some((e) => r(e, t)) ?? !1 : !1;
+}
+//#endregion
+//#region src/components/sidebar/SidebarItem.tsx
+var i = ({ item: a, currentPath: o, level: s = 0, onClick: c }) => {
+	let l = (a.subs ?? []).filter((e) => e.isPer && e.module === "admins" && e.status !== 0), u = l?.length > 0, d = r(a, o);
+	return /* @__PURE__ */ t("li", {
+		className: "nav-item",
+		children: [/* @__PURE__ */ t(n, {
+			to: u ? `#menu-${a.id}` : a.url,
+			"data-bs-toggle": u ? "collapse" : void 0,
+			"aria-expanded": d,
+			className: `nav-link ${d ? "active" : ""}`,
+			onClick: () => c?.(a),
+			children: [/* @__PURE__ */ e("i", { className: `${s === 0 && a.menuIcon ? a.menuIcon : "fa-regular fa-circle fs-6"}` }), /* @__PURE__ */ e("span", {
+				className: "nav-link-text ms-2",
+				children: a.name
+			})]
+		}), u && /* @__PURE__ */ e("div", {
+			id: `menu-${a.id}`,
+			className: `collapse ${d ? "show" : ""}`,
+			children: /* @__PURE__ */ e("ul", {
+				className: "nav",
+				children: l.map((t) => /* @__PURE__ */ e(i, {
+					item: t,
+					currentPath: o,
+					onClick: c,
+					level: s + 1
+				}, t.id))
+			})
+		})]
+	});
+}, a = ({ logo: a, menus: o, currentPath: s, onMenuClick: c, className: l }) => {
+	let u = r({
+		url: "/dashboard",
+		subs: []
+	}, s);
+	return /* @__PURE__ */ t("aside", {
+		className: `sidenav navbar navbar-vertical navbar-expand-xs fixed-start bg-gradient-dark ${l ?? ""}`,
+		children: [/* @__PURE__ */ e("div", {
+			className: "sidenav-header",
+			children: /* @__PURE__ */ e("a", {
+				className: "navbar-brand px-4 py-3",
+				href: "#",
+				children: /* @__PURE__ */ e("img", {
+					src: a,
+					className: "w-100",
+					alt: "Logo"
+				})
+			})
+		}), /* @__PURE__ */ e("div", {
+			className: "collapse navbar-collapse",
+			style: { height: "auto" },
+			children: /* @__PURE__ */ t("ul", {
+				className: "navbar-nav",
+				children: [/* @__PURE__ */ e("li", {
+					className: "nav-item",
+					children: /* @__PURE__ */ t(n, {
+						to: "/dashboard",
+						className: `nav-link ${u ? "active" : ""}`,
+						children: [/* @__PURE__ */ e("i", { className: "fa-regular fa-gauge" }), /* @__PURE__ */ e("span", {
+							className: "nav-link-text ms-2",
+							children: "Bảng tổng hợp"
+						})]
+					})
+				}), o.map((t) => {
+					if (!(!t.isPer || t.module !== "admins" || t?.status === 0)) return /* @__PURE__ */ e(i, {
+						item: t,
+						currentPath: s,
+						onClick: c,
+						level: 0
+					}, t.id);
+				})]
+			})
+		})]
+	});
+};
+//#endregion
+export { a as t };