@declarion/react 0.61.1 → 0.63.0

package/dist-lib/FilterChips-8fMDBXHp.js

@@ -0,0 +1,1031 @@
+import { Xt as e, wn as t, wt as n, xt as r } from "./useCurrentScreen--UovgvRj.js";
+import { t as i } from "./Icons-lt-7lhYR.js";
+import { n as a, r as o } from "./CopyButton-C0iEvaT1.js";
+import { L as s, U as c, X as l, et as u, k as d, q as f } from "./PropertyGridEditor-BTjscqfz.js";
+import { t as p } from "./DynamicIcon-DuBSz6TZ.js";
+import { r as m } from "./useOwnRefresh-DkOuM4yo.js";
+import { Fragment as h, useEffect as g, useLayoutEffect as _, useMemo as v, useState as y } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useSearchParams as C } from "react-router";
+//#region src/lib/filters.ts
+var w = /* @__PURE__ */ new Set([
+	"is_empty",
+	"is_not_empty",
+	"today",
+	"this_week",
+	"this_month",
+	"last_7_days",
+	"last_30_days",
+	"last_hour",
+	"last_24_hours"
+]), T = /* @__PURE__ */ new Set(["in", "not_in"]), E = {
+	eq: "is",
+	not_eq: "is not",
+	gt: ">",
+	gte: ">=",
+	lt: "<",
+	lte: "<=",
+	in: "is any of",
+	not_in: "is none of",
+	between: "between",
+	contains: "contains",
+	starts_with: "starts with",
+	is_empty: "is empty",
+	is_not_empty: "is not empty",
+	today: "today",
+	this_week: "this week",
+	this_month: "this month",
+	last_7_days: "last 7 days",
+	last_30_days: "last 30 days",
+	last_hour: "last hour",
+	last_24_hours: "last 24 hours"
+}, D = class extends Error {
+	code;
+	constructor(e, t) {
+		super(t), this.code = e, this.name = "FilterURLError";
+	}
+};
+function O(e) {
+	let t = e.get("filters");
+	if (t == null || t === "") return {
+		filters: [],
+		error: null,
+		errorCode: null
+	};
+	try {
+		return {
+			filters: k(e),
+			error: null,
+			errorCode: null
+		};
+	} catch (e) {
+		return {
+			filters: [],
+			error: String(e instanceof Error ? e.message : e),
+			errorCode: e instanceof D ? e.code : null
+		};
+	}
+}
+function k(e) {
+	let t = e.get("filters");
+	if (t == null || t === "") return [];
+	let n;
+	try {
+		n = JSON.parse(t);
+	} catch {
+		throw new D("filter.url_not_json", "The filters URL value is not valid JSON.");
+	}
+	if (!Array.isArray(n) || !n.every(I)) throw new D("filter.url_not_tree", "The filters URL value is not a valid filter tree.");
+	return n;
+}
+function A(e, t) {
+	return JSON.stringify(e) === JSON.stringify(t);
+}
+function j(e, t, n = []) {
+	A(e, n) ? t.delete("filters") : t.set("filters", JSON.stringify(e));
+}
+function M(e) {
+	return e.some((e) => !e || typeof e != "object" ? !1 : e.or != null || e.and != null && M(e.and));
+}
+function N(e) {
+	let t = [];
+	for (let n of e) n && typeof n == "object" && (n.field && n.op && t.push(n), n.or && t.push(...N(n.or)), n.and && t.push(...N(n.and)));
+	return t;
+}
+function P(e) {
+	return N(e).length;
+}
+function F(e, t) {
+	if (t.length === 0) return e;
+	let [n, ...r] = t;
+	return n < 0 || n >= e.length ? e : r.length === 0 ? e.filter((e, t) => t !== n) : e.flatMap((e, t) => {
+		if (t !== n) return [e];
+		let i = e.or ? "or" : e.and ? "and" : null;
+		if (!i) return [e];
+		let a = F(e[i], r);
+		return a.length === 0 ? [] : [{
+			...e,
+			[i]: a
+		}];
+	});
+}
+function I(e) {
+	if (typeof e != "object" || !e || Array.isArray(e)) return !1;
+	let t = e, n = Object.prototype.hasOwnProperty.call(t, "field"), r = Object.prototype.hasOwnProperty.call(t, "op"), i = Object.prototype.hasOwnProperty.call(t, "value"), a = Object.prototype.hasOwnProperty.call(t, "or"), o = Object.prototype.hasOwnProperty.call(t, "and");
+	if (a && o) return !1;
+	if (a || o) {
+		if (n || r || i) return !1;
+		let e = a ? t.or : t.and;
+		return Array.isArray(e) && e.length > 0 && e.every(I);
+	}
+	if (!(n && r && typeof t.field == "string" && t.field.length > 0 && typeof t.op == "string" && L.has(t.op))) return !1;
+	let s = t.op;
+	return w.has(s) ? !i || t.value === null : i && t.value !== null;
+}
+var L = new Set(Object.keys(E));
+//#endregion
+//#region src/hooks/useRegisterScreenTab.ts
+function R(t, n, r, i) {
+	let a = e();
+	g(() => {
+		t && !a.enabled && s.getState().openTab({
+			pathname: t,
+			search: i,
+			title: n,
+			icon: r,
+			closable: !0
+		});
+	}, [
+		t,
+		n,
+		r,
+		a.enabled
+	]);
+}
+function z(e, t, r) {
+	let i = n(), a = e?.route, o = t ? i(e?.display?.name) || i(t.display.name_plural) : "", s = e?.display?.icon || t?.display.icon;
+	R(t ? a : void 0, o, s, r);
+}
+//#endregion
+//#region src/hooks/useTabSearchMirror.ts
+function B(t) {
+	let n = e(), [r] = C();
+	_(() => {
+		if (!t || n.enabled) return;
+		let e = s.getState(), i = e.findTabByPathname(t);
+		i && e.updateTabSearch(i.id, r.toString());
+	}, [
+		r,
+		t,
+		n.enabled
+	]);
+}
+//#endregion
+//#region src/components/shared/EmptyState.tsx
+function V({ icon: e, title: t, description: n, action: r }) {
+	return /* @__PURE__ */ S("div", {
+		"data-testid": "empty-state",
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			padding: "64px 16px",
+			textAlign: "center"
+		},
+		children: [
+			e && /* @__PURE__ */ x("div", {
+				style: {
+					marginBottom: 16,
+					borderRadius: 999,
+					background: "var(--surface-3)",
+					padding: 16,
+					color: "var(--text-3)",
+					display: "inline-flex"
+				},
+				children: /* @__PURE__ */ x(p, {
+					name: e,
+					size: 32
+				})
+			}),
+			/* @__PURE__ */ x("h3", {
+				style: {
+					margin: 0,
+					fontSize: 15,
+					fontWeight: 600,
+					color: "var(--text)"
+				},
+				children: t
+			}),
+			n && /* @__PURE__ */ x("p", {
+				style: {
+					marginTop: 4,
+					fontSize: 12.5,
+					color: "var(--text-3)",
+					maxWidth: 420
+				},
+				children: n
+			}),
+			r && /* @__PURE__ */ x("div", {
+				style: { marginTop: 16 },
+				children: r
+			})
+		]
+	});
+}
+//#endregion
+//#region src/hooks/useJsonSnapshot.ts
+function H(e) {
+	let t = JSON.stringify(e);
+	return v(() => JSON.parse(t), [t]);
+}
+//#endregion
+//#region src/components/filters/filter-op-label.ts
+function U(e, t) {
+	let n = E[t];
+	return n ? e(`filter.op.${t}`, n) : t;
+}
+//#endregion
+//#region src/components/filters/FilterConditionValue.tsx
+function W({ node: e, resolveValue: r }) {
+	let i = n(), a = e.op, o = U(i, a);
+	if (w.has(a)) return /* @__PURE__ */ x(b, { children: o });
+	if (e.value === "" || Array.isArray(e.value) && e.value.length === 0) return /* @__PURE__ */ x(b, { children: `${o} ${JSON.stringify(e.value)}` });
+	let s = Array.isArray(e.value) ? e.value : [e.value];
+	return r ? /* @__PURE__ */ S(b, { children: [
+		o,
+		" ",
+		s.map((t, n) => {
+			let i = r(e.field, t);
+			return /* @__PURE__ */ S(h, { children: [n > 0 ? ", " : "", /* @__PURE__ */ x("span", { children: i.status === "loading" ? /* @__PURE__ */ x(G, {}) : i.label ?? i.raw })] }, n);
+		})
+	] }) : /* @__PURE__ */ x(b, { children: `${o} ${s.map(t).join(", ")}` });
+}
+function G() {
+	let e = n();
+	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("style", { children: m }), /* @__PURE__ */ x("span", {
+		"aria-label": e("filter.chips.loading", "loading"),
+		style: {
+			display: "inline-block",
+			width: 52,
+			height: "0.72em",
+			verticalAlign: "middle",
+			borderRadius: 4,
+			background: "linear-gradient(90deg, var(--surface-3) 0%, var(--surface-2) 40%, var(--surface-3) 80%)",
+			backgroundSize: "200% 100%",
+			animation: "declarion-shimmer 1.2s ease-in-out infinite"
+		}
+	})] });
+}
+//#endregion
+//#region src/components/filters/FilterDrawer.tsx
+function K({ open: e, onClose: t, filters: s, onApply: c, availableFields: l, allFields: u = l, fieldLabel: d = (e) => e, resolveValue: f, defaultFilters: p, refs: m }) {
+	let h = n(), _ = r().category === "phone", [C, w] = y(s), [T, E] = y(!1), [D, O, k] = H([
+		s,
+		p ?? [],
+		l.map(({ code: e, operators: t }) => ({
+			code: e,
+			operators: t
+		}))
+	]), A = v(() => D.length > 0 || !O?.length ? D : O.flatMap((e) => {
+		let t = k.find((t) => t.code === e);
+		return t ? [{
+			field: e,
+			op: t.operators[0] || "eq"
+		}] : [];
+	}), [
+		D,
+		O,
+		k
+	]);
+	if (g(() => {
+		e && w(A);
+	}, [e, A]), !e) return null;
+	let j = M(C), P = new Set(N(C).filter((e) => e.field).map((e) => e.field)), I = (e = C) => {
+		let t = new Set(N(e).map((e) => e.field).filter(Boolean)), n = l.find((e) => !t.has(e.code)) ?? l[0];
+		return n ? {
+			field: n.code,
+			op: n.operators[0] || "eq"
+		} : {};
+	}, L = (e) => {
+		let t = l.find((t) => t.code === e);
+		if (!t) return;
+		let n = t.operators[0] || "eq";
+		w((t) => [...t, {
+			field: e,
+			op: n
+		}]), E(!1);
+	}, R = () => {
+		let e = C.filter((e) => e.field && e.op), t = C.filter((e) => !e.field || !e.op), n = e.length === 1 ? e[0] : e.length > 1 ? { and: e } : {};
+		w([...t, { or: [n, {}] }]);
+	}, z = (e, t) => {
+		w((n) => Z(n, e, (e) => ({
+			...e,
+			...t
+		})));
+	}, B = (e, t) => {
+		w((n) => Q(n, e, t));
+	}, V = (e) => {
+		w((t) => F(t, e));
+	}, U = (e, t) => {
+		w((n) => Z(n, e, (e) => e.or ? {
+			...e,
+			or: [...e.or, t]
+		} : e.and ? {
+			...e,
+			and: [...e.and, t]
+		} : e));
+	}, G = (e, t) => {
+		let n = [...e, t], r = ae(C, n);
+		if (!r) return;
+		let i = I();
+		r.and ? U(n, i) : r.field || r.op || r.or ? B(n, { and: [r, i] }) : B(n, i);
+	}, K = (e, t) => {
+		if (e.or || e.and) return /* @__PURE__ */ x(ie, {
+			node: e,
+			renderNode: K,
+			onRemoveChild: V,
+			onAddCondition: (n) => {
+				e.or && n !== void 0 ? G(t, n) : U(t, I(e.or ?? e.and));
+			},
+			onAddBranch: () => U(t, {}),
+			path: t
+		}, t.join("-"));
+		if (!e.field || !e.op) return /* @__PURE__ */ x("div", { style: { minHeight: 4 } }, t.join("-"));
+		let n = l.find((t) => t.code === e.field);
+		if (!n || !n.operators.includes(e.op)) {
+			let r = u.find((t) => t.code === e.field)?.label ?? d(e.field);
+			return /* @__PURE__ */ S("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 6,
+					minWidth: 0
+				},
+				children: [
+					/* @__PURE__ */ S("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: 8,
+							minWidth: 0
+						},
+						children: [/* @__PURE__ */ x("strong", {
+							style: {
+								flex: 1,
+								overflowWrap: "anywhere"
+							},
+							children: r
+						}), /* @__PURE__ */ x(a, {
+							size: 22,
+							icon: /* @__PURE__ */ x(i.x, { size: 12 }),
+							onClick: () => V(t),
+							title: h("filter.drawer.remove_condition", "Remove {field} condition", { field: r })
+						})]
+					}),
+					/* @__PURE__ */ x("span", {
+						style: { overflowWrap: "anywhere" },
+						children: /* @__PURE__ */ x(W, {
+							node: e,
+							resolveValue: f
+						})
+					}),
+					/* @__PURE__ */ x("span", {
+						style: {
+							fontSize: 11,
+							color: "var(--text-3)"
+						},
+						children: n ? h("filter.drawer.operator_readonly", "This condition can't be edited here.") : h("filter.drawer.field_readonly", "This field can't be edited on this screen.")
+					})
+				]
+			}, t.join("-"));
+		}
+		return /* @__PURE__ */ x(re, {
+			node: e,
+			meta: n,
+			refs: m,
+			onUpdate: (e) => z(t, e),
+			onRemove: () => V(t)
+		}, t.join("-"));
+	};
+	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("div", {
+		onClick: t,
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--scrim-lite)",
+			zIndex: 40
+		}
+	}), /* @__PURE__ */ S("div", {
+		role: "dialog",
+		"aria-label": h("filter.drawer.title", "Filters"),
+		"aria-modal": "true",
+		"data-testid": "filter-drawer",
+		style: {
+			position: "fixed",
+			top: "calc(var(--topbar-h) + var(--safe-area-top))",
+			right: "var(--safe-area-right)",
+			width: "min(400px, calc(100vw - var(--safe-area-left) - var(--safe-area-right)))",
+			height: "calc(var(--app-height) - var(--topbar-h) - var(--safe-area-top) - var(--safe-area-bottom) - var(--tabbar-h))",
+			maxHeight: "calc(var(--app-height) - var(--topbar-h) - var(--safe-area-top) - var(--safe-area-bottom) - var(--tabbar-h))",
+			background: "var(--surface)",
+			borderLeft: "1px solid var(--border)",
+			boxShadow: "var(--shadow-lg)",
+			zIndex: 50,
+			display: "flex",
+			flexDirection: "column",
+			boxSizing: "border-box",
+			minWidth: 0,
+			overflow: "hidden"
+		},
+		children: [
+			/* @__PURE__ */ S("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "space-between",
+					padding: "10px 14px",
+					borderBottom: "1px solid var(--divider)"
+				},
+				children: [/* @__PURE__ */ S("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 8
+					},
+					children: [/* @__PURE__ */ x(i.filter, { size: 14 }), /* @__PURE__ */ x("h3", {
+						style: {
+							margin: 0,
+							fontSize: 13,
+							fontWeight: 600,
+							color: "var(--text)"
+						},
+						children: h("filter.drawer.title", "Filters")
+					})]
+				}), /* @__PURE__ */ x(a, {
+					icon: /* @__PURE__ */ x(i.x, { size: 14 }),
+					onClick: t,
+					title: h("filter.drawer.close", "Close")
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				style: {
+					flex: 1,
+					overflowY: "auto",
+					padding: 14,
+					display: "flex",
+					flexDirection: "column",
+					gap: 10,
+					minWidth: 0,
+					minHeight: 0
+				},
+				children: [C.map((e, t) => K(e, [t])), /* @__PURE__ */ x("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 6,
+						paddingTop: 6
+					},
+					children: T ? /* @__PURE__ */ x(oe, {
+						fields: l,
+						activeFields: P,
+						compact: _,
+						onSelect: L,
+						onCancel: () => E(!1)
+					}) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(o, {
+						icon: /* @__PURE__ */ x(i.plus, { size: 12 }),
+						onClick: () => E(!0),
+						children: h("filter.drawer.add_filter", "Add filter")
+					}), !j && N(C).length > 0 && /* @__PURE__ */ x(o, {
+						kind: "ghost",
+						icon: /* @__PURE__ */ x(i.plus, { size: 12 }),
+						onClick: R,
+						children: h("filter.drawer.add_or_group", "Add OR group")
+					})] })
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					padding: "10px 14px",
+					borderTop: "1px solid var(--divider)",
+					background: "var(--surface-2)",
+					gap: 6,
+					flexWrap: "wrap",
+					minWidth: 0,
+					paddingBottom: "calc(10px + var(--safe-area-bottom))"
+				},
+				children: [
+					/* @__PURE__ */ x(o, {
+						kind: "ghost",
+						onClick: () => {
+							w([]);
+						},
+						children: h("filter.drawer.reset", "Reset")
+					}),
+					/* @__PURE__ */ x("div", { style: { flex: 1 } }),
+					/* @__PURE__ */ x(o, {
+						onClick: t,
+						children: h("dialog.cancel", "Cancel")
+					}),
+					/* @__PURE__ */ x(o, {
+						kind: "primary",
+						onClick: () => {
+							c(q(C, (e) => {
+								let t = l.find((t) => t.code === e.field);
+								return !!t && !!e.op && t.operators.includes(e.op);
+							})), t();
+						},
+						children: h("filter.drawer.apply", "Apply")
+					})
+				]
+			})
+		]
+	})] });
+}
+function ee(e) {
+	return e == null || e === "" ? !1 : !Array.isArray(e) || e.length > 0;
+}
+function q(e, t) {
+	let n = [];
+	for (let r of e) if (r.or) {
+		let e = q(r.or, t);
+		e.length > 0 && n.push({
+			...r,
+			or: e
+		});
+	} else if (r.and) {
+		let e = q(r.and, t);
+		e.length > 0 && n.push({
+			...r,
+			and: e
+		});
+	} else r.field && r.op && (!t(r) || w.has(r.op) || ee(r.value)) && n.push(r);
+	return n;
+}
+function J(e, t) {
+	return !t || t.length === 0 ? [] : [
+		{
+			value: "",
+			label: e("filter.value.special", "Special values"),
+			heading: !0
+		},
+		...t.map((t) => ({
+			value: t.code,
+			label: e(t.label) || t.code
+		})),
+		{
+			value: "",
+			label: "",
+			divider: !0
+		}
+	];
+}
+var Y = "__custom__";
+function te({ meta: e, value: r, onUpdate: i }) {
+	let a = n(), o = e.specialValues ?? [], s = t(r), c = o.some((e) => e.code === s), [u, d] = y(!c && s !== "");
+	return u ? /* @__PURE__ */ x(l, {
+		"aria-label": a("filter.value.aria", "{field} filter value", { field: e.label }),
+		value: s,
+		onChange: (e) => i({ value: e }),
+		placeholder: a("filter.value.placeholder", "Value…"),
+		autoFocus: !0
+	}) : /* @__PURE__ */ x(f, {
+		"aria-label": a("filter.value.aria", "{field} filter value", { field: e.label }),
+		value: s,
+		options: [
+			{
+				value: "",
+				label: a("filter.value.select", "Select…")
+			},
+			...J(a, o),
+			{
+				value: Y,
+				label: a("filter.value.custom", "Custom value…")
+			}
+		],
+		onChange: (e) => {
+			e === Y ? (d(!0), i({ value: "" })) : i({ value: e });
+		}
+	});
+}
+function X(e) {
+	return Array.isArray(e) ? e.map((e) => t(e)) : e == null || e === "" ? [] : [t(e)];
+}
+function ne(e) {
+	return Array.isArray(e) ? e.length > 0 ? t(e[0]) : "" : t(e);
+}
+function re({ node: e, meta: r, refs: o, onUpdate: s, onRemove: u }) {
+	let p = n(), m = w.has(e.op), h = T.has(e.op), g = r.operators.map((e) => ({
+		value: e,
+		label: U(p, e)
+	})), _ = p("filter.value.aria", "{field} filter value", { field: r.label }), v = (t) => {
+		let n = T.has(e.op), r = T.has(t);
+		s(r === n ? { op: t } : {
+			op: t,
+			value: r ? X(e.value) : ne(e.value)
+		});
+	};
+	return /* @__PURE__ */ S("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 6,
+			minWidth: 0
+		},
+		children: [/* @__PURE__ */ S("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: 8,
+				minWidth: 0
+			},
+			children: [/* @__PURE__ */ x("span", {
+				style: {
+					flex: 1,
+					fontSize: 12.5,
+					fontWeight: 600,
+					color: "var(--text)",
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap",
+					minWidth: 0
+				},
+				title: r.label,
+				children: r.label
+			}), /* @__PURE__ */ x(a, {
+				size: 22,
+				icon: /* @__PURE__ */ x(i.x, { size: 12 }),
+				onClick: u,
+				title: p("filter.drawer.remove", "Remove")
+			})]
+		}), /* @__PURE__ */ S("div", {
+			style: {
+				display: "grid",
+				gridTemplateColumns: m ? "minmax(0, 1fr)" : "minmax(112px, 152px) minmax(0, 1fr)",
+				gap: 6,
+				alignItems: "start",
+				minWidth: 0
+			},
+			children: [/* @__PURE__ */ x(f, {
+				"aria-label": p("filter.operator.aria", "{field} filter operator", { field: r.label }),
+				value: e.op ?? g[0]?.value,
+				options: g,
+				onChange: (e) => v(e)
+			}), m ? null : h && r.options ? /* @__PURE__ */ x(c, {
+				"aria-label": _,
+				value: X(e.value),
+				options: [...J(p, r.specialValues), ...r.options.map((e) => ({
+					value: e.value,
+					label: e.label
+				}))],
+				onChange: (e) => s({ value: e }),
+				placeholder: p("filter.value.select", "Select…")
+			}) : r.type === "ref" && r.ref?.entity ? /* @__PURE__ */ x(d, {
+				ref: r.ref,
+				value: e.value,
+				onChange: (e) => s({ value: e ?? "" }),
+				refs: o,
+				ariaLabel: _,
+				placeholder: p("filter.value.select", "Select…"),
+				specialValues: r.specialValues
+			}) : r.options ? /* @__PURE__ */ x(f, {
+				"aria-label": _,
+				value: t(e.value),
+				options: [...J(p, r.specialValues), ...r.options.map((e) => ({
+					value: e.value,
+					label: e.label
+				}))],
+				onChange: (e) => s({ value: e }),
+				placeholder: p("filter.value.select", "Select…")
+			}) : r.specialValues && r.specialValues.length > 0 ? /* @__PURE__ */ x(te, {
+				meta: r,
+				value: e.value,
+				onUpdate: s
+			}) : /* @__PURE__ */ x(l, {
+				"aria-label": _,
+				value: t(e.value),
+				onChange: (e) => s({ value: e }),
+				placeholder: p("filter.value.placeholder", "Value…")
+			})]
+		})]
+	});
+}
+function ie({ node: e, renderNode: t, onRemoveChild: r, onAddCondition: s, onAddBranch: c, path: l }) {
+	let u = n(), d = e.or ?? e.and ?? [], f = e.or !== void 0;
+	return /* @__PURE__ */ S("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 8
+		},
+		children: [
+			d.map((e, n) => {
+				let c = [...l, n], d = f && e.and ? e.and : [e];
+				return /* @__PURE__ */ S("div", { children: [f && n > 0 && /* @__PURE__ */ S("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 8,
+						padding: "4px 0"
+					},
+					children: [
+						/* @__PURE__ */ x("div", { style: {
+							flex: 1,
+							borderTop: "1px solid var(--divider)"
+						} }),
+						/* @__PURE__ */ x("span", {
+							style: {
+								fontSize: 11,
+								fontWeight: 600,
+								color: "var(--text-3)",
+								padding: "0 6px"
+							},
+							children: u("filter.join.or", "OR")
+						}),
+						/* @__PURE__ */ x("div", { style: {
+							flex: 1,
+							borderTop: "1px solid var(--divider)"
+						} })
+					]
+				}), /* @__PURE__ */ S("div", {
+					style: {
+						border: "1px solid var(--border)",
+						borderRadius: 8,
+						padding: 10,
+						display: "flex",
+						flexDirection: "column",
+						gap: 8
+					},
+					children: [
+						f && /* @__PURE__ */ x("div", {
+							style: {
+								fontSize: 10.5,
+								fontWeight: 600,
+								color: "var(--text-3)",
+								textTransform: "uppercase",
+								letterSpacing: "0.08em"
+							},
+							children: u("filter.group.match_all", "Match ALL")
+						}),
+						d.map((n, r) => t(n, f && e.and ? [...c, r] : c)),
+						f && /* @__PURE__ */ x(o, {
+							kind: "ghost",
+							size: "xs",
+							icon: /* @__PURE__ */ x(i.plus, { size: 11 }),
+							onClick: () => s(n),
+							children: u("filter.group.add_condition", "Add condition")
+						}),
+						f && /* @__PURE__ */ x(a, {
+							size: 22,
+							icon: /* @__PURE__ */ x(i.x, { size: 12 }),
+							onClick: () => r(c),
+							title: u("filter.group.remove_alternative", "Remove OR alternative")
+						})
+					]
+				})] }, n);
+			}),
+			!f && /* @__PURE__ */ x(o, {
+				kind: "ghost",
+				size: "xs",
+				icon: /* @__PURE__ */ x(i.plus, { size: 11 }),
+				onClick: () => s(),
+				children: u("filter.group.add_condition", "Add condition")
+			}),
+			f && /* @__PURE__ */ x(o, {
+				kind: "ghost",
+				size: "xs",
+				icon: /* @__PURE__ */ x(i.plus, { size: 11 }),
+				onClick: c,
+				children: u("filter.drawer.add_or_group", "Add OR group")
+			})
+		]
+	});
+}
+function ae(e, t) {
+	let n = e, r;
+	for (let e = 0; e < t.length; e += 1) {
+		let i = t[e];
+		if (r = n[i], !r) return;
+		e < t.length - 1 && (n = r.or ?? r.and ?? []);
+	}
+	return r;
+}
+function Z(e, t, n) {
+	if (t.length === 0) return e;
+	let [r, ...i] = t;
+	return e.map((e, t) => {
+		if (t !== r) return e;
+		if (i.length === 0) return n(e);
+		let a = e.or ? "or" : "and", o = e.or ?? e.and;
+		if (!o) return e;
+		let s = Z(o, i, n);
+		return a === "or" ? {
+			...e,
+			or: s
+		} : {
+			...e,
+			and: s
+		};
+	});
+}
+function Q(e, t, n) {
+	if (t.length === 0) return e;
+	let [r, ...i] = t;
+	return e.map((e, t) => {
+		if (t !== r) return e;
+		if (i.length === 0) return n;
+		let a = e.or ?? e.and;
+		if (!a) return e;
+		let o = Q(a, i, n);
+		return e.or ? {
+			...e,
+			or: o
+		} : {
+			...e,
+			and: o
+		};
+	});
+}
+function oe({ fields: e, activeFields: t, compact: r, onSelect: a, onCancel: s }) {
+	let c = n(), [u, d] = y(""), f = e.filter((e) => !t.has(e.code) && (u === "" || e.label.toLowerCase().includes(u.toLowerCase()) || e.code.toLowerCase().includes(u.toLowerCase())));
+	return /* @__PURE__ */ S("div", {
+		style: {
+			width: "100%",
+			border: "1px solid var(--border)",
+			borderRadius: 8,
+			padding: 8,
+			display: "flex",
+			flexDirection: "column",
+			gap: 6,
+			minWidth: 0,
+			boxSizing: "border-box"
+		},
+		children: [
+			/* @__PURE__ */ x(l, {
+				value: u,
+				onChange: d,
+				placeholder: c("filter.fields.search", "Search fields…"),
+				prefix: /* @__PURE__ */ x(i.search, { size: 12 }),
+				autoFocus: !0
+			}),
+			/* @__PURE__ */ S("div", {
+				style: {
+					maxHeight: 200,
+					overflow: "auto",
+					display: "flex",
+					flexDirection: "column"
+				},
+				children: [f.map((e) => /* @__PURE__ */ S("button", {
+					"data-testid": `filter-field-${e.code}`,
+					onClick: () => a(e.code),
+					style: {
+						textAlign: "left",
+						padding: "6px 8px",
+						fontSize: 12,
+						background: "transparent",
+						border: 0,
+						color: "var(--text-2)",
+						cursor: "pointer",
+						borderRadius: 5,
+						display: "flex",
+						justifyContent: "space-between",
+						gap: 8,
+						minWidth: 0
+					},
+					onMouseEnter: (e) => e.currentTarget.style.background = "var(--surface-3)",
+					onMouseLeave: (e) => e.currentTarget.style.background = "transparent",
+					children: [/* @__PURE__ */ x("span", {
+						style: {
+							minWidth: 0,
+							overflow: "hidden",
+							textOverflow: "ellipsis",
+							whiteSpace: "nowrap"
+						},
+						children: e.label
+					}), /* @__PURE__ */ x("span", {
+						className: "mono",
+						style: {
+							color: "var(--text-4)",
+							fontSize: 10.5,
+							display: r ? "none" : void 0
+						},
+						children: e.code
+					})]
+				}, e.code)), f.length === 0 && /* @__PURE__ */ x("div", {
+					style: {
+						fontSize: 12,
+						color: "var(--text-3)",
+						padding: "6px 8px"
+					},
+					children: c("filter.fields.none", "No fields available")
+				})]
+			}),
+			/* @__PURE__ */ x(o, {
+				kind: "ghost",
+				size: "xs",
+				onClick: s,
+				style: { justifyContent: "center" },
+				children: c("dialog.cancel", "Cancel")
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/filters/FilterChips.tsx
+function se({ filters: e, onRemove: t, onRemoveAtPath: r, onClearAll: a, onChipClick: s, fieldLabel: c = (e) => e, resolveValue: l }) {
+	let u = n();
+	return e.length === 0 ? null : /* @__PURE__ */ S("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			flexWrap: "wrap",
+			paddingBottom: 12
+		},
+		children: [e.map((e, n) => /* @__PURE__ */ S(h, { children: [n > 0 && /* @__PURE__ */ x(ce, { join: "and" }), /* @__PURE__ */ x($, {
+			node: e,
+			path: [n],
+			fieldLabel: c,
+			resolveValue: l,
+			onRemove: r || t ? (e, n) => {
+				r ? r(e) : t?.(n);
+			} : void 0,
+			onClick: s
+		})] }, n)), /* @__PURE__ */ x(o, {
+			kind: "ghost",
+			size: "xs",
+			icon: /* @__PURE__ */ x(i.x, { size: 11 }),
+			onClick: a,
+			children: u("filter.chips.clear_all", "Clear all")
+		})]
+	});
+}
+function $({ node: e, path: t, fieldLabel: n, resolveValue: r, onRemove: i, onClick: a }) {
+	if (e.field && e.op) return /* @__PURE__ */ x(le, {
+		node: e,
+		fieldLabel: n,
+		resolveValue: r,
+		onRemove: i ? () => i(t, e.field) : void 0,
+		onClick: a
+	});
+	let o = e.or ?? e.and ?? [], s = e.or ? "or" : "and";
+	return /* @__PURE__ */ S("span", {
+		"data-testid": `filter-${e.or ? "or" : "and"}-group`,
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 4,
+			flexWrap: "wrap",
+			border: "1px solid var(--divider)",
+			borderRadius: 6,
+			padding: "2px 5px"
+		},
+		children: [
+			/* @__PURE__ */ x("span", {
+				"aria-hidden": "true",
+				style: {
+					color: "var(--text-3)",
+					fontWeight: 600
+				},
+				children: "("
+			}),
+			o.map((e, o) => /* @__PURE__ */ S(h, { children: [o > 0 && /* @__PURE__ */ x(ce, { join: s }), /* @__PURE__ */ x($, {
+				node: e,
+				path: [...t, o],
+				fieldLabel: n,
+				resolveValue: r,
+				onRemove: i,
+				onClick: a
+			})] }, o)),
+			/* @__PURE__ */ x("span", {
+				"aria-hidden": "true",
+				style: {
+					color: "var(--text-3)",
+					fontWeight: 600
+				},
+				children: ")"
+			})
+		]
+	});
+}
+function ce({ join: e }) {
+	let t = n(), r = e === "or" ? t("filter.join.or", "OR") : t("filter.join.and", "AND");
+	return /* @__PURE__ */ x("span", {
+		"aria-label": r,
+		style: {
+			fontSize: 11,
+			color: "var(--text-3)",
+			fontWeight: 600,
+			padding: "0 2px"
+		},
+		children: r
+	});
+}
+function le({ node: e, fieldLabel: t, resolveValue: r, onRemove: a, onClick: o }) {
+	let s = n(), c = /* @__PURE__ */ x(i.filter, { size: 11 });
+	return /* @__PURE__ */ x(u, {
+		tone: "slate",
+		icon: c,
+		onClick: o,
+		onRemove: a,
+		removeLabel: s("filter.drawer.remove_condition", "Remove {field} condition", { field: t(e.field) }),
+		children: /* @__PURE__ */ S("span", { children: [
+			/* @__PURE__ */ x("span", {
+				style: { color: "var(--text-3)" },
+				children: t(e.field)
+			}),
+			" ",
+			/* @__PURE__ */ x("span", {
+				style: { fontWeight: 600 },
+				children: /* @__PURE__ */ x(W, {
+					node: e,
+					resolveValue: r
+				})
+			})
+		] })
+	});
+}
+//#endregion
+export { j as _, B as a, w as c, A as d, N as f, F as g, k as h, V as i, E as l, O as m, K as n, z as o, M as p, H as r, R as s, se as t, P as u };