@parallelworks/tandem-web 0.141.2 → 0.142.0

package/components/DocTable.js

@@ -0,0 +1,176 @@
+import { docsQuery as e } from "../api/queries.js";
+import { docRef as t } from "../lib/docs.js";
+import { usePeople as n } from "../lib/people.js";
+import { useCan as r } from "../lib/roles.js";
+import { DocIcon as i } from "./DocIcon.js";
+import { docPropertiesQuery as a, spaceScope as o, useDocPropertyActions as s } from "../lib/docProperties.js";
+import { usePropertyText as c } from "./DocProperties.js";
+import { cx as l } from "@parallelworks/ui";
+import { Link as u } from "@tanstack/react-router";
+import { useState as d } from "react";
+import { useFormatter as f, useTranslations as p } from "use-intl";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { keepPreviousData as g, useQuery as _ } from "@tanstack/react-query";
+// src/components/DocTable.tsx
+var v = (e) => e.kind === "select" || e.kind === "person";
+function y(t, n, r) {
+	let i = Object.entries(r.filters ?? {}).map(([e, t]) => `${e}=${t}`), { data: o = [], isPending: s } = _({
+		...e(t, {
+			...n === "workspace" ? { workspace: !0 } : { team: n },
+			...i.length > 0 && { property: i }
+		}),
+		placeholderData: g
+	}), { data: l = [] } = _(a(t, n)), u = c(t), d = r.sort ?? "title", f = l.find((e) => e.id === d), p = (e) => {
+		if (d === "updated") return e.updatedAt;
+		if (!f) return e.title.toLowerCase();
+		let t = e.properties?.[f.id];
+		return f.kind === "number" ? typeof t == "number" ? t : -Infinity : u(f, t).toLowerCase();
+	};
+	return {
+		docs: o.filter((e) => !e.template).sort((e, t) => {
+			let n = p(e), i = p(t), a = n < i ? -1 : +(n > i);
+			return r.desc ? -a : a;
+		}),
+		props: l,
+		isPending: s
+	};
+}
+function b({ workspace: e, space: n, layout: r, config: a }) {
+	let o = p("docViews"), s = f(), { docs: l, props: d, isPending: g } = y(e, n, a), _ = c(e), b = (e, t) => e.properties?.[t.id];
+	if (g) return /* @__PURE__ */ m("p", {
+		className: "p-4 text-sm text-muted-foreground",
+		children: o("loading")
+	});
+	if (r === "board") {
+		let t = d.find((e) => e.id === a.groupBy && v(e));
+		return t ? /* @__PURE__ */ m(x, {
+			workspace: e,
+			space: n,
+			docs: l,
+			props: d,
+			by: t
+		}) : /* @__PURE__ */ m("p", {
+			className: "p-4 text-sm text-muted-foreground",
+			children: o("pickGroup")
+		});
+	}
+	let S = a.columns ? a.columns.flatMap((e) => d.filter((t) => t.id === e)) : d;
+	return l.length === 0 ? /* @__PURE__ */ m("p", {
+		className: "p-4 text-sm text-muted-foreground",
+		children: o("none")
+	}) : /* @__PURE__ */ m("div", {
+		className: "overflow-x-auto",
+		children: /* @__PURE__ */ h("table", {
+			className: "doc-table w-full min-w-max text-sm",
+			children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", { children: [
+				/* @__PURE__ */ m("th", {
+					scope: "col",
+					children: o("docTitle")
+				}),
+				S.map((e) => /* @__PURE__ */ m("th", {
+					scope: "col",
+					children: e.name
+				}, e.id)),
+				/* @__PURE__ */ m("th", {
+					scope: "col",
+					children: o("updated")
+				})
+			] }) }), /* @__PURE__ */ m("tbody", { children: l.map((n) => /* @__PURE__ */ h("tr", { children: [
+				/* @__PURE__ */ m("td", { children: /* @__PURE__ */ h(u, {
+					to: "/$workspace/docs/$doc",
+					params: {
+						workspace: e,
+						doc: t(n)
+					},
+					className: "flex items-center gap-2 font-medium hover:underline",
+					children: [/* @__PURE__ */ m(i, { icon: n.icon }), /* @__PURE__ */ m("span", {
+						className: "truncate",
+						children: n.title
+					})]
+				}) }),
+				S.map((e) => /* @__PURE__ */ m("td", { children: _(e, b(n, e)) }, e.id)),
+				/* @__PURE__ */ m("td", {
+					className: "text-muted-foreground",
+					children: s.dateTime(new Date(n.updatedAt), { dateStyle: "medium" })
+				})
+			] }, n.id)) })]
+		})
+	});
+}
+function x({ workspace: e, space: a, docs: f, props: g, by: _ }) {
+	let v = p("docViews"), { members: y } = n(e), b = c(e), x = r(e, "edit_docs", o(a)), S = s(e), [C, w] = d(null), [T, E] = d(null), D = [..._.kind === "select" ? _.options.map((e) => ({
+		key: e.id ?? "",
+		label: e.name
+	})) : y.map((e) => ({
+		key: e.user.username,
+		label: e.user.name
+	})), {
+		key: "",
+		label: v("noValue", { property: _.name })
+	}], O = (e) => {
+		let t = e.properties?.[_.id];
+		return typeof t == "string" ? t : "";
+	}, k = D.filter((e) => _.kind === "select" || e.key === "" || f.some((t) => O(t) === e.key)), A = g.filter((e) => e.id !== _.id).slice(0, 2);
+	return /* @__PURE__ */ m("ul", {
+		className: "flex gap-3 overflow-x-auto p-3",
+		"aria-label": v("board"),
+		children: k.map((n) => {
+			let r = f.filter((e) => O(e) === n.key);
+			return /* @__PURE__ */ h("li", {
+				"aria-label": n.label,
+				onDragOver: (e) => {
+					C && (e.preventDefault(), E(n.key));
+				},
+				onDragLeave: () => E((e) => e === n.key ? null : e),
+				onDrop: (e) => {
+					e.preventDefault(), C && S.setValues.mutate({
+						doc: C,
+						values: { [_.id]: n.key || null }
+					}), w(null), E(null);
+				},
+				className: l("flex w-64 shrink-0 flex-col rounded-lg border bg-muted/30", T === n.key ? "border-primary" : "border-border"),
+				children: [/* @__PURE__ */ h("p", {
+					className: "flex items-center gap-2 px-3 py-2 text-xs font-medium",
+					children: [/* @__PURE__ */ m("span", {
+						className: "truncate",
+						children: n.label
+					}), /* @__PURE__ */ m("span", {
+						className: "text-muted-foreground tabular-nums",
+						children: r.length
+					})]
+				}), /* @__PURE__ */ m("ul", {
+					className: "flex flex-col gap-2 px-2 pb-2",
+					children: r.map((n) => /* @__PURE__ */ h("li", {
+						draggable: x,
+						onDragStart: () => w(n.key),
+						onDragEnd: () => w(null),
+						className: "rounded-md border border-border bg-card p-2.5 text-sm shadow-xs",
+						children: [/* @__PURE__ */ h(u, {
+							to: "/$workspace/docs/$doc",
+							params: {
+								workspace: e,
+								doc: t(n)
+							},
+							className: "flex items-center gap-2 font-medium hover:underline",
+							children: [/* @__PURE__ */ m(i, { icon: n.icon }), /* @__PURE__ */ m("span", {
+								className: "truncate",
+								children: n.title
+							})]
+						}), A.map((e) => {
+							let t = b(e, n.properties?.[e.id]);
+							return t ? /* @__PURE__ */ h("p", {
+								className: "mt-1 truncate text-xs text-muted-foreground",
+								children: [
+									e.name,
+									": ",
+									t
+								]
+							}, e.id) : null;
+						})]
+					}, n.id))
+				})]
+			}, n.key || "none");
+		})
+	});
+}
+export { b as DocTable, v as groupable, y as useSpaceDocs };

