@declarion/react 0.87.0 → 0.88.0

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

@@ -2,13 +2,13 @@ import { ApiError as e } from "../../types/api.js";
 import { extractPkValues as t } from "../../types/schema.js";
 import { useSchema as n } from "../../hooks/useSchema.js";
 import { pluralText as r } from "../../lib/language.js";
-import { useText as i } from "../../hooks/useText.js";
-import { ActionBatchError as a, eventsFailed as o } from "../../api/data.js";
-import { safeExternalUrl as s } from "../../lib/safe-url.js";
-import { downloadFile as c } from "../../lib/download.js";
-import { failureTitle as l } from "../../lib/failure.js";
-import { useEmbedNavigate as u } from "../../embed/useEmbedNavigate.js";
-import { toast as d } from "../../lib/toast.js";
+import { ActionBatchError as i, eventsFailed as a } from "../../api/data.js";
+import { safeExternalUrl as o } from "../../lib/safe-url.js";
+import { downloadFile as s } from "../../lib/download.js";
+import { failureTitle as c } from "../../lib/failure.js";
+import { useText as l } from "../../hooks/useText.js";
+import { toast as u } from "../../lib/toast.js";
+import { useEmbedNavigate as d } from "../../embed/useEmbedNavigate.js";
 import { ActionResultDialog as f } from "./ActionResultDialog.js";
 import { actionNeedsConfirm as p } from "../../lib/actions.js";
 import { ENTITY_AGGREGATE_KEY as m } from "../../lib/realtime-query-keys.js";
