@parallelworks/tandem-web 0.139.0 → 0.139.2

package/pages/projects.js

@@ -1,14 +1,14 @@
-import { Link as e, useNavigate as t } from "../lib/router.js";
-import { projectsQuery as n, teamsQuery as r } from "../api/queries.js";
-import { ChevronDownIcon as i, ListViewIcon as a, PriorityIcon as o, ProjectIcon as s, TimelineIcon as c, usePriorityNames as l } from "../components/icons.js";
-import { healthStates as u, projectStatuses as d } from "../lib/projectStates.js";
-import { storeLayout as f, storedLayout as p } from "../lib/projectList.js";
-import { useFavorites as m } from "../lib/favorites.js";
-import { copyItem as h, useLinkItems as g } from "../lib/menus.js";
-import { useTime as _ } from "../lib/time.js";
-import { HealthIcon as v, ProgressBar as y, ProjectStatusIcon as b, healthOf as x } from "../components/Planning.js";
-import { usePeople as S } from "../lib/people.js";
-import { usePageTitle as C } from "../lib/pageTitle.js";
+import { usePageTitle as e } from "../lib/pageTitle.js";
+import { Link as t, useNavigate as n } from "../lib/router.js";
+import { projectsQuery as r, teamsQuery as i } from "../api/queries.js";
+import { ChevronDownIcon as a, ListViewIcon as o, PriorityIcon as s, ProjectIcon as c, TimelineIcon as l, usePriorityNames as u } from "../components/icons.js";
+import { healthStates as d, projectStatuses as f } from "../lib/projectStates.js";
+import { storeLayout as p, storedLayout as m } from "../lib/projectList.js";
+import { useFavorites as h } from "../lib/favorites.js";
+import { copyItem as g, useLinkItems as _ } from "../lib/menus.js";
+import { useTime as v } from "../lib/time.js";
+import { HealthIcon as y, ProgressBar as b, ProjectStatusIcon as x, healthOf as S } from "../components/Planning.js";
+import { usePeople as C } from "../lib/people.js";
 import { useCan as w } from "../lib/roles.js";
 import { EntityIcon as T } from "../components/EntityIcon.js";
 import { projectRef as E, projectTree as D, projectsUnder as O } from "../lib/projects.js";
