@eifi1/ui-kit 0.7.1 → 0.8.0

package/src/hooks/use-debounce.ts

@@ -0,0 +1,105 @@
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+
+/**
+ * A value that follows `value`, but only once it has stopped changing for `ms`.
+ *
+ * kastlan asked for the pair in this module because each of its search boxes carried
+ * its own copy of the same six lines — a `useEffect` with a `setTimeout` — and two of
+ * them forgot the cleanup, so a stale query landed AFTER the fresh one and replaced
+ * its results. The cleanup is the whole point of having one implementation.
+ *
+ * The first render returns `value` itself, not `undefined`: a list filtered by the
+ * debounced query must render its initial state immediately, not after `ms`.
+ */
+export function useDebounce<T>(value: T, ms: number): T {
+  const [debounced, setDebounced] = useState(value);
+  useEffect(() => {
+    const timer = setTimeout(() => setDebounced(value), ms);
+    return () => clearTimeout(timer);
+  }, [value, ms]);
+  return debounced;
+}
+
+export interface DebouncedCallbackOptions {
+  /**
+   * The longest a call may be held back, however often it is re-triggered. Without
+   * it a user who never stops typing never saves; with it, a draft autosave still
+   * lands every `maxWait` ms while the typing goes on.
+   */
+  maxWait?: number;
+}
+
+/** The debounced function, plus the two escapes a caller needs around it. */
+export type DebouncedFunction<A extends unknown[]> = ((...args: A) => void) & {
+  /** Drop the pending call, if there is one. */
+  cancel: () => void;
+  /** Run the pending call now, if there is one — e.g. on blur or before navigating
+   *  away, so the last keystrokes of a form are not lost. */
+  flush: () => void;
+  /** Whether a call is waiting. */
+  pending: () => boolean;
+};
+
+/**
+ * `fn`, called only once calls have stopped arriving for `ms` — with the arguments
+ * of the LAST call.
+ *
+ * The returned function keeps its identity across renders (so it can sit in an
+ * effect's dependency list or be handed to a memoised child) and always calls the
+ * LATEST `fn`, so a handler that closes over current state never runs a stale copy.
+ * A pending call is cancelled on unmount: a debounced save firing into an unmounted
+ * form is the bug kastlan reported, not a feature.
+ */
+export function useDebouncedCallback<A extends unknown[]>(
+  fn: (...args: A) => void,
+  ms: number,
+  { maxWait }: DebouncedCallbackOptions = {},
+): DebouncedFunction<A> {
+  const fnRef = useRef(fn);
+  // Layout effect, not render-time assignment: a ref written during render is a
+  // side effect React may replay or discard. Nothing can call the debounced function
+  // between this commit and the layout effect, so it is never one render behind.
+  useLayoutEffect(() => {
+    fnRef.current = fn;
+  });
+
+  const timer = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const maxTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const lastArgs = useRef<A | null>(null);
+
+  const clear = useCallback(() => {
+    if (timer.current) clearTimeout(timer.current);
+    if (maxTimer.current) clearTimeout(maxTimer.current);
+    timer.current = null;
+    maxTimer.current = null;
+  }, []);
+
+  const invoke = useCallback(() => {
+    const args = lastArgs.current;
+    clear();
+    lastArgs.current = null;
+    if (args) fnRef.current(...args);
+  }, [clear]);
+
+  useEffect(() => clear, [clear]);
+
+  return useMemo(() => {
+    const debounced = ((...args: A) => {
+      lastArgs.current = args;
+      if (timer.current) clearTimeout(timer.current);
+      timer.current = setTimeout(invoke, ms);
+      if (maxWait !== undefined && !maxTimer.current) {
+        maxTimer.current = setTimeout(invoke, maxWait);
+      }
+    }) as DebouncedFunction<A>;
+    debounced.cancel = () => {
+      clear();
+      lastArgs.current = null;
+    };
+    debounced.flush = () => {
+      if (lastArgs.current) invoke();
+    };
+    debounced.pending = () => lastArgs.current !== null;
+    return debounced;
+  }, [ms, maxWait, invoke, clear]);
+}

