@burojs/ui-shadcn 0.7.0 → 0.9.0

package/dist/{resource-page-router-C_kGW2o_.cjs → resource-page-router-dmVIeu5s.cjs}

@@ -1,11 +1,11 @@
 const require_use_theme = require("./use-theme-DFlpXils.cjs");
 const require_toaster = require("./toaster-BbByOytP.cjs");
-const require_check_confirm_dialog = require("./check-confirm-dialog-C-NHgMST.cjs");
+const require_check_confirm_dialog = require("./check-confirm-dialog-W-8WOmGh.cjs");
 const require_button = require("./button-BxnnE28H.cjs");
-const require_relation_create = require("./relation-create-DDEYcKfw.cjs");
+const require_relation_create = require("./relation-create-_SFuPQGM.cjs");
 const require_skeleton = require("./skeleton-_1gP7wan.cjs");
-const require_place_node = require("./place-node-CNb3w-c7.cjs");
-const require_success_notices = require("./success-notices-Dl3M1fZP.cjs");
+const require_place_node = require("./place-node-BZF5Af6x.cjs");
+const require_success_notices = require("./success-notices-Cl4b6MLQ.cjs");
 let _burojs_core = require("@burojs/core");
 let _burojs_react = require("@burojs/react");
 let react = require("react");
@@ -18,6 +18,66 @@ function canonicalResourceKey(def) {
 	return canonicalNavKey(def);
 }
 //#endregion