@@ -24,64 +24,64 @@ import { useSuspenseQuery as B } from "@tanstack/react-query";
 import { MoreButton as V } from "@parallelworks/ui/list";
 // src/pages/projects.tsx
 function H() {
-	let { workspace: e, key: i } = ue({ strict: !1 }), o = de({ strict: !1 }), l = i ? {
-		...o,
-		team: i
-	} : o, u = L("planning"), _ = L("common"), { data: v } = B(n(e)), { data: y } = B(r(e)), b = y.find((e) => e.key === l.team);
-	C(b ? u("teamProjects", { team: b.name }) : u("projects"));
-	let S = i ? "list" : "timeline", T = l.view ?? p(!!i) ?? S, D = v.filter((e) => (!b || e.teamIds.includes(b.id)) && !!e.template == (T === "templates")), k = w(e, "manage_projects"), [j, M] = F(!1), N = fe(), P = t(), I = le(), V = g(), H = l.parent ? v.find((e) => e.id === l.parent) : void 0, U = H && new Set(O(v, H.id).map((e) => e.id)), W = D.filter((e) => (!l.status || e.status === l.status) && (!l.health || x(e) === l.health) && (!U || U.has(e.id))), G = (t) => {
+	let { workspace: t, key: a } = ue({ strict: !1 }), s = de({ strict: !1 }), u = a ? {
+		...s,
+		team: a
+	} : s, d = L("planning"), v = L("common"), { data: y } = B(r(t)), { data: b } = B(i(t)), x = b.find((e) => e.key === u.team);
+	e(x ? d("teamProjects", { team: x.name }) : d("projects"));
+	let C = a ? "list" : "timeline", T = u.view ?? m(!!a) ?? C, D = y.filter((e) => (!x || e.teamIds.includes(x.id)) && !!e.template == (T === "templates")), k = w(t, "manage_projects"), [j, M] = F(!1), N = fe(), P = n(), I = le(), V = _(), H = u.parent ? y.find((e) => e.id === u.parent) : void 0, U = H && new Set(O(y, H.id).map((e) => e.id)), W = D.filter((e) => (!u.status || e.status === u.status) && (!u.health || S(e) === u.health) && (!U || U.has(e.id))), G = (e) => {
 		let { team: n, ...r } = Object.fromEntries(Object.entries({
-			...l,
-			...t
+			...u,
+			...e
 		}).filter(([, e]) => e !== void 0));
-		return P(i ? {
+		return P(a ? {
 			to: "/$workspace/teams/$key/projects",
 			params: {
-				workspace: e,
-				key: i
+				workspace: t,
+				key: a
 			},
 			search: r,
 			replace: !0
 		} : {
 			to: "/$workspace/projects",
-			params: { workspace: e },
+			params: { workspace: t },
 			search: r,
 			replace: !0
 		});
-	}, K = m(e), q = L("favorites"), J = (t) => [
+	}, K = h(t), q = L("favorites"), J = (e) => [
 		{
-			label: _("open"),
+			label: v("open"),
 			onClick: () => P({
 				to: "/$workspace/projects/$projectId",
 				params: {
-					workspace: e,
-					projectId: E(t)
+					workspace: t,
+					projectId: E(e)
 				}
 			})
 		},
 		{
-			label: u("viewIssues"),
+			label: d("viewIssues"),
 			onClick: () => P({
 				to: "/$workspace/projects/$projectId",
 				params: {
-					workspace: e,
-					projectId: E(t)
+					workspace: t,
+					projectId: E(e)
 				},
 				search: { tab: "issues" }
 			})
 		},
 		{
-			label: K.find("project", t.id) ? q("remove") : q("add"),
-			onClick: () => K.toggle("project", t.id)
+			label: K.find("project", e.id) ? q("remove") : q("add"),
+			onClick: () => K.toggle("project", e.id)
 		},
 		ce,
-		...V(`/${e}/projects/${E(t)}`),
-		h(_("copyName"), t.name)
-	], Y = (t) => ({
-		workspace: e,
-		project: t,
-		onContextMenu: (e) => I(e, J(t)),
-		menu: () => J(t)
+		...V(`/${t}/projects/${E(e)}`),
+		g(v("copyName"), e.name)
+	], Y = (e) => ({
+		workspace: t,
+		project: e,
+		onContextMenu: (t) => I(t, J(e)),
+		menu: () => J(e)
 	});
 	return /* @__PURE__ */ z("div", {
 		className: "flex h-full min-h-0 flex-col",
@@ -91,10 +91,10 @@ function H() {
 				children: [
 					/* @__PURE__ */ R("h1", {
 						className: "min-w-0 truncate text-sm font-semibold",
-						children: b ? u("teamProjects", { team: b.name }) : u("projects")
+						children: x ? d("teamProjects", { team: x.name }) : d("projects")
 					}),
-					!b && /* @__PURE__ */ R(ee, {
-						workspace: e,
+					!x && /* @__PURE__ */ R(ee, {
+						workspace: t,
 						kind: "page",
 						target: "projects"
 					}),
@@ -104,25 +104,25 @@ function H() {
 							...T !== "templates" && {
 								layouts: [{
 									value: "list",
-									label: u("views.list"),
-									icon: /* @__PURE__ */ R(a, {})
+									label: d("views.list"),
+									icon: /* @__PURE__ */ R(o, {})
 								}, {
 									value: "timeline",
-									label: u("views.timeline"),
-									icon: /* @__PURE__ */ R(c, {})
+									label: d("views.timeline"),
+									icon: /* @__PURE__ */ R(l, {})
 								}],
 								layout: T,
 								onLayoutChange: (e) => {
-									f(!!i, e), G({ view: e });
+									p(!!a, e), G({ view: e });
 								}
 							},
-							changed: T !== S,
+							changed: T !== C,
 							children: /* @__PURE__ */ z("div", {
 								className: "flex items-center justify-between gap-3",
 								children: [/* @__PURE__ */ R("span", {
 									id: N,
 									className: "text-sm",
-									children: u("showTemplates")
+									children: d("showTemplates")
 								}), /* @__PURE__ */ R(oe, {
 									size: "sm",
 									checked: T === "templates",
@@ -133,7 +133,7 @@ function H() {
 						})
 					}),
 					k && /* @__PURE__ */ R(ae, {
-						label: u("newProject"),
+						label: d("newProject"),
 						onClick: () => M(!0)
 					})
 				]
@@ -142,41 +142,41 @@ function H() {
 				className: "flex shrink-0 flex-wrap items-center gap-1 border-b border-border px-4 py-2 md:px-5",
 				children: [
 					/* @__PURE__ */ R(se, {
-						label: u("filterStatus"),
+						label: d("filterStatus"),
 						multiple: !1,
 						all: { count: D.length },
-						options: d.map((e) => ({
+						options: f.map((e) => ({
 							value: e,
-							label: u(`status.${e}`),
+							label: d(`status.${e}`),
 							count: D.filter((t) => t.status === e).length
 						})),
-						value: l.status ? [l.status] : [],
+						value: u.status ? [u.status] : [],
 						onValueChange: ([e]) => G({ status: e })
 					}),
-					l.health && /* @__PURE__ */ R(A, {
+					u.health && /* @__PURE__ */ R(A, {
 						variant: "outline",
 						size: "sm",
 						"aria-pressed": !0,
 						onClick: () => G({ health: void 0 }),
-						children: u("healthFilter", { health: u(`health.${l.health}`) })
+						children: d("healthFilter", { health: d(`health.${u.health}`) })
 					}),
 					D.some((e) => e.parentId) && /* @__PURE__ */ R(re, {
 						items: [{
 							value: "",
-							label: u("anyParent")
-						}, ...v.filter((e) => v.some((t) => t.parentId === e.id)).map((e) => ({
+							label: d("anyParent")
+						}, ...y.filter((e) => y.some((t) => t.parentId === e.id)).map((e) => ({
 							value: e.id,
 							label: e.name
 						}))],
-						value: l.parent ?? "",
+						value: u.parent ?? "",
 						onValueChange: (e) => G({ parent: e || void 0 }),
-						placeholder: u("parentProject"),
-						"aria-label": u("parentProject"),
+						placeholder: d("parentProject"),
+						"aria-label": d("parentProject"),
 						trigger: /* @__PURE__ */ R(A, {
 							variant: "outline",
 							size: "sm",
 							className: H ? "border-(--theme-link) text-(--theme-app)" : void 0,
-							children: H ? u("underProject", { name: H.name }) : u("parentProject")
+							children: H ? d("underProject", { name: H.name }) : d("parentProject")
 						})
 					})
 				]
@@ -188,18 +188,18 @@ function H() {
 					children: W.length === 0 ? /* @__PURE__ */ R("div", {
 						className: "p-6",
 						children: /* @__PURE__ */ R(ie, {
-							icon: /* @__PURE__ */ R(s, {}),
-							title: l.status || l.health ? u("noProjectsWithStatus") : u(T === "templates" ? "noTemplates" : "noProjects"),
-							...!l.status && !l.health && { description: u(T === "templates" ? "noTemplatesDescription" : "noProjectsDescription") },
-							...k && !l.status && !l.health && T !== "templates" && { action: /* @__PURE__ */ R(A, {
+							icon: /* @__PURE__ */ R(c, {}),
+							title: u.status || u.health ? d("noProjectsWithStatus") : d(T === "templates" ? "noTemplates" : "noProjects"),
+							...!u.status && !u.health && { description: d(T === "templates" ? "noTemplatesDescription" : "noProjectsDescription") },
+							...k && !u.status && !u.health && T !== "templates" && { action: /* @__PURE__ */ R(A, {
 								type: "button",
 								variant: "primary",
 								onClick: () => M(!0),
-								children: u("newProject")
+								children: d("newProject")
 							}) }
 						})
 					}) : T === "timeline" ? /* @__PURE__ */ R(ge, {
-						workspace: e,
+						workspace: t,
 						projects: W,
 						rowProps: Y
 					}) : /* @__PURE__ */ R(pe, {
@@ -207,15 +207,15 @@ function H() {
 						rowProps: Y
 					})
 				}), /* @__PURE__ */ R(_e, {
-					workspace: e,
+					workspace: t,
 					projects: D,
-					health: l.health,
-					onHealth: (e) => G({ health: e === l.health ? void 0 : e })
+					health: u.health,
+					onHealth: (e) => G({ health: e === u.health ? void 0 : e })
 				})]
 			}),
 			j && /* @__PURE__ */ R(ne, {
-				workspace: e,
-				teamId: b?.id,
+				workspace: t,
+				teamId: x?.id,
 				onClose: () => M(!1)
 			})
 		]
@@ -266,29 +266,29 @@ function W({ project: e }) {
 		icon: e.icon ?? "",
 		color: e.color ?? "",
 		name: e.name
-	}) : /* @__PURE__ */ R(s, { className: "size-4 text-muted-foreground" });
+	}) : /* @__PURE__ */ R(c, { className: "size-4 text-muted-foreground" });
 }
-function G({ workspace: t, project: n, onContextMenu: r, menu: a, depth: s = 0, childCount: c = 0, folded: u = !1, onFold: d }) {
-	let f = L("planning"), p = L("common"), m = _(), h = l(), { person: g } = S(t), C = n.lead ? g(n.lead) : void 0, w = x(n);
+function G({ workspace: e, project: n, onContextMenu: r, menu: i, depth: o = 0, childCount: c = 0, folded: l = !1, onFold: d }) {
+	let f = L("planning"), p = L("common"), m = v(), h = u(), { person: g } = C(e), _ = n.lead ? g(n.lead) : void 0, w = S(n);
 	return /* @__PURE__ */ z("li", {
 		className: "group flex items-center border-b border-border pr-2 hover:bg-muted/60",
 		children: [
 			/* @__PURE__ */ R("span", {
 				className: "flex shrink-0 justify-end pl-2 md:pl-3",
-				style: { width: `${s * 1.25 + 2}rem` },
+				style: { width: `${o * 1.25 + 2}rem` },
 				children: c > 0 && /* @__PURE__ */ R("button", {
 					type: "button",
 					onClick: d,
-					"aria-expanded": !u,
-					"aria-label": f(u ? "showSubProjects" : "hideSubProjects", { name: n.name }),
+					"aria-expanded": !l,
+					"aria-label": f(l ? "showSubProjects" : "hideSubProjects", { name: n.name }),
 					className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
-					children: /* @__PURE__ */ R(i, { className: `size-3.5 transition-transform ${u ? "-rotate-90" : ""}` })
+					children: /* @__PURE__ */ R(a, { className: `size-3.5 transition-transform ${l ? "-rotate-90" : ""}` })
 				})
 			}),
-			/* @__PURE__ */ z(e, {
+			/* @__PURE__ */ z(t, {
 				to: "/$workspace/projects/$projectId",
 				params: {
-					workspace: t,
+					workspace: e,
 					projectId: E(n)
 				},
 				onContextMenu: r,
@@ -309,7 +309,7 @@ function G({ workspace: t, project: n, onContextMenu: r, menu: a, depth: s = 0,
 					}),
 					/* @__PURE__ */ z("span", {
 						className: "flex items-center gap-1.5 whitespace-nowrap text-xs text-muted-foreground",
-						children: [/* @__PURE__ */ R(v, { state: w }), f(`health.${w}`)]
+						children: [/* @__PURE__ */ R(y, { state: w }), f(`health.${w}`)]
 					}),
 					/* @__PURE__ */ R(M, {
 						content: h[n.priority],
@@ -317,16 +317,16 @@ function G({ workspace: t, project: n, onContextMenu: r, menu: a, depth: s = 0,
 							role: "img",
 							"aria-label": h[n.priority],
 							className: "flex",
-							children: /* @__PURE__ */ R(o, { priority: n.priority })
+							children: /* @__PURE__ */ R(s, { priority: n.priority })
 						})
 					}),
 					/* @__PURE__ */ R("span", {
 						className: "flex",
-						children: C && /* @__PURE__ */ R(M, {
-							content: f("leadIs", { name: C.name }),
+						children: _ && /* @__PURE__ */ R(M, {
+							content: f("leadIs", { name: _.name }),
 							children: /* @__PURE__ */ R("span", { children: /* @__PURE__ */ R(k, {
-								name: C.name,
-								src: C.avatarUrl,
+								name: _.name,
+								src: _.avatarUrl,
 								size: "sm"
 							}) })
 						})
@@ -335,7 +335,7 @@ function G({ workspace: t, project: n, onContextMenu: r, menu: a, depth: s = 0,
 						className: "text-xs text-muted-foreground tabular-nums",
 						children: n.targetDate ? m.day(n.targetDate) : ""
 					}),
-					/* @__PURE__ */ R("span", { children: /* @__PURE__ */ R(y, {
+					/* @__PURE__ */ R("span", { children: /* @__PURE__ */ R(b, {
 						progress: c > 0 ? n.treeProgress : n.progress,
 						compact: !0
 					}) }),
@@ -345,13 +345,13 @@ function G({ workspace: t, project: n, onContextMenu: r, menu: a, depth: s = 0,
 							role: "img",
 							"aria-label": f(`status.${n.status}`),
 							className: "flex",
-							children: /* @__PURE__ */ R(b, { status: n.status })
+							children: /* @__PURE__ */ R(x, { status: n.status })
 						})
 					})
 				]
 			}),
 			/* @__PURE__ */ R(V, {
-				items: a,
+				items: i,
 				label: p("moreActionsFor", { name: n.name })
 			})
 		]
@@ -364,7 +364,7 @@ var K = 864e5, q = 5, J = 64, Y = 256, X = 56, Z = (e) => Date.parse(`${e}T00:00
 	let e = /* @__PURE__ */ new Date();
 	return Date.UTC(e.getFullYear(), e.getMonth(), e.getDate());
 }, he = (e) => e - (new Date(e).getUTCDay() + 6) % 7 * K;
-function ge({ workspace: t, projects: n, rowProps: r }) {
+function ge({ workspace: e, projects: n, rowProps: r }) {
 	let i = L("planning"), a = I(), o = P(null), [s, c] = F({
 		left: 0,
 		width: 0
@@ -493,10 +493,10 @@ function ge({ workspace: t, projects: n, rowProps: r }) {
 								style: { width: h },
 								children: [o && !d && !f && /* @__PURE__ */ R(M, {
 									content: `${n.name}, ${y(i, a)}`,
-									children: /* @__PURE__ */ z(e, {
+									children: /* @__PURE__ */ z(t, {
 										to: "/$workspace/projects/$projectId",
 										params: {
-											workspace: t,
+											workspace: e,
 											projectId: E(n)
 										},
 										className: "absolute top-2 bottom-2 flex flex-col justify-end gap-1",
@@ -519,10 +519,10 @@ function ge({ workspace: t, projects: n, rowProps: r }) {
 											})]
 										})]
 									})
-								}), (d || f) && /* @__PURE__ */ z(e, {
+								}), (d || f) && /* @__PURE__ */ z(t, {
 									to: "/$workspace/projects/$projectId",
 									params: {
-										workspace: t,
+										workspace: e,
 										projectId: E(n)
 									},
 									className: "absolute top-1/2 flex -translate-y-1/2 items-center gap-1.5 whitespace-nowrap text-xs text-muted-foreground hover:text-foreground",
@@ -550,12 +550,12 @@ function ge({ workspace: t, projects: n, rowProps: r }) {
 		})
 	});
 }
-function $({ workspace: t, project: n, onContextMenu: r }) {
-	let i = L("planning"), { person: a } = S(t), o = n.lead ? a(n.lead) : void 0, s = x(n);
-	return /* @__PURE__ */ z(e, {
+function $({ workspace: e, project: n, onContextMenu: r }) {
+	let i = L("planning"), { person: a } = C(e), o = n.lead ? a(n.lead) : void 0, s = S(n);
+	return /* @__PURE__ */ z(t, {
 		to: "/$workspace/projects/$projectId",
 		params: {
-			workspace: t,
+			workspace: e,
 			projectId: E(n)
 		},
 		onContextMenu: r,
@@ -572,7 +572,7 @@ function $({ workspace: t, project: n, onContextMenu: r }) {
 				children: /* @__PURE__ */ R("span", {
 					role: "img",
 					"aria-label": i(`health.${s}`),
-					children: /* @__PURE__ */ R(v, { state: s })
+					children: /* @__PURE__ */ R(y, { state: s })
 				})
 			}),
 			o && /* @__PURE__ */ R(k, {
@@ -584,8 +584,8 @@ function $({ workspace: t, project: n, onContextMenu: r }) {
 		]
 	});
 }
-function _e({ workspace: e, projects: t, health: n, onHealth: i }) {
-	let a = L("planning"), { data: o } = B(r(e)), { person: s } = S(e), [c, l] = F("health"), d = (e) => t.filter(e).length, f = "flex h-9 w-full items-center gap-2.5 rounded-md px-2 text-sm", p = [...new Set(t.map((e) => e.lead ?? ""))];
+function _e({ workspace: e, projects: t, health: n, onHealth: r }) {
+	let a = L("planning"), { data: o } = B(i(e)), { person: s } = C(e), [c, l] = F("health"), u = (e) => t.filter(e).length, f = "flex h-9 w-full items-center gap-2.5 rounded-md px-2 text-sm", p = [...new Set(t.map((e) => e.lead ?? ""))];
 	return /* @__PURE__ */ z("aside", {
 		"aria-label": a("breakdown"),
 		className: "hidden w-72 shrink-0 overflow-y-auto border-l border-border p-3 xl:block",
@@ -606,16 +606,16 @@ function _e({ workspace: e, projects: t, health: n, onHealth: i }) {
 		}), /* @__PURE__ */ z("ul", {
 			className: "mt-2",
 			children: [
-				c === "health" && u.map((e) => ({
+				c === "health" && d.map((e) => ({
 					h: e,
-					n: d((t) => x(t) === e)
+					n: u((t) => S(t) === e)
 				})).filter(({ n: e }) => e > 0).map(({ h: e, n: t }) => /* @__PURE__ */ R("li", { children: /* @__PURE__ */ z("button", {
 					type: "button",
 					"aria-pressed": n === e,
-					onClick: () => i(e),
+					onClick: () => r(e),
 					className: `${f} hover:bg-muted aria-pressed:bg-muted`,
 					children: [
-						/* @__PURE__ */ R(v, { state: e }),
+						/* @__PURE__ */ R(y, { state: e }),
 						/* @__PURE__ */ R("span", {
 							className: "flex-1 text-left",
 							children: a(`health.${e}`)
@@ -628,7 +628,7 @@ function _e({ workspace: e, projects: t, health: n, onHealth: i }) {
 				}) }, e)),
 				c === "teams" && o.filter((e) => !e.archivedAt).map((e) => ({
 					team: e,
-					n: d((t) => t.teamIds.includes(e.id))
+					n: u((t) => t.teamIds.includes(e.id))
 				})).filter(({ n: e }) => e > 0).map(({ team: e, n: t }) => /* @__PURE__ */ z("li", {
 					className: f,
 					children: [
@@ -664,7 +664,7 @@ function _e({ workspace: e, projects: t, health: n, onHealth: i }) {
 							}),
 							/* @__PURE__ */ R("span", {
 								className: "text-muted-foreground tabular-nums",
-								children: d((t) => (t.lead ?? "") === e)
+								children: u((t) => (t.lead ?? "") === e)
 							})
 						]
 					}, e || "none");