package/src/hooks/use-file-drop.ts

@@ -0,0 +1,123 @@
+import { useRef, useState } from "react";
+import type { DragEvent, ReactElement } from "react";
+import { useFilePicker } from "../components/file-button";
+import type { UseFilePickerOptions } from "../components/file-button";
+
+/**
+ * Turn ANY element into a file drop target — kastlan's ask, for the document list of
+ * a booking and the rows of its gantt, which are drop targets without being a
+ * `FileDropzone` (a dashed box with a Browse button inside would be the wrong thing
+ * to draw over a list).
+ *
+ * ```tsx
+ * const { dropProps, isOver, element } = useFileDrop({ accept: ".pdf", multiple: true,
+ *   maxSize: 10_000_000, onFiles: attach, onReject: ([r]) => setError(r.message) });
+ * return <>{element}<ul {...dropProps} data-drop-over={isOver || undefined}>…</ul></>;
+ * ```
+ *
+ * The screening is `useFilePicker`'s own — `accept` re-checked (a drop ignores the
+ * dialog's filter), `maxSize`, `maxFiles`, `isValid`, `onPick` — so a file refused by
+ * `FileButton` is refused here in the same words. It comes with `open()` as well, so
+ * the same options can also back a "choose a file" menu item beside the drop target.
+ */
+
+/** `useFilePicker`'s options, minus `capture` (a camera does not take drops). */
+export type UseFileDropOptions = Omit<UseFilePickerOptions, "capture">;
+
+/** Spread onto the drop target. Four handlers, nothing else: the element keeps its
+ *  own role, name and focus behaviour. */
+export interface FileDropProps<E extends Element = Element> {
+  onDragEnter: (e: DragEvent<E>) => void;
+  onDragOver: (e: DragEvent<E>) => void;
+  onDragLeave: (e: DragEvent<E>) => void;
+  onDrop: (e: DragEvent<E>) => void;
+}
+
+export interface UseFileDropReturn<E extends Element = Element> {
+  dropProps: FileDropProps<E>;
+  /** A FILE drag is over the target (and it is not `disabled`). Style from this. */
+  isOver: boolean;
+  /** Open the system picker with the same options — from a click handler only. */
+  open: () => void;
+  /** Screen and deliver files that arrived another way (a paste). */
+  take: (files: ArrayLike<File> | null | undefined) => void;
+  /** The live region that speaks a refusal (and the picker's hidden input). Render it
+   *  once, anywhere; without it a refusal reaches `onReject` but is not announced. */
+  element: ReactElement;
+}
+
+/** Whether a drag carries files — a dragged link, text or a row of the page does not,
+ *  and must not light the target up or be swallowed by it. */
+export function dragHasFiles(e: DragEvent): boolean {
+  return Array.from(e.dataTransfer?.types ?? []).includes("Files");
+}
+
+/**
+ * @internal The drag half on its own, shared with `FileDropzone`.
+ *
+ * `dragenter`/`dragleave` fire for every CHILD the pointer crosses: moving from the
+ * target onto a label inside it is a leave of the target followed by an enter of the
+ * label, which bubbles. A boolean flipped by each one flickers off and on across
+ * every child, and `relatedTarget` — the usual fix — is `null` in Safari's drag
+ * events. So this counts: +1 per enter, -1 per leave, over while above zero, and a
+ * drop resets it (the drop replaces the leave that would have balanced the enter).
+ *
+ * A file drag stops propagating here, so a target nested in another (a row inside a
+ * page-wide drop area) takes its own drop, and the outer one's count falls back to
+ * zero while the pointer is over the inner one — only one of them lights up.
+ */
+export function useDragTarget<E extends Element = Element>({
+  disabled,
+  onDropFiles,
+}: {
+  disabled?: boolean;
+  onDropFiles: (files: FileList | File[]) => void;
+}): { dropProps: FileDropProps<E>; isOver: boolean } {
+  const depth = useRef(0);
+  const [over, setOver] = useState(false);
+
+  const dropProps: FileDropProps<E> = {
+    onDragEnter: (e) => {
+      if (!dragHasFiles(e)) return;
+      e.stopPropagation();
+      e.preventDefault();
+      depth.current += 1;
+      if (!disabled) setOver(true);
+    },
+    onDragOver: (e) => {
+      if (!dragHasFiles(e)) return;
+      e.stopPropagation();
+      // Always cancelled for a file drag, disabled or not: an uncancelled drop makes
+      // the browser NAVIGATE to the file, which loses the page.
+      e.preventDefault();
+      e.dataTransfer.dropEffect = disabled ? "none" : "copy";
+    },
+    onDragLeave: (e) => {
+      if (!dragHasFiles(e)) return;
+      e.stopPropagation();
+      depth.current = Math.max(0, depth.current - 1);
+      if (depth.current === 0) setOver(false);
+    },
+    onDrop: (e) => {
+      if (!dragHasFiles(e)) return;
+      e.stopPropagation();
+      e.preventDefault();
+      depth.current = 0;
+      setOver(false);
+      if (!disabled) onDropFiles(e.dataTransfer.files);
+    },
+  };
+
+  return { dropProps, isOver: over && !disabled };
+}
+
+export function useFileDrop<E extends Element = Element>(
+  options: UseFileDropOptions,
+): UseFileDropReturn<E> {
+  const picker = useFilePicker(options);
+  const { dropProps, isOver } = useDragTarget<E>({
+    disabled: options.disabled,
+    onDropFiles: picker.take,
+  });
+  return { dropProps, isOver, open: picker.open, take: picker.take, element: picker.element };
+}

