@declarion/react 0.106.0 → 0.109.0

package/dist-lib/components/detail-layout/widgets/EntityScorecardWidget.js

@@ -1,69 +1,71 @@
 import { formatOffsetTimestamp as e } from "../../../lib/timestamp.js";
 import { failureTitle as t } from "../../../lib/failure.js";
 import { useText as n } from "../../../hooks/useText.js";
-import { useTabNavigate as r } from "../../../hooks/useTabNavigate.js";
-import { useEntityData as i } from "../../../hooks/useEntityData.js";
-import { useEffect as a, useMemo as o, useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { RetryButton as r } from "../../primitives/RetryButton.js";
+import { readDisplayState as i } from "../../../lib/read-display-state.js";
+import { useTabNavigate as a } from "../../../hooks/useTabNavigate.js";
+import { useEntityData as o } from "../../../hooks/useEntityData.js";
+import { useEffect as s, useMemo as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/detail-layout/widgets/EntityScorecardWidget.tsx
-function d(e) {
+function p(e) {
 	return e && typeof e == "object" && !Array.isArray(e) ? e : void 0;
 }
-function f(e) {
-	let t = d(e);
+function m(e) {
+	let t = p(e);
 	if (!t) return;
 	let n = Object.entries(t).filter((e) => typeof e[1] == "string");
 	return n.length > 0 ? Object.fromEntries(n) : void 0;
 }
-function p(e) {
+function h(e) {
 	return Array.isArray(e) ? e.flatMap((e) => {
-		let t = d(e);
+		let t = p(e);
 		return !t || typeof t.field != "string" ? [] : [{
 			field: t.field,
-			label: f(t.label),
+			label: m(t.label),
 			format: t.format
 		}];
 	}) : [];
 }
-function m(e) {
+function g(e) {
 	if (!e || typeof e.entity != "string" || typeof e.scope_field != "string" || typeof e.window_field != "string") return;
 	let t = Array.isArray(e.windows) ? e.windows.flatMap((e) => {
-		let t = d(e);
+		let t = p(e);
 		return t && typeof t.code == "string" ? [{
 			code: t.code,
-			label: f(t.label)
+			label: m(t.label)
 		}] : [];
 	}) : [], n = Array.isArray(e.metrics) ? e.metrics.flatMap((e) => {
-		let t = d(e);
+		let t = p(e);
 		if (!t || typeof t.field != "string") return [];
-		let n = d(t.filtered);
+		let n = p(t.filtered);
 		return [{
 			field: t.field,
-			label: f(t.label),
-			help: f(t.help),
+			label: m(t.label),
+			help: m(t.help),
 			format: t.format,
 			attention: t.attention === !0,
 			drillthrough_value: typeof t.drillthrough_value == "string" ? t.drillthrough_value : void 0,
 			drillthrough_filter: t.drillthrough_filter !== !1,
 			filtered: n && typeof n.field == "string" ? {
 				field: n.field,
-				where: d(n.where)
+				where: p(n.where)
 			} : void 0
 		}];
 	}) : [];
 	if (t.length === 0 || n.length === 0) return;
-	let r = d(e.breakdown), i = r && typeof r.entity == "string" && typeof r.scope_field == "string" && typeof r.window_field == "string" ? {
+	let r = p(e.breakdown), i = r && typeof r.entity == "string" && typeof r.scope_field == "string" && typeof r.window_field == "string" ? {
 		entity: r.entity,
 		scope_field: r.scope_field,
 		window_field: r.window_field,
 		filter_field: typeof r.filter_field == "string" ? r.filter_field : void 0,
-		filter_label: f(r.filter_label),
-		all_label: f(r.all_label),
-		empty_label: f(r.empty_label),
-		columns: p(r.columns),
+		filter_label: m(r.filter_label),
+		all_label: m(r.all_label),
+		empty_label: m(r.empty_label),
+		columns: h(r.columns),
 		sort: typeof r.sort == "string" ? r.sort : void 0,
 		limit: typeof r.limit == "number" ? Math.min(500, Math.max(1, r.limit)) : 200
-	} : void 0, a = d(e.drillthrough), o = a && typeof a.route == "string" && typeof a.scope_field == "string" && typeof a.window_field == "string" ? {
+	} : void 0, a = p(e.drillthrough), o = a && typeof a.route == "string" && typeof a.scope_field == "string" && typeof a.window_field == "string" ? {
 		route: a.route,
 		scope_field: a.scope_field,
 		window_field: a.window_field,
@@ -77,15 +79,15 @@ function m(e) {
 		windows: t,
 		default_window: typeof e.default_window == "string" ? e.default_window : void 0,
 		metrics: n,
-		title: f(e.title),
-		description: f(e.description),
-		intended_note: f(e.intended_note),
-		empty_label: f(e.empty_label),
+		title: m(e.title),
+		description: m(e.description),
+		intended_note: m(e.intended_note),
+		empty_label: m(e.empty_label),
 		breakdown: i,
 		drillthrough: o
 	};
 }
-function h(e, t) {
+function _(e, t) {
 	let n = (e, n) => new Intl.NumberFormat(t, {
 		style: "unit",
 		unit: e,
@@ -93,7 +95,7 @@ function h(e, t) {
 	}).format(n);
 	return e >= 86400 ? n("day", Math.floor(e / 86400)) : e >= 3600 ? n("hour", Math.floor(e / 3600)) : e >= 60 ? n("minute", Math.floor(e / 60)) : n("second", Math.max(0, Math.floor(e)));
 }
-function g(t, n, r) {
+function v(t, n, r) {
 	let i = t("record.scorecard.not_available", "N/A"), a = t.language;
 	if (n == null || n === "") return i;
 	if (r === "number") return new Intl.NumberFormat(a).format(Number(n));
@@ -103,7 +105,7 @@ function g(t, n, r) {
 	}).format(Number(n));
 	if (r === "duration_seconds") {
 		let e = Number(n);
-		return Number.isFinite(e) ? h(e, a) : i;
+		return Number.isFinite(e) ? _(e, a) : i;
 	}
 	if (r === "timestamp") {
 		if (typeof n != "string" && typeof n != "number" && !(n instanceof Date)) return i;
@@ -112,116 +114,116 @@ function g(t, n, r) {
 	}
 	return typeof n == "string" ? n : typeof n == "number" || typeof n == "bigint" || typeof n == "boolean" ? String(n) : i;
 }
-function _(e, t) {
+function y(e, t) {
 	return typeof e.id == "string" || typeof e.id == "number" ? String(e.id) : `row-${t}`;
 }
-function v(e, t) {
+function b(e, t) {
 	return !t || Object.entries(t).every(([t, n]) => e[t] === n);
 }
-function y({ values: e, options: d }) {
-	let f = n(), p = n("errors"), h = o(() => m(d), [d]), y = r(), b = e.scope, x = h?.windows.some((e) => e.code === h.default_window) ? h.default_window : h?.windows[0]?.code ?? "", [S, C] = s(x), [w, T] = s("");
-	a(() => {
-		C(x);
-	}, [x]), a(() => {
-		T("");
-	}, [S]);
-	let E = h ? [{
-		field: h.scope_field,
+function x({ values: e, options: p }) {
+	let m = n(), h = n("errors"), _ = c(() => g(p), [p]), x = a(), S = e.scope, C = _?.windows.some((e) => e.code === _.default_window) ? _.default_window : _?.windows[0]?.code ?? "", [w, T] = l(C), [E, D] = l("");
+	s(() => {
+		T(C);
+	}, [C]), s(() => {
+		D("");
+	}, [w]);
+	let O = _ ? [{
+		field: _.scope_field,
 		op: "eq",
-		value: b
+		value: S
 	}, {
-		field: h.window_field,
+		field: _.window_field,
 		op: "eq",
-		value: S
-	}] : [], D = i(h?.entity, {
+		value: w
+	}] : [], k = o(_?.entity, {
 		per_page: 1,
-		filters: E
-	}, !!(h && b && S)), O = h?.breakdown, k = O ? [{
-		field: O.scope_field,
+		filters: O
+	}, !!(_ && S && w)), A = _?.breakdown, j = A ? [{
+		field: A.scope_field,
 		op: "eq",
-		value: b
+		value: S
 	}, {
-		field: O.window_field,
+		field: A.window_field,
 		op: "eq",
-		value: S
-	}] : [], A = i(O?.entity, {
-		per_page: O?.limit ?? 200,
-		sort: O?.sort,
-		filters: k
-	}, !!(O && b && S));
-	if (!h || !b) return /* @__PURE__ */ l("div", {
+		value: w
+	}] : [], M = o(A?.entity, {
+		per_page: A?.limit ?? 200,
+		sort: A?.sort,
+		filters: j
+	}, !!(A && S && w));
+	if (!_ || !S) return /* @__PURE__ */ d("div", {
 		role: "alert",
 		className: "rounded border border-destructive p-3 text-sm text-destructive",
-		children: p("record.scorecard_config_invalid", "Invalid entity_scorecard configuration.")
+		children: h("record.scorecard_config_invalid", "Invalid entity_scorecard configuration.")
 	});
-	let j = D.data?.data?.[0], M = A.data?.data ?? [], N = O?.filter_field ? Array.from(new Set(M.map((e) => e[O.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], P = w && O?.filter_field ? M.filter((e) => e[O.filter_field] === w) : M, F = (e) => !w || !e.filtered || !O?.filter_field ? j?.[e.field] : M.find((t) => t[O.filter_field] === w && v(t, e.filtered?.where))?.[e.filtered.field], I = (e) => {
-		let t = h.drillthrough;
+	let N = k.data?.data?.[0], P = M.data?.data ?? [], F = A?.filter_field ? Array.from(new Set(P.map((e) => e[A.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], I = E && A?.filter_field ? P.filter((e) => e[A.filter_field] === E) : P, L = (e) => !E || !e.filtered || !A?.filter_field ? N?.[e.field] : P.find((t) => t[A.filter_field] === E && b(t, e.filtered?.where))?.[e.filtered.field], R = (e) => {
+		let t = _.drillthrough;
 		if (!t || !e.drillthrough_value) return;
 		let n = [{
 			field: t.scope_field,
 			op: "eq",
-			value: b
+			value: S
 		}, {
 			field: t.window_field,
 			op: "eq",
-			value: S
+			value: w
 		}];
-		t.filter_field && w && e.drillthrough_filter !== !1 && n.push({
+		t.filter_field && E && e.drillthrough_filter !== !1 && n.push({
 			field: t.filter_field,
 			op: "eq",
-			value: w
+			value: E
 		}), t.metric_field && n.push({
 			field: t.metric_field,
 			op: "eq",
 			value: e.drillthrough_value
-		}), y(t.route, { search: new URLSearchParams({ filters: JSON.stringify(n) }).toString() });
-	}, L = D.error ?? A.error, R = f(O?.filter_label) || f("record.scorecard.filter", "Filter");
-	return /* @__PURE__ */ u("div", {
+		}), x(t.route, { search: new URLSearchParams({ filters: JSON.stringify(n) }).toString() });
+	}, z = i(k), B = i(M), V = z.error === null ? B.error === null ? null : B : z, H = V?.error, U = m(A?.filter_label) || m("record.scorecard.filter", "Filter");
+	return /* @__PURE__ */ f("div", {
 		className: "flex min-w-0 flex-col gap-4",
-		"aria-label": f(h.title) || f("record.scorecard.title", "Scorecard"),
+		"aria-label": m(_.title) || m("record.scorecard.title", "Scorecard"),
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ f("div", {
 				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "min-w-0",
 					children: [
-						h.title && /* @__PURE__ */ l("h3", {
+						_.title && /* @__PURE__ */ d("h3", {
 							className: "text-base font-semibold text-foreground",
-							children: f(h.title)
+							children: m(_.title)
 						}),
-						h.description && /* @__PURE__ */ l("p", {
+						_.description && /* @__PURE__ */ d("p", {
 							className: "mt-1 text-sm text-muted-foreground",
-							children: f(h.description)
+							children: m(_.description)
 						}),
-						h.intended_note && /* @__PURE__ */ l("p", {
+						_.intended_note && /* @__PURE__ */ d("p", {
 							className: "mt-1 text-xs text-muted-foreground",
-							children: f(h.intended_note)
+							children: m(_.intended_note)
 						})
 					]
-				}), /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ f("div", {
 					className: "flex flex-wrap items-center gap-2",
-					children: [/* @__PURE__ */ l("div", {
+					children: [/* @__PURE__ */ d("div", {
 						role: "group",
-						"aria-label": f("record.scorecard.window", "Scorecard window"),
+						"aria-label": m("record.scorecard.window", "Scorecard window"),
 						className: "inline-flex rounded border border-border p-1",
-						children: h.windows.map((e) => /* @__PURE__ */ l("button", {
+						children: _.windows.map((e) => /* @__PURE__ */ d("button", {
 							type: "button",
-							"aria-pressed": S === e.code,
-							onClick: () => C(e.code),
-							className: `rounded px-3 py-1.5 text-xs font-medium ${S === e.code ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
-							children: f(e.label) || e.code
+							"aria-pressed": w === e.code,
+							onClick: () => T(e.code),
+							className: `rounded px-3 py-1.5 text-xs font-medium ${w === e.code ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
+							children: m(e.label) || e.code
 						}, e.code))
-					}), O?.filter_field && /* @__PURE__ */ u("label", {
+					}), A?.filter_field && /* @__PURE__ */ f("label", {
 						className: "flex items-center gap-2 text-xs text-muted-foreground",
-						children: [R, /* @__PURE__ */ u("select", {
-							"aria-label": R,
-							value: w,
-							onChange: (e) => T(e.target.value),
+						children: [U, /* @__PURE__ */ f("select", {
+							"aria-label": U,
+							value: E,
+							onChange: (e) => D(e.target.value),
 							className: "rounded border border-border bg-background px-2 py-1.5 text-foreground",
-							children: [/* @__PURE__ */ l("option", {
+							children: [/* @__PURE__ */ d("option", {
 								value: "",
-								children: f(O.all_label) || f("record.scorecard.all", "All")
-							}), N.map((e) => /* @__PURE__ */ l("option", {
+								children: m(A.all_label) || m("record.scorecard.all", "All")
+							}), F.map((e) => /* @__PURE__ */ d("option", {
 								value: e,
 								children: e
 							}, e))]
@@ -229,63 +231,67 @@ function y({ values: e, options: d }) {
 					})]
 				})]
 			}),
-			L && /* @__PURE__ */ l("div", {
+			V && /* @__PURE__ */ f("div", {
 				role: "alert",
 				className: "rounded border border-destructive p-3 text-sm text-destructive",
-				children: t(p, L)
+				children: [
+					t(h, H),
+					" ",
+					/* @__PURE__ */ d(r, { onRetry: V.retry })
+				]
 			}),
-			!L && !D.isLoading && !j && /* @__PURE__ */ l("div", {
+			!V && !z.loading && !N && /* @__PURE__ */ d("div", {
 				className: "rounded border border-border p-6 text-center text-sm text-muted-foreground",
-				children: f(h.empty_label) || f("record.scorecard.empty", "No scorecard data.")
+				children: m(_.empty_label) || m("record.scorecard.empty", "No scorecard data.")
 			}),
-			j && /* @__PURE__ */ l("div", {
+			N && /* @__PURE__ */ d("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
-				children: h.metrics.map((e) => {
-					let t = F(e), n = !!(h.drillthrough && e.drillthrough_value), r = /* @__PURE__ */ u(c, { children: [
-						/* @__PURE__ */ l("span", {
+				children: _.metrics.map((e) => {
+					let t = L(e), n = !!(_.drillthrough && e.drillthrough_value), r = /* @__PURE__ */ f(u, { children: [
+						/* @__PURE__ */ d("span", {
 							className: "text-xs font-medium text-muted-foreground",
-							children: f(e.label) || e.field
+							children: m(e.label) || e.field
 						}),
-						/* @__PURE__ */ l("strong", {
+						/* @__PURE__ */ d("strong", {
 							className: `mt-2 block text-2xl font-semibold ${e.attention && Number(t) > 0 ? "text-destructive" : "text-foreground"}`,
-							children: g(f, t, e.format)
+							children: v(m, t, e.format)
 						}),
-						e.help && /* @__PURE__ */ l("span", {
+						e.help && /* @__PURE__ */ d("span", {
 							className: "mt-1 block text-xs text-muted-foreground",
-							children: f(e.help)
+							children: m(e.help)
 						})
 					] });
-					return n ? /* @__PURE__ */ l("button", {
+					return n ? /* @__PURE__ */ d("button", {
 						type: "button",
-						onClick: () => I(e),
+						onClick: () => R(e),
 						className: "rounded border border-border bg-card p-3 text-left hover:bg-surface",
 						children: r
-					}, e.field) : /* @__PURE__ */ l("article", {
+					}, e.field) : /* @__PURE__ */ d("article", {
 						className: "rounded border border-border bg-card p-3",
 						children: r
 					}, e.field);
 				})
 			}),
-			O && /* @__PURE__ */ l("div", {
+			A && /* @__PURE__ */ d("div", {
 				className: "min-w-0 overflow-x-auto rounded border border-border",
-				children: /* @__PURE__ */ u("table", {
+				children: /* @__PURE__ */ f("table", {
 					className: "w-full border-collapse text-sm",
-					children: [/* @__PURE__ */ l("thead", {
+					children: [/* @__PURE__ */ d("thead", {
 						className: "bg-surface text-left text-xs text-muted-foreground",
-						children: /* @__PURE__ */ l("tr", { children: O.columns.map((e) => /* @__PURE__ */ l("th", {
+						children: /* @__PURE__ */ d("tr", { children: A.columns.map((e) => /* @__PURE__ */ d("th", {
 							className: "border-b border-divider px-3 py-2 font-medium",
-							children: f(e.label) || e.field
+							children: m(e.label) || e.field
 						}, e.field)) })
-					}), /* @__PURE__ */ u("tbody", { children: [P.map((e, t) => /* @__PURE__ */ l("tr", {
+					}), /* @__PURE__ */ f("tbody", { children: [I.map((e, t) => /* @__PURE__ */ d("tr", {
 						className: "border-b border-divider last:border-0",
-						children: O.columns.map((t) => /* @__PURE__ */ l("td", {
+						children: A.columns.map((t) => /* @__PURE__ */ d("td", {
 							className: "px-3 py-2 text-foreground",
-							children: g(f, e[t.field], t.format)
+							children: v(m, e[t.field], t.format)
 						}, t.field))
-					}, _(e, t))), !A.isLoading && P.length === 0 && /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", {
-						colSpan: Math.max(1, O.columns.length),
+					}, y(e, t))), !B.loading && I.length === 0 && /* @__PURE__ */ d("tr", { children: /* @__PURE__ */ d("td", {
+						colSpan: Math.max(1, A.columns.length),
 						className: "px-3 py-6 text-center text-muted-foreground",
-						children: f(O.empty_label) || f("record.scorecard.breakdown_empty", "No breakdown rows.")
+						children: m(A.empty_label) || m("record.scorecard.breakdown_empty", "No breakdown rows.")
 					}) })] })]
 				})
 			})
@@ -293,4 +299,4 @@ function y({ values: e, options: d }) {
 	});
 }
 //#endregion
-export { y as EntityScorecardWidget };
+export { x as EntityScorecardWidget };

package/dist-lib/components/fields/RefCombobox.js

@@ -1,75 +1,77 @@
 import { coerceDisplayString as e } from "../../lib/display-value.js";
 import { getPrimaryKeyFields as t, resolveRefRecordLabel as n } from "../../types/schema.js";
 import { useText as r } from "../../hooks/useText.js";
-import { Select as i } from "../primitives/Fields.js";
-import { useEntityData as a } from "../../hooks/useEntityData.js";
-import { useEntity as o } from "../../hooks/useEntity.js";
-import { readableFilters as s, readableSort as c } from "../../lib/field-classification.js";
-import { useDebounce as l } from "../../hooks/useDebounce.js";
-import { refChoicesEntity as u } from "../../lib/ref-choices.js";
+import { RetryButton as i } from "../primitives/RetryButton.js";
+import { Select as a } from "../primitives/Fields.js";
+import { readDisplayState as ee } from "../../lib/read-display-state.js";
+import { useEntityData as o } from "../../hooks/useEntityData.js";
+import { useEntity as s } from "../../hooks/useEntity.js";
+import { readableFilters as c, readableSort as l } from "../../lib/field-classification.js";
+import { useDebounce as u } from "../../hooks/useDebounce.js";
+import { refChoicesEntity as te } from "../../lib/ref-choices.js";
 import { useMemo as d, useRef as f, useState as p } from "react";
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/fields/RefCombobox.tsx
-var h = 200;
-function g({ ref: g, value: _, onChange: v, refs: y, displayFieldOverride: b, id: x, labelId: S, ariaLabel: C, required: w, placeholder: T, specialValues: E }) {
-	let D = r(), O = r("errors"), k = g?.entity, A = u(k), j = o(A), M = b ?? g?.display?.field ?? (j?.display?.display_template ? "$display" : j?.display?.display_field) ?? "$display", N = M === "$display" ? j?.display?.display_field : M, P = d(() => j ? t(j)[0] ?? "id" : "id", [j]), F = g?.field || P, [I, L] = p(""), R = l(I, 300), { data: z, isLoading: B, isError: V } = a(A, {
-		per_page: h,
-		sort: c(j, N ? `${N}:asc` : void 0),
+var g = 200;
+function _({ ref: _, value: v, onChange: y, refs: b, displayFieldOverride: ne, id: x, labelId: S, ariaLabel: C, required: w, placeholder: T, specialValues: E }) {
+	let D = r(), O = r("errors"), k = _?.entity, A = te(k), j = s(A), M = ne ?? _?.display?.field ?? (j?.display?.display_template ? "$display" : j?.display?.display_field) ?? "$display", N = M === "$display" ? j?.display?.display_field : M, P = d(() => j ? t(j)[0] ?? "id" : "id", [j]), F = _?.field || P, [I, L] = p(""), R = u(I, 300), z = o(A, {
+		per_page: g,
+		sort: l(j, N ? `${N}:asc` : void 0),
 		search: R || void 0,
-		filters: g?.options_filter && s(j, g.options_filter)
-	}), H = d(() => z?.data ?? [], [z?.data]), U = V ? O("record.ref_choices_unreadable", "The choices could not be loaded.") : T ?? D("field.select_placeholder", "Select…"), W = _ == null ? "" : e(_), G = d(() => H.some((e) => String(e[F]) === W), [
-		H,
+		filters: _?.options_filter && c(j, _.options_filter)
+	}), B = z.data, V = ee(z), H = V.loading, U = V.error !== null, W = d(() => B?.data ?? [], [B?.data]), G = U ? O("record.ref_choices_unreadable", "The choices could not be loaded.") : T ?? D("field.select_placeholder", "Select…"), K = v == null ? "" : e(v), q = d(() => W.some((e) => String(e[F]) === K), [
+		W,
 		F,
-		W
-	]), K = y && k ? y[k]?.[W] : void 0, q = !!E?.some((e) => e.code === W), { data: J } = a(W && !G && !q && !K && !B ? A : void 0, {
+		K
+	]), J = b && k ? b[k]?.[K] : void 0, Y = !!E?.some((e) => e.code === K), { data: X } = o(K && !q && !Y && !J && !H ? A : void 0, {
 		per_page: 1,
 		filters: [{
 			field: F,
 			op: "eq",
-			value: W
+			value: K
 		}]
-	}), Y = f(null), X = d(() => {
-		if (!W) return "";
+	}), Z = f(null), Q = d(() => {
+		if (!K) return "";
 		let e;
-		if (K) e = n(D, K, M, W);
+		if (J) e = n(D, J, M, K);
 		else {
-			let t = H.find((e) => String(e[F]) === W);
-			if (t) e = n(D, t, M, W);
+			let t = W.find((e) => String(e[F]) === K);
+			if (t) e = n(D, t, M, K);
 			else {
-				let t = J?.data?.find((e) => String(e[F]) === W);
-				t && (e = n(D, t, M, W));
+				let t = X?.data?.find((e) => String(e[F]) === K);
+				t && (e = n(D, t, M, K));
 			}
 		}
-		return e === void 0 ? Y.current?.value === W ? Y.current.label : W : (Y.current = {
-			value: W,
+		return e === void 0 ? Z.current?.value === K ? Z.current.label : K : (Z.current = {
+			value: K,
 			label: e
 		}, e);
 	}, [
 		D,
-		W,
 		K,
-		H,
+		J,
+		W,
 		F,
 		M,
-		J
-	]), Z = d(() => {
+		X
+	]), re = d(() => {
 		let t = (E ?? []).map((e) => ({
 			value: e.code,
 			label: D(e.label) || e.code
-		})), r = H.map((t) => {
+		})), r = W.map((t) => {
 			let r = e(t[F]);
 			return {
 				value: r,
 				label: n(D, t, M, r)
 			};
-		}), i = W && !G && !q ? [{
-			value: W,
-			label: X
+		}), i = K && !q && !Y ? [{
+			value: K,
+			label: Q
 		}] : [], a = r.length > 0 || i.length > 0;
 		return [
 			{
 				value: "",
-				label: U
+				label: G
 			},
 			...t.length > 0 ? [{
 				value: "",
@@ -86,27 +88,30 @@ function g({ ref: g, value: _, onChange: v, refs: y, displayFieldOverride: b, id
 		];
 	}, [
 		D,
-		U,
-		E,
-		W,
 		G,
+		E,
+		K,
 		q,
-		X,
-		H,
+		Y,
+		Q,
+		W,
 		F,
 		M
-	]);
-	return /* @__PURE__ */ m(i, {
+	]), $ = /* @__PURE__ */ m(a, {
 		id: x,
 		"aria-label": C,
 		"aria-labelledby": S,
 		"aria-required": w || void 0,
-		value: W,
-		options: Z,
-		onChange: (e) => v(e || null),
+		value: K,
+		options: re,
+		onChange: (e) => y(e || null),
 		onSearchChange: L,
-		placeholder: U
+		placeholder: G
 	});
+	return U ? /* @__PURE__ */ h("span", {
+		className: "inline-flex items-center gap-2",
+		children: [$, /* @__PURE__ */ m(i, { onRetry: V.retry })]
+	}) : $;
 }
 //#endregion
-export { g as RefCombobox };
+export { _ as RefCombobox };

package/dist-lib/components/fields/index.js

@@ -42,6 +42,7 @@ var w = {
 	bytes: t,
 	ref: u,
 	file_ref: b,
+	folder_ref: t,
 	json: d,
 	tags: t,
 	string_array: _,