@parallelworks/tandem-web 0.142.0 → 0.143.0

package/components/Updates.js

@@ -1,7 +1,7 @@
 import { meQuery as e } from "../api/queries.js";
-import { HealthIcon as t } from "./Planning.js";
-import { usePeople as n } from "../lib/people.js";
-import { useConfirm as r } from "../lib/confirm.js";
+import { useConfirm as t } from "../lib/confirm.js";
+import { HealthIcon as n } from "./Planning.js";
+import { usePeople as r } from "../lib/people.js";
 import { ActionMenu as i, Avatar as a, Button as o, Card as s, ErrorText as c, RelativeTime as l, Select as u, Textarea as d, buttonClasses as f, cx as p, fieldBox as m } from "@parallelworks/ui";
 import { useState as h } from "react";
 import { useErrorMessage as g } from "@parallelworks/problem/react";
@@ -16,13 +16,13 @@ var S = [
 	"off_track"
 ];
 function C({ workspace: C, state: w, health: T, updates: E, canWrite: D, placeholder: O, post: k, remove: A }) {
-	let j = _("planning"), M = _("common"), { data: N } = b(e), { confirm: P, dialog: F } = r(), I = g(), { actorName: L, avatarOf: R } = n(C), [z, B] = h(T ?? "on_track"), [V, H] = h("");
+	let j = _("planning"), M = _("common"), { data: N } = b(e), { confirm: P, dialog: F } = t(), I = g(), { actorName: L, avatarOf: R } = r(C), [z, B] = h(T ?? "on_track"), [V, H] = h("");
 	return /* @__PURE__ */ y("section", { children: [
 		/* @__PURE__ */ y("h2", {
 			className: "flex items-center gap-2 text-base font-semibold",
 			children: [j("updates"), /* @__PURE__ */ y("span", {
 				className: "flex items-center gap-1 text-xs font-normal text-muted-foreground",
-				children: [/* @__PURE__ */ v(t, { state: w }), j(`health.${w}`)]
+				children: [/* @__PURE__ */ v(n, { state: w }), j(`health.${w}`)]
 			})]
 		}),
 		D && /* @__PURE__ */ y("form", {
@@ -54,12 +54,12 @@ function C({ workspace: C, state: w, health: T, updates: E, canWrite: D, placeho
 						items: S.map((e) => ({
 							value: e,
 							label: j(`health.${e}`),
-							icon: /* @__PURE__ */ v(t, { state: e })
+							icon: /* @__PURE__ */ v(n, { state: e })
 						})),
 						trigger: /* @__PURE__ */ y("button", {
 							type: "button",
 							className: f({ size: "sm" }),
-							children: [/* @__PURE__ */ v(t, { state: z }), j(`health.${z}`)]
+							children: [/* @__PURE__ */ v(n, { state: z }), j(`health.${z}`)]
 						})
 					}),
 					k.isError && /* @__PURE__ */ v(c, {
@@ -90,7 +90,7 @@ function C({ workspace: C, state: w, health: T, updates: E, canWrite: D, placeho
 				children: [/* @__PURE__ */ y("div", {
 					className: "flex items-center gap-2 text-xs",
 					children: [
-						/* @__PURE__ */ v(t, { state: e.health }),
+						/* @__PURE__ */ v(n, { state: e.health }),
 						/* @__PURE__ */ v("span", {
 							className: "font-medium",
 							children: j(`health.${e.health}`)

package/lib/boardMove.js

@@ -1,100 +1,122 @@
 import { api as e, unwrap as t } from "../api/client.js";
 import { issueQuery as n, statusesQuery as r } from "../api/queries.js";
-import { invalidateIssueViews as i } from "../api/mutations.js";
-import { toast as a } from "@parallelworks/ui";
-import { useCallback as o } from "react";
-import { useErrorMessage as s } from "@parallelworks/problem/react";
-import { useQueries as c, useQueryClient as l } from "@tanstack/react-query";
+import { setIssueFields as i } from "./customFields.js";
+import { invalidateIssueViews as a } from "../api/mutations.js";
+import { toast as o } from "@parallelworks/ui";
+import { useCallback as s } from "react";
+import { useErrorMessage as c } from "@parallelworks/problem/react";
+import { useQueries as l, useQueryClient as u } from "@tanstack/react-query";
 // src/lib/boardMove.ts
-function u(u, d) {
-	let f = l(), p = s(), m = c({ queries: d.map((e) => r(u, e.key)) });
-	return o(async (r, o, s, c, l) => {
-		let h, g;
-		if (o === "status") {
-			let e = (m[d.findIndex((e) => e.id === r.teamId)]?.data ?? []).filter((e) => e.category === c).sort((e, t) => e.position - t.position)[0];
+function d(d, f) {
+	let p = u(), m = c(), h = l({ queries: f.map((e) => r(d, e.key)) });
+	return s(async (r, s, c, l, u, g) => {
+		let _, v, y;
+		if (g) {
+			let e = l === "none" ? null : l;
+			if (g.kind === "checkbox" && (e = l === "true"), g.kind === "multi_select") {
+				let t = r.fields[g.id] ?? [];
+				e = l === "none" ? [] : [...t.filter((e) => e !== c && e !== l), l];
+			}
+			v = { [g.id]: e }, y = {
+				...r,
+				fields: {
+					...r.fields,
+					[g.id]: e
+				}
+			};
+		} else if (s === "type") {
+			let e = l === "none" ? void 0 : u?.type;
+			_ = { typeId: l === "none" ? "" : l };
+			let { type: t, ...n } = r;
+			y = e ? {
+				...n,
+				type: e
+			} : n;
+		} else if (s === "status") {
+			let e = (h[f.findIndex((e) => e.id === r.teamId)]?.data ?? []).filter((e) => e.category === l).sort((e, t) => e.position - t.position)[0];
 			if (!e) return;
-			h = { statusId: e.id }, g = {
+			_ = { statusId: e.id }, y = {
 				...r,
 				status: e
 			};
-		} else if (o === "priority") h = { priority: Number(c) }, g = {
+		} else if (s === "priority") _ = { priority: Number(l) }, y = {
 			...r,
-			priority: Number(c)
+			priority: Number(l)
 		};
-		else if (o === "project") {
-			let e = c === "none" ? void 0 : l?.project;
-			if (c !== "none" && !e) return;
-			h = { projectId: e?.id ?? "" };
+		else if (s === "project") {
+			let e = l === "none" ? void 0 : u?.project;
+			if (l !== "none" && !e) return;
+			_ = { projectId: e?.id ?? "" };
 			let { project: t, ...n } = r;
-			g = e ? {
+			y = e ? {
 				...n,
 				project: e
 			} : n;
-		} else if (o === "assignee") {
-			let e = (e) => `${e.kind}:${e.handle}`, t = c === "none" ? void 0 : l?.assignees.find((t) => e(t) === c);
-			if (c !== "none" && !t) return;
-			let n = r.assignees.find((t) => e(t) === s);
+		} else if (s === "assignee") {
+			let e = (e) => `${e.kind}:${e.handle}`, t = l === "none" ? void 0 : u?.assignees.find((t) => e(t) === l);
+			if (l !== "none" && !t) return;
+			let n = r.assignees.find((t) => e(t) === c);
 			if (t) {
 				let e = r.assignees.filter((e) => e !== n);
-				h = {
+				_ = {
 					addAssignees: [t],
 					...n && { removeAssignees: [n] }
-				}, g = {
+				}, y = {
 					...r,
 					assignees: [...e, t]
 				};
-			} else h = { removeAssignees: r.assignees }, g = {
+			} else _ = { removeAssignees: r.assignees }, y = {
 				...r,
 				assignees: []
 			};
 		} else {
-			let e = c === "none" ? void 0 : l?.labels.find((e) => e.id === c);
-			if (c !== "none" && !e) return;
-			let t = r.labels.find((e) => e.id === s);
+			let e = l === "none" ? void 0 : u?.labels.find((e) => e.id === l);
+			if (l !== "none" && !e) return;
+			let t = r.labels.find((e) => e.id === c);
 			if (e) {
 				let n = r.labels.filter((e) => e !== t);
-				h = {
+				_ = {
 					addLabels: [e.id],
 					...t && { removeLabels: [t.id] }
-				}, g = {
+				}, y = {
 					...r,
 					labels: [...n, e]
 				};
-			} else h = { removeLabels: r.labels.map((e) => e.id) }, g = {
+			} else _ = { removeLabels: r.labels.map((e) => e.id) }, y = {
 				...r,
 				labels: []
 			};
 		}
-		let _ = { queryKey: [
+		let b = { queryKey: [
 			"workspace",
-			u,
+			d,
 			"issues",
 			"list"
 		] };
-		f.setQueriesData(_, (e) => e && {
+		p.setQueriesData(b, (e) => e && {
 			...e,
-			issues: e.issues.map((e) => e.id === r.id ? g : e)
+			issues: e.issues.map((e) => e.id === r.id ? y : e)
 		});
 		try {
-			let i = t(await e.PATCH("/api/v1/workspaces/{workspace}/issues/{identifier}", {
+			let a = v ? await i(d, r.identifier, v) : t(await e.PATCH("/api/v1/workspaces/{workspace}/issues/{identifier}", {
 				params: { path: {
-					workspace: u,
+					workspace: d,
 					identifier: r.identifier
 				} },
-				body: h
+				body: _ ?? {}
 			}));
-			f.setQueryData(n(u, r.identifier).queryKey, i);
+			p.setQueryData(n(d, r.identifier).queryKey, a);
 		} catch (e) {
-			a.error(p(e));
+			o.error(m(e));
 		} finally {
-			i(f, u, r.identifier);
+			a(p, d, r.identifier);
 		}
 	}, [
-		f,
-		u,
+		p,
 		d,
-		m,
-		p
+		f,
+		h,
+		m
 	]);
 }
-export { u as useBoardMove };
+export { d as useBoardMove };

package/lib/customFields.js

@@ -0,0 +1,113 @@
+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/customFields.ts
+var a = [
+	"text",
+	"number",
+	"select",
+	"multi_select",
+	"person",
+	"date",
+	"checkbox",
+	"url"
+], o = [
+	"select",
+	"multi_select",
+	"person",
+	"checkbox"
+], s = [
+	"number",
+	"date",
+	"select",
+	"text"
+], c = [
+	"select",
+	"multi_select",
+	"person",
+	"checkbox"
+], l = (r) => n({
+	queryKey: [
+		"workspace",
+		r,
+		"fields"
+	],
+	queryFn: async ({ signal: n }) => t(await e.GET("/api/v1/workspaces/{workspace}/fields", {
+		params: { path: { workspace: r } },
+		signal: n
+	})).fields
+});
+function u(e, t, n, r = !1) {
+	return (e ?? []).filter((e) => e.target === t && (r || !e.archivedAt) && (!e.teamId || n !== void 0 && e.teamId === n)).sort((e, t) => Number(!!e.teamId) - Number(!!t.teamId) || e.position - t.position);
+}
+function d(e, t) {
+	return (e ?? []).filter((e) => e.target === "issue" && !e.archivedAt && (!e.teamId || t.includes(e.teamId)));
+}
+var f = (e) => e != null && e !== "" && e !== !1 && !(Array.isArray(e) && e.length === 0);
+function p(e) {
+	return (e ?? "").split(",").map((e) => {
+		let t = e.indexOf(":");
+		return {
+			field: e.slice(0, t),
+			value: e.slice(t + 1)
+		};
+	}).filter((e) => e.field && e.value);
+}
+var m = (e) => e.map((e) => `${e.field}:${e.value}`).join(","), h = (e) => e?.startsWith("field:") ? e.slice(6) : void 0;
+function g(n) {
+	let a = i(), o = () => a.invalidateQueries({ queryKey: [
+		"workspace",
+		n,
+		"fields"
+	] });
+	return {
+		create: r({
+			mutationFn: async (r) => t(await e.POST("/api/v1/workspaces/{workspace}/fields", {
+				params: { path: { workspace: n } },
+				body: r
+			})),
+			onSettled: o
+		}),
+		update: r({
+			mutationFn: async ({ id: r, ...i }) => t(await e.PATCH("/api/v1/workspaces/{workspace}/fields/{field}", {
+				params: { path: {
+					workspace: n,
+					field: r
+				} },
+				body: i
+			})),
+			onSettled: () => {
+				o(), a.invalidateQueries({ queryKey: [
+					"workspace",
+					n,
+					"issues"
+				] });
+			}
+		}),
+		remove: r({
+			mutationFn: async (r) => t(await e.DELETE("/api/v1/workspaces/{workspace}/fields/{field}", { params: { path: {
+				workspace: n,
+				field: r
+			} } })),
+			onSettled: o
+		})
+	};
+}
+async function _(n, r, i) {
+	return t(await e.PATCH("/api/v1/workspaces/{workspace}/issues/{identifier}/fields", {
+		params: { path: {
+			workspace: n,
+			identifier: r
+		} },
+		body: { values: i }
+	}));
+}
+async function v(n, r, i) {
+	return t(await e.PATCH("/api/v1/workspaces/{workspace}/projects/{projectId}/fields", {
+		params: { path: {
+			workspace: n,
+			projectId: r
+		} },
+		body: { values: i }
+	}));
+}
+export { l as customFieldsQuery, a as fieldKinds, h as fieldRef, u as fieldsFor, d as fieldsForTeams, c as filterableKinds, m as formatFieldFilters, o as groupableKinds, f as hasValue, p as parseFieldFilters, _ as setIssueFields, v as setProjectFields, s as sortableKinds, g as useCustomFieldActions };

package/lib/issueDisplay.js

@@ -1,33 +1,48 @@
-import { groupings as e, orders as t } from "./issueList.js";
+import { fieldRef as e } from "./customFields.js";
+import { groupings as t, orders as n } from "./issueList.js";
 // src/lib/issueDisplay.ts
-var n = "tandem-issues-panel", r = "tandem-issues-insights", i = "tandem-issues-display", a = [
+var r = "tandem-issues-panel", i = "tandem-issues-insights", a = "tandem-issues-display", o = [
 	"assignees",
 	"labels",
 	"priority",
 	"projects"
 ];
-function o() {
+function s() {
 	try {
-		let n = JSON.parse(localStorage.getItem(i) ?? "{}");
+		let r = JSON.parse(localStorage.getItem(a) ?? "{}");
 		return {
-			...t.includes(n.order) && { order: n.order },
-			...e.includes(n.group) && { group: n.group },
-			...(n.layout === "list" || n.layout === "board") && { layout: n.layout }
+			...(n.includes(r.order) || e(r.order)) && { order: r.order },
+			...(t.includes(r.group) || e(r.group)) && { group: r.group },
+			...(r.layout === "list" || r.layout === "board") && { layout: r.layout }
 		};
 	} catch {
 		return {};
 	}
 }
-function s(e) {
+function c(e) {
 	try {
-		localStorage.setItem(i, JSON.stringify({
-			...o(),
+		localStorage.setItem(a, JSON.stringify({
+			...s(),
 			...e
 		}));
 	} catch {}
 }
-function c(e, t, n) {
+function l(e, t, n) {
 	let r = { ...e };
 	return n === void 0 || n === "" ? delete r[t] : r[t] = n, r;
 }
-export { r as insightsKey, a as listTabs, n as panelKey, s as storeDisplay, o as storedDisplay, c as withParam };
+var u = (e) => `tandem-issues-fields:${e}`;
+function d(e) {
+	try {
+		let t = JSON.parse(localStorage.getItem(u(e)) ?? "[]");
+		return Array.isArray(t) ? t.filter((e) => typeof e == "string") : [];
+	} catch {
+		return [];
+	}
+}
+function f(e, t) {
+	try {
+		localStorage.setItem(u(e), JSON.stringify(t));
+	} catch {}
+}
+export { i as insightsKey, o as listTabs, r as panelKey, d as shownFields, c as storeDisplay, f as storeShownFields, s as storedDisplay, l as withParam };