@cosmicdrift/kumiko-renderer-web 0.183.2 → 0.185.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer-web",
-  "version": "0.183.2",
+  "version": "0.185.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.183.2",
-    "@cosmicdrift/kumiko-headless": "0.183.2",
-    "@cosmicdrift/kumiko-renderer": "0.183.2",
+    "@cosmicdrift/kumiko-dispatcher-live": "0.185.0",
+    "@cosmicdrift/kumiko-headless": "0.185.0",
+    "@cosmicdrift/kumiko-renderer": "0.185.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/__tests__/nav-tree.test.tsx

@@ -241,7 +241,7 @@ describe("NavTree", () => {
     expect(container.querySelectorAll("svg").length).toBe(2);
   });
 
-  test("server, mail, download, rocket lösen auf ein Icon auf (Config-/SMTP-Nav)", () => {
+  test("server, mail, download, upload, rocket lösen auf ein Icon auf (Config-/SMTP-Nav)", () => {
     // Config-Settings-Hub leitet Child-Nav-Icons aus dem mask.icon der
     // ConfigKey ab (smtp-host="server", from="mail", subscription="rocket");
     // fehlten sie in NAV_ICONS, rendert das Nav blank statt Icon.
@@ -253,16 +253,18 @@ describe("NavTree", () => {
         { id: "b", type: "entityList", entity: "x", columns: [] },
         { id: "c", type: "entityList", entity: "x", columns: [] },
         { id: "d", type: "entityList", entity: "x", columns: [] },
+        { id: "e", type: "entityList", entity: "x", columns: [] },
       ],
       navs: [
         { id: "a", label: "SMTP", screen: "a", order: 10, icon: "server" },
         { id: "b", label: "From", screen: "b", order: 20, icon: "mail" },
         { id: "c", label: "Export", screen: "c", order: 30, icon: "download" },
-        { id: "d", label: "Billing", screen: "d", order: 40, icon: "rocket" },
+        { id: "d", label: "Import", screen: "d", order: 40, icon: "upload" },
+        { id: "e", label: "Billing", screen: "e", order: 50, icon: "rocket" },
       ],
     } as FeatureSchema;
     const { container } = render(<NavTree schema={schema} />);
-    expect(container.querySelectorAll("svg").length).toBe(4);
+    expect(container.querySelectorAll("svg").length).toBe(5);
   });
 
   test("palette, link und share rendern Lucide-Icons (Share-/Branding-Nav)", () => {

package/src/index.ts

@@ -185,6 +185,7 @@ export type {
   TextareaFieldProps,
   TextFieldProps,
   TimeseriesPoint,
+  UploadZoneProps,
 } from "./widgets";
 export {
   AiTextArea,
@@ -223,5 +224,6 @@ export {
   TextareaField,
   TextField,
   TimeseriesChart,
+  UploadZone,
   useDraft,
 } from "./widgets";

package/src/layout/nav-tree.tsx

@@ -71,6 +71,7 @@ import {
   Table,
   Tag,
   TrendingUp,
+  Upload,
   User,
   Users,
   Wallet,
@@ -152,6 +153,7 @@ const NAV_ICONS: Readonly<Record<string, typeof Folder>> = {
   lock: Lock,
   hash: Hash,
   download: Download,
+  upload: Upload,
   rocket: Rocket,
   // Was imported but never registered — `icon: "plus"` silently fell back.
   plus: Plus,

package/src/primitives/__tests__/button.test.tsx

@@ -0,0 +1,27 @@
+import { describe, expect, test } from "bun:test";
+import { render, screen } from "@testing-library/react";
+import { createRef } from "react";
+import { defaultPrimitives } from "../index";
+
+const { Button } = defaultPrimitives;
+
+describe("DefaultButton className/ref (fw#1831)", () => {
+  test("merged className landet auf dem DOM-Node", () => {
+    render(
+      <Button className="my-custom-class" testId="btn">
+        Save
+      </Button>,
+    );
+    expect(screen.getByTestId("btn").className).toContain("my-custom-class");
+  });
+
+  test("ref landet auf dem <button>-Element", () => {
+    const ref = createRef<HTMLButtonElement>();
+    render(
+      <Button ref={ref} testId="btn">
+        Save
+      </Button>,
+    );
+    expect(ref.current).toBe(screen.getByTestId("btn"));
+  });
+});