@parallelworks/tandem-web 0.142.0 → 0.143.0

package/routes/_workspace/teams/_key/settings2.js

@@ -3,30 +3,32 @@ import { api as t, unwrap as n } from "../../../../api/client.js";
 import { usePageTitle as r } from "../../../../lib/pageTitle.js";
 import { useNavigate as i } from "../../../../lib/router.js";
 import { agentsQuery as a, meQuery as o, teamAccessQuery as s, teamMembersQuery as c, teamsQuery as l } from "../../../../api/queries.js";
-import { AddIcon as u, ShieldIcon as d, UsersIcon as f } from "../../../../components/icons.js";
-import { Route as p } from "./settings.js";
-import { copyItem as m } from "../../../../lib/menus.js";
-import { usePeople as h } from "../../../../lib/people.js";
-import { usePermissions as g } from "../../../../lib/roles.js";
-import { useConfirm as _ } from "../../../../lib/confirm.js";
+import { useConfirm as u } from "../../../../lib/confirm.js";
+import { AddIcon as d, ShieldIcon as f, UsersIcon as p } from "../../../../components/icons.js";
+import { Route as m } from "./settings.js";
+import { copyItem as h } from "../../../../lib/menus.js";
+import { usePeople as g } from "../../../../lib/people.js";
+import { usePermissions as _ } from "../../../../lib/roles.js";
 import { PersonHoverCard as v } from "../../../../components/PersonHoverCard.js";
-import { FavoriteStar as y } from "../../../../components/FavoriteStar.js";
-import { IconUpload as b } from "../../../../components/IconUpload.js";
-import { AccessGrants as x } from "../../../../components/AccessGrants.js";
-import { BugRotation as S } from "../../../../components/BugRotation.js";
-import { IssueTemplates as C } from "../../../../components/IssueTemplates.js";
-import { StatusRules as w } from "../../../../components/StatusRules.js";
-import { TeamRepositories as T } from "../../../../components/TeamRepositories.js";
-import { TeamWorkflow as E } from "../../../../components/TeamWorkflow.js";
-import { Avatar as D, Button as O, Card as k, Combobox as A, ConfirmModal as j, CopyButton as M, ErrorText as N, Input as P, PageHeader as F, Section as I, Select as L, SettingRow as R, SettingsCard as z, Switch as B, menuDivider as V, useOpenMenu as H } from "@parallelworks/ui";
+import { FieldSettings as y } from "../../../../components/CustomFields.js";
+import { withSubTeams as b } from "../../../../lib/teamTree.js";
+import { FavoriteStar as x } from "../../../../components/FavoriteStar.js";
+import { IconUpload as S } from "../../../../components/IconUpload.js";
+import { AccessGrants as C } from "../../../../components/AccessGrants.js";
+import { BugRotation as w } from "../../../../components/BugRotation.js";
+import { IssueTemplates as T } from "../../../../components/IssueTemplates.js";
+import { StatusRules as E } from "../../../../components/StatusRules.js";
+import { TeamRepositories as D } from "../../../../components/TeamRepositories.js";
+import { TeamWorkflow as O } from "../../../../components/TeamWorkflow.js";
+import { Avatar as k, Button as A, Card as ee, Combobox as te, ConfirmModal as j, CopyButton as M, ErrorText as N, Input as P, PageHeader as F, Section as I, Select as L, SettingRow as R, SettingsCard as z, Switch as B, menuDivider as V, useOpenMenu as H } from "@parallelworks/ui";
 import { useState as U } from "react";
 import { useErrorMessage as W } from "@parallelworks/problem/react";
 import { useTranslations as G } from "use-intl";
 import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
 import { useMutation as Y, useQuery as X, useQueryClient as Z, useSuspenseQuery as Q } from "@tanstack/react-query";
 // src/routes/$workspace/teams/$key/settings.tsx?tsr-split=component
