@ecsplico/editor 0.0.0-stage → 1.0.0

package/dist/features/composites/react/CompositeStatusMenu.js

@@ -0,0 +1,36 @@
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { Icon } from "../../../react/Icon.js";
+import { setCompositeMetaField } from "../rows.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuTrigger } from "../../../react/ui/dropdown-menu.js";
+import { rowStatus, statusStyle } from "../meta-display.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/features/composites/react/CompositeStatusMenu.tsx
+/**
+* Quick status change: the child (a button) opens a menu of the status field's options. Kinds without a
+* status field render the child bare.
+*/
+function CompositeStatusMenu({ editor, row, children }) {
+	const { t } = useEditorI18n();
+	const status = rowStatus(row, t);
+	if (!status) return /* @__PURE__ */ jsx(Fragment, { children });
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children
+	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+		side: "bottom",
+		align: "start",
+		sideOffset: 4,
+		className: "w-40",
+		children: (status.field.options ?? []).map((option) => /* @__PURE__ */ jsxs(DropdownMenuCheckboxItem, {
+			checked: option.value === status.value,
+			onCheckedChange: (checked) => {
+				if (checked) setCompositeMetaField(editor, row, "status", option.value);
+			},
+			children: [/* @__PURE__ */ jsx(Icon, { name: statusStyle(option.value).icon }), option.label]
+		}, option.value))
+	})] });
+}
+//#endregion
+export { CompositeStatusMenu };
+
+//# sourceMappingURL=CompositeStatusMenu.js.map

package/dist/features/composites/react/CompositeStatusMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeStatusMenu.js","names":[],"sources":["../../../../src/features/composites/react/CompositeStatusMenu.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport type { ReactNode } from 'react'\nimport { Icon } from '../../../react/Icon'\nimport { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuTrigger } from '../../../react/ui/dropdown-menu'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { rowStatus, statusStyle } from '../meta-display'\nimport { type CompositeRow, setCompositeMetaField } from '../rows'\n\n/**\n * Quick status change: the child (a button) opens a menu of the status field's options. Kinds without a\n * status field render the child bare.\n */\nexport function CompositeStatusMenu({ editor, row, children }: { editor: Editor, row: CompositeRow, children: ReactNode }) {\n  const { t } = useEditorI18n()\n  const status = rowStatus(row, t)\n  if (!status) return <>{children}</>\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{children}</DropdownMenuTrigger>\n      <DropdownMenuContent side=\"bottom\" align=\"start\" sideOffset={4} className=\"w-40\">\n        {(status.field.options ?? []).map(option => (\n          <DropdownMenuCheckboxItem\n            key={option.value}\n            checked={option.value === status.value}\n            // Checking the current value again would \"uncheck\" it: only a newly chosen value is written.\n            onCheckedChange={(checked) => {\n              if (checked) setCompositeMetaField(editor, row, 'status', option.value)\n            }}\n          >\n            <Icon name={statusStyle(option.value).icon} />\n            {option.label}\n          </DropdownMenuCheckboxItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAgB,oBAAoB,EAAE,QAAQ,KAAK,YAAwE;CACzH,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,SAAS,UAAU,KAAK,CAAC;CAC/B,IAAI,CAAC,QAAQ,OAAO,oBAAA,UAAA,EAAG,SAAW,CAAA;CAElC,OACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,qBAAD;EAAqB,SAAA;EAAS;CAA8B,CAAA,GAC5D,oBAAC,qBAAD;EAAqB,MAAK;EAAS,OAAM;EAAQ,YAAY;EAAG,WAAU;EACtE,WAAA,OAAO,MAAM,WAAW,CAAC,EAAA,CAAG,KAAI,WAChC,qBAAC,0BAAD;GAEE,SAAS,OAAO,UAAU,OAAO;GAEjC,kBAAkB,YAAY;IAC5B,IAAI,SAAS,sBAAsB,QAAQ,KAAK,UAAU,OAAO,KAAK;GACxE;GANF,UAAA,CAQE,oBAAC,MAAD,EAAM,MAAM,YAAY,OAAO,KAAK,CAAC,CAAC,KAAO,CAAA,GAC5C,OAAO,KACgB;EATnB,GAAA,OAAO,KASY,CAC3B;CACkB,CAAA,CACT,EAAA,CAAA;AAElB"}

package/dist/features/composites/react/CompositeSummaryEditor.d.ts

