@cosmicdrift/kumiko-headless 0.326.1 → 0.328.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-headless",
-  "version": "0.326.1",
+  "version": "0.328.0",
   "description": "Headless UI logic for Kumiko — Dispatcher contract, Form-Controller, View-Model, Nav-Resolver. Plattform- und React-frei; jeder Renderer (renderer, renderer-web, renderer-native, …) komponiert darauf.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -36,7 +36,7 @@
     }
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-framework": "0.326.1",
+    "@cosmicdrift/kumiko-framework": "0.328.0",
     "temporal-polyfill": "^0.3.2",
     "zod": "^4.4.3"
   },

package/src/changes.json

@@ -1,4 +1,11 @@
 [
+  {
+    "version": "0.328.0",
+    "type": "breaking",
+    "title": "Dates format with two-digit day and month",
+    "detail": "`formatValue` for date values passes `day: \"2-digit\"` and `month: \"2-digit\"`, so German output is 01.10.2026 instead of 1.10.2026 in lists, details and related lists. List view models carry `hideOnNarrow` onto columns.",
+    "migration": "Update tests and snapshots that expect single-digit day or month."
+  },
   {
     "version": "0.308.0",
     "type": "improvement",

package/src/format/__tests__/format.test.ts

@@ -79,6 +79,10 @@ describe("applyFormatSpec — timestamp/date (formatDateCell-Pfad)", () => {
     expect(out).toContain("2026");
   });
 
+  test("date ohne dateStyle rendert Tag und Monat zweistellig", () => {
+    expect(applyFormatSpec({ format: "date", locale: "de-DE" }, "2026-03-05")).toBe("05.03.2026");
+  });
+
   test("timestamp ohne Optionen nutzt das kompakte Default-Format", () => {
     const out = applyFormatSpec({ format: "timestamp", locale: "en-US" }, instant);
     expect(out).toContain("2026");

package/src/format/index.ts

@@ -53,7 +53,11 @@ function formatDateCell(
       });
     }
     if (type === "date") {
-      return toPlainDate(raw).toLocaleString(locale);
+      return toPlainDate(raw).toLocaleString(locale, {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit",
+      });
     }
     return toInstant(raw).toLocaleString(locale, {
       year: "numeric",

package/src/view-model/__tests__/list.test.ts

@@ -425,4 +425,15 @@ describe("computeListViewModel", () => {
     });
     expect(vm.slots).toBe(slots);
   });
+  test("hideOnNarrow is carried onto the column view model only when set", () => {
+    const vm = computeListViewModel({
+      screen: listScreen(["title", { field: "priority", hideOnNarrow: true }]),
+      entity: taskEntity,
+      rows: [],
+      translate,
+      featureName: "tasks",
+    });
+    expect(vm.columns[0]?.hideOnNarrow).toBeUndefined();
+    expect(vm.columns[1]?.hideOnNarrow).toBe(true);
+  });
 });

package/src/view-model/edit.ts

@@ -130,6 +130,10 @@ function computeRelatedListSectionViewModel(
     ...(sectionSpec.parentParam !== undefined && { parentParam: sectionSpec.parentParam }),
     ...(sectionSpec.parentFilter !== undefined && { parentFilter: sectionSpec.parentFilter }),
     columns: sectionSpec.columns,
+    ...(sectionSpec.description !== undefined && {
+      description: translate(sectionSpec.description),
+    }),
+    ...(sectionSpec.itemNoun !== undefined && { itemNoun: sectionSpec.itemNoun }),
     ...(sectionSpec.pageSize !== undefined && { pageSize: sectionSpec.pageSize }),
     ...(sectionSpec.defaultSort !== undefined && { defaultSort: sectionSpec.defaultSort }),
     ...(sectionSpec.searchable !== undefined && { searchable: sectionSpec.searchable }),

package/src/view-model/list.ts

@@ -164,6 +164,7 @@ export function computeListViewModel(input: ComputeListViewModelInput): ListView
             (fieldDef as unknown as { options?: readonly string[] }).options ?? [],
           )
         : undefined;
+    const optionTones = fieldDef.type === "select" ? fieldDef.optionTones : undefined;
     const grouping = fieldDef.type === "number" ? fieldDef.grouping : undefined;
     const column: ListColumnViewModel = {
       field: normalized.field,
@@ -172,10 +173,12 @@ export function computeListViewModel(input: ComputeListViewModelInput): ListView
       sortable: fieldIsSortable(fieldDef),
       ...(normalized.renderer !== undefined && { renderer: normalized.renderer }),
       ...(optionLabels !== undefined && { optionLabels }),
+      ...(optionTones !== undefined && { optionTones }),
       ...(refEntity !== undefined && { refEntity }),
       ...(refFeature !== undefined && { refFeature }),
       ...(refLabelField !== undefined && { refLabelField }),
       ...(grouping !== undefined && { grouping }),
+      ...(normalized.hideOnNarrow === true && { hideOnNarrow: true }),
     };
     columns.push(column);
   }

package/src/view-model/types.ts

@@ -11,6 +11,7 @@ import type {
   RelatedListToolbarAction,
   RowAction,
   ScreenSlots,
+  SelectOptionTone,
 } from "@cosmicdrift/kumiko-framework/ui-types";
 
 // Runtime-only renderer — function form allowed here because the renderer
@@ -53,6 +54,8 @@ export type ListColumnViewModel = {
    *  instead of humanizeSlug when present. Convention key:
    *  `<feature>:entity:<entity>:field:<field>:option:<value>`. */
   readonly optionLabels?: Readonly<Record<string, string>>;
+  /** Only for `type: "select"` — declared tone per raw option value. */
+  readonly optionTones?: Readonly<Partial<Record<string, SelectOptionTone>>>;
   /** Nur bei `type: "reference"` — referenced Entity-Name für Bulk-
    *  Lookup im Renderer (`<refFeature>:query:<refEntity>:list`). */
   readonly refEntity?: string;
@@ -68,6 +71,8 @@ export type ListColumnViewModel = {
    *  multi-year statement grid. DataTable renders it with a distinct
    *  header/cell background. */
   readonly highlighted?: boolean;
+  /** Mirrors `ListColumnSpec.hideOnNarrow`: card layout skips the column. */
+  readonly hideOnNarrow?: boolean;
   /** Only for `type: "number"` — mirrors `NumberFieldDef.grouping` (default
    *  `true`). `false` renders without thousands-separators (e.g. a model
    *  year). */
@@ -328,6 +333,9 @@ export type EditRelatedListSectionViewModel = {
   readonly parentParam?: string;
   readonly parentFilter?: { readonly field: string };
   readonly columns: readonly ListColumnSpec[];
+  readonly description?: string;
+  /** Untranslated plural-forms key, resolved with the row count by the list footer. */
+  readonly itemNoun?: string;
   readonly pageSize?: number;
   readonly defaultSort?: ListSortSpec;
   readonly searchable?: boolean;