@eifi1/ui-kit 0.18.0 → 0.19.0

package/dist/components/translation-review-editor.js

@@ -0,0 +1,159 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useKitLabels } from "../i18n/kit-labels.js";
+import { cn } from "../lib/cn.js";
+import { useKitFormat } from "../lib/format.js";
+import { placeholderTokens, reviewWrite } from "../lib/translation-review.js";
+import { AlertBanner } from "./alert-banner.js";
+import { Caption, SectionLabel } from "./text.js";
+import { DEFAULT_TRANSLATION_REVIEW_LABELS } from "./translation-review-labels.js";
+import { Button, Textarea } from "./ui.js";
+function Then({ label, text }) {
+  return /* @__PURE__ */ jsxs("div", { className: "mt-1.5 min-w-0", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: label }),
+    /* @__PURE__ */ jsx("p", { className: "whitespace-pre-line break-words text-[var(--text-secondary)]", children: text })
+  ] });
+}
+function TranslationReviewEditor({
+  row,
+  referenceLabel,
+  localeLabel,
+  onSave,
+  onClear,
+  onClose,
+  readOnly = false,
+  formatDate: formatDateProp,
+  formatError,
+  className,
+  labels: labelsProp
+}) {
+  const labels = useKitLabels("translationReview", DEFAULT_TRANSLATION_REVIEW_LABELS, labelsProp);
+  const { formatDate } = useKitFormat();
+  const review = row.review;
+  const missing = row.text === "";
+  const editable = !readOnly && onSave !== void 0;
+  const [suggestion, setSuggestion] = useState(review?.suggestion ?? row.text);
+  const [note, setNote] = useState(review?.note ?? "");
+  const [busy, setBusy] = useState(null);
+  const [failure, setFailure] = useState(null);
+  const canFlag = note.trim() !== "" || suggestion.trim() !== row.text.trim();
+  const changed = row.status === "changed" ? review : null;
+  const date = (iso) => formatDateProp ? formatDateProp(iso) : formatDate(iso, "medium");
+  const run = async (kind, action) => {
+    setBusy(kind);
+    setFailure(null);
+    try {
+      await action();
+      onClose?.();
+    } catch (caught) {
+      setFailure(formatError ? formatError(caught) : labels.failed);
+    } finally {
+      setBusy(null);
+    }
+  };
+  const save = (verdict) => {
+    if (!onSave) return;
+    const trimmedNote = note.trim() || null;
+    const sent = verdict === "APPROVED" ? null : suggestion.trim() || null;
+    void run(
+      verdict === "APPROVED" ? "approve" : "flag",
+      () => onSave(reviewWrite(row, verdict, trimmedNote, sent))
+    );
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("min-w-0 space-y-3 text-sm", className), children: [
+    /* @__PURE__ */ jsx("code", { className: "block break-all text-xs text-[var(--text-muted)]", children: row.key }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx(SectionLabel, { as: "span", size: "xs", children: referenceLabel }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 whitespace-pre-line break-words text-[var(--text-secondary)]", children: row.reference })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx(SectionLabel, { as: "span", size: "xs", children: localeLabel }),
+        missing ? /* @__PURE__ */ jsx("p", { className: "mt-1 italic text-[var(--text-muted)]", children: labels.missingText }) : /* @__PURE__ */ jsx("p", { lang: row.locale, className: "mt-1 whitespace-pre-line break-words", children: row.text })
+      ] })
+    ] }),
+    changed && /* @__PURE__ */ jsx(AlertBanner, { tone: "warning", variant: "inline", size: "sm", block: true, live: false, children: /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("p", { children: labels.changedSince }),
+      changed.text !== row.text && /* @__PURE__ */ jsx(Then, { label: labels.reviewedWording, text: changed.text || "\u2014" }),
+      changed.referenceText != null && changed.referenceText !== row.reference && /* @__PURE__ */ jsx(Then, { label: labels.reviewedReference, text: changed.referenceText })
+    ] }) }),
+    row.placeholderMismatch && /* @__PURE__ */ jsx(AlertBanner, { tone: "danger", variant: "inline", size: "sm", block: true, live: false, children: /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: labels.placeholderMismatch(
+      placeholderTokens(row.reference).join(" ") || "\u2014",
+      placeholderTokens(row.text).join(" ") || "\u2014"
+    ) }) }),
+    review && /* @__PURE__ */ jsx(Caption, { children: (review.verdict === "APPROVED" ? labels.lastApproved : labels.lastFlagged)(
+      review.reviewerName ?? labels.erasedReviewer,
+      date(review.reviewedAt)
+    ) }),
+    !editable && review?.verdict === "NEEDS_CHANGE" && (review.suggestion || review.note) && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      review.suggestion && /* @__PURE__ */ jsx(Then, { label: missing ? labels.translation : labels.suggestion, text: review.suggestion }),
+      review.note && /* @__PURE__ */ jsx(Then, { label: labels.note, text: review.note })
+    ] }),
+    editable && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          label: missing ? labels.translation : labels.suggestion,
+          lang: row.locale,
+          rows: Math.min(8, Math.max(2, Math.ceil(Math.max(row.text.length, row.reference.length) / 80))),
+          value: suggestion,
+          disabled: busy !== null,
+          onChange: (e) => setSuggestion(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          label: labels.note,
+          rows: 2,
+          value: note,
+          placeholder: labels.notePlaceholder,
+          disabled: busy !== null,
+          onChange: (e) => setNote(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        !missing && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "primary",
+            commit: true,
+            pending: busy === "approve",
+            disabled: busy !== null,
+            onClick: () => save("APPROVED"),
+            children: labels.approve
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: missing ? "primary" : "danger",
+            commit: true,
+            pending: busy === "flag",
+            disabled: busy !== null || !canFlag,
+            onClick: () => save("NEEDS_CHANGE"),
+            children: missing ? labels.suggest : labels.flag
+          }
+        ),
+        review && onClear && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            commit: true,
+            pending: busy === "clear",
+            disabled: busy !== null,
+            onClick: () => void run("clear", () => onClear({ locale: row.locale, key: row.key })),
+            children: labels.reset
+          }
+        ),
+        onClose && /* @__PURE__ */ jsx(Button, { variant: "ghost", disabled: busy !== null, onClick: onClose, children: labels.cancel })
+      ] })
+    ] }),
+    failure && /* @__PURE__ */ jsx(AlertBanner, { tone: "danger", size: "sm", role: "alert", children: failure })
+  ] });
+}
+export {
+  TranslationReviewEditor
+};
+//# sourceMappingURL=translation-review-editor.js.map

