@openrails/contentkit-ui 0.104.0-rc.1 → 0.104.0-rc.2

package/dist/components/groups/entity-chips.js

@@ -0,0 +1,382 @@
+import { useMessages as e } from "../../i18n/context.js";
+import { useContentKitClient as t } from "../../react/context.js";
+import { Button as n } from "../../ui/button.js";
+import { Badge as r } from "../../ui/badge.js";
+import { Input as i } from "../../ui/input.js";
+import { Label as a } from "../../ui/label.js";
+import { Select as o, SelectContent as s, SelectItem as c, SelectTrigger as l, SelectValue as u } from "../../ui/select.js";
+import { ErrorLine as d } from "../social/parts.js";
+import { fromLocalInput as f, toLocalInput as p } from "../../client/group-fields.js";
+import { useTypeahead as m } from "../../react/discovery.js";
+import { labelOf as h } from "./parts.js";
+import { useEffect as g, useId as _, useMemo as v, useRef as y, useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { cn as w } from "cn";
+import { Cancel01Icon as T } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as E } from "@hugeicons/react";
+//#region src/components/groups/entity-chips.tsx
+var D = (e) => e.normalize("NFKD").replace(/\p{M}/gu, "").toLocaleLowerCase().replace(/\s+/g, " ").trim();
+function O(e, t, n) {
+	let r = t.filter((e) => e.kind === n), i = D(e);
+	return r.find((e) => D(e.name) === i) ?? r.find((e) => D(e.slug) === i) ?? (r.length === 1 ? r[0] : void 0);
+}
+function k(n) {
+	let { t: r } = e(), i = _(), a = t(n.client), o = y(null), [s, c] = b(""), [l, u] = b([]), [f, p] = b([]), x = n.created ?? [], k = !!n.spec.creatable && !!n.onCreatedChange, A = y(x);
+	A.current = x;
+	let M = (e) => {
+		A.current = e, n.onCreatedChange?.(e);
+	}, [N, P] = b(null), [F, I] = b(0), L = s.trim(), R = m(L, {
+		entity_kinds: [n.kind],
+		display_language: n.language,
+		limit: 8,
+		client: n.client,
+		management: n.management
+	}), z = (e) => {
+		let t = n.cards.get(e.group_id ?? "");
+		return t ? t.name || t.slug : e.group_id ?? "";
+	}, B = v(() => new Set(n.memberships.filter((e) => !e.version_id && !e.role).map((e) => e.group_id)), [n.memberships]), V = v(() => R.entities.filter((e) => e.kind === n.kind && !B.has(e.id)).slice(0, 6), [
+		R.entities,
+		n.kind,
+		B
+	]), H = L !== "" && V.length > 0;
+	g(() => I(0), [L]);
+	let U = (e) => !!n.spec.version_level || !!n.spec.roles?.length || !!n.spec.ordered || e.state === "proposed" || !!e.active_from || !!e.active_until, W = (e) => !B.has(e.id) && (n.onAdd(e), !0), G = (e) => n.management ? a.entities.manage({
+		q: e,
+		kind: n.kind,
+		language: n.language,
+		limit: 10
+	}).then((e) => e.entities) : a.discovery.typeahead({
+		q: e,
+		entity_kinds: [n.kind],
+		display_language: n.language,
+		limit: 10
+	}).then((e) => e.entities), K = (e) => {
+		let t = /* @__PURE__ */ new Set([
+			...n.memberships.map((e) => D(z(e))),
+			...l.map(D),
+			...f.map(D),
+			...x.map(D)
+		]), r = [];
+		for (let n of e) t.has(D(n)) || (t.add(D(n)), r.push(n));
+		if (r.length) {
+			u((e) => [...e, ...r]);
+			for (let e of r) G(e).then((t) => {
+				let r = O(e, t, n.kind);
+				r ? W(r) : k ? M([...A.current, e]) : p((t) => [...t, e]);
+			}, () => p((t) => [...t, e])).finally(() => u((t) => t.filter((t) => t !== e)));
+		}
+	}, q = (e) => {
+		if (!/[,\n]/.test(e)) return c(e);
+		let t = e.split(/[,\n]/);
+		c(t.pop() ?? ""), K(t.map((e) => e.trim()).filter(Boolean));
+	}, J = (e) => {
+		c(""), W(e) && (n.spec.version_level || n.spec.roles?.length || n.spec.ordered) && P(n.memberships.length);
+	}, Y = () => {
+		if (f.length) return p((e) => e.slice(0, -1));
+		if (x.length) return M(x.slice(0, -1));
+		n.memberships.length && n.onRemove(n.memberships.length - 1);
+	}, X = N === null ? void 0 : n.memberships[N];
+	return /* @__PURE__ */ C("div", {
+		className: "grid min-w-0 gap-1.5",
+		"data-ckui": "entity-chips",
+		"data-group-kind": n.kind,
+		children: [
+			/* @__PURE__ */ S("label", {
+				htmlFor: `${i}-input`,
+				className: "font-semibold",
+				children: n.label
+			}),
+			/* @__PURE__ */ C("div", {
+				className: w("relative flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1.5 focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50", n.disabled && "pointer-events-none opacity-50"),
+				onClick: () => o.current?.focus(),
+				children: [
+					/* @__PURE__ */ C("ul", {
+						className: "contents",
+						"aria-label": n.label,
+						children: [
+							n.memberships.map((e, t) => {
+								let i = z(e), a = [
+									e.role && h(n.labels, e.role),
+									e.version_id && n.versionLabel(e.version_id),
+									e.position != null && `#${e.position}`
+								].filter(Boolean).join(" · ");
+								return /* @__PURE__ */ C("li", {
+									className: w("inline-flex max-w-full items-center gap-1 rounded-md bg-muted py-0.5 ps-2 pe-1 text-sm", e.state === "proposed" && "border border-dashed border-primary", N === t && "ring-2 ring-ring"),
+									"data-ckui": "entity-chip",
+									"data-group": n.cards.get(e.group_id ?? "")?.slug,
+									children: [U(e) ? /* @__PURE__ */ C("button", {
+										type: "button",
+										className: "min-w-0 truncate text-start hover:underline",
+										"aria-expanded": N === t,
+										"aria-label": r("memberships.chipDetails", { name: i }),
+										onClick: (e) => (e.stopPropagation(), P(N === t ? null : t)),
+										children: [
+											i,
+											a && /* @__PURE__ */ C("span", {
+												className: "text-muted-foreground",
+												children: [" · ", a]
+											}),
+											e.state === "proposed" && /* @__PURE__ */ C("span", {
+												className: "text-primary",
+												children: [" · ", r("memberships.proposed")]
+											})
+										]
+									}) : /* @__PURE__ */ S("span", {
+										className: "min-w-0 truncate",
+										children: i
+									}), /* @__PURE__ */ S("button", {
+										type: "button",
+										className: "rounded-sm p-0.5 text-muted-foreground hover:bg-background hover:text-foreground",
+										"aria-label": r("memberships.remove", { name: i }),
+										onClick: (e) => (e.stopPropagation(), N === t && P(null), n.onRemove(t)),
+										children: /* @__PURE__ */ S(E, {
+											icon: T,
+											className: "size-3",
+											strokeWidth: 2.5
+										})
+									})]
+								}, `${e.group_id}:${t}`);
+							}),
+							l.map((e) => /* @__PURE__ */ S("li", {
+								className: "inline-flex items-center rounded-md bg-muted px-2 py-0.5 text-sm opacity-60",
+								"aria-busy": !0,
+								children: e
+							}, `pending:${e}`)),
+							x.map((e, t) => /* @__PURE__ */ C("li", {
+								className: w("inline-flex items-center gap-1 rounded-md py-0.5 ps-2 pe-1 text-sm", n.needsScope ? "border border-dashed border-destructive text-muted-foreground" : "bg-destructive/15 text-destructive"),
+								"data-ckui": "entity-chip-new",
+								"data-needs-scope": n.needsScope ? "" : void 0,
+								children: [/* @__PURE__ */ S("span", {
+									className: "min-w-0 truncate",
+									title: r("memberships.newChip", { name: e }),
+									children: e
+								}), /* @__PURE__ */ S("button", {
+									type: "button",
+									className: "rounded-sm p-0.5 hover:bg-destructive/15",
+									"aria-label": r("memberships.remove", { name: e }),
+									onClick: (e) => (e.stopPropagation(), M(x.filter((e, n) => n !== t))),
+									children: /* @__PURE__ */ S(E, {
+										icon: T,
+										className: "size-3",
+										strokeWidth: 2.5
+									})
+								})]
+							}, `new:${e}`)),
+							f.map((e, t) => /* @__PURE__ */ C("li", {
+								className: "inline-flex items-center gap-1 rounded-md border border-dashed border-destructive py-0.5 ps-2 pe-1 text-sm text-destructive",
+								"data-ckui": "entity-chip-missing",
+								children: [/* @__PURE__ */ S("span", {
+									className: "line-through",
+									children: e
+								}), /* @__PURE__ */ S("button", {
+									type: "button",
+									className: "rounded-sm p-0.5 hover:bg-destructive/15",
+									"aria-label": r("memberships.remove", { name: e }),
+									onClick: (e) => (e.stopPropagation(), p((e) => e.filter((e, n) => n !== t))),
+									children: /* @__PURE__ */ S(E, {
+										icon: T,
+										className: "size-3",
+										strokeWidth: 2.5
+									})
+								})]
+							}, `missing:${e}`))
+						]
+					}),
+					/* @__PURE__ */ S("input", {
+						ref: o,
+						id: `${i}-input`,
+						role: "combobox",
+						"aria-label": r("memberships.add", { kind: n.label }),
+						"aria-expanded": H,
+						"aria-controls": `${i}-list`,
+						"aria-activedescendant": H ? `${i}-${F}` : void 0,
+						"aria-autocomplete": "list",
+						autoComplete: "off",
+						disabled: n.disabled,
+						className: "min-w-32 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground",
+						placeholder: n.memberships.length || f.length || x.length ? "" : r("memberships.chipsPlaceholder"),
+						value: s,
+						onChange: (e) => q(e.target.value),
+						onBlur: () => {
+							L && K([L]), c("");
+						},
+						onKeyDown: (e) => {
+							e.key === "Backspace" && s === "" ? (e.preventDefault(), Y()) : e.key === "ArrowDown" && H ? (e.preventDefault(), I((e) => Math.min(V.length - 1, e + 1))) : e.key === "ArrowUp" && H ? (e.preventDefault(), I((e) => Math.max(0, e - 1))) : e.key === "Enter" ? (e.preventDefault(), H ? J(V[F]) : L && (K([L]), c(""))) : e.key === "Escape" && c("");
+						}
+					}),
+					H && /* @__PURE__ */ S("ul", {
+						id: `${i}-list`,
+						role: "listbox",
+						"aria-label": n.label,
+						className: "absolute start-0 top-full z-10 mt-1 grid w-full overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md",
+						children: V.map((e, t) => /* @__PURE__ */ C("li", {
+							id: `${i}-${t}`,
+							role: "option",
+							"aria-selected": t === F,
+							className: w("flex cursor-pointer items-baseline justify-between gap-2 px-3 py-1.5 text-sm", t === F && "bg-accent text-accent-foreground"),
+							onMouseEnter: () => I(t),
+							onMouseDown: (t) => {
+								t.preventDefault(), J(e);
+							},
+							children: [/* @__PURE__ */ S("span", {
+								className: "min-w-0 truncate",
+								children: e.name || e.slug
+							}), /* @__PURE__ */ S("span", {
+								className: "text-xs text-muted-foreground",
+								children: e.slug
+							})]
+						}, e.id))
+					})
+				]
+			}),
+			x.length > 0 && /* @__PURE__ */ S("p", {
+				className: "text-xs text-muted-foreground",
+				children: n.needsScope ? r("memberships.needsScope", { scope: n.needsScope }) : r("memberships.newHint")
+			}),
+			f.length > 0 && /* @__PURE__ */ S("p", {
+				className: "text-xs text-destructive",
+				role: "status",
+				children: r("memberships.notFound", { names: f.join(", ") })
+			}),
+			/* @__PURE__ */ S(d, { error: R.error }),
+			X && N !== null && /* @__PURE__ */ S("ul", { children: /* @__PURE__ */ S(j, {
+				m: X,
+				card: n.cards.get(X.group_id ?? ""),
+				spec: n.spec,
+				labels: n.labels,
+				versions: n.versions,
+				versionLabel: n.versionLabel,
+				onChange: (e) => n.onChange(N, e),
+				onRemove: () => {
+					P(null), n.onRemove(N);
+				}
+			}) })
+		]
+	});
+}
+var A = "__none__";
+function j({ m: t, card: d, spec: f, labels: p, versions: m, versionLabel: g, onChange: v, onRemove: y }) {
+	let { t: b } = e(), w = _(), T = d ? d.name || d.slug : t.group_id ?? "", E = [.../* @__PURE__ */ new Set([...(m ?? []).map((e) => e.id), ...t.version_id ? [t.version_id] : []])];
+	return /* @__PURE__ */ C("li", {
+		className: "flex flex-wrap items-center gap-2 rounded-md border border-border p-2",
+		"data-ckui": "membership",
+		"data-group": d?.slug,
+		"data-state": t.state ?? "active",
+		children: [
+			/* @__PURE__ */ S("span", {
+				className: "min-w-0 flex-1 font-medium break-words",
+				children: T
+			}),
+			t.state === "proposed" && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(r, {
+				variant: "secondary",
+				children: b("memberships.proposed")
+			}), /* @__PURE__ */ S(n, {
+				type: "button",
+				size: "xs",
+				variant: "outline",
+				onClick: () => v({ state: "active" }),
+				children: b("memberships.accept")
+			})] }),
+			f.version_level && E.length > 0 && /* @__PURE__ */ C(o, {
+				value: t.version_id ?? A,
+				onValueChange: (e) => v({ version_id: e === A ? void 0 : String(e) }),
+				children: [/* @__PURE__ */ S(l, {
+					size: "sm",
+					"aria-label": b("memberships.versionOf", { name: T }),
+					children: /* @__PURE__ */ S(u, { children: (e) => e === A ? b("memberships.wholeContent") : g(e) })
+				}), /* @__PURE__ */ C(s, { children: [/* @__PURE__ */ S(c, {
+					value: A,
+					children: b("memberships.wholeContent")
+				}), E.map((e) => /* @__PURE__ */ S(c, {
+					value: e,
+					children: g(e)
+				}, e))] })]
+			}),
+			!!f.roles?.length && /* @__PURE__ */ C(o, {
+				value: t.role || A,
+				onValueChange: (e) => v({ role: e === A ? void 0 : String(e) }),
+				children: [/* @__PURE__ */ S(l, {
+					size: "sm",
+					"aria-label": b("memberships.roleOf", { name: T }),
+					children: /* @__PURE__ */ S(u, { children: (e) => e === A ? b("memberships.noRole") : h(p, e) })
+				}), /* @__PURE__ */ C(s, { children: [/* @__PURE__ */ S(c, {
+					value: A,
+					children: b("memberships.noRole")
+				}), f.roles.map((e) => /* @__PURE__ */ S(c, {
+					value: e,
+					children: h(p, e)
+				}, e))] })]
+			}),
+			f.ordered && /* @__PURE__ */ C("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ S(a, {
+					htmlFor: `${w}-pos`,
+					className: "text-xs text-muted-foreground",
+					children: b("memberships.position")
+				}), /* @__PURE__ */ S(i, {
+					id: `${w}-pos`,
+					className: "h-8 w-20",
+					type: "number",
+					min: 0,
+					step: 1,
+					value: t.position ?? "",
+					placeholder: b("memberships.last"),
+					onChange: (e) => v({ position: e.target.value === "" ? void 0 : Math.max(0, Math.trunc(Number(e.target.value))) })
+				})]
+			}),
+			f.windows && /* @__PURE__ */ S(M, {
+				from: t.active_from,
+				until: t.active_until,
+				name: T,
+				onChange: v
+			}),
+			/* @__PURE__ */ S(n, {
+				type: "button",
+				size: "xs",
+				variant: "ghost",
+				"aria-label": b("memberships.remove", { name: T }),
+				onClick: y,
+				children: b("common.remove")
+			})
+		]
+	});
+}
+function M({ from: t, until: n, name: r, onChange: o }) {
+	let { t: s } = e(), c = _();
+	return /* @__PURE__ */ C("div", {
+		className: "flex flex-wrap items-center gap-1",
+		"data-ckui": "membership-window",
+		children: [
+			/* @__PURE__ */ S(a, {
+				htmlFor: `${c}-from`,
+				className: "text-xs text-muted-foreground",
+				children: s("memberships.from")
+			}),
+			/* @__PURE__ */ S(i, {
+				id: `${c}-from`,
+				className: "h-8 w-48",
+				type: "datetime-local",
+				"aria-label": s("memberships.fromOf", { name: r }),
+				value: p(t),
+				onChange: (e) => o({ active_from: f(e.target.value) })
+			}),
+			/* @__PURE__ */ S(a, {
+				htmlFor: `${c}-until`,
+				className: "text-xs text-muted-foreground",
+				children: s("memberships.until")
+			}),
+			/* @__PURE__ */ S(i, {
+				id: `${c}-until`,
+				className: "h-8 w-48",
+				type: "datetime-local",
+				"aria-label": s("memberships.untilOf", { name: r }),
+				value: p(n),
+				onChange: (e) => o({ active_until: f(e.target.value) })
+			})
+		]
+	});
+}
+//#endregion
+export { k as EntityChips, j as MembershipRow, M as WindowFields, O as resolveToken };
+
+//# sourceMappingURL=entity-chips.js.map

