@burojs/ui-shadcn 0.9.0 → 0.10.0

package/dist/{place-node-BZF5Af6x.cjs → place-node-C5ZmuHaN.cjs}

@@ -1,15 +1,15 @@
 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-W-8WOmGh.cjs");
+const require_check_confirm_dialog = require("./check-confirm-dialog-BMSb7wFv.cjs");
 const require_button = require("./button-BxnnE28H.cjs");
 const require_input = require("./input-BI0czGyI.cjs");
 const require_dialog = require("./dialog-vmMdfUWs.cjs");
-const require_relation_create = require("./relation-create-_SFuPQGM.cjs");
+const require_relation_create = require("./relation-create-B8zngAcA.cjs");
 const require_skeleton = require("./skeleton-_1gP7wan.cjs");
-const require_filter_builder = require("./filter-builder-DQX-TMFh.cjs");
+const require_filter_builder = require("./filter-builder-Dt5E8PSX.cjs");
 const require_label = require("./label-w6JYf2cF.cjs");
-const require_lazy_relation_picker_dialog = require("./lazy-relation-picker-dialog-C_VlGlDz.cjs");
-const require_relation_select = require("./relation-select-C3aV18kT.cjs");
+const require_lazy_relation_picker_dialog = require("./lazy-relation-picker-dialog-CeRzOAi0.cjs");
+const require_relation_select = require("./relation-select-CguIo2M5.cjs");
 let _burojs_core = require("@burojs/core");
 let _burojs_react = require("@burojs/react");
 let _tabler_icons_react = require("@tabler/icons-react");