package/dist/components/translation-review-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/translation-review-editor.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { useKitFormat } from \"../lib/format\";\nimport { placeholderTokens, reviewWrite } from \"../lib/translation-review\";\nimport type {\n  TranslationReviewKey,\n  TranslationReviewWrite,\n  TranslationRow,\n  TranslationVerdict,\n} from \"../lib/translation-review\";\nimport { AlertBanner } from \"./alert-banner\";\nimport { Caption, SectionLabel } from \"./text\";\nimport { DEFAULT_TRANSLATION_REVIEW_LABELS } from \"./translation-review-labels\";\nimport type { TranslationReviewLabels } from \"./translation-review-labels\";\nimport { Button, Textarea } from \"./ui\";\n\n/** A callback may return a promise: resolve and the editor closes, reject and it stays\n *  open with the error. */\ntype MaybePromise = void | Promise<unknown>;\n\nexport interface TranslationReviewEditorProps {\n  row: TranslationRow;\n  /** The reference language's own name (\"English\", \"Deutsch\") — the app's choice of\n   *  reference, so the app's word for it. */\n  referenceLabel: ReactNode;\n  /** The reviewed language's own name (\"Français\"). */\n  localeLabel: ReactNode;\n  /** Store a verdict. Left out (or `readOnly`): the editor shows the row and its last\n   *  verdict, with no fields and no actions. */\n  onSave?: (write: TranslationReviewWrite) => MaybePromise;\n  /** Clear the verdict — back to unreviewed. Left out: no reset button. */\n  onClear?: (key: TranslationReviewKey) => MaybePromise;\n  /** The Cancel button — and called after a save or a reset resolves, so the panel\n   *  that opened the editor closes it. */\n  onClose?: () => void;\n  /** Look, do not touch: a locale the viewer may read but not review. */\n  readOnly?: boolean;\n  /** How the verdict's date reads. Default: the kit's `formatDate`, medium, in the\n   *  provider's locale. */\n  formatDate?: (iso: string) => string;\n  /** Turns a rejection into words. Default {@link TranslationReviewLabels.failed}. */\n  formatError?: (error: unknown) => ReactNode;\n  className?: string;\n  labels?: Partial<TranslationReviewLabels>;\n}\n\n/** The wording a verdict was given on, under the line that says it changed. */\nfunction Then({ label, text }: { label: string; text: string }) {\n  return (\n    <div className=\"mt-1.5 min-w-0\">\n      <span className=\"text-xs font-medium\">{label}</span>\n      <p className=\"whitespace-pre-line break-words text-[var(--text-secondary)]\">{text}</p>\n    </div>\n  );\n}\n\n/**\n * One string, opened: the reference beside the translation, what changed since the last\n * verdict, what a machine can see is wrong (the placeholders), and the two things a\n * reviewer can say about it — keksdose's and kastlan's `translation-review-editor.tsx`.\n *\n * \"Better wording\" opens on the CURRENT text rather than empty, because the usual\n * correction is a word or an ending, and retyping a sentence to change one word is how\n * new mistakes get in. It is sent only with \"Needs a change\" — approving says the text is\n * fine as it stands. A \"Needs a change\" with neither a note nor a different wording tells\n * whoever fixes it nothing, so it takes one of the two.\n *\n * A MISSING string (kastlan: the locale lacks the key) cannot be approved — there is\n * nothing to approve. Its field starts empty and is the translation to add; the verdict\n * is NEEDS_CHANGE on the empty text, which the export hands a developer as the string to\n * add.\n *\n * Every action waits for its callback: the buttons hold while the promise is out, a\n * resolution closes the editor through `onClose`, and a rejection keeps it open with what\n * was typed and the error under the buttons.\n */\nexport function TranslationReviewEditor({\n  row,\n  referenceLabel,\n  localeLabel,\n  onSave,\n  onClear,\n  onClose,\n  readOnly = false,\n  formatDate: formatDateProp,\n  formatError,\n  className,\n  labels: labelsProp,\n}: TranslationReviewEditorProps) {\n  const labels = useKitLabels(\"translationReview\", DEFAULT_TRANSLATION_REVIEW_LABELS, labelsProp);\n  const { formatDate } = useKitFormat();\n  const review = row.review;\n  const missing = row.text === \"\";\n  const editable = !readOnly && onSave !== undefined;\n  const [suggestion, setSuggestion] = useState(review?.suggestion ?? row.text);\n  const [note, setNote] = useState(review?.note ?? \"\");\n  const [busy, setBusy] = useState<\"approve\" | \"flag\" | \"clear\" | null>(null);\n  const [failure, setFailure] = useState<ReactNode>(null);\n\n  const canFlag = note.trim() !== \"\" || suggestion.trim() !== row.text.trim();\n  const changed = row.status === \"changed\" ? review : null;\n  const date = (iso: string) => (formatDateProp ? formatDateProp(iso) : formatDate(iso, \"medium\"));\n\n  const run = async (kind: \"approve\" | \"flag\" | \"clear\", action: () => MaybePromise) => {\n    setBusy(kind);\n    setFailure(null);\n    try {\n      await action();\n      onClose?.();\n    } catch (caught) {\n      setFailure(formatError ? formatError(caught) : labels.failed);\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const save = (verdict: TranslationVerdict) => {\n    if (!onSave) return;\n    const trimmedNote = note.trim() || null;\n    // Approving says the text is right as it stands: there is no wording to suggest.\n    const sent = verdict === \"APPROVED\" ? null : suggestion.trim() || null;\n    void run(verdict === \"APPROVED\" ? \"approve\" : \"flag\", () =>\n      onSave(reviewWrite(row, verdict, trimmedNote, sent)),\n    );\n  };\n\n  return (\n    <div className={cn(\"min-w-0 space-y-3 text-sm\", className)}>\n      <code className=\"block break-all text-xs text-[var(--text-muted)]\">{row.key}</code>\n\n      <div className=\"grid gap-3 md:grid-cols-2\">\n        <div className=\"min-w-0\">\n          <SectionLabel as=\"span\" size=\"xs\">\n            {referenceLabel}\n          </SectionLabel>\n          <p className=\"mt-1 whitespace-pre-line break-words text-[var(--text-secondary)]\">{row.reference}</p>\n        </div>\n        <div className=\"min-w-0\">\n          <SectionLabel as=\"span\" size=\"xs\">\n            {localeLabel}\n          </SectionLabel>\n          {missing ? (\n            <p className=\"mt-1 italic text-[var(--text-muted)]\">{labels.missingText}</p>\n          ) : (\n            <p lang={row.locale} className=\"mt-1 whitespace-pre-line break-words\">\n              {row.text}\n            </p>\n          )}\n        </div>\n      </div>\n\n      {changed && (\n        <AlertBanner tone=\"warning\" variant=\"inline\" size=\"sm\" block live={false}>\n          <div className=\"min-w-0\">\n            <p>{labels.changedSince}</p>\n            {changed.text !== row.text && <Then label={labels.reviewedWording} text={changed.text || \"—\"} />}\n            {changed.referenceText != null && changed.referenceText !== row.reference && (\n              <Then label={labels.reviewedReference} text={changed.referenceText} />\n            )}\n          </div>\n        </AlertBanner>\n      )}\n\n      {row.placeholderMismatch && (\n        <AlertBanner tone=\"danger\" variant=\"inline\" size=\"sm\" block live={false}>\n          <span className=\"min-w-0 break-words\">\n            {labels.placeholderMismatch(\n              placeholderTokens(row.reference).join(\" \") || \"—\",\n              placeholderTokens(row.text).join(\" \") || \"—\",\n            )}\n          </span>\n        </AlertBanner>\n      )}\n\n      {review && (\n        <Caption>\n          {(review.verdict === \"APPROVED\" ? labels.lastApproved : labels.lastFlagged)(\n            review.reviewerName ?? labels.erasedReviewer,\n            date(review.reviewedAt),\n          )}\n        </Caption>\n      )}\n\n      {/* Read-only: what the reviewer said, as text — the fields are for saying it. */}\n      {!editable && review?.verdict === \"NEEDS_CHANGE\" && (review.suggestion || review.note) && (\n        <div className=\"space-y-2\">\n          {review.suggestion && <Then label={missing ? labels.translation : labels.suggestion} text={review.suggestion} />}\n          {review.note && <Then label={labels.note} text={review.note} />}\n        </div>\n      )}\n\n      {editable && (\n        <>\n          <Textarea\n            label={missing ? labels.translation : labels.suggestion}\n            lang={row.locale}\n            rows={Math.min(8, Math.max(2, Math.ceil(Math.max(row.text.length, row.reference.length) / 80)))}\n            value={suggestion}\n            disabled={busy !== null}\n            onChange={(e) => setSuggestion(e.target.value)}\n          />\n          <Textarea\n            label={labels.note}\n            rows={2}\n            value={note}\n            placeholder={labels.notePlaceholder}\n            disabled={busy !== null}\n            onChange={(e) => setNote(e.target.value)}\n          />\n          <div className=\"flex flex-wrap gap-2\">\n            {!missing && (\n              <Button\n                variant=\"primary\"\n                commit\n                pending={busy === \"approve\"}\n                disabled={busy !== null}\n                onClick={() => save(\"APPROVED\")}\n              >\n                {labels.approve}\n              </Button>\n            )}\n            <Button\n              variant={missing ? \"primary\" : \"danger\"}\n              commit\n              pending={busy === \"flag\"}\n              disabled={busy !== null || !canFlag}\n              onClick={() => save(\"NEEDS_CHANGE\")}\n            >\n              {missing ? labels.suggest : labels.flag}\n            </Button>\n            {review && onClear && (\n              <Button\n                variant=\"ghost\"\n                commit\n                pending={busy === \"clear\"}\n                disabled={busy !== null}\n                onClick={() => void run(\"clear\", () => onClear({ locale: row.locale, key: row.key }))}\n              >\n                {labels.reset}\n              </Button>\n            )}\n            {onClose && (\n              <Button variant=\"ghost\" disabled={busy !== null} onClick={onClose}>\n                {labels.cancel}\n              </Button>\n            )}\n          </div>\n        </>\n      )}\n\n      {failure && (\n        <AlertBanner tone=\"danger\" size=\"sm\" role=\"alert\">\n          {failure}\n        </AlertBanner>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/translation-review-labels.d.ts