package/dist/components/groups/entity-chips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-chips.js","names":[],"sources":["../../../src/components/groups/entity-chips.tsx"],"sourcesContent":["import { Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"cn\";\nimport { useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport { fromLocalInput, toLocalInput } from \"../../client/group-fields.js\";\nimport type { GroupCard, GroupKind, Membership } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { useContentKitClient } from \"../../react/context.js\";\nimport { useTypeahead } from \"../../react/discovery.js\";\nimport { ErrorLine } from \"../social/parts.js\";\nimport { Badge } from \"#ckui/ui/badge\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Input } from \"#ckui/ui/input\";\nimport { Label } from \"#ckui/ui/label\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"#ckui/ui/select\";\nimport { labelOf, type Labels } from \"./parts.js\";\n\nexport interface EntityChipsProps {\n  /** The entity kind these links join. */\n  kind: string;\n  label: string;\n  /** This kind's memberships, in order; callbacks index into this list. */\n  memberships: readonly Membership[];\n  cards: ReadonlyMap<string, GroupCard>;\n  spec: GroupKind;\n  labels?: Labels;\n  versions?: readonly VersionChoice[];\n  versionLabel: (id: string) => string;\n  language?: string;\n  /** Staff lookup, including internal entities. */\n  management?: boolean;\n  client?: ContentKitClient;\n  disabled?: boolean;\n  /** Names no entity carries yet, created on save (kinds with spec.creatable). */\n  created?: readonly string[];\n  onCreatedChange?: (names: string[]) => void;\n  /** A scoped kind's new names wait for exactly one entity of this scope (its label). */\n  needsScope?: string;\n  onAdd: (card: GroupCard) => void;\n  onChange: (index: number, patch: Partial<Membership>) => void;\n  onRemove: (index: number) => void;\n}\n\nconst fold = (s: string) =>\n  s\n    .normalize(\"NFKD\")\n    .replace(/\\p{M}/gu, \"\")\n    .toLocaleLowerCase()\n    .replace(/\\s+/g, \" \")\n    .trim();\n\n/** Splits typed or pasted text on commas and newlines into trimmed tokens. */\nexport function splitTokens(text: string): string[] {\n  return text\n    .split(/[,\\n]/)\n    .map((s) => s.trim())\n    .filter(Boolean);\n}\n\n/** An exact name or slug match wins; a lone result is an alias match. */\nexport function resolveToken(token: string, found: readonly GroupCard[], kind: string): GroupCard | undefined {\n  const own = found.filter((g) => g.kind === kind);\n  const key = fold(token);\n  return own.find((g) => fold(g.name) === key) ?? own.find((g) => fold(g.slug) === key) ?? (own.length === 1 ? own[0] : undefined);\n}\n\n/**\n * A content's links to one entity kind as chips: type or paste names\n * separated by commas, remove with × or Backspace. A chip with roles,\n * versions, positions or a proposal opens those details. A name without a\n * match is new, created on save, where the kind is creatable; elsewhere it\n * stays marked and is not saved.\n */\nexport function EntityChips(p: EntityChipsProps) {\n  const { t } = useMessages();\n  const id = useId();\n  const client = useContentKitClient(p.client);\n  const input = useRef<HTMLInputElement>(null);\n  const [text, setText] = useState(\"\");\n  const [pending, setPending] = useState<string[]>([]);\n  const [missing, setMissing] = useState<string[]>([]);\n  const created = p.created ?? [];\n  const creatable = !!p.spec.creatable && !!p.onCreatedChange;\n  // Lookups settle out of order; each appends to the latest list.\n  const latestCreated = useRef(created);\n  latestCreated.current = created;\n  const setCreated = (names: string[]) => {\n    latestCreated.current = names;\n    p.onCreatedChange?.(names);\n  };\n  const [open, setOpen] = useState<number | null>(null);\n  const [active, setActive] = useState(0);\n  const fragment = text.trim();\n  const found = useTypeahead(fragment, { entity_kinds: [p.kind], display_language: p.language, limit: 8, client: p.client, management: p.management });\n  const name = (m: Membership) => {\n    const card = p.cards.get(m.group_id ?? \"\");\n    return card ? card.name || card.slug : (m.group_id ?? \"\");\n  };\n  // A whole-content link without a role is the one duplicate to skip.\n  const plain = useMemo(() => new Set(p.memberships.filter((m) => !m.version_id && !m.role).map((m) => m.group_id)), [p.memberships]);\n  const suggestions = useMemo(() => found.entities.filter((g) => g.kind === p.kind && !plain.has(g.id)).slice(0, 6), [found.entities, p.kind, plain]);\n  const listOpen = fragment !== \"\" && suggestions.length > 0;\n  useEffect(() => setActive(0), [fragment]);\n  const detailed = (m: Membership) => !!p.spec.version_level || !!p.spec.roles?.length || !!p.spec.ordered || m.state === \"proposed\" || !!m.active_from || !!m.active_until;\n  const add = (card: GroupCard) => {\n    if (plain.has(card.id)) return false;\n    p.onAdd(card);\n    return true;\n  };\n  const lookup = (token: string) =>\n    p.management\n      ? client.entities.manage({ q: token, kind: p.kind, language: p.language, limit: 10 }).then((page) => page.entities)\n      : client.discovery.typeahead({ q: token, entity_kinds: [p.kind], display_language: p.language, limit: 10 }).then((r) => r.entities);\n  const commit = (tokens: string[]) => {\n    const known = new Set([...p.memberships.map((m) => fold(name(m))), ...pending.map(fold), ...missing.map(fold), ...created.map(fold)]);\n    const fresh: string[] = [];\n    for (const token of tokens) {\n      if (known.has(fold(token))) continue;\n      known.add(fold(token));\n      fresh.push(token);\n    }\n    if (!fresh.length) return;\n    setPending((all) => [...all, ...fresh]);\n    for (const token of fresh) {\n      lookup(token).then(\n        (cards) => {\n          const card = resolveToken(token, cards, p.kind);\n          if (card) add(card);\n          else if (creatable) setCreated([...latestCreated.current, token]);\n          else setMissing((all) => [...all, token]);\n        },\n        () => setMissing((all) => [...all, token]),\n      ).finally(() => setPending((all) => all.filter((x) => x !== token)));\n    }\n  };\n  const type = (value: string) => {\n    if (!/[,\\n]/.test(value)) return setText(value);\n    const parts = value.split(/[,\\n]/);\n    setText(parts.pop() ?? \"\");\n    commit(parts.map((s) => s.trim()).filter(Boolean));\n  };\n  // One picked name with roles, versions or positions opens its details.\n  const pick = (card: GroupCard) => {\n    setText(\"\");\n    if (add(card) && (p.spec.version_level || p.spec.roles?.length || p.spec.ordered)) setOpen(p.memberships.length);\n  };\n  const removeLast = () => {\n    if (missing.length) return setMissing((all) => all.slice(0, -1));\n    if (created.length) return setCreated(created.slice(0, -1));\n    if (p.memberships.length) p.onRemove(p.memberships.length - 1);\n  };\n  const detail = open !== null ? p.memberships[open] : undefined;\n  return (\n    <div className=\"grid min-w-0 gap-1.5\" data-ckui=\"entity-chips\" data-group-kind={p.kind}>\n      <label htmlFor={`${id}-input`} className=\"font-semibold\">\n        {p.label}\n      </label>\n      <div\n        className={cn(\n          \"relative flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border border-input bg-transparent px-2 py-1.5 focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50\",\n          p.disabled && \"pointer-events-none opacity-50\",\n        )}\n        onClick={() => input.current?.focus()}\n      >\n        <ul className=\"contents\" aria-label={p.label}>\n          {p.memberships.map((m, i) => {\n            const n = name(m);\n            const extra = [m.role && labelOf(p.labels, m.role), m.version_id && p.versionLabel(m.version_id), m.position != null && `#${m.position}`].filter(Boolean).join(\" · \");\n            return (\n              <li key={`${m.group_id}:${i}`} className={cn(\"inline-flex max-w-full items-center gap-1 rounded-md bg-muted py-0.5 ps-2 pe-1 text-sm\", m.state === \"proposed\" && \"border border-dashed border-primary\", open === i && \"ring-2 ring-ring\")} data-ckui=\"entity-chip\" data-group={p.cards.get(m.group_id ?? \"\")?.slug}>\n                {detailed(m) ? (\n                  <button type=\"button\" className=\"min-w-0 truncate text-start hover:underline\" aria-expanded={open === i} aria-label={t(\"memberships.chipDetails\", { name: n })} onClick={(e) => (e.stopPropagation(), setOpen(open === i ? null : i))}>\n                    {n}\n                    {extra && <span className=\"text-muted-foreground\"> · {extra}</span>}\n                    {m.state === \"proposed\" && <span className=\"text-primary\"> · {t(\"memberships.proposed\")}</span>}\n                  </button>\n                ) : (\n                  <span className=\"min-w-0 truncate\">{n}</span>\n                )}\n                <button type=\"button\" className=\"rounded-sm p-0.5 text-muted-foreground hover:bg-background hover:text-foreground\" aria-label={t(\"memberships.remove\", { name: n })} onClick={(e) => (e.stopPropagation(), open === i && setOpen(null), p.onRemove(i))}>\n                  <HugeiconsIcon icon={Cancel01Icon} className=\"size-3\" strokeWidth={2.5} />\n                </button>\n              </li>\n            );\n          })}\n          {pending.map((token) => (\n            <li key={`pending:${token}`} className=\"inline-flex items-center rounded-md bg-muted px-2 py-0.5 text-sm opacity-60\" aria-busy>\n              {token}\n            </li>\n          ))}\n          {created.map((token, i) => (\n            <li\n              key={`new:${token}`}\n              className={cn(\"inline-flex items-center gap-1 rounded-md py-0.5 ps-2 pe-1 text-sm\", p.needsScope ? \"border border-dashed border-destructive text-muted-foreground\" : \"bg-destructive/15 text-destructive\")}\n              data-ckui=\"entity-chip-new\"\n              data-needs-scope={p.needsScope ? \"\" : undefined}\n            >\n              <span className=\"min-w-0 truncate\" title={t(\"memberships.newChip\", { name: token })}>\n                {token}\n              </span>\n              <button type=\"button\" className=\"rounded-sm p-0.5 hover:bg-destructive/15\" aria-label={t(\"memberships.remove\", { name: token })} onClick={(e) => (e.stopPropagation(), setCreated(created.filter((_, j) => j !== i)))}>\n                <HugeiconsIcon icon={Cancel01Icon} className=\"size-3\" strokeWidth={2.5} />\n              </button>\n            </li>\n          ))}\n          {missing.map((token, i) => (\n            <li key={`missing:${token}`} className=\"inline-flex items-center gap-1 rounded-md border border-dashed border-destructive py-0.5 ps-2 pe-1 text-sm text-destructive\" data-ckui=\"entity-chip-missing\">\n              <span className=\"line-through\">{token}</span>\n              <button type=\"button\" className=\"rounded-sm p-0.5 hover:bg-destructive/15\" aria-label={t(\"memberships.remove\", { name: token })} onClick={(e) => (e.stopPropagation(), setMissing((all) => all.filter((_, j) => j !== i)))}>\n                <HugeiconsIcon icon={Cancel01Icon} className=\"size-3\" strokeWidth={2.5} />\n              </button>\n            </li>\n          ))}\n        </ul>\n        <input\n          ref={input}\n          id={`${id}-input`}\n          role=\"combobox\"\n          aria-label={t(\"memberships.add\", { kind: p.label })}\n          aria-expanded={listOpen}\n          aria-controls={`${id}-list`}\n          aria-activedescendant={listOpen ? `${id}-${active}` : undefined}\n          aria-autocomplete=\"list\"\n          autoComplete=\"off\"\n          disabled={p.disabled}\n          className=\"min-w-32 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground\"\n          placeholder={p.memberships.length || missing.length || created.length ? \"\" : t(\"memberships.chipsPlaceholder\")}\n          value={text}\n          onChange={(e) => type(e.target.value)}\n          onBlur={() => {\n            if (fragment) commit([fragment]);\n            setText(\"\");\n          }}\n          onKeyDown={(e) => {\n            if (e.key === \"Backspace\" && text === \"\") {\n              e.preventDefault();\n              removeLast();\n            } else if (e.key === \"ArrowDown\" && listOpen) {\n              e.preventDefault();\n              setActive((a) => Math.min(suggestions.length - 1, a + 1));\n            } else if (e.key === \"ArrowUp\" && listOpen) {\n              e.preventDefault();\n              setActive((a) => Math.max(0, a - 1));\n            } else if (e.key === \"Enter\") {\n              e.preventDefault();\n              if (listOpen) pick(suggestions[active]!);\n              else if (fragment) {\n                commit([fragment]);\n                setText(\"\");\n              }\n            } else if (e.key === \"Escape\") setText(\"\");\n          }}\n        />\n        {listOpen && (\n          <ul id={`${id}-list`} role=\"listbox\" aria-label={p.label} className=\"absolute start-0 top-full z-10 mt-1 grid w-full overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md\">\n            {suggestions.map((g, i) => (\n              <li\n                key={g.id}\n                id={`${id}-${i}`}\n                role=\"option\"\n                aria-selected={i === active}\n                className={cn(\"flex cursor-pointer items-baseline justify-between gap-2 px-3 py-1.5 text-sm\", i === active && \"bg-accent text-accent-foreground\")}\n                onMouseEnter={() => setActive(i)}\n                onMouseDown={(e) => {\n                  e.preventDefault();\n                  pick(g);\n                }}\n              >\n                <span className=\"min-w-0 truncate\">{g.name || g.slug}</span>\n                <span className=\"text-xs text-muted-foreground\">{g.slug}</span>\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n      {created.length > 0 && <p className=\"text-xs text-muted-foreground\">{p.needsScope ? t(\"memberships.needsScope\", { scope: p.needsScope }) : t(\"memberships.newHint\")}</p>}\n      {missing.length > 0 && (\n        <p className=\"text-xs text-destructive\" role=\"status\">\n          {t(\"memberships.notFound\", { names: missing.join(\", \") })}\n        </p>\n      )}\n      <ErrorLine error={found.error} />\n      {detail && open !== null && (\n        <ul>\n          <MembershipRow\n            m={detail}\n            card={p.cards.get(detail.group_id ?? \"\")}\n            spec={p.spec}\n            labels={p.labels}\n            versions={p.versions}\n            versionLabel={p.versionLabel}\n            onChange={(patch) => p.onChange(open, patch)}\n            onRemove={() => {\n              setOpen(null);\n              p.onRemove(open);\n            }}\n          />\n        </ul>\n      )}\n    </div>\n  );\n}\n\nconst NONE = \"__none__\";\n\n/** A version a membership may target. */\nexport interface VersionChoice {\n  id: string;\n  label: string;\n}\n\nexport function MembershipRow({\n  m: x,\n  card,\n  spec,\n  labels,\n  versions,\n  versionLabel,\n  onChange,\n  onRemove,\n}: {\n  m: Membership;\n  card?: GroupCard;\n  spec: GroupKind;\n  labels?: Labels;\n  versions?: readonly VersionChoice[];\n  versionLabel: (id: string) => string;\n  onChange: (patch: Partial<Membership>) => void;\n  onRemove: () => void;\n}) {\n  const { t } = useMessages();\n  const id = useId();\n  const name = card ? card.name || card.slug : (x.group_id ?? \"\");\n  const versionIds = [...new Set([...(versions ?? []).map((v) => v.id), ...(x.version_id ? [x.version_id] : [])])];\n  return (\n    <li className=\"flex flex-wrap items-center gap-2 rounded-md border border-border p-2\" data-ckui=\"membership\" data-group={card?.slug} data-state={x.state ?? \"active\"}>\n      <span className=\"min-w-0 flex-1 font-medium break-words\">{name}</span>\n      {x.state === \"proposed\" && (\n        <>\n          <Badge variant=\"secondary\">{t(\"memberships.proposed\")}</Badge>\n          <Button type=\"button\" size=\"xs\" variant=\"outline\" onClick={() => onChange({ state: \"active\" })}>\n            {t(\"memberships.accept\")}\n          </Button>\n        </>\n      )}\n      {spec.version_level && versionIds.length > 0 && (\n        <Select value={x.version_id ?? NONE} onValueChange={(v) => onChange({ version_id: v === NONE ? undefined : String(v) })}>\n          <SelectTrigger size=\"sm\" aria-label={t(\"memberships.versionOf\", { name })}>\n            <SelectValue>{(v: string) => (v === NONE ? t(\"memberships.wholeContent\") : versionLabel(v))}</SelectValue>\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value={NONE}>{t(\"memberships.wholeContent\")}</SelectItem>\n            {versionIds.map((v) => (\n              <SelectItem key={v} value={v}>\n                {versionLabel(v)}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      )}\n      {!!spec.roles?.length && (\n        <Select value={x.role || NONE} onValueChange={(v) => onChange({ role: v === NONE ? undefined : String(v) })}>\n          <SelectTrigger size=\"sm\" aria-label={t(\"memberships.roleOf\", { name })}>\n            <SelectValue>{(v: string) => (v === NONE ? t(\"memberships.noRole\") : labelOf(labels, v))}</SelectValue>\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value={NONE}>{t(\"memberships.noRole\")}</SelectItem>\n            {spec.roles.map((r) => (\n              <SelectItem key={r} value={r}>\n                {labelOf(labels, r)}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      )}\n      {spec.ordered && (\n        <div className=\"flex items-center gap-1\">\n          <Label htmlFor={`${id}-pos`} className=\"text-xs text-muted-foreground\">\n            {t(\"memberships.position\")}\n          </Label>\n          <Input\n            id={`${id}-pos`}\n            className=\"h-8 w-20\"\n            type=\"number\"\n            min={0}\n            step={1}\n            value={x.position ?? \"\"}\n            placeholder={t(\"memberships.last\")}\n            onChange={(e) => onChange({ position: e.target.value === \"\" ? undefined : Math.max(0, Math.trunc(Number(e.target.value))) })}\n          />\n        </div>\n      )}\n      {spec.windows && <WindowFields from={x.active_from} until={x.active_until} name={name} onChange={onChange} />}\n      <Button type=\"button\" size=\"xs\" variant=\"ghost\" aria-label={t(\"memberships.remove\", { name })} onClick={onRemove}>\n        {t(\"common.remove\")}\n      </Button>\n    </li>\n  );\n}\n\nexport function WindowFields({ from, until, name, onChange }: { from?: string; until?: string; name: string; onChange: (patch: Partial<Membership>) => void }) {\n  const { t } = useMessages();\n  const id = useId();\n  return (\n    <div className=\"flex flex-wrap items-center gap-1\" data-ckui=\"membership-window\">\n      <Label htmlFor={`${id}-from`} className=\"text-xs text-muted-foreground\">\n        {t(\"memberships.from\")}\n      </Label>\n      <Input\n        id={`${id}-from`}\n        className=\"h-8 w-48\"\n        type=\"datetime-local\"\n        aria-label={t(\"memberships.fromOf\", { name })}\n        value={toLocalInput(from)}\n        onChange={(e) => onChange({ active_from: fromLocalInput(e.target.value) })}\n      />\n      <Label htmlFor={`${id}-until`} className=\"text-xs text-muted-foreground\">\n        {t(\"memberships.until\")}\n      </Label>\n      <Input\n        id={`${id}-until`}\n        className=\"h-8 w-48\"\n        type=\"datetime-local\"\n        aria-label={t(\"memberships.untilOf\", { name })}\n        value={toLocalInput(until)}\n        onChange={(e) => onChange({ active_until: fromLocalInput(e.target.value) })}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/groups/group-members.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { ContentKitUiAppearance } from '../../appearance.js';
+import { ContentKitClient } from '../../client/client.js';
+import { Content, GroupDetail, Membership } from '../../client/generated/wire.js';
+import { ContentKitErrorHandler } from '../../react/context.js';
+import { Labels } from './parts.js';
+export interface GroupMembersProps {
+    group: Pick<GroupDetail, "id" | "kind" | "name" | "slug" | "cover" | "code">;
+    labels?: Labels;
+    /** Where a member's card links, e.g. its admin editor; none: not a link. */
+    contentHref?: (content: Content) => string | undefined;
+    /** Where a new item of a content kind starts already in this group, e.g. the host's editor with `?with=<code>`; none: no action. */
+    newContentHref?: (contentKind: string, group: GroupMembersProps["group"]) => string | undefined;
+    /** Replaces a member's card body; default its cover and title. */
+    renderContent?: (member: Membership, content?: Content) => ReactNode;
+    /** Select a member's cover as the group's. */
+    onUseCover?: (contentId: string) => Promise<unknown>;
+    pageSize?: number;
+    client?: ContentKitClient;
+    onError?: ContentKitErrorHandler;
+    className?: string;
+    appearance?: ContentKitUiAppearance;
+}
+/**
+ * Staff: an entity's contents as cover cards grouped by content kind (an
+ * ordered kind as a reorderable list), each with its access, state, role and
+ * version; add one by searching titles, remove or use its cover on hover.
+ */
+export declare function GroupMembers(p: GroupMembersProps): import('react').JSX.Element;