@cosmicdrift/kumiko-renderer-web 0.199.1 → 0.199.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer-web",
-  "version": "0.199.1",
+  "version": "0.199.2",
   "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.199.1",
-    "@cosmicdrift/kumiko-headless": "0.199.1",
-    "@cosmicdrift/kumiko-renderer": "0.199.1",
+    "@cosmicdrift/kumiko-dispatcher-live": "0.199.2",
+    "@cosmicdrift/kumiko-headless": "0.199.2",
+    "@cosmicdrift/kumiko-renderer": "0.199.2",
     "@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__/embedded-list-input.test.tsx

@@ -738,8 +738,8 @@ describe("EmbeddedListInput — desktop table width (solon#107)", () => {
 
     const headers = desktop.querySelectorAll("th");
     expect(headers[0]?.className).toContain("min-w-[10rem]");
-    expect(headers[1]?.className).toContain("w-36");
-    expect(headers[2]?.className).toContain("w-44");
+    expect(headers[1]?.className).toContain("min-w-[9rem]");
+    expect(headers[2]?.className).toContain("min-w-[13rem]");
   });
 
   test("a money column is wider than a decimal/number column (framework#1880)", () => {
@@ -751,7 +751,7 @@ describe("EmbeddedListInput — desktop table width (solon#107)", () => {
     renderWithLocale(<EmbeddedListInput {...baseProps({ columns, rows })} />);
     const desktop = screen.getByTestId("lines-desktop");
     const headers = desktop.querySelectorAll("th");
-    expect(headers[0]?.className).toContain("w-36");
-    expect(headers[1]?.className).toContain("w-44");
+    expect(headers[0]?.className).toContain("min-w-[9rem]");
+    expect(headers[1]?.className).toContain("min-w-[13rem]");
   });
 });

package/src/primitives/embedded-list-input.tsx

@@ -54,15 +54,24 @@ const FOCUSABLE_SELECTOR = "input:not([type=hidden]), button, [tabindex]";
 
 function columnWidthClass(type: EmbeddedListCellType): string {
   switch (type) {
+    // A fixed `w-*` caps the cell at exactly that width — the calendar
+    // button and money's stepper padding then eat into the space a
+    // locale value needs, clipping a digit or the currency sign. `min-w`
+    // sets a floor sized for each control's chrome instead, and still
+    // lets the column grow past it like text/select/reference below.
     case "number":
     case "decimal":
+      return "min-w-[9rem]";
+    // A locale-formatted date + calendar-trigger button + gap.
     case "date":
-      return "w-36";
-    // Wider than a bare number: MoneyInput appends stepper buttons, timestamp
-    // carries a date field plus a time input.
+      return "min-w-[11rem]";
+    // Currency text (thousands separator, decimals, symbol) + the
+    // pr-20 MoneyInput reserves for its +/- stepper buttons.
     case "money":
+      return "min-w-[13rem]";
+    // DateField (see "date" above) plus a separate fixed-width time input.
     case "timestamp":
-      return "w-44";
+      return "min-w-[19rem]";
     case "boolean":
       return "w-16";
     case "text":