@object-ui/fields 3.3.0 → 3.3.2

package/dist/{LookupField-B6MOSQVJ.js → LookupField-De-GqsfT.js}

@@ -1,19 +1,19 @@
 import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
 import { t } from "./useFieldTranslation-Bv3oUVgb.js";
 import { useCallback as n, useContext as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
-import { Badge as c, Button as l, Checkbox as u, Dialog as ee, DialogContent as te, DialogFooter as ne, DialogHeader as re, DialogTitle as d, Input as f, Label as p, 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 m, Table as h, TableBody as g, TableCell as _, TableHead as fe, TableHeader as v, TableRow as y, cn as pe } from "@object-ui/components";
-import { AlertCircle as me, ArrowDown as b, ArrowUp as he, ArrowUpDown as ge, Check as x, ChevronLeft as S, ChevronRight as C, Loader2 as _e, Plus as ve, Search as ye, SlidersHorizontal as be, TableProperties as xe, X as Se } from "lucide-react";
-import { Fragment as Ce, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Badge as c, Button as l, Checkbox as u, Dialog as ee, DialogContent as te, DialogFooter as ne, DialogHeader as re, DialogTitle as d, EmptyValue as ie, Input as f, Label as p, 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 m, Table as h, TableBody as pe, TableCell as g, TableHead as me, TableHeader as _, TableRow as v, cn as he } from "@object-ui/components";
+import { AlertCircle as ge, ArrowDown as y, ArrowUp as _e, ArrowUpDown as ve, Check as b, ChevronLeft as x, ChevronRight as S, Loader2 as ye, Plus as be, Search as xe, SlidersHorizontal as Se, TableProperties as C, X as Ce } from "lucide-react";
+import { Fragment as we, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { SchemaRendererContext as E } from "@object-ui/react";
 //#region src/widgets/RecordPickerDialog.tsx
-var D = 10, we = 60, O = 5;
+var D = 10, Te = 60, O = 5;
 function k(e) {
 	return typeof e == "string" ? { field: e } : e;
 }
 function A(e) {
 	return e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function Te(e) {
+function Ee(e) {
 	let t = {};
 	for (let n of e) switch (n.operator) {
 		case "eq":
@@ -46,7 +46,7 @@ function Te(e) {
 	}
 	return t;
 }
-function Ee(e, t) {
+function De(e, t) {
 	let n = {};
 	for (let r of t) {
 		let t = e[r.field];
@@ -54,13 +54,13 @@ function Ee(e, t) {
 	}
 	return n;
 }
-function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c = !1, dataSource: ie, objectName: ae, columns: oe, displayField: ve = "name", idField: xe = "id", pageSize: E = D, value: j, onSelect: M, onSelectRecords: N, lookupFilters: P, cellRenderer: F, filterColumns: De, renderFilterBar: Oe, renderGrid: ke }) {
-	let [I, L] = s([]), [R, Ae] = s(!1), [z, B] = s(null), [V, H] = s(0), [je, Me] = s(""), [U, W] = s(1), G = o(null), [K, Ne] = s(null), [q, Pe] = s("asc"), [Fe, Ie] = s(/* @__PURE__ */ new Set()), Le = o(/* @__PURE__ */ new Map()), [J, Re] = s(-1), ze = o(null), [Be, Ve] = s(!1), [Y, He] = s({}), [Ue, We] = s({}), X = o(null), [Ge, Ke] = s(""), qe = a(() => oe && oe.length > 0 ? oe.map(k) : [{
-		field: ve,
-		label: A(ve)
-	}], [oe, ve]), Z = a(() => {
-		if (De && De.length > 0) return De;
-		if (P && P.length > 0) return P.map((e) => {
+function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c = !1, dataSource: ie, objectName: ae, columns: oe, displayField: se = "name", idField: be = "id", pageSize: C = D, value: E, onSelect: j, onSelectRecords: M, lookupFilters: N, cellRenderer: Oe, filterColumns: P, renderFilterBar: ke, renderGrid: Ae }) {
+	let [F, je] = s([]), [I, L] = s(!1), [R, z] = s(null), [B, V] = s(0), [H, Me] = s(""), [U, W] = s(1), G = o(null), [K, Ne] = s(null), [q, Pe] = s("asc"), [Fe, Ie] = s(/* @__PURE__ */ new Set()), Le = o(/* @__PURE__ */ new Map()), [J, Re] = s(-1), ze = o(null), [Be, Ve] = s(!1), [Y, He] = s({}), [Ue, We] = s({}), X = o(null), [Ge, Ke] = s(""), qe = a(() => oe && oe.length > 0 ? oe.map(k) : [{
+		field: se,
+		label: A(se)
+	}], [oe, se]), Z = a(() => {
+		if (P && P.length > 0) return P;
+		if (N && N.length > 0) return N.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,
@@ -81,59 +81,59 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 				}) } : {}
 			};
 		});
-	}, [De, P]), Je = a(() => {
-		let e = P?.length ? Te(P) : {}, t = Z?.length ? Ee(Y, Z) : {}, n = {
+	}, [P, N]), Je = a(() => {
+		let e = N?.length ? Ee(N) : {}, t = Z?.length ? De(Y, Z) : {}, n = {
 			...e,
 			...t
 		};
 		return Object.keys(n).length > 0 ? n : void 0;
 	}, [
-		P,
+		N,
 		Z,
 		Y
-	]), Q = Math.max(1, Math.ceil(V / E)), Ye = n(async (e, t = 1, n, r) => {
+	]), Q = Math.max(1, Math.ceil(B / C)), Ye = n(async (e, t = 1, n, r) => {
 		if (!(!ie || !ae)) {
-			Ae(!0), B(null);
+			L(!0), z(null);
 			try {
 				let i = {
-					$top: E,
-					$skip: (t - 1) * E
+					$top: C,
+					$skip: (t - 1) * C
 				};
 				e && e.trim() && (i.$search = e.trim()), n && (i.$orderby = { [n.field]: n.direction });
 				let a = r === void 0 ? Je : r;
 				a && Object.keys(a).length > 0 && (i.$filter = a);
 				let o = await ie.find(ae, i), s = o?.data ?? o ?? [];
-				L(s), H(o?.total ?? s.length), Re(-1);
+				je(s), V(o?.total ?? s.length), Re(-1);
 			} catch (e) {
-				B(e instanceof Error ? e.message : String(e)), L([]);
+				z(e instanceof Error ? e.message : String(e)), je([]);
 			} finally {
-				Ae(!1);
+				L(!1);
 			}
 		}
 	}, [
 		ie,
 		ae,
-		E,
+		C,
 		Je
 	]), Xe = a(() => K ? {
 		field: K,
 		direction: q
 	} : null, [K, q]);
 	i(() => {
-		e || (Me(""), W(1), B(null), L([]), Ne(null), Pe("asc"), Re(-1), Ve(!1), He({}), We({}), Ke(""), Ie(new Set(c && Array.isArray(j) ? j : [])), Le.current.clear());
+		e || (Me(""), W(1), z(null), je([]), Ne(null), Pe("asc"), Re(-1), Ve(!1), He({}), We({}), Ke(""), Ie(new Set(c && Array.isArray(E) ? E : [])), Le.current.clear());
 	}, [e]), i(() => {
-		e && Ye(je || void 0, U, Xe);
+		e && Ye(H || void 0, U, Xe);
 	}, [
 		e,
 		U,
 		Xe,
 		Je
 	]), i(() => {
-		e && c && Ie(new Set(Array.isArray(j) ? j : []));
+		e && c && Ie(new Set(Array.isArray(E) ? E : []));
 	}, [
 		e,
 		c,
-		j
+		E
 	]);
 	let Ze = n((e) => {
 		Me(e), W(1), G.current && clearTimeout(G.current), G.current = setTimeout(() => {
@@ -145,12 +145,12 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 	}, []);
 	let Qe = n((e) => {
 		Ne((t) => t === e ? (Pe((e) => e === "asc" ? "desc" : "asc"), e) : (Pe("asc"), e)), W(1);
-	}, []), $e = n((e) => e[xe] ?? e.id ?? e._id, [xe]), et = n((e) => {
+	}, []), $e = n((e) => e[be] ?? e.id ?? e._id, [be]), et = n((e) => {
 		let t = $e(e);
-		return c ? Fe.has(t) : j === t;
+		return c ? Fe.has(t) : E === t;
 	}, [
 		c,
-		j,
+		E,
 		Fe,
 		$e
 	]), tt = n((e) => {
@@ -158,22 +158,22 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 		c ? Ie((t) => {
 			let r = new Set(t);
 			return r.has(n) ? (r.delete(n), Le.current.delete(n)) : (r.add(n), Le.current.set(n, e)), r;
-		}) : (M(n), N?.([e]), t(!1));
+		}) : (j(n), M?.([e]), t(!1));
 	}, [
 		c,
 		$e,
+		j,
 		M,
-		N,
 		t
 	]), nt = n(() => {
 		let e = Array.from(Fe);
-		M(e);
+		j(e);
 		let n = e.map((e) => Le.current.get(e)).filter(Boolean);
-		N?.(n), t(!1);
+		M?.(n), t(!1);
 	}, [
 		Fe,
+		j,
 		M,
-		N,
 		t
 	]), rt = n(() => {
 		W((e) => Math.max(1, e - 1));
@@ -184,9 +184,9 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 		let t = parseInt(Ge, 10);
 		!isNaN(t) && t >= 1 && t <= Q && W(t), Ke("");
 	}, [Ge, Q]), ot = n((e) => {
-		I.length !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), Re((e) => Math.min(e + 1, I.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), Re((e) => Math.max(e - 1, 0))) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), J >= 0 && J < I.length && tt(I[J])));
+		F.length !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), Re((e) => Math.min(e + 1, F.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), Re((e) => Math.max(e - 1, 0))) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), J >= 0 && J < F.length && tt(F[J])));
 	}, [
-		I,
+		F,
 		J,
 		tt
 	]);