@@ -0,0 +1,92 @@
+import { ReviewStatus } from '../lib/translation-review.js';
+
+/**
+ * The `translationReview` namespace: every word of the translation-review parts
+ * (`ReviewStatusChip`, `TranslationProgress`, `TranslationLocaleTabs`,
+ * `TranslationExportButton`, `TranslationReviewEditor`, `TranslationReviewPanel`).
+ *
+ * Its own module, like `data-table-labels.ts`: `kit-labels.tsx` and `defaults.ts` import
+ * it, and neither has to load the components to get the words. The English is keksdose's
+ * and kastlan's own (`translation_review.*`, `translations:*`), British.
+ */
+interface TranslationReviewLabels {
+    /** The five statuses — the chip, the filter, the progress legend. */
+    statusMissing: string;
+    statusUnreviewed: string;
+    statusChanged: string;
+    statusNeedsChange: string;
+    statusApproved: string;
+    /** Accessible name of the status filter. */
+    statusFilter: string;
+    /** The status filter's first option. */
+    all: string;
+    /** A status filter option with its count: "Unreviewed · 12". */
+    filterCount: (label: string, count: number) => string;
+    /** The source filter's label — shown only when the rows come from several sources
+     *  (kastlan's screen texts and documents). */
+    source: string;
+    allSources: string;
+    /** The namespace filter's label and its "every one" option. */
+    namespace: string;
+    allNamespaces: string;
+    search: string;
+    /** The placeholder filter, with how many rows it would show. */
+    placeholdersOnly: (count: number) => string;
+    /** The chip on a row whose placeholders differ from the reference's. */
+    placeholderChip: string;
+    /** The key column, and the key's caption in the editor. */
+    key: string;
+    statusColumn: string;
+    /** No row matches the filters. */
+    empty: string;
+    /** In place of the text of a string the locale lacks. */
+    missingText: string;
+    /** The progress bar's label. */
+    progress: (approved: number, total: number) => string;
+    /** A locale tab's badge. */
+    localeProgress: (approved: number, total: number) => string;
+    /** Accessible name of the locale tabs. */
+    locales: string;
+    approve: string;
+    /** Send a string back: "Needs a change". */
+    flag: string;
+    /** "Needs a change" for a MISSING string: the suggestion is the translation to add. */
+    suggest: string;
+    /** Clear a verdict: back to unreviewed. */
+    reset: string;
+    /** The editor's way out without saving. */
+    cancel: string;
+    approveSelected: string;
+    resetSelected: string;
+    /** Selects every row the filters show — the phone's way into the bulk actions, where
+     *  the table has no checkboxes. */
+    selectShown: string;
+    /** Over the old wording of a row that changed since its verdict. */
+    changedSince: string;
+    reviewedWording: string;
+    reviewedReference: string;
+    /** The placeholders differ: the reference's and the text's, each a list. */
+    placeholderMismatch: (reference: string, text: string) => string;
+    lastApproved: (name: string, date: string) => string;
+    lastFlagged: (name: string, date: string) => string;
+    /** The reviewer's name once the account is gone — what `name` above becomes. */
+    erasedReviewer: string;
+    /** The editor's wording field, opened on the current text. */
+    suggestion: string;
+    /** The same field for a missing string. */
+    translation: string;
+    note: string;
+    notePlaceholder: string;
+    /** The viewer may read this locale but not review it. */
+    readOnly: string;
+    /** The reviewer is limited to some areas — `areas` is their names, joined. */
+    scope: (areas: string) => string;
+    exportCorrections: (count: number) => string;
+    /** A callback rejected and no `formatError` says better. */
+    failed: string;
+}
+declare const DEFAULT_TRANSLATION_REVIEW_LABELS: TranslationReviewLabels;
+/** A status's word, from the namespace's five. */
+declare function reviewStatusLabel(labels: TranslationReviewLabels, status: ReviewStatus): string;
+
+export { DEFAULT_TRANSLATION_REVIEW_LABELS, type TranslationReviewLabels, reviewStatusLabel };