-function ee() {
-	let { workspace: e, key: i } = p.useParams(), { data: a } = Q(l(e)), o = g(e, { team: i }), s = o.has("manage_teams"), c = G("settingsNav"), u = Z(), d = Y({
+function ne() {
+	let { workspace: e, key: i } = m.useParams(), { data: a } = Q(l(e)), o = _(e, { team: i }), s = o.has("manage_teams"), c = G("settingsNav"), u = Z(), d = Y({
 		mutationFn: async (r) => n(await t.PATCH("/api/v1/workspaces/{workspace}/teams/{key}", {
 			params: { path: {
 				workspace: e,
@@ -59,7 +61,7 @@ function ee() {
 					/* @__PURE__ */ J("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ q(b, {
+							/* @__PURE__ */ q(S, {
 								workspace: e,
 								icon: f.icon,
 								name: f.name,
@@ -81,73 +83,87 @@ function ee() {
 									})
 								]
 							}),
-							/* @__PURE__ */ q(y, {
+							/* @__PURE__ */ q(x, {
 								workspace: e,
 								kind: "team",
 								target: f.id
 							})
 						]
 					}),
-					/* @__PURE__ */ q(se, {
+					/* @__PURE__ */ q(re, {
+						workspace: e,
+						team: f,
+						teams: a,
+						isAdmin: s
+					}),
+					/* @__PURE__ */ q(ue, {
 						workspace: e,
 						teamKey: i,
 						isAdmin: o.has("manage_members")
 					}),
-					/* @__PURE__ */ q(E, {
+					/* @__PURE__ */ q(O, {
 						workspace: e,
 						teamKey: i,
 						isAdmin: o.has("manage_labels")
 					}),
-					/* @__PURE__ */ q(w, {
+					o.has("manage_labels") && /* @__PURE__ */ q(y, {
+						workspace: e,
+						target: "issue",
+						team: {
+							key: i,
+							id: f.id
+						}
+					}),
+					/* @__PURE__ */ q(E, {
 						workspace: e,
 						team: f,
 						isAdmin: s
 					}),
-					/* @__PURE__ */ q(te, {
+					/* @__PURE__ */ q(ie, {
 						workspace: e,
 						team: f,
 						isAdmin: s
 					}),
-					/* @__PURE__ */ q(re, {
+					/* @__PURE__ */ q(oe, {
 						workspace: e,
 						team: f,
 						isAdmin: s
 					}),
-					/* @__PURE__ */ q(ne, {
+					/* @__PURE__ */ q(ae, {
 						workspace: e,
 						team: f,
 						isAdmin: s
 					}),
-					/* @__PURE__ */ q(S, {
+					/* @__PURE__ */ q(w, {
 						workspace: e,
 						teamKey: i,
 						isAdmin: s
 					}),
-					/* @__PURE__ */ q(C, {
+					/* @__PURE__ */ q(T, {
 						workspace: e,
 						teamKey: i,
 						isAdmin: o.has("manage_templates")
 					}),
-					/* @__PURE__ */ q(ie, {
+					/* @__PURE__ */ q(se, {
 						workspace: e,
 						team: f,
 						isAdmin: s
 					}),
-					/* @__PURE__ */ q(oe, {
+					/* @__PURE__ */ q(le, {
 						workspace: e,
 						team: f,
 						isAdmin: s
 					}),
-					/* @__PURE__ */ q(T, {
+					/* @__PURE__ */ q(D, {
 						workspace: e,
 						team: f,
 						isAdmin: s
 					}),
-					/* @__PURE__ */ q(ce, {
+					/* @__PURE__ */ q(de, {
 						workspace: e,
 						teamKey: i
 					}),
-					s && /* @__PURE__ */ q(le, {
+					s && /* @__PURE__ */ q(fe, {
 						workspace: e,
 						team: f
 					})
@@ -156,7 +172,53 @@ function ee() {
 		})]
 	}) : null;
 }
-function te({ workspace: r, team: i, isAdmin: a }) {
+function re({ workspace: e, team: r, teams: i, isAdmin: a }) {
+	let o = G("teamParent"), s = W(), c = Z(), u = Y({
+		mutationFn: async (i) => n(await t.PATCH("/api/v1/workspaces/{workspace}/teams/{key}", {
+			params: { path: {
+				workspace: e,
+				key: r.key
+			} },
+			body: { parent: i }
+		})),
+		onSettled: () => c.invalidateQueries({ queryKey: l(e).queryKey })
+	}), d = b(i, r.id), f = i.find((e) => e.id === r.parentId), p = i.filter((e) => e.parentId === r.id && !e.archivedAt);
+	return /* @__PURE__ */ J(z, {
+		title: o("title"),
+		description: o("description"),
+		children: [
+			/* @__PURE__ */ q(R, {
+				label: o("parent"),
+				children: /* @__PURE__ */ q("div", {
+					className: "w-56",
+					children: /* @__PURE__ */ q(L, {
+						width: "fill",
+						"aria-label": o("parent"),
+						value: f?.key ?? "",
+						disabled: !a || u.isPending,
+						onValueChange: (e) => u.mutate(e),
+						items: [{
+							value: "",
+							label: o("none")
+						}, ...i.filter((e) => !e.archivedAt && !d.has(e.id)).map((e) => ({
+							value: e.key,
+							label: e.name
+						}))]
+					})
+				})
+			}),
+			p.length > 0 && /* @__PURE__ */ q(R, {
+				label: o("subTeams"),
+				children: /* @__PURE__ */ q("span", {
+					className: "text-sm",
+					children: p.map((e) => e.name).join(", ")
+				})
+			}),
+			u.error && /* @__PURE__ */ q(N, { children: s(u.error) })
+		]
+	});
+}
+function ie({ workspace: r, team: i, isAdmin: a }) {
 	let s = G("teamIntake"), c = W(), u = Z(), { data: d } = X(o), f = () => u.invalidateQueries({ queryKey: l(r).queryKey }), p = { params: { path: {
 		workspace: r,
 		key: i.key
@@ -233,7 +295,7 @@ function te({ workspace: r, team: i, isAdmin: a }) {
 			g && a && /* @__PURE__ */ q(R, {
 				label: s("rotate"),
 				helpText: s("rotateHelp"),
-				children: /* @__PURE__ */ q(O, {
+				children: /* @__PURE__ */ q(A, {
 					size: "sm",
 					loading: h.isPending,
 					onClick: () => h.mutate(),
@@ -244,7 +306,7 @@ function te({ workspace: r, team: i, isAdmin: a }) {
 		]
 	});
 }
-function ne({ workspace: e, team: r, isAdmin: i }) {
+function ae({ workspace: e, team: r, isAdmin: i }) {
 	let a = G("planning.sla"), o = G("priority"), s = W(), c = Z(), u = Y({
 		mutationFn: async (i) => n(await t.PATCH("/api/v1/workspaces/{workspace}/teams/{key}", {
 			params: { path: {
@@ -294,7 +356,7 @@ function ne({ workspace: e, team: r, isAdmin: i }) {
 		}, e)), u.isError && /* @__PURE__ */ q(N, { children: s(u.error) })]
 	});
 }
-function re({ workspace: e, team: r, isAdmin: i }) {
+function oe({ workspace: e, team: r, isAdmin: i }) {
 	let a = G("planning.settings"), o = W(), s = Z(), c = Y({
 		mutationFn: async (i) => n(await t.PATCH("/api/v1/workspaces/{workspace}/teams/{key}", {
 			params: { path: {
@@ -499,7 +561,7 @@ var $ = [
 	"merge",
 	"release"
 ];
-function ie({ workspace: e, team: r, isAdmin: i }) {
+function se({ workspace: e, team: r, isAdmin: i }) {
 	let o = G("flow"), s = W(), c = Z(), { data: u = [] } = X(a(e)), d = Y({
 		mutationFn: async (i) => n(await t.PATCH("/api/v1/workspaces/{workspace}/teams/{key}", {
 			params: { path: {
@@ -579,7 +641,7 @@ function ie({ workspace: e, team: r, isAdmin: i }) {
 			m("release") && /* @__PURE__ */ q(R, {
 				label: o("releaseTargets"),
 				helpText: o("releaseTargetsHelp"),
-				children: /* @__PURE__ */ q(ae, {
+				children: /* @__PURE__ */ q(ce, {
 					workspace: e,
 					team: r,
 					disabled: !i
@@ -610,7 +672,7 @@ function ie({ workspace: e, team: r, isAdmin: i }) {
 		]
 	});
 }
-function ae({ workspace: e, team: r, disabled: i }) {
+function ce({ workspace: e, team: r, disabled: i }) {
 	let a = G("flow"), o = W(), s = Z(), [c, u] = U(r.releaseTargets.join(", ")), d = Y({
 		mutationFn: async (i) => n(await t.PATCH("/api/v1/workspaces/{workspace}/teams/{key}", {
 			params: { path: {
@@ -638,7 +700,7 @@ function ae({ workspace: e, team: r, disabled: i }) {
 		})
 	});
 }
-function oe({ workspace: e, team: r, isAdmin: i }) {
+function le({ workspace: e, team: r, isAdmin: i }) {
 	let a = G("team"), o = W(), s = Z(), c = Y({
 		mutationFn: async (i) => n(await t.PATCH("/api/v1/workspaces/{workspace}/teams/{key}", {
 			params: { path: {
@@ -665,8 +727,8 @@ function oe({ workspace: e, team: r, isAdmin: i }) {
 		})
 	});
 }
-function se({ workspace: e, teamKey: r, isAdmin: a }) {
-	let { data: s } = Q(c(e, r)), { data: l } = Q(o), { members: d, person: f } = h(e), p = Z(), g = H(), _ = i(), [y, b] = U(null), x = G("team"), S = W(), C = G("common"), w = Y({
+function ue({ workspace: e, teamKey: r, isAdmin: a }) {
+	let { data: s } = Q(c(e, r)), { data: l } = Q(o), { members: u, person: f } = g(e), p = Z(), m = H(), _ = i(), [y, b] = U(null), x = G("team"), S = W(), C = G("common"), w = Y({
 		mutationFn: async (i) => {
 			for (let { username: a, add: o } of i) {
 				let i = { params: { path: {
@@ -686,14 +748,14 @@ function se({ workspace: e, teamKey: r, isAdmin: a }) {
 	})), ...s.filter((t) => !e.includes(t)).map((e) => ({
 		username: e,
 		add: !1
-	}))]), E = l?.user.username ?? "", j = s.includes(E);
+	}))]), E = l?.user.username ?? "", D = s.includes(E);
 	return /* @__PURE__ */ J(I, {
 		variant: "bare",
 		headingLevel: 2,
 		collapsible: !1,
 		title: x("members"),
 		description: x("membersDescription"),
-		actions: /* @__PURE__ */ J(K, { children: [!j && /* @__PURE__ */ q(O, {
+		actions: /* @__PURE__ */ J(K, { children: [!D && /* @__PURE__ */ q(A, {
 			type: "button",
 			size: "sm",
 			variant: "primary",
@@ -702,13 +764,13 @@ function se({ workspace: e, teamKey: r, isAdmin: a }) {
 				add: !0
 			}]),
 			children: x("join")
-		}), a && /* @__PURE__ */ q(A, {
+		}), a && /* @__PURE__ */ q(te, {
 			multiple: !0,
-			items: d.map((e) => ({
+			items: u.map((e) => ({
 				value: e.user.username,
 				label: e.user.name,
 				hint: e.user.email,
-				icon: /* @__PURE__ */ q(D, {
+				icon: /* @__PURE__ */ q(k, {
 					name: e.user.name,
 					src: e.user.avatarUrl,
 					size: "xs",
@@ -720,25 +782,25 @@ function se({ workspace: e, teamKey: r, isAdmin: a }) {
 			align: "end",
 			placeholder: x("addPlaceholder"),
 			"aria-label": x("addMember"),
-			trigger: /* @__PURE__ */ J(O, {
+			trigger: /* @__PURE__ */ J(A, {
 				type: "button",
 				size: "sm",
 				loading: w.isPending,
 				children: [
-					/* @__PURE__ */ q(u, { className: "size-3.5" }),
+					/* @__PURE__ */ q(d, { className: "size-3.5" }),
 					" ",
 					x("addMember")
 				]
 			})
 		})] }),
-		children: [/* @__PURE__ */ J(k, {
+		children: [/* @__PURE__ */ J(ee, {
 			size: "fill",
 			padding: "none",
 			divided: !0,
 			interactive: !1,
 			render: /* @__PURE__ */ q("ul", {}),
 			children: [s.map((t) => /* @__PURE__ */ J("li", {
-				onContextMenu: (n) => g(n, [
+				onContextMenu: (n) => m(n, [
 					{
 						label: x("viewIssues"),
 						onClick: () => _({
@@ -750,7 +812,7 @@ function se({ workspace: e, teamKey: r, isAdmin: a }) {
 							search: { assignee: t }
 						})
 					},
-					m(C("copyEmail"), f(t).email ?? ""),
+					h(C("copyEmail"), f(t).email ?? ""),
 					...a || t === E ? [V, {
 						label: x(t === E ? "leaveTeam" : "removeFromTeam"),
 						destructive: !0,
@@ -765,7 +827,7 @@ function se({ workspace: e, teamKey: r, isAdmin: a }) {
 					/* @__PURE__ */ q(v, {
 						workspace: e,
 						handle: t,
-						children: /* @__PURE__ */ q(D, {
+						children: /* @__PURE__ */ q(k, {
 							name: f(t).name,
 							src: f(t).avatarUrl,
 							size: "md"
@@ -799,7 +861,7 @@ function se({ workspace: e, teamKey: r, isAdmin: a }) {
 		})]
 	});
 }
-function ce({ workspace: e, teamKey: r }) {
+function de({ workspace: e, teamKey: r }) {
 	let { data: i } = Q(s(e, r)), { data: a } = Q(l(e)), o = Z(), c = G("team"), u = Y({
 		mutationFn: async (i) => n(await t.PUT("/api/v1/workspaces/{workspace}/teams/{key}/access", {
 			params: { path: {
@@ -833,7 +895,7 @@ function ce({ workspace: e, teamKey: r }) {
 		collapsible: !1,
 		title: c("access"),
 		description: c("accessDescription"),
-		children: /* @__PURE__ */ q(x, {
+		children: /* @__PURE__ */ q(C, {
 			workspace: e,
 			resourceName: a.find((e) => e.key === r)?.name ?? r,
 			access: i,
@@ -841,21 +903,21 @@ function ce({ workspace: e, teamKey: r }) {
 			openLabel: c("everyone"),
 			rules: [{
 				id: "admins",
-				icon: /* @__PURE__ */ q(d, { className: "size-4" }),
+				icon: /* @__PURE__ */ q(f, { className: "size-4" }),
 				title: c("admins"),
 				detail: c("adminsDetail"),
 				roleId: "admin"
 			}, ...i.restricted ? [] : [{
 				id: "everyone",
-				icon: /* @__PURE__ */ q(f, { className: "size-4" }),
+				icon: /* @__PURE__ */ q(p, { className: "size-4" }),
 				title: c("everyone"),
 				detail: c("everyoneDetail")
 			}]]
 		})
 	});
 }
-function le({ workspace: e, team: r }) {
-	let i = G("team"), a = Z(), o = W(), { confirm: s, dialog: c } = _(), u = !!r.archivedAt, d = Y({
+function fe({ workspace: e, team: r }) {
+	let i = G("team"), a = Z(), o = W(), { confirm: s, dialog: c } = u(), d = !!r.archivedAt, f = Y({
 		mutationFn: async (i) => n(await t.PATCH("/api/v1/workspaces/{workspace}/teams/{key}", {
 			params: { path: {
 				workspace: e,
@@ -864,44 +926,44 @@ function le({ workspace: e, team: r }) {
 			body: { archived: i }
 		})),
 		onSettled: () => a.invalidateQueries({ queryKey: l(e).queryKey })
-	}), f = () => s({
+	}), p = () => s({
 		title: i("archiveConfirm", { name: r.name }),
 		description: i("archiveDetail"),
 		confirmLabel: i("archive"),
-		onConfirm: () => d.mutateAsync(!0)
+		onConfirm: () => f.mutateAsync(!0)
 	});
 	return /* @__PURE__ */ J(I, {
 		variant: "card",
-		...!u && { tone: "error" },
+		...!d && { tone: "error" },
 		collapsible: !1,
 		headingLevel: 2,
-		title: i(u ? "archived" : "dangerZone"),
-		description: i(u ? "archivedDetail" : "archiveDetail"),
+		title: i(d ? "archived" : "dangerZone"),
+		description: i(d ? "archivedDetail" : "archiveDetail"),
 		children: [
-			u ? /* @__PURE__ */ q(O, {
-				onClick: () => d.mutate(!1),
-				loading: d.isPending,
+			d ? /* @__PURE__ */ q(A, {
+				onClick: () => f.mutate(!1),
+				loading: f.isPending,
 				children: i("restore")
-			}) : /* @__PURE__ */ q(O, {
+			}) : /* @__PURE__ */ q(A, {
 				variant: "danger",
-				onClick: f,
-				loading: d.isPending,
+				onClick: p,
+				loading: f.isPending,
 				children: i("archive")
 			}),
-			d.error && !d.variables && /* @__PURE__ */ q(N, {
+			f.error && !f.variables && /* @__PURE__ */ q(N, {
 				size: "md",
 				className: "mt-3",
-				children: o(d.error)
+				children: o(f.error)
 			}),
 			c,
-			/* @__PURE__ */ q(ue, {
+			/* @__PURE__ */ q(pe, {
 				workspace: e,
 				team: r
 			})
 		]
 	});
 }
-function ue({ workspace: e, team: r }) {
+function pe({ workspace: e, team: r }) {
 	let a = G("team"), o = Z(), s = i(), c = W(), [u, d] = U(!1), [f, p] = U(""), [m, h] = U(null), g = Y({
 		mutationFn: async () => n(await t.DELETE("/api/v1/workspaces/{workspace}/teams/{key}", { params: { path: {
 			workspace: e,
@@ -926,7 +988,7 @@ function ue({ workspace: e, team: r }) {
 				className: "mt-1 text-sm text-muted-foreground",
 				children: a("deleteDetail")
 			}),
-			/* @__PURE__ */ q(O, {
+			/* @__PURE__ */ q(A, {
 				variant: "danger",
 				className: "mt-3",
 				onClick: () => d(!0),
@@ -965,4 +1027,4 @@ function ue({ workspace: e, team: r }) {
 		]
 	});
 }
-export { ee as component };
+export { ne as component };