@protobase/ui 0.55.5 → 0.55.6

package/dist/app/current-address.d.ts

@@ -25,6 +25,7 @@ export type CurrentAddress = ListAddress | {
   edit?: true;
   open?: readonly string[];
   tab?: string;
+  standard?: true;
 } | {
   kind: 'create';
   resource: string;

package/dist/app/current-address.js

@@ -36,7 +36,8 @@ const currentAddress = (read, defaults) => {
 		key: encodeKey(read.key),
 		...read.edit && { edit: true },
 		...read.open && { open: read.open },
-		...read.tab && { tab: read.tab }
+		...read.tab && { tab: read.tab },
+		...read.standard && { standard: true }
 	};
 	if (read?.kind !== "list") return read;
 	return {

package/dist/app/full-area-record.js

@@ -0,0 +1,33 @@
+import { useProjectUi } from "./pages/project-ui.js";
+import { CustomBoundary } from "./pages/custom-boundary.js";
+import { RecordScope } from "./pages/record-scope.js";
+import { usePageScroll } from "../app-shell/page-scroll.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/app/full-area-record.tsx
+/**
+* A record page that is a component of the app's own (`.record({ component })`), with the record around it as
+* `useLayoutRecord()` gives it. It fills the content area, which does not scroll while it shows; `standard`, the
+* record's standard page, shows instead while the component is missing or when it throws.
+*/
+const FullAreaRecord = ({ component, scope, standard }) => {
+	const { components } = useProjectUi();
+	const Component = components?.[component];
+	if (!Component) return standard;
+	return /* @__PURE__ */ jsx(CustomBoundary, {
+		name: component,
+		fallback: standard,
+		children: /* @__PURE__ */ jsx(FullArea, { children: /* @__PURE__ */ jsx(RecordScope, {
+			value: scope,
+			children: /* @__PURE__ */ jsx(Component, {})
+		}) })
+	});
+};
+const FullArea = ({ children }) => {
+	usePageScroll(false);
+	return /* @__PURE__ */ jsx("div", {
+		className: "grid min-h-0 flex-1 grid-cols-[minmax(0,1fr)] grid-rows-[minmax(0,1fr)]",
+		children
+	});
+};
+//#endregion
+export { FullAreaRecord };

package/dist/app/record-page.js

@@ -47,6 +47,7 @@ import { useDeleteFlow } from "./delete/use-delete-flow.js";
 import { useRestore } from "./delete/use-restore.js";
 import { auditField } from "../live/audit-fields.js";
 import { CustomSection } from "./custom-section.js";
+import { FullAreaRecord } from "./full-area-record.js";
 import { MapSection } from "./map/map-section.js";
 import { RecordChartSection } from "./record-chart/record-chart-section.js";
 import { RecordActions } from "./pages/record-actions.js";
@@ -101,7 +102,8 @@ const layoutFor = (model, view, read) => {
 	];
 };
 const RecordPage = ({ resource, recordKey }) => {
-	const { resources } = useAdminMeta();
+	const { resources, views } = useAdminMeta();
+	const { address } = useAppAddress();
 	const model = resources[resource];
 	const record = useOpenedRecord(resource, recordKey);
 	if (!model) return /* @__PURE__ */ jsx(Notice, {
@@ -122,12 +124,30 @@ const RecordPage = ({ resource, recordKey }) => {
 			error: record.error
 		})
 	});
-	return /* @__PURE__ */ jsx(LoadedRecord, {
+	const standard = /* @__PURE__ */ jsx(LoadedRecord, {
 		model,
 		recordKey,
 		stored: record.data,
 		preview: record.isPlaceholderData
 	}, record.isPlaceholderData ? "preview" : "loaded");
+	const fullArea = views[resource]?.record;
+	if (!fullArea || address?.kind === "record" && address.standard) return standard;
+	if (record.isPlaceholderData) return /* @__PURE__ */ jsx(Notice, {
+		title: text$1("loading"),
+		children: text$1("fetching")
+	});
+	const { record: fields, etag, permissions } = record.data;
+	return /* @__PURE__ */ jsx(FullAreaRecord, {
+		component: fullArea.component,
+		scope: {
+			model,
+			record: fields,
+			key: recordKey,
+			etag,
+			permissions
+		},
+		standard
+	});
 };
 const RecordNotFound = ({ model, recordKey }) => {
 	const elsewhere = useRecordElsewhere(model, recordKey);
@@ -178,13 +198,15 @@ const LoadedRecord = ({ model, recordKey, stored, preview }) => {
 	const openGroups = address?.kind === "record" ? address.open : void 0;
 	const atEdit = address?.kind === "record" && address.edit === true;
 	const addressedTab = address?.kind === "record" ? address.tab : void 0;
+	const standard = address?.kind === "record" && address.standard === true;
 	const recordAt = (open = [], edit = false, tab) => ({
 		kind: "record",
 		resource: model.name,
 		key: recordKey,
 		...edit && { edit },
 		...open.length > 0 && { open },
-		...tab && { tab }
+		...tab && { tab },
+		...standard && { standard }
 	});
 	const readAddress = recordAt(openGroups, false, addressedTab);
 	const editAddress = recordAt(openGroups, true, addressedTab);

package/dist/package.js

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