package/dist/components/translation-review-labels.js

@@ -0,0 +1,67 @@
+"use client";
+const DEFAULT_TRANSLATION_REVIEW_LABELS = {
+  statusMissing: "Missing",
+  statusUnreviewed: "Unreviewed",
+  statusChanged: "Changed since review",
+  statusNeedsChange: "Needs a change",
+  statusApproved: "Approved",
+  statusFilter: "Status",
+  all: "All",
+  filterCount: (label, count) => `${label} \xB7 ${count}`,
+  source: "Texts",
+  allSources: "All texts",
+  namespace: "Area",
+  allNamespaces: "All areas",
+  search: "Search keys and text",
+  placeholdersOnly: (count) => `Only placeholder problems (${count})`,
+  placeholderChip: "Placeholders",
+  key: "Key",
+  statusColumn: "Status",
+  empty: "No strings match these filters.",
+  missingText: "Missing in this language",
+  progress: (approved, total) => `${approved} of ${total} approved`,
+  localeProgress: (approved, total) => `${approved}/${total}`,
+  locales: "Languages",
+  approve: "Approve",
+  flag: "Needs a change",
+  suggest: "Suggest translation",
+  reset: "Mark unreviewed",
+  cancel: "Cancel",
+  approveSelected: "Approve selected",
+  resetSelected: "Mark selected unreviewed",
+  selectShown: "Select all shown",
+  changedSince: "This string changed after it was reviewed. Please read it again.",
+  reviewedWording: "Wording when reviewed",
+  reviewedReference: "Reference when reviewed",
+  placeholderMismatch: (reference, text) => `The placeholders differ from the reference \u2014 reference: ${reference}; this text: ${text}. The app fills these in, so they must stay exactly as they are.`,
+  lastApproved: (name, date) => `Approved by ${name} on ${date}`,
+  lastFlagged: (name, date) => `Marked as needing a change by ${name} on ${date}`,
+  erasedReviewer: "a deleted account",
+  suggestion: "Better wording",
+  translation: "Translation",
+  note: "Note (optional)",
+  notePlaceholder: "What is wrong, or what to keep in mind",
+  readOnly: "You can read this language but not review it.",
+  scope: (areas) => `Your review is limited to: ${areas}.`,
+  exportCorrections: (count) => `Export corrections (${count})`,
+  failed: "That did not work. Please try again."
+};
+function reviewStatusLabel(labels, status) {
+  switch (status) {
+    case "missing":
+      return labels.statusMissing;
+    case "unreviewed":
+      return labels.statusUnreviewed;
+    case "changed":
+      return labels.statusChanged;
+    case "needs_change":
+      return labels.statusNeedsChange;
+    case "approved":
+      return labels.statusApproved;
+  }
+}
+export {
+  DEFAULT_TRANSLATION_REVIEW_LABELS,
+  reviewStatusLabel
+};
+//# sourceMappingURL=translation-review-labels.js.map

