@cosmicdrift/kumiko-renderer-web 0.97.0 → 0.98.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer-web",
-  "version": "0.97.0",
+  "version": "0.98.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.97.0",
-    "@cosmicdrift/kumiko-headless": "0.97.0",
-    "@cosmicdrift/kumiko-renderer": "0.97.0",
+    "@cosmicdrift/kumiko-dispatcher-live": "0.98.0",
+    "@cosmicdrift/kumiko-headless": "0.98.0",
+    "@cosmicdrift/kumiko-renderer": "0.98.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__/kumiko-screen.test.tsx

@@ -6,12 +6,13 @@ import type {
   EntityListScreenDefinition,
 } from "@cosmicdrift/kumiko-framework/ui-types";
 import type { Dispatcher } from "@cosmicdrift/kumiko-headless";
-import type { FeatureSchema } from "@cosmicdrift/kumiko-renderer";
+import type { FeatureSchema, NavApi } from "@cosmicdrift/kumiko-renderer";
 import {
   DispatcherProvider,
   ExtensionSectionsProvider,
   KumikoScreen,
   kumikoDefaultTranslations,
+  NavProvider,
 } from "@cosmicdrift/kumiko-renderer";
 import userEvent from "@testing-library/user-event";
 import { createMockDispatcher, fireEvent, render, screen, waitFor } from "./test-utils";
@@ -1055,6 +1056,42 @@ describe("KumikoScreen", () => {
     expect(payload.filter).toEqual({ field: "status", op: "eq", value: "scheduled" });
   });
 
+  // TagFilter drop-in (core edit): a faceted filter on `id` — a base column NOT
+  // in entity.fields — must still pass through as an op:"in" id-set so a header-
+  // slot control can narrow ANY list to a resolved set of row ids. Before the
+  // edit, `id` was silently dropped (only entity.fields facets survived).
+  test("entityList faceted id-filter → payload.filters carries an op:'in' id-set", async () => {
+    const queryCalls: { type: string; payload: unknown }[] = [];
+    const dispatcher = makeDispatcher({
+      query: (async (type: string, payload: unknown) => {
+        queryCalls.push({ type, payload });
+        return { isSuccess: true, data: { rows: [], nextCursor: null } };
+      }) as unknown as Dispatcher["query"],
+    });
+    // useListUrlState reads `<screenId>.f.<field>` (comma-joined) from nav —
+    // listScreen.id is "task-list", so this seeds an id-facet of two row ids.
+    const navWithIdFilter: NavApi = {
+      route: undefined,
+      navigate: () => {},
+      replace: () => {},
+      hrefFor: (t) => `/${t.screenId}`,
+      searchParams: { "task-list.f.id": "r1,r2" },
+      setSearchParams: () => {},
+    };
+
+    render(
+      <NavProvider value={navWithIdFilter}>
+        <DispatcherProvider dispatcher={dispatcher}>
+          <KumikoScreen schema={schema} qn="tasks:screen:task-list" />
+        </DispatcherProvider>
+      </NavProvider>,
+    );
+    await waitFor(() => expect(queryCalls.length).toBeGreaterThan(0));
+
+    const payload = queryCalls[0]?.payload as { filters?: unknown };
+    expect(payload.filters).toEqual([{ field: "id", op: "in", value: ["r1", "r2"] }]);
+  });
+
   // Regression-Guard: Default-Pfad (kein screen.filter) darf KEIN
   // filter-Feld in den queryPayload schicken. Sonst würde Zod-Strict
   // ein leeres `filter: undefined` als 400 abweisen, oder ein

package/src/__tests__/render-list.test.tsx

@@ -153,7 +153,8 @@ describe("RenderList", () => {
 describe("RenderList — slots.header", () => {
   const ListHeader = (props: ExtensionSectionProps) => (
     <div data-testid="list-header-slot">
-      header for {props.entityName} (id={String(props.entityId)})
+      header for {props.entityName} (id={String(props.entityId)}) (screen=
+      {String(props.screenId)})
     </div>
   );
   const screenWithHeader: EntityListScreenDefinition = {
@@ -171,6 +172,9 @@ describe("RenderList — slots.header", () => {
     expect(header.textContent).toContain("header for task");
     // Listen-Kontext → keine Row → entityId null.
     expect(header.textContent).toContain("id=null");
+    // Core edit: the header slot gets THIS list's screenId so a control like
+    // the tags TagFilter can drive its url-filter state (useListUrlState).
+    expect(header.textContent).toContain(`screen=${screenWithHeader.id}`);
     // Placement-Regression (Bug-Bash 3 #12): der Header-Slot lebt IM
     // Toolbar-Container (toolbarEnd), NICHT als loser Node über dem
     // Screen-Titel.