@cosmicdrift/kumiko-headless 0.256.0 → 0.258.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-headless",
-  "version": "0.256.0",
+  "version": "0.258.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.256.0",
+    "@cosmicdrift/kumiko-framework": "0.258.0",
     "temporal-polyfill": "^0.3.2",
     "zod": "^4.4.3"
   },

package/src/view-model/edit.ts

@@ -232,6 +232,12 @@ export function computeEditViewModel<
         fieldDef.type === "text" || fieldDef.type === "longText"
           ? (fieldDef as unknown as { multiline?: boolean | { rows?: number } }).multiline
           : undefined;
+      // format hint for `type: "text"` — "password" makes the renderer mask
+      // the input (#2548).
+      const format =
+        fieldDef.type === "text"
+          ? (fieldDef as unknown as { format?: "email" | "url" | "phone" | "password" }).format
+          : undefined;
       // Wall-Clock-Hint bei `type: "timestamp"` mit locatedBy — der
       // Renderer emittiert dann lokale Zeit ohne `Z` statt UTC-Instant.
       const wallClock =
@@ -382,6 +388,7 @@ export function computeEditViewModel<
         ...(columns !== undefined && { columns }),
         ...(maxRows !== undefined && { maxRows }),
         ...(multiline !== undefined && { multiline }),
+        ...(format !== undefined && { format }),
         ...(wallClock !== undefined && { wallClock }),
         ...(min !== undefined && { min }),
         ...(max !== undefined && { max }),

package/src/view-model/types.ts

@@ -165,6 +165,8 @@ export type EditFieldViewModel = {
    *  value; here it only carries an optional `{ rows }` override.
    *  `true` = default rows, `{ rows }` = explicit height. */
   readonly multiline?: boolean | { readonly rows?: number };
+  /** From TextFieldDef.format — `password` makes the renderer mask the input. */
+  readonly format?: "email" | "url" | "phone" | "password";
   /** Nur bei `type: "timestamp"` gesetzt wenn TimestampFieldDef.locatedBy
    *  existiert — Wall-Clock-Zeit ohne Offset. Der Renderer emittiert
    *  dann lokale Zeit ohne `Z` statt eines UTC-Instants. */