@eifi1/ui-kit 0.39.0 → 0.40.0

package/src/i18n/german.ts

@@ -85,6 +85,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
     feedbackStatus: {
       OPEN: "Offen",
       READY: "Bereit zur Umsetzung",
+      REWORK: "Nacharbeit angefordert",
       IN_PROGRESS: "In Bearbeitung",
       IN_EVALUATION: "Zur Prüfung",
       NEEDS_LIVE_TEST: "Live testen",
@@ -122,11 +123,13 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       myFeedback: "Mein Feedback",
       viewFeedback: "Feedback ansehen",
       allFeedback: "Alle Rückmeldungen",
+      discussion: "Feedback-Diskussion",
+      inbox: "Feedback-Eingang",
     },
     // 0.38.0 — docs/feedback-harmonization.md §9: the public pages and the two feedback
     // notification types. "Rückmeldungen" and "Eine Person" are the contract's (§9.2, §9.5).
     feedbackPublic: {
-      title: "Alle Rückmeldungen",
+      title: "Feedback-Diskussion",
       sort: "Sortieren",
       sortNewest: "Neueste",
       sortVotes: "Meistgewünscht",
@@ -158,7 +161,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       attachUrl: "Aktuelle Seiten-URL anhängen",
     },
     feedbackPage: {
-      title: "Feedback",
+      title: "Feedback-Eingang",
       myTitle: "Mein Feedback",
       columnId: "#",
       columnDate: "Datum",
@@ -344,6 +347,8 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       filter: "Filter",
       close: "Schließen",
       selectRow: "Zeile auswählen",
+      selectRows: "Zeilen auswählen",
+      cancelSelection: "Abbrechen",
       rowDetails: "Details",
       autoSize: "Spaltenbreiten anpassen",
       loading: "Wird geladen…",
@@ -534,6 +539,8 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       // "Tab" is what German UIs say; "Registerkarte" reads like a 1990s manual.
       add: "Tab hinzufügen",
       remove: (tab) => `${tab} entfernen`,
+      more: "Weitere Tabs",
+      backToFirst: "Zurück zum ersten Tab",
     },
     appShell: {
       collapse: "Seitenleiste einklappen",
@@ -549,6 +556,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
     },
     pickerSheet: {
       close: "Schließen",
+      done: "Fertig",
     },
     dialogFrame: {
       close: "Schließen",

package/src/i18n/kit-labels.tsx

@@ -279,6 +279,9 @@ export interface TopBarLabels {
 
 export interface PickerSheetLabels {
   close: string;
+  /** The sticky footer button that closes a multi-select sheet once the rows are ticked
+   *  (0.40) — the ticks are already applied, so it confirms rather than saves. */
+  done: string;
 }
 
 export interface SwipeableRowLabels {

package/src/i18n/locales/es.ts

@@ -76,6 +76,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
     feedbackStatus: {
       OPEN: "Abierto",
       READY: "Listo para implementar",
+      REWORK: "Corrección solicitada",
       IN_PROGRESS: "En curso",
       IN_EVALUATION: "En evaluación",
       NEEDS_LIVE_TEST: "Probar en producción",
@@ -113,11 +114,13 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       myFeedback: "Mis comentarios",
       viewFeedback: "Ver comentarios",
       allFeedback: "Todos los comentarios",
+      discussion: "Debate de comentarios",
+      inbox: "Comentarios recibidos",
     },
     // 0.38.0 — docs/feedback-harmonization.md §9: the public pages and the two feedback
     // notification types. "Informe" for one report, so it never reads as "comentario".
     feedbackPublic: {
-      title: "Todos los comentarios",
+      title: "Debate de comentarios",
       sort: "Ordenar",
       sortNewest: "Más recientes",
       sortVotes: "Más deseados",
@@ -149,7 +152,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       attachUrl: "Adjuntar la URL de la página actual",
     },
     feedbackPage: {
-      title: "Comentarios",
+      title: "Comentarios recibidos",
       myTitle: "Mis comentarios",
       columnId: "#",
       columnDate: "Fecha",
@@ -335,6 +338,8 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       filter: "Filtrar",
       close: "Cerrar",
       selectRow: "Seleccionar fila",
+      selectRows: "Seleccionar filas",
+      cancelSelection: "Cancelar",
       rowDetails: "Detalles",
       autoSize: "Ajustar ancho de columnas",
       loading: "Cargando…",
@@ -521,6 +526,8 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
     tabs: {
       add: "Añadir pestaña",
       remove: (tab) => `Quitar ${tab}`,
+      more: "Más pestañas",
+      backToFirst: "Volver a la primera pestaña",
     },
     appShell: {
       collapse: "Contraer barra lateral",
@@ -536,6 +543,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
     },
     pickerSheet: {
       close: "Cerrar",
+      done: "Listo",
     },
     dialogFrame: {
       close: "Cerrar",

package/src/i18n/locales/fr.ts

@@ -76,6 +76,7 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
     feedbackStatus: {
       OPEN: "Ouvert",
       READY: "Prêt à implémenter",
+      REWORK: "Reprise demandée",
       IN_PROGRESS: "En cours",
       IN_EVALUATION: "En évaluation",
       NEEDS_LIVE_TEST: "À tester en production",
@@ -111,11 +112,13 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       myFeedback: "Mes retours",
       viewFeedback: "Voir les retours",
       allFeedback: "Tous les retours",
+      discussion: "Discussion des retours",
+      inbox: "Retours reçus",
     },
     // 0.38.0 — docs/feedback-harmonization.md §9: the public pages and the two feedback
     // notification types. "Retour" for a report, as `feedbackMenu`.
     feedbackPublic: {
-      title: "Tous les retours",
+      title: "Discussion des retours",
       sort: "Trier",
       sortNewest: "Plus récents",
       sortVotes: "Plus demandés",
@@ -147,7 +150,7 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       attachUrl: "Joindre l’URL de la page actuelle",
     },
     feedbackPage: {
-      title: "Retours",
+      title: "Retours reçus",
       myTitle: "Mes retours",
       columnId: "#",
       columnDate: "Date",
@@ -341,6 +344,8 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       filter: "Filtrer",
       close: "Fermer",
       selectRow: "Sélectionner la ligne",
+      selectRows: "Sélectionner des lignes",
+      cancelSelection: "Annuler",
       rowDetails: "Détails",
       autoSize: "Ajuster la largeur des colonnes",
       loading: "Chargement…",
@@ -529,6 +534,8 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
     tabs: {
       add: "Ajouter un onglet",
       remove: (tab) => `Supprimer ${tab}`,
+      more: "Autres onglets",
+      backToFirst: "Retour au premier onglet",
     },
     appShell: {
       collapse: "Réduire la barre latérale",
@@ -544,6 +551,7 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
     },
     pickerSheet: {
       close: "Fermer",
+      done: "Terminé",
     },
     dialogFrame: {
       close: "Fermer",

package/src/i18n/locales/hu.ts

@@ -76,6 +76,7 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
     feedbackStatus: {
       OPEN: "Nyitott",
       READY: "Megvalósításra kész",
+      REWORK: "Átdolgozás kérve",
       IN_PROGRESS: "Folyamatban",
       IN_EVALUATION: "Értékelés alatt",
       NEEDS_LIVE_TEST: "Élesben tesztelendő",
@@ -110,11 +111,13 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       myFeedback: "Visszajelzéseim",
       viewFeedback: "Visszajelzések megtekintése",
       allFeedback: "Összes visszajelzés",
+      discussion: "Visszajelzések megvitatása",
+      inbox: "Beérkezett visszajelzések",
     },
     // 0.38.0 — docs/feedback-harmonization.md §9: the public pages and the two feedback
     // notification types. A noun after a number stays singular in Hungarian.
     feedbackPublic: {
-      title: "Összes visszajelzés",
+      title: "Visszajelzések megvitatása",
       sort: "Rendezés",
       sortNewest: "Legújabb",
       sortVotes: "Legkeresettebb",
@@ -146,7 +149,7 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       attachUrl: "Az aktuális oldal URL-jének csatolása",
     },
     feedbackPage: {
-      title: "Visszajelzések",
+      title: "Beérkezett visszajelzések",
       myTitle: "Visszajelzéseim",
       columnId: "#",
       columnDate: "Dátum",
@@ -333,6 +336,8 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       filter: "Szűrés",
       close: "Bezárás",
       selectRow: "Sor kijelölése",
+      selectRows: "Sorok kijelölése",
+      cancelSelection: "Mégse",
       rowDetails: "Részletek",
       autoSize: "Oszlopszélességek igazítása",
       loading: "Betöltés…",
@@ -519,6 +524,8 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
     tabs: {
       add: "Lap hozzáadása",
       remove: (tab) => `${tab} eltávolítása`,
+      more: "További lapok",
+      backToFirst: "Vissza az első lapra",
     },
     appShell: {
       collapse: "Oldalsáv összecsukása",
@@ -534,6 +541,7 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
     },
     pickerSheet: {
       close: "Bezárás",
+      done: "Kész",
     },
     dialogFrame: {
       close: "Bezárás",

package/src/i18n/locales/it.ts

@@ -76,6 +76,7 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
     feedbackStatus: {
       OPEN: "Aperto",
       READY: "Pronto da implementare",
+      REWORK: "Rielaborazione richiesta",
       IN_PROGRESS: "In corso",
       IN_EVALUATION: "In valutazione",
       NEEDS_LIVE_TEST: "Da testare in produzione",
@@ -113,11 +114,13 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       myFeedback: "I miei feedback",
       viewFeedback: "Visualizza feedback",
       allFeedback: "Tutti i feedback",
+      discussion: "Discussione sui feedback",
+      inbox: "Feedback ricevuti",
     },
     // 0.38.0 — docs/feedback-harmonization.md §9: the public pages and the two feedback
     // notification types. "Segnalazione" for one report; formal "Lei", as elsewhere.
     feedbackPublic: {
-      title: "Tutti i feedback",
+      title: "Discussione sui feedback",
       sort: "Ordina",
       sortNewest: "Più recenti",
       sortVotes: "Più richiesti",
@@ -149,7 +152,7 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       attachUrl: "Allega l’URL della pagina corrente",
     },
     feedbackPage: {
-      title: "Feedback",
+      title: "Feedback ricevuti",
       myTitle: "I miei feedback",
       columnId: "#",
       columnDate: "Data",
@@ -337,6 +340,8 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
       filter: "Filtra",
       close: "Chiudi",
       selectRow: "Seleziona riga",
+      selectRows: "Seleziona righe",
+      cancelSelection: "Annulla",
       rowDetails: "Dettagli",
       autoSize: "Adatta larghezza colonne",
       loading: "Caricamento…",
@@ -524,6 +529,8 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
     tabs: {
       add: "Aggiungi scheda",
       remove: (tab) => `Rimuovi ${tab}`,
+      more: "Altre schede",
+      backToFirst: "Torna alla prima scheda",
     },
     appShell: {
       collapse: "Comprimi barra laterale",
@@ -539,6 +546,7 @@ export function uiKitLabelsIt(numberLocale = "it-IT"): UiKitLabels {
     },
     pickerSheet: {
       close: "Chiudi",
+      done: "Fine",
     },
     dialogFrame: {
       close: "Chiudi",

package/src/i18n/locales/zh.ts

@@ -69,6 +69,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
     feedbackStatus: {
       OPEN: "待处理",
       READY: "待实现",
+      REWORK: "已要求返工",
       IN_PROGRESS: "处理中",
       IN_EVALUATION: "评估中",
       NEEDS_LIVE_TEST: "待线上测试",
@@ -103,11 +104,13 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       myFeedback: "我的反馈",
       viewFeedback: "查看反馈",
       allFeedback: "全部反馈",
+      discussion: "反馈讨论",
+      inbox: "反馈收件箱",
     },
     // 0.38.0 — docs/feedback-harmonization.md §9: the public pages and the two feedback
     // notification types.
     feedbackPublic: {
-      title: "全部反馈",
+      title: "反馈讨论",
       sort: "排序",
       sortNewest: "最新",
       sortVotes: "最多人想要",
@@ -139,7 +142,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       attachUrl: "附加当前页面 URL",
     },
     feedbackPage: {
-      title: "反馈",
+      title: "反馈收件箱",
       myTitle: "我的反馈",
       columnId: "#",
       columnDate: "日期",
@@ -325,6 +328,8 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       filter: "筛选",
       close: "关闭",
       selectRow: "选择行",
+      selectRows: "选择多行",
+      cancelSelection: "取消",
       rowDetails: "详情",
       autoSize: "自动调整列宽",
       loading: "加载中…",
@@ -507,6 +512,8 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
       add: "添加标签页",
       // Quoted, so the spacing rule holds whether the tab's name is Han or Latin.
       remove: (tab) => `移除“${tab}”`,
+      more: "更多标签页",
+      backToFirst: "返回第一个标签页",
     },
     appShell: {
       collapse: "收起侧边栏",
@@ -522,6 +529,7 @@ export function uiKitLabelsZh(numberLocale = "zh-CN"): UiKitLabels {
     },
     pickerSheet: {
       close: "关闭",
+      done: "完成",
     },
     dialogFrame: {
       close: "关闭",

package/src/i18n/shared-labels.ts

@@ -108,7 +108,7 @@ export const DEFAULT_TOP_BAR_LABELS: TopBarLabels = {
   role: (value) => `Role: ${value}`,
 };
 
-export const DEFAULT_PICKER_SHEET_LABELS: PickerSheetLabels = { close: "Close" };
+export const DEFAULT_PICKER_SHEET_LABELS: PickerSheetLabels = { close: "Close", done: "Done" };
 
 export const DEFAULT_SWIPEABLE_ROW_LABELS: SwipeableRowLabels = { actions: "Row actions" };
 

package/src/shell/app-shell.tsx

@@ -537,6 +537,15 @@ export function AppShell({
             <main
               className={cn(
                 "relative flex-1 max-w-full overflow-x-clip pb-[calc(var(--app-nav-h,4rem)+1.5rem)] md:pb-0 md:min-h-0 md:overflow-y-auto md:[scrollbar-gutter:stable_both-edges]",
+                // The list page's fill (0.40, docs/page-layout-harmonization.md §1.3): while
+                // a `fillHeight` DataTable is inside, a flex column — a banner above the
+                // page keeps its own height and the page (a `FillHeight`) takes the rest,
+                // so `<main>` no longer overflows by the banner. Its children do not shrink
+                // (a banner of a fixed height or `overflow-hidden` would): the page grows
+                // into the rest from a zero basis, and a window too short for the page's
+                // floor scrolls `<main>`. Every other page lays out as before. Below `md`
+                // the document scrolls and nothing fills.
+                "md:has-[[data-fill-height]]:flex md:has-[[data-fill-height]]:flex-col md:has-[[data-fill-height]]:*:shrink-0",
                 // Embedded there is no document scroll to lean on below `md` either.
                 embedded && "min-h-0 overflow-y-auto",
               )}

package/src/shell/fill-height.tsx

@@ -0,0 +1,45 @@
+import type { ComponentPropsWithRef } from "react";
+import { cn } from "../lib/cn";
+
+/**
+ * The list page's fill, for an element between AppShell's `<main>` and a `fillHeight`
+ * DataTable (0.40, docs/page-layout-harmonization.md §1.3): from `md` up, a flex column
+ * that takes the rest of its parent — only while such a table is inside
+ * (`has-[[data-fill-height]]`, the marker the table sets). Below `md`, and around
+ * anything else, nothing: so a shell column may carry it for every route.
+ *
+ * No `min-h-0`, on purpose: a flex item's automatic minimum is its content's, and that
+ * content counts the table's body at its 12rem floor, not at its rows. On a window too
+ * short for the page's header and the floor, the page keeps that height and `<main>`
+ * scrolls — with the page's own padding, which a `min-h-0` would push out of view.
+ *
+ * For a wrapper that is another component, or that merges other classes; otherwise
+ * use {@link FillHeight}.
+ */
+export const FILL_HEIGHT_CLASS =
+  "md:has-[[data-fill-height]]:flex md:has-[[data-fill-height]]:flex-1 md:has-[[data-fill-height]]:flex-col";
+
+/** A plain `div`'s props: `className` is merged after {@link FILL_HEIGHT_CLASS}, and
+ *  `ref` reaches the `div`. */
+export type FillHeightProps = ComponentPropsWithRef<"div">;
+
+/**
+ * A wrapper between AppShell's `<main>` and a `fillHeight` DataTable: from `md`, a flex
+ * column that takes the rest of its parent — only while such a table is inside. Below
+ * `md`, and around anything else, a plain `div`.
+ *
+ * Every element on the way is one: the page's root, and any wrapper between it and the
+ * table (an `id` holder, a desktop-only wrapper — that one merges
+ * {@link FILL_HEIGHT_CLASS} with its own classes). The page's header above the table
+ * keeps its height; only the table's body scrolls.
+ *
+ * ```tsx
+ * <FillHeight className="py-4 md:p-6">
+ *   <PageHeader title="Payees" />
+ *   <DataTable fillHeight rows={rows} columns={columns} rowKey={(r) => r.id} />
+ * </FillHeight>
+ * ```
+ */
+export function FillHeight({ className, ...props }: FillHeightProps) {
+  return <div {...props} className={cn(FILL_HEIGHT_CLASS, className)} />;
+}

package/src/shell.ts

@@ -10,6 +10,9 @@ export * from "./shell/role-switcher";
 export * from "./shell/topbar-action-menu";
 export * from "./shell/top-bar-brand";
 export * from "./shell/auth-layout";
+// 0.40.0: the list page's fill (docs/page-layout-harmonization.md §1.3).
+export { FillHeight, FILL_HEIGHT_CLASS } from "./shell/fill-height";
+export type { FillHeightProps } from "./shell/fill-height";
 // 0.31.0: the settings and admin pages' shell (docs/settings-harmonization.md §3, §5).
 export { SettingsLayout, SETTINGS_SEARCH_THRESHOLD } from "./settings/settings-layout";
 export type { SettingsLayoutProps, SettingsLayoutWidth, SettingsDocumentTitleParts } from "./settings/settings-layout";