package/components/DocViewBlock.js

@@ -0,0 +1,104 @@
+import { docQuery as e, teamsQuery as t } from "../api/queries.js";
+import { docViewQuery as n, docViewsQuery as r, readConfig as i } from "../lib/docProperties.js";
+import { DocTable as a } from "./DocTable.js";
+import { Select as o } from "@parallelworks/ui";
+import { Link as s, useParams as c } from "@tanstack/react-router";
+import { useTranslations as l } from "use-intl";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useQuery as f } from "@tanstack/react-query";
+import { Node as p, NodeViewWrapper as m, ReactNodeViewRenderer as h, mergeAttributes as g } from "@tiptap/react";
+// src/components/DocViewBlock.tsx
+var _ = p.create({
+	name: "docView",
+	group: "block",
+	atom: !0,
+	draggable: !0,
+	addAttributes: () => ({ view: { default: "" } }),
+	parseHTML: () => [{ tag: "div[data-doc-view]" }],
+	renderHTML: ({ HTMLAttributes: e }) => ["div", g(e, { "data-doc-view": "" })],
+	addNodeView: () => h(v, { stopEvent: ({ event: e }) => !e.type.startsWith("drag") && e.target instanceof Element && !!e.target.closest("[data-view-ui]") }),
+	markdownTokenName: "docView",
+	markdownTokenizer: {
+		name: "docView",
+		level: "block",
+		start: (e) => e.search(/^:::docview/m),
+		tokenize: (e) => {
+			let t = /^:::docview[ \t]*([0-9a-f-]{36})?[ \t]*\n[ \t]*:::[ \t]*(?:\n|$)/.exec(e);
+			return t ? {
+				type: "docView",
+				raw: t[0],
+				text: t[1] ?? ""
+			} : void 0;
+		}
+	},
+	parseMarkdown: (e, t) => t.createNode("docView", { view: e.text ?? "" }),
+	renderMarkdown: (e) => `:::docview ${String(e.attrs?.view ?? "")}\n:::`
+});
+function v({ node: p, editor: h, updateAttributes: g }) {
+	let _ = l("docViews"), { workspace: v = "", doc: y = "" } = c({ strict: !1 }), b = String(p.attrs.view ?? ""), { data: x = [] } = f(t(v)), { data: S } = f({
+		...n(v, b),
+		enabled: !!v && !!b
+	}), { data: C } = f({
+		...e(v, y),
+		enabled: !b && !!y
+	}), w = x.find((e) => e.id === C?.teamId)?.key ?? "workspace", { data: T = [] } = f({
+		...r(v, w),
+		enabled: !b && !!v
+	});
+	if (!b || !S) return /* @__PURE__ */ u(m, {
+		className: "doc-view-block",
+		contentEditable: !1,
+		children: /* @__PURE__ */ u("div", {
+			"data-view-ui": !0,
+			className: "p-3",
+			children: h.isEditable ? /* @__PURE__ */ u(o, {
+				value: "",
+				items: [{
+					value: "",
+					label: _("embedPick")
+				}, ...T.map((e) => ({
+					value: e.id,
+					label: e.name
+				}))],
+				onValueChange: (e) => e && g({ view: e }),
+				"aria-label": _("embedPick"),
+				size: "sm",
+				width: "content"
+			}) : /* @__PURE__ */ u("p", {
+				className: "text-xs text-muted-foreground",
+				children: _("loading")
+			})
+		})
+	});
+	let E = x.find((e) => e.id === S.teamId)?.key ?? "workspace";
+	return /* @__PURE__ */ u(m, {
+		className: "doc-view-block not-prose",
+		contentEditable: !1,
+		"data-drag-handle": !0,
+		children: /* @__PURE__ */ d("div", {
+			"data-view-ui": !0,
+			children: [/* @__PURE__ */ d("div", {
+				className: "flex items-center gap-2 border-b border-border px-3 py-1.5 text-xs",
+				children: [/* @__PURE__ */ u("span", {
+					className: "min-w-0 flex-1 truncate font-medium",
+					children: S.name
+				}), /* @__PURE__ */ u(s, {
+					to: "/$workspace/docs/space/$space",
+					params: {
+						workspace: v,
+						space: E
+					},
+					search: { view: S.id },
+					className: "text-primary hover:underline",
+					children: _("open")
+				})]
+			}), /* @__PURE__ */ u(a, {
+				workspace: v,
+				space: E,
+				layout: S.layout,
+				config: i(S.config)
+			})]
+		})
+	});
+}
+export { _ as DocViewBlock };

