@declarion/react 0.61.1 → 0.63.0

package/dist-lib/AssociatedBlock-D6qDYmRO.js

@@ -0,0 +1,1515 @@
+import { A as e, Dn as t, Ft as n, I as r, N as i, Q as a, Qt as o, R as s, Tn as c, U as l, V as u, an as d, at as f, cn as p, ct as m, gn as h, in as g, j as _, mt as v, o as y, on as b, ot as x, s as S, st as C, ut as w, wn as T, wt as E, xt as D, yt as O } from "./useCurrentScreen--UovgvRj.js";
+import { t as k } from "./Icons-lt-7lhYR.js";
+import { n as A, r as j } from "./CopyButton-C0iEvaT1.js";
+import { n as M, t as N } from "./MenuItem-CfkVXPvC.js";
+import { Q as P, X as F, f as I, l as ee, q as L, s as te } from "./PropertyGridEditor-BTjscqfz.js";
+import { t as R } from "./SectionCard-VonaiLrx.js";
+import { t as z } from "./DynamicIcon-DuBSz6TZ.js";
+import { n as B } from "./useTabNavigate-BZiW4q3M.js";
+import { E as V, T as H, n as ne } from "./ActionRunner-DAxgnKB3.js";
+import { a as U, c as W, l as re, s as G } from "./variants-CbAwl3Mn.js";
+import { n as ie, r as ae, t as oe } from "./dataTableStyles-vwD1mVOP.js";
+import { useCallback as K, useEffect as se, useId as ce, useMemo as q, useRef as J, useState as Y } from "react";
+import { useInfiniteQuery as le, useQueryClient as X } from "@tanstack/react-query";
+import { Fragment as ue, jsx as Z, jsxs as Q } from "react/jsx-runtime";
+//#region src/hooks/useAssociatedData.ts
+function $(e, n, r, i, a, o, s, c) {
+	let l = c ? JSON.stringify(Object.entries(c).sort()) : void 0;
+	return le({
+		queryKey: [
+			H,
+			e,
+			n,
+			r,
+			a,
+			o,
+			s,
+			l
+		],
+		queryFn: ({ pageParam: e }) => {
+			let l = new URLSearchParams(), u = [{
+				field: i,
+				op: "eq",
+				value: n
+			}];
+			if (c) for (let [e, t] of Object.entries(c)) t && t !== "__all__" && u.push({
+				field: e,
+				op: "eq",
+				value: t
+			});
+			return l.set("filters", JSON.stringify(u)), a && l.set("sort", a), o && l.set("limit", String(o)), s && l.set("search", s), e && l.set("after", e), t(`/api/data/${r}?${l.toString()}`);
+		},
+		getNextPageParam: (e) => e.meta?.has_more ? e.meta.cursor : void 0,
+		initialPageParam: void 0,
+		enabled: !!e && !!n && !!r && !!i
+	});
+}
+//#endregion
+//#region src/components/actions/ActionButton.tsx
+function de({ actionCode: e, action: t, entityCode: o, objectIds: c = [], row: d, variant: p = "outline", size: m = "default", onSuccess: h }) {
+	let g = E(), _ = E("errors"), [y, b] = Y(!1), [x, S] = Y(!1), { data: C } = n(), T = B(), { run: D } = ne(), O = s(t), M = !d || i(t.conditions, d), N = K(async () => {
+		if (t.association && c.length !== 0) {
+			b(!0);
+			try {
+				let e = o ? `${o}.${t.association}` : t.association, n = await v(e, c), i = r(C, n.target_entity);
+				if (!i) {
+					l.error(_("action.list_screen_missing", "No list screen is declared for this entity."), n.target_entity);
+					return;
+				}
+				let a = C?.entities[n.target_entity], s = g(t.display?.name) || n.target_entity;
+				if (n.ids.length === 0) {
+					l.info(g("action.association.none_related", "No related {name} found", { name: s }));
+					return;
+				}
+				let u = a?.fields.names().find((e) => a.fields.get(e)?.primary) ?? "id", d = new URLSearchParams();
+				d.set(`filter_${u}`, n.ids.join(",")), T(i.route, {
+					title: s,
+					icon: t.display?.icon || i.icon,
+					search: d.toString()
+				}), h?.();
+			} catch (e) {
+				l.error(a(_, e));
+			} finally {
+				b(!1);
+			}
+		}
+	}, [
+		g,
+		_,
+		t,
+		o,
+		c,
+		C,
+		T,
+		h
+	]), P = t.entity ? `${t.entity}.${e}` : e, F = c.length > 0 ? c : void 0, I = K(() => {
+		S(!0), D({
+			action: t,
+			title: g(t.display?.name) || e,
+			row: d,
+			entity: o,
+			execute: (e) => w(P, f(e, F)),
+			onSuccess: () => h?.()
+		}).finally(() => S(!1));
+	}, [
+		g,
+		D,
+		t,
+		e,
+		d,
+		o,
+		P,
+		F,
+		h
+	]), L = K(() => {
+		if (ee(t)) te(_, t.ui_steps, { row: d }).then(() => h?.());
+		else if (O) N();
+		else if (t.href && !t.handler && !t.association) {
+			let n = o ? C?.entities[o] : void 0, r = u(d, n), i = t.href;
+			o && (i = i.replaceAll("${entity}", o)), r && (i = i.replaceAll("${id}", encodeURIComponent(r))), T(i, {
+				title: g(t.display?.name) || e,
+				icon: t.display?.icon
+			}), h?.();
+		} else I();
+	}, [
+		g,
+		_,
+		t,
+		d,
+		o,
+		C?.entities,
+		e,
+		T,
+		O,
+		N,
+		I,
+		h
+	]), R = g(t.display?.name), V = t.display?.icon, H = V && k[V], U = H ? /* @__PURE__ */ Z(H, { size: 13 }) : V ? /* @__PURE__ */ Z(z, {
+		name: V,
+		size: 13
+	}) : null, W = !M || x || y;
+	return m === "icon" ? /* @__PURE__ */ Z(A, {
+		icon: U ?? /* @__PURE__ */ Z(k.bolt, { size: 13 }),
+		onClick: L,
+		title: R
+	}) : /* @__PURE__ */ Z(j, {
+		kind: p === "default" ? "primary" : p === "ghost" ? "ghost" : "default",
+		size: "sm",
+		icon: U,
+		danger: t.destructive,
+		onClick: L,
+		disabled: W,
+		title: R,
+		"aria-label": R,
+		children: R
+	});
+}
+//#endregion
+//#region src/components/actions/RowActionsKebab.tsx
+function fe({ actions: t, objectIds: n, row: r, entity: i, onSuccess: a, preMenu: o, divider: s, size: c = 22, align: l = "end" }) {
+	let u = E(), d = E("errors"), p = J(null), [m, h] = Y(!1), [g, _] = Y(null), { run: v } = ne(), y = q(() => {
+		let e = {};
+		for (let { code: n, action: r } of t) e[n] = r;
+		return e;
+	}, [t]), b = q(() => {
+		let n = t.map(({ code: e }) => ({
+			kind: "action",
+			code: e,
+			enabled: !0,
+			reason: null
+		}));
+		return r ? e(u, n, y, void 0, r, [], U(i, r)) : n;
+	}, [
+		u,
+		t,
+		y,
+		r,
+		i
+	]), x = K((e, t) => {
+		h(!1);
+		let i = re(d, e, t, { row: r });
+		if (i !== null) return v({
+			action: t,
+			title: u(t.display?.name) || e,
+			row: r,
+			execute: async (e) => {
+				let t = await w(i, f(e, n));
+				return a?.(), t;
+			}
+		});
+	}, [
+		u,
+		d,
+		v,
+		r,
+		n,
+		a
+	]);
+	return !o && b.length === 0 ? null : /* @__PURE__ */ Q("div", {
+		className: "sl-row-actions",
+		"data-open": m ? "true" : void 0,
+		style: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "flex-end"
+		},
+		children: [/* @__PURE__ */ Z(A, {
+			ref: p,
+			size: c,
+			icon: /* @__PURE__ */ Z(k.more, { size: Math.round(c * .55) }),
+			onClick: () => h((e) => !e),
+			title: u("action.menu.title", "Actions")
+		}), /* @__PURE__ */ Q(M, {
+			open: m,
+			anchor: p.current,
+			onClose: () => h(!1),
+			width: 200,
+			align: l,
+			children: [
+				o,
+				o && s && b.length > 0 && /* @__PURE__ */ Z(N, { divider: !0 }),
+				/* @__PURE__ */ Z(W, {
+					layout: b,
+					entityActions: y,
+					onRun: x,
+					loading: g,
+					onLoadingChange: _,
+					row: r
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/detail-layout/AssociatedToolbar.tsx
+function pe({ entity: e, searchable: t, filterFields: n, searchValue: r, onSearchChange: i, filters: a, onFilterChange: o, allEntities: s }) {
+	let c = E(), l = t === !0, u = n && n.length > 0;
+	return !l && !u ? null : /* @__PURE__ */ Q("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			marginBottom: 8
+		},
+		children: [l && /* @__PURE__ */ Z("div", {
+			style: {
+				flex: 1,
+				maxWidth: 220
+			},
+			children: /* @__PURE__ */ Z(F, {
+				value: r,
+				onChange: i,
+				placeholder: c("record.associated.search", "Search…"),
+				prefix: /* @__PURE__ */ Z(k.search, { size: 12 })
+			})
+		}), u && n.map((t) => {
+			let n = e.fields.get(t);
+			if (!n) return null;
+			let r = a[t] ?? "__all__", i = b(c, n, t, s);
+			if (n.type === "ref" && n.ref?.entity) return /* @__PURE__ */ Z(me, {
+				field: n,
+				label: i,
+				value: r,
+				onChange: (e) => o(t, e)
+			}, t);
+			if (!n.values) return null;
+			let l = [{
+				value: "__all__",
+				label: c("record.associated.filter_all", "All {name}", { name: i })
+			}, ...n.values.map((e) => ({
+				value: e.code,
+				label: c(e.name) || e.code
+			}))];
+			return /* @__PURE__ */ Z("div", {
+				style: { width: 160 },
+				children: /* @__PURE__ */ Z(L, {
+					value: r,
+					options: l,
+					onChange: (e) => o(t, e),
+					placeholder: i
+				})
+			}, t);
+		})]
+	});
+}
+function me({ field: e, label: t, value: n, onChange: r }) {
+	let i = E(), a = S(e.ref?.entity), s = e.display?.ref_display_field ?? a?.display?.display_field, c = q(() => a ? [...a.fields].find(([, e]) => e.primary)?.[0] ?? "id" : "id", [a]), { data: l } = y(e.ref?.entity, {
+		per_page: 200,
+		sort: s ? `${s}:asc` : void 0
+	}), u = l?.data ?? [], d = (e) => e == null ? "—" : typeof e == "object" && !Array.isArray(e) ? i(e) || "—" : T(e), f = [{
+		value: "__all__",
+		label: i("record.associated.filter_all", "All {name}", { name: t })
+	}, ...u.map((e) => {
+		let t = String(e[c]), n = e[o];
+		return {
+			value: t,
+			label: typeof n == "string" && n !== "" ? n : s ? d(e[s] ?? t) : t
+		};
+	})];
+	return /* @__PURE__ */ Z("div", {
+		style: { width: 160 },
+		children: /* @__PURE__ */ Z(L, {
+			value: n,
+			options: f,
+			onChange: r,
+			placeholder: t
+		})
+	});
+}
+//#endregion
+//#region src/components/detail-layout/AssociatedBlock.tsx
+function he(e) {
+	if (!e) return [];
+	let t = [];
+	for (let [n, r] of Object.entries(e)) (r.visibility ?? []).includes("list_row") && (r.association || r.href || n.startsWith("__") || t.push({
+		code: n,
+		action: r
+	}));
+	return t;
+}
+function ge(e, t, n) {
+	if (!e) return [];
+	let r = [];
+	for (let [i, a] of Object.entries(e)) {
+		if (!(a.visibility ?? []).includes("list_toolbar") || a.association || i.startsWith("__")) continue;
+		let e = {
+			...a,
+			resolved_hidden_defaults: {
+				...a.resolved_hidden_defaults ?? {},
+				[t]: n
+			}
+		};
+		if (a.resolved_params?.has(t)) {
+			let n = a.resolved_params.items().filter((e) => e.name !== t);
+			e = {
+				...e,
+				resolved_params: new c(n)
+			};
+		}
+		r.push({
+			code: i,
+			action: e
+		});
+	}
+	return r;
+}
+function _e(e, t, n) {
+	let r = e[n];
+	if (!r) return null;
+	let i = e[t], a = i?.children?.find((e) => e.entity === n);
+	if (a) {
+		let e = a.foreign_key;
+		if (typeof e == "string") return e;
+		if (Array.isArray(e) && e.length === 1) return e[0];
+	}
+	let o = i?.table;
+	for (let [n, i] of r.fields) {
+		let r = i.ref?.entity;
+		if (r) {
+			if (r === t) return n;
+			if (o) {
+				let t = e[r]?.table;
+				if (t && t === o) return n;
+			}
+		}
+	}
+	return null;
+}
+function ve(e, t, n) {
+	let r = new Set(p(e));
+	return new Set(t.filter((t) => {
+		if (t === n || r.has(t)) return !1;
+		let i = e.fields.get(t);
+		return !(!i || i.auto || i.primary || i.source);
+	}));
+}
+function ye(e, t, n) {
+	return new Set(t.filter((t) => {
+		if (t === n) return !1;
+		let r = e.fields.get(t);
+		return !(!r || r.auto);
+	}));
+}
+function be(e, t, n, r) {
+	let i = [];
+	for (let a of t) {
+		let t = n.fields.get(a);
+		if (!t || !t.required || t.auto || t.primary || a === r || n.tenant_key && a === n.tenant_key) continue;
+		let o = e[a];
+		(o == null || o === "") && i.push(a);
+	}
+	return i;
+}
+function xe({ node: e, ctx: t }) {
+	let n = E("errors"), r = e.associated;
+	if (!r || t.isNew) return null;
+	let i = t.schema.entities[r];
+	if (!i) return /* @__PURE__ */ Q("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "8px 0"
+		},
+		children: [
+			n("record.related_entity_not_found", "The related record type is not declared in this deployment."),
+			" ",
+			/* @__PURE__ */ Z("code", { children: r })
+		]
+	});
+	let a = e.foreign_key ?? _e(t.schema.entities, t.entityCode, r);
+	return a ? /* @__PURE__ */ Z(Se, {
+		node: e,
+		ctx: t,
+		assocCode: r,
+		assocEntity: i,
+		fkField: a
+	}) : /* @__PURE__ */ Q("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "8px 0"
+		},
+		children: [
+			n("record.associated_foreign_key_not_found", "No foreign key joins these two entities."),
+			" ",
+			r,
+			" → ",
+			t.entityCode
+		]
+	});
+}
+function Se({ node: t, ctx: n, assocCode: r, assocEntity: i, fkField: a }) {
+	let o = E(), s = E("errors"), c = t.columns && t.columns.length > 0 ? t.columns.filter((e) => e !== a && !!i.fields.get(e)) : i.fields.names().filter((e) => {
+		if (e === a) return !1;
+		let t = i.fields.get(e);
+		return !(!t || t.primary || t.display?.is_listable === !1);
+	}), l = g(i, "update"), u = t.interaction ?? "navigate", d = (u === "inline_edit" || u === "row_edit") && l && t.editable !== !1, p = o(i.display?.name_plural) || o(i.display?.name) || r, m = t.searchable === !0 || t.filters && t.filters.length > 0, h = q(() => ge(i.actions, a, n.recordId), [
+		i.actions,
+		a,
+		n.recordId
+	]), v = q(() => {
+		let e = {};
+		for (let { code: t, action: n } of h) e[t] = n;
+		return e;
+	}, [h]), y = q(() => {
+		let t = i.action_layout ?? null;
+		return e(o, t ?? _(v, "list_toolbar"), v, void 0, {}, []);
+	}, [
+		o,
+		i.action_layout,
+		v
+	]), { run: b } = ne(), x = B(), S = q(() => ({
+		entity: i,
+		entityCode: r,
+		screenRoute: typeof window < "u" ? window.location.pathname : "",
+		selectedRows: [],
+		selectedIds: [],
+		t: o,
+		tabNavigate: (e, t) => x(e, {
+			title: t?.title,
+			icon: t?.icon,
+			search: t?.search
+		}),
+		runActionApi: (e, t) => w(e, t)
+	}), [
+		i,
+		r,
+		o,
+		x
+	]), C = X(), T = K(() => {
+		C.invalidateQueries({ predicate: (e) => {
+			let t = e.queryKey;
+			return t[0] === "entity-children" && t[3] === r;
+		} });
+	}, [C, r]), D = K((e, t) => {
+		let n = re(s, e, t, {}, r);
+		if (n !== null) return b({
+			action: t,
+			title: o(t.display?.name) || e,
+			execute: async (e) => {
+				let t = await w(n, f(e, void 0));
+				return T(), t;
+			}
+		});
+	}, [
+		o,
+		s,
+		b,
+		r,
+		T
+	]), [O, A] = Y(0), M = /* @__PURE__ */ Q("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6,
+			flex: "1 1 auto",
+			minWidth: 0,
+			justifyContent: "flex-end"
+		},
+		children: [i.action_layout ? y.length > 0 && /* @__PURE__ */ Z(G, {
+			kind: "toolbar",
+			layout: y,
+			entityActions: v,
+			onRun: D,
+			widgetContext: S,
+			ariaLabel: o("record.associated.toolbar_actions", "{name} toolbar actions", { name: p })
+		}) : h.map(({ code: e, action: t }) => /* @__PURE__ */ Z(de, {
+			actionCode: e,
+			action: t,
+			entityCode: r,
+			variant: "ghost",
+			size: "sm",
+			onSuccess: T
+		}, e)), d && /* @__PURE__ */ Z(j, {
+			kind: "ghost",
+			size: "xs",
+			icon: /* @__PURE__ */ Z(k.plus, { size: 12 }),
+			onClick: () => A((e) => e + 1),
+			children: o("record.row.add", "Add row")
+		})]
+	}), N = m ? /* @__PURE__ */ Z(we, {
+		entityCode: r,
+		entity: i,
+		parentEntity: n.entityCode,
+		parentId: n.recordId,
+		foreignKey: a,
+		columns: c,
+		editable: d,
+		interaction: u,
+		ctx: n,
+		searchable: t.searchable,
+		filterFields: t.filters,
+		sort: t.sort,
+		startDraftSignal: O
+	}) : /* @__PURE__ */ Z(Ce, {
+		entityCode: r,
+		entity: i,
+		parentEntity: n.entityCode,
+		parentId: n.recordId,
+		foreignKey: a,
+		columns: c,
+		editable: d,
+		interaction: u,
+		ctx: n,
+		sort: t.sort,
+		startDraftSignal: O
+	});
+	return n.withinCard ? /* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Z("div", {
+		style: {
+			display: "flex",
+			justifyContent: "flex-end",
+			marginBottom: 8
+		},
+		children: M
+	}), N] }) : /* @__PURE__ */ Z(R, {
+		title: p,
+		icon: i.display?.icon ? /* @__PURE__ */ Z(z, {
+			name: i.display.icon,
+			size: 14
+		}) : void 0,
+		right: M,
+		children: N
+	});
+}
+function Ce({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey: i, columns: a, editable: o, interaction: s, ctx: c, sort: l, startDraftSignal: u }) {
+	let d = X(), { data: f, isLoading: p, isError: m } = V(n, r, e, i, l), h = f?.data ?? [], g = f?.$refs, _ = K(() => {
+		d.invalidateQueries({ queryKey: [
+			H,
+			n,
+			r,
+			e
+		] });
+	}, [
+		d,
+		n,
+		r,
+		e
+	]);
+	return /* @__PURE__ */ Z(Te, {
+		entityCode: e,
+		entity: t,
+		parentId: r,
+		foreignKey: i,
+		columns: a,
+		editable: o,
+		interaction: s,
+		ctx: c,
+		rows: h,
+		refs: g,
+		isLoading: p,
+		isError: m,
+		invalidateQuery: _,
+		startDraftSignal: u
+	});
+}
+function we({ entityCode: e, entity: t, parentEntity: n, parentId: r, foreignKey: i, columns: a, editable: o, interaction: s, ctx: c, searchable: l, filterFields: u, sort: d, startDraftSignal: f }) {
+	let p = E(), m = X(), [h, g] = Y(""), [_, v] = Y(""), [y, b] = Y({}), x = J(void 0);
+	se(() => (x.current && clearTimeout(x.current), x.current = setTimeout(() => {
+		v(h);
+	}, 300), () => {
+		x.current && clearTimeout(x.current);
+	}), [h]);
+	let S = K((e, t) => {
+		b((n) => {
+			if (t === "__all__") {
+				let { [e]: t, ...r } = n;
+				return r;
+			}
+			return {
+				...n,
+				[e]: t
+			};
+		});
+	}, []), C = q(() => Object.keys(y).length > 0 ? y : void 0, [y]), { data: w, isLoading: T, isError: D, hasNextPage: O, fetchNextPage: k, isFetchingNextPage: A } = $(n, r, e, i, d, void 0, _ || void 0, C), { rows: M, refs: N } = q(() => {
+		if (!w?.pages) return {
+			rows: [],
+			refs: void 0
+		};
+		let e = [], t;
+		for (let n of w.pages) if (e.push(...n.data), n.$refs) {
+			if (!t) t = { ...n.$refs };
+			else for (let [e, r] of Object.entries(n.$refs)) t[e] = {
+				...t[e],
+				...r
+			};
+		}
+		return {
+			rows: e,
+			refs: t
+		};
+	}, [w]), F = K(() => {
+		m.invalidateQueries({ predicate: (t) => {
+			let n = t.queryKey;
+			return n[0] === "entity-children" && n[3] === e;
+		} });
+	}, [m, e]);
+	return /* @__PURE__ */ Q("div", { children: [
+		/* @__PURE__ */ Z(pe, {
+			entity: t,
+			searchable: l,
+			filterFields: u,
+			searchValue: h,
+			onSearchChange: g,
+			filters: y,
+			onFilterChange: S,
+			allEntities: c.schema.entities
+		}),
+		/* @__PURE__ */ Z(Te, {
+			entityCode: e,
+			entity: t,
+			parentId: r,
+			foreignKey: i,
+			columns: a,
+			editable: o,
+			interaction: s,
+			ctx: c,
+			rows: M,
+			refs: N,
+			isLoading: T,
+			isError: D,
+			invalidateQuery: F,
+			startDraftSignal: f
+		}),
+		O && /* @__PURE__ */ Z("div", {
+			style: { marginTop: 4 },
+			children: /* @__PURE__ */ Z(j, {
+				kind: "ghost",
+				size: "xs",
+				icon: A ? /* @__PURE__ */ Z(P, { size: 12 }) : void 0,
+				onClick: () => k(),
+				disabled: A,
+				children: p("record.associated.load_more", "Load more")
+			})
+		})
+	] });
+}
+function Te({ entityCode: e, entity: t, parentId: n, foreignKey: r, columns: i, editable: o, interaction: s, ctx: c, rows: l, refs: u, isLoading: f, isError: p, invalidateQuery: g, startDraftSignal: _ }) {
+	let v = E(), y = E("errors"), S = D(), w = S.isPhone && c.relatedRecordsPresentation === "table", T = i.find((e) => e !== r), k = q(() => s === "navigate" ? h(void 0, t, c.schema.screens) : null, [
+		s,
+		t,
+		c.schema.screens
+	]), A = q(() => o ? ve(t, i, r) : /* @__PURE__ */ new Set(), [
+		i,
+		r,
+		t,
+		o
+	]), j = q(() => ye(t, i, r), [
+		i,
+		r,
+		t
+	]), M = q(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let n of l) {
+			let r = d(t, n);
+			e.set(m(r), r);
+		}
+		return e;
+	}, [l, t]), N = q(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let n of l) {
+			let r = n.$row_version;
+			typeof r == "string" && r !== "" && e.set(m(d(t, n)), r);
+		}
+		return e;
+	}, [l, t]), P = q(() => he(t.actions), [t.actions]), [F, I] = Y(null), [ee, L] = Y(null), [te, R] = Y([]), [z, B] = Y({}), V = J(z);
+	V.current = z;
+	let H = J({});
+	se(() => {
+		let e = H.current;
+		return () => {
+			for (let t of Object.values(e)) clearTimeout(t);
+		};
+	}, []);
+	let [U, W] = Y(null), [re, G] = Y([]), [oe, ce] = Y(!1), { run: le } = ne(), [X, ue] = Y(/* @__PURE__ */ new Set()), $ = K(async (t, n, r) => {
+		B((e) => ({
+			...e,
+			[t]: {
+				...e[t],
+				saving: !0,
+				error: void 0
+			}
+		}));
+		try {
+			let i = N.get(t), a = i ? {
+				...n,
+				$row_version: i
+			} : n;
+			return await O(e, M.get(t) ?? t, a), B((e) => {
+				let n = e[t];
+				if (!n) return e;
+				if (n.ver > r) return {
+					...e,
+					[t]: {
+						...n,
+						saving: !1
+					}
+				};
+				let { [t]: i, ...a } = e;
+				return a;
+			}), g(), !0;
+		} catch (e) {
+			let n = a(y, e);
+			return B((e) => ({
+				...e,
+				[t]: {
+					...e[t],
+					saving: !1,
+					error: n
+				}
+			})), !1;
+		}
+	}, [
+		e,
+		y,
+		g,
+		M,
+		N
+	]), de = K((e, t, n) => {
+		B((r) => {
+			let i = r[e] ?? {
+				buffer: {},
+				ver: 0,
+				saving: !1
+			}, a = i.ver + 1;
+			return {
+				...r,
+				[e]: {
+					...i,
+					buffer: {
+						...i.buffer,
+						[t]: n
+					},
+					ver: a
+				}
+			};
+		}), s === "inline_edit" && (H.current[e] && clearTimeout(H.current[e]), H.current[e] = setTimeout(() => {
+			let t = V.current[e];
+			t && Object.keys(t.buffer).length > 0 && $(e, { ...t.buffer }, t.ver);
+		}, 500));
+	}, [$, s]), fe = K(() => {
+		let e = {};
+		e[r] = n;
+		for (let n of i) {
+			let r = t.fields.get(n);
+			r && (r.default === void 0 ? r.type === "bool" && (e[n] = !1) : e[n] = r.default);
+		}
+		W(e), G([]);
+	}, [
+		r,
+		n,
+		i,
+		t.fields
+	]), pe = J(_);
+	se(() => {
+		_ !== void 0 && _ !== pe.current && (pe.current = _, !U && fe());
+	}, [
+		_,
+		U,
+		fe
+	]);
+	let me = K(async () => {
+		if (!U) return;
+		let n = be(U, i, t, r);
+		if (n.length > 0) G(n);
+		else {
+			ce(!0);
+			try {
+				await x(e, U), W(null), G([]), g();
+			} catch (e) {
+				let t = a(y, e);
+				G([`_error:${t}`]);
+			} finally {
+				ce(!1);
+			}
+		}
+	}, [
+		U,
+		i,
+		t,
+		r,
+		e,
+		y,
+		g
+	]), ge = K((e) => {
+		B({}), R([]), L(e);
+	}, []), _e = K(async (e) => {
+		let n = V.current[e], a = n?.buffer ?? {};
+		if (Object.keys(a).length === 0) {
+			L(null), R([]);
+			return;
+		}
+		let o = be({
+			...l.find((n) => m(d(t, n)) === e) ?? {},
+			...a
+		}, i, t, r);
+		o.length > 0 ? R(o) : await $(e, { ...a }, n?.ver ?? 0) && (L(null), R([]));
+	}, [
+		l,
+		t,
+		i,
+		r,
+		$
+	]), xe = K((e) => {
+		B((t) => {
+			if (!t[e]) return t;
+			let { [e]: n, ...r } = t;
+			return r;
+		}), R([]), L(null);
+	}, []), Se = K((n, r) => {
+		let i = M.get(n) ?? n;
+		return le({
+			action: t.actions?.__delete,
+			destructive: !0,
+			title: v(t.display?.name) || v("record.action.delete", "Delete"),
+			row: r,
+			entity: e,
+			execute: async () => {
+				ue((e) => new Set(e).add(n));
+				try {
+					return await C(e, i);
+				} finally {
+					ue((e) => {
+						let t = new Set(e);
+						return t.delete(n), t;
+					});
+				}
+			},
+			onSuccess: () => g()
+		});
+	}, [
+		v,
+		le,
+		t,
+		e,
+		g,
+		M
+	]);
+	if (p) return /* @__PURE__ */ Z("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--danger)",
+			padding: "8px 0"
+		},
+		children: y("record.related_rows_unreadable", "The related records could not be loaded.")
+	});
+	if (f) return /* @__PURE__ */ Q("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 8,
+			padding: "8px 0"
+		},
+		children: [/* @__PURE__ */ Z("div", { style: {
+			height: 32,
+			background: "var(--surface-3)",
+			borderRadius: 6
+		} }), /* @__PURE__ */ Z("div", { style: {
+			height: 32,
+			background: "var(--surface-3)",
+			borderRadius: 6
+		} })]
+	});
+	let Ce = l.length === 0 && !U;
+	return S.isPhone && !w ? /* @__PURE__ */ Q("div", { children: [Ce && /* @__PURE__ */ Z("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "12px 0"
+		},
+		children: v("record.related.empty", "No records yet.")
+	}), !Ce && /* @__PURE__ */ Q("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 10
+		},
+		children: [l.map((n) => {
+			let r = m(d(t, n)), a = X.has(r), l = z[r], f = k && r ? k.replace(/:\w+/, r) : void 0;
+			return /* @__PURE__ */ Z(Ee, {
+				rowId: r,
+				row: n,
+				entity: t,
+				entities: c.schema.entities,
+				screens: c.schema.screens,
+				columns: i,
+				editableColumns: A,
+				editable: o,
+				interaction: s,
+				isEditing: ee === r,
+				editErrors: te,
+				isDeleting: a,
+				activeCell: F,
+				setActiveCell: I,
+				rowState: l,
+				onCellChange: de,
+				onDeleteClick: (e) => void Se(e, n),
+				onStartEdit: ge,
+				onConfirmEdit: _e,
+				onCancelEdit: xe,
+				refs: u,
+				identityCol: T,
+				href: f,
+				rowActions: P,
+				entityCode: e,
+				onRowActionSuccess: g
+			}, r);
+		}), U && /* @__PURE__ */ Z(je, {
+			draftRow: U,
+			entity: t,
+			columns: i,
+			editableColumns: j,
+			foreignKey: r,
+			draftErrors: re,
+			draftSaving: oe,
+			onChange: (e, t) => W((n) => n && {
+				...n,
+				[e]: t
+			}),
+			onConfirm: me,
+			onCancel: () => {
+				W(null), G([]);
+			},
+			refs: u
+		})]
+	})] }) : /* @__PURE__ */ Q("div", { children: [Ce && /* @__PURE__ */ Z("div", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-3)",
+			padding: "12px 0"
+		},
+		children: v("record.related.empty", "No records yet.")
+	}), !Ce && /* @__PURE__ */ Z("div", {
+		style: { overflowX: "auto" },
+		children: /* @__PURE__ */ Q("table", {
+			style: ae,
+			children: [/* @__PURE__ */ Z("thead", { children: /* @__PURE__ */ Q("tr", { children: [
+				i.map((e) => {
+					let n = t.fields.get(e);
+					return /* @__PURE__ */ Z("th", {
+						style: ie,
+						children: n ? b(v, n, e, c.schema.entities) : e
+					}, e);
+				}),
+				o && /* @__PURE__ */ Z("th", { style: {
+					height: 30,
+					width: 72
+				} }),
+				!o && P.length > 0 && /* @__PURE__ */ Z("th", { style: {
+					height: 30,
+					width: 40
+				} })
+			] }) }), /* @__PURE__ */ Q("tbody", { children: [l.map((n) => {
+				let r = m(d(t, n)), a = X.has(r), l = z[r], f = k && r ? k.replace(/:\w+/, r) : void 0;
+				return /* @__PURE__ */ Z(De, {
+					rowId: r,
+					row: n,
+					entity: t,
+					entities: c.schema.entities,
+					screens: c.schema.screens,
+					columns: i,
+					editableColumns: A,
+					editable: o,
+					interaction: s,
+					isEditing: ee === r,
+					editErrors: te,
+					isDeleting: a,
+					activeCell: F,
+					setActiveCell: I,
+					rowState: l,
+					onCellChange: de,
+					onDeleteClick: (e) => void Se(e, n),
+					onStartEdit: ge,
+					onConfirmEdit: _e,
+					onCancelEdit: xe,
+					refs: u,
+					identityCol: T,
+					href: f,
+					rowActions: P,
+					entityCode: e,
+					onRowActionSuccess: g
+				}, r);
+			}), U && /* @__PURE__ */ Z(Ae, {
+				draftRow: U,
+				entity: t,
+				columns: i,
+				editableColumns: j,
+				foreignKey: r,
+				draftErrors: re,
+				draftSaving: oe,
+				onChange: (e, t) => W((n) => n && {
+					...n,
+					[e]: t
+				}),
+				onConfirm: me,
+				onCancel: () => {
+					W(null), G([]);
+				},
+				refs: u
+			})] })]
+		})
+	})] });
+}
+function Ee({ rowId: e, row: t, entity: n, entities: r, screens: i, columns: a, editableColumns: o, editable: s, interaction: c, isEditing: l, editErrors: u, isDeleting: d, rowState: f, onCellChange: p, onDeleteClick: m, onStartEdit: h, onConfirmEdit: g, onCancelEdit: _, refs: v, identityCol: y, href: x, rowActions: S, onRowActionSuccess: C }) {
+	let w = E(), D = ce(), O = q(() => !f || Object.keys(f.buffer).length === 0 ? t : {
+		...t,
+		...f.buffer
+	}, [t, f]);
+	if (c === "row_edit" && l) {
+		let t = f?.error ? [...u, `_error:${f.error}`] : u;
+		return /* @__PURE__ */ Z(ke, {
+			values: O,
+			entity: n,
+			columns: a,
+			editableColumns: o,
+			errors: t,
+			saving: f?.saving ?? !1,
+			onChange: (t, n) => p(e, t, n),
+			onConfirm: () => g(e),
+			onCancel: () => _(e),
+			refs: v
+		});
+	}
+	return /* @__PURE__ */ Q("div", {
+		style: {
+			border: "1px solid var(--border)",
+			borderRadius: 8,
+			background: "var(--surface)",
+			opacity: d ? .58 : 1,
+			overflow: "hidden"
+		},
+		children: [/* @__PURE__ */ Z("div", {
+			style: {
+				padding: 10,
+				display: "flex",
+				flexDirection: "column",
+				gap: 12
+			},
+			children: a.map((t) => {
+				let a = n.fields.get(t), l = s && c === "inline_edit" && o.has(t), u = x && t === y, d = a ? b(w, a, t, r) : t, f = `${D}-${e}-${t}`, m = `${f}-label`, h = {
+					fontSize: 11.5,
+					fontWeight: 600,
+					color: "var(--text-3)"
+				}, g = a ? I({
+					field: a,
+					fieldName: t,
+					value: O[t],
+					mode: l ? "edit" : "display",
+					onChange: l ? (n) => p(e, t, n) : void 0,
+					record: O,
+					refs: v,
+					compact: l,
+					entity: n,
+					entities: r,
+					screens: u ? void 0 : i,
+					fieldId: f,
+					labelId: m,
+					t: w
+				}) : T(O[t]);
+				return /* @__PURE__ */ Q("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 5,
+						minWidth: 0
+					},
+					children: [l && a ? /* @__PURE__ */ Z("label", {
+						id: m,
+						htmlFor: f,
+						style: h,
+						children: d
+					}) : /* @__PURE__ */ Z("div", {
+						id: m,
+						style: h,
+						children: d
+					}), /* @__PURE__ */ Z("div", {
+						style: { minWidth: 0 },
+						children: u && !l ? /* @__PURE__ */ Z("a", {
+							href: x,
+							style: {
+								color: "var(--accent)",
+								textDecoration: "none",
+								fontWeight: 500
+							},
+							children: g
+						}) : g
+					})]
+				}, t);
+			})
+		}), (s || S && S.length > 0) && /* @__PURE__ */ Q("div", {
+			style: {
+				minHeight: 42,
+				padding: "6px 8px",
+				borderTop: "1px solid var(--divider)",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				gap: 6
+			},
+			children: [s && /* @__PURE__ */ Q(ue, { children: [
+				f?.saving && /* @__PURE__ */ Z(P, { size: 12 }),
+				f?.error && /* @__PURE__ */ Z("span", {
+					style: {
+						fontSize: 11,
+						color: "var(--danger)"
+					},
+					title: f.error,
+					children: "!"
+				}),
+				c === "row_edit" && /* @__PURE__ */ Z(A, {
+					size: 32,
+					icon: /* @__PURE__ */ Z(k.edit, { size: 14 }),
+					onClick: () => h(e),
+					title: w("record.row.edit", "Edit row")
+				}),
+				/* @__PURE__ */ Z(A, {
+					size: 32,
+					icon: /* @__PURE__ */ Z(k.trash, { size: 14 }),
+					onClick: () => m(e),
+					title: w("record.row.delete", "Delete row")
+				})
+			] }), !s && S && S.length > 0 && /* @__PURE__ */ Z(fe, {
+				entity: n,
+				actions: S,
+				objectIds: [e],
+				row: O,
+				onSuccess: C
+			})]
+		})]
+	});
+}
+function De({ rowId: e, row: t, entity: n, entities: r, screens: i, columns: a, editableColumns: o, editable: s, interaction: c, isEditing: l, editErrors: u, isDeleting: d, activeCell: f, setActiveCell: p, rowState: m, onCellChange: h, onDeleteClick: g, onStartEdit: _, onConfirmEdit: v, onCancelEdit: y, refs: b, identityCol: x, href: S, rowActions: C, onRowActionSuccess: w }) {
+	let D = E(), O = q(() => !m || Object.keys(m.buffer).length === 0 ? t : {
+		...t,
+		...m.buffer
+	}, [t, m]);
+	if (c === "row_edit" && l) {
+		let t = m?.error ? [...u, `_error:${m.error}`] : u;
+		return /* @__PURE__ */ Z(Oe, {
+			values: O,
+			entity: n,
+			columns: a,
+			editableColumns: o,
+			errors: t,
+			saving: m?.saving ?? !1,
+			onChange: (t, n) => h(e, t, n),
+			onConfirm: () => v(e),
+			onCancel: () => y(e),
+			refs: b
+		});
+	}
+	let j = oe, M = {
+		padding: "4px 4px",
+		borderBottom: "1px solid var(--divider)",
+		verticalAlign: "middle"
+	}, N = c === "inline_edit";
+	return /* @__PURE__ */ Q("tr", {
+		style: { opacity: d ? .5 : 1 },
+		children: [
+			a.map((t) => {
+				let a = n.fields.get(t), s = o.has(t);
+				if (N && f?.rowId === e && f?.col === t && s) return /* @__PURE__ */ Z("td", {
+					style: M,
+					children: a ? I({
+						field: a,
+						fieldName: t,
+						value: O[t],
+						mode: "edit",
+						onChange: (n) => h(e, t, n),
+						record: O,
+						refs: b,
+						compact: !0,
+						t: D
+					}) : T(O[t])
+				}, t);
+				let c = S && t === x, l = a ? I({
+					field: a,
+					fieldName: t,
+					value: O[t],
+					mode: "display",
+					record: O,
+					refs: b,
+					entity: n,
+					entities: r,
+					screens: c ? void 0 : i,
+					t: D
+				}) : T(O[t]), u = N && s && !d;
+				return /* @__PURE__ */ Z("td", {
+					style: {
+						...j,
+						cursor: u ? "pointer" : "default"
+					},
+					onClick: u ? () => p({
+						rowId: e,
+						col: t
+					}) : void 0,
+					children: c ? /* @__PURE__ */ Z("a", {
+						href: S,
+						style: {
+							color: "var(--accent)",
+							textDecoration: "none",
+							fontWeight: 500
+						},
+						onMouseEnter: (e) => e.currentTarget.style.textDecoration = "underline",
+						onMouseLeave: (e) => e.currentTarget.style.textDecoration = "none",
+						children: l
+					}) : l
+				}, t);
+			}),
+			s && /* @__PURE__ */ Z("td", {
+				style: {
+					padding: "4px 8px",
+					borderBottom: "1px solid var(--divider)",
+					verticalAlign: "middle"
+				},
+				children: /* @__PURE__ */ Q("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 4
+					},
+					children: [
+						m?.saving && /* @__PURE__ */ Z(P, { size: 12 }),
+						m?.error && /* @__PURE__ */ Z("span", {
+							style: {
+								fontSize: 11,
+								color: "var(--danger)"
+							},
+							title: m.error,
+							children: "!"
+						}),
+						c === "row_edit" && /* @__PURE__ */ Z(A, {
+							size: 24,
+							icon: /* @__PURE__ */ Z(k.edit, { size: 12 }),
+							onClick: () => _(e),
+							title: D("record.row.edit", "Edit row")
+						}),
+						/* @__PURE__ */ Z(A, {
+							size: 24,
+							icon: /* @__PURE__ */ Z(k.trash, { size: 12 }),
+							onClick: () => g(e),
+							title: D("record.row.delete", "Delete row")
+						})
+					]
+				})
+			}),
+			!s && C && C.length > 0 && /* @__PURE__ */ Z("td", {
+				style: {
+					padding: "4px 8px",
+					borderBottom: "1px solid var(--divider)",
+					verticalAlign: "middle"
+				},
+				children: /* @__PURE__ */ Z(fe, {
+					entity: n,
+					actions: C,
+					objectIds: [e],
+					row: O,
+					onSuccess: w
+				})
+			})
+		]
+	});
+}
+function Oe({ values: e, entity: t, columns: n, editableColumns: r, errors: i, saving: a, onChange: o, onConfirm: s, onCancel: c, refs: l, accent: u }) {
+	let d = E(), f = i.find((e) => e.startsWith("_error:")), p = new Set(i.filter((e) => !e.startsWith("_error:"))), m = {
+		padding: "6px 12px",
+		borderBottom: "1px solid var(--divider)",
+		verticalAlign: "middle",
+		height: 40,
+		minWidth: 0
+	}, h = {
+		display: "block",
+		width: "100%",
+		maxWidth: "100%",
+		minWidth: 0
+	};
+	return /* @__PURE__ */ Q("tr", {
+		style: u ? { boxShadow: "inset 3px 0 0 var(--accent)" } : void 0,
+		onKeyDown: (e) => {
+			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), s()) : e.key === "Escape" && (e.preventDefault(), c());
+		},
+		children: [n.map((n) => {
+			let i = t.fields.get(n), a = r.has(n), s = p.has(n);
+			return a ? /* @__PURE__ */ Z("td", {
+				style: {
+					...m,
+					outline: s ? "1px solid var(--danger)" : "none",
+					outlineOffset: -1
+				},
+				title: s ? d("record.row.field_required", "{field} is required", { field: n }) : void 0,
+				children: /* @__PURE__ */ Z("div", {
+					style: h,
+					children: i ? I({
+						field: i,
+						fieldName: n,
+						value: e[n],
+						mode: "edit",
+						onChange: (e) => o(n, e),
+						record: e,
+						refs: l,
+						compact: !0,
+						t: d
+					}) : T(e[n])
+				})
+			}, n) : /* @__PURE__ */ Z("td", {
+				style: {
+					...m,
+					color: "var(--text-3)"
+				},
+				children: i?.auto ? "—" : T(e[n])
+			}, n);
+		}), /* @__PURE__ */ Z("td", {
+			style: m,
+			children: /* @__PURE__ */ Q("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 4,
+					justifyContent: "flex-end"
+				},
+				children: [
+					f && /* @__PURE__ */ Z("span", {
+						style: {
+							fontSize: 11,
+							color: "var(--danger)"
+						},
+						title: f.slice(7),
+						children: "!"
+					}),
+					/* @__PURE__ */ Z(A, {
+						size: 24,
+						icon: Z(a ? P : k.check, { size: 12 }),
+						onClick: s,
+						title: d("record.row.confirm", "Confirm (Enter)")
+					}),
+					/* @__PURE__ */ Z(A, {
+						size: 24,
+						icon: /* @__PURE__ */ Z(k.x, { size: 12 }),
+						onClick: c,
+						title: d("record.row.cancel", "Cancel (Esc)")
+					})
+				]
+			})
+		})]
+	});
+}
+function ke({ values: e, entity: t, columns: n, editableColumns: r, errors: i, saving: a, onChange: o, onConfirm: s, onCancel: c, refs: l, accent: u }) {
+	let d = E(), f = ce(), p = i.find((e) => e.startsWith("_error:")), m = new Set(i.filter((e) => !e.startsWith("_error:")));
+	return /* @__PURE__ */ Q("div", {
+		style: {
+			border: "1px solid var(--border)",
+			borderRadius: 8,
+			background: "var(--surface)",
+			overflow: "hidden",
+			boxShadow: u ? "inset 3px 0 0 var(--accent)" : void 0
+		},
+		onKeyDown: (e) => {
+			e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), s()) : e.key === "Escape" && (e.preventDefault(), c());
+		},
+		children: [/* @__PURE__ */ Z("div", {
+			style: {
+				padding: 10,
+				display: "flex",
+				flexDirection: "column",
+				gap: 12
+			},
+			children: n.map((n) => {
+				let i = t.fields.get(n), a = r.has(n), s = m.has(n), c = i ? b(d, i, n) : n, u = `${f}-${n}`, p = `${u}-label`, h = {
+					fontSize: 11.5,
+					fontWeight: 600,
+					color: "var(--text-3)"
+				};
+				return /* @__PURE__ */ Q("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 5,
+						minWidth: 0
+					},
+					children: [a && i ? /* @__PURE__ */ Z("label", {
+						id: p,
+						htmlFor: u,
+						style: h,
+						children: c
+					}) : /* @__PURE__ */ Z("div", {
+						id: p,
+						style: h,
+						children: c
+					}), /* @__PURE__ */ Z("div", {
+						style: {
+							minWidth: 0,
+							outline: s ? "1px solid var(--danger)" : "none",
+							outlineOffset: 3,
+							borderRadius: s ? 5 : 0
+						},
+						title: s ? d("record.row.field_required", "{field} is required", { field: n }) : void 0,
+						children: a ? i ? I({
+							field: i,
+							fieldName: n,
+							value: e[n],
+							mode: "edit",
+							onChange: (e) => o(n, e),
+							record: e,
+							refs: l,
+							compact: !0,
+							fieldId: u,
+							labelId: p,
+							t: d
+						}) : T(e[n]) : i?.auto ? "—" : T(e[n])
+					})]
+				}, n);
+			})
+		}), /* @__PURE__ */ Q("div", {
+			style: {
+				minHeight: 42,
+				padding: "6px 8px",
+				borderTop: "1px solid var(--divider)",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "flex-end",
+				gap: 6
+			},
+			children: [
+				p && /* @__PURE__ */ Z("span", {
+					style: {
+						fontSize: 11,
+						color: "var(--danger)"
+					},
+					title: p.slice(7),
+					children: "!"
+				}),
+				/* @__PURE__ */ Z(A, {
+					size: 32,
+					icon: Z(a ? P : k.check, { size: 14 }),
+					onClick: s,
+					title: d("record.row.confirm", "Confirm (Enter)")
+				}),
+				/* @__PURE__ */ Z(A, {
+					size: 32,
+					icon: /* @__PURE__ */ Z(k.x, { size: 14 }),
+					onClick: c,
+					title: d("record.row.cancel", "Cancel (Esc)")
+				})
+			]
+		})]
+	});
+}
+function Ae({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey: i, draftErrors: a, draftSaving: o, onChange: s, onConfirm: c, onCancel: l, refs: u }) {
+	let d = q(() => {
+		let e = new Set(r);
+		return e.delete(i), e;
+	}, [r, i]);
+	return /* @__PURE__ */ Z(Oe, {
+		values: e,
+		entity: t,
+		columns: n,
+		editableColumns: d,
+		errors: a,
+		saving: o,
+		onChange: s,
+		onConfirm: c,
+		onCancel: l,
+		refs: u,
+		accent: !0
+	});
+}
+function je({ draftRow: e, entity: t, columns: n, editableColumns: r, foreignKey: i, draftErrors: a, draftSaving: o, onChange: s, onConfirm: c, onCancel: l, refs: u }) {
+	let d = q(() => {
+		let e = new Set(r);
+		return e.delete(i), e;
+	}, [r, i]);
+	return /* @__PURE__ */ Z(ke, {
+		values: e,
+		entity: t,
+		columns: n,
+		editableColumns: d,
+		errors: a,
+		saving: o,
+		onChange: s,
+		onConfirm: c,
+		onCancel: l,
+		refs: u,
+		accent: !0
+	});
+}
+//#endregion
+export { de as n, xe as t };