@parallelworks/tandem-web 0.141.1 → 0.142.0

package/_virtual/_virtual_i18n/en/common.js

@@ -1279,6 +1279,59 @@ var e = {
 		title: "Create team",
 		description: "A team has its own issues, workflow and members. Its key starts each issue ID, as in ENG-42."
 	},
+	docProperties: {
+		issueExample: "An issue, such as ENG-42",
+		title: "Properties",
+		yes: "Yes",
+		edit: "Change property",
+		remove: "Remove property",
+		empty: "Empty",
+		add: "Add property",
+		name: "Name",
+		kind: "Kind",
+		options: "Options, one per line",
+		optionsHint: "Removing an option clears it from the docs that had it.",
+		save: "Save",
+		kinds: {
+			text: "Text",
+			number: "Number",
+			select: "Select",
+			multi_select: "Multi-select",
+			person: "Person",
+			date: "Date",
+			checkbox: "Checkbox",
+			issue: "Issue"
+		}
+	},
+	docViews: {
+		title: "Docs as a table",
+		docs: "Docs",
+		loading: "Loading…",
+		pickGroup: "Pick a select or person property to group the board by.",
+		none: "No docs match.",
+		docTitle: "Title",
+		updated: "Updated",
+		board: "Board",
+		table: "Table",
+		layout: "Layout",
+		noValue: "No {property}",
+		unsaved: "Unsaved view",
+		savedViews: "Saved views",
+		update: "Update view",
+		save: "Save view",
+		viewName: "View name",
+		groupBy: "Group by",
+		columns: "Columns",
+		sortBy: "Sort by",
+		ascending: "Ascending",
+		descending: "Descending",
+		checked: "Checked",
+		anyValue: "Any {property}",
+		filterBy: "Filter by {property}",
+		openTable: "Open as table",
+		embedPick: "Pick a saved view to show",
+		open: "Open"
+	},
 	docs: {
 		spaceDefault: "Start new docs in this space from it",
 		duplicate: "Duplicate",
@@ -2389,6 +2442,11 @@ var e = {
 			hint: "Rows and columns",
 			keywords: "grid columns rows"
 		},
+		docView: {
+			label: "Docs view",
+			hint: "A saved table or board of a space's docs",
+			keywords: "table board view database docs properties"
+		},
 		button: {
 			label: "Button",
 			hint: "A button that inserts blocks or makes a doc from a template",

package/_virtual/_virtual_i18n/es/common.js

@@ -1279,6 +1279,59 @@ var e = {
 		title: "Crear equipo",
 		description: "Un equipo tiene sus propias incidencias, flujo de trabajo y miembros. Su clave inicia el ID de cada incidencia, como en ENG-42."
 	},
+	docProperties: {
+		issueExample: "Una incidencia, como ENG-42",
+		title: "Propiedades",
+		yes: "Sí",
+		edit: "Cambiar propiedad",
+		remove: "Quitar propiedad",
+		empty: "Vacío",
+		add: "Añadir propiedad",
+		name: "Nombre",
+		kind: "Tipo",
+		options: "Opciones, una por línea",
+		optionsHint: "Quitar una opción la borra de los documentos que la tenían.",
+		save: "Guardar",
+		kinds: {
+			text: "Texto",
+			number: "Número",
+			select: "Selección",
+			multi_select: "Selección múltiple",
+			person: "Persona",
+			date: "Fecha",
+			checkbox: "Casilla",
+			issue: "Incidencia"
+		}
+	},
+	docViews: {
+		title: "Documentos como tabla",
+		docs: "Documentos",
+		loading: "Cargando…",
+		pickGroup: "Elige una propiedad de selección o de persona para agrupar el tablero.",
+		none: "Ningún documento coincide.",
+		docTitle: "Título",
+		updated: "Actualizado",
+		board: "Tablero",
+		table: "Tabla",
+		layout: "Diseño",
+		noValue: "Sin {property}",
+		unsaved: "Vista sin guardar",
+		savedViews: "Vistas guardadas",
+		update: "Actualizar vista",
+		save: "Guardar vista",
+		viewName: "Nombre de la vista",
+		groupBy: "Agrupar por",
+		columns: "Columnas",
+		sortBy: "Ordenar por",
+		ascending: "Ascendente",
+		descending: "Descendente",
+		checked: "Marcado",
+		anyValue: "Cualquier {property}",
+		filterBy: "Filtrar por {property}",
+		openTable: "Abrir como tabla",
+		embedPick: "Elige una vista guardada para mostrar",
+		open: "Abrir"
+	},
 	docs: {
 		spaceDefault: "Empezar los documentos nuevos de este espacio con ella",
 		duplicate: "Duplicar",
@@ -2389,6 +2442,11 @@ var e = {
 			hint: "Filas y columnas",
 			keywords: "cuadrícula columnas filas grid columns rows"
 		},
+		docView: {
+			label: "Vista de documentos",
+			hint: "Una tabla o tablero guardado de los documentos de un espacio",
+			keywords: "tabla tablero vista base de datos documentos"
+		},
 		button: {
 			label: "Botón",
 			hint: "Un botón que inserta bloques o crea un documento desde una plantilla",

package/_virtual/_virtual_i18n/ja/common.js

@@ -1279,6 +1279,59 @@ var e = {
 		title: "チームを作成",
 		description: "チームには独自の課題、ワークフロー、メンバーがあります。チームのキーは ENG-42 のように各課題 ID の先頭に付きます。"
 	},
+	docProperties: {
+		issueExample: "課題（例: ENG-42）",
+		title: "プロパティ",
+		yes: "はい",
+		edit: "プロパティを変更",
+		remove: "プロパティを削除",
+		empty: "空",
+		add: "プロパティを追加",
+		name: "名前",
+		kind: "種類",
+		options: "選択肢（1 行に 1 つ）",
+		optionsHint: "選択肢を削除すると、それを持つドキュメントから消えます。",
+		save: "保存",
+		kinds: {
+			text: "テキスト",
+			number: "数値",
+			select: "選択",
+			multi_select: "複数選択",
+			person: "人",
+			date: "日付",
+			checkbox: "チェックボックス",
+			issue: "課題"
+		}
+	},
+	docViews: {
+		title: "ドキュメントの表",
+		docs: "ドキュメント",
+		loading: "読み込み中…",
+		pickGroup: "ボードをグループ化する選択または人のプロパティを選んでください。",
+		none: "一致するドキュメントはありません。",
+		docTitle: "タイトル",
+		updated: "更新",
+		board: "ボード",
+		table: "表",
+		layout: "レイアウト",
+		noValue: "{property} なし",
+		unsaved: "未保存のビュー",
+		savedViews: "保存したビュー",
+		update: "ビューを更新",
+		save: "ビューを保存",
+		viewName: "ビュー名",
+		groupBy: "グループ化",
+		columns: "列",
+		sortBy: "並べ替え",
+		ascending: "昇順",
+		descending: "降順",
+		checked: "チェック済み",
+		anyValue: "すべての {property}",
+		filterBy: "{property} で絞り込み",
+		openTable: "表で開く",
+		embedPick: "表示する保存済みビューを選択",
+		open: "開く"
+	},
 	docs: {
 		spaceDefault: "このスペースの新しいドキュメントに使う",
 		duplicate: "複製",
@@ -2389,6 +2442,11 @@ var e = {
 			hint: "行と列",
 			keywords: "grid columns rows 表 テーブル 行 列"
 		},
+		docView: {
+			label: "ドキュメントビュー",
+			hint: "スペースのドキュメントの保存した表やボード",
+			keywords: "表 ボード ビュー データベース ドキュメント"
+		},
 		button: {
 			label: "ボタン",
 			hint: "ブロックを挿入したりテンプレートからドキュメントを作るボタン",

package/_virtual/_virtual_i18n/ko/common.js

@@ -1279,6 +1279,59 @@ var e = {
 		title: "팀 생성",
 		description: "팀마다 고유한 이슈, 워크플로, 멤버가 있습니다. 팀 키는 ENG-42처럼 각 이슈 ID의 앞부분이 됩니다."
 	},
+	docProperties: {
+		issueExample: "이슈(예: ENG-42)",
+		title: "속성",
+		yes: "예",
+		edit: "속성 변경",
+		remove: "속성 삭제",
+		empty: "비어 있음",
+		add: "속성 추가",
+		name: "이름",
+		kind: "종류",
+		options: "옵션(한 줄에 하나)",
+		optionsHint: "옵션을 지우면 그 옵션을 가진 문서에서도 지워집니다.",
+		save: "저장",
+		kinds: {
+			text: "텍스트",
+			number: "숫자",
+			select: "선택",
+			multi_select: "다중 선택",
+			person: "사람",
+			date: "날짜",
+			checkbox: "체크박스",
+			issue: "이슈"
+		}
+	},
+	docViews: {
+		title: "문서 표",
+		docs: "문서",
+		loading: "불러오는 중…",
+		pickGroup: "보드를 묶을 선택 또는 사람 속성을 고르세요.",
+		none: "일치하는 문서가 없습니다.",
+		docTitle: "제목",
+		updated: "수정됨",
+		board: "보드",
+		table: "표",
+		layout: "레이아웃",
+		noValue: "{property} 없음",
+		unsaved: "저장하지 않은 보기",
+		savedViews: "저장된 보기",
+		update: "보기 업데이트",
+		save: "보기 저장",
+		viewName: "보기 이름",
+		groupBy: "묶기",
+		columns: "열",
+		sortBy: "정렬",
+		ascending: "오름차순",
+		descending: "내림차순",
+		checked: "체크됨",
+		anyValue: "모든 {property}",
+		filterBy: "{property}(으)로 필터",
+		openTable: "표로 열기",
+		embedPick: "보여 줄 저장된 보기를 고르세요",
+		open: "열기"
+	},
 	docs: {
 		spaceDefault: "이 스페이스의 새 문서에 사용",
 		duplicate: "복제",
@@ -2389,6 +2442,11 @@ var e = {
 			hint: "행과 열",
 			keywords: "표 테이블 그리드 열 행 grid columns rows"
 		},
+		docView: {
+			label: "문서 보기",
+			hint: "스페이스 문서의 저장된 표나 보드",
+			keywords: "표 보드 보기 데이터베이스 문서"
+		},
 		button: {
 			label: "버튼",
 			hint: "블록을 넣거나 템플릿으로 문서를 만드는 버튼",

package/_virtual/_virtual_i18n/zh/common.js

@@ -1279,6 +1279,59 @@ var e = {
 		title: "创建团队",
 		description: "团队拥有自己的议题、工作流和成员。团队标识会作为每个议题 ID 的开头，例如 ENG-42。"
 	},
+	docProperties: {
+		issueExample: "问题，例如 ENG-42",
+		title: "属性",
+		yes: "是",
+		edit: "更改属性",
+		remove: "移除属性",
+		empty: "空",
+		add: "添加属性",
+		name: "名称",
+		kind: "类型",
+		options: "选项（每行一个）",
+		optionsHint: "移除选项会从拥有它的文档中清除。",
+		save: "保存",
+		kinds: {
+			text: "文本",
+			number: "数字",
+			select: "单选",
+			multi_select: "多选",
+			person: "人员",
+			date: "日期",
+			checkbox: "复选框",
+			issue: "问题"
+		}
+	},
+	docViews: {
+		title: "文档表格",
+		docs: "文档",
+		loading: "加载中…",
+		pickGroup: "请选择用于分组看板的单选或人员属性。",
+		none: "没有匹配的文档。",
+		docTitle: "标题",
+		updated: "更新于",
+		board: "看板",
+		table: "表格",
+		layout: "布局",
+		noValue: "无{property}",
+		unsaved: "未保存的视图",
+		savedViews: "已保存视图",
+		update: "更新视图",
+		save: "保存视图",
+		viewName: "视图名称",
+		groupBy: "分组",
+		columns: "列",
+		sortBy: "排序",
+		ascending: "升序",
+		descending: "降序",
+		checked: "已勾选",
+		anyValue: "任意{property}",
+		filterBy: "按{property}筛选",
+		openTable: "以表格打开",
+		embedPick: "选择要显示的已保存视图",
+		open: "打开"
+	},
 	docs: {
 		spaceDefault: "此空间的新文档从它开始",
 		duplicate: "复制一份",
@@ -2389,6 +2442,11 @@ var e = {
 			hint: "行和列",
 			keywords: "表格 网格 列 行 grid columns rows"
 		},
+		docView: {
+			label: "文档视图",
+			hint: "空间文档的已保存表格或看板",
+			keywords: "表格 看板 视图 数据库 文档"
+		},
 		button: {
 			label: "按钮",
 			hint: "插入块或从模板创建文档的按钮",

package/components/DocProperties.js

@@ -0,0 +1,314 @@
+import { AddIcon as e } from "./icons.js";
+import { usePeople as t } from "../lib/people.js";
+import { useCan as n } from "../lib/roles.js";
+import { docPropertiesQuery as r, propertyKinds as i, spaceScope as a, useDocPropertyActions as o } from "../lib/docProperties.js";
+import { Button as s, Checkbox as c, ErrorText as l, IconButton as u, Input as d, Popover as f, Select as p, Textarea as m, menuDivider as h, useOpenMenu as g } from "@parallelworks/ui";
+import { Link as _ } from "@tanstack/react-router";
+import { useEffect as v, useState as y } from "react";
+import { useErrorMessage as b } from "@parallelworks/problem/react";
+import { useTranslations as x } from "use-intl";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useQuery as w } from "@tanstack/react-query";
+// src/components/DocProperties.tsx
+function T(e) {
+	let { nameOf: n } = t(e), r = x("docProperties");
+	return (e, t) => {
+		if (t == null) return "";
+		let i = (t) => e.options.find((e) => e.id === t)?.name ?? String(t);
+		switch (e.kind) {
+			case "select": return i(t);
+			case "multi_select": return Array.isArray(t) ? t.map(i).join(", ") : "";
+			case "person": return n("user", String(t));
+			case "checkbox": return t === !0 ? r("yes") : "";
+			default: return String(t);
+		}
+	};
+}
+function E({ workspace: e, doc: t, space: i, editable: s }) {
+	let c = x("docProperties"), u = b(), { data: d = [] } = w(r(e, i)), f = n(e, "manage_labels", a(i)), p = o(e), m = t.properties ?? {};
+	if (d.length === 0 && !(s && f)) return null;
+	let h = (e, n) => p.setValues.mutate({
+		doc: t.key,
+		values: { [e]: n }
+	});
+	return /* @__PURE__ */ C("section", {
+		"aria-label": c("title"),
+		className: "mt-3 space-y-0.5 text-sm",
+		children: [
+			d.map((t) => /* @__PURE__ */ C("div", {
+				className: "flex min-h-8 items-center gap-2",
+				children: [/* @__PURE__ */ S(D, {
+					workspace: e,
+					property: t,
+					admin: s && f
+				}), /* @__PURE__ */ S("div", {
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ S(O, {
+						workspace: e,
+						property: t,
+						value: m[t.id],
+						editable: s,
+						onChange: (e) => h(t.id, e)
+					})
+				})]
+			}, t.id)),
+			s && f && /* @__PURE__ */ S(A, {
+				workspace: e,
+				space: i
+			}),
+			p.setValues.error && /* @__PURE__ */ S(l, { children: u(p.setValues.error) })
+		]
+	});
+}
+function D({ workspace: e, property: t, admin: n }) {
+	let r = x("docProperties"), i = g(), a = o(e), [s, c] = y(!1), l = /* @__PURE__ */ S("span", {
+		className: "truncate",
+		children: t.name
+	});
+	if (!n) return /* @__PURE__ */ S("span", {
+		className: "flex w-36 shrink-0 text-muted-foreground",
+		children: l
+	});
+	let u = () => [
+		{
+			label: r("edit"),
+			onClick: () => c(!0)
+		},
+		h,
+		{
+			label: r("remove"),
+			destructive: !0,
+			onClick: () => a.remove.mutate(t.id)
+		}
+	];
+	return /* @__PURE__ */ S(f, {
+		open: s,
+		onOpenChange: c,
+		trigger: /* @__PURE__ */ S("button", {
+			type: "button",
+			onContextMenu: (e) => i(e, u()),
+			className: "flex h-7 w-36 shrink-0 items-center rounded-md px-1.5 text-left text-muted-foreground hover:bg-muted",
+			children: l
+		}),
+		align: "start",
+		className: "w-72",
+		initialFocus: "first-control",
+		"aria-label": r("edit"),
+		children: /* @__PURE__ */ S(j, {
+			workspace: e,
+			property: t,
+			onDone: () => c(!1),
+			onRemove: () => {
+				a.remove.mutate(t.id), c(!1);
+			}
+		})
+	});
+}
+function O({ workspace: e, property: n, value: r, editable: i, onChange: a }) {
+	let o = x("docProperties"), { members: s } = t(e), l = T(e), u = o("empty");
+	if (!i) {
+		let t = l(n, r);
+		return n.kind === "issue" && t ? /* @__PURE__ */ S(_, {
+			to: "/$workspace/issues/$identifier",
+			params: {
+				workspace: e,
+				identifier: t
+			},
+			className: "text-primary hover:underline",
+			children: t
+		}) : /* @__PURE__ */ S("span", {
+			className: t ? "" : "text-muted-foreground",
+			children: t || u
+		});
+	}
+	switch (n.kind) {
+		case "select": return /* @__PURE__ */ S(p, {
+			value: typeof r == "string" ? r : "",
+			items: [{
+				value: "",
+				label: u
+			}, ...n.options.map((e) => ({
+				value: e.id ?? "",
+				label: e.name
+			}))],
+			onValueChange: (e) => a(e || null),
+			"aria-label": n.name,
+			size: "sm",
+			width: "content"
+		});
+		case "multi_select": return /* @__PURE__ */ S(p, {
+			multiple: !0,
+			value: Array.isArray(r) ? r : [],
+			items: n.options.map((e) => ({
+				value: e.id ?? "",
+				label: e.name
+			})),
+			onValueChange: (e) => a(e),
+			placeholder: u,
+			"aria-label": n.name,
+			size: "sm",
+			width: "content"
+		});
+		case "person": return /* @__PURE__ */ S(p, {
+			value: typeof r == "string" ? r : "",
+			items: [{
+				value: "",
+				label: u
+			}, ...s.map((e) => ({
+				value: e.user.username,
+				label: e.user.name
+			}))],
+			onValueChange: (e) => a(e || null),
+			"aria-label": n.name,
+			size: "sm",
+			width: "content"
+		});
+		case "checkbox": return /* @__PURE__ */ S(c, {
+			checked: r === !0,
+			onCheckedChange: (e) => a(e === !0),
+			"aria-label": n.name
+		});
+		case "date": return /* @__PURE__ */ S(d, {
+			type: "date",
+			value: typeof r == "string" ? r : "",
+			onChange: (e) => a(e.target.value || null),
+			"aria-label": n.name,
+			className: "h-7 px-1.5 w-40"
+		});
+		default: return /* @__PURE__ */ S(k, {
+			property: n,
+			value: r,
+			onChange: a
+		});
+	}
+}
+function k({ property: e, value: t, onChange: n }) {
+	let r = x("docProperties"), i = t == null ? "" : String(t), [a, o] = y(i);
+	v(() => o(i), [i]);
+	let s = () => {
+		a !== i && (a.trim() ? n(e.kind === "number" ? Number(a) : a) : n(null));
+	};
+	return /* @__PURE__ */ S(d, {
+		type: e.kind === "number" ? "number" : "text",
+		value: a,
+		onChange: (e) => o(e.target.value),
+		onBlur: s,
+		onKeyDown: (e) => e.key === "Enter" && s(),
+		placeholder: r(e.kind === "issue" ? "issueExample" : "empty"),
+		"aria-label": e.name,
+		className: "h-7 border-transparent px-1.5 shadow-none hover:border-border"
+	});
+}
+function A({ workspace: t, space: n }) {
+	let r = x("docProperties"), [i, a] = y(!1);
+	return /* @__PURE__ */ S(f, {
+		open: i,
+		onOpenChange: a,
+		trigger: /* @__PURE__ */ S(s, {
+			size: "xs",
+			variant: "ghost",
+			icon: /* @__PURE__ */ S(e, {}),
+			className: "mt-1 text-muted-foreground",
+			children: r("add")
+		}),
+		align: "start",
+		className: "w-72",
+		initialFocus: "first-control",
+		"aria-label": r("add"),
+		children: /* @__PURE__ */ S(j, {
+			workspace: t,
+			space: n,
+			onDone: () => a(!1)
+		})
+	});
+}
+function j({ workspace: e, space: t, property: n, onDone: r, onRemove: a }) {
+	let c = x("docProperties"), f = b(), h = o(e), [g, _] = y(n?.name ?? ""), [v, w] = y(n?.kind ?? "text"), [T, E] = y((n?.options ?? []).map((e) => e.name).join("\n")), D = v === "select" || v === "multi_select", O = () => T.split("\n").map((e) => e.trim()).filter(Boolean).map((e) => {
+		let t = n?.options.find((t) => t.name === e)?.id;
+		return {
+			name: e,
+			...t && { id: t }
+		};
+	}), k = n ? h.update : h.create;
+	return /* @__PURE__ */ C("form", {
+		onSubmit: (e) => {
+			e.preventDefault(), n ? h.update.mutate({
+				id: n.id,
+				name: g,
+				...D && { options: O() }
+			}, { onSuccess: r }) : h.create.mutate({
+				...t && { space: t },
+				name: g,
+				kind: v,
+				...D && { options: O() }
+			}, { onSuccess: r });
+		},
+		className: "space-y-3 text-sm",
+		children: [
+			/* @__PURE__ */ C("label", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: [c("name"), /* @__PURE__ */ S(d, {
+					value: g,
+					onChange: (e) => _(e.target.value),
+					required: !0,
+					maxLength: 60,
+					className: "mt-1"
+				})]
+			}),
+			!n && /* @__PURE__ */ C("div", {
+				className: "text-xs font-medium text-muted-foreground",
+				children: [c("kind"), /* @__PURE__ */ S("div", {
+					className: "mt-1",
+					children: /* @__PURE__ */ S(p, {
+						value: v,
+						items: i.map((e) => ({
+							value: e,
+							label: c(`kinds.${e}`)
+						})),
+						onValueChange: w,
+						"aria-label": c("kind"),
+						width: "fill"
+					})
+				})]
+			}),
+			D && /* @__PURE__ */ C("label", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: [
+					c("options"),
+					/* @__PURE__ */ S(m, {
+						value: T,
+						onChange: (e) => E(e.target.value),
+						rows: 4,
+						className: "mt-1"
+					}),
+					/* @__PURE__ */ S("span", {
+						className: "mt-1 block font-normal",
+						children: c("optionsHint")
+					})
+				]
+			}),
+			k.error && /* @__PURE__ */ S(l, { children: f(k.error) }),
+			/* @__PURE__ */ C("div", {
+				className: "flex justify-between gap-2",
+				children: [a ? /* @__PURE__ */ S(u, {
+					variant: "ghost",
+					size: "sm",
+					label: c("remove"),
+					icon: /* @__PURE__ */ S("span", {
+						"aria-hidden": !0,
+						children: "×"
+					}),
+					onClick: a
+				}) : /* @__PURE__ */ S("span", {}), /* @__PURE__ */ S(s, {
+					type: "submit",
+					size: "sm",
+					variant: "primary",
+					loading: k.isPending,
+					disabled: !g.trim(),
+					children: c(n ? "save" : "add")
+				})]
+			})
+		]
+	});
+}
+export { E as DocProperties, O as PropertyField, T as usePropertyText };