@questpie/admin 3.2.4 → 3.2.5

package/dist/client/components/filter-builder/filters-tab.mjs

@@ -7,7 +7,6 @@ import { Input } from "../ui/input.mjs";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.mjs";
 import { SelectSingle } from "../primitives/select-single.mjs";
 import { SelectMulti } from "../primitives/select-multi.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -131,385 +130,96 @@ function normalizeValueForOperator(field, operator, value) {
 	if (Array.isArray(value)) return value[0] ?? "";
 	return value ?? "";
 }
-function FilterValueInput(t0) {
-	const $ = c(109);
-	const { field, filter, activeOperator, selectOptions, updateFilter, createRelationLoader, resolveText, t } = t0;
+function FilterValueInput({ field, filter, activeOperator, selectOptions, updateFilter, createRelationLoader, resolveText, t }) {
 	if (!field || isValuelessOperator(activeOperator)) return null;
 	if (field.type === "relation") {
 		const targetCollection = field.options?.targetCollection;
-		let t1$1;
-		if ($[0] !== activeOperator || $[1] !== field.options?.type) {
-			t1$1 = field.options?.type === "multiple" || isMultiValueOperator(activeOperator);
-			$[0] = activeOperator;
-			$[1] = field.options?.type;
-			$[2] = t1$1;
-		} else t1$1 = $[2];
-		const expectsMulti = t1$1;
-		if (!targetCollection) {
-			let t2$2;
-			if ($[3] !== t) {
-				t2$2 = t("viewOptions.valuePlaceholder");
-				$[3] = t;
-				$[4] = t2$2;
-			} else t2$2 = $[4];
-			let t3$2;
-			if ($[5] !== t2$2) {
-				t3$2 = /* @__PURE__ */ jsx(Input, {
-					disabled: true,
-					className: "h-8 text-xs",
-					placeholder: t2$2
-				});
-				$[5] = t2$2;
-				$[6] = t3$2;
-			} else t3$2 = $[6];
-			return t3$2;
-		}
-		let t2$1;
-		let t3$1;
-		if ($[7] !== createRelationLoader || $[8] !== expectsMulti || $[9] !== field.label || $[10] !== field.name || $[11] !== filter.id || $[12] !== filter.value || $[13] !== resolveText || $[14] !== t || $[15] !== targetCollection || $[16] !== updateFilter) {
-			t3$1 = Symbol.for("react.early_return_sentinel");
-			bb0: {
-				const labelText = field.label ? resolveText(field.label) : field.name;
-				if (expectsMulti) {
-					let t4$2;
-					if ($[19] !== filter.value) {
-						t4$2 = Array.isArray(filter.value) ? filter.value.map(_temp) : filter.value ? [String(filter.value)] : [];
-						$[19] = filter.value;
-						$[20] = t4$2;
-					} else t4$2 = $[20];
-					const selectedValues = t4$2;
-					let t5$1;
-					if ($[21] !== filter.id || $[22] !== updateFilter) {
-						t5$1 = (values) => updateFilter(filter.id, { value: values });
-						$[21] = filter.id;
-						$[22] = updateFilter;
-						$[23] = t5$1;
-					} else t5$1 = $[23];
-					let t6$1;
-					if ($[24] !== createRelationLoader || $[25] !== targetCollection) {
-						t6$1 = createRelationLoader(targetCollection);
-						$[24] = createRelationLoader;
-						$[25] = targetCollection;
-						$[26] = t6$1;
-					} else t6$1 = $[26];
-					let t7;
-					if ($[27] !== t) {
-						t7 = t("viewOptions.valuePlaceholder");
-						$[27] = t;
-						$[28] = t7;
-					} else t7 = $[28];
-					t3$1 = /* @__PURE__ */ jsx(SelectMulti, {
-						value: selectedValues,
-						onChange: t5$1,
-						loadOptions: t6$1,
-						placeholder: t7,
-						emptyMessage: t("relation.noResults", { name: labelText }),
-						drawerTitle: t("relation.select", { name: labelText }),
-						className: "h-8 text-xs"
-					});
-					break bb0;
-				}
-				const selectedValue = filter.value === null || filter.value === void 0 ? null : String(filter.value);
-				let t4$1;
-				if ($[29] !== filter.id || $[30] !== updateFilter) {
-					t4$1 = (value) => updateFilter(filter.id, { value: value ?? "" });
-					$[29] = filter.id;
-					$[30] = updateFilter;
-					$[31] = t4$1;
-				} else t4$1 = $[31];
-				let t5;
-				if ($[32] !== createRelationLoader || $[33] !== targetCollection) {
-					t5 = createRelationLoader(targetCollection);
-					$[32] = createRelationLoader;
-					$[33] = targetCollection;
-					$[34] = t5;
-				} else t5 = $[34];
-				let t6;
-				if ($[35] !== t) {
-					t6 = t("viewOptions.valuePlaceholder");
-					$[35] = t;
-					$[36] = t6;
-				} else t6 = $[36];
-				t2$1 = /* @__PURE__ */ jsx(SelectSingle, {
-					value: selectedValue,
-					onChange: t4$1,
-					loadOptions: t5,
-					placeholder: t6,
-					emptyMessage: t("relation.noResults", { name: labelText }),
-					drawerTitle: t("relation.select", { name: labelText }),
-					className: "h-8 text-xs"
-				});
-			}
-			$[7] = createRelationLoader;
-			$[8] = expectsMulti;
-			$[9] = field.label;
-			$[10] = field.name;
-			$[11] = filter.id;
-			$[12] = filter.value;
-			$[13] = resolveText;
-			$[14] = t;
-			$[15] = targetCollection;
-			$[16] = updateFilter;
-			$[17] = t2$1;
-			$[18] = t3$1;
-		} else {
-			t2$1 = $[17];
-			t3$1 = $[18];
-		}
-		if (t3$1 !== Symbol.for("react.early_return_sentinel")) return t3$1;
-		return t2$1;
-	}
-	if (field.type === "select") {
-		const selectedValue_0 = filter.value === null || filter.value === void 0 ? null : String(filter.value);
-		let t1$1;
-		if ($[37] !== filter.id || $[38] !== updateFilter) {
-			t1$1 = (value_0) => updateFilter(filter.id, { value: value_0 ?? "" });
-			$[37] = filter.id;
-			$[38] = updateFilter;
-			$[39] = t1$1;
-		} else t1$1 = $[39];
-		let t2$1;
-		if ($[40] !== t) {
-			t2$1 = t("viewOptions.valuePlaceholder");
-			$[40] = t;
-			$[41] = t2$1;
-		} else t2$1 = $[41];
-		let t3$1;
-		if ($[42] !== t) {
-			t3$1 = t("table.noResults");
-			$[42] = t;
-			$[43] = t3$1;
-		} else t3$1 = $[43];
-		let t4$1;
-		if ($[44] !== selectOptions || $[45] !== selectedValue_0 || $[46] !== t1$1 || $[47] !== t2$1 || $[48] !== t3$1) {
-			t4$1 = /* @__PURE__ */ jsx(SelectSingle, {
-				value: selectedValue_0,
-				onChange: t1$1,
-				options: selectOptions,
-				placeholder: t2$1,
-				emptyMessage: t3$1,
-				className: "h-8 text-xs"
-			});
-			$[44] = selectOptions;
-			$[45] = selectedValue_0;
-			$[46] = t1$1;
-			$[47] = t2$1;
-			$[48] = t3$1;
-			$[49] = t4$1;
-		} else t4$1 = $[49];
-		return t4$1;
-	}
-	if (field.type === "checkbox" || field.type === "switch") {
-		const booleanValue = typeof filter.value === "boolean" ? String(filter.value) : void 0;
-		let t1$1;
-		if ($[50] !== filter.id || $[51] !== updateFilter) {
-			t1$1 = (value_1) => updateFilter(filter.id, { value: value_1 === "true" });
-			$[50] = filter.id;
-			$[51] = updateFilter;
-			$[52] = t1$1;
-		} else t1$1 = $[52];
-		let t2$1;
-		if ($[53] !== t) {
-			t2$1 = t("viewOptions.valuePlaceholder");
-			$[53] = t;
-			$[54] = t2$1;
-		} else t2$1 = $[54];
-		let t3$1;
-		if ($[55] !== t2$1) {
-			t3$1 = /* @__PURE__ */ jsx(SelectTrigger, {
-				className: "h-8 text-xs",
-				children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t2$1 })
-			});
-			$[55] = t2$1;
-			$[56] = t3$1;
-		} else t3$1 = $[56];
-		let t4$1;
-		if ($[57] !== t) {
-			t4$1 = t("common.yes");
-			$[57] = t;
-			$[58] = t4$1;
-		} else t4$1 = $[58];
-		let t5;
-		if ($[59] !== t4$1) {
-			t5 = /* @__PURE__ */ jsx(SelectItem, {
-				value: "true",
-				children: t4$1
-			});
-			$[59] = t4$1;
-			$[60] = t5;
-		} else t5 = $[60];
-		let t6;
-		if ($[61] !== t) {
-			t6 = t("common.no");
-			$[61] = t;
-			$[62] = t6;
-		} else t6 = $[62];
-		let t7;
-		if ($[63] !== t6) {
-			t7 = /* @__PURE__ */ jsx(SelectItem, {
-				value: "false",
-				children: t6
-			});
-			$[63] = t6;
-			$[64] = t7;
-		} else t7 = $[64];
-		let t8;
-		if ($[65] !== t5 || $[66] !== t7) {
-			t8 = /* @__PURE__ */ jsxs(SelectContent, { children: [t5, t7] });
-			$[65] = t5;
-			$[66] = t7;
-			$[67] = t8;
-		} else t8 = $[67];
-		let t9;
-		if ($[68] !== booleanValue || $[69] !== t1$1 || $[70] !== t3$1 || $[71] !== t8) {
-			t9 = /* @__PURE__ */ jsxs(Select, {
-				value: booleanValue,
-				onValueChange: t1$1,
-				children: [t3$1, t8]
-			});
-			$[68] = booleanValue;
-			$[69] = t1$1;
-			$[70] = t3$1;
-			$[71] = t8;
-			$[72] = t9;
-		} else t9 = $[72];
-		return t9;
+		const expectsMulti = field.options?.type === "multiple" || isMultiValueOperator(activeOperator);
+		if (!targetCollection) return /* @__PURE__ */ jsx(Input, {
+			disabled: true,
+			className: "h-8 text-xs",
+			placeholder: t("viewOptions.valuePlaceholder")
+		});
+		const labelText = field.label ? resolveText(field.label) : field.name;
+		if (expectsMulti) return /* @__PURE__ */ jsx(SelectMulti, {
+			value: Array.isArray(filter.value) ? filter.value.map((val) => String(val)) : filter.value ? [String(filter.value)] : [],
+			onChange: (values) => updateFilter(filter.id, { value: values }),
+			loadOptions: createRelationLoader(targetCollection),
+			placeholder: t("viewOptions.valuePlaceholder"),
+			emptyMessage: t("relation.noResults", { name: labelText }),
+			drawerTitle: t("relation.select", { name: labelText }),
+			className: "h-8 text-xs"
+		});
+		return /* @__PURE__ */ jsx(SelectSingle, {
+			value: filter.value === null || filter.value === void 0 ? null : String(filter.value),
+			onChange: (value) => updateFilter(filter.id, { value: value ?? "" }),
+			loadOptions: createRelationLoader(targetCollection),
+			placeholder: t("viewOptions.valuePlaceholder"),
+			emptyMessage: t("relation.noResults", { name: labelText }),
+			drawerTitle: t("relation.select", { name: labelText }),
+			className: "h-8 text-xs"
+		});
 	}
