@eifi1/ui-kit 0.22.0 → 0.24.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

@@ -1,13 +1,15 @@
 import { useEffect, useId, useImperativeHandle, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
-import type { ReactNode, Ref } from "react";
+import type { ReactNode, Ref, RefObject } from "react";
 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,10 +465,48 @@ 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. Since
+ *  0.24.0 also the field's `buttonVariant` / `buttonSize`, for a composer whose row
+ *  wants smaller or quieter attach buttons than the bordered `md` default. */
+export type FeedbackComposerAttachment = Omit<FeedbackNoteAttachment, "labels" | "onError"> & {
   labels?: Partial<FeedbackAttachmentLabels>;
-};
+  onError?: FeedbackAttachmentFieldSingleProps["onError"];
+} & Pick<FeedbackAttachmentFieldSingleProps, "buttonVariant" | "buttonSize">;
+
+/**
+ * What a render-prop {@link FeedbackComposerProps.attachmentSlot} is handed (0.24.0,
+ * keksdose).
+ *
+ * keksdose's support chat put `<FeedbackAttachmentField refs>` in the slot and a
+ * screenshot pasted into the reply box never reached it: the box is the field's
+ * sibling, so the paste bubbles to their common parent — the composer's root — and the
+ * field hears it only through `pasteFrom`, which needs that root. The composer kept it
+ * to itself, so keksdose wrapped the whole composer in a ref'd `<div>` of its own just
+ * to have an element to hand over.
+ */
+export interface FeedbackComposerSlotContext {
+  /**
+   * The composer's root, round the text box and this slot — the field's `pasteFrom`,
+   * as it is: `pasteFrom={slot.root}`.
+   *
+   * A ref, not the element, because `pasteFrom` is one: the field reads `.current` in
+   * an effect, and the slot renders INSIDE this root, so the two are committed together
+   * and React attaches the root before any effect of the slot's runs — the first paste
+   * after the first paint already lands. The element itself would be `null` on the
+   * first render (it does not exist yet) and could only arrive by a second render
+   * through state; the ref is the same object every render, so the field's listener is
+   * added once and never re-added.
+   *
+   * With the built-in `attachment` on as well, it listens on this root too: hand the
+   * root to one field only, or an image pasted once is attached twice.
+   */
+  root: RefObject<HTMLElement | null>;
+  /** The composer's `pending` — a send is in flight. For the field's `disabled`
+   *  (keksdose G5b): the message carries the attachments as they were at the press. */
+  pending: boolean;
+}
 
 export interface FeedbackComposerProps {
   /**
@@ -491,14 +531,27 @@ export interface FeedbackComposerProps {
    * The slot is the host's picker plus the chips of what is uploaded; the upload, the
    * refs and clearing them once `onSend` resolves stay with the host. Pair it with
    * `canSend`.
+   *
+   * A node, or (0.24.0) a function of {@link FeedbackComposerSlotContext} that returns
+   * one — for a field that wants the composer's root as its `pasteFrom`, so a
+   * screenshot pasted into the box reaches it, and `pending` for its `disabled`:
+   *
+   * ```tsx
+   * attachmentSlot={({ root, pending }) => (
+   *   <FeedbackAttachmentField refs pasteFrom={root} disabled={pending} … />
+   * )}
+   * ```
+   *
+   * Called once per render of the composer, and not at all while `disabledReason`
+   * stands in for it.
    */
-  attachmentSlot?: ReactNode;
+  attachmentSlot?: ReactNode | ((slot: FeedbackComposerSlotContext) => ReactNode);
   /**
    * Whether Send is enabled, over the composer's own rule (some text in the box) —
    * 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 +566,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 +672,9 @@ export function FeedbackComposer({
   sendOn = "mod-enter",
   disabledReason,
   rows = 3,
+  maxLength,
+  showCount,
+  countLabels,
   placeholder,
   value,
   onValueChange,
@@ -668,7 +749,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;
@@ -682,6 +766,14 @@ export function FeedbackComposer({
   };
 
   const config = attachment === true ? {} : attachment || null;
+  // The slot is handed the ref OBJECT, for a field's `pasteFrom`, which reads `.current`
+  // in an effect once the root is attached — nothing reads it during this render (see
+  // FeedbackComposerSlotContext.root).
+  const slot =
+    typeof attachmentSlot === "function"
+      ? // eslint-disable-next-line react-hooks/refs -- handed on for an effect, not read here
+        attachmentSlot({ root, pending })
+      : attachmentSlot;
 
   return (
     <div {...rootAttributes} ref={root} className={cn("space-y-2", className)}>
@@ -689,7 +781,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}
@@ -713,7 +812,7 @@ export function FeedbackComposer({
         }}
       />
       <div className="flex flex-wrap items-end justify-between gap-2">
-        {config || attachmentSlot != null ? (
+        {config || slot != null ? (
           <div className="flex min-w-0 flex-wrap items-end gap-2">
             {config && (
               <FeedbackAttachmentField
@@ -724,11 +823,13 @@ export function FeedbackComposer({
                 maxBytes={config.maxBytes}
                 onError={config.onError}
                 onCaptureScreenshot={config.onCaptureScreenshot}
+                buttonVariant={config.buttonVariant}
+                buttonSize={config.buttonSize}
                 // The box is this field's sibling; a paste in it bubbles to `root`.
                 pasteFrom={root}
               />
             )}
-            {attachmentSlot}
+            {slot}
           </div>
         ) : (
           <span />
@@ -784,3 +885,5 @@ export type ChatComposerHandle = FeedbackComposerHandle;
 /** {@link FeedbackComposerLabels}, for {@link ChatComposer} — still the `feedbackComposer`
  *  namespace of the provider. */
 export type ChatComposerLabels = FeedbackComposerLabels;
+/** {@link FeedbackComposerSlotContext}, for {@link ChatComposer}'s `attachmentSlot`. */
+export type ChatComposerSlotContext = FeedbackComposerSlotContext;

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",