@openrails/contentkit-ui 0.71.0 → 0.72.0

package/dist/components/admin/poll-manager.js

@@ -0,0 +1,297 @@
+import { useMessages as e } from "../../i18n/context.js";
+import { Button as t } from "../../ui/button.js";
+import { keyOf as n, useContentScope as r, usePaged as i } from "../../react/use-resource.js";
+import { Badge as a } from "../../ui/badge.js";
+import { Input as o } from "../../ui/input.js";
+import { Label as s } from "../../ui/label.js";
+import { Select as c, SelectContent as l, SelectItem as u, SelectTrigger as d, SelectValue as f } from "../../ui/select.js";
+import { ErrorLine as p, formatDate as m, useAction as h } from "../social/parts.js";
+import { AdminRoot as g, LoadFailed as _, NoAccess as v, Pager as y, Rows as b, pageOf as x, useConfirm as S } from "./shell.js";
+import { PollEditor as C } from "../social/poll-editor.js";
+import { useAdminLocation as w, useFlowClient as T, useStaffAccess as E } from "../../react/admin.js";
+import { useEffect as D, useId as O, useState as k } from "react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+//#region src/components/admin/poll-manager.tsx
+function N(e = {}) {
+	return E(["polls"], e);
+}
+function P(e, t = Date.now()) {
+	return e.is_active ? Date.parse(e.live_at) > t ? "scheduled" : e.closes_at && Date.parse(e.closes_at) <= t ? "closed" : "live" : "inactive";
+}
+var F = [
+	"live",
+	"scheduled",
+	"closed",
+	"inactive"
+], I = (e) => (e ?? []).map((e) => typeof e == "string" ? {
+	value: e,
+	label: e
+} : e);
+function L({ client: e, baseUrl: t, auth: n, guard: r, appearance: i, className: a, language: o, messages: s, ...c }) {
+	let l = T({
+		client: e,
+		baseUrl: t,
+		auth: n
+	});
+	return /* @__PURE__ */ j(g, {
+		flow: "poll-manager",
+		appearance: i,
+		className: a,
+		language: o,
+		messages: s,
+		guard: r,
+		children: /* @__PURE__ */ j(R, {
+			...c,
+			client: l
+		})
+	});
+}
+function R({ basePath: n, navigation: r, ...i }) {
+	let { t: a } = e(), o = w(n, r), s = N({ client: i.client });
+	if (s.loading) return /* @__PURE__ */ j(b, {});
+	if (!s.allowed.polls) return /* @__PURE__ */ j(v, { children: a("pollManager.noAccess") });
+	if (!o.view) return /* @__PURE__ */ j(z, {
+		...i,
+		loc: o
+	});
+	let c = /* @__PURE__ */ j(t, {
+		variant: "ghost",
+		size: "sm",
+		className: "justify-self-start",
+		onClick: () => o.go(""),
+		children: a("pollManager.back")
+	}), l = I(i.languages);
+	return /* @__PURE__ */ M(A, { children: [c, o.view === "new" ? /* @__PURE__ */ j(C, {
+		languages: l.length ? l : void 0,
+		freeText: i.freeText,
+		maxOptions: i.maxOptions,
+		client: i.client,
+		onError: i.onError,
+		onCreated: (e) => o.go(e.id, void 0, { replace: !0 })
+	}) : /* @__PURE__ */ j(C, {
+		poll: o.view,
+		maxOptions: i.maxOptions,
+		client: i.client,
+		onError: i.onError,
+		onDeleted: () => o.go("", void 0, { replace: !0 })
+	}, o.view)] });
+}
+function z({ loc: g, client: v, languages: C, pageSize: w = 20, onError: T }) {
+	let E = e(), { t: A } = E, N = O(), L = I(C), R = g.query.get("q") ?? "", z = g.query.get("language") ?? "", B = g.query.get("state") ?? "", V = F.includes(B) ? B : void 0, H = g.query.get("month") ?? "", U = g.query.get("date") ?? "", W = x(g.query), G = {
+		q: R,
+		language: z,
+		state: V,
+		month: H,
+		date: U
+	}, K = (e) => g.go("", {
+		...G,
+		...e
+	}), [q, J] = k(R);
+	D(() => J(R), [R]);
+	let { store: Y, scope: X } = r(v), Z = i(Y, n("polls-page", X, R, z, V, H, U, w), { type: "polls" }, W, w, (e, t) => v.polls.adminList({
+		...e,
+		q: R || void 0,
+		language: z || void 0,
+		state: V,
+		month: H || void 0,
+		date: U || void 0
+	}, t)), Q = h("poll.save", T), { confirm: $, dialog: ee } = S(), te = async (e) => {
+		await $({
+			title: A("pollEditor.deleteTitle"),
+			description: A("pollEditor.deleteBody"),
+			confirm: A("pollEditor.delete"),
+			typed: A("admin.deleteWord")
+		}) && await Q.run(() => v.polls.delete(e.id));
+	};
+	return /* @__PURE__ */ M("div", {
+		className: "grid gap-4",
+		children: [
+			/* @__PURE__ */ M("div", {
+				className: "flex flex-wrap items-center justify-between gap-2",
+				children: [/* @__PURE__ */ j("h2", {
+					className: "text-base font-semibold",
+					children: A("pollManager.title")
+				}), /* @__PURE__ */ j(t, {
+					size: "sm",
+					onClick: () => g.go("new"),
+					children: A("pollManager.new")
+				})]
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "grid gap-2 sm:grid-cols-[minmax(0,1fr)_auto]",
+				children: [/* @__PURE__ */ M("form", {
+					className: "flex gap-2",
+					role: "search",
+					onSubmit: (e) => {
+						e.preventDefault(), K({ q: q.trim() });
+					},
+					children: [
+						/* @__PURE__ */ j(s, {
+							htmlFor: `${N}-q`,
+							className: "sr-only",
+							children: A("pollManager.search")
+						}),
+						/* @__PURE__ */ j(o, {
+							id: `${N}-q`,
+							className: "h-8",
+							type: "search",
+							value: q,
+							placeholder: A("pollManager.search"),
+							onChange: (e) => J(e.target.value)
+						}),
+						/* @__PURE__ */ j(t, {
+							type: "submit",
+							size: "sm",
+							variant: "outline",
+							children: A("moderation.filter")
+						})
+					]
+				}), /* @__PURE__ */ M("div", {
+					className: "flex flex-wrap gap-2",
+					children: [L.length > 0 && /* @__PURE__ */ M(c, {
+						value: z,
+						onValueChange: (e) => K({ language: String(e ?? "") }),
+						children: [/* @__PURE__ */ j(d, {
+							size: "sm",
+							"aria-label": A("pollEditor.language"),
+							children: /* @__PURE__ */ j(f, { children: (e) => e ? L.find((t) => t.value === e)?.label ?? e : A("pollManager.allLanguages") })
+						}), /* @__PURE__ */ M(l, { children: [/* @__PURE__ */ j(u, {
+							value: "",
+							children: A("pollManager.allLanguages")
+						}), L.map((e) => /* @__PURE__ */ j(u, {
+							value: e.value,
+							children: e.label
+						}, e.value))] })]
+					}), /* @__PURE__ */ M(c, {
+						value: V ?? "",
+						onValueChange: (e) => K({ state: String(e ?? "") || void 0 }),
+						children: [/* @__PURE__ */ j(d, {
+							size: "sm",
+							"aria-label": A("pollManager.state"),
+							children: /* @__PURE__ */ j(f, { children: (e) => A(e ? `pollManager.${e}` : "pollManager.allStates") })
+						}), /* @__PURE__ */ M(l, { children: [/* @__PURE__ */ j(u, {
+							value: "",
+							children: A("pollManager.allStates")
+						}), F.map((e) => /* @__PURE__ */ j(u, {
+							value: e,
+							children: A(`pollManager.${e}`)
+						}, e))] })]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "flex flex-wrap items-end gap-3",
+				children: [
+					/* @__PURE__ */ M("div", {
+						className: "grid gap-1",
+						children: [/* @__PURE__ */ j(s, {
+							htmlFor: `${N}-month`,
+							children: A("pollManager.month")
+						}), /* @__PURE__ */ j(o, {
+							id: `${N}-month`,
+							className: "h-8 w-44",
+							type: "month",
+							value: H,
+							onChange: (e) => K({
+								month: e.target.value,
+								date: ""
+							})
+						})]
+					}),
+					/* @__PURE__ */ M("div", {
+						className: "grid gap-1",
+						children: [/* @__PURE__ */ j(s, {
+							htmlFor: `${N}-date`,
+							children: A("pollManager.date")
+						}), /* @__PURE__ */ j(o, {
+							id: `${N}-date`,
+							className: "h-8 w-44",
+							type: "date",
+							value: U,
+							onChange: (e) => K({
+								date: e.target.value,
+								month: ""
+							})
+						})]
+					}),
+					(H || U || R || z || V) && /* @__PURE__ */ j(t, {
+						size: "sm",
+						variant: "ghost",
+						onClick: () => g.go(""),
+						children: A("pollManager.clear")
+					})
+				]
+			}),
+			/* @__PURE__ */ j(p, { error: Q.error }),
+			Z.loading && !Z.items.length ? /* @__PURE__ */ j(b, {}) : Z.error && !Z.items.length ? /* @__PURE__ */ j(_, {
+				error: Z.error,
+				message: A("pollManager.loadFailed"),
+				retry: Z.reload
+			}) : Z.items.length ? /* @__PURE__ */ j("ul", {
+				className: "grid divide-y divide-border rounded-lg border border-border",
+				"aria-busy": Z.loading,
+				children: Z.items.map((e) => {
+					let n = P(e);
+					return /* @__PURE__ */ M("li", {
+						className: "flex flex-wrap items-start gap-3 p-3",
+						"data-ckui": "poll-row",
+						"data-state": n,
+						children: [/* @__PURE__ */ M("div", {
+							className: "grid min-w-0 flex-1 gap-1",
+							children: [/* @__PURE__ */ j("button", {
+								type: "button",
+								className: "text-left font-medium break-words hover:underline",
+								onClick: () => g.go(e.id),
+								children: e.question
+							}), /* @__PURE__ */ M("div", {
+								className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground",
+								children: [
+									/* @__PURE__ */ j(a, {
+										variant: n === "live" ? "default" : n === "inactive" ? "outline" : "secondary",
+										children: A(`pollManager.${n}`)
+									}),
+									/* @__PURE__ */ j("span", { children: e.language }),
+									e.kind === "free_text" && /* @__PURE__ */ j("span", { children: A("pollEditor.freeText") }),
+									/* @__PURE__ */ j("span", { children: A(n === "scheduled" ? "pollManager.goesLive" : "pollManager.wentLive", { date: m(E, e.live_at) }) }),
+									e.closes_at && /* @__PURE__ */ j("span", { children: A("poll.closes", { date: m(E, e.closes_at) }) }),
+									/* @__PURE__ */ j("span", { children: e.kind === "free_text" ? E.plural("poll.answers", e.answer_count ?? 0) : E.plural("poll.votes", e.total_votes) })
+								]
+							})]
+						}), /* @__PURE__ */ M("div", {
+							className: "flex gap-2",
+							children: [/* @__PURE__ */ j(t, {
+								size: "sm",
+								variant: "outline",
+								onClick: () => g.go(e.id),
+								children: A("comments.edit")
+							}), /* @__PURE__ */ j(t, {
+								size: "sm",
+								variant: "destructive",
+								disabled: Q.pending,
+								onClick: () => void te(e),
+								children: A("comments.delete")
+							})]
+						})]
+					}, e.id);
+				})
+			}) : /* @__PURE__ */ j("p", {
+				className: "text-muted-foreground",
+				children: A("pollManager.empty")
+			}),
+			/* @__PURE__ */ j(y, {
+				page: W,
+				hasNext: Z.hasNext,
+				disabled: Z.loading,
+				onPage: (e) => g.go("", {
+					...G,
+					page: e > 1 ? e : void 0
+				})
+			}),
+			ee
+		]
+	});
+}
+//#endregion
+export { L as PollManager, P as pollState, N as usePollManagerAccess };
+
+//# sourceMappingURL=poll-manager.js.map

package/dist/components/admin/poll-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"poll-manager.js","names":[],"sources":["../../../src/components/admin/poll-manager.tsx"],"sourcesContent":["import { useEffect, useId, useState } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { PollState } from \"../../client/content/polls.js\";\nimport type { Poll } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { useAdminLocation, useFlowClient, useStaffAccess, type AdminLocation, type FlowClientOptions, type StaffAccess } from \"../../react/admin.js\";\nimport { keyOf, useContentScope, usePaged } from \"../../react/use-resource.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 { PollEditor } from \"../social/poll-editor.js\";\nimport { ErrorLine, formatDate, useAction } from \"../social/parts.js\";\nimport { AdminRoot, LoadFailed, NoAccess, Pager, Rows, pageOf, useConfirm, type AdminFlowProps, type AdminRouteProps } from \"./shell.js\";\n\ntype Choice = string | { value: string; label: string };\n\nexport interface PollManagerProps extends AdminFlowProps, AdminRouteProps {\n  /** Languages to filter by and write in: codes, or codes with labels; the first is a new poll's. */\n  languages?: readonly Choice[];\n  /** Offer free-text polls (the host registered an answer classifier). */\n  freeText?: boolean;\n  /** Most options per poll. Default 10. */\n  maxOptions?: number;\n  pageSize?: number;\n}\n\n/** Whether the caller may manage polls (root:polls:write). */\nexport function usePollManagerAccess(o: FlowClientOptions = {}): StaffAccess<\"polls\"> {\n  return useStaffAccess([\"polls\"] as const, o);\n}\n\n/** A poll's state as the staff list names it. */\nexport function pollState(p: Poll, now = Date.now()): PollState {\n  if (!p.is_active) return \"inactive\";\n  if (Date.parse(p.live_at) > now) return \"scheduled\";\n  if (p.closes_at && Date.parse(p.closes_at) <= now) return \"closed\";\n  return \"live\";\n}\n\nconst STATES: readonly PollState[] = [\"live\", \"scheduled\", \"closed\", \"inactive\"];\nconst choices = (list?: readonly Choice[]) => (list ?? []).map((c) => (typeof c === \"string\" ? { value: c, label: c } : c));\n\n/**\n * Staff: every poll, by language, month or day, state and question, to\n * create, edit (PollEditor) and delete. The list is at basePath, a new poll\n * at basePath/new and each poll at basePath/{id}, filters in the query.\n */\nexport function PollManager({ client: own, baseUrl, auth, guard, appearance, className, language, messages, ...p }: PollManagerProps) {\n  const client = useFlowClient({ client: own, baseUrl, auth });\n  return (\n    <AdminRoot flow=\"poll-manager\" appearance={appearance} className={className} language={language} messages={messages} guard={guard}>\n      <Polls {...p} client={client} />\n    </AdminRoot>\n  );\n}\n\ntype Inner = Omit<PollManagerProps, \"client\" | \"baseUrl\" | \"auth\" | \"guard\" | \"appearance\" | \"className\" | \"language\" | \"messages\"> & { client: ContentKitClient };\n\nfunction Polls({ basePath, navigation, ...p }: Inner) {\n  const { t } = useMessages();\n  const loc = useAdminLocation(basePath, navigation);\n  const access = usePollManagerAccess({ client: p.client });\n  if (access.loading) return <Rows />;\n  if (!access.allowed.polls) return <NoAccess>{t(\"pollManager.noAccess\")}</NoAccess>;\n  if (!loc.view) return <List {...p} loc={loc} />;\n  const back = (\n    <Button variant=\"ghost\" size=\"sm\" className=\"justify-self-start\" onClick={() => loc.go(\"\")}>\n      {t(\"pollManager.back\")}\n    </Button>\n  );\n  const languages = choices(p.languages);\n  return (\n    <>\n      {back}\n      {loc.view === \"new\" ? (\n        <PollEditor\n          languages={languages.length ? languages : undefined}\n          freeText={p.freeText}\n          maxOptions={p.maxOptions}\n          client={p.client}\n          onError={p.onError}\n          onCreated={(poll) => loc.go(poll.id, undefined, { replace: true })}\n        />\n      ) : (\n        <PollEditor key={loc.view} poll={loc.view} maxOptions={p.maxOptions} client={p.client} onError={p.onError} onDeleted={() => loc.go(\"\", undefined, { replace: true })} />\n      )}\n    </>\n  );\n}\n\nfunction List({ loc, client, languages: offered, pageSize = 20, onError }: Inner & { loc: AdminLocation }) {\n  const m = useMessages();\n  const { t } = m;\n  const ids = useId();\n  const languages = choices(offered);\n  const query = loc.query.get(\"q\") ?? \"\";\n  const language = loc.query.get(\"language\") ?? \"\";\n  const stateParam = loc.query.get(\"state\") ?? \"\";\n  const state = (STATES as readonly string[]).includes(stateParam) ? (stateParam as PollState) : undefined;\n  const month = loc.query.get(\"month\") ?? \"\";\n  const date = loc.query.get(\"date\") ?? \"\";\n  const page = pageOf(loc.query);\n  const filters = { q: query, language, state, month, date };\n  const filter = (next: Partial<typeof filters>) => loc.go(\"\", { ...filters, ...next });\n  const [text, setText] = useState(query);\n  useEffect(() => setText(query), [query]);\n  const { store, scope } = useContentScope(client);\n  const list = usePaged(store, keyOf(\"polls-page\", scope, query, language, state, month, date, pageSize), { type: \"polls\" }, page, pageSize, (q, signal) =>\n    client.polls.adminList({ ...q, q: query || undefined, language: language || undefined, state, month: month || undefined, date: date || undefined }, signal),\n  );\n  const del = useAction(\"poll.save\", onError);\n  const { confirm, dialog } = useConfirm();\n  const remove = async (poll: Poll) => {\n    const ok = await confirm({ title: t(\"pollEditor.deleteTitle\"), description: t(\"pollEditor.deleteBody\"), confirm: t(\"pollEditor.delete\"), typed: t(\"admin.deleteWord\") });\n    if (ok) await del.run(() => client.polls.delete(poll.id));\n  };\n  return (\n    <div className=\"grid gap-4\">\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <h2 className=\"text-base font-semibold\">{t(\"pollManager.title\")}</h2>\n        <Button size=\"sm\" onClick={() => loc.go(\"new\")}>\n          {t(\"pollManager.new\")}\n        </Button>\n      </div>\n      <div className=\"grid gap-2 sm:grid-cols-[minmax(0,1fr)_auto]\">\n        <form\n          className=\"flex gap-2\"\n          role=\"search\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            filter({ q: text.trim() });\n          }}\n        >\n          <Label htmlFor={`${ids}-q`} className=\"sr-only\">\n            {t(\"pollManager.search\")}\n          </Label>\n          <Input id={`${ids}-q`} className=\"h-8\" type=\"search\" value={text} placeholder={t(\"pollManager.search\")} onChange={(e) => setText(e.target.value)} />\n          <Button type=\"submit\" size=\"sm\" variant=\"outline\">\n            {t(\"moderation.filter\")}\n          </Button>\n        </form>\n        <div className=\"flex flex-wrap gap-2\">\n          {languages.length > 0 && (\n            <Select value={language} onValueChange={(v) => filter({ language: String(v ?? \"\") })}>\n              <SelectTrigger size=\"sm\" aria-label={t(\"pollEditor.language\")}>\n                <SelectValue>{(v: string) => (v ? (languages.find((l) => l.value === v)?.label ?? v) : t(\"pollManager.allLanguages\"))}</SelectValue>\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"\">{t(\"pollManager.allLanguages\")}</SelectItem>\n                {languages.map((l) => (\n                  <SelectItem key={l.value} value={l.value}>\n                    {l.label}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          )}\n          <Select value={state ?? \"\"} onValueChange={(v) => filter({ state: (String(v ?? \"\") || undefined) as PollState | undefined })}>\n            <SelectTrigger size=\"sm\" aria-label={t(\"pollManager.state\")}>\n              <SelectValue>{(v: string) => (v ? t(`pollManager.${v as PollState}`) : t(\"pollManager.allStates\"))}</SelectValue>\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"\">{t(\"pollManager.allStates\")}</SelectItem>\n              {STATES.map((s) => (\n                <SelectItem key={s} value={s}>\n                  {t(`pollManager.${s}`)}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      </div>\n      <div className=\"flex flex-wrap items-end gap-3\">\n        <div className=\"grid gap-1\">\n          <Label htmlFor={`${ids}-month`}>{t(\"pollManager.month\")}</Label>\n          <Input id={`${ids}-month`} className=\"h-8 w-44\" type=\"month\" value={month} onChange={(e) => filter({ month: e.target.value, date: \"\" })} />\n        </div>\n        <div className=\"grid gap-1\">\n          <Label htmlFor={`${ids}-date`}>{t(\"pollManager.date\")}</Label>\n          <Input id={`${ids}-date`} className=\"h-8 w-44\" type=\"date\" value={date} onChange={(e) => filter({ date: e.target.value, month: \"\" })} />\n        </div>\n        {(month || date || query || language || state) && (\n          <Button size=\"sm\" variant=\"ghost\" onClick={() => loc.go(\"\")}>\n            {t(\"pollManager.clear\")}\n          </Button>\n        )}\n      </div>\n      <ErrorLine error={del.error} />\n      {list.loading && !list.items.length ? (\n        <Rows />\n      ) : list.error && !list.items.length ? (\n        <LoadFailed error={list.error} message={t(\"pollManager.loadFailed\")} retry={list.reload} />\n      ) : !list.items.length ? (\n        <p className=\"text-muted-foreground\">{t(\"pollManager.empty\")}</p>\n      ) : (\n        <ul className=\"grid divide-y divide-border rounded-lg border border-border\" aria-busy={list.loading}>\n          {list.items.map((poll) => {\n            const s = pollState(poll);\n            return (\n              <li key={poll.id} className=\"flex flex-wrap items-start gap-3 p-3\" data-ckui=\"poll-row\" data-state={s}>\n                <div className=\"grid min-w-0 flex-1 gap-1\">\n                  <button type=\"button\" className=\"text-left font-medium break-words hover:underline\" onClick={() => loc.go(poll.id)}>\n                    {poll.question}\n                  </button>\n                  <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground\">\n                    <Badge variant={s === \"live\" ? \"default\" : s === \"inactive\" ? \"outline\" : \"secondary\"}>{t(`pollManager.${s}`)}</Badge>\n                    <span>{poll.language}</span>\n                    {poll.kind === \"free_text\" && <span>{t(\"pollEditor.freeText\")}</span>}\n                    <span>{t(s === \"scheduled\" ? \"pollManager.goesLive\" : \"pollManager.wentLive\", { date: formatDate(m, poll.live_at) })}</span>\n                    {poll.closes_at && <span>{t(\"poll.closes\", { date: formatDate(m, poll.closes_at) })}</span>}\n                    <span>{poll.kind === \"free_text\" ? m.plural(\"poll.answers\", poll.answer_count ?? 0) : m.plural(\"poll.votes\", poll.total_votes)}</span>\n                  </div>\n                </div>\n                <div className=\"flex gap-2\">\n                  <Button size=\"sm\" variant=\"outline\" onClick={() => loc.go(poll.id)}>\n                    {t(\"comments.edit\")}\n                  </Button>\n                  <Button size=\"sm\" variant=\"destructive\" disabled={del.pending} onClick={() => void remove(poll)}>\n                    {t(\"comments.delete\")}\n                  </Button>\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n      <Pager page={page} hasNext={list.hasNext} disabled={list.loading} onPage={(n) => loc.go(\"\", { ...filters, page: n > 1 ? n : undefined })} />\n      {dialog}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/admin/post-manager.d.ts

@@ -0,0 +1,45 @@
+import { ReactNode } from 'react';
+import { Post } from '../../client/generated/wire.js';
+import { FlowClientOptions, StaffAccess } from '../../react/admin.js';
+import { AdminFlowProps, AdminRouteProps } from './shell.js';
+type Choice = string | {
+    value: string;
+    label: string;
+};
+/** What PostManager hands its body editor. */
+export interface PostEditorProps {
+    /** The body as HTML, its images at URLs that show them now. */
+    value: string;
+    onChange: (html: string) => void;
+    /** Uploads an image to the post and resolves with a URL that shows it; absent until the post exists. */
+    uploadImage?: (file: File) => Promise<string>;
+    disabled?: boolean;
+    placeholder?: string;
+    "aria-label"?: string;
+}
+export interface PostManagerProps extends AdminFlowProps, AdminRouteProps {
+    /** Languages to filter by and write in: codes, or codes with labels; the first is a new post's. */
+    languages?: readonly Choice[];
+    /**
+     * The body editor: `richTextEditor` from `@openrails/contentkit-ui/editor`,
+     * or the host's own. Without it, the body is a plain HTML field.
+     */
+    renderEditor?: (props: PostEditorProps) => ReactNode;
+    /** A link to a published post's page. */
+    postHref?: (post: Post) => string | undefined;
+    pageSize?: number;
+}
+/** Whether the caller may manage posts (root:posts:write). */
+export declare function usePostManagerAccess(o?: FlowClientOptions): StaffAccess<"posts">;
+export type PostStatus = "draft" | "scheduled" | "published" | "held" | "rejected";
+/** A post's status as the staff list names it. */
+export declare function postStatus(p: Post, now?: number): PostStatus;
+/**
+ * Staff: every post, by language, draft state and text, deleted ones on
+ * their own to restore; create and edit title, slug, language, excerpt,
+ * schedule, cover and body with inline images, publish or keep a draft, and
+ * delete. The list is at basePath, a new post at basePath/new and each post
+ * at basePath/{id}, filters in the query.
+ */
+export declare function PostManager({ client: own, baseUrl, auth, guard, appearance, className, language, messages, ...p }: PostManagerProps): import('react').JSX.Element;
+export {};