@burojs/ui-shadcn 0.7.0 → 0.9.0

package/dist/{resource-page-router-Diw6S6TK.js → resource-page-router-CzaNATSp.js}

@@ -1,13 +1,13 @@
 import { l as cn } from "./use-theme-dnE3Od3I.js";
 import { l as useLinkComponent } from "./toaster-Ct_YHGs6.js";
-import { D as loadPageFlowRoute, k as useLoaded, o as canonicalResourceName, t as CheckConfirmDialog, v as FlowBoundary, w as loadFailedText } from "./check-confirm-dialog-2j0gOd7x.js";
+import { A as useLoaded, O as loadPageFlowRoute, T as loadFailedText, s as canonicalResourceName, t as CheckConfirmDialog, y as FlowBoundary } from "./check-confirm-dialog-B-CbJTln.js";
 import { t as Button } from "./button-MWVeZaqj.js";
-import { b as RecordState, m as useRowTitle, v as InvalidRouteId, y as LoadError } from "./relation-create-C43cdPQt.js";
+import { b as LoadError, m as useRowTitle, x as RecordState, y as InvalidRouteId } from "./relation-create-6WicROWA.js";
 import { t as Skeleton } from "./skeleton-U2noefj5.js";
-import { Ct as recordReturnTarget, Dt as useShownItemActions, G as RouteScreenClaimContext, H as ScreenTree, J as FormControlProvider, K as RouteScreenContext, Pt as FieldDisplay, S as useFrameChrome, St as listTarget, Tt as showTarget, U as useTabsUrlState, W as QuickScreenClaimContext, X as useFormControlOf, d as resolveFrameView, g as UndeclaredTypeNotice, h as TypeChromeDrawnContext, ht as PageHeader, i as RouteListContext, jt as DeepLinkScope, m as HeaderTypeNotice, n as viewOf, p as ChangeTypeButton, q as useIsRouteScreen, t as selectImplementation, u as isBuiltinRecordView, v as FormActions, wt as recordRouteAvailable, x as FrameChromeContext, xt as isShowAvailable } from "./place-node-CfzQvh4Y.js";
-import { t as useNoticeSink } from "./success-notices-LDEgEkc4.js";
-import { FORM_SLOT, addressesCapability, builtinFrames, canonicalEntityNodeKey, compilePageScreen, declaredText, dtoFields, evaluateVisible, fieldSensitivity, formatEntityRef, hasListPage, hrefFor, humanizeKey, isCustomPageDef, isScreenFailure, issueOfInput, matchPath, navHrefFor, normalizeEntityRef, normalizeIssueInputs, pageParamNames, parsePageParams, resolveNavLabel, resourceKey, routeResourceKey, routeServerIssues, scopeColumnOf, snapshotAppFrames, snapshotBlockLookup, snapshotFrameLookup, successNoticesOf } from "@burojs/core";
-import { ActionRouteContext, ComponentsContext, FrameCheckContext, RecordFrameContext, RecordScopeProvider, ResourceContext, RouteSourceContext, ScreenStateProvider, maybeThen, pageAccessFor, policyRecordOf, recordKeyOf, resolveRoute, retryRecordRead, settle, useApp, useApplicationSnapshot, useAvailabilityResolver, useChromeT, useComponent, useCtx, useCurrentUserId, useFieldAccess, useFormController, useFrameImplementations, useFrameT, useI18nCaps, useList, useNavigationGuardText, useOne, useOptionalDataRuntime, useOptionalRouterAdapter, useOptionalT, usePageAccess, usePageScreen, usePermissions, usePlatformStorage, useProjectedRecord, usePublishDocVariant, useQuickEntry, useRecordFrame, useRecordTitle, useRouteListImplementation, useRouteNavigate, useRouteRecordId, useScope, useT, useTestIds, useTranslate, useVisibilityCtx } from "@burojs/react";
+import { Ct as useShownItemActions, G as RouteScreenClaimContext, H as ScreenTree, J as FormControlProvider, K as RouteScreenContext, Mt as FieldDisplay, S as useFrameChrome, U as useTabsUrlState, W as QuickScreenClaimContext, X as useFormControlOf, d as resolveFrameView, g as UndeclaredTypeNotice, gt as PageHeader, h as TypeChromeDrawnContext, i as RouteListContext, kt as DeepLinkScope, m as HeaderTypeNotice, n as viewOf, p as ChangeTypeButton, q as useIsRouteScreen, t as selectImplementation, u as isBuiltinRecordView, v as FormActions, x as FrameChromeContext } from "./place-node-DRjmJGQ_.js";
+import { t as useNoticeSink } from "./success-notices-CrcWOGSo.js";
+import { FORM_SLOT, addressesCapability, builtinFrames, canonicalEntityNodeKey, compilePageScreen, declaredText, dtoFields, evaluateVisible, fieldSensitivity, formatEntityRef, hasListPage, hrefFor, humanizeKey, isCustomPageDef, isScreenFailure, issueOfInput, matchPath, navHrefFor, nodeKind, normalizeEntityRef, normalizeIssueInputs, pageParamNames, parsePageParams, permissionsUndecided, resolveNavLabel, resolveResourceLabel, resolveResourceNavLabel, resourceKey, routeResourceKey, routeServerIssues, scopeColumnOf, snapshotAppFrames, snapshotBlockLookup, snapshotFrameLookup, successNoticesOf } from "@burojs/core";
+import { ActionRouteContext, ComponentsContext, FrameCheckContext, ORIGIN_DEPTH, RecordFrameContext, RecordScopeProvider, ResourceContext, RouteSourceContext, ScreenStateProvider, maybeThen, pageAccessFor, policyRecordOf, recordKeyOf, recordRouteAvailable, resolveRoute, retryRecordRead, settle, useApp, useApplicationSnapshot, useAvailabilityResolver, useChromeT, useComponent, useCtx, useCurrentUserId, useFieldAccess, useFormController, useFrameImplementations, useFrameT, useI18nCaps, useList, useNavigationGuardText, useOne, useOptionalDataRuntime, useOptionalRouterAdapter, useOptionalT, usePageAccess, usePageScreen, usePermissions, usePlatformStorage, useProjectedRecord, usePublishDocVariant, useQuickEntry, useRecordFrame, useRecordTitle, useReturnTarget, useRouteListImplementation, useRouteNavigate, useRouteRecordId, useScope, useT, useTestIds, useTranslate, useVisibilityCtx } from "@burojs/react";
 import { Suspense, createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/resource-key.ts
@@ -18,6 +18,66 @@ function canonicalResourceKey$1(def) {
 	return canonicalNavKey(def);
 }
 //#endregion
+//#region src/layout/build-nav-items.ts
+function groupNavHref(registry, group, isVisible) {
+	let href;
+	try {
+		href = navHrefFor(registry, group, { isVisible });
+	} catch {
+		return;
+	}
+	return matchPath(registry, href, { isVisible }) === null ? void 0 : href;
+}
+function buildNavItems(args) {
+	const { registry, caps, groupName, match, isVisible, entryFilter, icons } = args;
+	const chain = match?.groupChain ?? [];
+	const qualifiedMatch = match;
+	const activeLeaf = qualifiedMatch == null ? void 0 : qualifiedMatch.kind === "group-index" ? canonicalNavKey({
+		name: qualifiedMatch.target ?? qualifiedMatch.name,
+		ref: qualifiedMatch.targetRef
+	}) : canonicalNavKey(qualifiedMatch);
+	const isEligible = (node) => isVisible(node) && (entryFilter ? entryFilter(node) : true);
+	const out = [];
+	for (const child of registry.groups.childrenOf(groupName)) {
+		if (!isEligible(child)) continue;
+		const kind = nodeKind(child);
+		const childKey = canonicalNavKey(child);
+		if (kind === "group") {
+			const href = groupNavHref(registry, childKey, isEligible);
+			if (href === void 0) continue;
+			const label = resolveNavLabel(caps, `groups.${childKey}`, declaredText("chrome", child, "label"));
+			const active = chain.some((g) => canonicalNavKey(g) === childKey);
+			out.push({
+				kind: "group",
+				name: childKey,
+				label,
+				href,
+				icon: icons?.group?.(childKey),
+				active
+			});
+			continue;
+		}
+		const href = navHrefFor(registry, childKey, { isVisible: isEligible });
+		if (kind === "custom-page") out.push({
+			kind: "custom-page",
+			name: childKey,
+			label: resolveNavLabel(caps, `pages.${childKey}`, declaredText("chrome", child, "label")),
+			href,
+			icon: icons?.page?.(childKey),
+			active: activeLeaf === childKey
+		});
+		else out.push({
+			kind: "resource",
+			name: childKey,
+			label: resolveResourceNavLabel(caps, childKey, child),
+			href,
+			icon: icons?.resource?.(childKey),
+			active: activeLeaf === childKey
+		});
+	}
+	return out;
+}
+//#endregion
 //#region src/layout/layouts/secondary-sidebar-layout.tsx
 function Row({ it }) {
 	const RouterLink = useLinkComponent();
@@ -951,15 +1011,21 @@ function RecordFrameHost(props) {
 		edited
 	]);
 	const notify = useNoticeSink(resource);
+	const routeScreen = useIsRouteScreen();
+	const leavesOnCreate = mode === "create" && routeScreen;
+	const [created, setCreated] = useState(false);
+	const createdRef = useRef(false);
 	const latest = useRef({
 		controller,
 		onSuccess: props.onSuccess,
-		notify
+		notify,
+		leavesOnCreate
 	});
 	latest.current = {
 		controller,
 		onSuccess: props.onSuccess,
-		notify
+		notify,
+		leavesOnCreate
 	};
 	const mounted = useRef(true);
 	useEffect(() => {
@@ -969,6 +1035,7 @@ function RecordFrameHost(props) {
 		};
 	}, []);
 	const submit = useCallback(async () => {
+		if (createdRef.current) return;
 		setSubmitError(void 0);
 		setSubmitApplied(void 0);
 		setFailed(NO_ISSUES);
@@ -976,6 +1043,10 @@ function RecordFrameHost(props) {
 		atFailure.current = {};
 		const outcome = await latest.current.controller.submit();
 		if (!mounted.current) return;
+		if (latest.current.leavesOnCreate && (outcome.status === "submitted" || outcome.status === "failed" && outcome.applied === "yes")) {
+			createdRef.current = true;
+			setCreated(true);
+		}
 		if (outcome.status === "submitted") {
 			const notices = successNoticesOf(outcome.result);
 			if (notices.length > 0) latest.current.notify(notices);
@@ -1015,7 +1086,6 @@ function RecordFrameHost(props) {
 	]);
 	const { chooseType } = props;
 	const typedAndAccepted = mode === "create" && controller.typeOffer !== null && controller.failure === null;
-	const routeScreen = useIsRouteScreen();
 	const adapter = useOptionalRouterAdapter();
 	const hostRouter = routeScreen ? adapter : null;
 	const guardText = useNavigationGuardText();
@@ -1057,6 +1127,7 @@ function RecordFrameHost(props) {
 		submitError,
 		...submitApplied === void 0 ? {} : { submitApplied },
 		serverIssues: shownFailed,
+		...created ? { created: true } : {},
 		submit,
 		root
 	}), [
@@ -1070,6 +1141,7 @@ function RecordFrameHost(props) {
 		submitError,
 		submitApplied,
 		shownFailed,
+		created,
 		submit
 	]);
 	usePublishDocVariant(mode === "show" ? resource : void 0, record);
@@ -1257,6 +1329,24 @@ function usePublishedRecordTrail(key) {
 	return current !== null && current.key === key ? current : null;
 }
 //#endregion
+//#region src/layout/record-targets.ts
+function isShowAvailable(registry, resource) {
+	return recordRouteAvailable(registry, resource, "show");
+}
+function showTarget(resource, id) {
+	return {
+		resource,
+		action: "show",
+		params: { id }
+	};
+}
+function listTarget(resource) {
+	return {
+		resource,
+		action: "list"
+	};
+}
+//#endregion
 //#region src/layout/route-trail.ts
 function useTrailContext() {
 	const app = useApp();
@@ -1270,21 +1360,13 @@ function useTrailContext() {
 		t
 	};
 }
-function groupCrumbHref(registry, group, isVisible) {
-	let href;
-	try {
-		href = navHrefFor(registry, group, { isVisible });
-	} catch {
-		return;
-	}
-	return matchPath(registry, href, { isVisible }) === null ? void 0 : href;
-}
 function groupCrumbs(ctx, chain) {
 	return chain.map((group) => {
 		const key = canonicalNavKey(group);
 		return {
 			label: resolveNavLabel(ctx.caps, `groups.${key}`, declaredText("chrome", group, "label")),
-			href: groupCrumbHref(ctx.registry, key, ctx.isVisible)
+			href: groupNavHref(ctx.registry, key, ctx.isVisible),
+			jump: true
 		};
 	});
 }
@@ -1300,8 +1382,68 @@ function recordActionOf(match) {
 		default: return;
 	}
 }
+function pathOf(href) {
+	const path = href.split(/[?#]/, 1)[0] ?? "";
+	return path.length > 1 && path.endsWith("/") ? path.slice(0, -1) : path;
+}
+function originTrail(ctx, origin, depth = ORIGIN_DEPTH) {
+	const match = matchPath(ctx.registry, pathOf(origin.href), { isVisible: ctx.isVisible });
+	if (match === null) return void 0;
+	switch (match.kind) {
+		case "resource": {
+			const key = canonicalNavKey(match);
+			if (match.action === "list") return {
+				leading: groupCrumbs(ctx, match.groupChain),
+				resource: key,
+				resourceHref: origin.href,
+				segments: []
+			};
+			const def = ctx.registry.get(key);
+			const crumb = {
+				label: match.action === "create" ? ctx.t("breadcrumbs.create") : origin.title || (match.id === void 0 ? "" : `#${match.id}`),
+				href: origin.href
+			};
+			const parent = depth > 1 && origin.origin !== void 0 ? originTrail(ctx, origin.origin, depth - 1) : void 0;
+			if (parent !== void 0) return {
+				...parent,
+				segments: [...parent.segments, crumb]
+			};
+			return {
+				leading: groupCrumbs(ctx, match.groupChain),
+				resource: key,
+				...def !== void 0 && hasListPage(def) ? { resourceHref: hrefFor(ctx.registry, key) } : {},
+				segments: [crumb]
+			};
+		}
+		case "custom-page": {
+			const trail = headerTrail(ctx, match);
+			if (trail === null || trail.pageLabel === void 0) return void 0;
+			return {
+				leading: trail.leadingSegments ?? [],
+				segments: [{
+					label: trail.pageLabel,
+					href: origin.href
+				}]
+			};
+		}
+		case "group-index": {
+			const crumbs = groupCrumbs(ctx, match.groupChain);
+			const own = crumbs[crumbs.length - 1];
+			if (own === void 0) return void 0;
+			return {
+				leading: crumbs.slice(0, -1),
+				segments: [{
+					label: own.label,
+					href: origin.href
+				}]
+			};
+		}
+		default: return;
+	}
+}
 function recordTrail(ctx, input) {
-	const { resource, action, id } = input;
+	const { resource, action, id, origin } = input;
+	if (origin !== void 0 && (action === "create" || id !== "")) return originRooted(ctx, input, origin);
 	const leadingSegments = nonEmpty(groupCrumbs(ctx, input.groupChain));
 	if (action !== "create" && id === "") return {
 		resource,
@@ -1321,6 +1463,42 @@ function recordTrail(ctx, input) {
 		middleSegments
 	};
 }
+function originRooted(ctx, input, origin) {
+	const { resource, action, id } = input;
+	const recordLabel = input.title || id;
+	const drawn = new Set(origin.segments.flatMap((crumb) => crumb.href === void 0 ? [] : [pathOf(crumb.href)]));
+	const own = action === "edit" ? [isShowAvailable(ctx.registry, resource) ? {
+		label: recordLabel,
+		href: resolveRoute(showTarget(resource, id), ctx.registry)
+	} : { label: recordLabel }].filter((crumb) => crumb.href === void 0 || !drawn.has(pathOf(crumb.href))) : [];
+	const pageLabel = action === "create" ? ctx.t("breadcrumbs.create") : action === "edit" ? ctx.t("breadcrumbs.edit") : recordLabel;
+	const recordId = action === "create" ? void 0 : id;
+	const middleSegments = nonEmpty([...origin.segments, ...own]);
+	if (origin.resource !== void 0 && ctx.registry.get(origin.resource) === ctx.registry.get(resource)) return {
+		resource,
+		recordId,
+		pageLabel,
+		leadingSegments: nonEmpty([...origin.leading]),
+		...origin.resourceHref === void 0 ? {} : { resourceHref: origin.resourceHref },
+		middleSegments
+	};
+	const def = origin.resource === void 0 ? void 0 : ctx.registry.get(origin.resource);
+	const resourceCrumb = origin.resource === void 0 ? [] : [{
+		label: resolveResourceLabel(ctx.caps, origin.resource, "plural", def),
+		...origin.resourceHref === void 0 ? {} : { href: origin.resourceHref }
+	}];
+	return {
+		resource,
+		recordId,
+		pageLabel,
+		rootSegments: [
+			...origin.leading,
+			...resourceCrumb,
+			...origin.segments,
+			...own
+		]
+	};
+}
 function recordTrailRoute(registry, match) {
 	if (match === null || match.kind !== "resource") return null;
 	const resource = canonicalNavKey(match);
@@ -1514,10 +1692,9 @@ function RecordShow({ resource, id, recordId, record, shown }) {
 	})] });
 }
 function RecordEdit({ resource, id, recordId, record, shown }) {
-	const app = useApp();
 	const navigate = useRouteNavigate();
 	const mounted = useMountedRef();
-	const back = recordReturnTarget(app.registry, resource, id);
+	const back = useReturnTarget(resource, "edit", id);
 	return jsxs("div", { children: [jsx(RecordRouteHeader, {
 		resource,
 		action: "edit",
@@ -1528,9 +1705,9 @@ function RecordEdit({ resource, id, recordId, record, shown }) {
 		mode: "edit",
 		recordId,
 		record,
-		onCancel: () => navigate(back),
+		onCancel: () => navigate(back, { origin: "inherit" }),
 		onSuccess: () => {
-			if (mounted.current) navigate(back);
+			if (mounted.current) navigate(back, { origin: "inherit" });
 		}
 	})] });
 }
@@ -1544,6 +1721,7 @@ function RecordCreate({ resource, defaults }) {
 	const mounted = useMountedRef();
 	const adapter = useOptionalRouterAdapter();
 	const list = listTarget(resource);
+	const back = useReturnTarget(resource, "create");
 	const type = adapter?.searchParams.get("type") ?? void 0;
 	return jsxs("div", { children: [jsx(RecordRouteHeader, {
 		resource,
@@ -1556,11 +1734,11 @@ function RecordCreate({ resource, defaults }) {
 			mode: "create",
 			...type === void 0 ? {} : { type },
 			...defaults === void 0 ? {} : { defaults },
-			onCancel: () => navigate(list),
+			onCancel: () => navigate(back, { origin: "inherit" }),
 			onSuccess: (result) => {
 				if (!mounted.current) return;
 				const id = createdId(result);
-				navigate(id === void 0 ? list : recordReturnTarget(app.registry, resource, id));
+				navigate(id !== void 0 && isShowAvailable(app.registry, resource) ? showTarget(resource, id) : list, { origin: "inherit" });
 			}
 		})
 	})] });
@@ -1584,7 +1762,7 @@ function RecordRead({ resource, action, id, recordId }) {
 		name: "show"
 	});
 	const showHidden = showRuled && read !== null && typeof read === "object" && showAvailability("show", read).state !== "available";
-	const showSettled = !showRuled || !query.isPlaceholderData && permissions?.status !== "loading" && permissions?.status !== "error";
+	const showSettled = !showRuled || !query.isPlaceholderData && !permissionsUndecided(permissions) && permissions?.status !== "error";
 	useRecordVisit(resource, projected.status === "ready" && showSettled && !showHidden ? projected.value : null, { isCurrentData: !query.isPlaceholderData });
 	const route = useMemo(() => Object.freeze({ id }), [id]);
 	const availability = useAvailabilityResolver(resource, "edit");
@@ -1593,7 +1771,7 @@ function RecordRead({ resource, action, id, recordId }) {
 		if (record === null || typeof record !== "object") return jsx(RecordState, { state: "not-found" });
 		const loaded = record;
 		if (showRuled) {
-			if (query.isPlaceholderData || permissions?.status === "loading") return jsx(RecordState, { state: "loading" });
+			if (query.isPlaceholderData || permissionsUndecided(permissions)) return jsx(RecordState, { state: "loading" });
 			if (permissions?.status === "error") return jsx(RecordState, { state: "not-found" });
 			if (showHidden) return jsx(RecordState, { state: "not-found" });
 		}
@@ -1602,6 +1780,7 @@ function RecordRead({ resource, action, id, recordId }) {
 		if (action === "edit") {
 			const edit = availability("edit", loaded).state;
 			if (edit === "hidden" || edit === "absent") return jsx(RecordState, { state: "not-found" });
+			if (edit === "undecided") return jsx(RecordState, { state: "loading" });
 		}
 		return jsx(RouteSourceContext.Provider, {
 			value: route,
@@ -1826,6 +2005,6 @@ function NavAreaPage() {
 	});
 }
 //#endregion
-export { TabsLayout as A, usePageAllowed as C, useLayout as D, layoutSlot as E, canonicalNavKey as M, canonicalResourceKey$1 as N, useLayoutResolver as O, useNavVisible as S, BUILTIN_LAYOUTS as T, PlannedBody as _, useRecordVisit as a, useHref as b, headerTrail as c, useTrailContext as d, recordTrailKey as f, useResourceDimensionOptions as g, RecordScreen as h, RecordPage as i, SecondarySidebarLayout as j, useReportUnresolvedLayouts as k, recordTrail as l, usePublishedRecordTrail as m, NavAreaPage as n, RECENT_LABEL_KEYS as o, usePublishRecordTrail as p, ResourcePageRouter as r, readRecentRecords as s, NavAreaNotFound as t, recordTrailRoute as u, ResourceListPage as v, useResourceVisible as w, useMatch as x, NavChromeMountedProvider as y };
+export { useLayoutResolver as A, useMatch as C, BUILTIN_LAYOUTS as D, useResourceVisible as E, groupNavHref as F, canonicalNavKey as I, canonicalResourceKey$1 as L, TabsLayout as M, SecondarySidebarLayout as N, layoutSlot as O, buildNavItems as P, useHref as S, usePageAllowed as T, RecordScreen as _, useRecordVisit as a, ResourceListPage as b, headerTrail as c, recordTrailRoute as d, useTrailContext as f, usePublishedRecordTrail as g, usePublishRecordTrail as h, RecordPage as i, useReportUnresolvedLayouts as j, useLayout as k, originTrail as l, recordTrailKey as m, NavAreaPage as n, RECENT_LABEL_KEYS as o, isShowAvailable as p, ResourcePageRouter as r, readRecentRecords as s, NavAreaNotFound as t, recordTrail as u, useResourceDimensionOptions as v, useNavVisible as w, NavChromeMountedProvider as x, PlannedBody as y };
 
-//# sourceMappingURL=resource-page-router-Diw6S6TK.js.map
+//# sourceMappingURL=resource-page-router-CzaNATSp.js.map