@protobase/ui 0.19.13 → 0.19.14

package/dist/app/create/create-values.js

@@ -1,15 +1,20 @@
 import { isEditable, toPatchValue } from "../../live/field-values.js";
+import { whenShown } from "../record-mode/record-mode.js";
 //#region src/app/create/create-values.ts
 const isChosen = (value) => typeof value === "object" && value !== null && "key" in value;
 /** Fields the user can set on a new record: not read-only, not the tenant, and not structured data. */
 const isCreatable = (model, field) => field.name !== model.tenant && !field.readOnly && (field.type === "relation" || isEditable(field));
-/** The view's sections limited to creatable fields, plus a section for any creatable field the layout leaves out. */
+/**
+* The view's sections limited to creatable fields, plus a section for any creatable field the layout leaves out. The
+* create form is a form, so sections and fields meant only for reading the record stay out of their sections, and a
+* creatable field among them lands in that last section.
+*/
 const createSections = (model, view) => {
 	const creatable = Object.values(model.fields).filter((field) => isCreatable(model, field)).map((field) => field.name);
 	const placed = /* @__PURE__ */ new Set();
 	const sections = (view?.layout ?? []).flatMap((item) => {
-		if (item.kind !== "section") return [];
-		const fields = item.fields.filter((name) => creatable.includes(name) && !placed.has(name));
+		if (item.kind !== "section" || !whenShown(item.when, true)) return [];
+		const fields = item.fields.filter((name) => creatable.includes(name) && !placed.has(name) && whenShown(view?.fields[name]?.when, true));
 		fields.forEach((name) => placed.add(name));
 		return fields.length > 0 ? [{
 			title: item.title,

package/dist/app/gallery/detail-fields.js

@@ -1,12 +1,13 @@
+import { whenShown } from "../record-mode/record-mode.js";
 //#region src/app/gallery/detail-fields.ts
 /**
 * The fields of a photo's details: those its record page shows in its sections, or without a layout every field but its
-* key and tenant, less sensitive ones and those the gallery already shows: `omit`, such as the photo's file and the
+* key and tenant, less sensitive ones, those meant only for its form and those the gallery already shows: `omit`, such as the photo's file and the
 * field pointing at the gallery's record.
 */
 const detailFields = (model, view, omit) => {
-	const sections = (view?.layout ?? []).flatMap((item) => item.kind === "section" ? item.fields : []);
-	return (sections.length > 0 ? [...new Set(sections)] : Object.keys(model.fields).filter((name) => name !== model.tenant && !model.primaryKey.includes(name))).filter((name) => model.fields[name] && !model.fields[name].sensitive && !omit.includes(name));
+	const sections = (view?.layout ?? []).flatMap((item) => item.kind === "section" && whenShown(item.when, false) ? item.fields : []);
+	return (sections.length > 0 ? [...new Set(sections)] : Object.keys(model.fields).filter((name) => name !== model.tenant && !model.primaryKey.includes(name))).filter((name) => model.fields[name] && !model.fields[name].sensitive && !omit.includes(name) && whenShown(view?.fields[name]?.when, false));
 };
 //#endregion
 export { detailFields };

package/dist/app/record-mode/record-mode.js

@@ -32,5 +32,11 @@ const recordShown = (mode, canUpdate, edit) => {
 const helpShown = (own, view, editing) => (own ?? view?.helpWhen ?? "always") === "always" || editing;
 /** A field's help line on the record page, when it shows. */
 const fieldHelp = (hints, view, editing) => hints?.help !== void 0 && helpShown(hints.helpWhen, view, editing) ? hints.help : void 0;
+/** Whether a field or layout item shows: always, unless it says only while editing or only while reading and the page is not. */
+const whenShown = (when, editing) => {
+	if (when === "editing") return editing;
+	if (when === "reading") return !editing;
+	return true;
+};
 //#endregion
-export { fieldHelp, helpShown, recordShown };
+export { fieldHelp, helpShown, recordShown, whenShown };

package/dist/app/record-page.js

@@ -28,6 +28,7 @@ import { MetadataCard, RelatedRecords, SidebarCard } from "../record-view/record
 import { RecordHeader } from "../record-view/record-header.js";
 import { SpecTable } from "../record-view/spec-table.js";
 import { KeyFacts } from "../record-view/key-facts.js";
+import { fieldHelp, helpShown, recordShown, whenShown } from "./record-mode/record-mode.js";
 import { FieldEditor } from "./field-editor.js";
 import { namedIcon } from "./named-icon.js";
 import { useDeleteFlow } from "./delete/use-delete-flow.js";
@@ -41,7 +42,6 @@ import { draftStorageKey } from "./draft-storage.js";
 import { useLines } from "./use-lines.js";
 import { useLinesDraft } from "./use-lines-draft.js";
 import { GallerySection } from "./gallery/gallery-section.js";
-import { fieldHelp, helpShown, recordShown } from "./record-mode/record-mode.js";
 import { useRecordEditor } from "./use-record-editor.js";
 import { useRelatedRecords } from "./use-related-records.js";
 import { RelatedSection } from "./related-section.js";
@@ -148,14 +148,14 @@ const LoadedRecord = ({ model, recordKey, stored }) => {
 	});
 	const related = useRelatedRecords(model, view, meta.resources, meta.views, stored.record, basePath);
 	const { fields: fieldTypes } = useProjectUi();
-	const layout = layoutFor(model, view, shown === "read");
+	const layout = layoutFor(model, view, shown === "read").filter((item) => whenShown(item.when, editing));
 	const sidebarFields = layout.flatMap((item) => item.kind === "sidebar" ? item.fields : []);
 	const hasStatus = model.fields.status?.type === "enum";
 	const statusValue = stored.record.status;
 	const status = hasStatus && !sidebarFields.includes("status") && statusValue !== null && statusValue !== void 0 && statusValue !== "" ? String(statusValue) : void 0;
 	const updatedAt = auditField(model, "updated");
 	const hint = (name) => view?.fields[name];
-	const visible = (name) => fieldAccess(stored.permissions, name) !== "hidden";
+	const visible = (name) => fieldAccess(stored.permissions, name) !== "hidden" && whenShown(hint(name)?.when, editing);
 	const fieldView = (name) => {
 		const field = model.fields[name];
 		const access = fieldAccess(stored.permissions, name);

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.19.13";
+var version = "0.19.14";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };