@declarion/react 0.81.0 → 0.83.0

package/dist-lib/components/actions/ObjectActionBar.js

@@ -7,60 +7,62 @@ import { applyRowState as o, findListScreenForEntity as s, resolveActionLayoutFo
 import { useActionRunner as u } from "./ActionRunner.js";
 import { dispatchAction as d } from "../../lib/action-dispatch.js";
 import { ResponsiveActionBar as f } from "./ResponsiveActionBar.js";
-import { variantActionCodesForRecord as p } from "../../lib/variants.js";
-import { useMemo as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useLocation as _ } from "react-router";
+import { useRowTenant as p } from "../../hooks/useRowTenant.js";
+import { variantActionCodesForRecord as m } from "../../lib/variants.js";
+import { useMemo as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useLocation as v } from "react-router";
 //#region src/components/actions/ObjectActionBar.tsx
-function v({ entity: f, object: h, slot: g, screen: v, select: y, onAfterRun: x }) {
-	let C = t(), w = t("errors"), { data: T } = e(), { run: E, isRunning: D } = u(), O = i(), k = a(), A = _(), j = T?.entities?.[f], M = m(() => b(T, f, v, A.pathname), [
-		T,
+function y({ entity: f, object: g, slot: _, screen: y, select: b, onAfterRun: S }) {
+	let w = t(), T = t("errors"), { data: E } = e(), { run: D, isRunning: O } = u(), k = i(), A = a(), j = v(), M = E?.entities?.[f], N = p(M), P = h(() => x(E, f, y, j.pathname), [
+		E,
 		f,
-		v,
-		A.pathname
-	]), N = T?.actions, P = s(T, f);
+		y,
+		j.pathname
+	]), F = E?.actions, I = s(E, f);
 	return {
-		nodes: m(() => {
-			if (!j || !h) return [];
-			let e = S(c(M?.action_layout, j.action_layout, j.actions, N, g), y);
-			return o(C, e, j.actions, N, h, [], p(j, h));
+		nodes: h(() => {
+			if (!M || !g) return [];
+			let e = C(c(P?.action_layout, M.action_layout, M.actions, F, _), b);
+			return o(w, e, M.actions, F, g, [], N, m(M, g));
 		}, [
-			C,
-			M?.action_layout,
-			j,
-			h,
-			N,
+			w,
+			P?.action_layout,
+			M,
 			g,
-			y
+			F,
+			_,
+			b,
+			N
 		]),
 		run: (e, t) => {
-			if (!j || !h) return;
-			let i = d(w, e, t, { row: h }, f);
+			if (!M || !g) return;
+			let i = d(T, e, t, { row: g }, f);
 			if (i === null) return;
-			let a = l(h, j), o = a ? [a] : [], s = e === "__delete" && P ? P.route : null;
-			return E({
+			let a = l(g, M), o = a ? [a] : [], s = e === "__delete" && I ? I.route : null;
+			return D({
 				action: t,
-				title: C(t.display?.name) || e,
-				row: h,
+				title: w(t.display?.name) || e,
+				row: g,
 				execute: (e) => r(i, n(e, o)),
 				onSuccess: (t) => {
-					s && O(s, { replace: !0 }), x?.(e, t);
+					s && k(s, { replace: !0 }), S?.(e, t);
 				}
 			});
 		},
-		isBusy: D,
-		widgetContext: m(() => {
-			if (!j || !h) return;
-			let e = l(h, j);
+		isBusy: O,
+		widgetContext: h(() => {
+			if (!M || !g) return;
+			let e = l(g, M);
 			return {
-				entity: j,
+				entity: M,
 				entityCode: f,
-				screen: M,
-				screenRoute: M?.route ?? "",
-				selectedRows: [h],
+				screen: P,
+				screenRoute: P?.route ?? "",
+				selectedRows: [g],
 				selectedIds: e ? [e] : [],
-				t: C,
-				tabNavigate: (e, t) => k(e, {
+				t: w,
+				tabNavigate: (e, t) => A(e, {
 					title: t?.title,
 					icon: t?.icon,
 					search: t?.search
@@ -68,17 +70,17 @@ function v({ entity: f, object: h, slot: g, screen: v, select: y, onAfterRun: x
 				runActionApi: (e, t) => r(e, t)
 			};
 		}, [
-			j,
-			f,
 			M,
-			h,
-			C,
-			k
+			f,
+			P,
+			g,
+			w,
+			A
 		])
 	};
 }
-function y({ entity: t, object: n, slot: r, screen: i, select: a, extraActions: o, onAfterRun: s }) {
-	let { data: c } = e(), { nodes: l, run: u, widgetContext: d } = v({
+function b({ entity: t, object: n, slot: r, screen: i, select: a, extraActions: o, onAfterRun: s }) {
+	let { data: c } = e(), { nodes: l, run: u, widgetContext: d } = y({
 		entity: t,
 		object: n,
 		slot: r,
@@ -86,9 +88,9 @@ function y({ entity: t, object: n, slot: r, screen: i, select: a, extraActions:
 		select: a,
 		onAfterRun: s
 	}), p = c?.entities?.[t];
-	return l.length === 0 && !o ? null : /* @__PURE__ */ g("span", {
+	return l.length === 0 && !o ? null : /* @__PURE__ */ _("span", {
 		style: { display: "contents" },
-		children: [l.length > 0 && /* @__PURE__ */ h(f, {
+		children: [l.length > 0 && /* @__PURE__ */ g(f, {
 			layout: l,
 			row: n,
 			onRun: u,
@@ -100,28 +102,28 @@ function y({ entity: t, object: n, slot: r, screen: i, select: a, extraActions:
 		}), o]
 	});
 }
-function b(e, t, n, r) {
+function x(e, t, n, r) {
 	if (!e?.screens) return;
 	if (n) return e.screens[n];
 	let i = r.replace(/\/+$/, "") || "/";
-	return Object.values(e.screens).find((e) => e.entity !== t || !e.route ? !1 : x(e.route).test(i));
+	return Object.values(e.screens).find((e) => e.entity !== t || !e.route ? !1 : S(e.route).test(i));
 }
-function x(e) {
+function S(e) {
 	let t = (e.replace(/\/+$/, "") || "/").split("/").map((e) => e.startsWith(":") ? "[^/]+" : e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
 	return RegExp(`^${t.join("/")}$`);
 }
-function S(e, t) {
+function C(e, t) {
 	if (!t) return e;
 	let n = t.include ? new Set(t.include) : null, r = t.exclude ? new Set(t.exclude) : null;
-	return e.map((e) => C(e, n, r)).filter((e) => e !== null);
+	return e.map((e) => w(e, n, r)).filter((e) => e !== null);
 }
-function C(e, t, n) {
+function w(e, t, n) {
 	if (e.kind === "action") return t && !t.has(e.code) || n?.has(e.code) ? null : e;
-	let r = e.items.map((e) => C(e, t, n)).filter((e) => e !== null);
+	let r = e.items.map((e) => w(e, t, n)).filter((e) => e !== null);
 	return r.length > 0 ? {
 		...e,
 		items: r
 	} : null;
 }
 //#endregion
-export { y as ObjectActionBar, v as useObjectActions };
+export { b as ObjectActionBar, y as useObjectActions };

package/dist-lib/components/actions/PropertyGridEditor.js

@@ -4,76 +4,79 @@ import { IconBtn as n } from "../primitives/IconBtn.js";
 import { useText as r } from "../../hooks/useText.js";
 import { Select as i } from "../primitives/Fields.js";
 import { renderField as a } from "../fields/index.js";
-import { buildMassEditTargets as o } from "../../lib/mass-edit.js";
-import { useCallback as s, useMemo as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useRowTenant as o } from "../../hooks/useRowTenant.js";
+import { buildMassEditTargets as s } from "../../lib/mass-edit.js";
+import { useCallback as c, useMemo as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/actions/PropertyGridEditor.tsx
-var f = Symbol.for("declarion.mass-edit.multiple");
-function p({ entity: e, filterTargets: t, selectedRows: n, value: i, onChange: a }) {
-	let l = r(), p = r("errors"), h = c(() => o(l, e, t), [
-		l,
+var p = Symbol.for("declarion.mass-edit.multiple");
+function m({ entity: e, filterTargets: t, selectedRows: n, value: i, onChange: a }) {
+	let u = r(), m = r("errors"), { tenantId: g } = o(e), _ = l(() => s(u, e, t, n ?? [], g), [
+		u,
 		e,
-		t
-	]), g = c(() => Object.keys(i).map((e) => {
-		let t = h.find((t) => t.code === e);
+		t,
+		n,
+		g
+	]), b = l(() => Object.keys(i).map((e) => {
+		let t = _.find((t) => t.code === e);
 		return t ? {
 			target: t,
 			value: i[e]
 		} : null;
-	}).filter((e) => e !== null), [i, h]), y = c(() => {
-		let e = new Set(g.map((e) => e.target.code));
-		return h.filter((t) => !e.has(t.code));
-	}, [g, h]), b = s((e) => {
-		let t = v(e, n), r = { ...i };
-		r[e.code] = t === f ? void 0 : t, a(r);
+	}).filter((e) => e !== null), [i, _]), x = l(() => {
+		let e = new Set(b.map((e) => e.target.code));
+		return _.filter((t) => !e.has(t.code));
+	}, [b, _]), S = c((e) => {
+		let t = y(e, n), r = { ...i };
+		r[e.code] = t === p ? void 0 : t, a(r);
 	}, [
 		i,
 		n,
 		a
-	]), x = s((e, t) => {
+	]), C = c((e, t) => {
 		a({
 			...i,
 			[e]: t
 		});
-	}, [i, a]), S = s((e) => {
+	}, [i, a]), w = c((e) => {
 		let t = { ...i };
 		delete t[e], a(t);
 	}, [i, a]);
-	return e ? /* @__PURE__ */ d("div", {
+	return e ? /* @__PURE__ */ f("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 8
 		},
 		children: [
-			g.length === 0 && /* @__PURE__ */ u("div", {
+			b.length === 0 && /* @__PURE__ */ d("div", {
 				style: {
 					fontSize: 12,
 					color: "var(--text-3)"
 				},
-				children: l("action.mass_edit.no_targets", "No targets selected. Add a field, status, or property to edit across all selected rows.")
+				children: u("action.mass_edit.no_targets", "No targets selected. Add a field, status, or property to edit across all selected rows.")
 			}),
-			g.map((e) => /* @__PURE__ */ u(m, {
+			b.map((e) => /* @__PURE__ */ d(h, {
 				row: e,
-				onChange: (t) => x(e.target.code, t),
-				onRemove: () => S(e.target.code)
+				onChange: (t) => C(e.target.code, t),
+				onRemove: () => w(e.target.code)
 			}, e.target.code)),
-			/* @__PURE__ */ u(_, {
-				targets: y,
-				onPick: b
+			/* @__PURE__ */ d(v, {
+				targets: x,
+				onPick: S
 			})
 		]
-	}) : /* @__PURE__ */ u("div", {
+	}) : /* @__PURE__ */ d("div", {
 		style: {
 			fontSize: 12,
 			color: "var(--text-3)"
 		},
-		children: p("action.mass_edit_entity_missing", "Entity schema unavailable. Mass edit requires an entity-bound action.")
+		children: m("action.mass_edit_entity_missing", "Entity schema unavailable. Mass edit requires an entity-bound action.")
 	});
 }
-function m({ row: t, onChange: i, onRemove: a }) {
+function h({ row: t, onChange: i, onRemove: a }) {
 	let o = r(), { target: s } = t;
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		"data-testid": "mass-edit-row",
 		style: {
 			display: "grid",
@@ -82,7 +85,7 @@ function m({ row: t, onChange: i, onRemove: a }) {
 			alignItems: "center"
 		},
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				style: {
 					fontSize: 12.5,
 					color: "var(--text-2)"
@@ -90,28 +93,28 @@ function m({ row: t, onChange: i, onRemove: a }) {
 				title: s.code,
 				children: s.label
 			}),
-			/* @__PURE__ */ u(h, {
+			/* @__PURE__ */ d(g, {
 				row: t,
 				onChange: i
 			}),
-			/* @__PURE__ */ u(n, {
-				icon: /* @__PURE__ */ u(e.x, { size: 12 }),
+			/* @__PURE__ */ d(n, {
+				icon: /* @__PURE__ */ d(e.x, { size: 12 }),
 				onClick: a,
 				title: o("action.mass_edit.remove_target", "Remove target")
 			})
 		]
 	});
 }
-function h({ row: e, onChange: t }) {
-	let n = r(), { target: o } = e, s = e.value === f, c = s ? n("action.mass_edit.multiple_values", "<multiple values>") : void 0, l = s ? "" : e.value;
+function g({ row: e, onChange: t }) {
+	let n = r(), { target: o } = e, s = e.value === p, c = s ? n("action.mass_edit.multiple_values", "<multiple values>") : void 0, l = s ? "" : e.value;
 	if (o.kind === "status" && o.statusGroup) {
 		let e = o.statusGroup.statuses.map((e) => ({
 			value: e.code,
 			label: n(e.name) || e.code
 		}));
-		return /* @__PURE__ */ u("div", {
+		return /* @__PURE__ */ d("div", {
 			"data-testid": `value-${o.code}`,
-			children: /* @__PURE__ */ u(i, {
+			children: /* @__PURE__ */ d(i, {
 				value: typeof l == "string" ? l : "",
 				options: e,
 				onChange: t,
@@ -119,18 +122,18 @@ function h({ row: e, onChange: t }) {
 			})
 		});
 	}
-	let p = g(o);
-	return /* @__PURE__ */ d("div", {
+	let u = _(o);
+	return /* @__PURE__ */ f("div", {
 		"data-testid": `value-${o.code}`,
 		style: { position: "relative" },
 		children: [a({
-			field: p,
+			field: u,
 			fieldName: o.bare,
 			value: l ?? "",
 			mode: "edit",
 			onChange: t,
 			t: n
-		}), c && /* @__PURE__ */ u("div", {
+		}), c && /* @__PURE__ */ d("div", {
 			"data-testid": `multiple-values-${o.code}`,
 			style: {
 				fontSize: 11,
@@ -142,7 +145,7 @@ function h({ row: e, onChange: t }) {
 		})]
 	});
 }
-function g(e) {
+function _(e) {
 	if (e.kind === "field" && e.field) return e.field;
 	if (e.kind === "property" && e.property) {
 		let t = e.property;
@@ -157,15 +160,15 @@ function g(e) {
 	}
 	return { type: "string" };
 }
-function _({ targets: n, onPick: a }) {
-	let o = r(), [s, c] = l(!1);
-	return n.length === 0 ? null : s ? /* @__PURE__ */ u("div", {
+function v({ targets: n, onPick: a }) {
+	let o = r(), [s, c] = u(!1);
+	return n.length === 0 ? null : s ? /* @__PURE__ */ d("div", {
 		"data-testid": "mass-edit-target-picker",
 		style: {
 			alignSelf: "flex-start",
 			minWidth: 220
 		},
-		children: /* @__PURE__ */ u(i, {
+		children: /* @__PURE__ */ d(i, {
 			value: "",
 			placeholder: o("action.mass_edit.select_target", "Select target..."),
 			options: n.map((e) => ({
@@ -177,26 +180,26 @@ function _({ targets: n, onPick: a }) {
 				t && a(t), c(!1);
 			}
 		})
-	}) : /* @__PURE__ */ d(t, {
+	}) : /* @__PURE__ */ f(t, {
 		kind: "ghost",
 		onClick: () => c(!0),
 		style: { alignSelf: "flex-start" },
 		children: [
-			/* @__PURE__ */ u(e.plus, { size: 12 }),
+			/* @__PURE__ */ d(e.plus, { size: 12 }),
 			" ",
 			o("action.mass_edit.add_target", "Add target")
 		]
 	});
 }
-function v(e, t) {
+function y(e, t) {
 	if (!t || t.length === 0 || e.kind !== "field") return;
 	let n, r = !1;
 	for (let i of t) {
 		let t = i[e.bare];
 		if (!r) n = t, r = !0;
-		else if (n !== t) return f;
+		else if (n !== t) return p;
 	}
 	return n;
 }
 //#endregion
-export { f as MULTIPLE_VALUES, p as PropertyGridEditor, v as detectCommonValue };
+export { p as MULTIPLE_VALUES, m as PropertyGridEditor, y as detectCommonValue };

package/dist-lib/components/actions/RowActionsKebab.js

@@ -8,83 +8,85 @@ import { applyRowState as s } from "../../lib/actions.js";
 import { useActionRunner as c } from "./ActionRunner.js";
 import { dispatchAction as l } from "../../lib/action-dispatch.js";
 import { RowMenuContent as u } from "./ResponsiveActionBar.js";
-import { variantActionCodesForRecord as d } from "../../lib/variants.js";
-import { useCallback as f, useMemo as p, useRef as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useRowTenant as d } from "../../hooks/useRowTenant.js";
+import { variantActionCodesForRecord as f } from "../../lib/variants.js";
+import { useCallback as p, useMemo as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/actions/RowActionsKebab.tsx
-function v({ actions: v, objectIds: y, row: b, entity: x, onSuccess: S, preMenu: C, divider: w, size: T = 22, align: E = "end" }) {
-	let D = r(), O = r("errors"), k = m(null), [A, j] = h(!1), [M, N] = h(null), { run: P } = c(), F = p(() => {
+function y({ actions: y, objectIds: b, row: x, entity: S, onSuccess: C, preMenu: w, divider: T, size: E = 22, align: D = "end" }) {
+	let O = r(), k = d(S), A = r("errors"), j = h(null), [M, N] = g(!1), [P, F] = g(null), { run: I } = c(), L = m(() => {
 		let e = {};
-		for (let { code: t, action: n } of v) e[t] = n;
+		for (let { code: t, action: n } of y) e[t] = n;
 		return e;
-	}, [v]), I = p(() => {
-		let e = v.map(({ code: e }) => ({
+	}, [y]), R = m(() => {
+		let e = y.map(({ code: e }) => ({
 			kind: "action",
 			code: e,
 			enabled: !0,
 			reason: null
 		}));
-		return b ? s(D, e, F, void 0, b, [], d(x, b)) : e;
+		return x ? s(O, e, L, void 0, x, [], k, f(S, x)) : e;
 	}, [
-		D,
-		v,
-		F,
-		b,
-		x
-	]), L = f((e, t) => {
-		j(!1);
-		let n = l(O, e, t, { row: b });
-		if (n !== null) return P({
+		O,
+		y,
+		L,
+		x,
+		S,
+		k
+	]), z = p((e, t) => {
+		N(!1);
+		let n = l(A, e, t, { row: x });
+		if (n !== null) return I({
 			action: t,
-			title: D(t.display?.name) || e,
-			row: b,
+			title: O(t.display?.name) || e,
+			row: x,
 			execute: async (e) => {
-				let t = await o(n, a(e, y));
-				return S?.(), t;
+				let t = await o(n, a(e, b));
+				return C?.(), t;
 			}
 		});
 	}, [
-		D,
 		O,
-		P,
+		A,
+		I,
+		x,
 		b,
-		y,
-		S
+		C
 	]);
-	return !C && I.length === 0 ? null : /* @__PURE__ */ _("div", {
+	return !w && R.length === 0 ? null : /* @__PURE__ */ v("div", {
 		className: "sl-row-actions",
-		"data-open": A ? "true" : void 0,
+		"data-open": M ? "true" : void 0,
 		style: {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "flex-end"
 		},
-		children: [/* @__PURE__ */ g(t, {
-			ref: k,
-			size: T,
-			icon: /* @__PURE__ */ g(e.more, { size: Math.round(T * .55) }),
-			onClick: () => j((e) => !e),
-			title: D("action.menu.title", "Actions")
-		}), /* @__PURE__ */ _(n, {
-			open: A,
-			anchor: k.current,
-			onClose: () => j(!1),
+		children: [/* @__PURE__ */ _(t, {
+			ref: j,
+			size: E,
+			icon: /* @__PURE__ */ _(e.more, { size: Math.round(E * .55) }),
+			onClick: () => N((e) => !e),
+			title: O("action.menu.title", "Actions")
+		}), /* @__PURE__ */ v(n, {
+			open: M,
+			anchor: j.current,
+			onClose: () => N(!1),
 			width: 200,
-			align: E,
+			align: D,
 			children: [
-				C,
-				C && w && I.length > 0 && /* @__PURE__ */ g(i, { divider: !0 }),
-				/* @__PURE__ */ g(u, {
-					layout: I,
-					entityActions: F,
-					onRun: L,
-					loading: M,
-					onLoadingChange: N,
-					row: b
+				w,
+				w && T && R.length > 0 && /* @__PURE__ */ _(i, { divider: !0 }),
+				/* @__PURE__ */ _(u, {
+					layout: R,
+					entityActions: L,
+					onRun: z,
+					loading: P,
+					onLoadingChange: F,
+					row: x
 				})
 			]
 		})]
 	});
 }
 //#endregion
-export { v as RowActionsKebab };
+export { y as RowActionsKebab };