@parallelworks/tandem-web 0.141.2 → 0.143.0

package/lib/issueList.js

@@ -1,31 +1,34 @@
-import { PriorityIcon as e, StatusIcon as t } from "../components/icons.js";
-import { statusRef as n } from "./refs.js";
-import { Avatar as r } from "@parallelworks/ui";
-import { jsx as i } from "react/jsx-runtime";
+import { fieldRef as e, groupableKinds as t, parseFieldFilters as n, sortableKinds as r } from "./customFields.js";
+import { PriorityIcon as i, StatusIcon as a } from "../components/icons.js";
+import { TypeIcon as o } from "../components/IssueTypes.js";
+import { statusRef as s } from "./refs.js";
+import { Avatar as c } from "@parallelworks/ui";
+import { jsx as l } from "react/jsx-runtime";
 // src/lib/issueList.tsx
-var a = {
+var u = {
 	active: { categories: ["started", "unstarted"] },
 	backlog: { categories: ["backlog"] },
 	done: { categories: ["completed", "canceled"] },
 	all: { categories: [] }
-}, o = [
+}, d = [
 	"updated",
 	"priority",
 	"created",
 	"due",
 	"requests"
-], s = [
+], f = [
 	"status",
 	"assignee",
 	"priority",
 	"project",
 	"label",
+	"type",
 	"none"
-], c = (e) => typeof e == "number" ? String(e) : typeof e == "string" && e !== "" ? e : void 0;
-function l(e) {
-	let t = {}, n = c(e.view);
-	n && n in a && (t.view = n);
-	for (let n of [
+], p = (t, n) => d.includes(t) || n.some((n) => e(t) === n.id && r.includes(n.kind)), m = (n, r) => f.includes(n) || r.some((r) => e(n) === r.id && t.includes(r.kind)), h = (e) => typeof e == "number" ? String(e) : typeof e == "string" && e !== "" ? e : void 0;
+function g(t) {
+	let n = {}, r = h(t.view);
+	r && r in u && (n.view = r);
+	for (let e of [
 		"team",
 		"assignee",
 		"creator",
@@ -35,103 +38,202 @@ function l(e) {
 		"project",
 		"customer",
 		"cycle",
+		"type",
+		"fields",
 		"q",
 		"saved"
 	]) {
-		let r = c(e[n]);
-		r && (t[n] = r);
+		let r = h(t[e]);
+		r && (n[e] = r);
 	}
-	t.assignee && e.assigneeKind === "agent" && (t.assigneeKind = "agent"), (e.overdue === "true" || e.overdue === !0) && (t.overdue = "true");
-	let r = c(e.order);
-	r && r !== "updated" && o.includes(r) && (t.order = r), e.layout === "board" && (t.layout = "board");
-	let i = c(e.group);
-	return i && i !== "status" && s.includes(i) && (t.group = i), t;
+	n.assignee && t.assigneeKind === "agent" && (n.assigneeKind = "agent"), (t.overdue === "true" || t.overdue === !0) && (n.overdue = "true");
+	let i = h(t.order);
+	i && i !== "updated" && (d.includes(i) || e(i)) && (n.order = i), t.layout === "board" && (n.layout = "board");
+	let a = h(t.group);
+	return a && a !== "status" && (f.includes(a) || e(a)) && (n.group = a), n;
 }
-var u = [
+var _ = [
 	"started",
 	"unstarted",
 	"backlog",
 	"triage",
 	"completed",
 	"canceled"
-], d = (e) => e === 0 ? 5 : e;
-function f(e, t) {
-	let n = {
+], v = (e) => e === 0 ? 5 : e;
+function y(t, n, r = []) {
+	let i = r.find((t) => t.id === e(n));
+	if (i) return [...t].sort(b(i));
+	let a = {
 		updated: () => 0,
-		priority: (e, t) => d(e.priority) - d(t.priority),
+		priority: (e, t) => v(e.priority) - v(t.priority),
 		created: (e, t) => t.createdAt.localeCompare(e.createdAt),
 		due: (e, t) => (e.dueDate ?? "9999").localeCompare(t.dueDate ?? "9999"),
 		requests: (e, t) => (t.requests ?? 0) - (e.requests ?? 0)
-	}[t];
-	return [...e].sort(n);
+	}[n];
+	return [...t].sort(a ?? (() => 0));
 }
-function p(n, a, o, s = !1) {
-	if (a === "none") return n.length > 0 ? [{
+function b(e) {
+	let t = (t) => {
+		let n = t.fields[e.id];
+		if (n != null) return e.kind === "select" ? e.options.findIndex((e) => e.id === n) : typeof n == "number" ? n : String(n);
+	};
+	return (e, n) => {
+		let r = t(e), i = t(n);
+		return r === void 0 || i === void 0 ? Number(r === void 0) - Number(i === void 0) : typeof r == "number" && typeof i == "number" ? r - i : String(r).localeCompare(String(i));
+	};
+}
+function x(t, n, r, s = !1, u = [], d = []) {
+	let f = u.find((t) => t.id === e(n));
+	if (f) return S(t, f, r, s);
+	if (n === "type") {
+		let e = {
+			key: "none",
+			label: r.noType ?? r.none.all,
+			issues: []
+		}, n = d.map((e) => ({
+			key: e.id,
+			label: e.name,
+			icon: /* @__PURE__ */ l(o, {
+				type: e,
+				className: "size-3.5"
+			}),
+			issues: []
+		}));
+		for (let r of t) {
+			if (!r.type) {
+				e.issues.push(r);
+				continue;
+			}
+			let t = n.find((e) => e.key === r.type?.id);
+			t || (t = {
+				key: r.type.id,
+				label: r.type.name,
+				icon: /* @__PURE__ */ l(o, {
+					type: r.type,
+					className: "size-3.5"
+				}),
+				issues: []
+			}, n.push(t)), t.issues.push(r);
+		}
+		return n.push(e), n.filter((e) => s || e.issues.length > 0);
+	}
+	if (n === "none") return t.length > 0 ? [{
 		key: "all",
-		label: o.none.all,
-		issues: n
+		label: r.none.all,
+		issues: t
 	}] : [];
-	if (a === "status") return u.map((e) => ({
+	if (n === "status") return _.map((e) => ({
 		key: e,
-		label: o.status(e),
-		icon: /* @__PURE__ */ i(t, { category: e }),
-		issues: n.filter((t) => t.status.category === e)
+		label: r.status(e),
+		icon: /* @__PURE__ */ l(a, { category: e }),
+		issues: t.filter((t) => t.status.category === e)
 	})).filter((e) => s || e.issues.length > 0);
-	if (a === "priority") return [
+	if (n === "priority") return [
 		1,
 		2,
 		3,
 		4,
 		0
-	].map((t) => ({
-		key: String(t),
-		label: o.priority(t),
-		icon: /* @__PURE__ */ i(e, { priority: t }),
-		issues: n.filter((e) => e.priority === t)
+	].map((e) => ({
+		key: String(e),
+		label: r.priority(e),
+		icon: /* @__PURE__ */ l(i, { priority: e }),
+		issues: t.filter((t) => t.priority === e)
 	})).filter((e) => s || e.issues.length > 0);
-	let c = /* @__PURE__ */ new Map(), l = {
+	let p = /* @__PURE__ */ new Map(), m = {
 		key: "",
 		label: "",
 		issues: []
-	}, d = (e, t, n, r) => {
-		let i = c.get(t) ?? {
+	}, h = (e, t, n, r) => {
+		let i = p.get(t) ?? {
 			key: t,
 			label: n,
 			icon: r,
 			issues: []
 		};
-		i.issues.push(e), c.set(t, i);
+		i.issues.push(e), p.set(t, i);
 	};
-	for (let e of n) if (a === "assignee") {
+	for (let e of t) if (n === "assignee") {
 		for (let t of s ? e.assignees : e.assignees.slice(0, 1)) {
-			let n = o.person(t.kind, t.handle);
-			d(e, `${t.kind}:${t.handle}`, n, /* @__PURE__ */ i(r, {
+			let n = r.person(t.kind, t.handle);
+			h(e, `${t.kind}:${t.handle}`, n, /* @__PURE__ */ l(c, {
 				name: n,
-				src: o.avatar(t.kind, t.handle),
+				src: r.avatar(t.kind, t.handle),
 				size: "xs",
 				decorative: !0
 			}));
 		}
-		e.assignees.length === 0 && l.issues.push(e);
-	} else if (a === "project") e.project ? d(e, e.project.id, e.project.name) : l.issues.push(e);
+		e.assignees.length === 0 && m.issues.push(e);
+	} else if (n === "project") e.project ? h(e, e.project.id, e.project.name) : m.issues.push(e);
 	else {
-		for (let t of s ? e.labels : e.labels.slice(0, 1)) d(e, t.id, t.name, /* @__PURE__ */ i("span", {
+		for (let t of s ? e.labels : e.labels.slice(0, 1)) h(e, t.id, t.name, /* @__PURE__ */ l("span", {
 			className: "size-2 rounded-full",
 			style: { background: t.color }
 		}));
-		e.labels.length === 0 && l.issues.push(e);
+		e.labels.length === 0 && m.issues.push(e);
 	}
-	let f = [...c.values()].sort((e, t) => e.label.localeCompare(t.label));
-	return (s || l.issues.length > 0) && f.push({
-		...l,
+	let g = [...p.values()].sort((e, t) => e.label.localeCompare(t.label));
+	return (s || m.issues.length > 0) && g.push({
+		...m,
 		key: "none",
-		label: o.none[a]
-	}), f;
+		label: r.none[n]
+	}), g;
+}
+function S(e, t, n, r) {
+	let i = {
+		key: "none",
+		label: n.noField?.(t.name) ?? n.none.all,
+		issues: []
+	}, a = (e) => {
+		let n = e.fields[t.id];
+		return Array.isArray(n) ? r ? n.map(String) : n.slice(0, 1).map(String) : n === !0 ? ["true"] : typeof n == "string" && n ? [n] : [];
+	}, o = /* @__PURE__ */ new Map(), s = (e) => e ? /* @__PURE__ */ l("span", {
+		className: "size-2 rounded-full",
+		style: { background: e }
+	}) : void 0;
+	if (t.kind === "select" || t.kind === "multi_select") for (let e of t.options) {
+		let t = s(e.color);
+		o.set(e.id ?? "", {
+			key: e.id ?? "",
+			label: e.name,
+			issues: [],
+			...t && { icon: t }
+		});
+	}
+	t.kind === "checkbox" && o.set("true", {
+		key: "true",
+		label: n.yes ?? t.name,
+		issues: []
+	});
+	for (let r of e) {
+		let e = a(r);
+		e.length === 0 && i.issues.push(r);
+		for (let i of e) {
+			let e = o.get(i);
+			if (!e) {
+				let r = t.kind === "person" ? n.person("user", i) : i;
+				e = {
+					key: i,
+					label: r,
+					issues: [],
+					...t.kind === "person" && { icon: /* @__PURE__ */ l(c, {
+						name: r,
+						src: n.avatar("user", i),
+						size: "xs",
+						decorative: !0
+					}) }
+				}, o.set(i, e);
+			}
+			e.issues.push(r);
+		}
+	}
+	let u = [...o.values()];
+	return t.kind === "person" && u.sort((e, t) => e.label.localeCompare(t.label)), u.push(i), u.filter((e) => r || e.issues.length > 0);
 }
-function m(e, t) {
+function C(e, t) {
 	let r = e.view ?? "active", i = (e.status ?? "").split(",").flatMap((e) => {
-		let r = t?.filter((t) => n(t) === e).map((e) => e.id) ?? [];
-		return r.length > 0 ? r : [e];
+		let n = t?.filter((t) => s(t) === e).map((e) => e.id) ?? [];
+		return n.length > 0 ? n : [e];
 	});
 	return {
 		...e.team && { team: e.team },
@@ -144,10 +246,12 @@ function m(e, t) {
 		...e.project && { project: e.project },
 		...e.customer && { customer: e.customer },
 		...e.cycle && { cycle: e.cycle },
+		...e.type && { type: e.type.split(",") },
+		...e.fields && { field: n(e.fields).map((e) => `${e.field}:${e.value}`) },
 		...e.overdue && { overdue: !0 },
 		...e.q && { q: e.q },
-		...a[r].categories.length > 0 && { category: a[r].categories },
+		...u[r].categories.length > 0 && { category: u[r].categories },
 		...r === "all" && { triage: "include" }
 	};
 }
-export { p as groupIssues, s as groupings, m as issueFilterOf, l as issueSearch, o as orders, f as sortIssues, a as views };
+export { x as groupIssues, f as groupings, m as isGrouping, p as isOrder, C as issueFilterOf, g as issueSearch, d as orders, y as sortIssues, u as views };

package/lib/issueTypes.js

@@ -0,0 +1,50 @@
+import { api as e, unwrap as t } from "../api/client.js";
+import { queryOptions as n, useMutation as r, useQueryClient as i } from "@tanstack/react-query";
+// src/lib/issueTypes.ts
+var a = (r) => n({
+	queryKey: [
+		"workspace",
+		r,
+		"issueTypes"
+	],
+	queryFn: async ({ signal: n }) => t(await e.GET("/api/v1/workspaces/{workspace}/issue-types", {
+		params: { path: { workspace: r } },
+		signal: n
+	})).types
+}), o = (e, t) => (e ?? []).filter((e) => !e.archivedAt && (e.teamIds.length === 0 || !!t && e.teamIds.includes(t))), s = (e, t) => !e || e.fieldIds.length === 0 || e.fieldIds.includes(t);
+function c(n) {
+	let o = i(), s = () => {
+		o.invalidateQueries({ queryKey: a(n).queryKey }), o.invalidateQueries({ queryKey: [
+			"workspace",
+			n,
+			"issues"
+		] });
+	};
+	return {
+		create: r({
+			mutationFn: async (r) => t(await e.POST("/api/v1/workspaces/{workspace}/issue-types", {
+				params: { path: { workspace: n } },
+				body: r
+			})),
+			onSettled: s
+		}),
+		update: r({
+			mutationFn: async ({ id: r, ...i }) => t(await e.PUT("/api/v1/workspaces/{workspace}/issue-types/{type}", {
+				params: { path: {
+					workspace: n,
+					type: r
+				} },
+				body: i
+			})),
+			onSettled: s
+		}),
+		remove: r({
+			mutationFn: async (r) => t(await e.DELETE("/api/v1/workspaces/{workspace}/issue-types/{type}", { params: { path: {
+				workspace: n,
+				type: r
+			} } })),
+			onSettled: s
+		})
+	};
+}
+export { a as issueTypesQuery, s as typeShows, o as typesFor, c as useIssueTypeActions };

package/lib/teamTree.js

@@ -0,0 +1,24 @@
+// src/lib/teamTree.ts
+function e(e) {
+	let t = new Set(e.map((e) => e.id)), n = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		let e = r.parentId && t.has(r.parentId) ? r.parentId : "";
+		n.set(e, [...n.get(e) ?? [], r]);
+	}
+	let r = [], i = (e, t) => {
+		for (let a of n.get(e) ?? []) r.push({
+			team: a,
+			depth: t
+		}), i(a.id, t + 1);
+	};
+	return i("", 0), r;
+}
+function t(e, t) {
+	let n = /* @__PURE__ */ new Set([t]);
+	for (let t = !0; t;) {
+		t = !1;
+		for (let r of e) r.parentId && n.has(r.parentId) && !n.has(r.id) && (n.add(r.id), t = !0);
+	}
+	return n;
+}
+export { e as teamTree, t as withSubTeams };

package/lib/views.js

@@ -1,11 +1,11 @@
 import { api as e, unwrap as t } from "../api/client.js";
 import { useNavigate as n } from "./router.js";
 import { viewsQuery as r } from "../api/queries.js";
-import { viewRef as i } from "./refs.js";
-import { issuesHref as a } from "./teamPaths.js";
-import { useLinkItems as o } from "./menus.js";
-import { ViewDialog as s } from "../components/ViewDialog.js";
-import { useConfirm as c } from "./confirm.js";
+import { useConfirm as i } from "./confirm.js";
+import { viewRef as a } from "./refs.js";
+import { issuesHref as o } from "./teamPaths.js";
+import { useLinkItems as s } from "./menus.js";
+import { ViewDialog as c } from "../components/ViewDialog.js";
 import { menuDivider as l } from "@parallelworks/ui";
 import { useState as u } from "react";
 import { useTranslations as d } from "use-intl";
@@ -23,6 +23,8 @@ var v = [
 	"label",
 	"project",
 	"cycle",
+	"type",
+	"fields",
 	"overdue",
 	"q",
 	"order",
@@ -44,11 +46,11 @@ function b(e, t) {
 function x(e) {
 	return {
 		...y(e.filters),
-		saved: i(e)
+		saved: a(e)
 	};
 }
 function S(e, t) {
-	return a(e, x(t));
+	return o(e, x(t));
 }
 function C(n) {
 	let i = _(), { data: a = [] } = g(r(n)), o = () => i.invalidateQueries({ queryKey: r(n).queryKey });
@@ -81,12 +83,12 @@ function C(n) {
 	};
 }
 function w(e) {
-	let t = d("savedViews"), r = d("common"), i = n(), a = o(), { update: h, remove: g } = C(e), { confirm: _, dialog: v } = c(), [y, b] = u(null);
+	let t = d("savedViews"), r = d("common"), a = n(), o = s(), { update: h, remove: g } = C(e), { confirm: _, dialog: v } = i(), [y, b] = u(null);
 	return {
 		menu: (n) => [
 			{
 				label: r("open"),
-				onClick: () => i({
+				onClick: () => a({
 					to: "/$workspace/issues",
 					params: { workspace: e },
 					search: x(n)
@@ -98,7 +100,7 @@ function w(e) {
 				onClick: () => b(n)
 			},
 			l,
-			...a(S(e, n)),
+			...o(S(e, n)),
 			l,
 			{
 				label: t("delete"),
@@ -112,7 +114,7 @@ function w(e) {
 				})
 			}
 		],
-		dialogs: /* @__PURE__ */ m(f, { children: [v, y && /* @__PURE__ */ p(s, {
+		dialogs: /* @__PURE__ */ m(f, { children: [v, y && /* @__PURE__ */ p(c, {
 			title: t("renameTitle"),
 			submitLabel: r("save"),
 			defaultName: y.name,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parallelworks/tandem-web",
-  "version": "0.141.2",
+  "version": "0.143.0",
   "description": "Tandem's pages, for a host app to render in its own",
   "license": "UNLICENSED",
   "type": "module",