@cosmicdrift/kumiko-renderer-web 0.163.2 → 0.164.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer-web",
-  "version": "0.163.2",
+  "version": "0.164.0",
   "description": "Web-platform bindings for @cosmicdrift/kumiko-renderer. HTML default-primitives, browser history-based navigation, EventSource-backed live events, and a one-call createKumikoApp that mounts the whole stack via react-dom.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -16,9 +16,9 @@
     "./styles.css": "./src/styles.css"
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-dispatcher-live": "0.163.2",
-    "@cosmicdrift/kumiko-headless": "0.163.2",
-    "@cosmicdrift/kumiko-renderer": "0.163.2",
+    "@cosmicdrift/kumiko-dispatcher-live": "0.164.0",
+    "@cosmicdrift/kumiko-headless": "0.164.0",
+    "@cosmicdrift/kumiko-renderer": "0.164.0",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.8",

package/src/primitives/__tests__/data-table-logic.test.ts

@@ -164,4 +164,19 @@ describe("defaultCellRender", () => {
     expect(defaultCellRender("hallo", "text")).toBe("hallo");
     expect(defaultCellRender(42, "number")).toBe("42");
   });
+
+  test("money → { amount, currency } formatiert, kein [object Object]", () => {
+    const result = defaultCellRender({ amount: 45000, currency: "EUR" }, "money");
+    expect(result).not.toBe("[object Object]");
+    expect(result.replace(/[^0-9]/g, "")).toBe("45000");
+  });
+
+  test("money → JPY ohne Nachkommastellen (currencyDecimals)", () => {
+    const result = defaultCellRender({ amount: 1000, currency: "JPY" }, "money");
+    expect(result.replace(/[^0-9]/g, "")).toBe("1000");
+  });
+
+  test("money → unerwarteter Value-Shape fällt auf String zurück", () => {
+    expect(defaultCellRender(45000, "money")).toBe("45000");
+  });
 });

package/src/primitives/index.tsx

@@ -79,7 +79,7 @@ import {
 import { FileUploadInput } from "./file-upload";
 import { DefaultLightbox } from "./lightbox";
 import { LocatedTimestampInput } from "./located-timestamp-input";
-import { MoneyInput } from "./money-input";
+import { currencyDecimals, MoneyInput } from "./money-input";
 import { TimestampInput } from "./timestamp-input";
 import { useToast } from "./toast";
 
@@ -1256,6 +1256,15 @@ export function isComponentRendererRef(renderer: unknown): { readonly name: stri
 // applyFormatSpec re-exported from headless (platform-agnostic).
 export { applyFormatSpec };
 
+function isMoneyValue(value: unknown): value is { amount: number; currency: string } {
+  return (
+    typeof value === "object" &&
+    value !== null &&
+    typeof (value as Record<string, unknown>)["amount"] === "number" &&
+    typeof (value as Record<string, unknown>)["currency"] === "string"
+  );
+}
+
 // Type-spezifische Default-Cell-Renderer. Author kann pro Spalte einen
 // expliziten renderer setzen (FormatSpec oder PlatformComponent); ohne
 // expliziten renderer fällt DataTableCell hier durch.
@@ -1263,6 +1272,7 @@ export { applyFormatSpec };
 //   - boolean → ✓ / leer
 //   - timestamp/date → locale-formatiert (kein roher ISO-String)
 //   - select → human-lesbar (kebab-case → Title Case)
+//   - money → { amount, currency } formatted via Intl (not "[object Object]")
 //   - text/number/sonst → toString
 export function defaultCellRender(
   value: unknown,
@@ -1272,6 +1282,16 @@ export function defaultCellRender(
   if (value === null || value === undefined || value === "") return "";
   if (type === "boolean") return value === true ? "✓" : "";
   if (type === "timestamp" || type === "date") return applyFormatSpec({ format: type }, value);
+  if (type === "money") {
+    if (!isMoneyValue(value)) return String(value);
+    const decimals = currencyDecimals(value.currency);
+    return new Intl.NumberFormat(undefined, {
+      style: "currency",
+      currency: value.currency,
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals,
+    }).format(value.amount / 10 ** decimals);
+  }
   if (type === "select") {
     const raw = String(value);
     // Translated Label aus dem ViewModel-Builder (Convention-Key