@eifi1/ui-kit 0.22.0 → 0.23.0

package/src/feedback/feedback-dialog.tsx

@@ -10,6 +10,7 @@ import {
   DEFAULT_MAX_ATTACHMENT_BYTES,
   FeedbackAttachmentField,
   type FeedbackAttachmentError,
+  type FeedbackAttachmentErrorInfo,
 } from "./feedback-attachment";
 
 export interface FeedbackCategoryOption {
@@ -157,7 +158,9 @@ interface FeedbackDialogBaseProps {
 export interface FeedbackDialogSingleProps extends FeedbackDialogBaseProps {
   attachments?: "single";
   onSubmit: (data: FeedbackSubmission) => void | Promise<void>;
-  onAttachmentError?: (kind: "type" | "size") => void;
+  /** `info` (0.23.0) names the refused file and the limit — see
+   *  {@link FeedbackAttachmentErrorInfo}. */
+  onAttachmentError?: (kind: "type" | "size", info: FeedbackAttachmentErrorInfo) => void;
   /** Multiple mode only — refused here rather than silently ignored. */
   maxAttachments?: never;
 }
@@ -172,8 +175,9 @@ export interface FeedbackDialogMultipleProps extends FeedbackDialogBaseProps {
   /** Default `DEFAULT_MAX_ATTACHMENTS` (5). The screenshot does not count. */
   maxAttachments?: number;
   onSubmit: (data: FeedbackMultipleSubmission) => void | Promise<void>;
-  /** `"count"`: more files arrived at once than there was room for; the surplus was dropped. */
-  onAttachmentError?: (kind: FeedbackAttachmentError) => void;
+  /** `"count"`: more files arrived at once than there was room for; the surplus was
+   *  dropped. `info` (0.23.0) names the refused file(s) and the limit. */
+  onAttachmentError?: (kind: FeedbackAttachmentError, info: FeedbackAttachmentErrorInfo) => void;
 }
 
 export type FeedbackDialogProps = FeedbackDialogSingleProps | FeedbackDialogMultipleProps;

package/src/feedback/feedback-inbox.tsx

@@ -18,7 +18,7 @@ import type { LucideIcon } from "lucide-react";
 import { cn } from "../lib/cn";
 import { Button, Textarea } from "../components/ui";
 import { Tooltip } from "../components/tooltip";
-import { FeedbackAttachmentField } from "./feedback-attachment";
+import { FeedbackAttachmentField, type FeedbackAttachmentErrorInfo } from "./feedback-attachment";
 import type { FeedbackAttachmentLabels } from "./feedback-dialog";
 
 /**
@@ -566,7 +566,8 @@ export interface FeedbackNoteAttachment {
   labels: FeedbackAttachmentLabels;
   accept?: string[];
   maxBytes?: number;
-  onError?: (kind: "type" | "size") => void;
+  /** `info` (0.23.0) names the refused file and the limit. */
+  onError?: (kind: "type" | "size", info: FeedbackAttachmentErrorInfo) => void;
   onCaptureScreenshot?: () => Promise<File | null>;
 }
 

package/src/feedback/feedback-thread.tsx

@@ -4,10 +4,12 @@ import { ImageIcon, ImageOff, Paperclip, Send } from "lucide-react";
 import { cn } from "../lib/cn";
 import { formatDate, formatRelativeTime } from "../lib/format";
 import { Button, EmptyState, Spinner, Textarea } from "../components/ui";
+import type { CharacterCountLabels } from "../components/ui";
 import { Skeleton } from "../components/skeleton";
 import { Tooltip } from "../components/tooltip";
 import { useKitFileLabels, useKitLabels, useKitLocale } from "../i18n/kit-labels";
 import { FeedbackAttachmentField } from "./feedback-attachment";
+import type { FeedbackAttachmentFieldSingleProps } from "./feedback-attachment";
 import type { FeedbackNoteAttachment } from "./feedback-inbox";
 import type { FeedbackAttachmentLabels } from "./feedback-dialog";
 
@@ -463,9 +465,12 @@ function toDate(value: Date | string | number): Date | null {
 /* ── Composer ─────────────────────────────────────────────────────────────── */
 
 /** What the composer's attach control takes — {@link FeedbackNoteAttachment} with the
- *  labels optional, since the field reads `feedbackAttachment` from the provider. */
-export type FeedbackComposerAttachment = Omit<FeedbackNoteAttachment, "labels"> & {
+ *  labels optional, since the field reads `feedbackAttachment` from the provider, and
+ *  `onError` the field's own (0.23.0): it is handed the refused file and the limit too
+ *  (`FeedbackAttachmentErrorInfo`), and a `(kind) => …` handler still fits. */
+export type FeedbackComposerAttachment = Omit<FeedbackNoteAttachment, "labels" | "onError"> & {
   labels?: Partial<FeedbackAttachmentLabels>;
+  onError?: FeedbackAttachmentFieldSingleProps["onError"];
 };
 
 export interface FeedbackComposerProps {
@@ -498,7 +503,7 @@ export interface FeedbackComposerProps {
    * for state the composer cannot see, i.e. `attachmentSlot`'s (keksdose G5): `true`
    * with files ready makes an empty draft sendable (`onSend("", null)`), `false` while
    * an upload is still running holds even a written reply back. Left out, the text
-   * decides. `pending` blocks a send either way.
+   * decides. `pending` blocks a send either way, as does a draft past `maxLength`.
    */
   canSend?: boolean;
   /**
@@ -513,6 +518,31 @@ export interface FeedbackComposerProps {
    *  reader. */
   disabledReason?: ReactNode;
   rows?: number;
+  /**
+   * The longest draft the box takes, in UTF-16 code units as the browser counts — the
+   * server's limit, so a reply too long for it is cut off while it is typed rather than
+   * refused by a 422 after the press (keksdose G6: its support replies are capped at
+   * 4,000 on the server, and its other text fields already count against that with
+   * Textarea's `maxLength` + `showCount` since 0.22; the reply box, a composer, could
+   * not). The box's own `maxLength`, so typing and pasting stop at it.
+   *
+   * {@link FeedbackComposerHandle.insertText} is not stopped by it — the browser limits
+   * typing, not a script — and a canned reply is not cut mid-sentence to fit. A draft
+   * past the limit therefore holds Send back (whatever `canSend` says, as `pending`
+   * does) until it is trimmed; with `showCount` the counter, red at the limit, says by
+   * how much.
+   */
+  maxLength?: number;
+  /**
+   * A live "12/4000" under the box, with `maxLength` — Textarea's `showCount`, the same
+   * counter (keksdose G6): the count is part of the box's description, read with it on
+   * focus, and a polite live region speaks only on entering the last stretch and at the
+   * limit, never per keystroke. Under `size="sm"` the hidden send hint stays the box's
+   * description too, before the count. Ignored without `maxLength`.
+   */
+  showCount?: boolean;
+  /** The counter's words — the `characterCount` namespace, as on Textarea. */
+  countLabels?: Partial<CharacterCountLabels>;
   /**
    * The box's hint, over the `placeholder` label — keksdose F9: an admin answering a
    * support ticket is asked something else ("Reply to Anna…") than a member adding to
@@ -594,6 +624,9 @@ export function FeedbackComposer({
   sendOn = "mod-enter",
   disabledReason,
   rows = 3,
+  maxLength,
+  showCount,
+  countLabels,
   placeholder,
   value,
   onValueChange,
@@ -668,7 +701,10 @@ export function FeedbackComposer({
     );
   }
 
-  const canSend = (canSendProp ?? draft.trim().length > 0) && !pending;
+  // Longer than `maxLength` only through `insertText` or a controlled value (typing
+  // stops at it): the server would refuse it, so it does not go.
+  const tooLong = maxLength !== undefined && draft.length > maxLength;
+  const canSend = (canSendProp ?? draft.trim().length > 0) && !pending && !tooLong;
   const send = () => {
     if (!canSend) return;
     const sentDraft = draft;
@@ -689,7 +725,14 @@ export function FeedbackComposer({
         rows={rows}
         dir="auto"
         aria-label={labels.field}
+        // Textarea puts the counter's description after this one, so under "sm" the box
+        // reads "Enter to send… 12 of 4000 characters".
         aria-describedby={size === "sm" ? hintId : undefined}
+        maxLength={maxLength}
+        // Passed only when given: Textarea keeps a wrapper for a `showCount` it was
+        // handed at all, and a composer without one keeps the DOM it had.
+        {...(showCount !== undefined ? { showCount } : null)}
+        countLabels={countLabels}
         ref={box}
         placeholder={placeholder ?? labels.placeholder}
         value={draft}

package/src/i18n/defaults.ts

@@ -62,6 +62,7 @@ import { DEFAULT_INLINE_EDIT_LABELS } from "../components/inline-edit-field";
 import { DEFAULT_IBAN_INPUT_LABELS } from "../components/iban-input";
 import { DEFAULT_PHONE_INPUT_LABELS } from "../components/phone-input";
 import { DEFAULT_SIGN_CHIP_LABELS } from "../components/sign-chip";
+import { DEFAULT_COLUMN_MAPPER_LABELS } from "../components/column-mapper";
 import {
   DEFAULT_APP_SHELL_LABELS,
   DEFAULT_CALCULATOR_LABELS,
@@ -157,4 +158,5 @@ export const DEFAULT_UI_KIT_LABELS: UiKitLabels = {
   ibanInput: DEFAULT_IBAN_INPUT_LABELS,
   phoneInput: DEFAULT_PHONE_INPUT_LABELS,
   signChip: DEFAULT_SIGN_CHIP_LABELS,
+  columnMapper: DEFAULT_COLUMN_MAPPER_LABELS,
 };

package/src/i18n/german.ts

@@ -29,6 +29,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       attachmentRemoveFile: (name) => `${name} entfernen`,
       attachmentLimit: (max) => `Maximal ${n(max)} ${max === 1 ? "Anhang" : "Anhänge"} – zum Hinzufügen erst einen entfernen.`,
       attachmentUploading: "Wird hochgeladen…",
+      attachmentUploadFailed: (name) => `„${name}“ konnte nicht hochgeladen werden`,
     },
     feedbackDialog: {
       title: "Feedback senden",
@@ -340,6 +341,9 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       password: "Passwort",
       phrase: (phrase) => `Geben Sie zur Bestätigung „${phrase}“ ein`,
       acknowledge: "Ich habe gelesen, was dies bewirkt, und möchte fortfahren.",
+      needsPhrase: (phrase) => `Geben Sie zur Bestätigung „${phrase}“ ein`,
+      needsAcknowledge: "Setzen Sie zur Bestätigung das Häkchen",
+      needsPassword: "Geben Sie zur Bestätigung Ihr Passwort ein",
     },
     tabs: {
       // "Tab" is what German UIs say; "Registerkarte" reads like a 1990s manual.
@@ -698,6 +702,44 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       inflow: "Einnahme",
       direction: (current, next) => `Richtung: ${current} – zu ${next} wechseln`,
     },
+    columnMapper: {
+      paste: "Tabelle einfügen",
+      pasteHint:
+        "Die Zeilen aus einer Tabellenkalkulation kopieren und hier einfügen – oder eine CSV- oder Textdatei hier ablegen.",
+      chooseFile: "Datei auswählen",
+      readError: (name) => `„${name}“ konnte nicht gelesen werden`,
+      headerRow: "Die erste Zeile enthält die Spaltennamen",
+      summary: (columns, rows) =>
+        `${n(columns)} ${columns === 1 ? "Spalte" : "Spalten"}, ${n(rows)} ${rows === 1 ? "Zeile" : "Zeilen"}`,
+      // Fragments of the summary line ("3 Spalten, 120 Zeilen · durch Semikolons getrennt").
+      separatorSemicolon: "durch Semikolons getrennt",
+      separatorComma: "durch Kommas getrennt",
+      separatorTab: "durch Tabulatoren getrennt",
+      separatorSpace: "durch Leerzeichen getrennt",
+      // The examples stay as written: they show the convention, not the reader's locale.
+      decimalComma: "Dezimalkomma (1,5)",
+      decimalPoint: "Dezimalpunkt (1.5)",
+      unreadCount: (count) =>
+        count === 1
+          ? "1 Zeile konnte nicht gelesen werden"
+          : `${n(count)} Zeilen konnten nicht gelesen werden`,
+      // A line number is a position, not a count: unformatted, as `measuredGrid.lineError`.
+      unreadLine: (line) => `Zeile ${line} konnte nicht gelesen werden`,
+      unreadMore: (count) => `…und ${n(count)} weitere`,
+      noRows: "Keine Zeile dieses Textes lässt sich als Tabellenzeile lesen.",
+      table: "Spaltenzuordnung",
+      columnN: (column) => `Spalte ${column}`,
+      roleOf: (column) => `Was enthält die Spalte „${column}“?`,
+      ignore: "Ignorieren",
+      requiredRole: (role) => `${role} (erforderlich)`,
+      previewOf: (shown, total) =>
+        shown === 1
+          ? `Die erste von ${n(total)} Zeilen`
+          : `Die ersten ${n(shown)} von ${n(total)} Zeilen`,
+      // `roles` arrives joined with "oder" ("Soll oder Haben").
+      oneOf: (roles) => `entweder ${roles}`,
+      missing: (roles) => `Noch erforderlich: ${roles}.`,
+    },
     translationReview: {
       statusMissing: "Fehlt",
       statusUnreviewed: "Ungeprüft",

package/src/i18n/kit-labels.tsx

@@ -58,6 +58,7 @@ import type { InlineEditLabels } from "../components/inline-edit-field";
 import type { IbanInputLabels } from "../components/iban-input";
 import type { PhoneInputLabels } from "../components/phone-input";
 import type { SignChipLabels } from "../components/sign-chip";
+import type { ColumnMapperLabels } from "../components/column-mapper";
 
 /**
  * EVERY string the kit renders, as one typed tree — and an optional provider that
@@ -311,6 +312,9 @@ export interface UiKitLabels {
   phoneInput: PhoneInputLabels;
   /** 0.22.0: `SignChip` — the outflow / inflow toggle beside an amount. */
   signChip: SignChipLabels;
+  /** 0.23.0: `ColumnMapper` / `ColumnRoleTable` — a pasted or dropped table, a role per
+   *  column. */
+  columnMapper: ColumnMapperLabels;
 }
 
 /**

package/src/i18n/locales/en.ts

@@ -33,7 +33,9 @@ export function uiKitLabelsEn(numberLocale = "en-US"): UiKitLabels {
       ...d.measuredGrid,
       points: (count) => (count === 1 ? "1 point" : `${n(count)} points`),
       problems: (count) =>
-        count === 1 ? "1 cell is not a number" : `${n(count)} cells are not numbers`,
+        count === 1
+          ? "1 cell is not a number"
+          : `${n(count)} cells are not numbers`,
     },
     dataTable: {
       ...d.dataTable,
@@ -51,9 +53,12 @@ export function uiKitLabelsEn(numberLocale = "en-US"): UiKitLabels {
     combobox: {
       ...d.combobox,
       selectedCount: (count) => `${n(count)} selected`,
-      resultCount: (count) => (count === 1 ? "1 result" : `${n(count)} results`),
+      resultCount: (count) =>
+        count === 1 ? "1 result" : `${n(count)} results`,
       minChars: (count) =>
-        count === 1 ? "Type at least 1 character" : `Type at least ${n(count)} characters`,
+        count === 1
+          ? "Type at least 1 character"
+          : `Type at least ${n(count)} characters`,
     },
     multiSelect: {
       ...d.multiSelect,
@@ -81,7 +86,9 @@ export function uiKitLabelsEn(numberLocale = "en-US"): UiKitLabels {
         `“${name}” was not added: at most ${n(maxFiles)} ${maxFiles === 1 ? "file" : "files"}`,
       rejectedMany: (count) => `${n(count)} files were not added`,
       rejectedPick: (count) =>
-        count === 1 ? "The file was not added" : `None of the ${n(count)} files were added`,
+        count === 1
+          ? "The file was not added"
+          : `None of the ${n(count)} files were added`,
       selected: (count, firstName) =>
         count === 1 ? `“${firstName}” selected` : `${n(count)} files selected`,
     },
@@ -123,12 +130,27 @@ export function uiKitLabelsEn(numberLocale = "en-US"): UiKitLabels {
     characterCount: {
       ...d.characterCount,
       count: (used, max) => `${n(used)} of ${n(max)} characters`,
-      remaining: (left) => (left === 1 ? "1 character left" : `${n(left)} characters left`),
+      remaining: (left) =>
+        left === 1 ? "1 character left" : `${n(left)} characters left`,
     },
     ibanInput: {
       ...d.ibanInput,
       length: (actual, expected) =>
         `An IBAN from this country has ${n(expected)} characters — this one has ${n(actual)}.`,
     },
+    columnMapper: {
+      ...d.columnMapper,
+      summary: (columns, rows) =>
+        `${n(columns)} ${columns === 1 ? "column" : "columns"}, ${n(rows)} ${rows === 1 ? "row" : "rows"}`,
+      unreadCount: (count) =>
+        count === 1
+          ? "1 line could not be read"
+          : `${n(count)} lines could not be read`,
+      unreadMore: (count) => `…and ${n(count)} more`,
+      previewOf: (shown, total) =>
+        shown === 1
+          ? `The first of ${n(total)} rows`
+          : `The first ${n(shown)} of ${n(total)} rows`,
+    },
   };
 }

package/src/i18n/locales/es.ts

@@ -26,6 +26,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       attachmentRemoveFile: (name) => `Quitar ${name}`,
       attachmentLimit: (max) => `Máximo ${n(max)} ${max === 1 ? "adjunto" : "adjuntos"}: quite uno para añadir otro.`,
       attachmentUploading: "Subiendo…",
+      attachmentUploadFailed: (name) => `No se ha podido subir «${name}»`,
     },
     feedbackDialog: {
       title: "Enviar comentarios",
@@ -330,6 +331,9 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       password: "Contraseña",
       phrase: (phrase) => `Escriba «${phrase}» para confirmar`,
       acknowledge: "He leído lo que hace esta acción y deseo continuar.",
+      needsPhrase: (phrase) => `Escriba «${phrase}» para confirmar`,
+      needsAcknowledge: "Marque la casilla para confirmar",
+      needsPassword: "Introduzca su contraseña para confirmar",
     },
     tabs: {
       add: "Añadir pestaña",
@@ -680,6 +684,43 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       inflow: "Entrada",
       direction: (current, next) => `Dirección: ${current} — cambiar a ${next}`,
     },
+    columnMapper: {
+      paste: "Pegar una tabla",
+      pasteHint:
+        "Copie las filas de una hoja de cálculo y péguelas aquí, o suelte un archivo CSV o de texto.",
+      chooseFile: "Elegir un archivo",
+      readError: (name) => `No se ha podido leer «${name}»`,
+      headerRow: "La primera línea contiene los nombres de las columnas",
+      summary: (columns, rows) =>
+        `${n(columns)} ${plural(columns, "columna", "columnas")}, ${n(rows)} ${plural(rows, "fila", "filas")}`,
+      // Fragments of the summary line. "Separado por…" would have to agree with a noun the
+      // line does not name, so the separator is stated as a value.
+      separatorSemicolon: "separador: punto y coma",
+      separatorComma: "separador: coma",
+      separatorTab: "separador: tabulación",
+      separatorSpace: "separador: espacio",
+      // The examples stay as written: they show the convention, not the reader's locale.
+      decimalComma: "coma decimal (1,5)",
+      decimalPoint: "punto decimal (1.5)",
+      unreadCount: (count) =>
+        count === 1 ? "No se ha podido leer 1 línea" : `No se han podido leer ${n(count)} líneas`,
+      unreadLine: (line) => `No se pudo leer la línea ${line}`,
+      unreadMore: (count) => `…y ${n(count)} más`,
+      noRows: "Ninguna línea de este texto se puede leer como una fila de la tabla.",
+      table: "Columnas y sus funciones",
+      columnN: (column) => `Columna ${column}`,
+      roleOf: (column) => `¿Qué contiene la columna «${column}»?`,
+      ignore: "Ignorar",
+      requiredRole: (role) => `${role} (obligatorio)`,
+      previewOf: (shown, total) =>
+        shown === 1
+          ? `La primera de ${n(total)} filas`
+          : `Las primeras ${n(shown)} de ${n(total)} filas`,
+      // `roles` arrives joined with "o" ("Debe o Haber").
+      oneOf: (roles) => `${roles} (a elegir)`,
+      // "Falta" + infinitive: no verb to agree with however many roles follow.
+      missing: (roles) => `Falta asignar: ${roles}.`,
+    },
     translationReview: {
       statusMissing: "Falta",
       statusUnreviewed: "Sin revisar",

package/src/i18n/locales/fr.ts

@@ -26,6 +26,7 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       attachmentRemoveFile: (name) => `Retirer ${name}`,
       attachmentLimit: (max) => `${n(max)} ${max === 1 ? "pièce jointe" : "pièces jointes"} au maximum — retirez-en une pour en ajouter une autre.`,
       attachmentUploading: "Envoi en cours…",
+      attachmentUploadFailed: (name) => `«\u202f${name}\u202f» n’a pas pu être envoyé`,
     },
     feedbackDialog: {
       title: "Envoyer un retour",
@@ -339,6 +340,9 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       password: "Mot de passe",
       phrase: (phrase) => `Saisissez «\u202f${phrase}\u202f» pour confirmer`,
       acknowledge: "J’ai lu ce que fait cette action et je souhaite continuer.",
+      needsPhrase: (phrase) => `Saisissez «\u202f${phrase}\u202f» pour confirmer`,
+      needsAcknowledge: "Cochez la case pour confirmer",
+      needsPassword: "Saisissez votre mot de passe pour confirmer",
     },
     tabs: {
       add: "Ajouter un onglet",
@@ -696,6 +700,44 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       inflow: "Entrée",
       direction: (current, next) => `Sens\u00a0: ${current} — passer à ${next}`,
     },
+    columnMapper: {
+      paste: "Coller un tableau",
+      pasteHint:
+        "Copiez les lignes d’un tableur et collez-les ici, ou déposez un fichier CSV ou texte.",
+      chooseFile: "Choisir un fichier",
+      readError: (name) => `«\u202f${name}\u202f» n’a pas pu être lu`,
+      headerRow: "La première ligne contient les noms des colonnes",
+      summary: (columns, rows) =>
+        `${n(columns)} ${plural(columns, "colonne", "colonnes")}, ${n(rows)} ${plural(rows, "ligne", "lignes")}`,
+      // Fragments of the summary line. "Séparé par…" would have to agree with a noun the
+      // line does not name, so the separator is stated as a value.
+      separatorSemicolon: "séparateur\u00a0: point-virgule",
+      separatorComma: "séparateur\u00a0: virgule",
+      separatorTab: "séparateur\u00a0: tabulation",
+      separatorSpace: "séparateur\u00a0: espace",
+      // The examples stay as written: they show the convention, not the reader's locale.
+      decimalComma: "virgule décimale (1,5)",
+      decimalPoint: "point décimal (1.5)",
+      unreadCount: (count) =>
+        count < 2
+          ? `${n(count)} ligne n’a pas pu être lue`
+          : `${n(count)} lignes n’ont pas pu être lues`,
+      unreadLine: (line) => `La ligne ${line} n\u2019a pas pu être lue`,
+      unreadMore: (count) => `…et ${n(count)} ${plural(count, "autre", "autres")}`,
+      noRows: "Aucune ligne de ce texte ne se lit comme une ligne du tableau.",
+      table: "Colonnes et leurs rôles",
+      columnN: (column) => `Colonne ${column}`,
+      roleOf: (column) => `Que contient la colonne «\u202f${column}\u202f»\u202f?`,
+      ignore: "Ignorer",
+      requiredRole: (role) => `${role} (obligatoire)`,
+      previewOf: (shown, total) =>
+        shown < 2
+          ? `La première ligne sur ${n(total)}`
+          : `Les ${n(shown)} premières lignes sur ${n(total)}`,
+      // `roles` arrives joined with "ou" ("Débit ou Crédit").
+      oneOf: (roles) => `${roles} (au choix)`,
+      missing: (roles) => `Il manque encore\u00a0: ${roles}.`,
+    },
     translationReview: {
       statusMissing: "Manquant",
       statusUnreviewed: "Non relu",

package/src/i18n/locales/hu.ts

@@ -25,6 +25,8 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       attachmentRemoveFile: (name) => `${name} eltávolítása`,
       attachmentLimit: (max) => `Legfeljebb ${n(max)} melléklet – egy újabbhoz távolítson el egyet.`,
       attachmentUploading: "Feltöltés…",
+      // Opens with the quoted name, as `filePicker`'s refusals: no a/az has to agree with it.
+      attachmentUploadFailed: (name) => `„${name}”: a feltöltés nem sikerült`,
     },
     feedbackDialog: {
       title: "Visszajelzés küldése",
@@ -330,6 +332,9 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       // Phrase after a colon, so no article has to agree with it.
       phrase: (phrase) => `A megerősítéshez írja be: „${phrase}”`,
       acknowledge: "Elolvastam, mit eredményez ez a művelet, és folytatni szeretném.",
+      needsPhrase: (phrase) => `A megerősítéshez írja be: „${phrase}”`,
+      needsAcknowledge: "A megerősítéshez jelölje be a négyzetet",
+      needsPassword: "A megerősítéshez adja meg a jelszavát",
     },
     tabs: {
       add: "Lap hozzáadása",
@@ -686,6 +691,38 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       inflow: "Bevétel",
       direction: (current, next) => `Irány: ${current} – váltás erre: ${next}`,
     },
+    columnMapper: {
+      paste: "Táblázat beillesztése",
+      pasteHint:
+        "Másolja ki a sorokat egy táblázatkezelőből, és illessze be ide, vagy húzzon ide egy CSV- vagy szövegfájlt.",
+      chooseFile: "Fájl kiválasztása",
+      readError: (name) => `„${name}”: a fájl nem olvasható`,
+      headerRow: "Az első sor az oszlopok nevét tartalmazza",
+      // No plural after a numeral (convention 2).
+      summary: (columns, rows) => `${n(columns)} oszlop, ${n(rows)} sor`,
+      separatorSemicolon: "pontosvesszővel elválasztva",
+      separatorComma: "vesszővel elválasztva",
+      separatorTab: "tabulátorral elválasztva",
+      separatorSpace: "szóközzel elválasztva",
+      // The examples stay as written: they show the convention, not the reader's locale.
+      decimalComma: "tizedesvessző (1,5)",
+      decimalPoint: "tizedespont (1.5)",
+      unreadCount: (count) => `${n(count)} sor nem olvasható`,
+      unreadLine: (line) => `A(z) ${line}. sor nem olvasható`,
+      unreadMore: (count) => `…és még ${n(count)}`,
+      noRows: "A szöveg egyetlen sora sem olvasható a táblázat soraként.",
+      table: "Oszlopok és szerepük",
+      columnN: (column) => `${column}. oszlop`,
+      // The name after a colon, so no article or case ending has to agree with it.
+      roleOf: (column) => `Mit tartalmaz ez az oszlop: „${column}”?`,
+      ignore: "Kihagyás",
+      requiredRole: (role) => `${role} (kötelező)`,
+      // "(összesen N)", as `dataTable.pageChanged`: both numerals stay bare (convention 3).
+      previewOf: (shown, total) => `Az első ${n(shown)} sor (összesen ${n(total)})`,
+      // `roles` arrives joined with "vagy" ("Tartozik vagy Követel").
+      oneOf: (roles) => `${roles} (valamelyik)`,
+      missing: (roles) => `Még hiányzik: ${roles}.`,
+    },
     translationReview: {
       statusMissing: "Hiányzik",
       statusUnreviewed: "Nincs ellenőrizve",

package/src/i18n/locales/it.ts

@@ -26,6 +26,7 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       attachmentRemoveFile: (name) => `Rimuovi ${name}`,
       attachmentLimit: (max) => `Massimo ${n(max)} ${max === 1 ? "allegato" : "allegati"}: ne rimuova uno per aggiungerne un altro.`,
       attachmentUploading: "Caricamento…",
+      attachmentUploadFailed: (name) => `Impossibile caricare «${name}»`,
     },
     feedbackDialog: {
       title: "Invia feedback",
@@ -332,6 +333,9 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       password: "Password",
       phrase: (phrase) => `Digiti «${phrase}» per confermare`,
       acknowledge: "Ho letto cosa comporta questa operazione e desidero continuare.",
+      needsPhrase: (phrase) => `Digiti «${phrase}» per confermare`,
+      needsAcknowledge: "Spunti la casella per confermare",
+      needsPassword: "Inserisca la password per confermare",
     },
     tabs: {
       add: "Aggiungi scheda",
@@ -684,6 +688,43 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       // "premere per…": an instruction without a tu imperative, as the kit's Italian is formal.
       direction: (current, next) => `Direzione: ${current} – premere per passare a ${next}`,
     },
+    columnMapper: {
+      paste: "Incolla una tabella",
+      pasteHint:
+        "Copi le righe da un foglio di calcolo e le incolli qui, oppure trascini un file CSV o di testo.",
+      chooseFile: "Scegli un file",
+      readError: (name) => `Impossibile leggere «${name}»`,
+      headerRow: "La prima riga contiene i nomi delle colonne",
+      summary: (columns, rows) =>
+        `${n(columns)} ${plural(columns, "colonna", "colonne")}, ${n(rows)} ${plural(rows, "riga", "righe")}`,
+      // Fragments of the summary line. "Separato da…" would have to agree with a noun the
+      // line does not name, so the separator is stated as a value.
+      separatorSemicolon: "separatore: punto e virgola",
+      separatorComma: "separatore: virgola",
+      separatorTab: "separatore: tabulazione",
+      separatorSpace: "separatore: spazio",
+      // The examples stay as written: they show the convention, not the reader's locale.
+      decimalComma: "virgola decimale (1,5)",
+      decimalPoint: "punto decimale (1.5)",
+      unreadCount: (count) =>
+        count === 1 ? "Impossibile leggere 1 riga" : `Impossibile leggere ${n(count)} righe`,
+      unreadLine: (line) => `Impossibile leggere la riga ${line}`,
+      unreadMore: (count) => (count === 1 ? "…e un’altra" : `…e altre ${n(count)}`),
+      noRows: "Nessuna riga di questo testo si può leggere come riga della tabella.",
+      table: "Colonne e relativi ruoli",
+      columnN: (column) => `Colonna ${column}`,
+      roleOf: (column) => `Che cosa contiene la colonna «${column}»?`,
+      ignore: "Ignora",
+      requiredRole: (role) => `${role} (obbligatorio)`,
+      previewOf: (shown, total) =>
+        shown === 1
+          ? `La prima di ${n(total)} righe`
+          : `Le prime ${n(shown)} di ${n(total)} righe`,
+      // `roles` arrives joined with "o" ("Dare o Avere").
+      oneOf: (roles) => `${roles} (a scelta)`,
+      // A participle phrase: no verb to agree with however many roles follow.
+      missing: (roles) => `Ancora da assegnare: ${roles}.`,
+    },
     translationReview: {
       statusMissing: "Mancante",
       statusUnreviewed: "Non rivisto",

package/src/i18n/locales/zh.ts

@@ -25,6 +25,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       attachmentRemoveFile: (name) => `移除 ${name}`,
       attachmentLimit: (max) => `最多 ${n(max)} 个附件，请先移除一个再添加。`,
       attachmentUploading: "正在上传…",
+      attachmentUploadFailed: (name) => `无法上传“${name}”`,
     },
     feedbackDialog: {
       title: "发送反馈",
@@ -324,6 +325,9 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       password: "密码",
       phrase: (phrase) => `输入“${phrase}”以确认`,
       acknowledge: "我已了解此操作的作用，并希望继续。",
+      needsPhrase: (phrase) => `输入“${phrase}”以确认`,
+      needsAcknowledge: "勾选复选框以确认",
+      needsPassword: "输入密码以确认",
     },
     tabs: {
       add: "添加标签页",
@@ -667,6 +671,34 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       inflow: "收入",
       direction: (current, next) => `方向：${current}，切换为${next}`,
     },
+    columnMapper: {
+      paste: "粘贴表格",
+      pasteHint: "从电子表格中复制行并粘贴到此处，或拖放 CSV 或文本文件。",
+      chooseFile: "选择文件",
+      readError: (name) => `无法读取“${name}”`,
+      headerRow: "第一行为列名",
+      summary: (columns, rows) => `${n(columns)} 列，${n(rows)} 行`,
+      separatorSemicolon: "以分号分隔",
+      separatorComma: "以逗号分隔",
+      separatorTab: "以制表符分隔",
+      separatorSpace: "以空格分隔",
+      // The examples stay as written: they show the convention, not the reader's locale.
+      decimalComma: "小数点为逗号（1,5）",
+      decimalPoint: "小数点为句点（1.5）",
+      unreadCount: (count) => `${n(count)} 行无法读取`,
+      unreadLine: (line) => `无法读取第 ${line} 行`,
+      unreadMore: (count) => `……另有 ${n(count)} 行`,
+      noRows: "此文本中没有任何一行能读作表格的一行。",
+      table: "列及其用途",
+      columnN: (column) => `第 ${column} 列`,
+      roleOf: (column) => `“${column}”列的内容是什么？`,
+      ignore: "忽略",
+      requiredRole: (role) => `${role}（必填）`,
+      previewOf: (shown, total) => `显示前 ${n(shown)} 行，共 ${n(total)} 行`,
+      // `roles` arrives joined with "或" ("借方或贷方").
+      oneOf: (roles) => `${roles}（任选其一）`,
+      missing: (roles) => `仍需指定：${roles}。`,
+    },
     translationReview: {
       statusMissing: "缺失",
       statusUnreviewed: "未审校",

package/src/i18n/review.ts

@@ -122,6 +122,7 @@ export const KIT_LABEL_SAMPLES: Readonly<Record<string, readonly (readonly unkno
   "passwordStrength.optional": [["{{rule}}"]],
   "passwordStrength.tooLong": [[72]],
   "dangerConfirm.phrase": [["{{phrase}}"]],
+  "dangerConfirm.needsPhrase": [["{{phrase}}"]],
   "iconPicker.resultCount": one,
   "filePicker.rejectedType": [["{{name}}"]],
   "filePicker.rejectedTypeOnly": [["{{accept}}", "{{name}}"]],
@@ -147,6 +148,7 @@ export const KIT_LABEL_SAMPLES: Readonly<Record<string, readonly (readonly unkno
   "measuredGrid.problems": one,
   "feedbackAttachment.attachmentRemoveFile": [["{{name}}"]],
   "feedbackAttachment.attachmentLimit": one,
+  "feedbackAttachment.attachmentUploadFailed": [["{{name}}"]],
   "feedbackComposer.sendHint": [["{{modifier}}"]],
   "accountSettings.passkeys.renameItem": [["{{name}}"]],
   "accountSettings.passkeys.renameField": [["{{name}}"]],
@@ -197,4 +199,21 @@ export const KIT_LABEL_SAMPLES: Readonly<Record<string, readonly (readonly unkno
   "ibanInput.country": [["{{code}}"]],
   "ibanInput.length": [[20, 21]],
   "signChip.direction": [["{{current}}", "{{next}}"]],
+  "columnMapper.readError": [["{{name}}"]],
+  "columnMapper.summary": [
+    [1, 1],
+    [3, 12],
+  ],
+  "columnMapper.unreadCount": one,
+  "columnMapper.unreadLine": [[3]],
+  "columnMapper.unreadMore": one,
+  "columnMapper.columnN": [[3]],
+  "columnMapper.roleOf": [["{{column}}"]],
+  "columnMapper.requiredRole": [["{{role}}"]],
+  "columnMapper.previewOf": [
+    [1, 12],
+    [10, 250],
+  ],
+  "columnMapper.oneOf": [["{{roles}}"]],
+  "columnMapper.missing": [["{{roles}}"]],
 };