package/dist/components/translation-review-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/translation-review-labels.ts"],"sourcesContent":["import type { ReviewStatus } from \"../lib/translation-review\";\n\n/**\n * The `translationReview` namespace: every word of the translation-review parts\n * (`ReviewStatusChip`, `TranslationProgress`, `TranslationLocaleTabs`,\n * `TranslationExportButton`, `TranslationReviewEditor`, `TranslationReviewPanel`).\n *\n * Its own module, like `data-table-labels.ts`: `kit-labels.tsx` and `defaults.ts` import\n * it, and neither has to load the components to get the words. The English is keksdose's\n * and kastlan's own (`translation_review.*`, `translations:*`), British.\n */\nexport interface TranslationReviewLabels {\n  /** The five statuses — the chip, the filter, the progress legend. */\n  statusMissing: string;\n  statusUnreviewed: string;\n  statusChanged: string;\n  statusNeedsChange: string;\n  statusApproved: string;\n  /** Accessible name of the status filter. */\n  statusFilter: string;\n  /** The status filter's first option. */\n  all: string;\n  /** A status filter option with its count: \"Unreviewed · 12\". */\n  filterCount: (label: string, count: number) => string;\n  /** The source filter's label — shown only when the rows come from several sources\n   *  (kastlan's screen texts and documents). */\n  source: string;\n  allSources: string;\n  /** The namespace filter's label and its \"every one\" option. */\n  namespace: string;\n  allNamespaces: string;\n  search: string;\n  /** The placeholder filter, with how many rows it would show. */\n  placeholdersOnly: (count: number) => string;\n  /** The chip on a row whose placeholders differ from the reference's. */\n  placeholderChip: string;\n  /** The key column, and the key's caption in the editor. */\n  key: string;\n  statusColumn: string;\n  /** No row matches the filters. */\n  empty: string;\n  /** In place of the text of a string the locale lacks. */\n  missingText: string;\n  /** The progress bar's label. */\n  progress: (approved: number, total: number) => string;\n  /** A locale tab's badge. */\n  localeProgress: (approved: number, total: number) => string;\n  /** Accessible name of the locale tabs. */\n  locales: string;\n  approve: string;\n  /** Send a string back: \"Needs a change\". */\n  flag: string;\n  /** \"Needs a change\" for a MISSING string: the suggestion is the translation to add. */\n  suggest: string;\n  /** Clear a verdict: back to unreviewed. */\n  reset: string;\n  /** The editor's way out without saving. */\n  cancel: string;\n  approveSelected: string;\n  resetSelected: string;\n  /** Selects every row the filters show — the phone's way into the bulk actions, where\n   *  the table has no checkboxes. */\n  selectShown: string;\n  /** Over the old wording of a row that changed since its verdict. */\n  changedSince: string;\n  reviewedWording: string;\n  reviewedReference: string;\n  /** The placeholders differ: the reference's and the text's, each a list. */\n  placeholderMismatch: (reference: string, text: string) => string;\n  lastApproved: (name: string, date: string) => string;\n  lastFlagged: (name: string, date: string) => string;\n  /** The reviewer's name once the account is gone — what `name` above becomes. */\n  erasedReviewer: string;\n  /** The editor's wording field, opened on the current text. */\n  suggestion: string;\n  /** The same field for a missing string. */\n  translation: string;\n  note: string;\n  notePlaceholder: string;\n  /** The viewer may read this locale but not review it. */\n  readOnly: string;\n  /** The reviewer is limited to some areas — `areas` is their names, joined. */\n  scope: (areas: string) => string;\n  exportCorrections: (count: number) => string;\n  /** A callback rejected and no `formatError` says better. */\n  failed: string;\n}\n\nexport const DEFAULT_TRANSLATION_REVIEW_LABELS: TranslationReviewLabels = {\n  statusMissing: \"Missing\",\n  statusUnreviewed: \"Unreviewed\",\n  statusChanged: \"Changed since review\",\n  statusNeedsChange: \"Needs a change\",\n  statusApproved: \"Approved\",\n  statusFilter: \"Status\",\n  all: \"All\",\n  filterCount: (label, count) => `${label} · ${count}`,\n  source: \"Texts\",\n  allSources: \"All texts\",\n  namespace: \"Area\",\n  allNamespaces: \"All areas\",\n  search: \"Search keys and text\",\n  placeholdersOnly: (count) => `Only placeholder problems (${count})`,\n  placeholderChip: \"Placeholders\",\n  key: \"Key\",\n  statusColumn: \"Status\",\n  empty: \"No strings match these filters.\",\n  missingText: \"Missing in this language\",\n  progress: (approved, total) => `${approved} of ${total} approved`,\n  localeProgress: (approved, total) => `${approved}/${total}`,\n  locales: \"Languages\",\n  approve: \"Approve\",\n  flag: \"Needs a change\",\n  suggest: \"Suggest translation\",\n  reset: \"Mark unreviewed\",\n  cancel: \"Cancel\",\n  approveSelected: \"Approve selected\",\n  resetSelected: \"Mark selected unreviewed\",\n  selectShown: \"Select all shown\",\n  changedSince: \"This string changed after it was reviewed. Please read it again.\",\n  reviewedWording: \"Wording when reviewed\",\n  reviewedReference: \"Reference when reviewed\",\n  placeholderMismatch: (reference, text) =>\n    `The placeholders differ from the reference — reference: ${reference}; this text: ${text}. The app fills these in, so they must stay exactly as they are.`,\n  lastApproved: (name, date) => `Approved by ${name} on ${date}`,\n  lastFlagged: (name, date) => `Marked as needing a change by ${name} on ${date}`,\n  erasedReviewer: \"a deleted account\",\n  suggestion: \"Better wording\",\n  translation: \"Translation\",\n  note: \"Note (optional)\",\n  notePlaceholder: \"What is wrong, or what to keep in mind\",\n  readOnly: \"You can read this language but not review it.\",\n  scope: (areas) => `Your review is limited to: ${areas}.`,\n  exportCorrections: (count) => `Export corrections (${count})`,\n  failed: \"That did not work. Please try again.\",\n};\n\n/** A status's word, from the namespace's five. */\nexport function reviewStatusLabel(labels: TranslationReviewLabels, status: ReviewStatus): string {\n  switch (status) {\n    case \"missing\":\n      return labels.statusMissing;\n    case \"unreviewed\":\n      return labels.statusUnreviewed;\n    case \"changed\":\n      return labels.statusChanged;\n    case \"needs_change\":\n      return labels.statusNeedsChange;\n    case \"approved\":\n      return labels.statusApproved;\n  }\n}\n"],"mappings":";AAwFO,MAAM,oCAA6D;AAAA,EACxE,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,KAAK;AAAA,EACL,aAAa,CAAC,OAAO,UAAU,GAAG,KAAK,SAAM,KAAK;AAAA,EAClD,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,kBAAkB,CAAC,UAAU,8BAA8B,KAAK;AAAA,EAChE,iBAAiB;AAAA,EACjB,KAAK;AAAA,EACL,cAAc;AAAA,EACd,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU,CAAC,UAAU,UAAU,GAAG,QAAQ,OAAO,KAAK;AAAA,EACtD,gBAAgB,CAAC,UAAU,UAAU,GAAG,QAAQ,IAAI,KAAK;AAAA,EACzD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,qBAAqB,CAAC,WAAW,SAC/B,gEAA2D,SAAS,gBAAgB,IAAI;AAAA,EAC1F,cAAc,CAAC,MAAM,SAAS,eAAe,IAAI,OAAO,IAAI;AAAA,EAC5D,aAAa,CAAC,MAAM,SAAS,iCAAiC,IAAI,OAAO,IAAI;AAAA,EAC7E,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,OAAO,CAAC,UAAU,8BAA8B,KAAK;AAAA,EACrD,mBAAmB,CAAC,UAAU,uBAAuB,KAAK;AAAA,EAC1D,QAAQ;AACV;AAGO,SAAS,kBAAkB,QAAiC,QAA8B;AAC/F,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,EAClB;AACF;","names":[]}

