@object-ui/plugin-detail 3.1.2 → 3.1.4

package/dist/LookupField-BjwlDPtt.js

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