@krosoft/react 0.0.381 → 0.0.382

package/dist/components/core/filters/index.js

@@ -1,645 +1,11 @@
-import { t as e } from "../../../tailwind.helper-CJaRYBmL.js";
-import { t } from "../../../i18n-BhLphJa3.js";
-import { $t as n, Gt as r, Jt as i, Kt as a, Mn as o, Qt as s, Wt as c, Yt as l, n as u, t as d } from "../../../ui-Fxy95kSJ.js";
-import { a as f, c as p } from "../../../tooltip-_geGvbS7.js";
-import { a as m, g as h, h as g, l as _, m as v, o as y, p as b, r as x, t as S, u as C } from "../../../sheet-cWJO_wkT.js";
-import { n as w } from "../../../switch-DspImmo_.js";
-import { t as T } from "../../../SearchInput-IT_Rvthr.js";
-import { t as E } from "../../../useMobile-pTQ8lWvt.js";
-import { t as D } from "../../../MultiSelect-DPN046kI.js";
-import { n as O, r as k, t as A } from "../../../SingleSelect-DLY5WylQ.js";
-import { useEffect as j, useMemo as M, useRef as N, useState as P } from "react";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { getLocale as R } from "@krosoft/core/helpers";
-import { ChevronDownIcon as z, Filter as B, FilterIcon as V, FilterXIcon as H, PlusIcon as U, XIcon as W } from "lucide-react";
-//#region src/components/core/filters/ActiveFilters.tsx
-var G = (e, t, n, r = {}) => {
-	if (t instanceof Date) return t.toLocaleDateString(R());
-	let i = String(t), a = r[`${e}_${i}`];
-	return a === void 0 ? e.includes("ok") || t === "true" || t === "false" ? n(t === "true" ? "filters.yes" : "filters.no") : i : a;
-};
-function K({ filters: e, onRemoveFilter: n, onClearAll: r, filterLabelKeys: i = {}, optionLabels: a = {} }) {
-	let { t: s } = t(), c = Object.entries(e).filter(([e, t]) => !(t == null || t === "" || Array.isArray(t) && t.length === 0));
-	return c.length === 0 ? null : /* @__PURE__ */ L("div", {
-		className: "flex flex-wrap items-center gap-2 mb-4",
-		children: [
-			/* @__PURE__ */ I("span", {
-				className: "text-sm text-muted-foreground font-medium",
-				children: s("filters.active")
-			}),
-			c.flatMap(([e, t]) => {
-				let r = i[e], c = r === void 0 ? e : s(r);
-				if (Array.isArray(t)) return t.map((t) => {
-					let r = G(e, t, s, a);
-					return /* @__PURE__ */ L(o, {
-						variant: "secondary",
-						className: "flex items-center gap-1 px-3 py-1 bg-primary/10 text-primary border border-primary/20 hover:bg-primary/20",
-						children: [
-							c,
-							": ",
-							r,
-							/* @__PURE__ */ I("button", {
-								onClick: () => {
-									n(e, t);
-								},
-								className: "ml-1 hover:bg-primary/20 rounded-full p-0.5",
-								children: /* @__PURE__ */ I(W, { className: "size-4" })
-							})
-						]
-					}, `${e}_${String(t)}`);
-				});
-				let l = G(e, t, s, a);
-				return /* @__PURE__ */ L(o, {
-					variant: "secondary",
-					className: "flex items-center gap-1 px-3 py-1 bg-primary/10 text-primary border border-primary/20 hover:bg-primary/20",
-					children: [
-						c,
-						": ",
-						l,
-						/* @__PURE__ */ I("button", {
-							onClick: () => {
-								n(e);
-							},
-							className: "ml-1 hover:bg-primary/20 rounded-full p-0.5",
-							children: /* @__PURE__ */ I(W, { className: "size-4" })
-						})
-					]
-				}, e);
-			}),
-			c.length > 0 && /* @__PURE__ */ I("button", {
-				onClick: r,
-				className: "text-xs text-destructive hover:text-destructive/80 transition-colors font-medium ml-auto",
-				children: s("filters.clearAll")
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/core/filters/FilterField.tsx
-var q = ({ field: e, value: n, onChange: r, onToggleMultiSelect: i }) => {
-	let { t: a } = t();
-	switch (e.type) {
-		case "text": return /* @__PURE__ */ I(h, {
-			placeholder: e.placeholder,
-			value: n ?? "",
-			onChange: (e) => {
-				r(e.target.value);
-			}
-		});
-		case "number": return /* @__PURE__ */ I(h, {
-			type: "number",
-			placeholder: e.placeholder,
-			value: n ?? "",
-			onChange: (e) => {
-				r(e.target.value);
-			},
-			min: e.min,
-			max: e.max
-		});
-		case "select": return /* @__PURE__ */ I(A, {
-			options: e.options ?? [],
-			value: n,
-			onChange: r,
-			searchable: e.searchable === !0,
-			placeholder: e.placeholder,
-			searchPlaceholder: e.searchPlaceholder
-		});
-		case "date": return /* @__PURE__ */ I(k, {
-			date: n,
-			onDateChange: r,
-			placeholder: e.placeholder ?? a("date.pickDate")
-		});
-		case "date-range": return /* @__PURE__ */ I(O, {
-			value: n,
-			onChange: r,
-			placeholder: e.placeholder
-		});
-		case "multi-select": return /* @__PURE__ */ I(D, {
-			options: e.options ?? [],
-			selected: n ?? [],
-			onToggle: i,
-			onClear: () => {
-				r([]);
-			},
-			onSelectAll: r,
-			placeholder: e.placeholder,
-			searchable: e.searchable,
-			searchPlaceholder: e.searchPlaceholder
-		});
-		default: return null;
-	}
-}, J = (e) => !(e == null || e === "" || Array.isArray(e) && e.length === 0);
-function Y({ sections: e, filters: n, onFiltersChange: r, buttonText: i, sheetTitle: a }) {
-	let { t: o } = t(), [s, c] = P(!1), [l, u] = P(n);
-	j(() => {
-		u(n);
-	}, [n, s]);
-	let d = (e, t) => {
-		u((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, f = (e, t) => {
-		let n = l[e], r = Array.isArray(n) ? n : [], i = r.includes(t) ? r.filter((e) => e !== t) : [...r, t];
-		d(e, i);
-	}, h = () => {
-		r(l), c(!1);
-	}, g = () => {
-		u({}), r({}), c(!1);
-	}, v = M(() => {
-		let t = new Set(e.flatMap((e) => e.filters.map((e) => e.key)));
-		return Object.entries(n).filter(([e, n]) => t.has(e) && J(n)).length;
-	}, [e, n]);
-	return /* @__PURE__ */ L(S, {
-		open: s,
-		onOpenChange: c,
-		children: [/* @__PURE__ */ I(C, {
-			asChild: !0,
-			children: /* @__PURE__ */ L(p, {
-				variant: "outline",
-				className: "gap-2",
-				children: [
-					/* @__PURE__ */ I(B, { className: "size-4 shrink-0" }),
-					i ?? o("filters.more"),
-					v > 0 && /* @__PURE__ */ I("span", {
-						className: "ml-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-xs font-semibold text-primary-foreground",
-						children: v
-					})
-				]
-			})
-		}), /* @__PURE__ */ L(x, {
-			side: "right",
-			className: "w-[400px] sm:w-[500px] flex flex-col p-0",
-			children: [
-				/* @__PURE__ */ I(y, {
-					className: "p-6 pb-0",
-					children: /* @__PURE__ */ I(_, { children: a ?? o("filters.advanced") })
-				}),
-				/* @__PURE__ */ I("div", {
-					className: "flex-1 overflow-y-auto p-6 pt-6",
-					children: /* @__PURE__ */ I("div", {
-						className: "space-y-6",
-						children: e.map((e, t) => /* @__PURE__ */ L("div", {
-							className: "space-y-4",
-							children: [/* @__PURE__ */ I("h3", {
-								className: "font-semibold text-sm text-foreground border-b pb-2",
-								children: o(e.titleKey)
-							}), e.filters.map((e) => /* @__PURE__ */ L("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ I(w, {
-									htmlFor: e.key,
-									children: o(e.labelKey)
-								}), /* @__PURE__ */ I(q, {
-									field: e,
-									value: l[e.key],
-									onChange: (t) => {
-										d(e.key, t);
-									},
-									onToggleMultiSelect: (t) => {
-										f(e.key, t);
-									}
-								})]
-							}, e.key))]
-						}, t))
-					})
-				}),
-				/* @__PURE__ */ L(m, {
-					className: "gap-2 p-6 border-t bg-background",
-					children: [/* @__PURE__ */ I(p, {
-						variant: "outline",
-						className: "flex-1",
-						onClick: g,
-						children: o("filters.clear")
-					}), /* @__PURE__ */ I(p, {
-						className: "flex-1",
-						onClick: h,
-						children: o("filters.apply")
-					})]
-				})
-			]
-		})]
-	});
-}
-//#endregion
-//#region src/components/core/filters/FilterPillsGroup.tsx
-var X = {
-	solid: "border-foreground bg-foreground text-background",
-	outline: "border-primary bg-primary/10 text-primary font-medium"
-};
-function ee(t, n, r) {
-	return r === void 0 ? t ? X[n] : "border-border bg-background text-muted-foreground hover:text-foreground hover:border-foreground/40" : e(r, t ? "font-semibold" : "opacity-60 hover:opacity-100");
-}
-function Z({ options: t, values: n, onToggle: r, variant: i = "solid" }) {
-	return /* @__PURE__ */ I("div", {
-		className: "flex flex-wrap gap-1.5",
-		children: t.map(({ value: t, label: a, count: o, icon: s, className: c }) => {
-			let l = ee(n.includes(t), i, c);
-			return /* @__PURE__ */ L("button", {
-				onClick: () => {
-					r(t);
-				},
-				className: e("inline-flex items-center gap-1 text-xs px-2.5 py-1 rounded-control border transition-colors", l),
-				children: [
-					s && /* @__PURE__ */ I(s, { className: "size-3 shrink-0" }),
-					a,
-					" ",
-					o !== void 0 && /* @__PURE__ */ L("span", {
-						className: "opacity-60",
-						children: [
-							"(",
-							o,
-							")"
-						]
-					})
-				]
-			}, String(t));
-		})
-	});
-}
-//#endregion
-//#region src/components/core/filters/FilterPills.tsx
-function te({ options: e, value: t, onChange: n, variant: r = "solid" }) {
-	return /* @__PURE__ */ I(Z, {
-		options: e,
-		values: [t],
-		onToggle: n,
-		variant: r
-	});
-}
-//#endregion
-//#region src/components/core/filters/FiltersMobileDrawer.tsx
-function Q({ children: e, activeFiltersCount: o = 0, onReset: u, onApply: d }) {
-	let { t: f } = t(), [m, h] = P(!1);
-	return /* @__PURE__ */ L(c, {
-		open: m,
-		onOpenChange: h,
-		children: [/* @__PURE__ */ I(n, {
-			asChild: !0,
-			children: /* @__PURE__ */ L(p, {
-				variant: "outline",
-				className: "relative",
-				children: [
-					/* @__PURE__ */ I(V, { className: "h-4 w-4 mr-2" }),
-					f("filters.filter"),
-					o > 0 && /* @__PURE__ */ I("span", {
-						className: "absolute -top-2 -right-2 flex h-5 w-5 items-center justify-center rounded-full bg-primary text-xs text-primary-foreground",
-						children: o
-					})
-				]
-			})
-		}), /* @__PURE__ */ L(a, { children: [
-			/* @__PURE__ */ I(l, { children: /* @__PURE__ */ I(s, { children: f("filters.title") }) }),
-			/* @__PURE__ */ I("div", {
-				className: "flex flex-col gap-4 px-4 pb-4",
-				children: e
-			}),
-			/* @__PURE__ */ L(i, {
-				className: "flex-row gap-2",
-				children: [/* @__PURE__ */ L(p, {
-					variant: "outline",
-					onClick: () => {
-						u?.(), h(!1);
-					},
-					className: "flex-1",
-					children: [/* @__PURE__ */ I(H, { className: "h-4 w-4 mr-2" }), f("filters.reset")]
-				}), /* @__PURE__ */ I(r, {
-					asChild: !0,
-					children: /* @__PURE__ */ I(p, {
-						onClick: () => {
-							d?.(), h(!1);
-						},
-						className: "flex-1",
-						children: f("actions.apply")
-					})
-				})]
-			})
-		] })]
-	});
-}
-//#endregion
-//#region src/components/core/filters/FiltersContainer.tsx
-function ne({ children: e, search: n, searchPlaceholder: r, activeFiltersCount: i = 0, onReset: a, onSearch: o }) {
-	let { t: s } = t();
-	return E() ? /* @__PURE__ */ L("div", {
-		className: "flex items-center gap-2",
-		children: [o !== void 0 && /* @__PURE__ */ I("div", {
-			className: "flex-1",
-			children: /* @__PURE__ */ I(T, {
-				search: n ?? "",
-				onSearch: o,
-				placeholder: r
-			})
-		}), /* @__PURE__ */ I(Q, {
-			activeFiltersCount: i,
-			onReset: a,
-			children: e
-		})]
-	}) : /* @__PURE__ */ L("div", {
-		className: "flex justify-between",
-		children: [/* @__PURE__ */ L("div", {
-			className: "flex flex-wrap gap-2",
-			children: [o !== void 0 && /* @__PURE__ */ I(T, {
-				search: n ?? "",
-				onSearch: o,
-				placeholder: r
-			}), e]
-		}), a && /* @__PURE__ */ I("div", {
-			className: "flex flex-wrap gap-4",
-			children: /* @__PURE__ */ L(p, {
-				variant: "outline",
-				onClick: a,
-				className: "relative",
-				children: [
-					/* @__PURE__ */ I(H, {}),
-					s("filters.reset"),
-					i > 0 && /* @__PURE__ */ I("span", {
-						className: "absolute -top-2 -right-2 flex h-5 w-5 items-center justify-center rounded-full bg-primary text-xs text-primary-foreground",
-						children: i
-					})
-				]
-			})
-		})]
-	});
-}
-//#endregion
-//#region src/components/core/filters/TableFilter.tsx
-function re({ searchQuery: e, onSearchChange: n, searchPlaceholder: r, filters: i, onFiltersChange: a, sections: o, advancedButtonText: s, sheetTitle: c }) {
-	let { t: l } = t(), u = (e, t) => {
-		let n = i[e], r = Array.isArray(n) ? n : [], o = r.includes(t) ? r.filter((e) => e !== t) : [...r, t], s = { ...i };
-		o.length === 0 ? delete s[e] : s[e] = o, a(s);
-	}, d = (e) => {
-		let t = { ...i };
-		delete t[e], a(t);
-	}, f = () => {
-		a({});
-	}, p = (e, t) => {
-		let n = { ...i }, r = n[e];
-		Array.isArray(r) ? t === void 0 ? delete n[e] : (n[e] = r.filter((e) => e !== t), Array.isArray(n[e]) && n[e].length === 0 && delete n[e]) : delete n[e], a(n);
-	}, m = M(() => {
-		let e = [];
-		return o.forEach((t) => {
-			t.filters.forEach((t) => {
-				t.isQuickFilter === !0 && e.push({
-					key: t.key,
-					labelKey: t.labelKey,
-					options: t.options ?? [],
-					searchable: t.searchable,
-					searchPlaceholder: t.searchPlaceholder
-				});
-			});
-		}), e;
-	}, [o]), h = M(() => {
-		let e = {};
-		return o.forEach((t) => {
-			t.filters.forEach((t) => {
-				e[t.key] = t.badgeLabelKey ?? t.labelKey;
-			});
-		}), e;
-	}, [o]), g = M(() => {
-		let e = {};
-		return o.forEach((t) => {
-			t.filters.forEach((t) => {
-				t.options !== void 0 && t.options.forEach((n) => {
-					e[`${t.key}_${n.value}`] = n.label;
-				});
-			});
-		}), e;
-	}, [o]);
-	return /* @__PURE__ */ L("div", {
-		className: "space-y-4 w-full",
-		children: [/* @__PURE__ */ L("div", {
-			className: "flex flex-wrap items-center gap-2 justify-between",
-			children: [/* @__PURE__ */ L("div", {
-				className: "flex flex-wrap items-center gap-2",
-				children: [n === void 0 ? null : /* @__PURE__ */ I(T, {
-					searchQuery: e,
-					onSearch: n,
-					onClear: () => {
-						n("");
-					},
-					placeholder: r ?? l("search.placeholder")
-				}), m.map((e) => /* @__PURE__ */ I(D, {
-					variant: "pill",
-					labelKey: e.labelKey,
-					options: e.options,
-					selected: Array.isArray(i[e.key]) ? i[e.key] : [],
-					onToggle: (t) => {
-						u(e.key, t);
-					},
-					onClear: () => {
-						d(e.key);
-					},
-					onSelectAll: (t) => {
-						a({
-							...i,
-							[e.key]: t
-						});
-					},
-					searchable: e.searchable,
-					searchPlaceholder: e.searchPlaceholder
-				}, e.key))]
-			}), o.length > 0 && /* @__PURE__ */ I(Y, {
-				sections: o,
-				filters: i,
-				onFiltersChange: a,
-				buttonText: s,
-				sheetTitle: c
-			})]
-		}), /* @__PURE__ */ I(K, {
-			filters: i,
-			onRemoveFilter: p,
-			onClearAll: f,
-			filterLabelKeys: h,
-			optionLabels: g
-		})]
-	});
-}
-//#endregion
-//#region src/components/core/filters/ConditionFilter.tsx
-var ie = (e) => e?.requiresValue !== !1;
-function $({ fields: n, operators: r, value: i, onChange: a, labelKey: o, icon: s, disabled: c = !1, className: l }) {
-	let { t: m } = t(), [_, y] = P(!1), [x, S] = P({ value: "" }), C = i === void 0 ? void 0 : n.find((e) => e.value === i.field), T = i === void 0 ? void 0 : r.find((e) => e.value === i.operator), E = i !== void 0, D = r.find((e) => e.value === x.operator), O = ie(D), k = D?.numeric === !0, j = x.value.trim(), M = O && k && j !== "" && Number.isNaN(Number(j)), N = x.field !== void 0 && D !== void 0 && (!O || j !== "") && !M, R = (e) => {
-		e && S(i === void 0 ? { value: "" } : { ...i }), y(e);
-	}, B = () => {
-		N && x.field !== void 0 && D !== void 0 && (a({
-			field: x.field,
-			operator: D.value,
-			value: O ? j : ""
-		}), y(!1));
-	}, V = () => {
-		a(void 0), y(!1);
-	}, H = m(o === void 0 ? "filters.condition.label" : o);
-	return /* @__PURE__ */ L(b, {
-		open: _,
-		onOpenChange: R,
-		children: [/* @__PURE__ */ I(g, {
-			asChild: !0,
-			children: /* @__PURE__ */ L("button", {
-				type: "button",
-				disabled: c,
-				className: e(f, "inline-flex items-center justify-between gap-1.5 whitespace-nowrap transition-colors", E ? "border-primary bg-primary/10 text-primary" : "hover:bg-muted", !E && "w-full md:w-[200px]", l),
-				children: [/* @__PURE__ */ L("span", {
-					className: "flex min-w-0 items-center gap-1.5",
-					children: [s !== void 0 && /* @__PURE__ */ I(s, { className: "size-3.5 shrink-0 opacity-70" }), /* @__PURE__ */ I("span", {
-						className: "truncate",
-						children: i === void 0 ? H : /* @__PURE__ */ L(F, { children: [
-							H,
-							" :",
-							" ",
-							/* @__PURE__ */ I("span", {
-								className: "font-semibold",
-								children: C?.label ?? i.field
-							}),
-							" ",
-							T?.label ?? i.operator,
-							i.value !== "" && /* @__PURE__ */ L("span", {
-								className: "font-semibold",
-								children: [" ", i.value]
-							})
-						] })
-					})]
-				}), /* @__PURE__ */ L("span", {
-					className: "flex shrink-0 items-center gap-1",
-					children: [E && !c && /* @__PURE__ */ I("span", {
-						role: "button",
-						tabIndex: -1,
-						"aria-label": m("filters.condition.clear"),
-						onClick: (e) => {
-							e.stopPropagation();
-						},
-						onPointerDown: (e) => {
-							e.preventDefault(), e.stopPropagation(), a(void 0);
-						},
-						className: "opacity-70 hover:opacity-100",
-						children: /* @__PURE__ */ I(W, { className: "size-3.5" })
-					}), /* @__PURE__ */ I(z, { className: e("size-3.5 opacity-60 transition-transform", _ && "rotate-180") })]
-				})]
-			})
-		}), /* @__PURE__ */ L(v, {
-			align: "start",
-			className: "w-80 space-y-4",
-			children: [
-				/* @__PURE__ */ L("div", {
-					className: "space-y-1.5",
-					children: [/* @__PURE__ */ I(w, { children: m("filters.condition.field") }), /* @__PURE__ */ I(A, {
-						options: n,
-						value: x.field,
-						onChange: (e) => {
-							S((t) => ({
-								...t,
-								field: e
-							}));
-						},
-						placeholder: m("filters.condition.selectField")
-					})]
-				}),
-				/* @__PURE__ */ L("div", {
-					className: "space-y-1.5",
-					children: [/* @__PURE__ */ I(w, { children: m("filters.condition.operator") }), /* @__PURE__ */ I(d, {
-						type: "single",
-						variant: "outline",
-						size: "sm",
-						className: "flex-wrap justify-start",
-						value: x.operator ?? "",
-						onValueChange: (e) => {
-							S((t) => {
-								let n = r.find((t) => t.value === e)?.numeric !== !0 || !Number.isNaN(Number(t.value.trim()));
-								return {
-									...t,
-									operator: e === "" ? void 0 : e,
-									value: n ? t.value : ""
-								};
-							});
-						},
-						children: r.map((e) => /* @__PURE__ */ I(u, {
-							value: e.value,
-							title: e.title,
-							"aria-label": e.title ?? e.label,
-							className: "min-w-9 px-2",
-							children: e.label
-						}, e.value))
-					})]
-				}),
-				O && /* @__PURE__ */ L("div", {
-					className: "space-y-1.5",
-					children: [
-						/* @__PURE__ */ I(w, {
-							htmlFor: "condition-filter-value",
-							children: m("filters.condition.value")
-						}),
-						/* @__PURE__ */ I(h, {
-							id: "condition-filter-value",
-							value: x.value,
-							type: k ? "number" : "text",
-							step: "any",
-							onChange: (e) => {
-								S((t) => ({
-									...t,
-									value: e.target.value
-								}));
-							},
-							onKeyDown: (e) => {
-								e.key === "Enter" && (e.preventDefault(), B());
-							}
-						}),
-						"          "
-					]
-				}),
-				/* @__PURE__ */ L("div", {
-					className: "flex justify-end gap-2",
-					children: [E && /* @__PURE__ */ I(p, {
-						variant: "ghost",
-						size: "sm",
-						onClick: V,
-						children: m("filters.condition.clear")
-					}), /* @__PURE__ */ I(p, {
-						size: "sm",
-						onClick: B,
-						disabled: !N,
-						children: m("filters.condition.apply")
-					})]
-				})
-			]
-		})]
-	});
-}
-//#endregion
-//#region src/components/core/filters/ConditionFilterGroup.tsx
-var ae = (e, t) => e.field === t.field && e.operator === t.operator && e.value === t.value;
-function oe({ fields: t, operators: n, values: r, onChange: i, labelKey: a, max: o = 5, disabled: s = !1, className: c }) {
-	let l = N(!1), u = (e) => {
-		e === void 0 || r.some((t) => ae(t, e)) || i([...r, e]);
-	}, d = (e, t) => {
-		t === void 0 ? (l.current = !0, i(r.filter((t, n) => n !== e))) : i(r.map((n, r) => r === e ? t : n));
-	}, f = r.length === 0, p = () => {
-		l.current = !1;
-	};
-	return /* @__PURE__ */ L("div", {
-		className: e("flex flex-wrap items-center gap-2", c),
-		onPointerDownCapture: p,
-		onKeyDownCapture: p,
-		onClickCapture: (e) => {
-			l.current && (l.current = !1, e.preventDefault(), e.stopPropagation());
-		},
-		children: [r.map((e, r) => /* @__PURE__ */ I($, {
-			fields: t,
-			operators: n,
-			value: e,
-			onChange: (e) => {
-				d(r, e);
-			},
-			labelKey: a,
-			disabled: s
-		}, r)), r.length < o && /* @__PURE__ */ I($, {
-			fields: t,
-			operators: n,
-			value: void 0,
-			onChange: u,
-			labelKey: f ? a : "filters.condition.add",
-			icon: f ? void 0 : U,
-			disabled: s
-		})]
-	});
-}
-//#endregion
-export { K as ActiveFilters, Y as AdvancedFilters, $ as ConditionFilter, oe as ConditionFilterGroup, q as FilterField, te as FilterPills, Z as FilterPillsGroup, ne as FiltersContainer, Q as FiltersMobileDrawer, re as TableFilter };
+import { ActiveFilters as e } from "./ActiveFilters.js";
+import { FilterField as t } from "./FilterField.js";
+import { AdvancedFilters as n } from "./AdvancedFilters.js";
+import { FilterPillsGroup as r } from "./FilterPillsGroup.js";
+import { FilterPills as i } from "./FilterPills.js";
+import { FiltersMobileDrawer as a } from "./FiltersMobileDrawer.js";
+import { FiltersContainer as o } from "./FiltersContainer.js";
+import { TableFilter as s } from "./TableFilter.js";
+import { ConditionFilter as c } from "./ConditionFilter.js";
+import { ConditionFilterGroup as l } from "./ConditionFilterGroup.js";
+export { e as ActiveFilters, n as AdvancedFilters, c as ConditionFilter, l as ConditionFilterGroup, t as FilterField, i as FilterPills, r as FilterPillsGroup, o as FiltersContainer, a as FiltersMobileDrawer, s as TableFilter };