@object-ui/plugin-aggrid 3.3.1 → 3.4.0

package/dist/LookupField-DXGCnQ3q.js

@@ -0,0 +1,1063 @@
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import { t as n } from "./createLucideIcon-BtZxPlua.js";
+import { t as r } from "./check-CBAnx5TO.js";
+import { t as i } from "./loader-circle-Cxg-xF4u.js";
+import { t as a } from "./plus-COkdZ2Fh.js";
+import { t as o } from "./x-BDi_yYx9.js";
+import { t as ee } from "./useFieldTranslation-DtLNhrx3.js";
+import { useCallback as s, useContext as te, useEffect as c, useMemo as l, useRef as ne, useState as u } from "react";
+import { Badge as d, Button as f, Checkbox as p, Dialog as m, DialogContent as h, DialogFooter as g, DialogHeader as re, DialogTitle as ie, EmptyValue as ae, Input as oe, Label as _, Popover as se, PopoverContent as ce, PopoverTrigger as v, Select as le, SelectContent as ue, SelectItem as de, SelectTrigger as fe, SelectValue as pe, Skeleton as y, Table as me, TableBody as b, TableCell as he, TableHead as ge, TableHeader as x, TableRow as S, cn as _e } from "@object-ui/components";
+import { SchemaRendererContext as C } from "@object-ui/react";
+var w = n("arrow-down", [["path", {
+	d: "M12 5v14",
+	key: "s699le"
+}], ["path", {
+	d: "m19 12-7 7-7-7",
+	key: "1idqje"
+}]]), T = n("arrow-up-down", [
+	["path", {
+		d: "m21 16-4 4-4-4",
+		key: "f6ql7i"
+	}],
+	["path", {
+		d: "M17 20V4",
+		key: "1ejh1v"
+	}],
+	["path", {
+		d: "m3 8 4-4 4 4",
+		key: "11wl7u"
+	}],
+	["path", {
+		d: "M7 4v16",
+		key: "1glfcx"
+	}]
+]), ve = n("arrow-up", [["path", {
+	d: "m5 12 7-7 7 7",
+	key: "hav0vg"
+}], ["path", {
+	d: "M12 19V5",
+	key: "x0mq9r"
+}]]), E = n("chevron-left", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]), D = n("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]), ye = n("circle-alert", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "8",
+		y2: "12",
+		key: "1pkeuh"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12.01",
+		y1: "16",
+		y2: "16",
+		key: "4dfq90"
+	}]
+]), be = n("search", [["path", {
+	d: "m21 21-4.34-4.34",
+	key: "14j7rj"
+}], ["circle", {
+	cx: "11",
+	cy: "11",
+	r: "8",
+	key: "4ej97u"
+}]]), xe = n("sliders-horizontal", [
+	["path", {
+		d: "M10 5H3",
+		key: "1qgfaw"
+	}],
+	["path", {
+		d: "M12 19H3",
+		key: "yhmn1j"
+	}],
+	["path", {
+		d: "M14 3v4",
+		key: "1sua03"
+	}],
+	["path", {
+		d: "M16 17v4",
+		key: "1q0r14"
+	}],
+	["path", {
+		d: "M21 12h-9",
+		key: "1o4lsq"
+	}],
+	["path", {
+		d: "M21 19h-5",
+		key: "1rlt1p"
+	}],
+	["path", {
+		d: "M21 5h-7",
+		key: "1oszz2"
+	}],
+	["path", {
+		d: "M8 10v4",
+		key: "tgpxqk"
+	}],
+	["path", {
+		d: "M8 12H3",
+		key: "a7s4jb"
+	}]
+]), O = n("table-properties", [
+	["path", {
+		d: "M15 3v18",
+		key: "14nvp0"
+	}],
+	["rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "3",
+		rx: "2",
+		key: "afitv7"
+	}],
+	["path", {
+		d: "M21 9H3",
+		key: "1338ky"
+	}],
+	["path", {
+		d: "M21 15H3",
+		key: "9uk58r"
+	}]
+]), k = t(), Se = 10, A = 60, Ce = 5;
+function we(e) {
+	return typeof e == "string" ? { field: e } : e;
+}
+function Te(e) {
+	return e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function j(e) {
+	let t = {};
+	for (let n of e) switch (n.operator) {
+		case "eq":
+			t[n.field] = n.value;
+			break;
+		case "ne":
+			t[n.field] = { $ne: n.value };
+			break;
+		case "gt":
+			t[n.field] = { $gt: n.value };
+			break;
+		case "lt":
+			t[n.field] = { $lt: n.value };
+			break;
+		case "gte":
+			t[n.field] = { $gte: n.value };
+			break;
+		case "lte":
+			t[n.field] = { $lte: n.value };
+			break;
+		case "contains":
+			t[n.field] = { $contains: n.value };
+			break;
+		case "in":
+			t[n.field] = { $in: n.value };
+			break;
+		case "notIn":
+			t[n.field] = { $nin: n.value };
+			break;
+	}
+	return t;
+}
+function Ee(e, t) {
+	let n = {};
+	for (let r of t) {
+		let t = e[r.field];
+		t == null || t === "" || (r.type === "boolean" ? n[r.field] = !!t : r.type === "text" ? n[r.field] = { $contains: t } : n[r.field] = t);
+	}
+	return n;
+}
+function M({ open: e, onOpenChange: t, title: n = "Select Record", multiple: a = !1, dataSource: ee, objectName: te, columns: d, displayField: ae = "name", idField: se = "id", pageSize: ce = Se, value: v, onSelect: C, onSelectRecords: O, lookupFilters: M, cellRenderer: N, filterColumns: P, renderFilterBar: De, renderGrid: Oe }) {
+	let [F, ke] = u([]), [I, Ae] = u(!1), [L, R] = u(null), [z, B] = u(0), [V, je] = u(""), [H, U] = u(1), W = ne(null), [G, Me] = u(null), [K, q] = u("asc"), [J, Ne] = u(/* @__PURE__ */ new Set()), Pe = ne(/* @__PURE__ */ new Map()), [Y, Fe] = u(-1), Ie = ne(null), [Le, Re] = u(!1), [X, ze] = u({}), [Be, Ve] = u({}), He = ne(null), [Ue, We] = u(""), Ge = l(() => d && d.length > 0 ? d.map(we) : [{
+		field: ae,
+		label: Te(ae)
+	}], [d, ae]), Z = l(() => {
+		if (P && P.length > 0) return P;
+		if (M && M.length > 0) return M.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: Te(e.field),
+				type: t,
+				...Array.isArray(e.value) ? { options: e.value.map((e) => {
+					if (typeof e == "object" && e) {
+						let t = e;
+						return {
+							label: String(t.name || t.label || t.title || e),
+							value: e
+						};
+					}
+					return {
+						label: String(e),
+						value: e
+					};
+				}) } : {}
+			};
+		});
+	}, [P, M]), Ke = l(() => {
+		let e = M?.length ? j(M) : {}, t = Z?.length ? Ee(X, Z) : {}, n = {
+			...e,
+			...t
+		};
+		return Object.keys(n).length > 0 ? n : void 0;
+	}, [
+		M,
+		Z,
+		X
+	]), Q = Math.max(1, Math.ceil(z / ce)), qe = s(async (e, t = 1, n, r) => {
+		if (!(!ee || !te)) {
+			Ae(!0), R(null);
+			try {
+				let i = {
+					$top: ce,
+					$skip: (t - 1) * ce
+				};
+				e && e.trim() && (i.$search = e.trim()), n && (i.$orderby = { [n.field]: n.direction });
+				let a = r === void 0 ? Ke : r;
+				a && Object.keys(a).length > 0 && (i.$filter = a);
+				let o = await ee.find(te, i), s = o?.data ?? o ?? [];
+				ke(s), B(o?.total ?? s.length), Fe(-1);
+			} catch (e) {
+				R(e instanceof Error ? e.message : String(e)), ke([]);
+			} finally {
+				Ae(!1);
+			}
+		}
+	}, [
+		ee,
+		te,
+		ce,
+		Ke
+	]), Je = l(() => G ? {
+		field: G,
+		direction: K
+	} : null, [G, K]);
+	c(() => {
+		e || (je(""), U(1), R(null), ke([]), Me(null), q("asc"), Fe(-1), Re(!1), ze({}), Ve({}), We(""), Ne(new Set(a && Array.isArray(v) ? v : [])), Pe.current.clear());
+	}, [e]), c(() => {
+		e && qe(V || void 0, H, Je);
+	}, [
+		e,
+		H,
+		Je,
+		Ke
+	]), c(() => {
+		e && a && Ne(new Set(Array.isArray(v) ? v : []));
+	}, [
+		e,
+		a,
+		v
+	]);
+	let Ye = s((e) => {
+		je(e), U(1), W.current && clearTimeout(W.current), W.current = setTimeout(() => {
+			qe(e || void 0, 1, Je);
+		}, 300);
+	}, [qe, Je]);
+	c(() => () => {
+		W.current && clearTimeout(W.current);
+	}, []);
+	let Xe = s((e) => {
+		Me((t) => t === e ? (q((e) => e === "asc" ? "desc" : "asc"), e) : (q("asc"), e)), U(1);
+	}, []), Ze = s((e) => e[se] ?? e.id ?? e._id, [se]), Qe = s((e) => {
+		let t = Ze(e);
+		return a ? J.has(t) : v === t;
+	}, [
+		a,
+		v,
+		J,
+		Ze
+	]), $e = s((e) => {
+		let n = Ze(e);
+		a ? Ne((t) => {
+			let r = new Set(t);
+			return r.has(n) ? (r.delete(n), Pe.current.delete(n)) : (r.add(n), Pe.current.set(n, e)), r;
+		}) : (C(n), O?.([e]), t(!1));
+	}, [
+		a,
+		Ze,
+		C,
+		O,
+		t
+	]), et = s(() => {
+		let e = Array.from(J);
+		C(e);
+		let n = e.map((e) => Pe.current.get(e)).filter(Boolean);
+		O?.(n), t(!1);
+	}, [
+		J,
+		C,
+		O,
+		t
+	]), tt = s(() => {
+		U((e) => Math.max(1, e - 1));
+	}, []), nt = s(() => {
+		U((e) => Math.min(Q, e + 1));
+	}, [Q]), rt = s((e) => {
+		if (e.key !== "Enter") return;
+		let t = parseInt(Ue, 10);
+		!isNaN(t) && t >= 1 && t <= Q && U(t), We("");
+	}, [Ue, Q]), it = s((e) => {
+		F.length !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), Fe((e) => Math.min(e + 1, F.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), Fe((e) => Math.max(e - 1, 0))) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), Y >= 0 && Y < F.length && $e(F[Y])));
+	}, [
+		F,
+		Y,
+		$e
+	]);
+	c(() => {
+		if (Y >= 0 && Ie.current) {
+			let e = Ie.current.querySelector(`[data-row-index="${Y}"]`);
+			e && typeof e.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
+		}
+	}, [Y]);
+	let at = s((e, t) => {
+		let n = e[t.field];
+		if (t.type && N) {
+			let e = N(t.type);
+			if (e) return /* @__PURE__ */ (0, k.jsx)(e, {
+				value: n,
+				field: {
+					name: t.field,
+					type: t.type
+				}
+			});
+		}
+		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);
+	}, [N]), ot = s((e) => G === e ? K === "asc" ? /* @__PURE__ */ (0, k.jsx)(ve, { className: "ml-1 size-3" }) : /* @__PURE__ */ (0, k.jsx)(w, { className: "ml-1 size-3" }) : /* @__PURE__ */ (0, k.jsx)(T, { className: "ml-1 size-3 opacity-40" }), [G, K]), st = s((e, t, n) => {
+		e.preventDefault(), e.stopPropagation(), He.current = {
+			field: t,
+			startX: e.clientX,
+			startWidth: n
+		};
+		let r = (e) => {
+			if (!He.current) return;
+			let t = e.clientX - He.current.startX, n = Math.max(A, He.current.startWidth + t);
+			Ve((e) => ({
+				...e,
+				[He.current.field]: n
+			}));
+		}, i = () => {
+			He.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
+		};
+		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
+	}, []), $ = s((e, t) => {
+		ze((n) => ({
+			...n,
+			[e]: t
+		})), U(1);
+	}, []), ct = s(() => {
+		ze({}), U(1);
+	}, []), lt = l(() => Object.values(X).filter((e) => e != null && e !== "").length, [X]), ut = s((e) => {
+		let t = X[e.field], n = e.label || Te(e.field);
+		switch (e.type) {
+			case "select": return /* @__PURE__ */ (0, k.jsxs)("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ (0, k.jsx)(_, {
+					className: "text-xs text-muted-foreground",
+					children: n
+				}), /* @__PURE__ */ (0, k.jsxs)(le, {
+					value: t == null ? "" : String(t),
+					onValueChange: (t) => $(e.field, t),
+					children: [/* @__PURE__ */ (0, k.jsx)(fe, {
+						className: "h-8 text-xs",
+						children: /* @__PURE__ */ (0, k.jsx)(pe, { placeholder: `Filter ${n}` })
+					}), /* @__PURE__ */ (0, k.jsx)(ue, { children: e.options?.map((e) => /* @__PURE__ */ (0, k.jsx)(de, {
+						value: String(e.value),
+						children: e.label
+					}, String(e.value))) })]
+				})]
+			});
+			case "number": return /* @__PURE__ */ (0, k.jsxs)("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ (0, k.jsx)(_, {
+					className: "text-xs text-muted-foreground",
+					children: n
+				}), /* @__PURE__ */ (0, k.jsx)(oe, {
+					type: "number",
+					className: "h-8 text-xs",
+					value: t ?? "",
+					placeholder: `Filter ${n}`,
+					onChange: (t) => {
+						let n = t.target.value;
+						$(e.field, n === "" ? "" : Number(n));
+					}
+				})]
+			});
+			case "date": return /* @__PURE__ */ (0, k.jsxs)("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ (0, k.jsx)(_, {
+					className: "text-xs text-muted-foreground",
+					children: n
+				}), /* @__PURE__ */ (0, k.jsx)(oe, {
+					type: "date",
+					className: "h-8 text-xs",
+					value: t ?? "",
+					onChange: (t) => $(e.field, t.target.value)
+				})]
+			});
+			case "boolean": return /* @__PURE__ */ (0, k.jsxs)("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ (0, k.jsx)(_, {
+					className: "text-xs text-muted-foreground",
+					children: n
+				}), /* @__PURE__ */ (0, k.jsxs)("div", {
+					className: "flex items-center gap-2 h-8",
+					children: [/* @__PURE__ */ (0, k.jsx)(p, {
+						checked: !!t,
+						onCheckedChange: (t) => $(e.field, !!t)
+					}), /* @__PURE__ */ (0, k.jsx)("span", {
+						className: "text-xs text-muted-foreground",
+						children: "Yes"
+					})]
+				})]
+			});
+			default: return /* @__PURE__ */ (0, k.jsxs)("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ (0, k.jsx)(_, {
+					className: "text-xs text-muted-foreground",
+					children: n
+				}), /* @__PURE__ */ (0, k.jsx)(oe, {
+					className: "h-8 text-xs",
+					value: t ?? "",
+					placeholder: `Filter ${n}`,
+					onChange: (t) => $(e.field, t.target.value)
+				})]
+			});
+		}
+	}, [X, $]), dt = s((e, t) => e ? "bg-primary/5 hover:bg-primary/10" : t % 2 == 1 ? "bg-muted/20 hover:bg-accent/30" : "hover:bg-accent/30", []);
+	return /* @__PURE__ */ (0, k.jsx)(m, {
+		open: e,
+		onOpenChange: t,
+		children: /* @__PURE__ */ (0, k.jsxs)(h, {
+			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, k.jsx)(re, { children: /* @__PURE__ */ (0, k.jsxs)(ie, { children: [n, a && /* @__PURE__ */ (0, k.jsx)("span", {
+					className: "sr-only",
+					children: " (multiple selection)"
+				})] }) }),
+				/* @__PURE__ */ (0, k.jsxs)("div", {
+					className: "relative rounded-md border bg-muted/30 mb-3",
+					children: [
+						/* @__PURE__ */ (0, k.jsx)(be, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
+						/* @__PURE__ */ (0, k.jsx)(oe, {
+							placeholder: "Search...",
+							value: V,
+							onChange: (e) => Ye(e.target.value),
+							className: "pl-9 border-0 bg-transparent shadow-none focus-visible:ring-0",
+							"data-testid": "record-picker-search"
+						}),
+						I && /* @__PURE__ */ (0, k.jsx)(i, {
+							className: "absolute right-3 top-1/2 -translate-y-1/2 size-4 animate-spin text-muted-foreground",
+							"data-testid": "record-picker-loading-indicator"
+						})
+					]
+				}),
+				Z && Z.length > 0 && /* @__PURE__ */ (0, k.jsx)("div", {
+					className: "py-2",
+					children: De ? /* @__PURE__ */ (0, k.jsx)("div", {
+						"data-testid": "record-picker-filter-bar",
+						children: De({
+							filterColumns: Z,
+							values: X,
+							onChange: $,
+							onClear: ct,
+							activeCount: lt
+						})
+					}) : /* @__PURE__ */ (0, k.jsxs)(k.Fragment, { children: [/* @__PURE__ */ (0, k.jsxs)("div", {
+						className: "flex items-center gap-2",
+						"data-testid": "record-picker-filter-bar",
+						children: [/* @__PURE__ */ (0, k.jsxs)(f, {
+							type: "button",
+							variant: lt > 0 ? "secondary" : "outline",
+							size: "sm",
+							className: "gap-1.5 shrink-0",
+							onClick: () => Re((e) => !e),
+							children: [
+								/* @__PURE__ */ (0, k.jsx)(xe, { className: "size-3.5" }),
+								"Filters",
+								lt > 0 && /* @__PURE__ */ (0, k.jsx)("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",
+									children: lt
+								})
+							]
+						}), lt > 0 && /* @__PURE__ */ (0, k.jsxs)(f, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							className: "gap-1 text-xs",
+							onClick: ct,
+							children: [/* @__PURE__ */ (0, k.jsx)(o, { className: "size-3" }), "Clear"]
+						})]
+					}), Le && /* @__PURE__ */ (0, k.jsx)("div", {
+						className: "mt-2 grid gap-3 sm:grid-cols-2 lg:grid-cols-3 border rounded-md p-3 bg-muted/30",
+						"data-testid": "record-picker-filter-panel",
+						children: Z.map((e) => /* @__PURE__ */ (0, k.jsx)("div", { children: ut(e) }, e.field))
+					})] })
+				}),
+				L && /* @__PURE__ */ (0, k.jsxs)("div", {
+					className: "flex flex-col items-center gap-2 py-4",
+					role: "alert",
+					children: [
+						/* @__PURE__ */ (0, k.jsx)(ye, { className: "size-5 text-destructive" }),
+						/* @__PURE__ */ (0, k.jsx)("p", {
+							className: "text-sm text-destructive",
+							children: L
+						}),
+						/* @__PURE__ */ (0, k.jsx)(f, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => qe(V || void 0, H, Je),
+							type: "button",
+							children: "Retry"
+						})
+					]
+				}),
+				Oe ? /* @__PURE__ */ (0, k.jsx)("div", {
+					className: "flex-1 min-h-0",
+					"data-testid": "record-picker-grid-slot",
+					children: Oe({
+						columns: Ge,
+						records: F,
+						loading: I,
+						totalCount: z,
+						currentPage: H,
+						pageSize: ce,
+						sortField: G,
+						sortDirection: K,
+						onSort: Xe,
+						onPageChange: U,
+						onRowClick: $e,
+						isSelected: Qe,
+						multiple: a,
+						idField: se,
+						cellRenderer: N
+					})
+				}) : /* @__PURE__ */ (0, k.jsxs)(k.Fragment, { children: [
+					I && F.length === 0 && !L && /* @__PURE__ */ (0, k.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, k.jsxs)(me, { children: [/* @__PURE__ */ (0, k.jsx)(x, { children: /* @__PURE__ */ (0, k.jsxs)(S, {
+							className: "bg-muted/40",
+							children: [a && /* @__PURE__ */ (0, k.jsx)(ge, { className: "w-10" }), Ge.map((e) => /* @__PURE__ */ (0, k.jsx)(ge, { children: /* @__PURE__ */ (0, k.jsx)(y, { className: "h-4 w-20" }) }, e.field))]
+						}) }), /* @__PURE__ */ (0, k.jsx)(b, { children: Array.from({ length: Ce }, (e, t) => /* @__PURE__ */ (0, k.jsxs)(S, { children: [a && /* @__PURE__ */ (0, k.jsx)(he, {
+							className: "w-10",
+							children: /* @__PURE__ */ (0, k.jsx)(y, { className: "size-4 rounded" })
+						}), Ge.map((e) => /* @__PURE__ */ (0, k.jsx)(he, { children: /* @__PURE__ */ (0, k.jsx)(y, { className: "h-4 w-full" }) }, e.field))] }, t)) })] })
+					}),
+					!I && !L && F.length === 0 && /* @__PURE__ */ (0, k.jsx)("div", {
+						className: "py-8 text-center",
+						children: /* @__PURE__ */ (0, k.jsx)("p", {
+							className: "text-sm text-muted-foreground",
+							children: "No records found"
+						})
+					}),
+					!L && F.length > 0 && /* @__PURE__ */ (0, k.jsxs)("div", {
+						className: "relative flex-1 overflow-auto min-h-0 border rounded-md",
+						tabIndex: 0,
+						onKeyDown: it,
+						role: "grid",
+						"aria-label": "Records",
+						children: [I && /* @__PURE__ */ (0, k.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, k.jsx)(i, { className: "size-6 animate-spin text-muted-foreground" })
+						}), /* @__PURE__ */ (0, k.jsxs)(me, {
+							style: Object.keys(Be).length > 0 ? { tableLayout: "fixed" } : void 0,
+							children: [/* @__PURE__ */ (0, k.jsx)(x, {
+								className: "sticky top-0 z-[5] bg-muted/50 [&_tr]:border-b",
+								"data-testid": "record-picker-sticky-header",
+								children: /* @__PURE__ */ (0, k.jsxs)(S, { children: [a && /* @__PURE__ */ (0, k.jsx)(ge, { className: "w-10" }), Ge.map((e) => {
+									let t = Be[e.field];
+									return /* @__PURE__ */ (0, k.jsxs)(ge, {
+										style: t ? {
+											width: `${t}px`,
+											minWidth: `${t}px`
+										} : e.width ? { width: e.width } : void 0,
+										className: "cursor-pointer select-none relative group text-xs font-semibold uppercase tracking-wider",
+										onClick: () => Xe(e.field),
+										"aria-sort": G === e.field ? K === "asc" ? "ascending" : "descending" : "none",
+										children: [/* @__PURE__ */ (0, k.jsxs)("span", {
+											className: "inline-flex items-center",
+											children: [e.label || Te(e.field), ot(e.field)]
+										}), /* @__PURE__ */ (0, k.jsx)("span", {
+											role: "separator",
+											"aria-orientation": "vertical",
+											className: "absolute right-0 top-0 bottom-0 w-1 cursor-col-resize opacity-0 group-hover:opacity-100 bg-border hover:bg-primary/50 transition-opacity",
+											onMouseDown: (t) => {
+												let n = t.currentTarget.parentElement?.getBoundingClientRect();
+												st(t, e.field, n?.width ?? 100);
+											},
+											onClick: (e) => e.stopPropagation(),
+											"data-testid": `resize-handle-${e.field}`
+										})]
+									}, e.field);
+								})] })
+							}), /* @__PURE__ */ (0, k.jsx)(b, {
+								ref: Ie,
+								children: F.map((e, t) => {
+									let n = Ze(e), i = Qe(e), o = t === Y;
+									return /* @__PURE__ */ (0, k.jsxs)(S, {
+										"data-row-index": t,
+										className: _e("cursor-pointer transition-colors", dt(i, t), o && "ring-2 ring-primary ring-inset"),
+										onClick: () => $e(e),
+										"data-testid": `record-row-${n}`,
+										"aria-selected": i,
+										children: [a && /* @__PURE__ */ (0, k.jsx)(he, {
+											className: "w-10",
+											children: i && /* @__PURE__ */ (0, k.jsx)(r, { className: "size-4 text-primary" })
+										}), Ge.map((t) => /* @__PURE__ */ (0, k.jsx)(he, {
+											className: "py-2.5",
+											children: at(e, t)
+										}, t.field))]
+									}, n ?? t);
+								})
+							})]
+						})]
+					}),
+					!L && z > 0 && /* @__PURE__ */ (0, k.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, k.jsxs)("span", { children: [
+							z,
+							" ",
+							z === 1 ? "record" : "records",
+							Q > 1 && ` · Page ${H} of ${Q}`
+						] }), Q > 1 && /* @__PURE__ */ (0, k.jsxs)("div", {
+							className: "flex items-center gap-1.5",
+							children: [
+								/* @__PURE__ */ (0, k.jsx)(f, {
+									variant: "outline",
+									size: "icon",
+									className: "size-7",
+									onClick: tt,
+									disabled: H <= 1,
+									type: "button",
+									"aria-label": "Previous page",
+									children: /* @__PURE__ */ (0, k.jsx)(E, { className: "size-4" })
+								}),
+								/* @__PURE__ */ (0, k.jsx)(oe, {
+									className: "h-7 w-12 text-center text-xs px-1",
+									placeholder: String(H),
+									value: Ue,
+									onChange: (e) => We(e.target.value),
+									onKeyDown: rt,
+									"aria-label": "Jump to page",
+									"data-testid": "record-picker-page-jump"
+								}),
+								/* @__PURE__ */ (0, k.jsx)(f, {
+									variant: "outline",
+									size: "icon",
+									className: "size-7",
+									onClick: nt,
+									disabled: H >= Q,
+									type: "button",
+									"aria-label": "Next page",
+									children: /* @__PURE__ */ (0, k.jsx)(D, { className: "size-4" })
+								})
+							]
+						})]
+					})
+				] }),
+				a && /* @__PURE__ */ (0, k.jsx)(g, { children: /* @__PURE__ */ (0, k.jsxs)("div", {
+					className: "flex items-center gap-2 w-full justify-between",
+					children: [/* @__PURE__ */ (0, k.jsxs)("span", {
+						className: "text-sm text-muted-foreground",
+						children: [J.size, " selected"]
+					}), /* @__PURE__ */ (0, k.jsxs)("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ (0, k.jsx)(f, {
+							variant: "outline",
+							type: "button",
+							onClick: () => t(!1),
+							children: "Cancel"
+						}), /* @__PURE__ */ (0, k.jsx)(f, {
+							type: "button",
+							onClick: et,
+							children: "Confirm"
+						})]
+					})]
+				}) })
+			]
+		})
+	});
+}
+//#endregion
+//#region ../fields/src/widgets/_cell-renderer-bridge.ts
+var N;
+function P(e) {
+	N = e;
+}
+function De() {
+	return N;
+}
+//#endregion
+//#region ../fields/src/widgets/LookupField.tsx
+var Oe = /* @__PURE__ */ e({ LookupField: () => L }), F = 50, ke = C;
+function I(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,
+		label: String(a),
+		description: o,
+		...e
+	};
+}
+function Ae(e) {
+	return {
+		text: "text",
+		number: "number",
+		currency: "number",
+		percent: "number",
+		select: "select",
+		status: "select",
+		date: "date",
+		datetime: "date",
+		boolean: "boolean"
+	}[e];
+}
+function L({ value: e, onChange: t, field: n, readonly: r, ...p }) {
+	let [m, h] = u(!1), [g, re] = u(""), { t: ie } = ee(), [_, le] = u([]), [ue, de] = u(!1), [fe, pe] = u(null), [y, me] = u(0), b = ne(null), [he, ge] = u([]), [x, S] = u(-1), _e = ne(null), C = n || p.schema, w = C?.field, T = w && typeof w == "object" && ("reference_to" in w || "reference" in w || "type" in w) ? w : C, ve = T?.options || [], E = T?.multiple || !1, D = T?.display_field || T?.reference_field || "name", xe = T?.description_field, Se = T?.id_field || "id", A = T?.reference_to || T?.reference, Ce = T?.lookup_columns, we = T?.lookup_page_size, Te = T?.lookup_filters, j = l(() => {
+		let e = T?.depends_on ?? T?.dependsOn;
+		return e && Array.isArray(e) ? e.map((e) => typeof e == "string" ? {
+			field: e,
+			param: e
+		} : {
+			field: e.field,
+			param: e.param ?? e.field
+		}) : [];
+	}, [T?.depends_on, T?.dependsOn]), Ee = p.dependentValues, N = l(() => {
+		if (!Ce) return;
+		let e = [];
+		for (let t of Ce) if (typeof t == "object" && t.type) {
+			let n = Ae(t.type);
+			n && e.push({
+				field: t.field,
+				label: t.label,
+				type: n
+			});
+		}
+		return e.length > 0 ? e : void 0;
+	}, [Ce]), P = te(ke), Oe = P?.dataSource ?? null, L = p.dataSource ?? C?.dataSource ?? T?.dataSource ?? Oe, R = l(() => Ee || (P?.formValues ?? P?.data ?? {}), [
+		Ee,
+		P?.formValues,
+		P?.data
+	]), z = l(() => j.length === 0 ? !1 : j.some(({ field: e }) => {
+		let t = R[e];
+		return t == null || t === "" || Array.isArray(t) && t.length === 0;
+	}), [j, R]), B = L != null && typeof L.find == "function" && !!A, V = p.onCreateNew ?? C?.onCreateNew, [je, H] = u(!1), U = B ? _ : ve, W = l(() => {
+		if (B || !g) return U;
+		let e = g.toLowerCase();
+		return U.filter((t) => t.label.toLowerCase().includes(e) || t.description && t.description.toLowerCase().includes(e));
+	}, [
+		B,
+		U,
+		g
+	]);
+	c(() => {
+		S(-1);
+	}, [W.length]);
+	let G = s(async (e) => {
+		if (!(!L || !A)) {
+			if (z) {
+				le([]), me(0);
+				return;
+			}
+			de(!0), pe(null);
+			try {
+				let t = { $top: F };
+				if (e && e.trim() && (t.$search = e.trim()), j.length > 0) {
+					let e = {};
+					for (let { field: t, param: n } of j) {
+						let r = R[t];
+						r == null || r === "" || (e[n] = typeof r == "number" ? r : String(r));
+					}
+					Object.keys(e).length > 0 && (t.$filter = e);
+				}
+				let n = await L.find(A, t), r = n?.data ?? n ?? [];
+				le(r.map((e) => I(e, D, Se, xe))), me(n?.total ?? r.length);
+			} catch (e) {
+				pe(e instanceof Error ? e.message : String(e)), le([]);
+			} finally {
+				de(!1);
+			}
+		}
+	}, [
+		L,
+		A,
+		D,
+		Se,
+		xe,
+		z,
+		j,
+		R
+	]);
+	c(() => {
+		m && B && j.length > 0 && G(g || void 0);
+	}, [l(() => j.map((e) => `${e.param}=${R[e.field] ?? ""}`).join("|"), [j, R])]), c(() => {
+		m && B && G(g || void 0), m || (re(""), pe(null), S(-1));
+	}, [m]);
+	let Me = s((e) => {
+		re(e), B && (b.current && clearTimeout(b.current), b.current = setTimeout(() => {
+			G(e || void 0);
+		}, 300));
+	}, [B, G]);
+	c(() => () => {
+		b.current && clearTimeout(b.current);
+	}, []);
+	let K = s((e) => ve.find((t) => t.value === e) ?? _.find((t) => t.value === e) ?? he.find((t) => t.value === e), [
+		ve,
+		_,
+		he
+	]), q = E ? (Array.isArray(e) ? e : []).map(K).filter(Boolean) : e ? [K(e)].filter(Boolean) : [], J = s((n) => {
+		if (E) {
+			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), h(!1);
+	}, [
+		E,
+		e,
+		t
+	]), Ne = (n) => {
+		t(E ? (Array.isArray(e) ? e : []).filter((e) => e !== n) : null);
+	}, Pe = s((e) => {
+		ge(e.map((e) => I(e, D, Se, xe)));
+	}, [
+		D,
+		Se,
+		xe
+	]), Y = s((e) => {
+		e.key === "ArrowDown" ? (e.preventDefault(), S((e) => e < W.length - 1 ? e + 1 : e)) : e.key === "ArrowUp" ? (e.preventDefault(), S((e) => e > 0 ? e - 1 : 0)) : e.key === "Enter" && (e.preventDefault(), x >= 0 && x < W.length && J(W[x]));
+	}, [
+		W,
+		x,
+		J
+	]);
+	return c(() => {
+		x >= 0 && _e.current && _e.current.querySelector(`[data-lookup-index="${x}"]`)?.scrollIntoView({ block: "nearest" });
+	}, [x]), r ? q.length ? E ? /* @__PURE__ */ (0, k.jsx)("div", {
+		className: "flex flex-wrap gap-1",
+		children: q.map((e, t) => /* @__PURE__ */ (0, k.jsx)(d, {
+			variant: "outline",
+			children: e?.[D] || e?.label
+		}, t))
+	}) : /* @__PURE__ */ (0, k.jsx)("span", {
+		className: "text-sm",
+		children: q[0]?.[D] || q[0]?.label
+	}) : /* @__PURE__ */ (0, k.jsx)(ae, {}) : /* @__PURE__ */ (0, k.jsxs)("div", {
+		className: "space-y-2",
+		children: [
+			q.length > 0 && /* @__PURE__ */ (0, k.jsx)("div", {
+				className: "flex flex-wrap gap-1",
+				children: q.map((e, t) => /* @__PURE__ */ (0, k.jsxs)(d, {
+					variant: "outline",
+					className: "gap-1",
+					children: [e?.[D] || e?.label, /* @__PURE__ */ (0, k.jsx)("button", {
+						onClick: () => Ne(e?.value),
+						className: "ml-1 hover:text-destructive",
+						type: "button",
+						"aria-label": `Remove ${e?.[D] || e?.label}`,
+						children: /* @__PURE__ */ (0, k.jsx)(o, { className: "size-3" })
+					})]
+				}, t))
+			}),
+			/* @__PURE__ */ (0, k.jsxs)("div", {
+				className: "flex items-center gap-1.5",
+				children: [/* @__PURE__ */ (0, k.jsxs)(se, {
+					open: m,
+					onOpenChange: (e) => !z && h(e),
+					children: [/* @__PURE__ */ (0, k.jsx)(v, {
+						asChild: !0,
+						children: /* @__PURE__ */ (0, k.jsxs)(f, {
+							variant: "outline",
+							className: "min-w-0 flex-1 justify-start text-left font-normal",
+							type: "button",
+							disabled: z || p.disabled,
+							"data-testid": z ? "lookup-trigger-gated" : void 0,
+							title: z ? `Select ${j.map((e) => e.field).join(", ")} first` : void 0,
+							children: [/* @__PURE__ */ (0, k.jsx)(be, { className: "mr-2 size-4" }), z ? `Select ${j.map((e) => e.field).join(", ")} first` : q.length === 0 ? C?.placeholder || ie("common.select") : E ? ie("table.selected", { count: q.length }) : ie("common.select")]
+						})
+					}), /* @__PURE__ */ (0, k.jsxs)(ce, {
+						className: "w-[var(--radix-popover-trigger-width)] p-0",
+						align: "start",
+						children: [
+							/* @__PURE__ */ (0, k.jsx)("div", {
+								className: "p-2",
+								children: /* @__PURE__ */ (0, k.jsxs)("div", {
+									className: "relative",
+									children: [
+										/* @__PURE__ */ (0, k.jsx)(be, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
+										/* @__PURE__ */ (0, k.jsx)(oe, {
+											placeholder: ie("common.search") + "...",
+											value: g,
+											onChange: (e) => Me(e.target.value),
+											onKeyDown: Y,
+											className: "w-full pl-9 h-8 text-sm"
+										}),
+										ue && /* @__PURE__ */ (0, k.jsx)(i, {
+											className: "absolute right-3 top-1/2 -translate-y-1/2 size-4 animate-spin text-muted-foreground",
+											"data-testid": "lookup-loading"
+										})
+									]
+								})
+							}),
+							fe && /* @__PURE__ */ (0, k.jsxs)("div", {
+								className: "flex flex-col items-center gap-2 py-4 px-2",
+								role: "alert",
+								children: [
+									/* @__PURE__ */ (0, k.jsx)(ye, { className: "size-5 text-destructive" }),
+									/* @__PURE__ */ (0, k.jsx)("p", {
+										className: "text-sm text-destructive",
+										children: fe
+									}),
+									/* @__PURE__ */ (0, k.jsx)(f, {
+										variant: "outline",
+										size: "sm",
+										onClick: () => G(g || void 0),
+										type: "button",
+										children: "Retry"
+									})
+								]
+							}),
+							ue && W.length === 0 && !fe && /* @__PURE__ */ (0, k.jsxs)("div", {
+								className: "flex flex-col items-center gap-2 py-6",
+								role: "status",
+								"aria-live": "polite",
+								children: [/* @__PURE__ */ (0, k.jsx)(i, { className: "size-6 animate-spin text-muted-foreground" }), /* @__PURE__ */ (0, k.jsx)("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Loading…"
+								})]
+							}),
+							!fe && !(ue && W.length === 0) && /* @__PURE__ */ (0, k.jsx)("div", {
+								ref: _e,
+								className: "max-h-64 overflow-y-auto px-1 pb-1",
+								role: "listbox",
+								children: W.length === 0 ? /* @__PURE__ */ (0, k.jsxs)("div", {
+									className: "py-4 text-center",
+									children: [/* @__PURE__ */ (0, k.jsx)("p", {
+										className: "text-sm text-muted-foreground",
+										children: "No options found"
+									}), V && /* @__PURE__ */ (0, k.jsxs)(f, {
+										variant: "ghost",
+										size: "sm",
+										className: "mt-2 gap-1",
+										type: "button",
+										onClick: () => {
+											V(g), h(!1);
+										},
+										children: [/* @__PURE__ */ (0, k.jsx)(a, { className: "size-4" }), "Create new"]
+									})]
+								}) : /* @__PURE__ */ (0, k.jsxs)(k.Fragment, { children: [
+									W.map((t, n) => {
+										let r = E ? (Array.isArray(e) ? e : []).includes(t.value) : e === t.value;
+										return /* @__PURE__ */ (0, k.jsxs)("button", {
+											"data-lookup-index": n,
+											role: "option",
+											"aria-selected": r,
+											onClick: () => J(t),
+											className: `w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent flex items-center justify-between ${n === x ? "bg-accent text-accent-foreground" : r ? "bg-accent/50 text-accent-foreground" : ""}`,
+											type: "button",
+											children: [/* @__PURE__ */ (0, k.jsxs)("div", {
+												className: "min-w-0 flex-1",
+												children: [/* @__PURE__ */ (0, k.jsx)("span", {
+													className: "block truncate",
+													children: t.label
+												}), t.description && /* @__PURE__ */ (0, k.jsx)("span", {
+													className: "block truncate text-xs text-muted-foreground",
+													children: t.description
+												})]
+											}), r && /* @__PURE__ */ (0, k.jsx)(d, {
+												variant: "default",
+												className: "ml-2 shrink-0",
+												children: "Selected"
+											})]
+										}, t.value);
+									}),
+									B && y > W.length && /* @__PURE__ */ (0, k.jsxs)("p", {
+										className: "text-xs text-muted-foreground text-center py-2",
+										children: [
+											"Showing ",
+											W.length,
+											" of ",
+											y,
+											" results."
+										]
+									}),
+									B && y > W.length && /* @__PURE__ */ (0, k.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: () => {
+											h(!1), H(!0);
+										},
+										"data-testid": "show-all-results",
+										children: [
+											/* @__PURE__ */ (0, k.jsx)(O, { className: "size-3.5" }),
+											"Show All Results (",
+											y,
+											")"
+										]
+									}),
+									V && /* @__PURE__ */ (0, k.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: () => {
+											V(g), h(!1);
+										},
+										children: [
+											/* @__PURE__ */ (0, k.jsx)(a, { className: "size-3.5" }),
+											"Create new",
+											g ? ` "${g}"` : ""
+										]
+									})
+								] })
+							})
+						]
+					})]
+				}), B && /* @__PURE__ */ (0, k.jsx)(f, {
+					variant: "outline",
+					size: "icon",
+					className: "shrink-0",
+					type: "button",
+					onClick: () => H(!0),
+					"aria-label": "Browse all records",
+					title: "Browse all records",
+					"data-testid": "browse-all-records",
+					children: /* @__PURE__ */ (0, k.jsx)(O, { className: "size-4" })
+				})]
+			}),
+			B && L && A && /* @__PURE__ */ (0, k.jsx)(M, {
+				open: je,
+				onOpenChange: H,
+				title: C?.label || "Select",
+				multiple: E,
+				dataSource: L,
+				objectName: A,
+				columns: Ce,
+				displayField: D,
+				idField: Se,
+				pageSize: we,
+				value: e,
+				onSelect: t,
+				onSelectRecords: Pe,
+				lookupFilters: Te,
+				cellRenderer: De(),
+				filterColumns: N
+			})
+		]
+	});
+}
+//#endregion
+export { Oe as n, P as r, L as t };