package/components/DocsTree.js

@@ -9,7 +9,7 @@ import { EntityIcon as _ } from "./EntityIcon.js";
 import { DocIcon as v } from "./DocIcon.js";
 import { indentLevel as y, revealed as b, saveTree as ee, savedTree as te, spaceOf as x, toggled as S } from "../lib/docTree.js";
 import { useMarkdownTransfer as C } from "./MarkdownTransfer.js";
-import { Combobox as w, IconButton as ne, RelativeTime as T, SearchInput as re, Tooltip as E, buttonClasses as ie, menuDivider as D, useOpenMenu as O } from "@parallelworks/ui";
+import { Combobox as ne, IconButton as w, RelativeTime as T, SearchInput as re, Tooltip as E, buttonClasses as ie, menuDivider as D, useOpenMenu as O } from "@parallelworks/ui";
 import { useEffect as k, useRef as ae, useState as A, useSyncExternalStore as oe } from "react";
 import { useTranslations as j } from "use-intl";
 import { Fragment as se, jsx as M, jsxs as N } from "react/jsx-runtime";
@@ -121,7 +121,7 @@ function G({ workspace: r, current: d, page: f = !1, onIndex: p = !1, menu: v, t
 			},
 			search: { rename: !0 }
 		}) })
-	}, Te = /* @__PURE__ */ N(se, { children: [/* @__PURE__ */ M(ne, {
+	}, Te = /* @__PURE__ */ N(se, { children: [/* @__PURE__ */ M(w, {
 		variant: "ghost",
 		size: "xs",
 		icon: /* @__PURE__ */ M(u, {}),
@@ -131,7 +131,7 @@ function G({ workspace: r, current: d, page: f = !1, onIndex: p = !1, menu: v, t
 			W((e) => !e), K("");
 		},
 		className: f ? "" : z
-	}), Z.length === 0 ? /* @__PURE__ */ M(ne, {
+	}), Z.length === 0 ? /* @__PURE__ */ M(w, {
 		variant: "ghost",
 		size: "xs",
 		icon: /* @__PURE__ */ M(s, {}),
@@ -139,7 +139,7 @@ function G({ workspace: r, current: d, page: f = !1, onIndex: p = !1, menu: v, t
 		onClick: () => B.create.mutate({}),
 		disabled: B.create.isPending,
 		className: f ? "" : z
-	}) : /* @__PURE__ */ M(w, {
+	}) : /* @__PURE__ */ M(ne, {
 		items: [{
 			value: "",
 			label: D.name
@@ -204,7 +204,7 @@ function G({ workspace: r, current: d, page: f = !1, onIndex: p = !1, menu: v, t
 						})]
 					}),
 					Te,
-					/* @__PURE__ */ M(ne, {
+					/* @__PURE__ */ M(w, {
 						variant: "ghost",
 						size: "xs",
 						icon: /* @__PURE__ */ M(c, { className: R(!Q && "rotate-90") }),
@@ -284,11 +284,21 @@ function G({ workspace: r, current: d, page: f = !1, onIndex: p = !1, menu: v, t
 	});
 }
 function pe({ ctx: e, id: n, team: i, name: a, icon: o, docs: l, closed: u, onToggle: m, row: g = !1 }) {
-	let _ = j("docs"), v = j("common"), y = O(), b = h(e.workspace), ee = f(), te = t(), x = e.workspace, { data: S = [] } = F(r(x)), C = `docs-space-${n}`, w = () => [
+	let _ = j("docs"), v = j("common"), y = O(), b = h(e.workspace), ee = f(), te = t(), x = e.workspace, { data: S = [] } = F(r(x)), C = `docs-space-${n}`, ne = j("docViews"), w = () => [
 		{
 			label: _("newInSpace"),
 			onClick: () => b.create.mutate({ team: i?.key })
 		},
+		{
+			label: ne("openTable"),
+			onClick: () => te({
+				to: "/$workspace/docs/space/$space",
+				params: {
+					workspace: x,
+					space: i?.key ?? "workspace"
+				}
+			})
+		},
 		{
 			label: _("newFromTemplate"),
 			items: S.map((e) => ({

package/components/Editor.js

@@ -5,12 +5,13 @@ import { Columns as p } from "./columns.js";
 import { DateChip as m } from "./DateChip.js";
 import { DocButton as h } from "./DocButton.js";
 import { DocLinkPicker as g } from "./DocLinkPicker.js";
-import { IssueListBlock as _ } from "./IssueListBlock.js";
-import { LinkCard as ee } from "./LinkCard.js";
-import { MentionPicker as v } from "./MentionPicker.js";
-import { Diagrams as y, MathBlock as b, MathInline as x } from "./mathDiagrams.js";
-import { SlashMenu as S } from "./SlashMenu.js";
-import { SubPages as te } from "./SubPages.js";
+import { DocViewBlock as _ } from "./DocViewBlock.js";
+import { IssueListBlock as ee } from "./IssueListBlock.js";
+import { LinkCard as v } from "./LinkCard.js";
+import { MentionPicker as y } from "./MentionPicker.js";
+import { Diagrams as b, MathBlock as te, MathInline as ne } from "./mathDiagrams.js";
+import { SlashMenu as x } from "./SlashMenu.js";
+import { SubPages as S } from "./SubPages.js";
 import { MarkdownTable as C } from "./table.js";
 import { useEffect as w, useRef as T } from "react";
 import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
@@ -21,8 +22,8 @@ import { TableKit as P } from "@tiptap/extension-table";
 import { Placeholder as F } from "@tiptap/extensions";
 import { Markdown as I } from "@tiptap/markdown";
 import L from "@tiptap/starter-kit";
-import R from "highlight.js/lib/languages/bash";
-import ne from "highlight.js/lib/languages/css";
+import re from "highlight.js/lib/languages/bash";
+import R from "highlight.js/lib/languages/css";
 import z from "highlight.js/lib/languages/diff";
 import B from "highlight.js/lib/languages/dockerfile";
 import V from "highlight.js/lib/languages/go";
@@ -36,12 +37,12 @@ import J from "highlight.js/lib/languages/shell";
 import Y from "highlight.js/lib/languages/sql";
 import X from "highlight.js/lib/languages/typescript";
 import Z from "highlight.js/lib/languages/xml";
-import re from "highlight.js/lib/languages/yaml";
-import { createLowlight as ie } from "lowlight";
+import ie from "highlight.js/lib/languages/yaml";
+import { createLowlight as ae } from "lowlight";
 // src/components/Editor.tsx
-var ae = ie({
-	bash: R,
-	css: ne,
+var oe = ae({
+	bash: re,
+	css: R,
 	diff: z,
 	dockerfile: B,
 	go: V,
@@ -55,9 +56,9 @@ var ae = ie({
 	sql: Y,
 	typescript: X,
 	xml: Z,
-	yaml: re
+	yaml: ie
 });
-function Q({ editable: g = !0, placeholder: v = "", collaborative: S = !1 } = {}) {
+function Q({ editable: g = !0, placeholder: y = "", collaborative: x = !1 } = {}) {
 	return [
 		L.configure({
 			link: {
@@ -66,15 +67,15 @@ function Q({ editable: g = !0, placeholder: v = "", collaborative: S = !1 } = {}
 			},
 			codeBlock: !1,
 			blockquote: !1,
-			...g && !S ? {} : { trailingNode: !1 },
-			...S ? { undoRedo: !1 } : {}
+			...g && !x ? {} : { trailingNode: !1 },
+			...x ? { undoRedo: !1 } : {}
 		}),
-		j.configure({ lowlight: ae }),
+		j.configure({ lowlight: oe }),
 		l,
 		N,
 		M.configure({ nested: !0 }),
 		f,
-		te,
+		S,
 		d,
 		u,
 		p,
@@ -83,7 +84,7 @@ function Q({ editable: g = !0, placeholder: v = "", collaborative: S = !1 } = {}
 			resizable: !1,
 			allowTableNodeSelection: !1
 		}),
-		F.configure({ placeholder: v }),
+		F.configure({ placeholder: y }),
 		I,
 		a,
 		r,
@@ -94,12 +95,13 @@ function Q({ editable: g = !0, placeholder: v = "", collaborative: S = !1 } = {}
 		s,
 		c,
 		i,
+		_,
 		h,
-		ee,
-		x,
+		v,
+		ne,
+		te,
 		b,
-		y,
-		_,
+		ee,
 		m
 	];
 }
@@ -118,7 +120,7 @@ function $(e) {
 		}
 	};
 }
-function oe({ value: e, onChange: t, onSubmit: n, onBlur: r, onFocus: i, placeholder: a, editable: o = !0, autofocus: s = !1, className: c = "", label: l, onFiles: u, onEditor: d }) {
+function se({ value: e, onChange: t, onSubmit: n, onBlur: r, onFocus: i, placeholder: a, editable: o = !0, autofocus: s = !1, className: c = "", label: l, onFiles: u, onEditor: d }) {
 	let f = T({
 		onChange: t,
 		onSubmit: n,
@@ -172,11 +174,11 @@ function oe({ value: e, onChange: t, onSubmit: n, onBlur: r, onFocus: i, placeho
 	return h.current = d, w(() => (h.current?.(m), () => h.current?.(null)), [m]), /* @__PURE__ */ O(E, { children: [
 		/* @__PURE__ */ D(k, { editor: m }),
 		o && /* @__PURE__ */ D(g, { editor: m }),
-		o && /* @__PURE__ */ D(S, {
+		o && /* @__PURE__ */ D(x, {
 			editor: m,
 			onFiles: p
 		}),
-		o && /* @__PURE__ */ D(v, { editor: m })
+		o && /* @__PURE__ */ D(y, { editor: m })
 	] });
 }
-export { oe as Editor, Q as contentExtensions, $ as fileHandlers };
+export { se as Editor, Q as contentExtensions, $ as fileHandlers };

package/components/SlashMenu.js

@@ -58,6 +58,7 @@ var w = {
 	file: "↥",
 	table: "▦",
 	docLink: "[[",
+	docView: "▤",
 	button: "▭",
 	issueList: "☰",
 	date: "@",
@@ -104,6 +105,7 @@ var w = {
 		withHeaderRow: !0
 	}),
 	docLink: (e) => e.insertContent("[["),
+	docView: (e) => e.insertContent({ type: "docView" }),
 	button: (e) => e.insertContent({ type: "docButton" }),
 	issueList: (e) => e.insertContent({ type: "issueList" }),
 	date: (e) => e.insertContent([{

package/lib/docProperties.js

@@ -0,0 +1,135 @@
+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/docProperties.ts
+var a = (e) => e === "workspace" ? void 0 : { team: e }, o = [
+	"text",
+	"number",
+	"select",
+	"multi_select",
+	"person",
+	"date",
+	"checkbox",
+	"issue"
+], s = (r, i) => n({
+	queryKey: [
+		"workspace",
+		r,
+		"docs",
+		"properties",
+		i
+	],
+	queryFn: async ({ signal: n }) => t(await e.GET("/api/v1/workspaces/{workspace}/doc-properties", {
+		params: {
+			path: { workspace: r },
+			query: { space: i }
+		},
+		signal: n
+	})).properties
+}), c = (r, i) => n({
+	queryKey: [
+		"workspace",
+		r,
+		"docs",
+		"views",
+		i
+	],
+	queryFn: async ({ signal: n }) => t(await e.GET("/api/v1/workspaces/{workspace}/doc-views", {
+		params: {
+			path: { workspace: r },
+			query: { space: i }
+		},
+		signal: n
+	})).views
+}), l = (r, i) => n({
+	queryKey: [
+		"workspace",
+		r,
+		"docs",
+		"view",
+		i
+	],
+	queryFn: async ({ signal: n }) => t(await e.GET("/api/v1/workspaces/{workspace}/doc-views/{view}", {
+		params: { path: {
+			workspace: r,
+			view: i
+		} },
+		signal: n
+	}))
+});
+function u(e) {
+	let t = e ?? {}, n = {};
+	if (Array.isArray(t.columns) && (n.columns = t.columns.filter((e) => typeof e == "string")), typeof t.sort == "string" && (n.sort = t.sort), t.desc === !0 && (n.desc = !0), typeof t.groupBy == "string" && (n.groupBy = t.groupBy), t.filters && typeof t.filters == "object") {
+		let e = {};
+		for (let [n, r] of Object.entries(t.filters)) typeof r == "string" && (e[n] = r);
+		Object.keys(e).length > 0 && (n.filters = e);
+	}
+	return n;
+}
+function d(n) {
+	let a = i(), o = () => a.invalidateQueries({ queryKey: [
+		"workspace",
+		n,
+		"docs"
+	] });
+	return {
+		create: r({
+			mutationFn: async (r) => t(await e.POST("/api/v1/workspaces/{workspace}/doc-properties", {
+				params: { path: { workspace: n } },
+				body: r
+			})),
+			onSettled: o
+		}),
+		update: r({
+			mutationFn: async ({ id: r, ...i }) => t(await e.PATCH("/api/v1/workspaces/{workspace}/doc-properties/{property}", {
+				params: { path: {
+					workspace: n,
+					property: r
+				} },
+				body: i
+			})),
+			onSettled: o
+		}),
+		remove: r({
+			mutationFn: async (r) => t(await e.DELETE("/api/v1/workspaces/{workspace}/doc-properties/{property}", { params: { path: {
+				workspace: n,
+				property: r
+			} } })),
+			onSettled: o
+		}),
+		setValues: r({
+			mutationFn: async ({ doc: r, values: i }) => t(await e.PATCH("/api/v1/workspaces/{workspace}/docs/{doc}/properties", {
+				params: { path: {
+					workspace: n,
+					doc: r
+				} },
+				body: { values: i }
+			})),
+			onSettled: o
+		}),
+		saveView: r({
+			mutationFn: async (r) => t(await e.POST("/api/v1/workspaces/{workspace}/doc-views", {
+				params: { path: { workspace: n } },
+				body: r
+			})),
+			onSettled: o
+		}),
+		updateView: r({
+			mutationFn: async ({ id: r, ...i }) => t(await e.PATCH("/api/v1/workspaces/{workspace}/doc-views/{view}", {
+				params: { path: {
+					workspace: n,
+					view: r
+				} },
+				body: i
+			})),
+			onSettled: o
+		}),
+		removeView: r({
+			mutationFn: async (r) => t(await e.DELETE("/api/v1/workspaces/{workspace}/doc-views/{view}", { params: { path: {
+				workspace: n,
+				view: r
+			} } })),
+			onSettled: o
+		})
+	};
+}
+export { s as docPropertiesQuery, l as docViewQuery, c as docViewsQuery, o as propertyKinds, u as readConfig, a as spaceScope, d as useDocPropertyActions };

package/package.json

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