package/src/i18n/defaults.ts

@@ -20,7 +20,10 @@ import { DEFAULT_ICON_PICKER_LABELS } from "../components/icon-picker";
 import { DEFAULT_DIALOG_FRAME_LABELS } from "../components/dialog-frame";
 import { DEFAULT_FILE_PICKER_LABELS } from "../components/file-button";
 import { DEFAULT_MEASURED_GRID_LABELS } from "../components/measured-grid";
+import { DEFAULT_CONFIRM_DIALOG_LABELS } from "../components/confirm-dialog";
+import { DEFAULT_FLOATING_PANEL_LABELS } from "../components/floating-panel";
 import { DEFAULT_FEEDBACK_ATTACHMENT_LABELS } from "../feedback/feedback-attachment";
+import { DEFAULT_COPY_BUTTON_LABELS } from "../components/copy-button";
 import {
   DEFAULT_APP_SHELL_LABELS,
   DEFAULT_CALCULATOR_LABELS,
@@ -80,4 +83,7 @@ export const DEFAULT_UI_KIT_LABELS: UiKitLabels = {
   filePicker: DEFAULT_FILE_PICKER_LABELS,
   measuredGrid: DEFAULT_MEASURED_GRID_LABELS,
   feedbackAttachment: DEFAULT_FEEDBACK_ATTACHMENT_LABELS,
+  confirmDialog: DEFAULT_CONFIRM_DIALOG_LABELS,
+  floatingPanel: DEFAULT_FLOATING_PANEL_LABELS,
+  copyButton: DEFAULT_COPY_BUTTON_LABELS,
 };

package/src/i18n/kit-labels.tsx

@@ -23,6 +23,9 @@ import type { DialogFrameLabels } from "../components/dialog-frame";
 import type { FilePickerLabels } from "../components/file-button";
 import type { MeasuredGridLabels } from "../components/measured-grid";
 import type { FeedbackAttachmentFieldLabels } from "../feedback/feedback-attachment";
+import type { ConfirmDialogLabels } from "../components/confirm-dialog";
+import type { FloatingPanelLabels } from "../components/floating-panel";
+import type { CopyButtonLabels } from "../components/copy-button";
 
 /**
  * EVERY string the kit renders, as one typed tree — and an optional provider that
@@ -72,6 +75,9 @@ export interface CommonLabels {
    *  A colon-and-space is not universal punctuation (French puts a space before
    *  the colon, Chinese uses a full-width one). */
   fieldValue: (field: string, value: string) => string;
+  /** The × that puts away a banner or a notice (`AlertBanner onDismiss`). Not `close`:
+   *  nothing opened, and "Close" on a banner reads as closing the page it sits on. */
+  dismiss: string;
 }
 
 /** `DatePicker` / `DateRangePicker` chrome. The calendar inside has its own
@@ -85,6 +91,12 @@ export interface DatePickerLabels {
   previousDay: string;
   nextDay: string;
   today: string;
+  /** `DateRangePicker commit="apply"`: the button that commits the drafted range. */
+  apply: string;
+  /** …and the one that discards it. */
+  cancel: string;
+  /** Accessible name of `DateRangePicker`'s preset column. */
+  presets: string;
 }
 
 /** The whole combobox family: `Combobox`, `EntityCombobox`,
@@ -212,6 +224,9 @@ export interface UiKitLabels {
   filePicker: FilePickerLabels;
   measuredGrid: MeasuredGridLabels;
   feedbackAttachment: FeedbackAttachmentFieldLabels;
+  confirmDialog: ConfirmDialogLabels;
+  floatingPanel: FloatingPanelLabels;
+  copyButton: CopyButtonLabels;
 }
 
 /** Any subset of the tree, one level deep — each namespace may be partial, and a
@@ -233,6 +248,7 @@ export const DEFAULT_COMMON_LABELS: CommonLabels = {
   loading: "Loading…",
   noResults: "No results",
   fieldValue: (field, value) => `${field}: ${value}`,
+  dismiss: "Dismiss",
 };
 
 export const DEFAULT_DATE_PICKER_LABELS: DatePickerLabels = {
@@ -242,6 +258,9 @@ export const DEFAULT_DATE_PICKER_LABELS: DatePickerLabels = {
   previousDay: "Previous day",
   nextDay: "Next day",
   today: "Today",
+  apply: "Apply",
+  cancel: "Cancel",
+  presets: "Quick ranges",
 };
 
 export const DEFAULT_COMBOBOX_LABELS: ComboboxLabels = {

package/src/i18n/locales/de-CH-informal.ts

@@ -0,0 +1,10 @@
+import type { UiKitLabels } from "../kit-labels";
+import { swiss } from "../swiss";
+import { uiKitLabelsDeInformal } from "./de-informal";
+
+/**
+ * Swiss Standard German, informal ("du"): the informal German labels with Swiss
+ * spelling ("ss" for every "ß") and `de-CH` number formatting (1’234.5) — derived the
+ * same way `de-CH` is from `de`, so both stay in sync with their source.
+ */
+export const UI_KIT_LABELS_DE_CH_INFORMAL: UiKitLabels = swiss(uiKitLabelsDeInformal("de-CH"));