@@ -20,11 +20,11 @@ import { jsx as w, jsxs as T } from "react/jsx-runtime";
 var E = v(() => import("./ActionDialog.js").then((e) => ({ default: e.ActionDialog })));
 function D(e, t) {
 	if (!t || typeof t != "object") return { kind: "success" };
-	let n = t, i = n.status, a = n.success?.length ?? 0, s = n.errors?.length ?? 0, c = n.skipped?.length ?? 0, l = n.errors?.[0]?.error?.title;
+	let n = t, i = n.status, o = n.success?.length ?? 0, s = n.errors?.length ?? 0, c = n.skipped?.length ?? 0, l = n.errors?.[0]?.error?.title;
 	if (i === "partial") {
 		let t = e("action.outcome.succeeded_of", "{count} of {total} succeeded", {
-			count: a,
-			total: a + s + c
+			count: o,
+			total: o + s + c
 		});
 		return {
 			kind: "partial",
@@ -36,7 +36,7 @@ function D(e, t) {
 		detail: e("action.outcome.none_matched", "No items matched")
 	};
 	if (i === "accepted") return { kind: "accepted" };
-	if (o(n.events)) {
+	if (a(n.events)) {
 		let t = n.events?.failed_count ?? 0, i = n.events?.timed_out_count ?? 0, a = n.events?.failures_omitted ?? 0, o = [t ? r(e, "action.outcome.follow_up_steps_count", t, {
 			one: "{count} follow-up step failed",
 			other: "{count} follow-up steps failed"
@@ -64,7 +64,7 @@ function k(e) {
 	for (let e of t) {
 		if (e?.type !== "download") continue;
 		let t = e.href ?? e.download_url ?? e.value;
-		if (typeof t == "string" && t !== "" && s(t)) return {
+		if (typeof t == "string" && t !== "" && o(t)) return {
 			url: t,
 			filename: typeof e.filename == "string" ? e.filename : void 0
 		};
@@ -77,11 +77,11 @@ function A(e) {
 	t && typeof t == "object" && "impersonation_session_id" in t && window.location.assign("/");
 }
 function j(t, n, r) {
-	if (r instanceof a) {
+	if (r instanceof i) {
 		let e = r.response.errors ?? [], i = e[0]?.error?.title;
 		if (e.length === 1) return {
 			kind: "error",
-			detail: l(n, r),
+			detail: c(n, r),
 			retryable: e[0]?.error?.retryable
 		};
 		let a = t("action.outcome.failed_count", "{count} failed", { count: e.length });
@@ -93,7 +93,7 @@ function j(t, n, r) {
 	}
 	return {
 		kind: "error",
-		detail: l(n, r),
+		detail: c(n, r),
 		retryable: r instanceof e ? r.retryable : void 0
 	};
 }
@@ -109,49 +109,49 @@ function P(e) {
 	return t;
 }
 function F({ children: e }) {
-	let r = i(), a = i("errors"), o = u(), { data: s } = n(), [_, v] = S(null), [b, N] = S(0), [F, L] = S(null), R = y((e) => {
-		if (e?.progress_screen) return s?.screens[e.progress_screen]?.route;
-	}, [s?.screens]), z = y((e, t, n, i, s, u) => {
+	let r = l(), i = l("errors"), a = d(), { data: o } = n(), [_, v] = S(null), [b, N] = S(0), [F, L] = S(null), R = y((e) => {
+		if (e?.progress_screen) return o?.screens[e.progress_screen]?.route;
+	}, [o?.screens]), z = y((e, t, n, o, l, d) => {
 		let f = () => {
-			let t = I(s), i = R(n), a = t ? r("action.toast.job_queued", "Job {id} queued", { id: t }) : r("action.toast.running_in_background", "Running in background");
-			d.success(r("action.toast.started", "{title} started", { title: e }), a, i ? { action: {
+			let t = I(l), i = R(n), o = t ? r("action.toast.job_queued", "Job {id} queued", { id: t }) : r("action.toast.running_in_background", "Running in background");
+			u.success(r("action.toast.started", "{title} started", { title: e }), o, i ? { action: {
 				label: r("action.toast.view", "View"),
-				onClick: () => o(i)
+				onClick: () => a(i)
 			} } : void 0);
 		};
-		switch (i.kind) {
+		switch (o.kind) {
 			case "success": {
-				let n = k(s), i = n ? { action: {
+				let n = k(l), a = n ? { action: {
 					label: r("action.result.download", "Download"),
 					onClick: () => {
-						c(a, n.url, n.filename).catch((e) => {
-							d.error(a("file.download_failed", "The file could not be downloaded."), l(a, e));
+						s(i, n.url, n.filename).catch((e) => {
+							u.error(i("file.download_failed", "The file could not be downloaded."), c(i, e));
 						});
 					}
 				} } : void 0;
-				t ? f() : d.success(r("action.toast.complete", "{title} complete", { title: e }), void 0, i);
+				t ? f() : u.success(r("action.toast.complete", "{title} complete", { title: e }), void 0, a);
 				return;
 			}
 			case "accepted":
 				f();
 				return;
 			case "skipped":
-				d.info(e, i.detail);
+				u.info(e, o.detail);
 				return;
 			case "partial":
-				d.warning(r("action.toast.partially_completed", "{title} partially completed", { title: e }), i.detail);
+				u.warning(r("action.toast.partially_completed", "{title} partially completed", { title: e }), o.detail);
 				return;
 			case "error":
-				d.error(e, i.detail || a("action.failed", "This action did not complete."), i.retryable && u ? { action: {
+				u.error(e, o.detail || i("action.failed", "This action did not complete."), o.retryable && d ? { action: {
 					label: r("action.toast.retry", "Retry"),
-					onClick: u
+					onClick: d
 				} } : void 0);
 				return;
 		}
 	}, [
 		r,
+		i,
 		a,
-		o,
 		R
 	]), B = C(), V = y((e, n, r) => {
 		let i = () => {
@@ -163,10 +163,10 @@ function F({ children: e }) {
 			]) B.invalidateQueries({ queryKey: [e, n] });
 		};
 		if (r === "partial") return i();
-		let a = s?.entities?.[n], o = e.row ? [e.row] : e.bulkSelection ?? [];
-		if (!a || o.length === 0) return i();
-		h(B, n, o.map((e) => t(a, e)), i);
-	}, [B, s]), H = y((e, t, n) => {
+		let a = o?.entities?.[n], s = e.row ? [e.row] : e.bulkSelection ?? [];
+		if (!a || s.length === 0) return i();
+		h(B, n, s.map((e) => t(a, e)), i);
+	}, [B, o]), H = y((e, t, n) => {
 		if (t.kind === "success" || t.kind === "accepted" || t.kind === "partial") {
 			let n = e.entity ?? e.action?.entity;
 			n && V(e, n, t.kind);
@@ -176,13 +176,13 @@ function F({ children: e }) {
 		let r = O(n);
 		r && L(r), A(n);
 	}, [V]), U = y((e) => {
-		let t = e.action, n = e.longRunning ?? t?.long_running ?? !1, i = e.title || r(t?.display?.name) || r("action.default_title", "Action"), o = async (s) => {
+		let t = e.action, n = e.longRunning ?? t?.long_running ?? !1, a = e.title || r(t?.display?.name) || r("action.default_title", "Action"), o = async (s) => {
 			N((e) => e + 1);
 			try {
-				let a = await e.execute(s), o = D(r, a);
-				z(i, n, t, o, a), H(e, o, a);
+				let i = await e.execute(s), o = D(r, i);
+				z(a, n, t, o, i), H(e, o, i);
 			} catch (e) {
-				z(i, n, t, j(r, a, e), void 0, () => {
+				z(a, n, t, j(r, i, e), void 0, () => {
 					o(s);
 				});
 			} finally {
@@ -190,7 +190,7 @@ function F({ children: e }) {
 			}
 		}, s = t ?? (e.destructive ? {
 			display: {
-				name: { en: i },
+				name: { en: a },
 				icon: ""
 			},
 			destructive: !0
@@ -198,13 +198,13 @@ function F({ children: e }) {
 		return s && (c || l) ? (v({
 			id: Symbol(),
 			opts: e,
-			title: i,
+			title: a,
 			action: s,
 			pending: !1
 		}), Promise.resolve()) : o(P(e));
 	}, [
 		r,
-		a,
+		i,
 		z,
 		H
 	]), W = b > 0 || !!_?.pending, G = x(() => ({
@@ -212,16 +212,16 @@ function F({ children: e }) {
 		isRunning: W
 	}), [U, W]), K = _?.action, q = y(async (e) => {
 		if (!_) return;
-		let t = _.id, n = _, i = n.opts.action, o = n.opts.longRunning ?? i?.long_running ?? !1;
+		let t = _.id, n = _, a = n.opts.action, o = n.opts.longRunning ?? a?.long_running ?? !1;
 		v((e) => e?.id === t ? {
 			...e,
 			pending: !0
 		} : e), N((e) => e + 1);
 		try {
-			let a = await n.opts.execute(e), s = D(r, a);
-			z(n.title, o, i, s, a), H(n.opts, s, a), s.kind !== "partial" && v((e) => e?.id === t ? null : e);
+			let i = await n.opts.execute(e), s = D(r, i);
+			z(n.title, o, a, s, i), H(n.opts, s, i), s.kind !== "partial" && v((e) => e?.id === t ? null : e);
 		} catch (e) {
-			z(n.title, o, i, j(r, a, e));
+			z(n.title, o, a, j(r, i, e));
 		} finally {
 			N((e) => Math.max(0, e - 1)), v((e) => e?.id === t ? {
 				...e,
@@ -230,7 +230,7 @@ function F({ children: e }) {
 		}
 	}, [
 		r,
-		a,
+		i,
 		_,
 		z,
 		H

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

@@ -1,6 +1,6 @@
 import { useSchema as e } from "../../hooks/useSchema.js";
-import { useText as t } from "../../hooks/useText.js";
-import { buildActionBody as n, executeAction as r } from "../../api/data.js";
+import { buildActionBody as t, executeAction as n } from "../../api/data.js";
+import { useText as r } from "../../hooks/useText.js";
 import { useEmbedNavigate as i } from "../../embed/useEmbedNavigate.js";
 import { useTabNavigate as a } from "../../hooks/useTabNavigate.js";
 import { applyRowState as o, findListScreenForEntity as s, resolveActionLayoutForSlot as c, rowDetailId as l } from "../../lib/actions.js";
@@ -14,7 +14,7 @@ import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { useLocation as v } from "react-router";
 //#region src/components/actions/ObjectActionBar.tsx
 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), [
+	let w = r(), T = r("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,
 		y,
@@ -35,16 +35,16 @@ function y({ entity: f, object: g, slot: _, screen: y, select: b, onAfterRun: S
 			b,
 			N
 		]),
-		run: (e, t) => {
+		run: (e, r) => {
 			if (!M || !g) return;
-			let i = d(T, e, t, { row: g }, f);
+			let i = d(T, e, r, { row: g }, f);
 			if (i === null) return;
 			let a = l(g, M), o = a ? [a] : [], s = e === "__delete" && I ? I.route : null;
 			return D({
-				action: t,
-				title: w(t.display?.name) || e,
+				action: r,
+				title: w(r.display?.name) || e,
 				row: g,
-				execute: (e) => r(i, n(e, o)),
+				execute: (e) => n(i, t(e, o)),
 				onSuccess: (t) => {
 					s && k(s, { replace: !0 }), S?.(e, t);
 				}
@@ -67,7 +67,7 @@ function y({ entity: f, object: g, slot: _, screen: y, select: b, onAfterRun: S
 					icon: t?.icon,
 					search: t?.search
 				}),
-				runActionApi: (e, t) => r(e, t)
+				runActionApi: (e, t) => n(e, t)
 			};
 		}, [
 			M,

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

@@ -1,9 +1,9 @@
-import { Icon as e } from "../primitives/Icons.js";
-import { IconBtn as t } from "../primitives/IconBtn.js";
-import { Dropdown as n } from "../primitives/Dropdown.js";
-import { useText as r } from "../../hooks/useText.js";
-import { MenuItem as i } from "../primitives/MenuItem.js";
-import { buildActionBody as a, executeAction as o } from "../../api/data.js";
+import { buildActionBody as e, executeAction as t } from "../../api/data.js";
+import { Icon as n } from "../primitives/Icons.js";
+import { IconBtn as r } from "../primitives/IconBtn.js";
+import { Dropdown as i } from "../primitives/Dropdown.js";
+import { useText as a } from "../../hooks/useText.js";
+import { MenuItem as o } from "../primitives/MenuItem.js";
 import { applyRowState as s } from "../../lib/actions.js";
 import { useActionRunner as c } from "./ActionRunner.js";
 import { dispatchAction as l } from "../../lib/action-dispatch.js";
@@ -14,7 +14,7 @@ import { useCallback as p, useMemo as m, useRef as h, useState as g } from "reac
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/actions/RowActionsKebab.tsx
 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 O = a(), k = d(S), A = a("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 y) e[t] = n;
 		return e;
@@ -33,16 +33,16 @@ function y({ actions: y, objectIds: b, row: x, entity: S, onSuccess: C, preMenu:
 		x,
 		S,
 		k
-	]), z = p((e, t) => {
+	]), z = p((n, r) => {
 		N(!1);
-		let n = l(A, e, t, { row: x });
-		if (n !== null) return I({
-			action: t,
-			title: O(t.display?.name) || e,
+		let i = l(A, n, r, { row: x });
+		if (i !== null) return I({
+			action: r,
+			title: O(r.display?.name) || n,
 			row: x,
-			execute: async (e) => {
-				let t = await o(n, a(e, b));
-				return C?.(), t;
+			execute: async (n) => {
+				let r = await t(i, e(n, b));
+				return C?.(), r;
 			}
 		});
 	}, [
@@ -61,13 +61,13 @@ function y({ actions: y, objectIds: b, row: x, entity: S, onSuccess: C, preMenu:
 			alignItems: "center",
 			justifyContent: "flex-end"
 		},
-		children: [/* @__PURE__ */ _(t, {
+		children: [/* @__PURE__ */ _(r, {
 			ref: j,
 			size: E,
-			icon: /* @__PURE__ */ _(e.more, { size: Math.round(E * .55) }),
+			icon: /* @__PURE__ */ _(n.more, { size: Math.round(E * .55) }),
 			onClick: () => N((e) => !e),
 			title: O("action.menu.title", "Actions")
-		}), /* @__PURE__ */ v(n, {
+		}), /* @__PURE__ */ v(i, {
 			open: M,
 			anchor: j.current,
 			onClose: () => N(!1),
@@ -75,7 +75,7 @@ function y({ actions: y, objectIds: b, row: x, entity: S, onSuccess: C, preMenu:
 			align: D,
 			children: [
 				w,
-				w && T && R.length > 0 && /* @__PURE__ */ _(i, { divider: !0 }),
+				w && T && R.length > 0 && /* @__PURE__ */ _(o, { divider: !0 }),
 				/* @__PURE__ */ _(u, {
 					layout: R,
 					entityActions: L,