@@ -0,0 +1,15 @@
+import { CompositeRow } from "../rows.js";
+import { Editor } from "@tiptap/core";
+//#region src/features/composites/react/CompositeSummaryEditor.d.ts
+/**
+ * The summary (description) of one Baustein as a textarea, written through `setCompositeDescription`. Local draft with
+ * debounced commit, like `CompositeFieldEditor`; refuses to touch a summary that holds formatting or mentions, and
+ * shows plain text while `readonly`.
+ */
+export declare function CompositeSummaryEditor({ editor, row, readonly }: {
+  editor: Editor;
+  row: CompositeRow;
+  readonly?: boolean;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=CompositeSummaryEditor.d.ts.map

package/dist/features/composites/react/CompositeSummaryEditor.js

@@ -0,0 +1,85 @@
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { setCompositeDescription } from "../rows.js";
+import { Textarea } from "../../../react/ui/textarea.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/features/composites/react/CompositeSummaryEditor.tsx
+/**
+* The summary (description) of one Baustein as a textarea, written through `setCompositeDescription`. Local draft with
+* debounced commit, like `CompositeFieldEditor`; refuses to touch a summary that holds formatting or mentions, and
+* shows plain text while `readonly`.
+*/
+function CompositeSummaryEditor({ editor, row, readonly }) {
+	const { t } = useEditorI18n();
+	const [draft, setDraft] = useState(row.description);
+	const draftRef = useRef(draft);
+	const typing = useRef(false);
+	const dirty = useRef(false);
+	const timer = useRef(void 0);
+	const target = useRef({
+		editor,
+		row
+	});
+	useEffect(() => {
+		target.current = {
+			editor,
+			row
+		};
+	});
+	useEffect(() => {
+		if (!typing.current && !dirty.current) {
+			draftRef.current = row.description;
+			setDraft(row.description);
+		}
+	}, [row.description, row.key]);
+	const commit = useCallback(() => {
+		clearTimeout(timer.current);
+		if (!dirty.current) return;
+		dirty.current = false;
+		const current = target.current;
+		if (!current.editor.isDestroyed) setCompositeDescription(current.editor, current.row, draftRef.current);
+	}, []);
+	useEffect(() => commit, [
+		commit,
+		editor,
+		row.key
+	]);
+	function onInput(value) {
+		draftRef.current = value;
+		setDraft(value);
+		dirty.current = true;
+		clearTimeout(timer.current);
+		timer.current = window.setTimeout(commit, 500);
+	}
+	function onBlur() {
+		typing.current = false;
+		commit();
+	}
+	if (row.descriptionTextOnly && !readonly) return /* @__PURE__ */ jsx(Textarea, {
+		value: draft,
+		placeholder: t("composites.summary.placeholder"),
+		"aria-label": t("composites.summary.label"),
+		rows: 2,
+		className: "max-h-[8.5rem] min-h-0 w-full px-2.5 py-1.5 text-sm md:text-sm",
+		onFocus: () => {
+			typing.current = true;
+		},
+		onBlur,
+		onChange: (event) => onInput(event.target.value)
+	});
+	if (readonly) return /* @__PURE__ */ jsx("p", {
+		className: row.description ? "text-sm text-foreground" : "text-sm text-muted-foreground/70",
+		children: row.description || t("composites.summary.none")
+	});
+	return /* @__PURE__ */ jsxs("p", {
+		className: "text-sm text-muted-foreground",
+		children: [row.description, /* @__PURE__ */ jsx("span", {
+			className: "mt-1 block text-xs text-muted-foreground/70",
+			children: t("composites.summary.formatted")
+		})]
+	});
+}
+//#endregion
+export { CompositeSummaryEditor };
+
+//# sourceMappingURL=CompositeSummaryEditor.js.map

package/dist/features/composites/react/CompositeSummaryEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeSummaryEditor.js","names":[],"sources":["../../../../src/features/composites/react/CompositeSummaryEditor.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { Textarea } from '../../../react/ui/textarea'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { type CompositeRow, setCompositeDescription } from '../rows'\n\n/**\n * The summary (description) of one Baustein as a textarea, written through `setCompositeDescription`. Local draft with\n * debounced commit, like `CompositeFieldEditor`; refuses to touch a summary that holds formatting or mentions, and\n * shows plain text while `readonly`.\n */\nexport function CompositeSummaryEditor({ editor, row, readonly }: { editor: Editor, row: CompositeRow, readonly?: boolean }) {\n  const { t } = useEditorI18n()\n  const [draft, setDraft] = useState(row.description)\n  const draftRef = useRef(draft)\n  const typing = useRef(false)\n  const dirty = useRef(false)\n  const timer = useRef<number | undefined>(undefined)\n  // The latest props for the debounced commit and the flush on unmount; updated after every render, so the cleanup of a\n  // changed `row.key` still sees the previous row.\n  const target = useRef({ editor, row })\n  useEffect(() => {\n    target.current = { editor, row }\n  })\n\n  useEffect(() => {\n    if (!typing.current && !dirty.current) {\n      draftRef.current = row.description\n      setDraft(row.description)\n    }\n  }, [row.description, row.key])\n\n  const commit = useCallback(() => {\n    clearTimeout(timer.current)\n    if (!dirty.current) return\n    dirty.current = false\n    const current = target.current\n    if (!current.editor.isDestroyed) setCompositeDescription(current.editor, current.row, draftRef.current)\n  }, [])\n\n  // Flush on unmount and when the editor is bound to another row.\n  useEffect(() => commit, [commit, editor, row.key])\n\n  function onInput(value: string) {\n    draftRef.current = value\n    setDraft(value)\n    dirty.current = true\n    clearTimeout(timer.current)\n    timer.current = window.setTimeout(commit, 500)\n  }\n\n  function onBlur() {\n    typing.current = false\n    commit()\n  }\n\n  if (row.descriptionTextOnly && !readonly) {\n    return (\n      <Textarea\n        value={draft}\n        placeholder={t('composites.summary.placeholder')}\n        aria-label={t('composites.summary.label')}\n        rows={2}\n        className=\"max-h-[8.5rem] min-h-0 w-full px-2.5 py-1.5 text-sm md:text-sm\"\n        onFocus={() => {\n          typing.current = true\n        }}\n        onBlur={onBlur}\n        onChange={event => onInput(event.target.value)}\n      />\n    )\n  }\n  if (readonly) {\n    return (\n      <p className={row.description ? 'text-sm text-foreground' : 'text-sm text-muted-foreground/70'}>\n        {row.description || t('composites.summary.none')}\n      </p>\n    )\n  }\n  return (\n    <p className=\"text-sm text-muted-foreground\">\n      {row.description}\n      <span className=\"mt-1 block text-xs text-muted-foreground/70\">{t('composites.summary.formatted')}</span>\n    </p>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,uBAAuB,EAAE,QAAQ,KAAK,YAAuE;CAC3H,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,CAAC,OAAO,YAAY,SAAS,IAAI,WAAW;CAClD,MAAM,WAAW,OAAO,KAAK;CAC7B,MAAM,SAAS,OAAO,KAAK;CAC3B,MAAM,QAAQ,OAAO,KAAK;CAC1B,MAAM,QAAQ,OAA2B,KAAA,CAAS;CAGlD,MAAM,SAAS,OAAO;EAAE;EAAQ;CAAI,CAAC;CACrC,gBAAgB;EACd,OAAO,UAAU;GAAE;GAAQ;EAAI;CACjC,CAAC;CAED,gBAAgB;EACd,IAAI,CAAC,OAAO,WAAW,CAAC,MAAM,SAAS;GACrC,SAAS,UAAU,IAAI;GACvB,SAAS,IAAI,WAAW;EAC1B;CACF,GAAG,CAAC,IAAI,aAAa,IAAI,GAAG,CAAC;CAE7B,MAAM,SAAS,kBAAkB;EAC/B,aAAa,MAAM,OAAO;EAC1B,IAAI,CAAC,MAAM,SAAS;EACpB,MAAM,UAAU;EAChB,MAAM,UAAU,OAAO;EACvB,IAAI,CAAC,QAAQ,OAAO,aAAa,wBAAwB,QAAQ,QAAQ,QAAQ,KAAK,SAAS,OAAO;CACxG,GAAG,CAAC,CAAC;CAGL,gBAAgB,QAAQ;EAAC;EAAQ;EAAQ,IAAI;CAAG,CAAC;CAEjD,SAAS,QAAQ,OAAe;EAC9B,SAAS,UAAU;EACnB,SAAS,KAAK;EACd,MAAM,UAAU;EAChB,aAAa,MAAM,OAAO;EAC1B,MAAM,UAAU,OAAO,WAAW,QAAQ,GAAG;CAC/C;CAEA,SAAS,SAAS;EAChB,OAAO,UAAU;EACjB,OAAO;CACT;CAEA,IAAI,IAAI,uBAAuB,CAAC,UAC9B,OACE,oBAAC,UAAD;EACE,OAAO;EACP,aAAa,EAAE,gCAAgC;EAC/C,cAAY,EAAE,0BAA0B;EACxC,MAAM;EACN,WAAU;EACV,eAAe;GACb,OAAO,UAAU;EACnB;EACQ;EACR,WAAU,UAAS,QAAQ,MAAM,OAAO,KAAK;CAC9C,CAAA;CAGL,IAAI,UACF,OACE,oBAAC,KAAD;EAAG,WAAW,IAAI,cAAc,4BAA4B;EACzD,UAAA,IAAI,eAAe,EAAE,yBAAyB;CAC9C,CAAA;CAGP,OACE,qBAAC,KAAD;EAAG,WAAU;EAAb,UAAA,CACG,IAAI,aACL,oBAAC,QAAD;GAAM,WAAU;GAA+C,UAAA,EAAE,8BAA8B;EAAQ,CAAA,CACtG;;AAEP"}

package/dist/features/composites/react/CompositeTable.d.ts

@@ -0,0 +1,11 @@
+import { CompositeRow } from "../rows.js";
+import { Editor } from "@tiptap/core";
+//#region src/features/composites/react/CompositeTable.d.ts
+/** The table of an editor's Bausteine: sortable columns, filters by kind, tag and select fields, a text search; `onSelect` receives the clicked row. */
+export declare function CompositeTable({ editor, onSelect, className }: {
+  editor?: Editor;
+  onSelect?: (row: CompositeRow) => void;
+  className?: string;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=CompositeTable.d.ts.map

package/dist/features/composites/react/CompositeTable.js

@@ -0,0 +1,342 @@
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { cn } from "../../../react/ui/utils.js";
+import { Icon } from "../../../react/Icon.js";
+import { Button } from "../../../react/ui/button.js";
+import { Input } from "../../../react/ui/input.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../react/ui/select.js";
+import { Badge } from "../../../react/ui/badge.js";
+import { useCompositeRows } from "./use-composite-rows.js";
+import { TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../../react/ui/table.js";
+import { FILTER_ALL, columnSpecsOf, fieldColumnsOf, fieldOf, fieldText, hasText, isLongText, sortRows, toggled } from "../table-model.js";
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/features/composites/react/CompositeTable.tsx
+/** The table of an editor's Bausteine: sortable columns, filters by kind, tag and select fields, a text search; `onSelect` receives the clicked row. */
+function CompositeTable({ editor, onSelect, className }) {
+	const { rows, tags, kinds } = useCompositeRows(editor);
+	const { t } = useEditorI18n();
+	const fieldColumns = useMemo(() => fieldColumnsOf(rows, kinds), [rows, kinds]);
+	const specs = useMemo(() => columnSpecsOf(fieldColumns, t), [fieldColumns, t]);
+	const [search, setSearch] = useState("");
+	const [pickedKinds, setPickedKinds] = useState([]);
+	const [pickedTags, setPickedTags] = useState([]);
+	const [pickedOptions, setPickedOptions] = useState({});
+	/** One select per `select` field in use; its choices are the union of the options of all kinds that have the key. */
+	const selectFilters = useMemo(() => fieldColumns.flatMap((column) => {
+		if (column.field.type !== "select") return [];
+		const options = /* @__PURE__ */ new Map();
+		for (const row of rows) for (const option of fieldOf(row, column.field.key)?.options ?? []) if (!options.has(option.value)) options.set(option.value, option.label);
+		return [{
+			key: column.field.key,
+			label: column.field.label,
+			items: [{
+				label: t("composites.table.filter.all"),
+				value: FILTER_ALL
+			}, ...[...options].map(([value, label]) => ({
+				label,
+				value
+			}))]
+		}];
+	}), [
+		fieldColumns,
+		rows,
+		t
+	]);
+	const activeKinds = useMemo(() => pickedKinds.filter((id) => kinds.some((kind) => kind.id === id)), [pickedKinds, kinds]);
+	const activeTags = useMemo(() => pickedTags.filter((tag) => tags.includes(tag)), [pickedTags, tags]);
+	const activeOptions = useMemo(() => selectFilters.flatMap((filter) => {
+		const value = pickedOptions[filter.key];
+		return value && filter.items.some((item) => item.value === value && value !== "__all__") ? [[filter.key, value]] : [];
+	}), [selectFilters, pickedOptions]);
+	const needle = search.trim().toLowerCase();
+	const filterActive = activeKinds.length > 0 || activeTags.length > 0 || activeOptions.length > 0 || needle !== "";
+	function resetFilters() {
+		setSearch("");
+		setPickedKinds([]);
+		setPickedTags([]);
+		setPickedOptions({});
+	}
+	const filtered = useMemo(() => rows.filter((row) => {
+		if (activeKinds.length && !activeKinds.includes(row.kind)) return false;
+		if (activeTags.length && !activeTags.every((tag) => row.tags.includes(tag))) return false;
+		if (activeOptions.some(([key, value]) => row.meta[key] !== value)) return false;
+		if (needle) {
+			if (!`${row.title}\n${row.description}\n${row.tags.map((tag) => `#${tag}`).join(" ")}`.toLowerCase().includes(needle)) return false;
+		}
+		return true;
+	}), [
+		rows,
+		activeKinds,
+		activeTags,
+		activeOptions,
+		needle
+	]);
+	const [sorting, setSorting] = useState(null);
+	const activeSort = useMemo(() => {
+		const spec = sorting && specs.find((item) => item.id === sorting.id);
+		return sorting && spec ? {
+			id: sorting.id,
+			desc: sorting.desc,
+			sort: spec.sort
+		} : null;
+	}, [sorting, specs]);
+	/** Header click cycles ascending → descending → unsorted. */
+	function cycleSort(id) {
+		setSorting((current) => current?.id !== id ? {
+			id,
+			desc: false
+		} : current.desc ? null : {
+			id,
+			desc: true
+		});
+	}
+	const sortIcon = (id) => {
+		if (sorting?.id !== id) return "i-lucide-chevrons-up-down";
+		return sorting.desc ? "i-lucide-arrow-down" : "i-lucide-arrow-up";
+	};
+	const sorted = useMemo(() => activeSort ? sortRows(filtered, activeSort.sort, activeSort.desc) : filtered, [filtered, activeSort]);
+	const countLabel = t(rows.length === 1 ? "composites.table.count.one" : "composites.table.count.other", {
+		n: sorted.length,
+		total: rows.length
+	});
+	const columnCount = specs.length;
+	return /* @__PURE__ */ jsx("section", {
+		className: cn("flex min-h-0 flex-col gap-3", className),
+		"aria-label": t("composites.table.label"),
+		children: !rows.length ? /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto flex max-w-sm flex-1 flex-col items-center justify-center gap-2 py-16 text-center",
+			children: [
+				/* @__PURE__ */ jsx(Icon, {
+					name: "i-lucide-table-2",
+					className: "size-8 text-muted-foreground/70"
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-medium text-foreground",
+					children: t("composites.table.emptyTitle")
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-sm text-muted-foreground",
+					children: t("composites.table.emptyText")
+				})
+			]
+		}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "relative w-64",
+							children: [
+								/* @__PURE__ */ jsx(Icon, {
+									name: "i-lucide-search",
+									className: "pointer-events-none absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground"
+								}),
+								/* @__PURE__ */ jsx(Input, {
+									value: search,
+									onChange: (event) => setSearch(event.target.value),
+									className: cn("h-7 pl-8 text-sm", search && "pr-8"),
+									placeholder: t("composites.table.search.placeholder"),
+									"aria-label": t("composites.table.search.label")
+								}),
+								search && /* @__PURE__ */ jsx(Button, {
+									variant: "ghost",
+									size: "icon-xs",
+									className: "absolute top-1/2 right-1 -translate-y-1/2",
+									"aria-label": t("composites.table.search.clear"),
+									onClick: () => setSearch(""),
+									children: /* @__PURE__ */ jsx(Icon, { name: "i-lucide-x" })
+								})
+							]
+						}),
+						selectFilters.map((filter) => /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-1.5",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "text-sm text-muted-foreground",
+								"aria-hidden": "true",
+								children: filter.label
+							}), /* @__PURE__ */ jsxs(Select, {
+								value: pickedOptions[filter.key] ?? "__all__",
+								onValueChange: (value) => setPickedOptions({
+									...pickedOptions,
+									[filter.key]: String(value)
+								}),
+								children: [/* @__PURE__ */ jsx(SelectTrigger, {
+									size: "sm",
+									className: "w-36",
+									"aria-label": filter.label,
+									children: /* @__PURE__ */ jsx(SelectValue, {})
+								}), /* @__PURE__ */ jsx(SelectContent, { children: filter.items.map((item) => /* @__PURE__ */ jsx(SelectItem, {
+									value: item.value,
+									children: item.label
+								}, item.value)) })]
+							})]
+						}, filter.key)),
+						filterActive && /* @__PURE__ */ jsxs(Button, {
+							size: "sm",
+							variant: "ghost",
+							onClick: resetFilters,
+							children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-filter-x" }), t("composites.table.filter.reset")]
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "ml-auto text-xs text-muted-foreground tabular-nums",
+							role: "status",
+							children: countLabel
+						})
+					]
+				}),
+				kinds.length > 1 && /* @__PURE__ */ jsx("div", {
+					className: "flex flex-wrap items-center gap-1",
+					role: "group",
+					"aria-label": t("composites.table.filter.byKind"),
+					children: kinds.map((kind) => /* @__PURE__ */ jsxs(Button, {
+						size: "xs",
+						variant: activeKinds.includes(kind.id) ? "default" : "outline",
+						"aria-pressed": activeKinds.includes(kind.id),
+						onClick: () => setPickedKinds(toggled(pickedKinds, kind.id)),
+						children: [/* @__PURE__ */ jsx(Icon, { name: kind.icon }), kind.label]
+					}, kind.id))
+				}),
+				tags.length > 0 && /* @__PURE__ */ jsx("div", {
+					className: "flex flex-wrap items-center gap-1",
+					role: "group",
+					"aria-label": t("composites.table.filter.byTag"),
+					children: tags.map((tag) => /* @__PURE__ */ jsx(Button, {
+						size: "xs",
+						variant: activeTags.includes(tag) ? "default" : "outline",
+						"aria-pressed": activeTags.includes(tag),
+						onClick: () => setPickedTags(toggled(pickedTags, tag)),
+						children: `#${tag}`
+					}, tag))
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "min-h-0 flex-1 overflow-auto rounded-md border border-border",
+			children: /* @__PURE__ */ jsxs("table", {
+				"data-slot": "table",
+				className: "w-full caption-bottom text-sm",
+				children: [/* @__PURE__ */ jsx(TableHeader, {
+					className: "sticky top-0 z-10 bg-background",
+					children: /* @__PURE__ */ jsx(TableRow, {
+						className: "hover:bg-transparent",
+						children: specs.map((spec) => /* @__PURE__ */ jsx(TableHead, {
+							className: cn("h-auto px-3 py-2 text-sm", spec.id === "title" && "min-w-56", spec.align === "end" && "text-right"),
+							"aria-sort": activeSort?.id === spec.id ? activeSort.desc ? "descending" : "ascending" : "none",
+							children: /* @__PURE__ */ jsxs("button", {
+								type: "button",
+								className: "-mx-1.5 inline-flex cursor-pointer items-center gap-1 rounded px-1.5 py-0.5 font-semibold hover:bg-muted focus-visible:outline-2 focus-visible:outline-primary",
+								onClick: () => cycleSort(spec.id),
+								children: [spec.label, /* @__PURE__ */ jsx(Icon, {
+									name: sortIcon(spec.id),
+									className: cn("size-3.5", activeSort?.id === spec.id ? "text-foreground" : "text-muted-foreground/70")
+								})]
+							})
+						}, spec.id))
+					})
+				}), /* @__PURE__ */ jsx(TableBody, { children: sorted.length === 0 ? /* @__PURE__ */ jsx(TableRow, {
+					className: "hover:bg-transparent",
+					children: /* @__PURE__ */ jsx(TableCell, {
+						colSpan: columnCount,
+						className: "px-3 py-2 text-muted-foreground",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "flex flex-col items-center gap-2 py-6",
+							children: [/* @__PURE__ */ jsx("p", {
+								className: "text-sm text-muted-foreground",
+								children: t("composites.table.filter.noMatch")
+							}), /* @__PURE__ */ jsxs(Button, {
+								size: "sm",
+								variant: "outline",
+								onClick: resetFilters,
+								children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-filter-x" }), t("composites.table.filter.reset")]
+							})]
+						})
+					})
+				}) : sorted.map((row) => /* @__PURE__ */ jsx(TableRow, {
+					className: "cursor-pointer",
+					onClick: () => onSelect?.(row),
+					children: specs.map((spec) => {
+						const cellClass = cn("px-3 py-2 text-muted-foreground", spec.align === "end" && "text-right");
+						if (spec.id === "title") return /* @__PURE__ */ jsx(TableCell, {
+							className: cellClass,
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "flex min-w-0 items-center gap-1.5",
+								style: { paddingLeft: `${row.depth * 1.25}rem` },
+								children: [/* @__PURE__ */ jsx(Icon, {
+									name: row.icon,
+									className: "size-4 shrink-0 text-muted-foreground"
+								}), hasText(row.title) ? /* @__PURE__ */ jsx("span", {
+									className: "truncate font-medium text-foreground",
+									children: row.title
+								}) : /* @__PURE__ */ jsx("span", {
+									className: "truncate text-muted-foreground",
+									children: t("composites.untitled")
+								})]
+							})
+						}, spec.id);
+						if (spec.id === "kind") return /* @__PURE__ */ jsx(TableCell, {
+							className: cellClass,
+							children: row.kindLabel
+						}, spec.id);
+						if (spec.id === "tags") return /* @__PURE__ */ jsx(TableCell, {
+							className: cellClass,
+							children: row.tags.length ? /* @__PURE__ */ jsx("div", {
+								className: "flex flex-wrap gap-1",
+								children: row.tags.map((tag) => /* @__PURE__ */ jsx(Badge, {
+									variant: "secondary",
+									children: `#${tag}`
+								}, tag))
+							}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground/70",
+								"aria-hidden": "true",
+								children: "–"
+							}), /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: t("composites.table.noTags")
+							})] })
+						}, spec.id);
+						if (spec.id === "summary") return /* @__PURE__ */ jsx(TableCell, {
+							className: cellClass,
+							children: hasText(row.description) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+								className: "inline-block size-2 rounded-full bg-primary",
+								"aria-hidden": "true",
+								title: row.description
+							}), /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: t("composites.table.summaryPresent")
+							})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground/70",
+								"aria-hidden": "true",
+								children: "–"
+							}), /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: t("composites.summary.none")
+							})] })
+						}, spec.id);
+						const column = fieldColumns.find((item) => item.id === spec.id);
+						if (!column) return /* @__PURE__ */ jsx(TableCell, { className: cellClass }, spec.id);
+						const text = fieldText(row, column.field.key);
+						return /* @__PURE__ */ jsx(TableCell, {
+							className: cellClass,
+							children: text ? /* @__PURE__ */ jsx("span", {
+								className: cn("block", (column.field.type === "number" || column.field.type === "date") && "tabular-nums", isLongText(column.field) && "max-w-64 truncate"),
+								title: isLongText(column.field) ? text : void 0,
+								children: text
+							}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground/70",
+								"aria-hidden": "true",
+								children: "–"
+							}), /* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: t("composites.table.noValue")
+							})] })
+						}, spec.id);
+					})
+				}, row.key)) })]
+			})
+		})] })
+	});
+}
+//#endregion
+export { CompositeTable };
+
+//# sourceMappingURL=CompositeTable.js.map

package/dist/features/composites/react/CompositeTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeTable.js","names":[],"sources":["../../../../src/features/composites/react/CompositeTable.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { useMemo, useState } from 'react'\nimport { Icon } from '../../../react/Icon'\nimport { Badge } from '../../../react/ui/badge'\nimport { Button } from '../../../react/ui/button'\nimport { Input } from '../../../react/ui/input'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../../react/ui/select'\nimport { TableBody, TableCell, TableHead, TableHeader, TableRow } from '../../../react/ui/table'\nimport { cn } from '../../../react/ui/utils'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport type { CompositeRow } from '../rows'\nimport { columnSpecsOf, FILTER_ALL, fieldColumnsOf, fieldOf, fieldText, hasText, isLongText, sortRows, toggled } from '../table-model'\nimport { useCompositeRows } from './use-composite-rows'\n\n// All Bausteine of an editor's document as a sortable, filterable table. Columns beyond the fixed ones derive from the\n// meta fields of the kinds present in the document, so a host kind with fields gets its columns without code changes.\n// The column specs, cell text and sorting are the framework-free `table-model`, shared with the Vue table.\n\n/** The table of an editor's Bausteine: sortable columns, filters by kind, tag and select fields, a text search; `onSelect` receives the clicked row. */\nexport function CompositeTable({ editor, onSelect, className }: {\n  editor?: Editor\n  onSelect?: (row: CompositeRow) => void\n  className?: string\n}) {\n  const { rows, tags, kinds } = useCompositeRows(editor)\n\n  const { t } = useEditorI18n()\n  const fieldColumns = useMemo(() => fieldColumnsOf(rows, kinds), [rows, kinds])\n  const specs = useMemo(() => columnSpecsOf(fieldColumns, t), [fieldColumns, t])\n\n  const [search, setSearch] = useState('')\n  const [pickedKinds, setPickedKinds] = useState<string[]>([])\n  const [pickedTags, setPickedTags] = useState<string[]>([])\n  const [pickedOptions, setPickedOptions] = useState<Record<string, string>>({})\n\n  /** One select per `select` field in use; its choices are the union of the options of all kinds that have the key. */\n  const selectFilters = useMemo(() => fieldColumns.flatMap((column) => {\n    if (column.field.type !== 'select') return []\n    const options = new Map<string, string>()\n    for (const row of rows) {\n      for (const option of fieldOf(row, column.field.key)?.options ?? []) if (!options.has(option.value)) options.set(option.value, option.label)\n    }\n    return [{\n      key: column.field.key,\n      label: column.field.label,\n      items: [{ label: t('composites.table.filter.all'), value: FILTER_ALL }, ...[...options].map(([value, label]) => ({ label, value }))],\n    }]\n  }), [fieldColumns, rows, t])\n\n  // A kind, tag or option that vanished from the document can no longer be unpicked in the UI, so it must not filter either.\n  const activeKinds = useMemo(() => pickedKinds.filter(id => kinds.some(kind => kind.id === id)), [pickedKinds, kinds])\n  const activeTags = useMemo(() => pickedTags.filter(tag => tags.includes(tag)), [pickedTags, tags])\n  const activeOptions = useMemo(() => selectFilters.flatMap((filter) => {\n    const value = pickedOptions[filter.key]\n    return value && filter.items.some(item => item.value === value && value !== FILTER_ALL) ? [[filter.key, value] as const] : []\n  }), [selectFilters, pickedOptions])\n  const needle = search.trim().toLowerCase()\n  const filterActive = activeKinds.length > 0 || activeTags.length > 0 || activeOptions.length > 0 || needle !== ''\n\n  function resetFilters() {\n    setSearch('')\n    setPickedKinds([])\n    setPickedTags([])\n    setPickedOptions({})\n  }\n\n  const filtered = useMemo(() => rows.filter((row) => {\n    if (activeKinds.length && !activeKinds.includes(row.kind)) return false\n    if (activeTags.length && !activeTags.every(tag => row.tags.includes(tag))) return false\n    if (activeOptions.some(([key, value]) => row.meta[key] !== value)) return false\n    if (needle) {\n      const haystack = `${row.title}\\n${row.description}\\n${row.tags.map(tag => `#${tag}`).join(' ')}`.toLowerCase()\n      if (!haystack.includes(needle)) return false\n    }\n    return true\n  }), [rows, activeKinds, activeTags, activeOptions, needle])\n\n  // --- Sorting (client side, over the filtered rows) ---\n\n  const [sorting, setSorting] = useState<{ id: string, desc: boolean } | null>(null)\n  const activeSort = useMemo(() => {\n    const spec = sorting && specs.find(item => item.id === sorting.id)\n    return sorting && spec ? { id: sorting.id, desc: sorting.desc, sort: spec.sort } : null\n  }, [sorting, specs])\n\n  /** Header click cycles ascending → descending → unsorted. */\n  function cycleSort(id: string) {\n    setSorting(current => current?.id !== id ? { id, desc: false } : current.desc ? null : { id, desc: true })\n  }\n  const sortIcon = (id: string) => {\n    if (sorting?.id !== id) return 'i-lucide-chevrons-up-down'\n    return sorting.desc ? 'i-lucide-arrow-down' : 'i-lucide-arrow-up'\n  }\n\n  const sorted = useMemo(() => activeSort ? sortRows(filtered, activeSort.sort, activeSort.desc) : filtered, [filtered, activeSort])\n\n  const countLabel = t(rows.length === 1 ? 'composites.table.count.one' : 'composites.table.count.other', { n: sorted.length, total: rows.length })\n  const columnCount = specs.length\n\n  return (\n    <section className={cn('flex min-h-0 flex-col gap-3', className)} aria-label={t('composites.table.label')}>\n      {!rows.length\n        ? (\n            <div className=\"mx-auto flex max-w-sm flex-1 flex-col items-center justify-center gap-2 py-16 text-center\">\n              <Icon name=\"i-lucide-table-2\" className=\"size-8 text-muted-foreground/70\" />\n              <p className=\"text-sm font-medium text-foreground\">\n                {t('composites.table.emptyTitle')}\n              </p>\n              <p className=\"text-sm text-muted-foreground\">\n                {t('composites.table.emptyText')}\n              </p>\n            </div>\n          )\n        : (\n            <>\n              <div className=\"flex flex-col gap-2\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <div className=\"relative w-64\">\n                    <Icon name=\"i-lucide-search\" className=\"pointer-events-none absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground\" />\n                    <Input\n                      value={search}\n                      onChange={event => setSearch(event.target.value)}\n                      className={cn('h-7 pl-8 text-sm', search && 'pr-8')}\n                      placeholder={t('composites.table.search.placeholder')}\n                      aria-label={t('composites.table.search.label')}\n                    />\n                    {search && (\n                      <Button\n                        variant=\"ghost\"\n                        size=\"icon-xs\"\n                        className=\"absolute top-1/2 right-1 -translate-y-1/2\"\n                        aria-label={t('composites.table.search.clear')}\n                        onClick={() => setSearch('')}\n                      >\n                        <Icon name=\"i-lucide-x\" />\n                      </Button>\n                    )}\n                  </div>\n\n                  {selectFilters.map(filter => (\n                    <div key={filter.key} className=\"flex items-center gap-1.5\">\n                      <span className=\"text-sm text-muted-foreground\" aria-hidden=\"true\">{filter.label}</span>\n                      <Select\n                        value={pickedOptions[filter.key] ?? FILTER_ALL}\n                        onValueChange={value => setPickedOptions({ ...pickedOptions, [filter.key]: String(value) })}\n                      >\n                        <SelectTrigger size=\"sm\" className=\"w-36\" aria-label={filter.label}>\n                          <SelectValue />\n                        </SelectTrigger>\n                        <SelectContent>\n                          {filter.items.map(item => <SelectItem key={item.value} value={item.value}>{item.label}</SelectItem>)}\n                        </SelectContent>\n                      </Select>\n                    </div>\n                  ))}\n\n                  {filterActive && (\n                    <Button size=\"sm\" variant=\"ghost\" onClick={resetFilters}>\n                      <Icon name=\"i-lucide-filter-x\" />\n                      {t('composites.table.filter.reset')}\n                    </Button>\n                  )}\n                  <span className=\"ml-auto text-xs text-muted-foreground tabular-nums\" role=\"status\">{countLabel}</span>\n                </div>\n\n                {kinds.length > 1 && (\n                  <div className=\"flex flex-wrap items-center gap-1\" role=\"group\" aria-label={t('composites.table.filter.byKind')}>\n                    {kinds.map(kind => (\n                      <Button\n                        key={kind.id}\n                        size=\"xs\"\n                        variant={activeKinds.includes(kind.id) ? 'default' : 'outline'}\n                        aria-pressed={activeKinds.includes(kind.id)}\n                        onClick={() => setPickedKinds(toggled(pickedKinds, kind.id))}\n                      >\n                        <Icon name={kind.icon} />\n                        {kind.label}\n                      </Button>\n                    ))}\n                  </div>\n                )}\n\n                {tags.length > 0 && (\n                  <div className=\"flex flex-wrap items-center gap-1\" role=\"group\" aria-label={t('composites.table.filter.byTag')}>\n                    {tags.map(tag => (\n                      <Button\n                        key={tag}\n                        size=\"xs\"\n                        variant={activeTags.includes(tag) ? 'default' : 'outline'}\n                        aria-pressed={activeTags.includes(tag)}\n                        onClick={() => setPickedTags(toggled(pickedTags, tag))}\n                      >\n                        {`#${tag}`}\n                      </Button>\n                    ))}\n                  </div>\n                )}\n              </div>\n\n              {/* Own scroll container instead of `<Table>`'s: the sticky header needs the element that scrolls vertically. */}\n              <div className=\"min-h-0 flex-1 overflow-auto rounded-md border border-border\">\n                <table data-slot=\"table\" className=\"w-full caption-bottom text-sm\">\n                  <TableHeader className=\"sticky top-0 z-10 bg-background\">\n                    <TableRow className=\"hover:bg-transparent\">\n                      {specs.map(spec => (\n                        <TableHead\n                          key={spec.id}\n                          className={cn('h-auto px-3 py-2 text-sm', spec.id === 'title' && 'min-w-56', spec.align === 'end' && 'text-right')}\n                          aria-sort={activeSort?.id === spec.id ? (activeSort.desc ? 'descending' : 'ascending') : 'none'}\n                        >\n                          <button\n                            type=\"button\"\n                            className=\"-mx-1.5 inline-flex cursor-pointer items-center gap-1 rounded px-1.5 py-0.5 font-semibold hover:bg-muted focus-visible:outline-2 focus-visible:outline-primary\"\n                            onClick={() => cycleSort(spec.id)}\n                          >\n                            {spec.label}\n                            <Icon name={sortIcon(spec.id)} className={cn('size-3.5', activeSort?.id === spec.id ? 'text-foreground' : 'text-muted-foreground/70')} />\n                          </button>\n                        </TableHead>\n                      ))}\n                    </TableRow>\n                  </TableHeader>\n                  <TableBody>\n                    {sorted.length === 0\n                      ? (\n                          <TableRow className=\"hover:bg-transparent\">\n                            <TableCell colSpan={columnCount} className=\"px-3 py-2 text-muted-foreground\">\n                              <div className=\"flex flex-col items-center gap-2 py-6\">\n                                <p className=\"text-sm text-muted-foreground\">\n                                  {t('composites.table.filter.noMatch')}\n                                </p>\n                                <Button size=\"sm\" variant=\"outline\" onClick={resetFilters}>\n                                  <Icon name=\"i-lucide-filter-x\" />\n                                  {t('composites.table.filter.reset')}\n                                </Button>\n                              </div>\n                            </TableCell>\n                          </TableRow>\n                        )\n                      : sorted.map(row => (\n                          <TableRow key={row.key} className=\"cursor-pointer\" onClick={() => onSelect?.(row)}>\n                            {specs.map((spec) => {\n                              const cellClass = cn('px-3 py-2 text-muted-foreground', spec.align === 'end' && 'text-right')\n                              if (spec.id === 'title') {\n                                return (\n                                  <TableCell key={spec.id} className={cellClass}>\n                                    <div className=\"flex min-w-0 items-center gap-1.5\" style={{ paddingLeft: `${row.depth * 1.25}rem` }}>\n                                      <Icon name={row.icon} className=\"size-4 shrink-0 text-muted-foreground\" />\n                                      {hasText(row.title)\n                                        ? <span className=\"truncate font-medium text-foreground\">{row.title}</span>\n                                        : <span className=\"truncate text-muted-foreground\">{t('composites.untitled')}</span>}\n                                    </div>\n                                  </TableCell>\n                                )\n                              }\n                              if (spec.id === 'kind') return <TableCell key={spec.id} className={cellClass}>{row.kindLabel}</TableCell>\n                              if (spec.id === 'tags') {\n                                return (\n                                  <TableCell key={spec.id} className={cellClass}>\n                                    {row.tags.length\n                                      ? (\n                                          <div className=\"flex flex-wrap gap-1\">\n                                            {row.tags.map(tag => <Badge key={tag} variant=\"secondary\">{`#${tag}`}</Badge>)}\n                                          </div>\n                                        )\n                                      : (\n                                          <>\n                                            <span className=\"text-muted-foreground/70\" aria-hidden=\"true\">–</span>\n                                            <span className=\"sr-only\">{t('composites.table.noTags')}</span>\n                                          </>\n                                        )}\n                                  </TableCell>\n                                )\n                              }\n                              if (spec.id === 'summary') {\n                                return (\n                                  <TableCell key={spec.id} className={cellClass}>\n                                    {hasText(row.description)\n                                      ? (\n                                          <>\n                                            <span className=\"inline-block size-2 rounded-full bg-primary\" aria-hidden=\"true\" title={row.description} />\n                                            <span className=\"sr-only\">{t('composites.table.summaryPresent')}</span>\n                                          </>\n                                        )\n                                      : (\n                                          <>\n                                            <span className=\"text-muted-foreground/70\" aria-hidden=\"true\">–</span>\n                                            <span className=\"sr-only\">{t('composites.summary.none')}</span>\n                                          </>\n                                        )}\n                                  </TableCell>\n                                )\n                              }\n                              const column = fieldColumns.find(item => item.id === spec.id)\n                              if (!column) return <TableCell key={spec.id} className={cellClass} />\n                              const text = fieldText(row, column.field.key)\n                              return (\n                                <TableCell key={spec.id} className={cellClass}>\n                                  {text\n                                    ? (\n                                        <span\n                                          className={cn('block', (column.field.type === 'number' || column.field.type === 'date') && 'tabular-nums', isLongText(column.field) && 'max-w-64 truncate')}\n                                          title={isLongText(column.field) ? text : undefined}\n                                        >\n                                          {text}\n                                        </span>\n                                      )\n                                    : (\n                                        <>\n                                          <span className=\"text-muted-foreground/70\" aria-hidden=\"true\">–</span>\n                                          <span className=\"sr-only\">{t('composites.table.noValue')}</span>\n                                        </>\n                                      )}\n                                </TableCell>\n                              )\n                            })}\n                          </TableRow>\n                        ))}\n                  </TableBody>\n                </table>\n              </div>\n            </>\n          )}\n    </section>\n  )\n}\n"],"mappings":"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"}

package/dist/features/composites/react/CompositeTagsEditor.d.ts

@@ -0,0 +1,10 @@
+import { CompositeRow } from "../rows.js";
+import { Editor } from "@tiptap/core";
+//#region src/features/composites/react/CompositeTagsEditor.d.ts
+/** Tags of one Baustein as an input menu with suggestions from the metadata registry, writing through `setCompositeTags`. */
+export declare function CompositeTagsEditor({ editor, row }: {
+  editor: Editor;
+  row: CompositeRow;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=CompositeTagsEditor.d.ts.map