package/src/i18n/locales/de-CH.ts

@@ -1,4 +1,5 @@
 import type { UiKitLabels } from "../kit-labels";
+import { swiss } from "../swiss";
 import { uiKitLabelsDe } from "./de";
 
 /**
@@ -12,19 +13,3 @@ import { uiKitLabelsDe } from "./de";
  * is what a Swiss app writing "ss" everywhere wants.
  */
 export const UI_KIT_LABELS_DE_CH: UiKitLabels = swiss(uiKitLabelsDe("de-CH"));
-
-function respell(text: string): string {
-  return text.replace(/ß/g, "ss").replace(/ẞ/g, "SS");
-}
-
-function swiss<T>(value: T): T {
-  if (typeof value === "string") return respell(value) as T;
-  if (typeof value === "function") {
-    const fn = value as (...args: unknown[]) => unknown;
-    return ((...args: unknown[]) => swiss(fn(...args))) as T;
-  }
-  if (value && typeof value === "object") {
-    return Object.fromEntries(Object.entries(value).map(([k, v]) => [k, swiss(v)])) as T;
-  }
-  return value;
-}

package/src/i18n/locales/de-informal.ts

@@ -0,0 +1,61 @@
+import type { UiKitLabels } from "../kit-labels";
+import { uiKitLabelsDe } from "./de";
+
+/**
+ * The kit's words in informal German ("du"), for apps that address their users that way
+ * everywhere else: `<UiKitProvider labels={UI_KIT_LABELS_DE_INFORMAL}>`.
+ *
+ * Built on the formal catalogue ({@link uiKitLabelsDe}) rather than beside it: most of
+ * the kit's German never addresses anyone — buttons are infinitives ("Speichern"),
+ * status lines are impersonal ("Wird geladen…"), hints use the infinitive
+ * ("Mindestens 3 Zeichen eingeben", "Bitte erneut versuchen") — so it is the same text
+ * in both registers and stays in sync with `de.ts` by construction. Only the sentences
+ * that speak TO the user are rewritten here, by hand: du/Sie is grammar (verb forms,
+ * imperatives, possessives), not a substitution a regex could do.
+ *
+ * Every key of `de.ts` was reviewed. The overridden ones — the complete list of
+ * sentences that say "Sie" / "Ihr" / a Sie-imperative in the formal catalogue:
+ *  - `miniCalendar.startSelected`, `miniCalendar.rangeSelected`
+ *  - `dangerConfirm.phrase`
+ *  - `wizard.confirmCancel`, `wizard.missingRequired`
+ *  - `tour.awaitClickHint`
+ *  - `signaturePad.instructions`, `signaturePad.typedFallbackHint`
+ *
+ * A key added to `de.ts` later is inherited as is; if it addresses the user, add its
+ * du form here (the "no formal address" test in locales.test.ts catches a "Sie").
+ * Conventions as in `de.ts`: „…“ quotes, `Intl` digits (via the `numberLocale`
+ * argument, e.g. `"de-AT"`), number agreement.
+ */
+export function uiKitLabelsDeInformal(numberLocale = "de-DE"): UiKitLabels {
+  const de = uiKitLabelsDe(numberLocale);
+
+  return {
+    ...de,
+    miniCalendar: {
+      ...de.miniCalendar,
+      startSelected: (date) => `${date} als Startdatum gewählt. Wähle jetzt ein Enddatum.`,
+      rangeSelected: (from, to) =>
+        `Zeitraum ${from} bis ${to} gewählt. Wähle ein Startdatum, um neu zu beginnen.`,
+    },
+    dangerConfirm: {
+      ...de.dangerConfirm,
+      phrase: (phrase) => `Gib zur Bestätigung „${phrase}“ ein`,
+    },
+    wizard: {
+      ...de.wizard,
+      confirmCancel: "Deine Eingaben gehen verloren.",
+      missingRequired: "Bitte fülle alle Pflichtfelder aus.",
+    },
+    tour: {
+      ...de.tour,
+      awaitClickHint: "Klick auf das hervorgehobene Element, um fortzufahren",
+    },
+    signaturePad: {
+      ...de.signaturePad,
+      instructions: "Unterschreibe im Feld mit der Maus, dem Finger oder einem Stift.",
+      typedFallbackHint: "Wenn du nicht zeichnen kannst, gib stattdessen deinen Namen ein.",
+    },
+  };
+}
+
+export const UI_KIT_LABELS_DE_INFORMAL: UiKitLabels = uiKitLabelsDeInformal();

