@declarion/react 0.65.1 → 0.66.0

package/dist-lib/FilterChips-Cv1tlXyo.js

@@ -1,1031 +0,0 @@
-import { Xt as e, wn as t, wt as n, xt as r } from "./useCurrentScreen-BZOHBGQZ.js";
-import { t as i } from "./Icons-lt-7lhYR.js";
-import { n as a, r as o } from "./CopyButton-DRIT_f0k.js";
-import { L as s, U as c, X as l, et as u, k as d, q as f } from "./PropertyGridEditor-XrP6TZ5s.js";
-import { t as p } from "./DynamicIcon-DuBSz6TZ.js";
-import { r as m } from "./useOwnRefresh-DJjaje52.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 };