+	if (field.type === "select") return /* @__PURE__ */ jsx(SelectSingle, {
+		value: filter.value === null || filter.value === void 0 ? null : String(filter.value),
+		onChange: (value) => updateFilter(filter.id, { value: value ?? "" }),
+		options: selectOptions,
+		placeholder: t("viewOptions.valuePlaceholder"),
+		emptyMessage: t("table.noResults"),
+		className: "h-8 text-xs"
+	});
+	if (field.type === "checkbox" || field.type === "switch") return /* @__PURE__ */ jsxs(Select, {
+		value: typeof filter.value === "boolean" ? String(filter.value) : void 0,
+		onValueChange: (value) => updateFilter(filter.id, { value: value === "true" }),
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			className: "h-8 text-xs",
+			children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("viewOptions.valuePlaceholder") })
+		}), /* @__PURE__ */ jsxs(SelectContent, { children: [/* @__PURE__ */ jsx(SelectItem, {
+			value: "true",
+			children: t("common.yes")
+		}), /* @__PURE__ */ jsx(SelectItem, {
+			value: "false",
+			children: t("common.no")
+		})] })]
+	});
 	if (field.type === "number") {
 		const numberValue = filter.value === null || filter.value === void 0 ? "" : String(filter.value);
-		let t1$1;
-		if ($[73] !== t) {
-			t1$1 = t("viewOptions.valuePlaceholder");
-			$[73] = t;
-			$[74] = t1$1;
-		} else t1$1 = $[74];
-		let t2$1;
-		if ($[75] !== filter.id || $[76] !== updateFilter) {
-			t2$1 = (event) => {
+		return /* @__PURE__ */ jsx(Input, {
+			type: "number",
+			className: "h-8 text-xs",
+			placeholder: t("viewOptions.valuePlaceholder"),
+			value: numberValue,
+			onChange: (event) => {
 				const raw = event.target.value;
 				const next = raw.trim().length ? Number(raw) : null;
 				updateFilter(filter.id, { value: Number.isNaN(next) ? null : next });
-			};
-			$[75] = filter.id;
-			$[76] = updateFilter;
-			$[77] = t2$1;
-		} else t2$1 = $[77];
-		let t3$1;
-		if ($[78] !== numberValue || $[79] !== t1$1 || $[80] !== t2$1) {
-			t3$1 = /* @__PURE__ */ jsx(Input, {
-				type: "number",
-				className: "h-8 text-xs",
-				placeholder: t1$1,
-				value: numberValue,
-				onChange: t2$1
-			});
-			$[78] = numberValue;
-			$[79] = t1$1;
-			$[80] = t2$1;
-			$[81] = t3$1;
-		} else t3$1 = $[81];
-		return t3$1;
-	}
-	if (field.type === "date") {
-		const dateValue = typeof filter.value === "string" ? filter.value : "";
-		let t1$1;
-		if ($[82] !== filter.id || $[83] !== updateFilter) {
-			t1$1 = (event_0) => updateFilter(filter.id, { value: event_0.target.value });
-			$[82] = filter.id;
-			$[83] = updateFilter;
-			$[84] = t1$1;
-		} else t1$1 = $[84];
-		let t2$1;
-		if ($[85] !== dateValue || $[86] !== t1$1) {
-			t2$1 = /* @__PURE__ */ jsx(Input, {
-				type: "date",
-				className: "h-8 text-xs",
-				value: dateValue,
-				onChange: t1$1
-			});
-			$[85] = dateValue;
-			$[86] = t1$1;
-			$[87] = t2$1;
-		} else t2$1 = $[87];
-		return t2$1;
-	}
-	if (field.type === "datetime") {
-		const dateTimeValue = typeof filter.value === "string" ? filter.value : "";
-		let t1$1;
-		if ($[88] !== filter.id || $[89] !== updateFilter) {
-			t1$1 = (event_1) => updateFilter(filter.id, { value: event_1.target.value });
-			$[88] = filter.id;
-			$[89] = updateFilter;
-			$[90] = t1$1;
-		} else t1$1 = $[90];
-		let t2$1;
-		if ($[91] !== dateTimeValue || $[92] !== t1$1) {
-			t2$1 = /* @__PURE__ */ jsx(Input, {
-				type: "datetime-local",
-				className: "h-8 text-xs",
-				value: dateTimeValue,
-				onChange: t1$1
-			});
-			$[91] = dateTimeValue;
-			$[92] = t1$1;
-			$[93] = t2$1;
-		} else t2$1 = $[93];
-		return t2$1;
-	}
-	if (field.type === "time") {
-		const timeValue = typeof filter.value === "string" ? filter.value : "";
-		let t1$1;
-		if ($[94] !== filter.id || $[95] !== updateFilter) {
-			t1$1 = (event_2) => updateFilter(filter.id, { value: event_2.target.value });
-			$[94] = filter.id;
-			$[95] = updateFilter;
-			$[96] = t1$1;
-		} else t1$1 = $[96];
-		let t2$1;
-		if ($[97] !== t1$1 || $[98] !== timeValue) {
-			t2$1 = /* @__PURE__ */ jsx(Input, {
-				type: "time",
-				className: "h-8 text-xs",
-				value: timeValue,
-				onChange: t1$1
-			});
-			$[97] = t1$1;
-			$[98] = timeValue;
-			$[99] = t2$1;
-		} else t2$1 = $[99];
-		return t2$1;
-	}
-	let t1;
-	if ($[100] !== t) {
-		t1 = t("viewOptions.valuePlaceholder");
-		$[100] = t;
-		$[101] = t1;
-	} else t1 = $[101];
-	const t2 = typeof filter.value === "string" ? filter.value : "";
-	let t3;
-	if ($[102] !== filter.id || $[103] !== updateFilter) {
-		t3 = (event_3) => updateFilter(filter.id, { value: event_3.target.value });
-		$[102] = filter.id;
-		$[103] = updateFilter;
-		$[104] = t3;
-	} else t3 = $[104];
-	let t4;
-	if ($[105] !== t1 || $[106] !== t2 || $[107] !== t3) {
-		t4 = /* @__PURE__ */ jsx(Input, {
-			className: "h-8 text-xs",
-			placeholder: t1,
-			value: t2,
-			onChange: t3
+			}
 		});
-		$[105] = t1;
-		$[106] = t2;
-		$[107] = t3;
-		$[108] = t4;
-	} else t4 = $[108];
-	return t4;
-}
-function _temp(val) {
-	return String(val);
+	}
+	if (field.type === "date") return /* @__PURE__ */ jsx(Input, {
+		type: "date",
+		className: "h-8 text-xs",
+		value: typeof filter.value === "string" ? filter.value : "",
+		onChange: (event) => updateFilter(filter.id, { value: event.target.value })
+	});
+	if (field.type === "datetime") return /* @__PURE__ */ jsx(Input, {
+		type: "datetime-local",
+		className: "h-8 text-xs",
+		value: typeof filter.value === "string" ? filter.value : "",
+		onChange: (event) => updateFilter(filter.id, { value: event.target.value })
+	});
+	if (field.type === "time") return /* @__PURE__ */ jsx(Input, {
+		type: "time",
+		className: "h-8 text-xs",
+		value: typeof filter.value === "string" ? filter.value : "",
+		onChange: (event) => updateFilter(filter.id, { value: event.target.value })
+	});
+	return /* @__PURE__ */ jsx(Input, {
+		className: "h-8 text-xs",
+		placeholder: t("viewOptions.valuePlaceholder"),
+		value: typeof filter.value === "string" ? filter.value : "",
+		onChange: (event) => updateFilter(filter.id, { value: event.target.value })
+	});
 }
 function FiltersTab({ fields, filters, onFiltersChange }) {
 	"use no memo";
@@ -542,8 +252,8 @@ function FiltersTab({ fields, filters, onFiltersChange }) {
 			...updates
 		} : f));
 	};