package/src/i18n/locales/de.ts

@@ -41,6 +41,7 @@ export function uiKitLabelsDe(numberLocale = "de-DE"): UiKitLabels {
     },
     pageContents: { title: "Auf dieser Seite" },
     common: {
+      dismiss: "Schließen",
       close: "Schließen",
       clear: "Leeren",
       search: "Suchen",
@@ -118,6 +119,9 @@ export function uiKitLabelsDe(numberLocale = "de-DE"): UiKitLabels {
         `Zeitraum ${from} bis ${to} gewählt. Wählen Sie ein Startdatum, um neu zu beginnen.`,
     },
     datePicker: {
+      apply: "Übernehmen",
+      cancel: "Abbrechen",
+      presets: "Schnellauswahl",
       panel: "Datum wählen",
       rangePanel: "Zeitraum wählen",
       clear: "Leeren",
@@ -243,6 +247,12 @@ export function uiKitLabelsDe(numberLocale = "de-DE"): UiKitLabels {
       size: (bytes) => formatFileSize(bytes, numberLocale),
     },
     filePicker: {
+      dropzone: "Datei-Upload",
+      browse: "Durchsuchen",
+      empty: "Datei hier ablegen",
+      emptyMultiple: "Dateien hier ablegen",
+      hint: (accept) => (accept ? `Erlaubt: ${accept}` : "Beliebiger Dateityp"),
+      busy: "Wird hochgeladen…",
       rejectedPick: (count) =>
         count === 1
           ? "Die Datei wurde nicht hinzugefügt"
@@ -265,6 +275,7 @@ export function uiKitLabelsDe(numberLocale = "de-DE"): UiKitLabels {
       cleared: "Alle Dateien entfernt",
     },
     wizard: {
+      done: "Fertig",
       cancel: "Abbrechen",
       back: "Zurück",
       next: "Weiter",
@@ -359,6 +370,20 @@ export function uiKitLabelsDe(numberLocale = "de-DE"): UiKitLabels {
       empty: "Keine Daten",
       legend: "Datenreihen",
     },
+    confirmDialog: {
+      confirm: "Bestätigen",
+      cancel: "Abbrechen",
+    },
+    floatingPanel: {
+      close: "Schließen",
+    },
+    copyButton: {
+      copy: "Kopieren",
+      copied: "Kopiert",
+      failed: "Kopieren fehlgeschlagen",
+      copiedAnnouncement: "In die Zwischenablage kopiert",
+      failedAnnouncement: "Kopieren in die Zwischenablage fehlgeschlagen",
+    },
   };
 }
 

package/src/i18n/locales/es.ts

@@ -42,6 +42,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
     },
     pageContents: { title: "En esta página" },
     common: {
+      dismiss: "Cerrar",
       close: "Cerrar",
       clear: "Borrar",
       search: "Buscar",
@@ -125,6 +126,9 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       month: (monthYear) => monthYear,
     },
     datePicker: {
+      apply: "Aplicar",
+      cancel: "Cancelar",
+      presets: "Rangos rápidos",
       panel: "Elegir una fecha",
       rangePanel: "Elegir un intervalo de fechas",
       clear: "Borrar",
@@ -240,6 +244,12 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       size: (bytes) => formatFileSize(bytes, numberLocale),
     },
     filePicker: {
+      dropzone: "Carga de archivos",
+      browse: "Examinar",
+      empty: "Suelte un archivo aquí",
+      emptyMultiple: "Suelte archivos aquí",
+      hint: (accept) => (accept ? `Aceptados: ${accept}` : "Cualquier tipo de archivo"),
+      busy: "Subiendo…",
       rejectedPick: (count) =>
         count === 1 ? "El archivo no se añadió" : `No se añadió ninguno de los ${count} archivos`,
       rejectedType: (name) => `El tipo de archivo de «${name}» no es compatible`,
@@ -258,6 +268,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       cleared: "Se han quitado todos los archivos",
     },
     wizard: {
+      done: "Listo",
       cancel: "Cancelar",
       back: "Atrás",
       next: "Siguiente",
@@ -352,6 +363,20 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       empty: "Sin datos",
       legend: "Series",
     },
+    confirmDialog: {
+      confirm: "Confirmar",
+      cancel: "Cancelar",
+    },
+    floatingPanel: {
+      close: "Cerrar",
+    },
+    copyButton: {
+      copy: "Copiar",
+      copied: "Copiado",
+      failed: "No se pudo copiar",
+      copiedAnnouncement: "Copiado al portapapeles",
+      failedAnnouncement: "No se pudo copiar al portapapeles",
+    },
   };
 }
 