+//#region src/layout/build-nav-items.ts
+function groupNavHref(registry, group, isVisible) {
+	let href;
+	try {
+		href = (0, _burojs_core.navHrefFor)(registry, group, { isVisible });
+	} catch {
+		return;
+	}
+	return (0, _burojs_core.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 = (0, _burojs_core.nodeKind)(child);
+		const childKey = canonicalNavKey(child);
+		if (kind === "group") {
+			const href = groupNavHref(registry, childKey, isEligible);
+			if (href === void 0) continue;
+			const label = (0, _burojs_core.resolveNavLabel)(caps, `groups.${childKey}`, (0, _burojs_core.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 = (0, _burojs_core.navHrefFor)(registry, childKey, { isVisible: isEligible });
+		if (kind === "custom-page") out.push({
+			kind: "custom-page",
+			name: childKey,
+			label: (0, _burojs_core.resolveNavLabel)(caps, `pages.${childKey}`, (0, _burojs_core.declaredText)("chrome", child, "label")),
+			href,
+			icon: icons?.page?.(childKey),
+			active: activeLeaf === childKey
+		});
+		else out.push({
+			kind: "resource",
+			name: childKey,
+			label: (0, _burojs_core.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 = require_toaster.useLinkComponent();
@@ -951,15 +1011,21 @@ function RecordFrameHost(props) {
 		edited
 	]);
 	const notify = require_success_notices.useNoticeSink(resource);
+	const routeScreen = require_place_node.useIsRouteScreen();
+	const leavesOnCreate = mode === "create" && routeScreen;
+	const [created, setCreated] = (0, react.useState)(false);
+	const createdRef = (0, react.useRef)(false);
 	const latest = (0, react.useRef)({
 		controller,
 		onSuccess: props.onSuccess,
-		notify
+		notify,
+		leavesOnCreate
 	});
 	latest.current = {
 		controller,
 		onSuccess: props.onSuccess,
-		notify
+		notify,
+		leavesOnCreate
 	};
 	const mounted = (0, react.useRef)(true);
 	(0, react.useEffect)(() => {
@@ -969,6 +1035,7 @@ function RecordFrameHost(props) {
 		};
 	}, []);
 	const submit = (0, react.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 = (0, _burojs_core.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 = require_place_node.useIsRouteScreen();
 	const adapter = (0, _burojs_react.useOptionalRouterAdapter)();
 	const hostRouter = routeScreen ? adapter : null;
 	const guardText = (0, _burojs_react.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
 	]);
 	(0, _burojs_react.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 (0, _burojs_react.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 = (0, _burojs_react.useApp)();
@@ -1270,21 +1360,13 @@ function useTrailContext() {
 		t
 	};
 }
-function groupCrumbHref(registry, group, isVisible) {
-	let href;
-	try {
-		href = (0, _burojs_core.navHrefFor)(registry, group, { isVisible });
-	} catch {
-		return;
-	}
-	return (0, _burojs_core.matchPath)(registry, href, { isVisible }) === null ? void 0 : href;
-}
 function groupCrumbs(ctx, chain) {
 	return chain.map((group) => {
 		const key = canonicalNavKey(group);
 		return {
 			label: (0, _burojs_core.resolveNavLabel)(ctx.caps, `groups.${key}`, (0, _burojs_core.declaredText)("chrome", group, "label")),
-			href: groupCrumbHref(ctx.registry, key, ctx.isVisible)
+			href: groupNavHref(ctx.registry, key, ctx.isVisible),
+			jump: true
 		};
 	});
 }
@@ -1300,17 +1382,77 @@ 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 = _burojs_react.ORIGIN_DEPTH) {
+	const match = (0, _burojs_core.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 && (0, _burojs_core.hasListPage)(def) ? { resourceHref: (0, _burojs_core.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,
 		leadingSegments
 	};
 	const recordLabel = input.title || id;
-	const middleSegments = action === "edit" ? [require_place_node.isShowAvailable(ctx.registry, resource) ? {
+	const middleSegments = action === "edit" ? [isShowAvailable(ctx.registry, resource) ? {
 		label: recordLabel,
-		href: (0, _burojs_react.resolveRoute)(require_place_node.showTarget(resource, id), ctx.registry)
+		href: (0, _burojs_react.resolveRoute)(showTarget(resource, id), ctx.registry)
 	} : { label: recordLabel }] : void 0;
 	const pageLabel = action === "create" ? ctx.t("breadcrumbs.create") : action === "edit" ? ctx.t("breadcrumbs.edit") : recordLabel;
 	return {
@@ -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: (0, _burojs_react.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: (0, _burojs_core.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);
@@ -1333,7 +1511,7 @@ function recordTrailRoute(registry, match) {
 		groupChain
 	};
 	const action = recordActionOf(match);
-	if (action === void 0 || !require_place_node.recordRouteAvailable(registry, resource, action)) return null;
+	if (action === void 0 || !(0, _burojs_react.recordRouteAvailable)(registry, resource, action)) return null;
 	return {
 		resource,
 		action,
@@ -1514,10 +1692,9 @@ function RecordShow({ resource, id, recordId, record, shown }) {
 	})] });
 }
 function RecordEdit({ resource, id, recordId, record, shown }) {
-	const app = (0, _burojs_react.useApp)();
 	const navigate = (0, _burojs_react.useRouteNavigate)();
 	const mounted = useMountedRef();
-	const back = require_place_node.recordReturnTarget(app.registry, resource, id);
+	const back = (0, _burojs_react.useReturnTarget)(resource, "edit", id);
 	return (0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.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" });
 		}
 	})] });
 }
@@ -1543,7 +1720,8 @@ function RecordCreate({ resource, defaults }) {
 	const navigate = (0, _burojs_react.useRouteNavigate)();
 	const mounted = useMountedRef();
 	const adapter = (0, _burojs_react.useOptionalRouterAdapter)();
-	const list = require_place_node.listTarget(resource);
+	const list = listTarget(resource);
+	const back = (0, _burojs_react.useReturnTarget)(resource, "create");
 	const type = adapter?.searchParams.get("type") ?? void 0;
 	return (0, react_jsx_runtime.jsxs)("div", { children: [(0, react_jsx_runtime.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 : require_place_node.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 && !(0, _burojs_core.permissionsUndecided)(permissions) && permissions?.status !== "error";
 	useRecordVisit(resource, projected.status === "ready" && showSettled && !showHidden ? projected.value : null, { isCurrentData: !query.isPlaceholderData });
 	const route = (0, react.useMemo)(() => Object.freeze({ id }), [id]);
 	const availability = (0, _burojs_react.useAvailabilityResolver)(resource, "edit");
@@ -1593,7 +1771,7 @@ function RecordRead({ resource, action, id, recordId }) {
 		if (record === null || typeof record !== "object") return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "not-found" });
 		const loaded = record;
 		if (showRuled) {
-			if (query.isPlaceholderData || permissions?.status === "loading") return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "loading" });
+			if (query.isPlaceholderData || (0, _burojs_core.permissionsUndecided)(permissions)) return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "loading" });
 			if (permissions?.status === "error") return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "not-found" });
 			if (showHidden) return (0, react_jsx_runtime.jsx)(require_relation_create.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 (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "not-found" });
+			if (edit === "undecided") return (0, react_jsx_runtime.jsx)(require_relation_create.RecordState, { state: "loading" });
 		}
 		return (0, react_jsx_runtime.jsx)(_burojs_react.RouteSourceContext.Provider, {
 			value: route,
@@ -1732,7 +1911,7 @@ function ResourcePageRouter({ match }) {
 			}
 			if (match.action === "flow") return (0, react_jsx_runtime.jsx)(PageFlowRouteLoader, { match });
 			if (recordAction === void 0) return (0, react_jsx_runtime.jsx)(ResourcePageRouterEmpty, {});
-			if (!require_place_node.recordRouteAvailable(app.registry, resource, recordAction)) return (0, react_jsx_runtime.jsx)(NavAreaNotFound, {});
+			if (!(0, _burojs_react.recordRouteAvailable)(app.registry, resource, recordAction)) return (0, react_jsx_runtime.jsx)(NavAreaNotFound, {});
 			return (0, react_jsx_runtime.jsx)(RecordRoute, {
 				resource,
 				action: recordAction,
@@ -1898,6 +2077,12 @@ Object.defineProperty(exports, "TabsLayout", {
 		return TabsLayout;
 	}
 });
+Object.defineProperty(exports, "buildNavItems", {
+	enumerable: true,
+	get: function() {
+		return buildNavItems;
+	}
+});
 Object.defineProperty(exports, "canonicalNavKey", {
 	enumerable: true,
 	get: function() {
@@ -1910,18 +2095,36 @@ Object.defineProperty(exports, "canonicalResourceKey", {
 		return canonicalResourceKey;
 	}
 });
+Object.defineProperty(exports, "groupNavHref", {
+	enumerable: true,
+	get: function() {
+		return groupNavHref;
+	}
+});
 Object.defineProperty(exports, "headerTrail", {
 	enumerable: true,
 	get: function() {
 		return headerTrail;
 	}
 });
+Object.defineProperty(exports, "isShowAvailable", {
+	enumerable: true,
+	get: function() {
+		return isShowAvailable;
+	}
+});
 Object.defineProperty(exports, "layoutSlot", {
 	enumerable: true,
 	get: function() {
 		return layoutSlot;
 	}
 });
+Object.defineProperty(exports, "originTrail", {
+	enumerable: true,
+	get: function() {
+		return originTrail;
+	}
+});
 Object.defineProperty(exports, "readRecentRecords", {
 	enumerable: true,
 	get: function() {
@@ -2025,4 +2228,4 @@ Object.defineProperty(exports, "useTrailContext", {
 	}
 });
 
-//# sourceMappingURL=resource-page-router-C_kGW2o_.cjs.map
+//# sourceMappingURL=resource-page-router-dmVIeu5s.cjs.map