package/dist/components/translation-review-parts.d.ts

@@ -0,0 +1,97 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { ReviewStatus, TranslationRow, TranslationCorrection, TranslationSummary } from '../lib/translation-review.js';
+import { ChipTone, ChipSize, ChipVariant, ChipShape } from './chip.js';
+import { TranslationReviewLabels } from './translation-review-labels.js';
+import 'lucide-react';
+
+/**
+ * The small parts of the translation review, each usable on its own: the status
+ * vocabulary as a chip, one locale's progress, the locale tabs and the export. The page
+ * body that puts them together is `TranslationReviewPanel` (translation-review.tsx).
+ */
+/**
+ * The tone of each status: nothing yet is neutral, a gap is orange (kastlan's choice — a
+ * hue, not a verdict), a change since review is amber, sent back is red, done is green.
+ */
+declare const REVIEW_STATUS_TONES: Readonly<Record<ReviewStatus, ChipTone>>;
+interface ReviewStatusChipProps {
+    status: ReviewStatus;
+    /** Over {@link REVIEW_STATUS_TONES}. */
+    tone?: ChipTone;
+    /** Over the label. */
+    children?: ReactNode;
+    /** Default `sm` — a chip in a table cell. */
+    size?: ChipSize;
+    variant?: ChipVariant;
+    shape?: ChipShape;
+    caps?: boolean;
+    className?: string;
+    /** Prop > `<UiKitProvider labels={{ translationReview }}>` > English. */
+    labels?: Partial<TranslationReviewLabels>;
+    [key: `data-${string}`]: string | number | boolean | undefined;
+}
+/** One row's status as a chip, in the kit's words and tones. Carries `data-status`. */
+declare function ReviewStatusChip({ status, tone, children, size, variant, shape, caps, className, labels: labelsProp, ...rest }: ReviewStatusChipProps): react.JSX.Element;
+interface TranslationProgressProps {
+    /** One locale's rows — or their {@link summariseRows} when the app has only counts. */
+    rows?: readonly TranslationRow[];
+    summary?: TranslationSummary;
+    /** The list under the bar naming each part with its count. Default true. */
+    legend?: boolean;
+    className?: string;
+    labels?: Partial<TranslationReviewLabels>;
+}
+/**
+ * "120 of 3859 approved", and the bar split by status: approved, sent back, changed since
+ * review, missing — in the chips' colours. What is left of the track is unreviewed. The
+ * legend counts rows rather than percentages: "12 need a change" is the next hour's work,
+ * "0.3 %" is not.
+ */
+declare function TranslationProgress({ rows, summary: summaryProp, legend, className, labels: labelsProp, }: TranslationProgressProps): react.JSX.Element;
+interface TranslationLocaleTab {
+    /** The locale code. */
+    value: string;
+    /** Its name, in its own language ("Français"). */
+    label: ReactNode;
+    /** The locale's rows, for the badge — built with the same `areas` as the panel's, so
+     *  a scoped reviewer's tab counts what they can see. */
+    rows: readonly TranslationRow[];
+}
+interface TranslationLocaleTabsProps {
+    /** The locales the viewer may see, in the app's order — the server's answer, never a
+     *  guess from a role name. */
+    locales: readonly TranslationLocaleTab[];
+    active: string;
+    onChange: (locale: string) => void;
+    className?: string;
+    labels?: Partial<TranslationReviewLabels>;
+}
+/**
+ * One tab per locale with its approved/total, wrapping on a phone. Nothing for a single
+ * locale: a strip with one tab is a heading that looks clickable.
+ */
+declare function TranslationLocaleTabs({ locales, active, onChange, className, labels: labelsProp }: TranslationLocaleTabsProps): react.JSX.Element | null;
+interface TranslationExportButtonProps {
+    /** Every row the export covers — usually every locale's, not only the open one. */
+    rows: readonly TranslationRow[];
+    /** Listed in the file. Default: the locales the rows come from. */
+    locales?: readonly string[];
+    /** Default `translation-corrections-<date>.json`. */
+    fileName?: string;
+    /**
+     * Take the export instead of downloading it — the entries, and the file as a ready
+     * JSON Blob. Left out, the kit downloads the Blob as `fileName`.
+     */
+    onExport?: (corrections: TranslationCorrection[], file: Blob) => void;
+    className?: string;
+    labels?: Partial<TranslationReviewLabels>;
+}
+/**
+ * "Export corrections (n)": every string sent back, as the JSON file keksdose and kastlan
+ * hand a developer — `{ exported_at, locales, corrections }`. Corrections are not applied
+ * on the page: the strings are source code. Disabled while there is nothing to export.
+ */
+declare function TranslationExportButton({ rows, locales, fileName, onExport, className, labels: labelsProp, }: TranslationExportButtonProps): react.JSX.Element;
+
+export { REVIEW_STATUS_TONES, ReviewStatusChip, type ReviewStatusChipProps, TranslationExportButton, type TranslationExportButtonProps, type TranslationLocaleTab, TranslationLocaleTabs, type TranslationLocaleTabsProps, TranslationProgress, type TranslationProgressProps };