@@ -1463,14 +1463,15 @@ function useExportRunWatcher() {
 //#endregion
 //#region src/actions/action-overflow.tsx
 const RowActionsCollapseContext = (0, react.createContext)(false);
-function ActionOverflow({ resource: resourceInput, record, surface, className, hideFlows, collapse, sources }) {
+function ActionOverflow({ resource: resourceInput, record, surface, className, hideFlows, hideActions, collapse, sources }) {
 	const resource = (0, _burojs_core.routeResourceKey)(resourceInput);
 	const chromeT = (0, _burojs_react.useChromeT)();
 	const tid = (0, _burojs_react.useTestIds)();
 	const recordKey = String((0, _burojs_react.recordKeyOf)((0, _burojs_react.useApp)().registry.get(resource), record) ?? "");
 	const collapsedRows = (0, react.useContext)(RowActionsCollapseContext);
 	const [flowFor, setFlowFor] = (0, react.useState)(null);
-	const actions = useShownItemActions(resource, record, surface, hideFlows, sources);
+	const shown = useShownItemActions(resource, record, surface, hideFlows, sources);
+	const actions = hideActions === void 0 ? shown : shown.filter((a) => !hideActions(a.name));
 	if (actions.length === 0) return null;
 	const isRow = surface === "row";
 	const folded = isRow && (collapse ?? collapsedRows);
@@ -3059,6 +3060,22 @@ function actionsColumnSize(items) {
 	const strip = controls * ROW_ACTION_CONTROL_PX + (controls - 1) * ROW_ACTION_GAP_PX + ACTIONS_CELL_PADDING_PX;
 	return Math.max(ACTIONS_COL_MIN_PX, strip);
 }
+const isNamedEntry = (value) => typeof value === "object" && value !== null;
+function offered(items, offers) {
+	return offers === void 0 || items === void 0 ? items : items.filter((action) => offers(action.name));
+}
+function rowFlowsOf(def, offers) {
+	if (!def) return [];
+	const items = offered(def.actions?.item, offers) ?? [];
+	const out = [];
+	for (const placement of (0, _burojs_core.planItemActions)(items, "row")) {
+		if (items.find((entry) => entry.name === placement.name)?.kind !== "flow") continue;
+		try {
+			out.push((0, _burojs_core.compileFlow)(def, placement.name));
+		} catch {}
+	}
+	return out;
+}
 const ALIGN_CLASS = {
 	start: "text-start",
 	center: "text-center",
@@ -3125,25 +3142,72 @@ function ResourceList({ resource: resourceInput, data, total, page = 1, pageSize
 	]);
 	const skeletonColumnKeys = accessPending ? declaredColumnKeys : visibleColumnKeys;
 	const rows = (0, react.useMemo)(() => data ?? [], [data]);
-	const rowFlows = (0, react.useMemo)(() => {
-		if (!def) return [];
-		const items = def.actions?.item ?? [];
-		const out = [];
-		for (const placement of (0, _burojs_core.planItemActions)(items, "row")) {
-			if (items.find((entry) => entry.name === placement.name)?.kind !== "flow") continue;
-			try {
-				out.push((0, _burojs_core.compileFlow)(def, placement.name));
-			} catch {}
+	const collectionRows = (0, _burojs_react.useCollectionRows)(resource);
+	const rowKinds = (0, react.useMemo)(() => collectionRows === void 0 ? void 0 : rows.map((row) => collectionRows(row)), [collectionRows, rows]);
+	const rowOffers = (0, react.useMemo)(() => {
+		const fact = (0, _burojs_core.memberFactOf)(def);
+		if (fact?.collection === void 0 || def?.rowActions !== "base") return void 0;
+		const declared = app.registry.bases.get(fact.ref)?.actions?.item;
+		const names = new Set(["edit", "delete"]);
+		if (Array.isArray(declared)) {
+			for (const entry of declared) if (isNamedEntry(entry) && typeof entry.name === "string") names.add(entry.name);
 		}
-		return out;
-	}, [def]);
-	const pageIds = (0, react.useMemo)(() => rows.map((row) => String(row.id)), [rows]);
-	const rowBatch = (0, _burojs_react.useFlowRowBatch)(resource, pageIds, rowFlows);
-	const rowBatchState = rowBatch.state;
-	const flowRowBatch = (0, react.useMemo)(() => ({
+		return (name) => names.has(name);
+	}, [def, app]);
+	const hideRowAction = (0, react.useMemo)(() => rowOffers === void 0 ? void 0 : (name) => !rowOffers(name), [rowOffers]);
+	const flowsByDef = (0, react.useMemo)(() => {
+		const cache = new WeakMap();
+		return (target) => {
+			if (target === void 0) return [];
+			let flows = cache.get(target);
+			if (flows === void 0) {
+				flows = rowFlowsOf(target, rowOffers);
+				cache.set(target, flows);
+			}
+			return flows;
+		};
+	}, [rowOffers]);
+	const batchGroups = (0, react.useMemo)(() => {
+		if (rowKinds === void 0) return [{
+			resource,
+			ids: rows.map((row) => String(row.id)),
+			flows: flowsByDef(def)
+		}];
+		const idsByMember = new Map();
+		rowKinds.forEach((kind, index) => {
+			if (!("member" in kind)) return;
+			const ids = idsByMember.get(kind.member) ?? [];
+			ids.push(String(rows[index]?.id));
+			idsByMember.set(kind.member, ids);
+		});
+		return [...idsByMember].map(([member, ids]) => ({
+			resource: member,
+			ids,
+			flows: flowsByDef(app.registry.get(member)),
+			list: resource
+		}));
+	}, [
+		rowKinds,
+		rows,
 		resource,
-		state: rowBatchState
-	}), [resource, rowBatchState]);
+		def,
+		flowsByDef,
+		app
+	]);
+	const rowBatch = (0, _burojs_react.useFlowRowBatches)(batchGroups);
+	const rowBatchState = rowBatch.state;
+	const flowRowBatch = (0, react.useMemo)(() => ({ state: rowBatchState }), [rowBatchState]);
+	const actionsWidth = (0, react.useMemo)(() => {
+		if (rowKinds === void 0) return actionsColumnSize(def?.actions?.item);
+		let widest = ACTIONS_COL_MIN_PX;
+		for (const member of new Set(rowKinds.flatMap((kind) => "member" in kind ? [kind.member] : []))) widest = Math.max(widest, actionsColumnSize(offered(app.registry.get(member)?.actions?.item, rowOffers)));
+		return widest;
+	}, [
+		rowKinds,
+		def,
+		app,
+		rowOffers
+	]);
 	const knownTotal = typeof total === "number";
 	const totalPages = knownTotal ? Math.max(1, Math.ceil(total / pageSize)) : void 0;
 	const pageIsFull = rows.length >= pageSize;
@@ -3391,7 +3455,7 @@ function ResourceList({ resource: resourceInput, data, total, page = 1, pageSize
 			id: ACTIONS_COL_ID,
 			enableSorting: false,
 			enableResizing: false,
-			size: narrow || typeof rowActions === "function" ? 44 : actionsColumnSize(def?.actions?.item),
+			size: narrow || typeof rowActions === "function" ? 44 : actionsWidth,
 			enableHiding: false,
 			header: () => (0, react_jsx_runtime.jsx)("span", {
 				className: "sr-only",
@@ -3402,11 +3466,22 @@ function ResourceList({ resource: resourceInput, data, total, page = 1, pageSize
 				noRowNav: true,
 				noClip: true
 			},
-			cell: ({ row }) => typeof rowActions === "function" ? rowActions(row.original) : (0, react_jsx_runtime.jsx)(ActionOverflow, {
-				resource,
-				record: row.original,
-				surface: "row"
-			})
+			cell: ({ row }) => {
+				if (typeof rowActions === "function") return rowActions(row.original);
+				if (collectionRows === void 0) return (0, react_jsx_runtime.jsx)(ActionOverflow, {
+					resource,
+					record: row.original,
+					surface: "row"
+				});
+				const kind = collectionRows(row.original);
+				if (!("member" in kind)) return null;
+				return (0, react_jsx_runtime.jsx)(ActionOverflow, {
+					resource: kind.member,
+					record: row.original,
+					surface: "row",
+					...hideRowAction === void 0 ? {} : { hideActions: hideRowAction }
+				});
+			}
 		});
 		return cols;
 	}, [
@@ -3423,6 +3498,9 @@ function ResourceList({ resource: resourceInput, data, total, page = 1, pageSize
 		i18nCaps,
 		rowLinkKey,
 		narrow,
+		actionsWidth,
+		collectionRows,
+		hideRowAction,
 		columnUiOf
 	]);
 	const handleSelectionChange = (updater) => {
@@ -3611,7 +3689,7 @@ function ResourceList({ resource: resourceInput, data, total, page = 1, pageSize
 		value: flowRowBatch,
 		children: (0, react_jsx_runtime.jsxs)(RowActionsCollapseContext.Provider, {
 			value: narrow,
-			children: [rowBatch.reader, (0, react_jsx_runtime.jsxs)("div", {
+			children: [rowBatch.readers, (0, react_jsx_runtime.jsxs)("div", {
 				ref: listRoot,
 				className: require_use_theme.cn("space-y-4", className),
 				children: [
@@ -4971,10 +5049,12 @@ function BulkSummary(props) {
 		children: (0, react_jsx_runtime.jsx)(Summary, { ...props })
 	});
 }
-function BulkFlowButton({ resource, actionName, ids, onSelectionChange }) {
+function BulkFlowButton({ resource, actionName, ids, records, onSelectionChange }) {
 	const app = (0, _burojs_react.useApp)();
 	const tid = (0, _burojs_react.useTestIds)();
 	const t = (0, _burojs_react.useOptionalT)();
+	const caps = (0, _burojs_react.useI18nCaps)();
+	const gate = (0, _burojs_react.useAvailabilityGate)();
 	const control = (0, _burojs_react.useFlowRowResolver)(resource)(actionName, void 0);
 	const chrome = require_check_confirm_dialog.useFlowChrome(resource, actionName);
 	const def = app.registry.get(resource);
@@ -4993,11 +5073,31 @@ function BulkFlowButton({ resource, actionName, ids, onSelectionChange }) {
 	if (control.state === "absent") return null;
 	const variant = chrome.destructive ? "destructive" : "outline";
 	const overLimit = each && ids.length > _burojs_core.BULK_EACH_LIMIT;
-	if (overLimit || control.state === "disabled") return (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DisabledAction, {
+	let membersUndecided = false;
+	const selection = def === void 0 ? void 0 : (0, _burojs_react.collectionBulkState)({
+		registry: app.registry,
+		collection: def,
+		action: actionName,
+		ids,
+		records: records ?? [],
+		available: (member, action) => {
+			const state = gate(member, action).state;
+			if (state === "undecided") membersUndecided = true;
+			return state === "available";
+		}
+	});
+	const refused = membersUndecided || selection?.state !== "disabled" ? void 0 : selection.members.length > 0 ? t("collection.bulkUnavailable", {
+		defaultValue: "Not available for {{types}}.",
+		params: { types: selection.members.map((member) => (0, _burojs_core.resolveResourceLabel)(caps, member, "single", app.registry.get(member))).join(", ") }
+	}) : t("collection.bulkUnknownRows", {
+		defaultValue: "{{count}} selected records are not loaded.",
+		count: selection.missing
+	});
+	if (overLimit || control.state === "disabled" || refused !== void 0) return (0, react_jsx_runtime.jsx)(require_check_confirm_dialog.DisabledAction, {
 		reason: overLimit ? t("flow.bulkLimit", {
 			defaultValue: `Select at most ${_burojs_core.BULK_EACH_LIMIT}.`,
 			count: _burojs_core.BULK_EACH_LIMIT
-		}) : control.reason,
+		}) : control.state === "disabled" ? control.reason : refused,
 		label: chrome.label,
 		icon: chrome.icon,
 		testid,
@@ -5007,7 +5107,7 @@ function BulkFlowButton({ resource, actionName, ids, onSelectionChange }) {
 		actionName,
 		surface: "bulk"
 	});
-	const busy = control.state === "undecided" || control.state === "pending" || running;
+	const busy = control.state === "undecided" || control.state === "pending" || membersUndecided || running;
 	const finish = (result, progress) => {
 		setRunning(false);
 		if (progress === void 0) return;
@@ -5069,7 +5169,8 @@ function BulkFlowButton({ resource, actionName, ids, onSelectionChange }) {
 						label: chrome.labelText,
 						total: summary.total,
 						progress: summary.progress,
-						texts: compiled?.flow.texts
+						texts: compiled?.flow.texts,
+						...compiled === void 0 ? {} : { prefixes: compiled.textKeys.prefixes }
 					}),
 					(0, react_jsx_runtime.jsx)(require_dialog.DialogFooter, { children: (0, react_jsx_runtime.jsx)(require_button.Button, {
 						type: "button",
@@ -5135,6 +5236,7 @@ function BulkActionToolbar({ resource: resourceInput, table, selectedRecords, se
 					resource,
 					actionName: action.name,
 					ids,
+					records,
 					onSelectionChange: (next) => {
 						if (onSelectionChange !== void 0) onSelectionChange(next);
 						else if (next.length === 0) handleClear();
@@ -6133,6 +6235,7 @@ function BuroPeekFrame({ slots }) {
 //#endregion
 //#region src/record/frame-context.ts
 const FrameChromeContext = (0, react.createContext)(null);
+const ItemActionsOffContext = (0, react.createContext)(false);
 function useFrameChrome() {
 	const chrome = (0, react.useContext)(FrameChromeContext);
 	if (chrome === null) throw new Error("[burojs] useRecordFrame() must be called inside <RecordScreen>");
@@ -6170,7 +6273,7 @@ function RecordActionsView() {
 	const { extraActions } = useFrameChrome();
 	const id = useFrameId();
 	const holder = (0, _burojs_react.useScreenState)()?.inline;
-	if (mode === "create" || record === void 0 || id === void 0) return null;
+	if ((0, react.useContext)(ItemActionsOffContext) || mode === "create" || record === void 0 || id === void 0) return null;
 	const row = (0, _burojs_react.withRecordKeys)((0, _burojs_react.policyRecordOf)(controller) ?? record, { id });
 	holder?.declare(inlineFlowNames(controller.screen, controller.plan));
 	return (0, react_jsx_runtime.jsxs)("div", {
@@ -6770,8 +6873,8 @@ function declaresDisplay(field) {
 	return field !== void 0 && (0, _burojs_core.resolveSurfaceUi)(field, "column").use !== void 0;
 }
 const NO_INITIAL_FILTERS = Object.freeze({});
-const RelatedCards = (0, react.lazy)(async () => ({ default: (await Promise.resolve().then(() => require("./related-list-cards-xVvgSlu-.cjs"))).RelatedCards }));
-const RelatedTimeline = (0, react.lazy)(async () => ({ default: (await Promise.resolve().then(() => require("./related-list-timeline-Dsf5WewG.cjs"))).RelatedTimeline }));
+const RelatedCards = (0, react.lazy)(async () => ({ default: (await Promise.resolve().then(() => require("./related-list-cards-BypKfm9t.cjs"))).RelatedCards }));
+const RelatedTimeline = (0, react.lazy)(async () => ({ default: (await Promise.resolve().then(() => require("./related-list-timeline-D-KClgKb.cjs"))).RelatedTimeline }));
 function discriminatorOptionLabel(field, value) {
 	const text = (0, _burojs_core.fieldOptionText)(field, value);
 	if (text !== void 0) return text;
@@ -8740,6 +8843,12 @@ Object.defineProperty(exports, "HeaderTypeNotice", {
 		return HeaderTypeNotice;
 	}
 });
+Object.defineProperty(exports, "ItemActionsOffContext", {
+	enumerable: true,
+	get: function() {
+		return ItemActionsOffContext;
+	}
+});
 Object.defineProperty(exports, "ListBody", {
 	enumerable: true,
 	get: function() {
@@ -9131,4 +9240,4 @@ Object.defineProperty(exports, "viewOf", {
 	}
 });
 
-//# sourceMappingURL=place-node-BZF5Af6x.cjs.map
+//# sourceMappingURL=place-node-C5ZmuHaN.cjs.map