@declarion/react 0.80.0 → 0.82.0

package/dist-lib/components/pages/list/useListRowInteraction.js

@@ -1,120 +1,122 @@
 import { coerceDisplayString as e } from "../../../lib/display-value.js";
-import { buildEntityDetailHref as t, extractPkValues as n, fieldDisplayName as r, getDisplayValue as i, pkValuesToDetailId as a } from "../../../types/schema.js";
-import { useText as o } from "../../../hooks/useText.js";
-import { buildActionBody as s, executeAction as c } from "../../../api/data.js";
-import { resolveSchemaFieldLabel as l } from "../../file-widgets/host.js";
-import { effectiveScreenForRecord as u } from "../../../lib/variants.js";
-import { setPeekDraft as d } from "../../list/peekDraftStore.js";
-import { resolveQuickPeekFieldNames as f } from "./cardProjection.js";
-import { rowSelectionKey as p } from "./useListSelection.js";
-import { classifyRowClick as m, isInteractiveRowTarget as h } from "../../../lib/rowClickGesture.js";
-import { useLongPress as g } from "../../../hooks/useLongPress.js";
-import { useCallback as _, useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
+import { buildEntityDetailHref as t, extractPkValues as n, fieldDisplayName as r, getDisplayValue as i, pkValuesToDetailId as a, rowSetInTenant as o } from "../../../types/schema.js";
+import { useText as s } from "../../../hooks/useText.js";
+import { buildActionBody as c, executeAction as l } from "../../../api/data.js";
+import { resolveSchemaFieldLabel as u } from "../../file-widgets/host.js";
+import { useRowTenant as d } from "../../../hooks/useRowTenant.js";
+import { effectiveScreenForRecord as f } from "../../../lib/variants.js";
+import { setPeekDraft as p } from "../../list/peekDraftStore.js";
+import { resolveQuickPeekFieldNames as m } from "./cardProjection.js";
+import { rowSelectionKey as h } from "./useListSelection.js";
+import { classifyRowClick as g, isInteractiveRowTarget as _ } from "../../../lib/rowClickGesture.js";
+import { useLongPress as v } from "../../../hooks/useLongPress.js";
+import { useCallback as y, useEffect as b, useMemo as x, useRef as S, useState as C } from "react";
 //#region src/components/pages/list/useListRowInteraction.ts
-function S({ entity: S, screen: C, screens: w, entities: T, searchParams: E, tabNavigate: D, commitScreenTabSearch: O, isPhone: k, canUpdate: A }) {
-	let j = o(), [M, N] = x(null), [P, F] = x(null), I = b(null), L = b(null);
-	v(() => () => {
-		L.current && clearTimeout(L.current.timer);
+function w({ entity: w, screen: T, screens: E, entities: D, searchParams: O, tabNavigate: k, commitScreenTabSearch: A, isPhone: j, canUpdate: M }) {
+	let N = s(), P = d(w), [F, I] = C(null), [L, R] = C(null), z = S(null), B = S(null);
+	b(() => () => {
+		B.current && clearTimeout(B.current.timer);
 	}, []);
-	let R = C?.on_row_click === "peek" && C.quick_peek?.enabled !== !1 && !k, z = _((e, r) => {
-		if (!S || !C) return;
-		let o = n(S, e), s = a(S, o), c = t(C, S, w, o);
+	let V = T?.on_row_click === "peek" && T.quick_peek?.enabled !== !1 && !j, H = y((e, r) => {
+		if (!w || !T) return;
+		let o = n(w, e), s = a(w, o), c = t(T, w, E, o);
 		if (!c) return;
 		if (r?.draft) {
-			d(s, r.draft);
+			p(s, r.draft);
 			let [e, t] = c.split("?", 2), n = new URLSearchParams(t ?? "");
 			n.set("edit", "true"), c = `${e}?${n.toString()}`;
 		}
-		let l = i(j, e, S) ?? j(S.display.name), u = C.display?.icon || S.display.icon;
-		O(E.toString()), D(c, {
+		let l = i(N, e, w) ?? N(w.display.name), u = T.display?.icon || w.display.icon;
+		A(O.toString()), k(c, {
 			title: l,
 			icon: u
 		});
 	}, [
-		j,
-		S,
-		C,
+		N,
 		w,
+		T,
 		E,
-		D,
-		O
-	]), B = g(_((e) => {
-		let t = I.current;
-		t && F({
+		O,
+		k,
+		A
+	]), U = v(y((e) => {
+		let t = z.current;
+		t && R({
 			x: e.x,
 			y: e.y,
 			row: t
 		});
-	}, [])), V = _((e, t) => {
-		if (B.consumePressFired() || h(e.target)) return;
-		if (!R || !S) {
-			z(t);
+	}, [])), W = y((e, t) => {
+		if (U.consumePressFired() || _(e.target)) return;
+		if (!V || !w) {
+			H(t);
 			return;
 		}
-		let n = p(S, t);
-		if (m(L.current, n) === "double") {
-			clearTimeout(L.current.timer), L.current = null, N(null), z(t);
+		let n = h(w, t);
+		if (g(B.current, n) === "double") {
+			clearTimeout(B.current.timer), B.current = null, I(null), H(t);
 			return;
 		}
-		L.current && clearTimeout(L.current.timer);
+		B.current && clearTimeout(B.current.timer);
 		let r = setTimeout(() => {
-			L.current = null, N(t);
+			B.current = null, I(t);
 		}, 250);
-		L.current = {
+		B.current = {
 			rowId: n,
 			timer: r
 		};
 	}, [
-		S,
-		R,
-		z,
-		B
+		w,
+		V,
+		H,
+		U
 	]);
 	return {
-		peekAllowed: R,
-		peekRow: M,
-		setPeekRow: N,
-		peekFields: y(() => {
-			if (!R || !S || !M) return [];
-			let e = u(S, C, M);
-			return f(S, e, w).map((e) => {
-				if (S.files?.get(e)) return {
+		peekAllowed: V,
+		peekRow: F,
+		setPeekRow: I,
+		peekFields: x(() => {
+			if (!V || !w || !F) return [];
+			let e = f(w, T, F), t = M && o(w, F, P.tenantId);
+			return m(w, e, E).map((e) => {
+				if (w.files?.get(e)) return {
 					key: e,
-					label: l(j, S, e, T),
+					label: u(N, w, e, D),
 					kind: "file",
-					readOnly: !A
+					readOnly: !t
 				};
-				let t = S.fields.get(e), n = A && !t.primary && !t.auto && !t.ref && t.files?.mode !== "rich_text_inline";
+				let n = w.fields.get(e), i = t && !n.primary && !n.auto && !n.ref && n.files?.mode !== "rich_text_inline";
 				return {
 					key: e,
-					label: r(j, t, e, T),
+					label: r(N, n, e, D),
 					kind: "field",
-					field: t,
-					readOnly: !n
+					field: n,
+					readOnly: !i
 				};
 			});
 		}, [
-			j,
-			R,
-			M,
-			S,
-			C,
-			T,
+			N,
+			V,
+			F,
 			w,
-			A
+			T,
+			D,
+			E,
+			M,
+			P
 		]),
-		peekActions: y(() => S?.actions ?? {}, [S?.actions]),
-		peekExecute: _(async (t, n, r) => {
-			let i = S?.fields.names().find((e) => S.fields.get(e)?.primary), a = i && M ? [e(M[i])] : void 0, o = n.entity ? `${n.entity}.${t}` : t;
-			return c(o, s(r, a));
-		}, [S, M]),
-		contextMenu: P,
-		setContextMenu: F,
-		pressedRow: I,
-		longPress: B,
-		onRowClick: V,
-		navigateToDetail: z
+		peekActions: x(() => w?.actions ?? {}, [w?.actions]),
+		peekExecute: y(async (t, n, r) => {
+			let i = w?.fields.names().find((e) => w.fields.get(e)?.primary), a = i && F ? [e(F[i])] : void 0, o = n.entity ? `${n.entity}.${t}` : t;
+			return l(o, c(r, a));
+		}, [w, F]),
+		contextMenu: L,
+		setContextMenu: R,
+		pressedRow: z,
+		longPress: U,
+		onRowClick: W,
+		navigateToDetail: H
 	};
 }
 //#endregion
-export { S as useListRowInteraction };
+export { w as useListRowInteraction };

package/dist-lib/components/pages/list/useRowMenu.js

@@ -5,16 +5,17 @@ import { buildActionBody as r, executeAction as i } from "../../../api/data.js";
 import { PEEK_ACTION_CODE as a, applyRowState as o, defaultFlatForSlot as s, filterLayoutForSlot as c } from "../../../lib/actions.js";
 import { useActionRunner as l } from "../../actions/ActionRunner.js";
 import { dispatchAction as u } from "../../../lib/action-dispatch.js";
-import { effectiveScreenForRecord as d, variantActionCodesForRecord as f } from "../../../lib/variants.js";
-import { useCallback as p, useMemo as m } from "react";
+import { useRowTenant as d } from "../../../hooks/useRowTenant.js";
+import { effectiveScreenForRecord as f, variantActionCodesForRecord as p } from "../../../lib/variants.js";
+import { useCallback as m, useMemo as h } from "react";
 //#region src/components/pages/list/useRowMenu.ts
-function h(e, t) {
+function g(e, t) {
 	let n = (e) => e === "__peek" && !t.peek || e === "__open" && !t.open, r = [];
 	for (let i of e) if (i.kind === "action") {
 		if (n(i.code)) continue;
 		r.push(i);
 	} else {
-		let e = h(i.items, t);
+		let e = g(i.items, t);
 		e.length > 0 && r.push({
 			...i,
 			items: e
@@ -22,85 +23,86 @@ function h(e, t) {
 	}
 	return r;
 }
-function g(e, t) {
+function _(e, t) {
 	for (let n of e) if (n.kind === "action") {
 		if (n.code === t) return !0;
-	} else if (g(n.items, t)) return !0;
+	} else if (_(n.items, t)) return !0;
 	return !1;
 }
-function _({ row: _, rowId: v, screen: y, fullScreen: b, entity: x, entityCode: S, rowActions: C, tabNavigate: w, peekAllowed: T, hasDetailTarget: E, onPeek: D }) {
-	let O = n(), k = n("errors"), { run: A } = l(), { data: j } = t(), M = b.detail_screen === void 0 && y.detail_screen !== void 0 ? {
-		...b,
-		detail_screen: y.detail_screen
-	} : b, N = d(x, M, _) ?? M, P = m(() => {
-		let e = {}, t = N.row_actions === void 0 ? void 0 : new Set(N.row_actions);
-		for (let { code: n, action: r } of C) (!t || t.has(n)) && (e[n] = r);
+function v({ row: v, rowId: y, screen: b, fullScreen: x, entity: S, entityCode: C, rowActions: w, tabNavigate: T, peekAllowed: E, hasDetailTarget: D, onPeek: O }) {
+	let k = n(), A = d(S), j = n("errors"), { run: M } = l(), { data: N } = t(), P = x.detail_screen === void 0 && b.detail_screen !== void 0 ? {
+		...x,
+		detail_screen: b.detail_screen
+	} : x, F = f(S, P, v) ?? P, I = h(() => {
+		let e = {}, t = F.row_actions === void 0 ? void 0 : new Set(F.row_actions);
+		for (let { code: n, action: r } of w) (!t || t.has(n)) && (e[n] = r);
 		return e;
-	}, [C, N.row_actions]), F = m(() => ({
-		entity: x,
-		entityCode: S ?? "",
-		screen: N,
-		screenRoute: N.route,
+	}, [w, F.row_actions]), L = h(() => ({
+		entity: S,
+		entityCode: C ?? "",
+		screen: F,
+		screenRoute: F.route,
 		selectedRows: [],
 		selectedIds: [],
-		t: O,
-		tabNavigate: (e, t) => w(e, {
+		t: k,
+		tabNavigate: (e, t) => T(e, {
 			title: t?.title,
 			icon: t?.icon,
 			search: t?.search
 		}),
 		runActionApi: (e, t) => i(e, t),
-		openPeek: (e) => D(e ?? _),
-		recordHref: (t) => e(N, t, x, j?.screens)
+		openPeek: (e) => O(e ?? v),
+		recordHref: (t) => e(F, t, S, N?.screens)
 	}), [
-		x,
 		S,
-		N,
+		C,
+		F,
+		k,
+		T,
 		O,
-		w,
-		D,
-		_,
-		j?.screens
-	]), I = m(() => {
-		let e = N.action_layout ?? null, t = x.action_layout ?? null, n = e ?? t ?? s(P, "list_row");
-		return c(n, P, void 0, "list_row");
+		v,
+		N?.screens
+	]), R = h(() => {
+		let e = F.action_layout ?? null, t = S.action_layout ?? null, n = e ?? t ?? s(I, "list_row");
+		return c(n, I, void 0, "list_row");
 	}, [
-		N,
-		x,
-		P
-	]), L = m(() => h(o(O, I, P, void 0, _, [], f(x, _)), {
-		peek: T,
-		open: E
+		F,
+		S,
+		I
+	]), z = h(() => g(o(k, R, I, void 0, v, [], A, p(S, v)), {
+		peek: E,
+		open: D
 	}), [
-		O,
+		k,
+		R,
 		I,
-		P,
-		_,
-		x,
-		T,
-		E
+		v,
+		S,
+		E,
+		D,
+		A
 	]);
 	return {
-		layout: L,
-		entityActions: P,
-		runRowAction: p((e, t) => {
-			let n = u(k, e, t, { row: _ });
-			if (n !== null) return A({
+		layout: z,
+		entityActions: I,
+		runRowAction: m((e, t) => {
+			let n = u(j, e, t, { row: v });
+			if (n !== null) return M({
 				action: t,
-				title: O(t.display?.name) || e,
-				row: _,
-				execute: (e) => i(n, r(e, [v]))
+				title: k(t.display?.name) || e,
+				row: v,
+				execute: (e) => i(n, r(e, [y]))
 			});
 		}, [
-			O,
 			k,
-			A,
-			v,
-			_
+			j,
+			M,
+			y,
+			v
 		]),
-		widgetContext: F,
-		hasPeek: m(() => g(L, a), [L])
+		widgetContext: L,
+		hasPeek: h(() => _(z, a), [z])
 	};
 }
 //#endregion
-export { _ as useRowMenu };
+export { v as useRowMenu };