@object-ui/fields 3.1.5 → 3.3.1

package/dist/LookupField-BX4sK8NG.js

@@ -1,904 +0,0 @@
-import { n as e, t } from "./jsx-runtime-MxADXuRH.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 ee, Dialog as te, DialogContent as ne, DialogFooter as re, DialogHeader as u, 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 m, Skeleton as h, Table as g, TableBody as de, TableCell as _, TableHead as v, TableHeader as fe, TableRow as y, cn as pe } from "@object-ui/components";
-import { AlertCircle as me, ArrowDown as he, ArrowUp as b, ArrowUpDown as x, Check as S, ChevronLeft as ge, ChevronRight as C, Loader2 as _e, Plus as ve, Search as ye, SlidersHorizontal as w, TableProperties as T, X as be } from "lucide-react";
-import { SchemaRendererContext as E } from "@object-ui/react";
-//#region src/widgets/RecordPickerDialog.tsx
-var D = t(), O = 10, k = 60, xe = 5;
-function Se(e) {
-	return typeof e == "string" ? { field: e } : e;
-}
-function Ce(e) {
-	return e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (e) => e.toUpperCase());
-}
-function we(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 Te(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 A({ open: e, onOpenChange: t, title: r = "Select Record", multiple: c = !1, dataSource: ie, objectName: ae, columns: oe, displayField: ve = "name", idField: T = "id", pageSize: E = O, value: A, onSelect: j, onSelectRecords: M, lookupFilters: N, cellRenderer: P, filterColumns: Ee, renderFilterBar: De, renderGrid: Oe }) {
-	let [F, I] = s([]), [L, ke] = s(!1), [R, z] = s(null), [B, Ae] = s(0), [V, je] = s(""), [H, U] = s(1), W = o(null), [G, Me] = s(null), [K, Ne] = s("asc"), [Pe, Fe] = s(/* @__PURE__ */ new Set()), Ie = o(/* @__PURE__ */ new Map()), [q, Le] = s(-1), Re = o(null), [ze, Be] = s(!1), [J, Ve] = s({}), [He, Ue] = s({}), Y = o(null), [We, Ge] = s(""), Ke = a(() => oe && oe.length > 0 ? oe.map(Se) : [{
-		field: ve,
-		label: Ce(ve)
-	}], [oe, ve]), X = a(() => {
-		if (Ee && Ee.length > 0) return Ee;
-		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,
-				label: Ce(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
-					};
-				}) } : {}
-			};
-		});
-	}, [Ee, N]), qe = a(() => {
-		let e = N?.length ? we(N) : {}, t = X?.length ? Te(J, X) : {}, n = {
-			...e,
-			...t
-		};
-		return Object.keys(n).length > 0 ? n : void 0;
-	}, [
-		N,
-		X,
-		J
-	]), Z = Math.max(1, Math.ceil(B / E)), Je = n(async (e, t = 1, n, r) => {
-		if (!(!ie || !ae)) {
-			ke(!0), z(null);
-			try {
-				let i = {
-					$top: E,
-					$skip: (t - 1) * E
-				};
-				e && e.trim() && (i.$search = e.trim()), n && (i.$orderby = { [n.field]: n.direction });
-				let a = r === void 0 ? qe : r;
-				a && Object.keys(a).length > 0 && (i.$filter = a);
-				let o = await ie.find(ae, i), s = o?.data ?? o ?? [];
-				I(s), Ae(o?.total ?? s.length), Le(-1);
-			} catch (e) {
-				z(e instanceof Error ? e.message : String(e)), I([]);
-			} finally {
-				ke(!1);
-			}
-		}
-	}, [
-		ie,
-		ae,
-		E,
-		qe
-	]), Ye = a(() => G ? {
-		field: G,
-		direction: K
-	} : null, [G, K]);
-	i(() => {
-		e || (je(""), U(1), z(null), I([]), Me(null), Ne("asc"), Le(-1), Be(!1), Ve({}), Ue({}), Ge(""), Fe(new Set(c && Array.isArray(A) ? A : [])), Ie.current.clear());
-	}, [e]), i(() => {
-		e && Je(V || void 0, H, Ye);
-	}, [
-		e,
-		H,
-		Ye,
-		qe
-	]), i(() => {
-		e && c && Fe(new Set(Array.isArray(A) ? A : []));
-	}, [
-		e,
-		c,
-		A
-	]);
-	let Xe = n((e) => {
-		je(e), U(1), W.current && clearTimeout(W.current), W.current = setTimeout(() => {
-			Je(e || void 0, 1, Ye);
-		}, 300);
-	}, [Je, Ye]);
-	i(() => () => {
-		W.current && clearTimeout(W.current);
-	}, []);
-	let Ze = n((e) => {
-		Me((t) => t === e ? (Ne((e) => e === "asc" ? "desc" : "asc"), e) : (Ne("asc"), e)), U(1);
-	}, []), Qe = n((e) => e[T] ?? e.id ?? e._id, [T]), $e = n((e) => {
-		let t = Qe(e);
-		return c ? Pe.has(t) : A === t;
-	}, [
-		c,
-		A,
-		Pe,
-		Qe
-	]), et = n((e) => {
-		let n = Qe(e);
-		c ? Fe((t) => {
-			let r = new Set(t);
-			return r.has(n) ? (r.delete(n), Ie.current.delete(n)) : (r.add(n), Ie.current.set(n, e)), r;
-		}) : (j(n), M?.([e]), t(!1));
-	}, [
-		c,
-		Qe,
-		j,
-		M,
-		t
-	]), tt = n(() => {
-		let e = Array.from(Pe);
-		j(e);
-		let n = e.map((e) => Ie.current.get(e)).filter(Boolean);
-		M?.(n), t(!1);
-	}, [
-		Pe,
-		j,
-		M,
-		t
-	]), nt = n(() => {
-		U((e) => Math.max(1, e - 1));
-	}, []), rt = n(() => {
-		U((e) => Math.min(Z, e + 1));
-	}, [Z]), it = n((e) => {
-		if (e.key !== "Enter") return;
-		let t = parseInt(We, 10);
-		!isNaN(t) && t >= 1 && t <= Z && U(t), Ge("");
-	}, [We, Z]), at = n((e) => {
-		F.length !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), Le((e) => Math.min(e + 1, F.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), Le((e) => Math.max(e - 1, 0))) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), q >= 0 && q < F.length && et(F[q])));
-	}, [
-		F,
-		q,
-		et
-	]);
-	i(() => {
-		if (q >= 0 && Re.current) {
-			let e = Re.current.querySelector(`[data-row-index="${q}"]`);
-			e && typeof e.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
-		}
-	}, [q]);
-	let ot = n((e, t) => {
-		let n = e[t.field];
-		if (t.type && P) {
-			let e = P(t.type);
-			if (e) return /* @__PURE__ */ (0, D.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);
-	}, [P]), st = n((e) => G === e ? K === "asc" ? /* @__PURE__ */ (0, D.jsx)(b, { className: "ml-1 size-3" }) : /* @__PURE__ */ (0, D.jsx)(he, { className: "ml-1 size-3" }) : /* @__PURE__ */ (0, D.jsx)(x, { className: "ml-1 size-3 opacity-40" }), [G, K]), ct = n((e, t, n) => {
-		e.preventDefault(), e.stopPropagation(), Y.current = {
-			field: t,
-			startX: e.clientX,
-			startWidth: n
-		};
-		let r = (e) => {
-			if (!Y.current) return;
-			let t = e.clientX - Y.current.startX, n = Math.max(k, Y.current.startWidth + t);
-			Ue((e) => ({
-				...e,
-				[Y.current.field]: n
-			}));
-		}, i = () => {
-			Y.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
-		};
-		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
-	}, []), Q = n((e, t) => {
-		Ve((n) => ({
-			...n,
-			[e]: t
-		})), U(1);
-	}, []), lt = n(() => {
-		Ve({}), U(1);
-	}, []), $ = a(() => Object.values(J).filter((e) => e != null && e !== "").length, [J]), ut = n((e) => {
-		let t = J[e.field], n = e.label || Ce(e.field);
-		switch (e.type) {
-			case "select": return /* @__PURE__ */ (0, D.jsxs)("div", {
-				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, D.jsx)(p, {
-					className: "text-xs text-muted-foreground",
-					children: n
-				}), /* @__PURE__ */ (0, D.jsxs)(se, {
-					value: t == null ? "" : String(t),
-					onValueChange: (t) => Q(e.field, t),
-					children: [/* @__PURE__ */ (0, D.jsx)(ue, {
-						className: "h-8 text-xs",
-						children: /* @__PURE__ */ (0, D.jsx)(m, { placeholder: `Filter ${n}` })
-					}), /* @__PURE__ */ (0, D.jsx)(ce, { children: e.options?.map((e) => /* @__PURE__ */ (0, D.jsx)(le, {
-						value: String(e.value),
-						children: e.label
-					}, String(e.value))) })]
-				})]
-			});
-			case "number": return /* @__PURE__ */ (0, D.jsxs)("div", {
-				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, D.jsx)(p, {
-					className: "text-xs text-muted-foreground",
-					children: n
-				}), /* @__PURE__ */ (0, D.jsx)(f, {
-					type: "number",
-					className: "h-8 text-xs",
-					value: t ?? "",
-					placeholder: `Filter ${n}`,
-					onChange: (t) => {
-						let n = t.target.value;
-						Q(e.field, n === "" ? "" : Number(n));
-					}
-				})]
-			});
-			case "date": return /* @__PURE__ */ (0, D.jsxs)("div", {
-				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, D.jsx)(p, {
-					className: "text-xs text-muted-foreground",
-					children: n
-				}), /* @__PURE__ */ (0, D.jsx)(f, {
-					type: "date",
-					className: "h-8 text-xs",
-					value: t ?? "",
-					onChange: (t) => Q(e.field, t.target.value)
-				})]
-			});
-			case "boolean": return /* @__PURE__ */ (0, D.jsxs)("div", {
-				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, D.jsx)(p, {
-					className: "text-xs text-muted-foreground",
-					children: n
-				}), /* @__PURE__ */ (0, D.jsxs)("div", {
-					className: "flex items-center gap-2 h-8",
-					children: [/* @__PURE__ */ (0, D.jsx)(ee, {
-						checked: !!t,
-						onCheckedChange: (t) => Q(e.field, !!t)
-					}), /* @__PURE__ */ (0, D.jsx)("span", {
-						className: "text-xs text-muted-foreground",
-						children: "Yes"
-					})]
-				})]
-			});
-			default: return /* @__PURE__ */ (0, D.jsxs)("div", {
-				className: "space-y-1",
-				children: [/* @__PURE__ */ (0, D.jsx)(p, {
-					className: "text-xs text-muted-foreground",
-					children: n
-				}), /* @__PURE__ */ (0, D.jsx)(f, {
-					className: "h-8 text-xs",
-					value: t ?? "",
-					placeholder: `Filter ${n}`,
-					onChange: (t) => Q(e.field, t.target.value)
-				})]
-			});
-		}
-	}, [J, Q]), dt = n((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, D.jsx)(te, {
-		open: e,
-		onOpenChange: t,
-		children: /* @__PURE__ */ (0, D.jsxs)(ne, {
-			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, D.jsx)(u, { children: /* @__PURE__ */ (0, D.jsxs)(d, { children: [r, c && /* @__PURE__ */ (0, D.jsx)("span", {
-					className: "sr-only",
-					children: " (multiple selection)"
-				})] }) }),
-				/* @__PURE__ */ (0, D.jsxs)("div", {
-					className: "relative rounded-md border bg-muted/30 mb-3",
-					children: [
-						/* @__PURE__ */ (0, D.jsx)(ye, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
-						/* @__PURE__ */ (0, D.jsx)(f, {
-							placeholder: "Search...",
-							value: V,
-							onChange: (e) => Xe(e.target.value),
-							className: "pl-9 border-0 bg-transparent shadow-none focus-visible:ring-0",
-							"data-testid": "record-picker-search"
-						}),
-						L && /* @__PURE__ */ (0, D.jsx)(_e, {
-							className: "absolute right-3 top-1/2 -translate-y-1/2 size-4 animate-spin text-muted-foreground",
-							"data-testid": "record-picker-loading-indicator"
-						})
-					]
-				}),
-				X && X.length > 0 && /* @__PURE__ */ (0, D.jsx)("div", {
-					className: "py-2",
-					children: De ? /* @__PURE__ */ (0, D.jsx)("div", {
-						"data-testid": "record-picker-filter-bar",
-						children: De({
-							filterColumns: X,
-							values: J,
-							onChange: Q,
-							onClear: lt,
-							activeCount: $
-						})
-					}) : /* @__PURE__ */ (0, D.jsxs)(D.Fragment, { children: [/* @__PURE__ */ (0, D.jsxs)("div", {
-						className: "flex items-center gap-2",
-						"data-testid": "record-picker-filter-bar",
-						children: [/* @__PURE__ */ (0, D.jsxs)(l, {
-							type: "button",
-							variant: $ > 0 ? "secondary" : "outline",
-							size: "sm",
-							className: "gap-1.5 shrink-0",
-							onClick: () => Be((e) => !e),
-							children: [
-								/* @__PURE__ */ (0, D.jsx)(w, { className: "size-3.5" }),
-								"Filters",
-								$ > 0 && /* @__PURE__ */ (0, D.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: $
-								})
-							]
-						}), $ > 0 && /* @__PURE__ */ (0, D.jsxs)(l, {
-							type: "button",
-							variant: "ghost",
-							size: "sm",
-							className: "gap-1 text-xs",
-							onClick: lt,
-							children: [/* @__PURE__ */ (0, D.jsx)(be, { className: "size-3" }), "Clear"]
-						})]
-					}), ze && /* @__PURE__ */ (0, D.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: X.map((e) => /* @__PURE__ */ (0, D.jsx)("div", { children: ut(e) }, e.field))
-					})] })
-				}),
-				R && /* @__PURE__ */ (0, D.jsxs)("div", {
-					className: "flex flex-col items-center gap-2 py-4",
-					role: "alert",
-					children: [
-						/* @__PURE__ */ (0, D.jsx)(me, { className: "size-5 text-destructive" }),
-						/* @__PURE__ */ (0, D.jsx)("p", {
-							className: "text-sm text-destructive",
-							children: R
-						}),
-						/* @__PURE__ */ (0, D.jsx)(l, {
-							variant: "outline",
-							size: "sm",
-							onClick: () => Je(V || void 0, H, Ye),
-							type: "button",
-							children: "Retry"
-						})
-					]
-				}),
-				Oe ? /* @__PURE__ */ (0, D.jsx)("div", {
-					className: "flex-1 min-h-0",
-					"data-testid": "record-picker-grid-slot",
-					children: Oe({
-						columns: Ke,
-						records: F,
-						loading: L,
-						totalCount: B,
-						currentPage: H,
-						pageSize: E,
-						sortField: G,
-						sortDirection: K,
-						onSort: Ze,
-						onPageChange: U,
-						onRowClick: et,
-						isSelected: $e,
-						multiple: c,
-						idField: T,
-						cellRenderer: P
-					})
-				}) : /* @__PURE__ */ (0, D.jsxs)(D.Fragment, { children: [
-					L && F.length === 0 && !R && /* @__PURE__ */ (0, D.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, D.jsxs)(g, { children: [/* @__PURE__ */ (0, D.jsx)(fe, { children: /* @__PURE__ */ (0, D.jsxs)(y, {
-							className: "bg-muted/40",
-							children: [c && /* @__PURE__ */ (0, D.jsx)(v, { className: "w-10" }), Ke.map((e) => /* @__PURE__ */ (0, D.jsx)(v, { children: /* @__PURE__ */ (0, D.jsx)(h, { className: "h-4 w-20" }) }, e.field))]
-						}) }), /* @__PURE__ */ (0, D.jsx)(de, { children: Array.from({ length: xe }, (e, t) => /* @__PURE__ */ (0, D.jsxs)(y, { children: [c && /* @__PURE__ */ (0, D.jsx)(_, {
-							className: "w-10",
-							children: /* @__PURE__ */ (0, D.jsx)(h, { className: "size-4 rounded" })
-						}), Ke.map((e) => /* @__PURE__ */ (0, D.jsx)(_, { children: /* @__PURE__ */ (0, D.jsx)(h, { className: "h-4 w-full" }) }, e.field))] }, t)) })] })
-					}),
-					!L && !R && F.length === 0 && /* @__PURE__ */ (0, D.jsx)("div", {
-						className: "py-8 text-center",
-						children: /* @__PURE__ */ (0, D.jsx)("p", {
-							className: "text-sm text-muted-foreground",
-							children: "No records found"
-						})
-					}),
-					!R && F.length > 0 && /* @__PURE__ */ (0, D.jsxs)("div", {
-						className: "relative flex-1 overflow-auto min-h-0 border rounded-md",
-						tabIndex: 0,
-						onKeyDown: at,
-						role: "grid",
-						"aria-label": "Records",
-						children: [L && /* @__PURE__ */ (0, D.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, D.jsx)(_e, { className: "size-6 animate-spin text-muted-foreground" })
-						}), /* @__PURE__ */ (0, D.jsxs)(g, {
-							style: Object.keys(He).length > 0 ? { tableLayout: "fixed" } : void 0,
-							children: [/* @__PURE__ */ (0, D.jsx)(fe, {
-								className: "sticky top-0 z-[5] bg-muted/50 [&_tr]:border-b",
-								"data-testid": "record-picker-sticky-header",
-								children: /* @__PURE__ */ (0, D.jsxs)(y, { children: [c && /* @__PURE__ */ (0, D.jsx)(v, { className: "w-10" }), Ke.map((e) => {
-									let t = He[e.field];
-									return /* @__PURE__ */ (0, D.jsxs)(v, {
-										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: () => Ze(e.field),
-										"aria-sort": G === e.field ? K === "asc" ? "ascending" : "descending" : "none",
-										children: [/* @__PURE__ */ (0, D.jsxs)("span", {
-											className: "inline-flex items-center",
-											children: [e.label || Ce(e.field), st(e.field)]
-										}), /* @__PURE__ */ (0, D.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();
-												ct(t, e.field, n?.width ?? 100);
-											},
-											onClick: (e) => e.stopPropagation(),
-											"data-testid": `resize-handle-${e.field}`
-										})]
-									}, e.field);
-								})] })
-							}), /* @__PURE__ */ (0, D.jsx)(de, {
-								ref: Re,
-								children: F.map((e, t) => {
-									let n = Qe(e), r = $e(e), i = t === q;
-									return /* @__PURE__ */ (0, D.jsxs)(y, {
-										"data-row-index": t,
-										className: pe("cursor-pointer transition-colors", dt(r, t), i && "ring-2 ring-primary ring-inset"),
-										onClick: () => et(e),
-										"data-testid": `record-row-${n}`,
-										"aria-selected": r,
-										children: [c && /* @__PURE__ */ (0, D.jsx)(_, {
-											className: "w-10",
-											children: r && /* @__PURE__ */ (0, D.jsx)(S, { className: "size-4 text-primary" })
-										}), Ke.map((t) => /* @__PURE__ */ (0, D.jsx)(_, {
-											className: "py-2.5",
-											children: ot(e, t)
-										}, t.field))]
-									}, n ?? t);
-								})
-							})]
-						})]
-					}),
-					!R && B > 0 && /* @__PURE__ */ (0, D.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, D.jsxs)("span", { children: [
-							B,
-							" ",
-							B === 1 ? "record" : "records",
-							Z > 1 && ` · Page ${H} of ${Z}`
-						] }), Z > 1 && /* @__PURE__ */ (0, D.jsxs)("div", {
-							className: "flex items-center gap-1.5",
-							children: [
-								/* @__PURE__ */ (0, D.jsx)(l, {
-									variant: "outline",
-									size: "icon",
-									className: "size-7",
-									onClick: nt,
-									disabled: H <= 1,
-									type: "button",
-									"aria-label": "Previous page",
-									children: /* @__PURE__ */ (0, D.jsx)(ge, { className: "size-4" })
-								}),
-								/* @__PURE__ */ (0, D.jsx)(f, {
-									className: "h-7 w-12 text-center text-xs px-1",
-									placeholder: String(H),
-									value: We,
-									onChange: (e) => Ge(e.target.value),
-									onKeyDown: it,
-									"aria-label": "Jump to page",
-									"data-testid": "record-picker-page-jump"
-								}),
-								/* @__PURE__ */ (0, D.jsx)(l, {
-									variant: "outline",
-									size: "icon",
-									className: "size-7",
-									onClick: rt,
-									disabled: H >= Z,
-									type: "button",
-									"aria-label": "Next page",
-									children: /* @__PURE__ */ (0, D.jsx)(C, { className: "size-4" })
-								})
-							]
-						})]
-					})
-				] }),
-				c && /* @__PURE__ */ (0, D.jsx)(re, { children: /* @__PURE__ */ (0, D.jsxs)("div", {
-					className: "flex items-center gap-2 w-full justify-between",
-					children: [/* @__PURE__ */ (0, D.jsxs)("span", {
-						className: "text-sm text-muted-foreground",
-						children: [Pe.size, " selected"]
-					}), /* @__PURE__ */ (0, D.jsxs)("div", {
-						className: "flex gap-2",
-						children: [/* @__PURE__ */ (0, D.jsx)(l, {
-							variant: "outline",
-							type: "button",
-							onClick: () => t(!1),
-							children: "Cancel"
-						}), /* @__PURE__ */ (0, D.jsx)(l, {
-							type: "button",
-							onClick: tt,
-							children: "Confirm"
-						})]
-					})]
-				}) })
-			]
-		})
-	});
-}
-//#endregion
-//#region src/widgets/_cell-renderer-bridge.ts
-var j;
-function M(e) {
-	j = e;
-}
-function N() {
-	return j;
-}
-//#endregion
-//#region src/widgets/LookupField.tsx
-var P = /* @__PURE__ */ e({ LookupField: () => I }), Ee = 50, De = E;
-function Oe(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 F(e) {
-	return {
-		text: "text",
-		number: "number",
-		currency: "number",
-		percent: "number",
-		select: "select",
-		status: "select",
-		date: "date",
-		datetime: "date",
-		boolean: "boolean"
-	}[e];
-}
-function I({ value: e, onChange: t, field: ee, readonly: te, ...ne }) {
-	let [re, u] = s(!1), [d, p] = s(""), [se, ce] = s([]), [le, ue] = s(!1), [m, h] = s(null), [g, de] = s(0), _ = o(null), [v, fe] = s([]), [y, pe] = s(-1), he = 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, ge = S?.options || [], C = S?.multiple || !1, w = S?.display_field || S?.reference_field || "name", E = S?.description_field, O = S?.id_field || "id", k = S?.reference_to || S?.reference, xe = S?.lookup_columns, Se = S?.lookup_page_size, Ce = S?.lookup_filters, we = a(() => {
-		if (!xe) return;
-		let e = [];
-		for (let t of xe) if (typeof t == "object" && t.type) {
-			let n = F(t.type);
-			n && e.push({
-				field: t.field,
-				label: t.label,
-				type: n
-			});
-		}
-		return e.length > 0 ? e : void 0;
-	}, [xe]), Te = r(De)?.dataSource ?? null, j = ne.dataSource ?? b?.dataSource ?? S?.dataSource ?? Te, M = j != null && typeof j.find == "function" && !!k, P = ne.onCreateNew ?? b?.onCreateNew, [I, L] = s(!1), ke = M ? se : ge, R = a(() => {
-		if (M || !d) return ke;
-		let e = d.toLowerCase();
-		return ke.filter((t) => t.label.toLowerCase().includes(e) || t.description && t.description.toLowerCase().includes(e));
-	}, [
-		M,
-		ke,
-		d
-	]);
-	i(() => {
-		pe(-1);
-	}, [R.length]);
-	let z = n(async (e) => {
-		if (!(!j || !k)) {
-			ue(!0), h(null);
-			try {
-				let t = { $top: Ee };
-				e && e.trim() && (t.$search = e.trim());
-				let n = await j.find(k, t), r = n?.data ?? n ?? [];
-				ce(r.map((e) => Oe(e, w, O, E))), de(n?.total ?? r.length);
-			} catch (e) {
-				h(e instanceof Error ? e.message : String(e)), ce([]);
-			} finally {
-				ue(!1);
-			}
-		}
-	}, [
-		j,
-		k,
-		w,
-		O,
-		E
-	]);
-	i(() => {
-		re && M && z(d || void 0), re || (p(""), h(null), pe(-1));
-	}, [re]);
-	let B = n((e) => {
-		p(e), M && (_.current && clearTimeout(_.current), _.current = setTimeout(() => {
-			z(e || void 0);
-		}, 300));
-	}, [M, z]);
-	i(() => () => {
-		_.current && clearTimeout(_.current);
-	}, []);
-	let Ae = n((e) => ge.find((t) => t.value === e) ?? se.find((t) => t.value === e) ?? v.find((t) => t.value === e), [
-		ge,
-		se,
-		v
-	]), V = C ? (Array.isArray(e) ? e : []).map(Ae).filter(Boolean) : e ? [Ae(e)].filter(Boolean) : [], je = n((n) => {
-		if (C) {
-			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), u(!1);
-	}, [
-		C,
-		e,
-		t
-	]), H = (n) => {
-		t(C ? (Array.isArray(e) ? e : []).filter((e) => e !== n) : null);
-	}, U = n((e) => {
-		fe(e.map((e) => Oe(e, w, O, E)));
-	}, [
-		w,
-		O,
-		E
-	]), W = n((e) => {
-		e.key === "ArrowDown" ? (e.preventDefault(), pe((e) => e < R.length - 1 ? e + 1 : e)) : e.key === "ArrowUp" ? (e.preventDefault(), pe((e) => e > 0 ? e - 1 : 0)) : e.key === "Enter" && (e.preventDefault(), y >= 0 && y < R.length && je(R[y]));
-	}, [
-		R,
-		y,
-		je
-	]);
-	return i(() => {
-		y >= 0 && he.current && he.current.querySelector(`[data-lookup-index="${y}"]`)?.scrollIntoView({ block: "nearest" });
-	}, [y]), te ? V.length ? C ? /* @__PURE__ */ (0, D.jsx)("div", {
-		className: "flex flex-wrap gap-1",
-		children: V.map((e, t) => /* @__PURE__ */ (0, D.jsx)(c, {
-			variant: "outline",
-			children: e?.[w] || e?.label
-		}, t))
-	}) : /* @__PURE__ */ (0, D.jsx)("span", {
-		className: "text-sm",
-		children: V[0]?.[w] || V[0]?.label
-	}) : /* @__PURE__ */ (0, D.jsx)("span", {
-		className: "text-sm",
-		children: "-"
-	}) : /* @__PURE__ */ (0, D.jsxs)("div", {
-		className: "space-y-2",
-		children: [
-			V.length > 0 && /* @__PURE__ */ (0, D.jsx)("div", {
-				className: "flex flex-wrap gap-1",
-				children: V.map((e, t) => /* @__PURE__ */ (0, D.jsxs)(c, {
-					variant: "outline",
-					className: "gap-1",
-					children: [e?.[w] || e?.label, /* @__PURE__ */ (0, D.jsx)("button", {
-						onClick: () => H(e?.value),
-						className: "ml-1 hover:text-destructive",
-						type: "button",
-						"aria-label": `Remove ${e?.[w] || e?.label}`,
-						children: /* @__PURE__ */ (0, D.jsx)(be, { className: "size-3" })
-					})]
-				}, t))
-			}),
-			/* @__PURE__ */ (0, D.jsxs)("div", {
-				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ (0, D.jsxs)(ie, {
-					open: re,
-					onOpenChange: u,
-					children: [/* @__PURE__ */ (0, D.jsx)(oe, {
-						asChild: !0,
-						children: /* @__PURE__ */ (0, D.jsxs)(l, {
-							variant: "outline",
-							className: "min-w-0 flex-1 justify-start text-left font-normal",
-							type: "button",
-							children: [/* @__PURE__ */ (0, D.jsx)(ye, { className: "mr-2 size-4" }), V.length === 0 ? b?.placeholder || "Select..." : C ? `${V.length} selected` : "Change selection"]
-						})
-					}), /* @__PURE__ */ (0, D.jsxs)(ae, {
-						className: "w-[var(--radix-popover-trigger-width)] p-0",
-						align: "start",
-						children: [
-							/* @__PURE__ */ (0, D.jsx)("div", {
-								className: "p-2",
-								children: /* @__PURE__ */ (0, D.jsxs)("div", {
-									className: "relative",
-									children: [
-										/* @__PURE__ */ (0, D.jsx)(ye, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
-										/* @__PURE__ */ (0, D.jsx)(f, {
-											placeholder: "Search...",
-											value: d,
-											onChange: (e) => B(e.target.value),
-											onKeyDown: W,
-											className: "w-full pl-9 h-8 text-sm"
-										}),
-										le && /* @__PURE__ */ (0, D.jsx)(_e, {
-											className: "absolute right-3 top-1/2 -translate-y-1/2 size-4 animate-spin text-muted-foreground",
-											"data-testid": "lookup-loading"
-										})
-									]
-								})
-							}),
-							m && /* @__PURE__ */ (0, D.jsxs)("div", {
-								className: "flex flex-col items-center gap-2 py-4 px-2",
-								role: "alert",
-								children: [
-									/* @__PURE__ */ (0, D.jsx)(me, { className: "size-5 text-destructive" }),
-									/* @__PURE__ */ (0, D.jsx)("p", {
-										className: "text-sm text-destructive",
-										children: m
-									}),
-									/* @__PURE__ */ (0, D.jsx)(l, {
-										variant: "outline",
-										size: "sm",
-										onClick: () => z(d || void 0),
-										type: "button",
-										children: "Retry"
-									})
-								]
-							}),
-							le && R.length === 0 && !m && /* @__PURE__ */ (0, D.jsxs)("div", {
-								className: "flex flex-col items-center gap-2 py-6",
-								role: "status",
-								"aria-live": "polite",
-								children: [/* @__PURE__ */ (0, D.jsx)(_e, { className: "size-6 animate-spin text-muted-foreground" }), /* @__PURE__ */ (0, D.jsx)("p", {
-									className: "text-sm text-muted-foreground",
-									children: "Loading…"
-								})]
-							}),
-							!m && !(le && R.length === 0) && /* @__PURE__ */ (0, D.jsx)("div", {
-								ref: he,
-								className: "max-h-64 overflow-y-auto px-1 pb-1",
-								role: "listbox",
-								children: R.length === 0 ? /* @__PURE__ */ (0, D.jsxs)("div", {
-									className: "py-4 text-center",
-									children: [/* @__PURE__ */ (0, D.jsx)("p", {
-										className: "text-sm text-muted-foreground",
-										children: "No options found"
-									}), P && /* @__PURE__ */ (0, D.jsxs)(l, {
-										variant: "ghost",
-										size: "sm",
-										className: "mt-2 gap-1",
-										type: "button",
-										onClick: () => {
-											P(d), u(!1);
-										},
-										children: [/* @__PURE__ */ (0, D.jsx)(ve, { className: "size-4" }), "Create new"]
-									})]
-								}) : /* @__PURE__ */ (0, D.jsxs)(D.Fragment, { children: [
-									R.map((t, n) => {
-										let r = C ? (Array.isArray(e) ? e : []).includes(t.value) : e === t.value, i = n === y;
-										return /* @__PURE__ */ (0, D.jsxs)("button", {
-											"data-lookup-index": n,
-											role: "option",
-											"aria-selected": r,
-											onClick: () => je(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" : ""}`,
-											type: "button",
-											children: [/* @__PURE__ */ (0, D.jsxs)("div", {
-												className: "min-w-0 flex-1",
-												children: [/* @__PURE__ */ (0, D.jsx)("span", {
-													className: "block truncate",
-													children: t.label
-												}), t.description && /* @__PURE__ */ (0, D.jsx)("span", {
-													className: "block truncate text-xs text-muted-foreground",
-													children: t.description
-												})]
-											}), r && /* @__PURE__ */ (0, D.jsx)(c, {
-												variant: "default",
-												className: "ml-2 shrink-0",
-												children: "Selected"
-											})]
-										}, t.value);
-									}),
-									M && g > R.length && /* @__PURE__ */ (0, D.jsxs)("p", {
-										className: "text-xs text-muted-foreground text-center py-2",
-										children: [
-											"Showing ",
-											R.length,
-											" of ",
-											g,
-											" results."
-										]
-									}),
-									M && g > R.length && /* @__PURE__ */ (0, D.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: () => {
-											u(!1), L(!0);
-										},
-										"data-testid": "show-all-results",
-										children: [
-											/* @__PURE__ */ (0, D.jsx)(T, { className: "size-3.5" }),
-											"Show All Results (",
-											g,
-											")"
-										]
-									}),
-									P && /* @__PURE__ */ (0, D.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(d), u(!1);
-										},
-										children: [
-											/* @__PURE__ */ (0, D.jsx)(ve, { className: "size-3.5" }),
-											"Create new",
-											d ? ` "${d}"` : ""
-										]
-									})
-								] })
-							})
-						]
-					})]
-				}), M && /* @__PURE__ */ (0, D.jsx)(l, {
-					variant: "outline",
-					size: "icon",
-					className: "shrink-0",
-					type: "button",
-					onClick: () => L(!0),
-					"aria-label": "Browse all records",
-					title: "Browse all records",
-					"data-testid": "browse-all-records",
-					children: /* @__PURE__ */ (0, D.jsx)(T, { className: "size-4" })
-				})]
-			}),
-			M && j && k && /* @__PURE__ */ (0, D.jsx)(A, {
-				open: I,
-				onOpenChange: L,
-				title: b?.label || "Select",
-				multiple: C,
-				dataSource: j,
-				objectName: k,
-				columns: xe,
-				displayField: w,
-				idField: O,
-				pageSize: Se,
-				value: e,
-				onSelect: t,
-				onSelectRecords: U,
-				lookupFilters: Ce,
-				cellRenderer: N(),
-				filterColumns: we
-			})
-		]
-	});
-}
-//#endregion
-export { A as i, P as n, M as r, I as t };