package/dist/components/translation-review-parts.js

@@ -0,0 +1,163 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Download } from "lucide-react";
+import { useKitLabels } from "../i18n/kit-labels.js";
+import { useKitFormat } from "../lib/format.js";
+import { summariseRows, translationCorrections } from "../lib/translation-review.js";
+import { Chip } from "./chip.js";
+import { ProgressBar } from "./progress-bar.js";
+import { DEFAULT_TRANSLATION_REVIEW_LABELS, reviewStatusLabel } from "./translation-review-labels.js";
+import { Button, Tabs } from "./ui.js";
+const REVIEW_STATUS_TONES = {
+  missing: "orange",
+  unreviewed: "neutral",
+  changed: "warning",
+  needs_change: "danger",
+  approved: "success"
+};
+function ReviewStatusChip({
+  status,
+  tone,
+  children,
+  size = "sm",
+  variant,
+  shape,
+  caps,
+  className,
+  labels: labelsProp,
+  ...rest
+}) {
+  const labels = useKitLabels("translationReview", DEFAULT_TRANSLATION_REVIEW_LABELS, labelsProp);
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      ...rest,
+      "data-status": status,
+      tone: tone ?? REVIEW_STATUS_TONES[status],
+      size,
+      variant,
+      shape,
+      caps,
+      className,
+      children: children ?? reviewStatusLabel(labels, status)
+    }
+  );
+}
+function TranslationProgress({
+  rows,
+  summary: summaryProp,
+  legend = true,
+  className,
+  labels: labelsProp
+}) {
+  const labels = useKitLabels("translationReview", DEFAULT_TRANSLATION_REVIEW_LABELS, labelsProp);
+  const { formatNumber } = useKitFormat();
+  const summary = useMemo(() => summaryProp ?? summariseRows(rows ?? []), [summaryProp, rows]);
+  const part = (status, tone, color) => ({
+    key: status,
+    value: summary[status],
+    tone,
+    color,
+    label: reviewStatusLabel(labels, status),
+    // A status with no rows stays in the legend ("Needs a change 0" is news too) but out
+    // of the bar, where it would only be a gap.
+    legendOnly: summary[status] === 0 ? true : void 0
+  });
+  const segments = [
+    part("approved", "success"),
+    part("needs_change", "danger"),
+    part("changed", "warning"),
+    // The chip's orange, which is a hue and not a ProgressBar tone. Only where there is
+    // a gap: an app whose locales are complete never hears of "missing".
+    ...summary.missing > 0 ? [part("missing", void 0, "var(--hue-orange)")] : []
+  ];
+  return /* @__PURE__ */ jsx(
+    ProgressBar,
+    {
+      className,
+      label: labels.progress(summary.approved, summary.total),
+      max: Math.max(summary.total, 1),
+      segments,
+      legend,
+      formatValue: (value) => formatNumber(value)
+    }
+  );
+}
+function TranslationLocaleTabs({ locales, active, onChange, className, labels: labelsProp }) {
+  const labels = useKitLabels("translationReview", DEFAULT_TRANSLATION_REVIEW_LABELS, labelsProp);
+  if (locales.length < 2) return null;
+  return /* @__PURE__ */ jsx(
+    Tabs,
+    {
+      "aria-label": labels.locales,
+      wrap: true,
+      className,
+      tabs: locales.map((locale) => {
+        const summary = summariseRows(locale.rows);
+        return {
+          id: locale.value,
+          label: locale.label,
+          name: typeof locale.label === "string" ? locale.label : locale.value,
+          badge: (
+            // The tab's own colour, dimmed — a fixed muted grey vanished on the selected
+            // tab's brand fill (390px browser check).
+            /* @__PURE__ */ jsx("span", { className: "text-xs tabular-nums opacity-75", children: labels.localeProgress(summary.approved, summary.total) })
+          )
+        };
+      }),
+      active,
+      onChange
+    }
+  );
+}
+function TranslationExportButton({
+  rows,
+  locales,
+  fileName,
+  onExport,
+  className,
+  labels: labelsProp
+}) {
+  const labels = useKitLabels("translationReview", DEFAULT_TRANSLATION_REVIEW_LABELS, labelsProp);
+  const corrections = useMemo(() => translationCorrections(rows), [rows]);
+  const run = () => {
+    const now = /* @__PURE__ */ new Date();
+    const file = new Blob(
+      [
+        JSON.stringify(
+          {
+            exported_at: now.toISOString(),
+            locales: locales ?? [...new Set(rows.map((r) => r.locale))],
+            corrections
+          },
+          null,
+          2
+        )
+      ],
+      { type: "application/json" }
+    );
+    if (onExport) {
+      onExport(corrections, file);
+      return;
+    }
+    const url = URL.createObjectURL(file);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = fileName ?? `translation-corrections-${now.toISOString().slice(0, 10)}.json`;
+    a.click();
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+  };
+  return /* @__PURE__ */ jsxs(Button, { variant: "secondary", disabled: corrections.length === 0, onClick: run, className, children: [
+    /* @__PURE__ */ jsx(Download, { className: "size-4", "aria-hidden": true }),
+    labels.exportCorrections(corrections.length)
+  ] });
+}
+export {
+  REVIEW_STATUS_TONES,
+  ReviewStatusChip,
+  TranslationExportButton,
+  TranslationLocaleTabs,
+  TranslationProgress
+};
+//# sourceMappingURL=translation-review-parts.js.map