package/src/i18n/locales/fr.ts

@@ -44,6 +44,7 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
     },
     pageContents: { title: "Sur cette page" },
     common: {
+      dismiss: "Fermer",
       close: "Fermer",
       clear: "Effacer",
       search: "Rechercher",
@@ -122,6 +123,9 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
         `Période du ${from} au ${to} sélectionnée. Choisissez une date de début pour recommencer.`,
     },
     datePicker: {
+      apply: "Appliquer",
+      cancel: "Annuler",
+      presets: "Plages rapides",
       panel: "Choisir une date",
       rangePanel: "Choisir une période",
       clear: "Effacer",
@@ -245,6 +249,12 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       size: (bytes) => formatFileSize(bytes, numberLocale),
     },
     filePicker: {
+      dropzone: "Envoi de fichier",
+      browse: "Parcourir",
+      empty: "Déposez un fichier ici",
+      emptyMultiple: "Déposez des fichiers ici",
+      hint: (accept) => (accept ? `Acceptés\u00a0: ${accept}` : "Tout type de fichier"),
+      busy: "Envoi en cours…",
       rejectedPick: (count) =>
         count < 2
           ? "Le fichier n\u2019a pas été ajouté"
@@ -270,6 +280,7 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       cleared: "Tous les fichiers ont été supprimés",
     },
     wizard: {
+      done: "Terminé",
       cancel: "Annuler",
       back: "Retour",
       next: "Suivant",
@@ -365,6 +376,20 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       empty: "Aucune donnée",
       legend: "Séries",
     },