@@ -198,8 +198,8 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 	}, [J]);
 	let st = n((e, t) => {
 		let n = e[t.field];
-		if (t.type && F) {
-			let e = F(t.type);
+		if (t.type && Oe) {
+			let e = Oe(t.type);
 			if (e) return /* @__PURE__ */ w(e, {
 				value: n,
 				field: {
@@ -209,7 +209,7 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 			});
 		}
 		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);
-	}, [F]), ct = n((e) => K === e ? w(q === "asc" ? he : b, { className: "ml-1 size-3" }) : /* @__PURE__ */ w(ge, { className: "ml-1 size-3 opacity-40" }), [K, q]), lt = n((e, t, n) => {
+	}, [Oe]), ct = n((e) => K === e ? w(q === "asc" ? _e : y, { className: "ml-1 size-3" }) : /* @__PURE__ */ w(ve, { className: "ml-1 size-3 opacity-40" }), [K, q]), lt = n((e, t, n) => {
 		e.preventDefault(), e.stopPropagation(), X.current = {
 			field: t,
 			startX: e.clientX,
@@ -217,7 +217,7 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 		};
 		let r = (e) => {
 			if (!X.current) return;
-			let t = e.clientX - X.current.startX, n = Math.max(we, X.current.startWidth + t);
+			let t = e.clientX - X.current.startX, n = Math.max(Te, X.current.startWidth + t);
 			We((e) => ({
 				...e,
 				[X.current.field]: n
@@ -241,13 +241,13 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 				children: [/* @__PURE__ */ w(p, {
 					className: "text-xs text-muted-foreground",
 					children: n
-				}), /* @__PURE__ */ T(se, {
+				}), /* @__PURE__ */ T(ce, {
 					value: t == null ? "" : String(t),
 					onValueChange: (t) => $(e.field, t),
-					children: [/* @__PURE__ */ w(ue, {
+					children: [/* @__PURE__ */ w(de, {
 						className: "h-8 text-xs",
-						children: /* @__PURE__ */ w(de, { placeholder: `Filter ${n}` })
-					}), /* @__PURE__ */ w(ce, { children: e.options?.map((e) => /* @__PURE__ */ w(le, {
+						children: /* @__PURE__ */ w(fe, { placeholder: `Filter ${n}` })
+					}), /* @__PURE__ */ w(le, { children: e.options?.map((e) => /* @__PURE__ */ w(ue, {
 						value: String(e.value),
 						children: e.label
 					}, String(e.value))) })]
@@ -325,15 +325,15 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 				/* @__PURE__ */ T("div", {
 					className: "relative rounded-md border bg-muted/30 mb-3",
 					children: [
-						/* @__PURE__ */ w(ye, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
+						/* @__PURE__ */ w(xe, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
 						/* @__PURE__ */ w(f, {
 							placeholder: "Search...",
-							value: je,
+							value: H,
 							onChange: (e) => Ze(e.target.value),
 							className: "pl-9 border-0 bg-transparent shadow-none focus-visible:ring-0",
 							"data-testid": "record-picker-search"
 						}),
-						R && /* @__PURE__ */ w(_e, {
+						I && /* @__PURE__ */ w(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"
 						})
@@ -341,16 +341,16 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 				}),
 				Z && Z.length > 0 && /* @__PURE__ */ w("div", {
 					className: "py-2",
-					children: Oe ? /* @__PURE__ */ w("div", {
+					children: ke ? /* @__PURE__ */ w("div", {
 						"data-testid": "record-picker-filter-bar",
-						children: Oe({
+						children: ke({
 							filterColumns: Z,
 							values: Y,
 							onChange: $,
 							onClear: ut,
 							activeCount: dt
 						})
-					}) : /* @__PURE__ */ T(Ce, { children: [/* @__PURE__ */ T("div", {
+					}) : /* @__PURE__ */ T(we, { children: [/* @__PURE__ */ T("div", {
 						className: "flex items-center gap-2",
 						"data-testid": "record-picker-filter-bar",
 						children: [/* @__PURE__ */ T(l, {
@@ -360,7 +360,7 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 							className: "gap-1.5 shrink-0",
 							onClick: () => Ve((e) => !e),
 							children: [
-								/* @__PURE__ */ w(be, { className: "size-3.5" }),
+								/* @__PURE__ */ w(Se, { className: "size-3.5" }),
 								"Filters",
 								dt > 0 && /* @__PURE__ */ w("span", {
 									className: "inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary",
@@ -373,7 +373,7 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 							size: "sm",
 							className: "gap-1 text-xs",
 							onClick: ut,
-							children: [/* @__PURE__ */ w(Se, { className: "size-3" }), "Clear"]
+							children: [/* @__PURE__ */ w(Ce, { className: "size-3" }), "Clear"]
 						})]
 					}), Be && /* @__PURE__ */ w("div", {
 						className: "mt-2 grid gap-3 sm:grid-cols-2 lg:grid-cols-3 border rounded-md p-3 bg-muted/30",
@@ -381,34 +381,34 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 						children: Z.map((e) => /* @__PURE__ */ w("div", { children: ft(e) }, e.field))
 					})] })
 				}),
-				z && /* @__PURE__ */ T("div", {
+				R && /* @__PURE__ */ T("div", {
 					className: "flex flex-col items-center gap-2 py-4",
 					role: "alert",
 					children: [
-						/* @__PURE__ */ w(me, { className: "size-5 text-destructive" }),
+						/* @__PURE__ */ w(ge, { className: "size-5 text-destructive" }),
 						/* @__PURE__ */ w("p", {
 							className: "text-sm text-destructive",
-							children: z
+							children: R
 						}),
 						/* @__PURE__ */ w(l, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => Ye(je || void 0, U, Xe),
+							onClick: () => Ye(H || void 0, U, Xe),
 							type: "button",
 							children: "Retry"
 						})
 					]
 				}),
-				ke ? /* @__PURE__ */ w("div", {
+				Ae ? /* @__PURE__ */ w("div", {
 					className: "flex-1 min-h-0",
 					"data-testid": "record-picker-grid-slot",
-					children: ke({
+					children: Ae({
 						columns: qe,
-						records: I,
-						loading: R,
-						totalCount: V,
+						records: F,
+						loading: I,
+						totalCount: B,
 						currentPage: U,
-						pageSize: E,
+						pageSize: C,
 						sortField: K,
 						sortDirection: q,
 						onSort: Qe,
@@ -416,48 +416,48 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 						onRowClick: tt,
 						isSelected: et,
 						multiple: c,
-						idField: xe,
-						cellRenderer: F
+						idField: be,
+						cellRenderer: Oe
 					})
-				}) : /* @__PURE__ */ T(Ce, { children: [
-					R && I.length === 0 && !z && /* @__PURE__ */ w("div", {
+				}) : /* @__PURE__ */ T(we, { children: [
+					I && F.length === 0 && !R && /* @__PURE__ */ w("div", {
 						className: "flex-1 overflow-hidden min-h-0 border rounded-md",
 						role: "status",
 						"aria-live": "polite",
 						"data-testid": "record-picker-skeleton",
-						children: /* @__PURE__ */ T(h, { children: [/* @__PURE__ */ w(v, { children: /* @__PURE__ */ T(y, {
+						children: /* @__PURE__ */ T(h, { children: [/* @__PURE__ */ w(_, { children: /* @__PURE__ */ T(v, {
 							className: "bg-muted/40",
-							children: [c && /* @__PURE__ */ w(fe, { className: "w-10" }), qe.map((e) => /* @__PURE__ */ w(fe, { children: /* @__PURE__ */ w(m, { className: "h-4 w-20" }) }, e.field))]
-						}) }), /* @__PURE__ */ w(g, { children: Array.from({ length: O }, (e, t) => /* @__PURE__ */ T(y, { children: [c && /* @__PURE__ */ w(_, {
+							children: [c && /* @__PURE__ */ w(me, { className: "w-10" }), qe.map((e) => /* @__PURE__ */ w(me, { children: /* @__PURE__ */ w(m, { className: "h-4 w-20" }) }, e.field))]
+						}) }), /* @__PURE__ */ w(pe, { children: Array.from({ length: O }, (e, t) => /* @__PURE__ */ T(v, { children: [c && /* @__PURE__ */ w(g, {
 							className: "w-10",
 							children: /* @__PURE__ */ w(m, { className: "size-4 rounded" })
-						}), qe.map((e) => /* @__PURE__ */ w(_, { children: /* @__PURE__ */ w(m, { className: "h-4 w-full" }) }, e.field))] }, t)) })] })
+						}), qe.map((e) => /* @__PURE__ */ w(g, { children: /* @__PURE__ */ w(m, { className: "h-4 w-full" }) }, e.field))] }, t)) })] })
 					}),
-					!R && !z && I.length === 0 && /* @__PURE__ */ w("div", {
+					!I && !R && F.length === 0 && /* @__PURE__ */ w("div", {
 						className: "py-8 text-center",
 						children: /* @__PURE__ */ w("p", {
 							className: "text-sm text-muted-foreground",
 							children: "No records found"
 						})
 					}),
-					!z && I.length > 0 && /* @__PURE__ */ T("div", {
+					!R && F.length > 0 && /* @__PURE__ */ T("div", {
 						className: "relative flex-1 overflow-auto min-h-0 border rounded-md",
 						tabIndex: 0,
 						onKeyDown: ot,
 						role: "grid",
 						"aria-label": "Records",
-						children: [R && /* @__PURE__ */ w("div", {
+						children: [I && /* @__PURE__ */ w("div", {
 							className: "absolute inset-0 z-10 flex items-center justify-center bg-background/60",
 							"data-testid": "record-picker-loading-overlay",
-							children: /* @__PURE__ */ w(_e, { className: "size-6 animate-spin text-muted-foreground" })
+							children: /* @__PURE__ */ w(ye, { className: "size-6 animate-spin text-muted-foreground" })
 						}), /* @__PURE__ */ T(h, {
 							style: Object.keys(Ue).length > 0 ? { tableLayout: "fixed" } : void 0,
-							children: [/* @__PURE__ */ w(v, {
+							children: [/* @__PURE__ */ w(_, {
 								className: "sticky top-0 z-[5] bg-muted/50 [&_tr]:border-b",
 								"data-testid": "record-picker-sticky-header",
-								children: /* @__PURE__ */ T(y, { children: [c && /* @__PURE__ */ w(fe, { className: "w-10" }), qe.map((e) => {
+								children: /* @__PURE__ */ T(v, { children: [c && /* @__PURE__ */ w(me, { className: "w-10" }), qe.map((e) => {
 									let t = Ue[e.field];
-									return /* @__PURE__ */ T(fe, {
+									return /* @__PURE__ */ T(me, {
 										style: t ? {
 											width: `${t}px`,
 											minWidth: `${t}px`
@@ -481,20 +481,20 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 										})]
 									}, e.field);
 								})] })
-							}), /* @__PURE__ */ w(g, {
+							}), /* @__PURE__ */ w(pe, {
 								ref: ze,
-								children: I.map((e, t) => {
+								children: F.map((e, t) => {
 									let n = $e(e), r = et(e), i = t === J;
-									return /* @__PURE__ */ T(y, {
+									return /* @__PURE__ */ T(v, {
 										"data-row-index": t,
-										className: pe("cursor-pointer transition-colors", pt(r, t), i && "ring-2 ring-primary ring-inset"),
+										className: he("cursor-pointer transition-colors", pt(r, t), i && "ring-2 ring-primary ring-inset"),
 										onClick: () => tt(e),
 										"data-testid": `record-row-${n}`,
 										"aria-selected": r,
-										children: [c && /* @__PURE__ */ w(_, {
+										children: [c && /* @__PURE__ */ w(g, {
 											className: "w-10",
-											children: r && /* @__PURE__ */ w(x, { className: "size-4 text-primary" })
-										}), qe.map((t) => /* @__PURE__ */ w(_, {
+											children: r && /* @__PURE__ */ w(b, { className: "size-4 text-primary" })
+										}), qe.map((t) => /* @__PURE__ */ w(g, {
 											className: "py-2.5",
 											children: st(e, t)
 										}, t.field))]
@@ -503,13 +503,13 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 							})]
 						})]
 					}),
-					!z && V > 0 && /* @__PURE__ */ T("div", {
+					!R && B > 0 && /* @__PURE__ */ T("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__ */ T("span", { children: [
-							V,
+							B,
 							" ",
-							V === 1 ? "record" : "records",
+							B === 1 ? "record" : "records",
 							Q > 1 && ` · Page ${U} of ${Q}`
 						] }), Q > 1 && /* @__PURE__ */ T("div", {
 							className: "flex items-center gap-1.5",
@@ -522,7 +522,7 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 									disabled: U <= 1,
 									type: "button",
 									"aria-label": "Previous page",
-									children: /* @__PURE__ */ w(S, { className: "size-4" })
+									children: /* @__PURE__ */ w(x, { className: "size-4" })
 								}),
 								/* @__PURE__ */ w(f, {
 									className: "h-7 w-12 text-center text-xs px-1",
@@ -541,7 +541,7 @@ function j({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c =
 									disabled: U >= Q,
 									type: "button",
 									"aria-label": "Next page",
-									children: /* @__PURE__ */ w(C, { className: "size-4" })
+									children: /* @__PURE__ */ w(S, { className: "size-4" })
 								})
 							]
 						})]
@@ -576,13 +576,13 @@ var M;
 function N(e) {
 	M = e;
 }
-function P() {
+function Oe() {
 	return M;
 }
 //#endregion
 //#region src/widgets/LookupField.tsx
-var F = /* @__PURE__ */ e({ LookupField: () => L }), De = 50, Oe = E;
-function ke(e, t, n, r) {
+var P = /* @__PURE__ */ e({ LookupField: () => I }), ke = 50, Ae = E;
+function F(e, t, n, r) {
 	let i = e[n] ?? e.id ?? e._id, a = e[t] ?? e.label ?? e.name ?? String(i), o = r ? e[r] : void 0;
 	return {
 		value: i,
@@ -591,7 +591,7 @@ function ke(e, t, n, r) {
 		...e
 	};
 }
-function I(e) {
+function je(e) {
 	return {
 		text: "text",
 		number: "number",
@@ -604,12 +604,12 @@ function I(e) {
 		boolean: "boolean"
 	}[e];
 }
-function L({ value: e, onChange: u, field: ee, readonly: te, ...ne }) {
-	let [re, d] = s(!1), [p, se] = s(""), { t: ce } = t(), [le, ue] = s([]), [de, m] = s(!1), [h, g] = s(null), [_, fe] = s(0), v = o(null), [y, pe] = s([]), [b, he] = s(-1), ge = o(null), x = ee || ne.schema, S = x?.field, C = S && typeof S == "object" && ("reference_to" in S || "reference" in S || "type" in S) ? S : x, be = C?.options || [], E = C?.multiple || !1, D = C?.display_field || C?.reference_field || "name", we = C?.description_field, O = C?.id_field || "id", k = C?.reference_to || C?.reference, A = C?.lookup_columns, Te = C?.lookup_page_size, Ee = C?.lookup_filters, M = a(() => {
+function I({ value: e, onChange: u, field: ee, readonly: te, ...ne }) {
+	let [re, d] = s(!1), [p, ce] = s(""), { t: le } = t(), [ue, de] = s([]), [fe, m] = s(!1), [h, pe] = s(null), [g, me] = s(0), _ = o(null), [v, he] = s([]), [y, _e] = s(-1), ve = o(null), b = ee || ne.schema, x = b?.field, S = x && typeof x == "object" && ("reference_to" in x || "reference" in x || "type" in x) ? x : b, Se = S?.options || [], E = S?.multiple || !1, D = S?.display_field || S?.reference_field || "name", Te = S?.description_field, O = S?.id_field || "id", k = S?.reference_to || S?.reference, A = S?.lookup_columns, Ee = S?.lookup_page_size, De = S?.lookup_filters, M = a(() => {
 		if (!A) return;
 		let e = [];
 		for (let t of A) if (typeof t == "object" && t.type) {
-			let n = I(t.type);
+			let n = je(t.type);
 			n && e.push({
 				field: t.field,
 				label: t.label,
@@ -617,55 +617,55 @@ function L({ value: e, onChange: u, field: ee, readonly: te, ...ne }) {
 			});
 		}
 		return e.length > 0 ? e : void 0;
-	}, [A]), N = r(Oe)?.dataSource ?? null, F = ne.dataSource ?? x?.dataSource ?? C?.dataSource ?? N, L = F != null && typeof F.find == "function" && !!k, R = ne.onCreateNew ?? x?.onCreateNew, [Ae, z] = s(!1), B = L ? le : be, V = a(() => {
-		if (L || !p) return B;
+	}, [A]), N = r(Ae)?.dataSource ?? null, P = ne.dataSource ?? b?.dataSource ?? S?.dataSource ?? N, I = P != null && typeof P.find == "function" && !!k, L = ne.onCreateNew ?? b?.onCreateNew, [R, z] = s(!1), B = I ? ue : Se, V = a(() => {
+		if (I || !p) return B;
 		let e = p.toLowerCase();
 		return B.filter((t) => t.label.toLowerCase().includes(e) || t.description && t.description.toLowerCase().includes(e));
 	}, [
-		L,
+		I,
 		B,
 		p
 	]);
 	i(() => {
-		he(-1);
+		_e(-1);
 	}, [V.length]);
 	let H = n(async (e) => {
-		if (!(!F || !k)) {
-			m(!0), g(null);
+		if (!(!P || !k)) {
+			m(!0), pe(null);
 			try {
-				let t = { $top: De };
+				let t = { $top: ke };
 				e && e.trim() && (t.$search = e.trim());
-				let n = await F.find(k, t), r = n?.data ?? n ?? [];
-				ue(r.map((e) => ke(e, D, O, we))), fe(n?.total ?? r.length);
+				let n = await P.find(k, t), r = n?.data ?? n ?? [];
+				de(r.map((e) => F(e, D, O, Te))), me(n?.total ?? r.length);
 			} catch (e) {
-				g(e instanceof Error ? e.message : String(e)), ue([]);
+				pe(e instanceof Error ? e.message : String(e)), de([]);
 			} finally {
 				m(!1);
 			}
 		}
 	}, [
-		F,
+		P,
 		k,
 		D,
 		O,
-		we
+		Te
 	]);
 	i(() => {
-		re && L && H(p || void 0), re || (se(""), g(null), he(-1));
+		re && I && H(p || void 0), re || (ce(""), pe(null), _e(-1));
 	}, [re]);
-	let je = n((e) => {
-		se(e), L && (v.current && clearTimeout(v.current), v.current = setTimeout(() => {
+	let Me = n((e) => {
+		ce(e), I && (_.current && clearTimeout(_.current), _.current = setTimeout(() => {
 			H(e || void 0);
 		}, 300));
-	}, [L, H]);
+	}, [I, H]);
 	i(() => () => {
-		v.current && clearTimeout(v.current);
+		_.current && clearTimeout(_.current);
 	}, []);
-	let Me = n((e) => be.find((t) => t.value === e) ?? le.find((t) => t.value === e) ?? y.find((t) => t.value === e), [
-		be,
-		le,
-		y
-	]), U = E ? (Array.isArray(e) ? e : []).map(Me).filter(Boolean) : e ? [Me(e)].filter(Boolean) : [], W = n((t) => {
+	let U = n((e) => Se.find((t) => t.value === e) ?? ue.find((t) => t.value === e) ?? v.find((t) => t.value === e), [
+		Se,
+		ue,
+		v
+	]), W = E ? (Array.isArray(e) ? e : []).map(U).filter(Boolean) : e ? [U(e)].filter(Boolean) : [], G = n((t) => {
 		if (E) {
 			let n = Array.isArray(e) ? e : [];
 			n.includes(t.value) ? u(n.filter((e) => e !== t.value)) : u([...n, t.value]);
@@ -674,66 +674,63 @@ function L({ value: e, onChange: u, field: ee, readonly: te, ...ne }) {
 		E,
 		e,
 		u
-	]), G = (t) => {
+	]), K = (t) => {
 		u(E ? (Array.isArray(e) ? e : []).filter((e) => e !== t) : null);
-	}, K = n((e) => {
-		pe(e.map((e) => ke(e, D, O, we)));
+	}, Ne = n((e) => {
+		he(e.map((e) => F(e, D, O, Te)));
 	}, [
 		D,
 		O,
-		we
-	]), Ne = n((e) => {
-		e.key === "ArrowDown" ? (e.preventDefault(), he((e) => e < V.length - 1 ? e + 1 : e)) : e.key === "ArrowUp" ? (e.preventDefault(), he((e) => e > 0 ? e - 1 : 0)) : e.key === "Enter" && (e.preventDefault(), b >= 0 && b < V.length && W(V[b]));
+		Te
+	]), q = n((e) => {
+		e.key === "ArrowDown" ? (e.preventDefault(), _e((e) => e < V.length - 1 ? e + 1 : e)) : e.key === "ArrowUp" ? (e.preventDefault(), _e((e) => e > 0 ? e - 1 : 0)) : e.key === "Enter" && (e.preventDefault(), y >= 0 && y < V.length && G(V[y]));
 	}, [
 		V,
-		b,
-		W
+		y,
+		G
 	]);
 	return i(() => {
-		b >= 0 && ge.current && ge.current.querySelector(`[data-lookup-index="${b}"]`)?.scrollIntoView({ block: "nearest" });
-	}, [b]), te ? U.length ? E ? /* @__PURE__ */ w("div", {
+		y >= 0 && ve.current && ve.current.querySelector(`[data-lookup-index="${y}"]`)?.scrollIntoView({ block: "nearest" });
+	}, [y]), te ? W.length ? E ? /* @__PURE__ */ w("div", {
 		className: "flex flex-wrap gap-1",
-		children: U.map((e, t) => /* @__PURE__ */ w(c, {
+		children: W.map((e, t) => /* @__PURE__ */ w(c, {
 			variant: "outline",
 			children: e?.[D] || e?.label
 		}, t))
 	}) : /* @__PURE__ */ w("span", {
 		className: "text-sm",
-		children: U[0]?.[D] || U[0]?.label
-	}) : /* @__PURE__ */ w("span", {
-		className: "text-sm",
-		children: "-"
-	}) : /* @__PURE__ */ T("div", {
+		children: W[0]?.[D] || W[0]?.label
+	}) : /* @__PURE__ */ w(ie, {}) : /* @__PURE__ */ T("div", {
 		className: "space-y-2",
 		children: [
-			U.length > 0 && /* @__PURE__ */ w("div", {
+			W.length > 0 && /* @__PURE__ */ w("div", {
 				className: "flex flex-wrap gap-1",
-				children: U.map((e, t) => /* @__PURE__ */ T(c, {
+				children: W.map((e, t) => /* @__PURE__ */ T(c, {
 					variant: "outline",
 					className: "gap-1",
 					children: [e?.[D] || e?.label, /* @__PURE__ */ w("button", {
-						onClick: () => G(e?.value),
+						onClick: () => K(e?.value),
 						className: "ml-1 hover:text-destructive",
 						type: "button",
 						"aria-label": `Remove ${e?.[D] || e?.label}`,
-						children: /* @__PURE__ */ w(Se, { className: "size-3" })
+						children: /* @__PURE__ */ w(Ce, { className: "size-3" })
 					})]
 				}, t))
 			}),
 			/* @__PURE__ */ T("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ T(ie, {
+				children: [/* @__PURE__ */ T(ae, {
 					open: re,
 					onOpenChange: d,
-					children: [/* @__PURE__ */ w(oe, {
+					children: [/* @__PURE__ */ w(se, {
 						asChild: !0,
 						children: /* @__PURE__ */ T(l, {
 							variant: "outline",
 							className: "min-w-0 flex-1 justify-start text-left font-normal",
 							type: "button",
-							children: [/* @__PURE__ */ w(ye, { className: "mr-2 size-4" }), U.length === 0 ? x?.placeholder || ce("common.select") : E ? ce("table.selected", { count: U.length }) : ce("common.select")]
+							children: [/* @__PURE__ */ w(xe, { className: "mr-2 size-4" }), W.length === 0 ? b?.placeholder || le("common.select") : E ? le("table.selected", { count: W.length }) : le("common.select")]
 						})
-					}), /* @__PURE__ */ T(ae, {
+					}), /* @__PURE__ */ T(oe, {
 						className: "w-[var(--radix-popover-trigger-width)] p-0",
 						align: "start",
 						children: [
@@ -742,15 +739,15 @@ function L({ value: e, onChange: u, field: ee, readonly: te, ...ne }) {
 								children: /* @__PURE__ */ T("div", {
 									className: "relative",
 									children: [
-										/* @__PURE__ */ w(ye, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
+										/* @__PURE__ */ w(xe, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
 										/* @__PURE__ */ w(f, {
-											placeholder: ce("common.search") + "...",
+											placeholder: le("common.search") + "...",
 											value: p,
-											onChange: (e) => je(e.target.value),
-											onKeyDown: Ne,
+											onChange: (e) => Me(e.target.value),
+											onKeyDown: q,
 											className: "w-full pl-9 h-8 text-sm"
 										}),
-										de && /* @__PURE__ */ w(_e, {
+										fe && /* @__PURE__ */ w(ye, {
 											className: "absolute right-3 top-1/2 -translate-y-1/2 size-4 animate-spin text-muted-foreground",
 											"data-testid": "lookup-loading"
 										})
@@ -761,7 +758,7 @@ function L({ value: e, onChange: u, field: ee, readonly: te, ...ne }) {
 								className: "flex flex-col items-center gap-2 py-4 px-2",
 								role: "alert",
 								children: [
-									/* @__PURE__ */ w(me, { className: "size-5 text-destructive" }),
+									/* @__PURE__ */ w(ge, { className: "size-5 text-destructive" }),
 									/* @__PURE__ */ w("p", {
 										className: "text-sm text-destructive",
 										children: h
@@ -775,17 +772,17 @@ function L({ value: e, onChange: u, field: ee, readonly: te, ...ne }) {
 									})
 								]
 							}),
-							de && V.length === 0 && !h && /* @__PURE__ */ T("div", {
+							fe && V.length === 0 && !h && /* @__PURE__ */ T("div", {
 								className: "flex flex-col items-center gap-2 py-6",
 								role: "status",
 								"aria-live": "polite",
-								children: [/* @__PURE__ */ w(_e, { className: "size-6 animate-spin text-muted-foreground" }), /* @__PURE__ */ w("p", {
+								children: [/* @__PURE__ */ w(ye, { className: "size-6 animate-spin text-muted-foreground" }), /* @__PURE__ */ w("p", {
 									className: "text-sm text-muted-foreground",
 									children: "Loading…"
 								})]
 							}),
-							!h && !(de && V.length === 0) && /* @__PURE__ */ w("div", {
-								ref: ge,
+							!h && !(fe && V.length === 0) && /* @__PURE__ */ w("div", {
+								ref: ve,
 								className: "max-h-64 overflow-y-auto px-1 pb-1",
 								role: "listbox",
 								children: V.length === 0 ? /* @__PURE__ */ T("div", {
@@ -793,25 +790,25 @@ function L({ value: e, onChange: u, field: ee, readonly: te, ...ne }) {
 									children: [/* @__PURE__ */ w("p", {
 										className: "text-sm text-muted-foreground",
 										children: "No options found"
-									}), R && /* @__PURE__ */ T(l, {
+									}), L && /* @__PURE__ */ T(l, {
 										variant: "ghost",
 										size: "sm",
 										className: "mt-2 gap-1",
 										type: "button",
 										onClick: () => {
-											R(p), d(!1);
+											L(p), d(!1);
 										},
-										children: [/* @__PURE__ */ w(ve, { className: "size-4" }), "Create new"]
+										children: [/* @__PURE__ */ w(be, { className: "size-4" }), "Create new"]
 									})]
-								}) : /* @__PURE__ */ T(Ce, { children: [
+								}) : /* @__PURE__ */ T(we, { children: [
 									V.map((t, n) => {
 										let r = E ? (Array.isArray(e) ? e : []).includes(t.value) : e === t.value;
 										return /* @__PURE__ */ T("button", {
 											"data-lookup-index": n,
 											role: "option",
 											"aria-selected": r,
-											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" : ""}`,
+											onClick: () => G(t),
+											className: `w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent flex items-center justify-between ${n === y ? "bg-accent text-accent-foreground" : r ? "bg-accent/50 text-accent-foreground" : ""}`,
 											type: "button",
 											children: [/* @__PURE__ */ T("div", {
 												className: "min-w-0 flex-1",
@@ -829,17 +826,17 @@ function L({ value: e, onChange: u, field: ee, readonly: te, ...ne }) {
 											})]
 										}, t.value);
 									}),
-									L && _ > V.length && /* @__PURE__ */ T("p", {
+									I && g > V.length && /* @__PURE__ */ T("p", {
 										className: "text-xs text-muted-foreground text-center py-2",
 										children: [
 											"Showing ",
 											V.length,
 											" of ",
-											_,
+											g,
 											" results."
 										]
 									}),
-									L && _ > V.length && /* @__PURE__ */ T("button", {
+									I && g > V.length && /* @__PURE__ */ T("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: () => {
@@ -847,20 +844,20 @@ function L({ value: e, onChange: u, field: ee, readonly: te, ...ne }) {
 										},
 										"data-testid": "show-all-results",
 										children: [
-											/* @__PURE__ */ w(xe, { className: "size-3.5" }),
+											/* @__PURE__ */ w(C, { className: "size-3.5" }),
 											"Show All Results (",
-											_,
+											g,
 											")"
 										]
 									}),
-									R && /* @__PURE__ */ T("button", {
+									L && /* @__PURE__ */ T("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: () => {
-											R(p), d(!1);
+											L(p), d(!1);
 										},
 										children: [
-											/* @__PURE__ */ w(ve, { className: "size-3.5" }),
+											/* @__PURE__ */ w(be, { className: "size-3.5" }),
 											"Create new",
 											p ? ` "${p}"` : ""
 										]
@@ -869,7 +866,7 @@ function L({ value: e, onChange: u, field: ee, readonly: te, ...ne }) {
 							})
 						]
 					})]
-				}), L && /* @__PURE__ */ w(l, {
+				}), I && /* @__PURE__ */ w(l, {
 					variant: "outline",
 					size: "icon",
 					className: "shrink-0",
@@ -878,29 +875,29 @@ function L({ value: e, onChange: u, field: ee, readonly: te, ...ne }) {
 					"aria-label": "Browse all records",
 					title: "Browse all records",
 					"data-testid": "browse-all-records",
-					children: /* @__PURE__ */ w(xe, { className: "size-4" })
+					children: /* @__PURE__ */ w(C, { className: "size-4" })
 				})]
 			}),
-			L && F && k && /* @__PURE__ */ w(j, {
-				open: Ae,
+			I && P && k && /* @__PURE__ */ w(j, {
+				open: R,
 				onOpenChange: z,
-				title: x?.label || "Select",
+				title: b?.label || "Select",
 				multiple: E,
-				dataSource: F,
+				dataSource: P,
 				objectName: k,
 				columns: A,
 				displayField: D,
 				idField: O,
-				pageSize: Te,
+				pageSize: Ee,
 				value: e,
 				onSelect: u,
-				onSelectRecords: K,
-				lookupFilters: Ee,
-				cellRenderer: P(),
+				onSelectRecords: Ne,
+				lookupFilters: De,
+				cellRenderer: Oe(),
 				filterColumns: M
 			})
 		]
 	});
 }
 //#endregion
-export { j as i, F as n, N as r, L as t };
+export { j as i, P as n, N as r, I as t };