@burdenoff/fe-libs 2026.527.3 → 2026.527.4

package/dist/chrome/notificationCenter/useNotificationCenter.js

@@ -0,0 +1,149 @@
+import { COUNTS_BY_APP_QUERY as e, DELETE_NOTIFICATION_MUTATION as t, MARK_ALL_READ_MUTATION as n, MARK_READ_MUTATION as r, MY_UNREAD_COUNT_SUBSCRIPTION as i, NOTIFICATIONS_QUERY as a, UNREAD_COUNT_QUERY as o } from "./gql.js";
+import { useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
+//#region src/chrome/notificationCenter/useNotificationCenter.ts
+function d({ client: d, isOpen: f, lazy: p, filterTab: m, typeFilter: h, appFilter: g }) {
+	let [_, v] = u([]), [y, b] = u(0), [x, S] = u({}), [C, w] = u(0), [T, E] = u(!1), [D, O] = u(null), k = l(d);
+	c(() => {
+		k.current = d;
+	}, [d]);
+	let A = s(async () => {
+		try {
+			let e = (await k.current.query({
+				query: o,
+				variables: { filter: {
+					channel: "IN_APP",
+					archived: !1
+				} },
+				fetchPolicy: "network-only"
+			})).data;
+			b(e?.myUnreadNotificationCount ?? 0);
+		} catch {}
+	}, []), [j, M] = u(!1);
+	c(() => {
+		let e = () => M(!0);
+		if (typeof window < "u" && "requestIdleCallback" in window) {
+			let t = window.requestIdleCallback(e, { timeout: 2e3 });
+			return () => {
+				window.cancelIdleCallback?.(t);
+			};
+		}
+		let t = setTimeout(e, 500);
+		return () => clearTimeout(t);
+	}, []), c(() => {
+		if (p || !j) return;
+		A();
+		let e = k.current.subscribe({
+			query: i,
+			variables: { filter: {
+				channel: "IN_APP",
+				archived: !1
+			} },
+			fetchPolicy: "no-cache"
+		}).subscribe({
+			next: (e) => {
+				let t = e.data;
+				typeof t?.myUnreadNotificationCountStream == "number" && b(t.myUnreadNotificationCountStream);
+			},
+			error: () => {}
+		}), t = setInterval(A, 300 * 1e3);
+		return () => {
+			e.unsubscribe(), clearInterval(t);
+		};
+	}, [
+		A,
+		p,
+		j
+	]);
+	let N = s(async () => {
+		E(!0), O(null);
+		try {
+			let e = {
+				channel: "IN_APP",
+				archived: !1
+			};
+			m === "unread" && (e.isRead = !1), m === "read" && (e.isRead = !0), h !== "ALL" && (e.type = h), g !== "ALL" && (e.appName = g);
+			let t = (await k.current.query({
+				query: a,
+				variables: {
+					filter: e,
+					limit: 20,
+					offset: 0
+				},
+				fetchPolicy: "network-only"
+			})).data?.notifications;
+			t && (v(t.items ?? []), w(t.total ?? 0));
+		} catch (e) {
+			O(e instanceof Error ? e.message : "Failed to load notifications");
+		} finally {
+			E(!1);
+		}
+	}, [
+		m,
+		h,
+		g
+	]), P = s(async () => {
+		try {
+			let t = (await k.current.query({
+				query: e,
+				fetchPolicy: "network-only"
+			})).data;
+			S(t?.myNotificationCountsByApp ?? {});
+		} catch {}
+	}, []);
+	return c(() => {
+		f && (p && A(), N(), P(), A());
+	}, [
+		f,
+		N,
+		P,
+		A,
+		p
+	]), {
+		notifications: _,
+		unreadCount: y,
+		countsByApp: x,
+		totalCount: C,
+		loading: T,
+		error: D,
+		fetchNotifications: N,
+		handleMarkAsRead: s(async (e) => {
+			try {
+				await k.current.mutate({
+					mutation: r,
+					variables: { id: e }
+				}), v((t) => t.map((t) => t.id === e ? {
+					...t,
+					isRead: !0,
+					readAt: (/* @__PURE__ */ new Date()).toISOString()
+				} : t)), b((e) => Math.max(0, e - 1));
+			} catch (e) {
+				console.error("Failed to mark notification as read:", e);
+			}
+		}, []),
+		handleMarkAllAsRead: s(async () => {
+			try {
+				await k.current.mutate({ mutation: n }), v((e) => e.map((e) => ({
+					...e,
+					isRead: !0,
+					readAt: e.readAt || (/* @__PURE__ */ new Date()).toISOString()
+				}))), b(0);
+			} catch (e) {
+				console.error("Failed to mark all notifications as read:", e);
+			}
+		}, []),
+		handleDelete: s(async (e) => {
+			try {
+				await k.current.mutate({
+					mutation: t,
+					variables: { id: e }
+				});
+				let n = _.find((t) => t.id === e);
+				v((t) => t.filter((t) => t.id !== e)), w((e) => Math.max(0, e - 1)), n && !n.isRead && b((e) => Math.max(0, e - 1));
+			} catch (e) {
+				console.error("Failed to delete notification:", e);
+			}
+		}, [_])
+	};
+}
+//#endregion
+export { d as useNotificationCenter };

package/dist/chrome/notificationCenter/usePanelChrome.js

@@ -0,0 +1,36 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/chrome/notificationCenter/usePanelChrome.ts
+function n() {
+	let [n, r] = t(!1);
+	return e(() => {
+		let e = window.matchMedia("(max-width: 767px)");
+		r(e.matches);
+		let t = (e) => r(e.matches);
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), { isMobile: n };
+}
+function r(t, n, r, i) {
+	e(() => {
+		if (!t || n) return;
+		let e = (e) => {
+			r.current && !r.current.contains(e.target) && i();
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [
+		t,
+		n,
+		r,
+		i
+	]);
+}
+function i(t, n) {
+	e(() => {
+		if (!t) return;
+		let e = (e) => {
+			e.key === "Escape" && n();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [t, n]);
+}
+//#endregion
+export { i as useEscapeClose, r as useOutsideClickClose, n as usePanelChrome };

package/dist/chrome/sideNavigation/CollapseToggle.js

@@ -0,0 +1,29 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/chrome/sideNavigation/CollapseToggle.tsx
+var n = ({ collapsed: n, collapseLabel: r, onToggleCollapse: i }) => /* @__PURE__ */ e("div", {
+	className: `hidden md:block py-4 border-t border-border-subtle ${n ? "px-2" : "px-card-padding"}`,
+	children: /* @__PURE__ */ t("button", {
+		type: "button",
+		onClick: i,
+		className: `w-full flex items-center gap-icon-gap py-2 rounded-button text-text-secondary hover:bg-action-ghost-bg-hover hover:text-text-primary transition-colors ${n ? "justify-center px-2" : "px-card-padding"}`,
+		"aria-label": n ? "Expand sidebar" : "Collapse sidebar",
+		title: n ? "Expand sidebar" : "Collapse sidebar",
+		children: [/* @__PURE__ */ e("svg", {
+			className: `w-icon-md h-icon-md transition-transform ${n ? "rotate-180" : ""}`,
+			fill: "none",
+			stroke: "currentColor",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ e("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M15 19l-7-7 7-7"
+			})
+		}), !n && /* @__PURE__ */ e("span", {
+			className: "text-body-sm font-medium",
+			children: r
+		})]
+	})
+});
+//#endregion
+export { n as CollapseToggle };

package/dist/chrome/sideNavigation/MobileActionsBar.js

@@ -0,0 +1,25 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/chrome/sideNavigation/MobileActionsBar.tsx
+var n = ({ actions: n, collapsed: r, onToggleCollapse: i }) => /* @__PURE__ */ t("div", {
+	className: "md:hidden py-4 px-4 border-t border-border-subtle bg-bg-canvas/50",
+	children: [/* @__PURE__ */ e("p", {
+		className: "text-caption text-text-tertiary mb-3 font-medium uppercase tracking-wider",
+		children: "Quick Actions"
+	}), /* @__PURE__ */ e("div", {
+		className: "flex items-center justify-center gap-3",
+		children: n.map((t) => /* @__PURE__ */ e("button", {
+			onClick: () => {
+				t.onClick(), t.closeSidebar !== !1 && i && !r && i();
+			},
+			className: `flex items-center justify-center w-12 h-12 rounded-xl text-body-sm font-medium transition-all ${t.isToggle && t.isActive ? "bg-action-primary-bg text-action-primary-text shadow-sm" : "bg-bg-surface text-text-primary hover:bg-action-ghost-bg-hover border border-border-subtle hover:border-border-default active:scale-95"}`,
+			"aria-label": t.label,
+			title: t.label,
+			children: /* @__PURE__ */ e("span", {
+				className: "size-5",
+				children: t.icon
+			})
+		}, t.id))
+	})]
+});
+//#endregion
+export { n as MobileActionsBar };

package/dist/chrome/sideNavigation/NavItemRenderer.js

@@ -0,0 +1,79 @@
+import { isItemDirectlyActive as e, isItemOrChildActive as t } from "./helpers.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/chrome/sideNavigation/NavItemRenderer.tsx
+var i = ({ item: a, depth: o, maxDepth: s, currentPath: c, expandedItems: l, toggleExpand: u, onItemClick: d, onToggleCollapse: f, collapsed: p }) => {
+	let m = a.children && a.children.length > 0 && o < s, h = l.has(a.id), g = t(a, c), _ = e(a, c), v = o === 0 ? "w-icon-md h-icon-md" : "w-4 h-4";
+	return /* @__PURE__ */ r("li", { children: [/* @__PURE__ */ n("div", {
+		className: "relative",
+		children: /* @__PURE__ */ r("button", {
+			type: "button",
+			onClick: () => {
+				if (p && o === 0 && m) {
+					d(a.homePath || a.children?.[0]?.path || a.path);
+					return;
+				}
+				m ? u(a.id) : (d(a.path), window.innerWidth < 768 && f && !p && f());
+			},
+			className: `
+            w-full flex items-center gap-icon-gap ${o === 0 ? "py-2" : "py-1.5"} rounded-button
+            transition-colors duration-200 ease-out
+            active:scale-[0.98]
+            ${p && o === 0 ? "md:px-2 md:justify-center" : "px-card-padding"}
+            ${_ && !m ? "bg-action-primary-bg text-action-primary-text shadow-sm" : g && !h ? "bg-action-ghost-bg-hover text-text-primary" : "text-text-secondary hover:bg-action-ghost-bg-hover hover:text-text-primary"}
+          `,
+			"aria-label": a.label,
+			children: [
+				a.icon && /* @__PURE__ */ n("div", {
+					className: `${v} flex-shrink-0 flex items-center justify-center [&>svg]:w-full [&>svg]:h-full [&>svg]:stroke-[1.75]`,
+					children: typeof a.icon == "string" ? /* @__PURE__ */ n("svg", {
+						className: "w-full h-full",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ n("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: a.icon
+						})
+					}) : a.icon
+				}),
+				/* @__PURE__ */ n("span", {
+					className: `text-body-sm font-medium flex-1 text-left ${p && o === 0 ? "md:hidden" : ""}`,
+					children: a.label
+				}),
+				a.badge !== void 0 && a.badge > 0 && /* @__PURE__ */ n("span", {
+					className: `text-xs bg-status-error-bg text-status-error-text px-2 py-0.5 rounded-pill ${p && o === 0 ? "md:hidden" : ""}`,
+					children: a.badge
+				}),
+				m && !(p && o === 0) && /* @__PURE__ */ n("svg", {
+					className: `w-4 h-4 transition-transform ${h ? "rotate-90" : ""}`,
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ n("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M9 5l7 7-7 7"
+					})
+				})
+			]
+		})
+	}), m && h && !p && /* @__PURE__ */ n("ul", {
+		className: "mt-1 ml-6 space-y-1 border-l border-border-subtle pl-3 animate-in fade-in-0 slide-in-from-top-2 duration-200",
+		children: a.children.map((e) => /* @__PURE__ */ n(i, {
+			item: e,
+			depth: o + 1,
+			maxDepth: s,
+			currentPath: c,
+			expandedItems: l,
+			toggleExpand: u,
+			onItemClick: d,
+			onToggleCollapse: f,
+			collapsed: p
+		}, e.id))
+	})] });
+};
+//#endregion
+export { i as NavItemRenderer };

package/dist/chrome/sideNavigation/SidebarHeader.js

@@ -0,0 +1,29 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/chrome/sideNavigation/SidebarHeader.tsx
+var n = ({ header: n, collapsed: r, expandedCount: i, onCollapseAll: a }) => /* @__PURE__ */ t("div", {
+	className: `py-card-padding border-b border-border-subtle ${r ? "md:px-2" : "px-card-padding"} relative`,
+	children: [/* @__PURE__ */ e("div", {
+		className: i > 0 && !r ? "mr-8" : "",
+		children: n
+	}), !r && i > 0 && /* @__PURE__ */ e("button", {
+		type: "button",
+		onClick: a,
+		className: "absolute top-1/2 -translate-y-1/2 right-3 p-1.5 rounded-button hover:bg-action-ghost-bg-hover text-text-secondary hover:text-text-primary transition-colors",
+		title: "Collapse all",
+		"aria-label": "Collapse all menu items",
+		children: /* @__PURE__ */ e("svg", {
+			className: "size-4",
+			fill: "none",
+			stroke: "currentColor",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ e("path", {
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: 2,
+				d: "M5 15l7-7 7 7"
+			})
+		})
+	})]
+});
+//#endregion
+export { n as SidebarHeader };

package/dist/chrome/sideNavigation/helpers.js

@@ -0,0 +1,19 @@
+//#region src/chrome/sideNavigation/helpers.ts
+function e(e, t, n = !1) {
+	return e ? e === "/" ? t === "/" : n ? t === e : t === e || t.startsWith(`${e}/`) : !1;
+}
+function t(t, n) {
+	return e(t.path, n, t.exact) || e(t.homePath, n, t.exact);
+}
+var n = (e, r) => t(e, r) ? !0 : e.children ? e.children.some((e) => n(e, r)) : !1, r = (e, n, i = []) => {
+	for (let a of e) {
+		if (a.children && a.children.length > 0) {
+			let e = r(a.children, n, [...i, a.id]);
+			if (e.size > 0 || a.children.some((e) => t(e, n))) return e.add(a.id), i.forEach((t) => e.add(t)), e;
+		}
+		if (t(a, n)) return new Set(i);
+	}
+	return /* @__PURE__ */ new Set();
+};
+//#endregion
+export { r as findAncestorIds, t as isItemDirectlyActive, n as isItemOrChildActive };

package/dist/chrome/sideNavigation/useSideNavigationState.js

@@ -0,0 +1,45 @@
+import { findAncestorIds as e } from "./helpers.js";
+import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+//#region src/chrome/sideNavigation/useSideNavigationState.ts
+function a({ items: a, currentPath: o, collapsed: s, onToggleCollapse: c }) {
+	let [l, u] = i(/* @__PURE__ */ new Set()), d = r(s);
+	return n(() => {
+		d.current = s;
+	}, [s]), n(() => {
+		let t = e(a, o);
+		t.size > 0 && u((e) => {
+			let n = new Set(e), r = !1;
+			return t.forEach((e) => {
+				n.has(e) || (n.add(e), r = !0);
+			}), r ? n : e;
+		});
+	}, [o, a]), n(() => {
+		if (typeof window > "u" || !c) return;
+		let e = window.innerWidth < 768, t = () => {
+			let t = window.innerWidth < 768;
+			t && (!e || !d.current) && c(), e = t;
+		};
+		return t(), window.addEventListener("resize", t), () => {
+			window.removeEventListener("resize", t);
+		};
+	}, [c]), n(() => {
+		if (s) return;
+		let e = (e) => {
+			e.key === "Escape" && c && c();
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [s, c]), {
+		expandedItems: l,
+		toggleExpand: t((e) => {
+			u((t) => {
+				let n = new Set(t);
+				return n.has(e) ? n.delete(e) : n.add(e), n;
+			});
+		}, []),
+		collapseAll: t(() => {
+			u(/* @__PURE__ */ new Set());
+		}, [])
+	};
+}
+//#endregion
+export { a as useSideNavigationState };