-	const removeFilter = (id_0) => {
-		onFiltersChange(filters.filter((f_0) => f_0.id !== id_0));
+	const removeFilter = (id) => {
+		onFiltersChange(filters.filter((f) => f.id !== id));
 	};
 	const clearAllFilters = () => {
 		onFiltersChange([]);
@@ -582,10 +292,10 @@ function FiltersTab({ fields, filters, onFiltersChange }) {
 				children: t("viewOptions.filtersDescription")
 			}),
 			filters.map((filter, idx) => {
-				const field_0 = fields.find((f_1) => f_1.name === filter.field);
-				const availableOperators = getOperatorsForField(field_0);
+				const field = fields.find((f) => f.name === filter.field);
+				const availableOperators = getOperatorsForField(field);
 				const activeOperator = availableOperators.includes(filter.operator) ? filter.operator : availableOperators[0] ?? "equals";
-				const selectOptions = field_0?.type === "select" ? normalizeSelectOptions(field_0.options?.options) : [];
+				const selectOptions = field?.type === "select" ? normalizeSelectOptions(field.options?.options) : [];
 				return /* @__PURE__ */ jsxs("div", {
 					className: "bg-muted border-border space-y-2 border p-3",
 					children: [
@@ -611,7 +321,7 @@ function FiltersTab({ fields, filters, onFiltersChange }) {
 							children: [/* @__PURE__ */ jsxs(Select, {
 								value: filter.field || void 0,
 								onValueChange: (value) => {
-									const selectedField = fields.find((f_2) => f_2.name === value);
+									const selectedField = fields.find((f) => f.name === value);
 									const nextOperator = getOperatorsForField(selectedField)[0] ?? "equals";
 									updateFilter(filter.id, {
 										field: value ?? "",
@@ -621,18 +331,18 @@ function FiltersTab({ fields, filters, onFiltersChange }) {
 								},
 								children: [/* @__PURE__ */ jsx(SelectTrigger, {
 									className: "h-8 text-xs",
-									children: /* @__PURE__ */ jsx(SelectValue, { children: filter.field ? resolveText(fields.find((f_3) => f_3.name === filter.field)?.label ?? filter.field) : t("viewOptions.selectField") })
-								}), /* @__PURE__ */ jsx(SelectContent, { children: filterableFields.map((f_4) => /* @__PURE__ */ jsx(SelectItem, {
-									value: f_4.name,
-									children: resolveText(f_4.label)
-								}, f_4.name)) })]
+									children: /* @__PURE__ */ jsx(SelectValue, { children: filter.field ? resolveText(fields.find((f) => f.name === filter.field)?.label ?? filter.field) : t("viewOptions.selectField") })
+								}), /* @__PURE__ */ jsx(SelectContent, { children: filterableFields.map((f) => /* @__PURE__ */ jsx(SelectItem, {
+									value: f.name,
+									children: resolveText(f.label)
+								}, f.name)) })]
 							}), /* @__PURE__ */ jsxs(Select, {
 								value: activeOperator || void 0,
-								onValueChange: (value_0) => {
-									const nextOperator_0 = value_0;
+								onValueChange: (value) => {
+									const nextOperator = value;
 									updateFilter(filter.id, {
-										operator: nextOperator_0,
-										value: normalizeValueForOperator(field_0, nextOperator_0, filter.value)
+										operator: nextOperator,
+										value: normalizeValueForOperator(field, nextOperator, filter.value)
 									});
 								},
 								children: [/* @__PURE__ */ jsx(SelectTrigger, {
@@ -645,7 +355,7 @@ function FiltersTab({ fields, filters, onFiltersChange }) {
 							})]
 						}),
 						/* @__PURE__ */ jsx(FilterValueInput, {
-							field: field_0,
+							field,
 							filter,
 							activeOperator,
 							selectOptions,