@cosmicdrift/kumiko-renderer 0.167.1 → 0.170.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer",
-  "version": "0.167.1",
+  "version": "0.170.0",
   "description": "Platform-agnostic React renderer for Kumiko screens. Contains the shared logic — primitives-contract, hooks, KumikoScreen, navigation & SSE abstractions — that any platform-specific renderer (web, native) composes. No DOM, no EventSource, no react-dom.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -15,8 +15,8 @@
     }
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-framework": "0.167.1",
-    "@cosmicdrift/kumiko-headless": "0.167.1",
+    "@cosmicdrift/kumiko-framework": "0.170.0",
+    "@cosmicdrift/kumiko-headless": "0.170.0",
     "react": "^19.2.6",
     "temporal-polyfill": "^0.3.2"
   },

package/src/components/__tests__/render-edit-logic.test.ts

@@ -80,6 +80,7 @@ const field = (readOnly: boolean): EditFieldViewModel => ({
 const fieldsSection = (...readOnly: boolean[]): EditSectionViewModel => ({
   kind: "fields",
   columns: 1,
+  visible: true,
   fields: readOnly.map(field),
 });
 const extensionSection: EditSectionViewModel = {
@@ -111,4 +112,14 @@ describe("hasEditableSection", () => {
   test("no sections → false", () => {
     expect(hasEditableSection([])).toBe(false);
   });
+
+  test("hidden section with editable field → false (user cannot see the field)", () => {
+    const hiddenSectionWithEditableField: EditSectionViewModel = {
+      kind: "fields",
+      columns: 1,
+      visible: false,
+      fields: [field(false)],
+    };
+    expect(hasEditableSection([hiddenSectionWithEditableField])).toBe(false);
+  });
 });

package/src/components/render-edit-logic.ts

@@ -7,7 +7,9 @@ import type { EditSectionViewModel, SubmitResult } from "@cosmicdrift/kumiko-hea
 // without anyone deciding that on purpose.
 export function hasEditableSection(sections: readonly EditSectionViewModel[]): boolean {
   return sections.some(
-    (s) => s.kind === "extension" || (s.kind === "fields" && s.fields.some((f) => !f.readOnly)),
+    (s) =>
+      s.kind === "extension" ||
+      (s.kind === "fields" && s.visible && s.fields.some((f) => !f.readOnly)),
   );
 }
 

package/src/components/render-edit.tsx

@@ -435,6 +435,7 @@ export function RenderEdit<TValues extends FormValues, TCtx = unknown>(
               />
             );
           }
+          if (!section.visible) return null;
           // Section-Header unterdrücken wenn er den Form-Titel der
           // Action-Bar 1:1 wiederholen würde (typisch bei Single-Section-
           // ActionForms, deren Section-Label = Screen-Titel ist).