@object-ui/plugin-aggrid 3.1.4 → 3.3.0

package/dist/{LookupField-Dmzju5Q0.js → LookupField-DoOmbbZF.js}

@@ -1,17 +1,18 @@
-import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
-import { t as n } from "./createLucideIcon-CWx7zIL1.js";
-import { t as r } from "./plus-CsEgF66K.js";
-import { t as i } from "./x-Bwhzfvtg.js";
+import { t as e } from "./jsx-runtime-CGDkM_Jn.js";
+import { t } from "./createLucideIcon-BjfZYZey.js";
+import { t as n } from "./plus-BwEV_Q5_.js";
+import { t as r } from "./x-BFq2GeQ5.js";
+import { t as i } from "./useFieldTranslation-C69OtouR.js";
 import { useCallback as a, useContext as ee, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
-import { Badge as u, Button as d, Checkbox as te, Dialog as ne, DialogContent as re, DialogFooter as f, DialogHeader as p, DialogTitle as ie, Input as m, Label as h, Popover as ae, PopoverContent as oe, PopoverTrigger as se, Select as ce, SelectContent as le, SelectItem as ue, SelectTrigger as de, SelectValue as fe, Skeleton as g, Table as pe, TableBody as _, TableCell as v, TableHead as me, TableHeader as y, TableRow as b, cn as he } from "@object-ui/components";
+import { Badge as u, Button as d, Checkbox as te, Dialog as ne, DialogContent as re, DialogFooter as f, DialogHeader as p, DialogTitle as m, Input as h, Label as g, Popover as ie, PopoverContent as ae, PopoverTrigger as oe, Select as se, SelectContent as ce, SelectItem as le, SelectTrigger as ue, SelectValue as de, Skeleton as _, Table as fe, TableBody as v, TableCell as pe, TableHead as y, TableHeader as me, TableRow as he, cn as b } from "@object-ui/components";
 import { SchemaRendererContext as x } from "@object-ui/react";
-var S = n("arrow-down", [["path", {
+var ge = t("arrow-down", [["path", {
 	d: "M12 5v14",
 	key: "s699le"
 }], ["path", {
 	d: "m19 12-7 7-7-7",
 	key: "1idqje"
-}]]), C = n("arrow-up-down", [
+}]]), S = t("arrow-up-down", [
 	["path", {
 		d: "m21 16-4 4-4-4",
 		key: "f6ql7i"
@@ -28,22 +29,22 @@ var S = n("arrow-down", [["path", {
 		d: "M7 4v16",
 		key: "1glfcx"
 	}]
-]), ge = n("arrow-up", [["path", {
+]), C = t("arrow-up", [["path", {
 	d: "m5 12 7-7 7 7",
 	key: "hav0vg"
 }], ["path", {
 	d: "M12 19V5",
 	key: "x0mq9r"
-}]]), w = n("check", [["path", {
+}]]), w = t("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
-}]]), T = n("chevron-left", [["path", {
+}]]), _e = t("chevron-left", [["path", {
 	d: "m15 18-6-6 6-6",
 	key: "1wnfg3"
-}]]), _e = n("chevron-right", [["path", {
+}]]), T = t("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
-}]]), ve = n("circle-alert", [
+}]]), ve = t("circle-alert", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -64,10 +65,10 @@ var S = n("arrow-down", [["path", {
 		y2: "16",
 		key: "4dfq90"
 	}]
-]), ye = n("loader-circle", [["path", {
+]), ye = t("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), be = n("search", [["path", {
+}]]), be = t("search", [["path", {
 	d: "m21 21-4.34-4.34",
 	key: "14j7rj"
 }], ["circle", {
@@ -75,7 +76,7 @@ var S = n("arrow-down", [["path", {
 	cy: "11",
 	r: "8",
 	key: "4ej97u"
-}]]), E = n("sliders-horizontal", [
+}]]), E = t("sliders-horizontal", [
 	["path", {
 		d: "M10 5H3",
 		key: "1qgfaw"
@@ -112,7 +113,7 @@ var S = n("arrow-down", [["path", {
 		d: "M8 12H3",
 		key: "a7s4jb"
 	}]
-]), D = n("table-properties", [
+]), D = t("table-properties", [
 	["path", {
 		d: "M15 3v18",
 		key: "14nvp0"
@@ -133,14 +134,14 @@ var S = n("arrow-down", [["path", {
 		d: "M21 15H3",
 		key: "9uk58r"
 	}]
-]), O = t(), k = 10, xe = 60, Se = 5;
-function Ce(e) {
+]), O = e(), xe = 10, k = 60, A = 5;
+function j(e) {
 	return typeof e == "string" ? { field: e } : e;
 }
-function A(e) {
+function M(e) {
 	return e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function we(e) {
+function Se(e) {
 	let t = {};
 	for (let n of e) switch (n.operator) {
 		case "eq":
@@ -173,7 +174,7 @@ function we(e) {
 	}
 	return t;
 }
-function j(e, t) {
+function Ce(e, t) {
 	let n = {};
 	for (let r of t) {
 		let t = e[r.field];
@@ -181,17 +182,17 @@ function j(e, t) {
 	}
 	return n;
 }
-function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r = !1, dataSource: ee, objectName: u, columns: ae, displayField: oe = "name", idField: se = "id", pageSize: x = k, value: D, onSelect: M, onSelectRecords: N, lookupFilters: P, cellRenderer: Te, filterColumns: F, renderFilterBar: Ee, renderGrid: De }) {
-	let [I, Oe] = l([]), [L, R] = l(!1), [z, B] = l(null), [V, ke] = l(0), [H, Ae] = l(""), [U, W] = l(1), G = c(null), [K, je] = l(null), [q, Me] = l("asc"), [Ne, Pe] = l(/* @__PURE__ */ new Set()), Fe = c(/* @__PURE__ */ new Map()), [J, Ie] = l(-1), Le = c(null), [Re, ze] = l(!1), [Y, Be] = l({}), [Ve, He] = l({}), X = c(null), [Ue, We] = l(""), Ge = s(() => ae && ae.length > 0 ? ae.map(Ce) : [{
-		field: oe,
-		label: A(oe)
-	}], [ae, oe]), Z = s(() => {
-		if (F && F.length > 0) return F;
-		if (P && P.length > 0) return P.map((e) => {
+function N({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i = !1, dataSource: ee, objectName: u, columns: ie, displayField: ae = "name", idField: oe = "id", pageSize: x = xe, value: D, onSelect: N, onSelectRecords: P, lookupFilters: F, cellRenderer: I, filterColumns: we, renderFilterBar: Te, renderGrid: Ee }) {
+	let [L, R] = l([]), [z, De] = l(!1), [B, V] = l(null), [H, Oe] = l(0), [ke, Ae] = l(""), [U, W] = l(1), G = c(null), [K, je] = l(null), [q, Me] = l("asc"), [Ne, Pe] = l(/* @__PURE__ */ new Set()), Fe = c(/* @__PURE__ */ new Map()), [J, Ie] = l(-1), Le = c(null), [Re, ze] = l(!1), [Y, Be] = l({}), [Ve, He] = l({}), X = c(null), [Ue, We] = l(""), Ge = s(() => ie && ie.length > 0 ? ie.map(j) : [{
+		field: ae,
+		label: M(ae)
+	}], [ie, ae]), Z = s(() => {
+		if (we && we.length > 0) return we;
+		if (F && F.length > 0) return F.map((e) => {
 			let t = "text";
 			return typeof e.value == "boolean" ? t = "boolean" : Array.isArray(e.value) ? t = "select" : typeof e.value == "number" || e.operator === "gt" || e.operator === "lt" || e.operator === "gte" || e.operator === "lte" ? t = "number" : (e.operator === "in" || e.operator === "notIn") && (t = "select"), {
 				field: e.field,
-				label: A(e.field),
+				label: M(e.field),
 				type: t,
 				...Array.isArray(e.value) ? { options: e.value.map((e) => {
 					if (typeof e == "object" && e) {
@@ -208,19 +209,19 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 				}) } : {}
 			};
 		});
-	}, [F, P]), Ke = s(() => {
-		let e = P?.length ? we(P) : {}, t = Z?.length ? j(Y, Z) : {}, n = {
+	}, [we, F]), Ke = s(() => {
+		let e = F?.length ? Se(F) : {}, t = Z?.length ? Ce(Y, Z) : {}, n = {
 			...e,
 			...t
 		};
 		return Object.keys(n).length > 0 ? n : void 0;
 	}, [
-		P,
+		F,
 		Z,
 		Y
-	]), Q = Math.max(1, Math.ceil(V / x)), qe = a(async (e, t = 1, n, r) => {
+	]), Q = Math.max(1, Math.ceil(H / x)), qe = a(async (e, t = 1, n, r) => {
 		if (!(!ee || !u)) {
-			R(!0), B(null);
+			De(!0), V(null);
 			try {
 				let i = {
 					$top: x,
@@ -230,11 +231,11 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 				let a = r === void 0 ? Ke : r;
 				a && Object.keys(a).length > 0 && (i.$filter = a);
 				let o = await ee.find(u, i), s = o?.data ?? o ?? [];
-				Oe(s), ke(o?.total ?? s.length), Ie(-1);
+				R(s), Oe(o?.total ?? s.length), Ie(-1);
 			} catch (e) {
-				B(e instanceof Error ? e.message : String(e)), Oe([]);
+				V(e instanceof Error ? e.message : String(e)), R([]);
 			} finally {
-				R(!1);
+				De(!1);
 			}
 		}
 	}, [
@@ -247,19 +248,19 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 		direction: q
 	} : null, [K, q]);
 	o(() => {
-		e || (Ae(""), W(1), B(null), Oe([]), je(null), Me("asc"), Ie(-1), ze(!1), Be({}), He({}), We(""), Pe(new Set(r && Array.isArray(D) ? D : [])), Fe.current.clear());
+		e || (Ae(""), W(1), V(null), R([]), je(null), Me("asc"), Ie(-1), ze(!1), Be({}), He({}), We(""), Pe(new Set(i && Array.isArray(D) ? D : [])), Fe.current.clear());
 	}, [e]), o(() => {
-		e && qe(H || void 0, U, Je);
+		e && qe(ke || void 0, U, Je);
 	}, [
 		e,
 		U,
 		Je,
 		Ke
 	]), o(() => {
-		e && r && Pe(new Set(Array.isArray(D) ? D : []));
+		e && i && Pe(new Set(Array.isArray(D) ? D : []));
 	}, [
 		e,
-		r,
+		i,
 		D
 	]);
 	let Ye = a((e) => {
@@ -272,35 +273,35 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 	}, []);
 	let Xe = a((e) => {
 		je((t) => t === e ? (Me((e) => e === "asc" ? "desc" : "asc"), e) : (Me("asc"), e)), W(1);
-	}, []), Ze = a((e) => e[se] ?? e.id ?? e._id, [se]), Qe = a((e) => {
+	}, []), Ze = a((e) => e[oe] ?? e.id ?? e._id, [oe]), Qe = a((e) => {
 		let t = Ze(e);
-		return r ? Ne.has(t) : D === t;
+		return i ? Ne.has(t) : D === t;
 	}, [
-		r,
+		i,
 		D,
 		Ne,
 		Ze
 	]), $e = a((e) => {
 		let n = Ze(e);
-		r ? Pe((t) => {
+		i ? Pe((t) => {
 			let r = new Set(t);
 			return r.has(n) ? (r.delete(n), Fe.current.delete(n)) : (r.add(n), Fe.current.set(n, e)), r;
-		}) : (M(n), N?.([e]), t(!1));
+		}) : (N(n), P?.([e]), t(!1));
 	}, [
-		r,
+		i,
 		Ze,
-		M,
 		N,
+		P,
 		t
 	]), et = a(() => {
 		let e = Array.from(Ne);
-		M(e);
+		N(e);
 		let n = e.map((e) => Fe.current.get(e)).filter(Boolean);
-		N?.(n), t(!1);
+		P?.(n), t(!1);
 	}, [
 		Ne,
-		M,
 		N,
+		P,
 		t
 	]), tt = a(() => {
 		W((e) => Math.max(1, e - 1));
@@ -311,9 +312,9 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 		let t = parseInt(Ue, 10);
 		!isNaN(t) && t >= 1 && t <= Q && W(t), We("");
 	}, [Ue, Q]), it = a((e) => {
-		I.length !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), Ie((e) => Math.min(e + 1, I.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), Ie((e) => Math.max(e - 1, 0))) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), J >= 0 && J < I.length && $e(I[J])));
+		L.length !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), Ie((e) => Math.min(e + 1, L.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), Ie((e) => Math.max(e - 1, 0))) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), J >= 0 && J < L.length && $e(L[J])));
 	}, [
-		I,
+		L,
 		J,
 		$e
 	]);
@@ -325,8 +326,8 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 	}, [J]);
 	let at = a((e, t) => {
 		let n = e[t.field];
-		if (t.type && Te) {
-			let e = Te(t.type);
+		if (t.type && I) {
+			let e = I(t.type);
 			if (e) return /* @__PURE__ */ (0, O.jsx)(e, {
 				value: n,
 				field: {
@@ -336,7 +337,7 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 			});
 		}
 		return n == null ? "" : typeof n == "object" ? n.$numberDecimal ? String(Number(n.$numberDecimal)) : n.$oid ? String(n.$oid) : n.$date ? new Date(n.$date).toLocaleDateString() : n.name || n.label ? String(n.name || n.label) : JSON.stringify(n) : typeof n == "boolean" ? n ? "Yes" : "No" : String(n);
-	}, [Te]), ot = a((e) => K === e ? q === "asc" ? /* @__PURE__ */ (0, O.jsx)(ge, { className: "ml-1 size-3" }) : /* @__PURE__ */ (0, O.jsx)(S, { className: "ml-1 size-3" }) : /* @__PURE__ */ (0, O.jsx)(C, { className: "ml-1 size-3 opacity-40" }), [K, q]), st = a((e, t, n) => {
+	}, [I]), ot = a((e) => K === e ? q === "asc" ? /* @__PURE__ */ (0, O.jsx)(C, { className: "ml-1 size-3" }) : /* @__PURE__ */ (0, O.jsx)(ge, { className: "ml-1 size-3" }) : /* @__PURE__ */ (0, O.jsx)(S, { className: "ml-1 size-3 opacity-40" }), [K, q]), st = a((e, t, n) => {
 		e.preventDefault(), e.stopPropagation(), X.current = {
 			field: t,
 			startX: e.clientX,
@@ -344,7 +345,7 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 		};
 		let r = (e) => {
 			if (!X.current) return;
-			let t = e.clientX - X.current.startX, n = Math.max(xe, X.current.startWidth + t);
+			let t = e.clientX - X.current.startX, n = Math.max(k, X.current.startWidth + t);
 			He((e) => ({
 				...e,
 				[X.current.field]: n
@@ -361,20 +362,20 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 	}, []), ct = a(() => {
 		Be({}), W(1);
 	}, []), lt = s(() => Object.values(Y).filter((e) => e != null && e !== "").length, [Y]), ut = a((e) => {
-		let t = Y[e.field], n = e.label || A(e.field);
+		let t = Y[e.field], n = e.label || M(e.field);
 		switch (e.type) {
 			case "select": return /* @__PURE__ */ (0, O.jsxs)("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, O.jsx)(h, {
+				children: [/* @__PURE__ */ (0, O.jsx)(g, {
 					className: "text-xs text-muted-foreground",
 					children: n
-				}), /* @__PURE__ */ (0, O.jsxs)(ce, {
+				}), /* @__PURE__ */ (0, O.jsxs)(se, {
 					value: t == null ? "" : String(t),
 					onValueChange: (t) => $(e.field, t),
-					children: [/* @__PURE__ */ (0, O.jsx)(de, {
+					children: [/* @__PURE__ */ (0, O.jsx)(ue, {
 						className: "h-8 text-xs",
-						children: /* @__PURE__ */ (0, O.jsx)(fe, { placeholder: `Filter ${n}` })
-					}), /* @__PURE__ */ (0, O.jsx)(le, { children: e.options?.map((e) => /* @__PURE__ */ (0, O.jsx)(ue, {
+						children: /* @__PURE__ */ (0, O.jsx)(de, { placeholder: `Filter ${n}` })
+					}), /* @__PURE__ */ (0, O.jsx)(ce, { children: e.options?.map((e) => /* @__PURE__ */ (0, O.jsx)(le, {
 						value: String(e.value),
 						children: e.label
 					}, String(e.value))) })]
@@ -382,10 +383,10 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 			});
 			case "number": return /* @__PURE__ */ (0, O.jsxs)("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, O.jsx)(h, {
+				children: [/* @__PURE__ */ (0, O.jsx)(g, {
 					className: "text-xs text-muted-foreground",
 					children: n
-				}), /* @__PURE__ */ (0, O.jsx)(m, {
+				}), /* @__PURE__ */ (0, O.jsx)(h, {
 					type: "number",
 					className: "h-8 text-xs",
 					value: t ?? "",
@@ -398,10 +399,10 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 			});
 			case "date": return /* @__PURE__ */ (0, O.jsxs)("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, O.jsx)(h, {
+				children: [/* @__PURE__ */ (0, O.jsx)(g, {
 					className: "text-xs text-muted-foreground",
 					children: n
-				}), /* @__PURE__ */ (0, O.jsx)(m, {
+				}), /* @__PURE__ */ (0, O.jsx)(h, {
 					type: "date",
 					className: "h-8 text-xs",
 					value: t ?? "",
@@ -410,7 +411,7 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 			});
 			case "boolean": return /* @__PURE__ */ (0, O.jsxs)("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, O.jsx)(h, {
+				children: [/* @__PURE__ */ (0, O.jsx)(g, {
 					className: "text-xs text-muted-foreground",
 					children: n
 				}), /* @__PURE__ */ (0, O.jsxs)("div", {
@@ -426,10 +427,10 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 			});
 			default: return /* @__PURE__ */ (0, O.jsxs)("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, O.jsx)(h, {
+				children: [/* @__PURE__ */ (0, O.jsx)(g, {
 					className: "text-xs text-muted-foreground",
 					children: n
-				}), /* @__PURE__ */ (0, O.jsx)(m, {
+				}), /* @__PURE__ */ (0, O.jsx)(h, {
 					className: "h-8 text-xs",
 					value: t ?? "",
 					placeholder: `Filter ${n}`,
@@ -445,7 +446,7 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 			className: "w-[95vw] sm:max-w-3xl lg:max-w-5xl max-h-[85vh] sm:max-h-[80vh] flex flex-col gap-0",
 			"data-testid": "record-picker-dialog",
 			children: [
-				/* @__PURE__ */ (0, O.jsx)(p, { children: /* @__PURE__ */ (0, O.jsxs)(ie, { children: [n, r && /* @__PURE__ */ (0, O.jsx)("span", {
+				/* @__PURE__ */ (0, O.jsx)(p, { children: /* @__PURE__ */ (0, O.jsxs)(m, { children: [n, i && /* @__PURE__ */ (0, O.jsx)("span", {
 					className: "sr-only",
 					children: " (multiple selection)"
 				})] }) }),
@@ -453,14 +454,14 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 					className: "relative rounded-md border bg-muted/30 mb-3",
 					children: [
 						/* @__PURE__ */ (0, O.jsx)(be, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
-						/* @__PURE__ */ (0, O.jsx)(m, {
+						/* @__PURE__ */ (0, O.jsx)(h, {
 							placeholder: "Search...",
-							value: H,
+							value: ke,
 							onChange: (e) => Ye(e.target.value),
 							className: "pl-9 border-0 bg-transparent shadow-none focus-visible:ring-0",
 							"data-testid": "record-picker-search"
 						}),
-						L && /* @__PURE__ */ (0, O.jsx)(ye, {
+						z && /* @__PURE__ */ (0, O.jsx)(ye, {
 							className: "absolute right-3 top-1/2 -translate-y-1/2 size-4 animate-spin text-muted-foreground",
 							"data-testid": "record-picker-loading-indicator"
 						})
@@ -468,9 +469,9 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 				}),
 				Z && Z.length > 0 && /* @__PURE__ */ (0, O.jsx)("div", {
 					className: "py-2",
-					children: Ee ? /* @__PURE__ */ (0, O.jsx)("div", {
+					children: Te ? /* @__PURE__ */ (0, O.jsx)("div", {
 						"data-testid": "record-picker-filter-bar",
-						children: Ee({
+						children: Te({
 							filterColumns: Z,
 							values: Y,
 							onChange: $,
@@ -500,7 +501,7 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 							size: "sm",
 							className: "gap-1 text-xs",
 							onClick: ct,
-							children: [/* @__PURE__ */ (0, O.jsx)(i, { className: "size-3" }), "Clear"]
+							children: [/* @__PURE__ */ (0, O.jsx)(r, { className: "size-3" }), "Clear"]
 						})]
 					}), Re && /* @__PURE__ */ (0, O.jsx)("div", {
 						className: "mt-2 grid gap-3 sm:grid-cols-2 lg:grid-cols-3 border rounded-md p-3 bg-muted/30",
@@ -508,32 +509,32 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 						children: Z.map((e) => /* @__PURE__ */ (0, O.jsx)("div", { children: ut(e) }, e.field))
 					})] })
 				}),
-				z && /* @__PURE__ */ (0, O.jsxs)("div", {
+				B && /* @__PURE__ */ (0, O.jsxs)("div", {
 					className: "flex flex-col items-center gap-2 py-4",
 					role: "alert",
 					children: [
 						/* @__PURE__ */ (0, O.jsx)(ve, { className: "size-5 text-destructive" }),
 						/* @__PURE__ */ (0, O.jsx)("p", {
 							className: "text-sm text-destructive",
-							children: z
+							children: B
 						}),
 						/* @__PURE__ */ (0, O.jsx)(d, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => qe(H || void 0, U, Je),
+							onClick: () => qe(ke || void 0, U, Je),
 							type: "button",
 							children: "Retry"
 						})
 					]
 				}),
-				De ? /* @__PURE__ */ (0, O.jsx)("div", {
+				Ee ? /* @__PURE__ */ (0, O.jsx)("div", {
 					className: "flex-1 min-h-0",
 					"data-testid": "record-picker-grid-slot",
-					children: De({
+					children: Ee({
 						columns: Ge,
-						records: I,
-						loading: L,
-						totalCount: V,
+						records: L,
+						loading: z,
+						totalCount: H,
 						currentPage: U,
 						pageSize: x,
 						sortField: K,
@@ -542,49 +543,49 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 						onPageChange: W,
 						onRowClick: $e,
 						isSelected: Qe,
-						multiple: r,
-						idField: se,
-						cellRenderer: Te
+						multiple: i,
+						idField: oe,
+						cellRenderer: I
 					})
 				}) : /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
-					L && I.length === 0 && !z && /* @__PURE__ */ (0, O.jsx)("div", {
+					z && L.length === 0 && !B && /* @__PURE__ */ (0, O.jsx)("div", {
 						className: "flex-1 overflow-hidden min-h-0 border rounded-md",
 						role: "status",
 						"aria-live": "polite",
 						"data-testid": "record-picker-skeleton",
-						children: /* @__PURE__ */ (0, O.jsxs)(pe, { children: [/* @__PURE__ */ (0, O.jsx)(y, { children: /* @__PURE__ */ (0, O.jsxs)(b, {
+						children: /* @__PURE__ */ (0, O.jsxs)(fe, { children: [/* @__PURE__ */ (0, O.jsx)(me, { children: /* @__PURE__ */ (0, O.jsxs)(he, {
 							className: "bg-muted/40",
-							children: [r && /* @__PURE__ */ (0, O.jsx)(me, { className: "w-10" }), Ge.map((e) => /* @__PURE__ */ (0, O.jsx)(me, { children: /* @__PURE__ */ (0, O.jsx)(g, { className: "h-4 w-20" }) }, e.field))]
-						}) }), /* @__PURE__ */ (0, O.jsx)(_, { children: Array.from({ length: Se }, (e, t) => /* @__PURE__ */ (0, O.jsxs)(b, { children: [r && /* @__PURE__ */ (0, O.jsx)(v, {
+							children: [i && /* @__PURE__ */ (0, O.jsx)(y, { className: "w-10" }), Ge.map((e) => /* @__PURE__ */ (0, O.jsx)(y, { children: /* @__PURE__ */ (0, O.jsx)(_, { className: "h-4 w-20" }) }, e.field))]
+						}) }), /* @__PURE__ */ (0, O.jsx)(v, { children: Array.from({ length: A }, (e, t) => /* @__PURE__ */ (0, O.jsxs)(he, { children: [i && /* @__PURE__ */ (0, O.jsx)(pe, {
 							className: "w-10",
-							children: /* @__PURE__ */ (0, O.jsx)(g, { className: "size-4 rounded" })
-						}), Ge.map((e) => /* @__PURE__ */ (0, O.jsx)(v, { children: /* @__PURE__ */ (0, O.jsx)(g, { className: "h-4 w-full" }) }, e.field))] }, t)) })] })
+							children: /* @__PURE__ */ (0, O.jsx)(_, { className: "size-4 rounded" })
+						}), Ge.map((e) => /* @__PURE__ */ (0, O.jsx)(pe, { children: /* @__PURE__ */ (0, O.jsx)(_, { className: "h-4 w-full" }) }, e.field))] }, t)) })] })
 					}),
-					!L && !z && I.length === 0 && /* @__PURE__ */ (0, O.jsx)("div", {
+					!z && !B && L.length === 0 && /* @__PURE__ */ (0, O.jsx)("div", {
 						className: "py-8 text-center",
 						children: /* @__PURE__ */ (0, O.jsx)("p", {
 							className: "text-sm text-muted-foreground",
 							children: "No records found"
 						})
 					}),
-					!z && I.length > 0 && /* @__PURE__ */ (0, O.jsxs)("div", {
+					!B && L.length > 0 && /* @__PURE__ */ (0, O.jsxs)("div", {
 						className: "relative flex-1 overflow-auto min-h-0 border rounded-md",
 						tabIndex: 0,
 						onKeyDown: it,
 						role: "grid",
 						"aria-label": "Records",
-						children: [L && /* @__PURE__ */ (0, O.jsx)("div", {
+						children: [z && /* @__PURE__ */ (0, O.jsx)("div", {
 							className: "absolute inset-0 z-10 flex items-center justify-center bg-background/60",
 							"data-testid": "record-picker-loading-overlay",
 							children: /* @__PURE__ */ (0, O.jsx)(ye, { className: "size-6 animate-spin text-muted-foreground" })
-						}), /* @__PURE__ */ (0, O.jsxs)(pe, {
+						}), /* @__PURE__ */ (0, O.jsxs)(fe, {
 							style: Object.keys(Ve).length > 0 ? { tableLayout: "fixed" } : void 0,
-							children: [/* @__PURE__ */ (0, O.jsx)(y, {
+							children: [/* @__PURE__ */ (0, O.jsx)(me, {
 								className: "sticky top-0 z-[5] bg-muted/50 [&_tr]:border-b",
 								"data-testid": "record-picker-sticky-header",
-								children: /* @__PURE__ */ (0, O.jsxs)(b, { children: [r && /* @__PURE__ */ (0, O.jsx)(me, { className: "w-10" }), Ge.map((e) => {
+								children: /* @__PURE__ */ (0, O.jsxs)(he, { children: [i && /* @__PURE__ */ (0, O.jsx)(y, { className: "w-10" }), Ge.map((e) => {
 									let t = Ve[e.field];
-									return /* @__PURE__ */ (0, O.jsxs)(me, {
+									return /* @__PURE__ */ (0, O.jsxs)(y, {
 										style: t ? {
 											width: `${t}px`,
 											minWidth: `${t}px`
@@ -594,7 +595,7 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 										"aria-sort": K === e.field ? q === "asc" ? "ascending" : "descending" : "none",
 										children: [/* @__PURE__ */ (0, O.jsxs)("span", {
 											className: "inline-flex items-center",
-											children: [e.label || A(e.field), ot(e.field)]
+											children: [e.label || M(e.field), ot(e.field)]
 										}), /* @__PURE__ */ (0, O.jsx)("span", {
 											role: "separator",
 											"aria-orientation": "vertical",
@@ -608,20 +609,20 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 										})]
 									}, e.field);
 								})] })
-							}), /* @__PURE__ */ (0, O.jsx)(_, {
+							}), /* @__PURE__ */ (0, O.jsx)(v, {
 								ref: Le,
-								children: I.map((e, t) => {
-									let n = Ze(e), i = Qe(e), a = t === J;
-									return /* @__PURE__ */ (0, O.jsxs)(b, {
+								children: L.map((e, t) => {
+									let n = Ze(e), r = Qe(e), a = t === J;
+									return /* @__PURE__ */ (0, O.jsxs)(he, {
 										"data-row-index": t,
-										className: he("cursor-pointer transition-colors", dt(i, t), a && "ring-2 ring-primary ring-inset"),
+										className: b("cursor-pointer transition-colors", dt(r, t), a && "ring-2 ring-primary ring-inset"),
 										onClick: () => $e(e),
 										"data-testid": `record-row-${n}`,
-										"aria-selected": i,
-										children: [r && /* @__PURE__ */ (0, O.jsx)(v, {
+										"aria-selected": r,
+										children: [i && /* @__PURE__ */ (0, O.jsx)(pe, {
 											className: "w-10",
-											children: i && /* @__PURE__ */ (0, O.jsx)(w, { className: "size-4 text-primary" })
-										}), Ge.map((t) => /* @__PURE__ */ (0, O.jsx)(v, {
+											children: r && /* @__PURE__ */ (0, O.jsx)(w, { className: "size-4 text-primary" })
+										}), Ge.map((t) => /* @__PURE__ */ (0, O.jsx)(pe, {
 											className: "py-2.5",
 											children: at(e, t)
 										}, t.field))]
@@ -630,13 +631,13 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 							})]
 						})]
 					}),
-					!z && V > 0 && /* @__PURE__ */ (0, O.jsxs)("div", {
+					!B && H > 0 && /* @__PURE__ */ (0, O.jsxs)("div", {
 						className: "flex items-center justify-between text-sm text-muted-foreground border-t pt-3 mt-2 px-1",
 						"data-testid": "record-picker-pagination",
 						children: [/* @__PURE__ */ (0, O.jsxs)("span", { children: [
-							V,
+							H,
 							" ",
-							V === 1 ? "record" : "records",
+							H === 1 ? "record" : "records",
 							Q > 1 && ` · Page ${U} of ${Q}`
 						] }), Q > 1 && /* @__PURE__ */ (0, O.jsxs)("div", {
 							className: "flex items-center gap-1.5",
@@ -649,9 +650,9 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 									disabled: U <= 1,
 									type: "button",
 									"aria-label": "Previous page",
-									children: /* @__PURE__ */ (0, O.jsx)(T, { className: "size-4" })
+									children: /* @__PURE__ */ (0, O.jsx)(_e, { className: "size-4" })
 								}),
-								/* @__PURE__ */ (0, O.jsx)(m, {
+								/* @__PURE__ */ (0, O.jsx)(h, {
 									className: "h-7 w-12 text-center text-xs px-1",
 									placeholder: String(U),
 									value: Ue,
@@ -668,13 +669,13 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 									disabled: U >= Q,
 									type: "button",
 									"aria-label": "Next page",
-									children: /* @__PURE__ */ (0, O.jsx)(_e, { className: "size-4" })
+									children: /* @__PURE__ */ (0, O.jsx)(T, { className: "size-4" })
 								})
 							]
 						})]
 					})
 				] }),
-				r && /* @__PURE__ */ (0, O.jsx)(f, { children: /* @__PURE__ */ (0, O.jsxs)("div", {
+				i && /* @__PURE__ */ (0, O.jsx)(f, { children: /* @__PURE__ */ (0, O.jsxs)("div", {
 					className: "flex items-center gap-2 w-full justify-between",
 					children: [/* @__PURE__ */ (0, O.jsxs)("span", {
 						className: "text-sm text-muted-foreground",
@@ -699,17 +700,17 @@ function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: r =
 }
 //#endregion
 //#region ../fields/src/widgets/_cell-renderer-bridge.ts
-var N;
-function P(e) {
-	N = e;
+var P;
+function F(e) {
+	P = e;
 }
-function Te() {
-	return N;
+function I() {
+	return P;
 }
 //#endregion
 //#region ../fields/src/widgets/LookupField.tsx
-var F = /* @__PURE__ */ e({ LookupField: () => L }), Ee = 50, De = x;
-function I(e, t, n, r) {
+var we = 50, Te = x;
+function Ee(e, t, n, r) {
 	let i = e[n] ?? e.id ?? e._id, a = e[t] ?? e.label ?? e.name ?? String(i), ee = r ? e[r] : void 0;
 	return {
 		value: i,
@@ -718,7 +719,7 @@ function I(e, t, n, r) {
 		...e
 	};
 }
-function Oe(e) {
+function L(e) {
 	return {
 		text: "text",
 		number: "number",
@@ -731,12 +732,12 @@ function Oe(e) {
 		boolean: "boolean"
 	}[e];
 }
-function L({ value: e, onChange: t, field: n, readonly: te, ...ne }) {
-	let [re, f] = l(!1), [p, ie] = l(""), [h, ce] = l([]), [le, ue] = l(!1), [de, fe] = l(null), [g, pe] = l(0), _ = c(null), [v, me] = l([]), [y, b] = l(-1), he = c(null), x = n || ne.schema, S = x?.field, C = S && typeof S == "object" && ("reference_to" in S || "reference" in S || "type" in S) ? S : x, ge = C?.options || [], w = C?.multiple || !1, T = C?.display_field || C?.reference_field || "name", _e = C?.description_field, E = C?.id_field || "id", k = C?.reference_to || C?.reference, xe = C?.lookup_columns, Se = C?.lookup_page_size, Ce = C?.lookup_filters, A = s(() => {
-		if (!xe) return;
+function R({ value: e, onChange: t, field: te, readonly: ne, ...re }) {
+	let [f, p] = l(!1), [m, g] = l(""), { t: se } = i(), [ce, le] = l([]), [ue, de] = l(!1), [_, fe] = l(null), [v, pe] = l(0), y = c(null), [me, he] = l([]), [b, x] = l(-1), ge = c(null), S = te || re.schema, C = S?.field, w = C && typeof C == "object" && ("reference_to" in C || "reference" in C || "type" in C) ? C : S, _e = w?.options || [], T = w?.multiple || !1, E = w?.display_field || w?.reference_field || "name", xe = w?.description_field, k = w?.id_field || "id", A = w?.reference_to || w?.reference, j = w?.lookup_columns, M = w?.lookup_page_size, Se = w?.lookup_filters, Ce = s(() => {
+		if (!j) return;
 		let e = [];
-		for (let t of xe) if (typeof t == "object" && t.type) {
-			let n = Oe(t.type);
+		for (let t of j) if (typeof t == "object" && t.type) {
+			let n = L(t.type);
 			n && e.push({
 				field: t.field,
 				label: t.label,
@@ -744,123 +745,123 @@ function L({ value: e, onChange: t, field: n, readonly: te, ...ne }) {
 			});
 		}
 		return e.length > 0 ? e : void 0;
-	}, [xe]), we = ee(De)?.dataSource ?? null, j = ne.dataSource ?? x?.dataSource ?? C?.dataSource ?? we, N = j != null && typeof j.find == "function" && !!k, P = ne.onCreateNew ?? x?.onCreateNew, [F, L] = l(!1), R = N ? h : ge, z = s(() => {
-		if (N || !p) return R;
-		let e = p.toLowerCase();
-		return R.filter((t) => t.label.toLowerCase().includes(e) || t.description && t.description.toLowerCase().includes(e));
+	}, [j]), P = ee(Te)?.dataSource ?? null, F = re.dataSource ?? S?.dataSource ?? w?.dataSource ?? P, R = F != null && typeof F.find == "function" && !!A, z = re.onCreateNew ?? S?.onCreateNew, [De, B] = l(!1), V = R ? ce : _e, H = s(() => {
+		if (R || !m) return V;
+		let e = m.toLowerCase();
+		return V.filter((t) => t.label.toLowerCase().includes(e) || t.description && t.description.toLowerCase().includes(e));
 	}, [
-		N,
 		R,
-		p
+		V,
+		m
 	]);
 	o(() => {
-		b(-1);
-	}, [z.length]);
-	let B = a(async (e) => {
-		if (!(!j || !k)) {
-			ue(!0), fe(null);
+		x(-1);
+	}, [H.length]);
+	let Oe = a(async (e) => {
+		if (!(!F || !A)) {
+			de(!0), fe(null);
 			try {
-				let t = { $top: Ee };
+				let t = { $top: we };
 				e && e.trim() && (t.$search = e.trim());
-				let n = await j.find(k, t), r = n?.data ?? n ?? [];
-				ce(r.map((e) => I(e, T, E, _e))), pe(n?.total ?? r.length);
+				let n = await F.find(A, t), r = n?.data ?? n ?? [];
+				le(r.map((e) => Ee(e, E, k, xe))), pe(n?.total ?? r.length);
 			} catch (e) {
-				fe(e instanceof Error ? e.message : String(e)), ce([]);
+				fe(e instanceof Error ? e.message : String(e)), le([]);
 			} finally {
-				ue(!1);
+				de(!1);
 			}
 		}
 	}, [
-		j,
-		k,
-		T,
+		F,
+		A,
 		E,
-		_e
+		k,
+		xe
 	]);
 	o(() => {
-		re && N && B(p || void 0), re || (ie(""), fe(null), b(-1));
-	}, [re]);
-	let V = a((e) => {
-		ie(e), N && (_.current && clearTimeout(_.current), _.current = setTimeout(() => {
-			B(e || void 0);
+		f && R && Oe(m || void 0), f || (g(""), fe(null), x(-1));
+	}, [f]);
+	let ke = a((e) => {
+		g(e), R && (y.current && clearTimeout(y.current), y.current = setTimeout(() => {
+			Oe(e || void 0);
 		}, 300));
-	}, [N, B]);
+	}, [R, Oe]);
 	o(() => () => {
-		_.current && clearTimeout(_.current);
+		y.current && clearTimeout(y.current);
 	}, []);
-	let ke = a((e) => ge.find((t) => t.value === e) ?? h.find((t) => t.value === e) ?? v.find((t) => t.value === e), [
-		ge,
-		h,
-		v
-	]), H = w ? (Array.isArray(e) ? e : []).map(ke).filter(Boolean) : e ? [ke(e)].filter(Boolean) : [], Ae = a((n) => {
-		if (w) {
+	let Ae = a((e) => _e.find((t) => t.value === e) ?? ce.find((t) => t.value === e) ?? me.find((t) => t.value === e), [
+		_e,
+		ce,
+		me
+	]), U = T ? (Array.isArray(e) ? e : []).map(Ae).filter(Boolean) : e ? [Ae(e)].filter(Boolean) : [], W = a((n) => {
+		if (T) {
 			let r = Array.isArray(e) ? e : [];
 			r.includes(n.value) ? t(r.filter((e) => e !== n.value)) : t([...r, n.value]);
-		} else t(n.value), f(!1);
+		} else t(n.value), p(!1);
 	}, [
-		w,
+		T,
 		e,
 		t
-	]), U = (n) => {
-		t(w ? (Array.isArray(e) ? e : []).filter((e) => e !== n) : null);
-	}, W = a((e) => {
-		me(e.map((e) => I(e, T, E, _e)));
+	]), G = (n) => {
+		t(T ? (Array.isArray(e) ? e : []).filter((e) => e !== n) : null);
+	}, K = a((e) => {
+		he(e.map((e) => Ee(e, E, k, xe)));
 	}, [
-		T,
 		E,
-		_e
-	]), G = a((e) => {
-		e.key === "ArrowDown" ? (e.preventDefault(), b((e) => e < z.length - 1 ? e + 1 : e)) : e.key === "ArrowUp" ? (e.preventDefault(), b((e) => e > 0 ? e - 1 : 0)) : e.key === "Enter" && (e.preventDefault(), y >= 0 && y < z.length && Ae(z[y]));
+		k,
+		xe
+	]), je = a((e) => {
+		e.key === "ArrowDown" ? (e.preventDefault(), x((e) => e < H.length - 1 ? e + 1 : e)) : e.key === "ArrowUp" ? (e.preventDefault(), x((e) => e > 0 ? e - 1 : 0)) : e.key === "Enter" && (e.preventDefault(), b >= 0 && b < H.length && W(H[b]));
 	}, [
-		z,
-		y,
-		Ae
+		H,
+		b,
+		W
 	]);
 	return o(() => {
-		y >= 0 && he.current && he.current.querySelector(`[data-lookup-index="${y}"]`)?.scrollIntoView({ block: "nearest" });
-	}, [y]), te ? H.length ? w ? /* @__PURE__ */ (0, O.jsx)("div", {
+		b >= 0 && ge.current && ge.current.querySelector(`[data-lookup-index="${b}"]`)?.scrollIntoView({ block: "nearest" });
+	}, [b]), ne ? U.length ? T ? /* @__PURE__ */ (0, O.jsx)("div", {
 		className: "flex flex-wrap gap-1",
-		children: H.map((e, t) => /* @__PURE__ */ (0, O.jsx)(u, {
+		children: U.map((e, t) => /* @__PURE__ */ (0, O.jsx)(u, {
 			variant: "outline",
-			children: e?.[T] || e?.label
+			children: e?.[E] || e?.label
 		}, t))
 	}) : /* @__PURE__ */ (0, O.jsx)("span", {
 		className: "text-sm",
-		children: H[0]?.[T] || H[0]?.label
+		children: U[0]?.[E] || U[0]?.label
 	}) : /* @__PURE__ */ (0, O.jsx)("span", {
 		className: "text-sm",
 		children: "-"
 	}) : /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "space-y-2",
 		children: [
-			H.length > 0 && /* @__PURE__ */ (0, O.jsx)("div", {
+			U.length > 0 && /* @__PURE__ */ (0, O.jsx)("div", {
 				className: "flex flex-wrap gap-1",
-				children: H.map((e, t) => /* @__PURE__ */ (0, O.jsxs)(u, {
+				children: U.map((e, t) => /* @__PURE__ */ (0, O.jsxs)(u, {
 					variant: "outline",
 					className: "gap-1",
-					children: [e?.[T] || e?.label, /* @__PURE__ */ (0, O.jsx)("button", {
-						onClick: () => U(e?.value),
+					children: [e?.[E] || e?.label, /* @__PURE__ */ (0, O.jsx)("button", {
+						onClick: () => G(e?.value),
 						className: "ml-1 hover:text-destructive",
 						type: "button",
-						"aria-label": `Remove ${e?.[T] || e?.label}`,
-						children: /* @__PURE__ */ (0, O.jsx)(i, { className: "size-3" })
+						"aria-label": `Remove ${e?.[E] || e?.label}`,
+						children: /* @__PURE__ */ (0, O.jsx)(r, { className: "size-3" })
 					})]
 				}, t))
 			}),
 			/* @__PURE__ */ (0, O.jsxs)("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ (0, O.jsxs)(ae, {
-					open: re,
-					onOpenChange: f,
-					children: [/* @__PURE__ */ (0, O.jsx)(se, {
+				children: [/* @__PURE__ */ (0, O.jsxs)(ie, {
+					open: f,
+					onOpenChange: p,
+					children: [/* @__PURE__ */ (0, O.jsx)(oe, {
 						asChild: !0,
 						children: /* @__PURE__ */ (0, O.jsxs)(d, {
 							variant: "outline",
 							className: "min-w-0 flex-1 justify-start text-left font-normal",
 							type: "button",
-							children: [/* @__PURE__ */ (0, O.jsx)(be, { className: "mr-2 size-4" }), H.length === 0 ? x?.placeholder || "Select..." : w ? `${H.length} selected` : "Change selection"]
+							children: [/* @__PURE__ */ (0, O.jsx)(be, { className: "mr-2 size-4" }), U.length === 0 ? S?.placeholder || se("common.select") : T ? se("table.selected", { count: U.length }) : se("common.select")]
 						})
-					}), /* @__PURE__ */ (0, O.jsxs)(oe, {
+					}), /* @__PURE__ */ (0, O.jsxs)(ae, {
 						className: "w-[var(--radix-popover-trigger-width)] p-0",
 						align: "start",
 						children: [
@@ -870,39 +871,39 @@ function L({ value: e, onChange: t, field: n, readonly: te, ...ne }) {
 									className: "relative",
 									children: [
 										/* @__PURE__ */ (0, O.jsx)(be, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
-										/* @__PURE__ */ (0, O.jsx)(m, {
-											placeholder: "Search...",
-											value: p,
-											onChange: (e) => V(e.target.value),
-											onKeyDown: G,
+										/* @__PURE__ */ (0, O.jsx)(h, {
+											placeholder: se("common.search") + "...",
+											value: m,
+											onChange: (e) => ke(e.target.value),
+											onKeyDown: je,
 											className: "w-full pl-9 h-8 text-sm"
 										}),
-										le && /* @__PURE__ */ (0, O.jsx)(ye, {
+										ue && /* @__PURE__ */ (0, O.jsx)(ye, {
 											className: "absolute right-3 top-1/2 -translate-y-1/2 size-4 animate-spin text-muted-foreground",
 											"data-testid": "lookup-loading"
 										})
 									]
 								})
 							}),
-							de && /* @__PURE__ */ (0, O.jsxs)("div", {
+							_ && /* @__PURE__ */ (0, O.jsxs)("div", {
 								className: "flex flex-col items-center gap-2 py-4 px-2",
 								role: "alert",
 								children: [
 									/* @__PURE__ */ (0, O.jsx)(ve, { className: "size-5 text-destructive" }),
 									/* @__PURE__ */ (0, O.jsx)("p", {
 										className: "text-sm text-destructive",
-										children: de
+										children: _
 									}),
 									/* @__PURE__ */ (0, O.jsx)(d, {
 										variant: "outline",
 										size: "sm",
-										onClick: () => B(p || void 0),
+										onClick: () => Oe(m || void 0),
 										type: "button",
 										children: "Retry"
 									})
 								]
 							}),
-							le && z.length === 0 && !de && /* @__PURE__ */ (0, O.jsxs)("div", {
+							ue && H.length === 0 && !_ && /* @__PURE__ */ (0, O.jsxs)("div", {
 								className: "flex flex-col items-center gap-2 py-6",
 								role: "status",
 								"aria-live": "polite",
@@ -911,34 +912,34 @@ function L({ value: e, onChange: t, field: n, readonly: te, ...ne }) {
 									children: "Loading…"
 								})]
 							}),
-							!de && !(le && z.length === 0) && /* @__PURE__ */ (0, O.jsx)("div", {
-								ref: he,
+							!_ && !(ue && H.length === 0) && /* @__PURE__ */ (0, O.jsx)("div", {
+								ref: ge,
 								className: "max-h-64 overflow-y-auto px-1 pb-1",
 								role: "listbox",
-								children: z.length === 0 ? /* @__PURE__ */ (0, O.jsxs)("div", {
+								children: H.length === 0 ? /* @__PURE__ */ (0, O.jsxs)("div", {
 									className: "py-4 text-center",
 									children: [/* @__PURE__ */ (0, O.jsx)("p", {
 										className: "text-sm text-muted-foreground",
 										children: "No options found"
-									}), P && /* @__PURE__ */ (0, O.jsxs)(d, {
+									}), z && /* @__PURE__ */ (0, O.jsxs)(d, {
 										variant: "ghost",
 										size: "sm",
 										className: "mt-2 gap-1",
 										type: "button",
 										onClick: () => {
-											P(p), f(!1);
+											z(m), p(!1);
 										},
-										children: [/* @__PURE__ */ (0, O.jsx)(r, { className: "size-4" }), "Create new"]
+										children: [/* @__PURE__ */ (0, O.jsx)(n, { className: "size-4" }), "Create new"]
 									})]
 								}) : /* @__PURE__ */ (0, O.jsxs)(O.Fragment, { children: [
-									z.map((t, n) => {
-										let r = w ? (Array.isArray(e) ? e : []).includes(t.value) : e === t.value, i = n === y;
+									H.map((t, n) => {
+										let r = T ? (Array.isArray(e) ? e : []).includes(t.value) : e === t.value;
 										return /* @__PURE__ */ (0, O.jsxs)("button", {
 											"data-lookup-index": n,
 											role: "option",
 											"aria-selected": r,
-											onClick: () => Ae(t),
-											className: `w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent flex items-center justify-between ${i ? "bg-accent text-accent-foreground" : r ? "bg-accent/50 text-accent-foreground" : ""}`,
+											onClick: () => W(t),
+											className: `w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent flex items-center justify-between ${n === b ? "bg-accent text-accent-foreground" : r ? "bg-accent/50 text-accent-foreground" : ""}`,
 											type: "button",
 											children: [/* @__PURE__ */ (0, O.jsxs)("div", {
 												className: "min-w-0 flex-1",
@@ -956,78 +957,78 @@ function L({ value: e, onChange: t, field: n, readonly: te, ...ne }) {
 											})]
 										}, t.value);
 									}),
-									N && g > z.length && /* @__PURE__ */ (0, O.jsxs)("p", {
+									R && v > H.length && /* @__PURE__ */ (0, O.jsxs)("p", {
 										className: "text-xs text-muted-foreground text-center py-2",
 										children: [
 											"Showing ",
-											z.length,
+											H.length,
 											" of ",
-											g,
+											v,
 											" results."
 										]
 									}),
-									N && g > z.length && /* @__PURE__ */ (0, O.jsxs)("button", {
+									R && v > H.length && /* @__PURE__ */ (0, O.jsxs)("button", {
 										type: "button",
 										className: "w-full text-center px-3 py-2 rounded-md text-sm font-medium text-primary hover:bg-accent flex items-center justify-center gap-1.5",
 										onClick: () => {
-											f(!1), L(!0);
+											p(!1), B(!0);
 										},
 										"data-testid": "show-all-results",
 										children: [
 											/* @__PURE__ */ (0, O.jsx)(D, { className: "size-3.5" }),
 											"Show All Results (",
-											g,
+											v,
 											")"
 										]
 									}),
-									P && /* @__PURE__ */ (0, O.jsxs)("button", {
+									z && /* @__PURE__ */ (0, O.jsxs)("button", {
 										type: "button",
 										className: "w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent flex items-center gap-1.5 text-muted-foreground",
 										onClick: () => {
-											P(p), f(!1);
+											z(m), p(!1);
 										},
 										children: [
-											/* @__PURE__ */ (0, O.jsx)(r, { className: "size-3.5" }),
+											/* @__PURE__ */ (0, O.jsx)(n, { className: "size-3.5" }),
 											"Create new",
-											p ? ` "${p}"` : ""
+											m ? ` "${m}"` : ""
 										]
 									})
 								] })
 							})
 						]
 					})]
-				}), N && /* @__PURE__ */ (0, O.jsx)(d, {
+				}), R && /* @__PURE__ */ (0, O.jsx)(d, {
 					variant: "outline",
 					size: "icon",
 					className: "shrink-0",
 					type: "button",
-					onClick: () => L(!0),
+					onClick: () => B(!0),
 					"aria-label": "Browse all records",
 					title: "Browse all records",
 					"data-testid": "browse-all-records",
 					children: /* @__PURE__ */ (0, O.jsx)(D, { className: "size-4" })
 				})]
 			}),
-			N && j && k && /* @__PURE__ */ (0, O.jsx)(M, {
-				open: F,
-				onOpenChange: L,
-				title: x?.label || "Select",
-				multiple: w,
-				dataSource: j,
-				objectName: k,
-				columns: xe,
-				displayField: T,
-				idField: E,
-				pageSize: Se,
+			R && F && A && /* @__PURE__ */ (0, O.jsx)(N, {
+				open: De,
+				onOpenChange: B,
+				title: S?.label || "Select",
+				multiple: T,
+				dataSource: F,
+				objectName: A,
+				columns: j,
+				displayField: E,
+				idField: k,
+				pageSize: M,
 				value: e,
 				onSelect: t,
-				onSelectRecords: W,
-				lookupFilters: Ce,
-				cellRenderer: Te(),
-				filterColumns: A
+				onSelectRecords: K,
+				lookupFilters: Se,
+				cellRenderer: I(),
+				filterColumns: Ce
 			})
 		]
 	});
 }
 //#endregion
-export { w as i, F as n, P as r, L as t };
+export { F as n, w as r, R as t };