+    confirmDialog: {
+      confirm: "Confirmer",
+      cancel: "Annuler",
+    },
+    floatingPanel: {
+      close: "Fermer",
+    },
+    copyButton: {
+      copy: "Copier",
+      copied: "Copié",
+      failed: "Échec de la copie",
+      copiedAnnouncement: "Copié dans le presse-papiers",
+      failedAnnouncement: "Impossible de copier dans le presse-papiers",
+    },
   };
 }
 

package/src/i18n/locales/hu.ts

@@ -40,6 +40,7 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
     },
     pageContents: { title: "Ezen az oldalon" },
     common: {
+      dismiss: "Bezárás",
       close: "Bezárás",
       clear: "Törlés",
       search: "Keresés",
@@ -121,6 +122,9 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       month: (monthYear) => monthYear,
     },
     datePicker: {
+      apply: "Alkalmaz",
+      cancel: "Mégse",
+      presets: "Gyors tartományok",
       panel: "Dátum kiválasztása",
       rangePanel: "Időszak kiválasztása",
       clear: "Törlés",
@@ -238,6 +242,12 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       size: (bytes) => formatFileSize(bytes, numberLocale),
     },
     filePicker: {
+      dropzone: "Fájlfeltöltés",
+      browse: "Tallózás",
+      empty: "Húzzon ide egy fájlt",
+      emptyMultiple: "Húzzon ide fájlokat",
+      hint: (accept) => (accept ? `Elfogadott: ${accept}` : "Bármilyen fájltípus"),
+      busy: "Feltöltés…",
       rejectedPick: (count) =>
         count === 1
           ? "A fájl nem lett hozzáadva"
@@ -259,6 +269,7 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       cleared: "Minden fájl eltávolítva",
     },
     wizard: {
+      done: "Kész",
       cancel: "Mégse",
       back: "Vissza",
       next: "Tovább",
@@ -353,6 +364,20 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       empty: "Nincs adat",
       legend: "Adatsorok",
     },
+    confirmDialog: {
+      confirm: "Megerősítés",
+      cancel: "Mégse",
+    },
+    floatingPanel: {
+      close: "Bezárás",
+    },
+    copyButton: {
+      copy: "Másolás",
+      copied: "Másolva",
+      failed: "A másolás nem sikerült",
+      copiedAnnouncement: "Vágólapra másolva",
+      failedAnnouncement: "Nem sikerült a vágólapra másolni",
+    },
   };
 }