@questpie/admin 3.2.3 → 3.2.5

package/dist/client/components/filter-builder/filter-builder-sheet.mjs

@@ -7,9 +7,8 @@ import { SelectSingle } from "../primitives/select-single.mjs";
 import { ColumnsTab } from "./columns-tab.mjs";
 import { FiltersTab } from "./filters-tab.mjs";
 import { SavedViewsTab } from "./saved-views-tab.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/filter-builder/filter-builder-sheet.tsx
@@ -50,79 +49,32 @@ function normalizeSavedViewConfig(config) {
 		}
 	};
 }
-function ViewOptionRow(t0) {
-	const $ = c(12);
-	const { title, description, control } = t0;
-	let t1;
-	if ($[0] !== title) {
-		t1 = /* @__PURE__ */ jsx("p", {
-			className: "text-sm font-medium",
-			children: title
-		});
-		$[0] = title;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== description) {
-		t2 = /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground mt-0.5 text-xs text-pretty",
-			children: description
-		});
-		$[2] = description;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== t1 || $[5] !== t2) {
-		t3 = /* @__PURE__ */ jsxs("div", {
+function ViewOptionRow({ title, description, control }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "border-border-subtle flex items-center justify-between gap-4 border-b py-3 last:border-b-0",
+		children: [/* @__PURE__ */ jsxs("div", {
 			className: "min-w-0",
-			children: [t1, t2]
-		});
-		$[4] = t1;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] !== control) {
-		t4 = /* @__PURE__ */ jsx("div", {
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-sm font-medium",
+				children: title
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mt-0.5 text-xs text-pretty",
+				children: description
+			})]
+		}), /* @__PURE__ */ jsx("div", {
 			className: "shrink-0",
 			children: control
-		});
-		$[7] = control;
-		$[8] = t4;
-	} else t4 = $[8];
-	let t5;
-	if ($[9] !== t3 || $[10] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("div", {
-			className: "border-border-subtle flex items-center justify-between gap-4 border-b py-3 last:border-b-0",
-			children: [t3, t4]
-		});
-		$[9] = t3;
-		$[10] = t4;
-		$[11] = t5;
-	} else t5 = $[11];
-	return t5;
+		})]
+	});
 }
-function FilterBuilderSheet(t0) {
-	const $ = c(124);
-	const { collection, availableFields, currentConfig, onConfigChange, isOpen, onOpenChange, defaultColumns, savedViews, savedViewsLoading: t1, onSaveView, onDeleteView, supportsSoftDelete: t2, groupableFields: t3, defaultGroupBy: t4 } = t0;
-	const savedViewsLoading = t1 === void 0 ? false : t1;
-	const supportsSoftDelete = t2 === void 0 ? false : t2;
-	const groupableFields = t3 === void 0 ? EMPTY_GROUPABLE_FIELDS : t3;
-	const defaultGroupBy = t4 === void 0 ? null : t4;
+function FilterBuilderSheet({ collection, availableFields, currentConfig, onConfigChange, isOpen, onOpenChange, defaultColumns, savedViews, savedViewsLoading = false, onSaveView, onDeleteView, supportsSoftDelete = false, groupableFields = EMPTY_GROUPABLE_FIELDS, defaultGroupBy = null }) {
 	const resolvedSavedViews = savedViews ?? EMPTY_SAVED_VIEWS;
 	const { t } = useTranslation();
 	const [localConfig, setLocalConfig] = useState(currentConfig);
-	let t5;
-	if ($[0] !== currentConfig || $[1] !== isOpen) {
-		t5 = {
-			isOpen,
-			currentConfig
-		};
-		$[0] = currentConfig;
-		$[1] = isOpen;
-		$[2] = t5;
-	} else t5 = $[2];
-	const [prev, setPrev] = useState(t5);
+	const [prev, setPrev] = useState({
+		isOpen,
+		currentConfig
+	});
 	if (prev.isOpen !== isOpen || prev.currentConfig !== currentConfig) {
 		setPrev({
 			isOpen,
@@ -130,486 +82,191 @@ function FilterBuilderSheet(t0) {
 		});
 		if (isOpen) setLocalConfig(currentConfig);
 	}
-	let t6;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = (view) => {
-			setLocalConfig(normalizeSavedViewConfig(view.configuration));
-		};
-		$[3] = t6;
-	} else t6 = $[3];
-	const handleLoadView = t6;
-	let t7;
-	if ($[4] !== localConfig || $[5] !== onSaveView) {
-		t7 = (name) => {
-			onSaveView?.(name, normalizeSavedViewConfig(localConfig));
-		};
-		$[4] = localConfig;
-		$[5] = onSaveView;
-		$[6] = t7;
-	} else t7 = $[6];
-	const handleSaveView = t7;
-	let t8;
-	if ($[7] !== localConfig || $[8] !== onConfigChange || $[9] !== onOpenChange) {
-		t8 = () => {
-			onConfigChange(localConfig);
-			onOpenChange(false);
-		};
-		$[7] = localConfig;
-		$[8] = onConfigChange;
-		$[9] = onOpenChange;
-		$[10] = t8;
-	} else t8 = $[10];
-	const handleApply = t8;
-	let t9;
-	if ($[11] !== availableFields || $[12] !== defaultColumns || $[13] !== defaultGroupBy) {
-		t9 = () => {
-			setLocalConfig({
-				filters: [],
-				sortConfig: null,
-				visibleColumns: defaultColumns ?? availableFields.map(_temp),
-				groupBy: defaultGroupBy,
-				collapsedGroups: [],
-				realtime: void 0,
-				includeDeleted: false
-			});
-		};
-		$[11] = availableFields;
-		$[12] = defaultColumns;
-		$[13] = defaultGroupBy;
-		$[14] = t9;
-	} else t9 = $[14];
-	const handleReset = t9;
-	let t10;
-	if ($[15] !== currentConfig || $[16] !== localConfig) {
-		t10 = viewConfigEqual(localConfig, currentConfig);
-		$[15] = currentConfig;
-		$[16] = localConfig;
-		$[17] = t10;
-	} else t10 = $[17];
-	const hasChanges = !t10;
-	let t11;
-	if ($[18] !== t) {
-		t11 = t("viewOptions.noGrouping");
-		$[18] = t;
-		$[19] = t11;
-	} else t11 = $[19];
-	let t12;
-	if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsx(Icon, {
+	const handleLoadView = (view) => {
+		setLocalConfig(normalizeSavedViewConfig(view.configuration));
+	};
+	const handleSaveView = (name) => {
+		onSaveView?.(name, normalizeSavedViewConfig(localConfig));
+	};
+	const handleApply = () => {
+		onConfigChange(localConfig);
+		onOpenChange(false);
+	};
+	const handleReset = () => {
+		setLocalConfig({
+			filters: [],
+			sortConfig: null,
+			visibleColumns: defaultColumns ?? availableFields.map((f) => f.name),
+			groupBy: defaultGroupBy,
+			collapsedGroups: [],
+			realtime: void 0,
+			includeDeleted: false
+		});
+	};
+	const hasChanges = !viewConfigEqual(localConfig, currentConfig);
+	const groupByOptions = useMemo(() => [{
+		value: NO_GROUPING_VALUE,
+		label: t("viewOptions.noGrouping"),
+		icon: /* @__PURE__ */ jsx(Icon, {
 			icon: "ph:stack-simple",
 			className: "size-4 opacity-60"
-		});
-		$[20] = t12;
-	} else t12 = $[20];
-	let t13;
-	if ($[21] !== t11) {
-		t13 = {
-			value: NO_GROUPING_VALUE,
-			label: t11,
-			icon: t12
-		};
-		$[21] = t11;
-		$[22] = t13;
-	} else t13 = $[22];
-	let t14;
-	if ($[23] !== groupableFields || $[24] !== t13) {
-		t14 = [t13, ...groupableFields.map(_temp2)];
-		$[23] = groupableFields;
-		$[24] = t13;
-		$[25] = t14;
-	} else t14 = $[25];
-	const groupByOptions = t14;
-	let t15;
-	if ($[26] !== t) {
-		t15 = t("viewOptions.title");
-		$[26] = t;
-		$[27] = t15;
-	} else t15 = $[27];
-	let t16;
-	if ($[28] !== t15) {
-		t16 = /* @__PURE__ */ jsx(SheetHeader, {
-			className: "px-6 pt-6",
-			children: /* @__PURE__ */ jsx(SheetTitle, { children: t15 })
-		});
-		$[28] = t15;
-		$[29] = t16;
-	} else t16 = $[29];
-	let t17;
-	if ($[30] !== t) {
-		t17 = t("viewOptions.realtime");
-		$[30] = t;
-		$[31] = t17;
-	} else t17 = $[31];
-	let t18;
-	if ($[32] !== t) {
-		t18 = t("viewOptions.realtimeDescription");
-		$[32] = t;
-		$[33] = t18;
-	} else t18 = $[33];
-	const t19 = localConfig.realtime ?? true;
-	let t20;
-	if ($[34] !== localConfig) {
-		t20 = (checked) => setLocalConfig({
-			...localConfig,
-			realtime: checked
-		});
-		$[34] = localConfig;
-		$[35] = t20;
-	} else t20 = $[35];
-	let t21;
-	if ($[36] !== t19 || $[37] !== t20) {
-		t21 = /* @__PURE__ */ jsx(Switch, {
-			checked: t19,
-			onCheckedChange: t20
-		});
-		$[36] = t19;
-		$[37] = t20;
-		$[38] = t21;
-	} else t21 = $[38];
-	let t22;
-	if ($[39] !== t17 || $[40] !== t18 || $[41] !== t21) {
-		t22 = /* @__PURE__ */ jsx(ViewOptionRow, {
-			title: t17,
-			description: t18,
-			control: t21
-		});
-		$[39] = t17;
-		$[40] = t18;
-		$[41] = t21;
-		$[42] = t22;
-	} else t22 = $[42];
-	let t23;
-	if ($[43] !== localConfig || $[44] !== supportsSoftDelete || $[45] !== t) {
-		t23 = supportsSoftDelete && /* @__PURE__ */ jsx(ViewOptionRow, {
-			title: t("viewOptions.showDeleted"),
-			description: t("viewOptions.showDeletedDescription"),
-			control: /* @__PURE__ */ jsx(Switch, {
-				checked: localConfig.includeDeleted ?? false,
-				onCheckedChange: (checked_0) => setLocalConfig({
-					...localConfig,
-					includeDeleted: checked_0
-				})
-			})
-		});
-		$[43] = localConfig;
-		$[44] = supportsSoftDelete;
-		$[45] = t;
-		$[46] = t23;
-	} else t23 = $[46];
-	let t24;
-	if ($[47] !== groupByOptions || $[48] !== groupableFields.length || $[49] !== localConfig || $[50] !== t) {
-		t24 = groupableFields.length > 0 && /* @__PURE__ */ jsx(ViewOptionRow, {
-			title: t("viewOptions.groupBy"),
-			description: t("viewOptions.groupByDescription"),
-			control: /* @__PURE__ */ jsx(SelectSingle, {
-				id: "view-options-group-by",
-				value: localConfig.groupBy ?? NO_GROUPING_VALUE,
-				onChange: (value) => {
-					const nextGroupBy = !value || value === NO_GROUPING_VALUE ? null : value;
-					setLocalConfig({
-						...localConfig,
-						groupBy: nextGroupBy,
-						collapsedGroups: [],
-						pagination: {
-							...localConfig.pagination ?? { pageSize: 25 },
-							page: 1
-						}
-					});
-				},
-				options: groupByOptions,
-				clearable: false,
-				emptyMessage: t("viewOptions.noFieldsAvailable"),
-				placeholder: t("viewOptions.noGrouping"),
-				drawerTitle: t("viewOptions.groupBy"),
-				className: "h-9 w-48"
-			})
-		});
-		$[47] = groupByOptions;
-		$[48] = groupableFields.length;
-		$[49] = localConfig;
-		$[50] = t;
-		$[51] = t24;
-	} else t24 = $[51];
-	let t25;
-	if ($[52] !== t22 || $[53] !== t23 || $[54] !== t24) {
-		t25 = /* @__PURE__ */ jsxs("div", {
-			className: "mt-4",
-			children: [
-				t22,
-				t23,
-				t24
-			]
-		});
-		$[52] = t22;
-		$[53] = t23;
-		$[54] = t24;
-		$[55] = t25;
-	} else t25 = $[55];
-	let t26;
-	if ($[56] !== t) {
-		t26 = t("viewOptions.columns");
-		$[56] = t;
-		$[57] = t26;
-	} else t26 = $[57];
-	let t27;
-	if ($[58] !== t26) {
-		t27 = /* @__PURE__ */ jsx(TabsTrigger, {
-			value: "columns",
-			className: "flex-1",
-			children: t26
-		});
-		$[58] = t26;
-		$[59] = t27;
-	} else t27 = $[59];
-	let t28;
-	if ($[60] !== t) {
-		t28 = t("viewOptions.filters");
-		$[60] = t;
-		$[61] = t28;
-	} else t28 = $[61];
-	let t29;
-	if ($[62] !== localConfig.filters.length) {
-		t29 = localConfig.filters.length > 0 && /* @__PURE__ */ jsx("span", {
-			className: "bg-foreground text-background ml-1.5 rounded-full px-1.5 py-0.5 text-xs tabular-nums",
-			children: localConfig.filters.length
-		});
-		$[62] = localConfig.filters.length;
-		$[63] = t29;
-	} else t29 = $[63];
-	let t30;
-	if ($[64] !== t28 || $[65] !== t29) {
-		t30 = /* @__PURE__ */ jsxs(TabsTrigger, {
-			value: "filters",
-			className: "flex-1",
-			children: [t28, t29]
-		});
-		$[64] = t28;
-		$[65] = t29;
-		$[66] = t30;
-	} else t30 = $[66];
-	let t31;
-	if ($[67] !== t) {
-		t31 = t("viewOptions.savedViews");
-		$[67] = t;
-		$[68] = t31;
-	} else t31 = $[68];
-	let t32;
-	if ($[69] !== t31) {
-		t32 = /* @__PURE__ */ jsx(TabsTrigger, {
-			value: "views",
-			className: "flex-1",
-			children: t31
-		});
-		$[69] = t31;
-		$[70] = t32;
-	} else t32 = $[70];
-	let t33;
-	if ($[71] !== t27 || $[72] !== t30 || $[73] !== t32) {
-		t33 = /* @__PURE__ */ jsxs(TabsList, {
-			className: "w-full",
-			children: [
-				t27,
-				t30,
-				t32
-			]
-		});
-		$[71] = t27;
-		$[72] = t30;
-		$[73] = t32;
-		$[74] = t33;
-	} else t33 = $[74];
-	let t34;
-	if ($[75] !== localConfig) {
-		t34 = (columns) => setLocalConfig({
-			...localConfig,
-			visibleColumns: columns
-		});
-		$[75] = localConfig;
-		$[76] = t34;
-	} else t34 = $[76];
-	let t35;
-	if ($[77] !== availableFields || $[78] !== localConfig.visibleColumns || $[79] !== t34) {
-		t35 = /* @__PURE__ */ jsx(TabsContent, {
-			value: "columns",
-			children: /* @__PURE__ */ jsx(ColumnsTab, {
-				fields: availableFields,
-				visibleColumns: localConfig.visibleColumns,
-				onVisibleColumnsChange: t34
-			})
-		});
-		$[77] = availableFields;
-		$[78] = localConfig.visibleColumns;
-		$[79] = t34;
-		$[80] = t35;
-	} else t35 = $[80];
-	let t36;
-	if ($[81] !== localConfig) {
-		t36 = (filters) => setLocalConfig({
-			...localConfig,
-			filters
-		});
-		$[81] = localConfig;
-		$[82] = t36;
-	} else t36 = $[82];
-	let t37;
-	if ($[83] !== availableFields || $[84] !== localConfig.filters || $[85] !== t36) {
-		t37 = /* @__PURE__ */ jsx(TabsContent, {
-			value: "filters",
-			children: /* @__PURE__ */ jsx(FiltersTab, {
-				fields: availableFields,
-				filters: localConfig.filters,
-				onFiltersChange: t36
-			})
-		});
-		$[83] = availableFields;
-		$[84] = localConfig.filters;
-		$[85] = t36;
-		$[86] = t37;
-	} else t37 = $[86];
-	const t38 = onDeleteView || _temp3;
-	let t39;
-	if ($[87] !== collection || $[88] !== handleSaveView || $[89] !== localConfig || $[90] !== resolvedSavedViews || $[91] !== savedViewsLoading || $[92] !== t38) {
-		t39 = /* @__PURE__ */ jsx(TabsContent, {
-			value: "views",
-			children: /* @__PURE__ */ jsx(SavedViewsTab, {
-				collection,
-				currentConfig: localConfig,
-				savedViews: resolvedSavedViews,
-				isLoading: savedViewsLoading,
-				onLoadView: handleLoadView,
-				onSaveView: handleSaveView,
-				onDeleteView: t38
-			})
-		});
-		$[87] = collection;
-		$[88] = handleSaveView;
-		$[89] = localConfig;
-		$[90] = resolvedSavedViews;
-		$[91] = savedViewsLoading;
-		$[92] = t38;
-		$[93] = t39;
-	} else t39 = $[93];
-	let t40;
-	if ($[94] !== t33 || $[95] !== t35 || $[96] !== t37 || $[97] !== t39) {
-		t40 = /* @__PURE__ */ jsxs(Tabs, {
-			defaultValue: "columns",
-			className: "mt-4",
-			children: [
-				t33,
-				t35,
-				t37,
-				t39
-			]
-		});
-		$[94] = t33;
-		$[95] = t35;
-		$[96] = t37;
-		$[97] = t39;
-		$[98] = t40;
-	} else t40 = $[98];
-	let t41;
-	if ($[99] !== t25 || $[100] !== t40) {
-		t41 = /* @__PURE__ */ jsxs("div", {
-			className: "flex-1 overflow-y-auto px-6",
-			children: [t25, t40]
-		});
-		$[99] = t25;
-		$[100] = t40;
-		$[101] = t41;
-	} else t41 = $[101];
-	let t42;
-	if ($[102] !== t) {
-		t42 = t("viewOptions.reset");
-		$[102] = t;
-		$[103] = t42;
-	} else t42 = $[103];
-	let t43;
-	if ($[104] !== handleReset || $[105] !== t42) {
-		t43 = /* @__PURE__ */ jsx(Button, {
-			variant: "outline",
-			onClick: handleReset,
-			className: "flex-1",
-			children: t42
-		});
-		$[104] = handleReset;
-		$[105] = t42;
-		$[106] = t43;
-	} else t43 = $[106];
-	let t44;
-	if ($[107] !== t) {
-		t44 = t("viewOptions.apply");
-		$[107] = t;
-		$[108] = t44;
-	} else t44 = $[108];
-	const t45 = hasChanges && " *";
-	let t46;
-	if ($[109] !== handleApply || $[110] !== t44 || $[111] !== t45) {
-		t46 = /* @__PURE__ */ jsxs(Button, {
-			onClick: handleApply,
-			className: "flex-1",
-			children: [t44, t45]
-		});
-		$[109] = handleApply;
-		$[110] = t44;
-		$[111] = t45;
-		$[112] = t46;
-	} else t46 = $[112];
-	let t47;
-	if ($[113] !== t43 || $[114] !== t46) {
-		t47 = /* @__PURE__ */ jsx(SheetFooter, {
-			className: "mt-4 border-t px-6 py-4",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex w-full gap-2",
-				children: [t43, t46]
-			})
-		});
-		$[113] = t43;
-		$[114] = t46;
-		$[115] = t47;
-	} else t47 = $[115];
-	let t48;
-	if ($[116] !== t16 || $[117] !== t41 || $[118] !== t47) {
-		t48 = /* @__PURE__ */ jsxs(SheetContent, {
-			side: "right",
-			className: "qa-filter-builder flex flex-col p-0 sm:max-w-md",
-			children: [
-				t16,
-				t41,
-				t47
-			]
-		});
-		$[116] = t16;
-		$[117] = t41;
-		$[118] = t47;
-		$[119] = t48;
-	} else t48 = $[119];
-	let t49;
-	if ($[120] !== isOpen || $[121] !== onOpenChange || $[122] !== t48) {
-		t49 = /* @__PURE__ */ jsx(Sheet, {
-			open: isOpen,
-			onOpenChange,
-			children: t48
-		});
-		$[120] = isOpen;
-		$[121] = onOpenChange;
-		$[122] = t48;
-		$[123] = t49;
-	} else t49 = $[123];
-	return t49;
-}
-function _temp3() {}
-function _temp2(field) {
-	return {
+		})
+	}, ...groupableFields.map((field) => ({
 		value: field.name,
 		label: field.label,
 		icon: /* @__PURE__ */ jsx(Icon, {
 			icon: "ph:rows",
 			className: "size-4 opacity-60"
 		})
-	};
-}
-function _temp(f) {
-	return f.name;
+	}))], [groupableFields, t]);
+	return /* @__PURE__ */ jsx(Sheet, {
+		open: isOpen,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			side: "right",
+			className: "qa-filter-builder flex flex-col p-0 sm:max-w-md",
+			children: [
+				/* @__PURE__ */ jsx(SheetHeader, {
+					className: "px-6 pt-6",
+					children: /* @__PURE__ */ jsx(SheetTitle, { children: t("viewOptions.title") })
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex-1 overflow-y-auto px-6",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "mt-4",
+						children: [
+							/* @__PURE__ */ jsx(ViewOptionRow, {
+								title: t("viewOptions.realtime"),
+								description: t("viewOptions.realtimeDescription"),
+								control: /* @__PURE__ */ jsx(Switch, {
+									checked: localConfig.realtime ?? true,
+									onCheckedChange: (checked) => setLocalConfig({
+										...localConfig,
+										realtime: checked
+									})
+								})
+							}),
+							supportsSoftDelete && /* @__PURE__ */ jsx(ViewOptionRow, {
+								title: t("viewOptions.showDeleted"),
+								description: t("viewOptions.showDeletedDescription"),
+								control: /* @__PURE__ */ jsx(Switch, {
+									checked: localConfig.includeDeleted ?? false,
+									onCheckedChange: (checked) => setLocalConfig({
+										...localConfig,
+										includeDeleted: checked
+									})
+								})
+							}),
+							groupableFields.length > 0 && /* @__PURE__ */ jsx(ViewOptionRow, {
+								title: t("viewOptions.groupBy"),
+								description: t("viewOptions.groupByDescription"),
+								control: /* @__PURE__ */ jsx(SelectSingle, {
+									id: "view-options-group-by",
+									value: localConfig.groupBy ?? NO_GROUPING_VALUE,
+									onChange: (value) => {
+										const nextGroupBy = !value || value === NO_GROUPING_VALUE ? null : value;
+										setLocalConfig({
+											...localConfig,
+											groupBy: nextGroupBy,
+											collapsedGroups: [],
+											pagination: {
+												...localConfig.pagination ?? { pageSize: 25 },
+												page: 1
+											}
+										});
+									},
+									options: groupByOptions,
+									clearable: false,
+									emptyMessage: t("viewOptions.noFieldsAvailable"),
+									placeholder: t("viewOptions.noGrouping"),
+									drawerTitle: t("viewOptions.groupBy"),
+									className: "h-9 w-48"
+								})
+							})
+						]
+					}), /* @__PURE__ */ jsxs(Tabs, {
+						defaultValue: "columns",
+						className: "mt-4",
+						children: [
+							/* @__PURE__ */ jsxs(TabsList, {
+								className: "w-full",
+								children: [
+									/* @__PURE__ */ jsx(TabsTrigger, {
+										value: "columns",
+										className: "flex-1",
+										children: t("viewOptions.columns")
+									}),
+									/* @__PURE__ */ jsxs(TabsTrigger, {
+										value: "filters",
+										className: "flex-1",
+										children: [t("viewOptions.filters"), localConfig.filters.length > 0 && /* @__PURE__ */ jsx("span", {
+											className: "bg-foreground text-background ml-1.5 rounded-full px-1.5 py-0.5 text-xs tabular-nums",
+											children: localConfig.filters.length
+										})]
+									}),
+									/* @__PURE__ */ jsx(TabsTrigger, {
+										value: "views",
+										className: "flex-1",
+										children: t("viewOptions.savedViews")
+									})
+								]
+							}),
+							/* @__PURE__ */ jsx(TabsContent, {
+								value: "columns",
+								children: /* @__PURE__ */ jsx(ColumnsTab, {
+									fields: availableFields,
+									visibleColumns: localConfig.visibleColumns,
+									onVisibleColumnsChange: (columns) => setLocalConfig({
+										...localConfig,
+										visibleColumns: columns
+									})
+								})
+							}),
+							/* @__PURE__ */ jsx(TabsContent, {
+								value: "filters",
+								children: /* @__PURE__ */ jsx(FiltersTab, {
+									fields: availableFields,
+									filters: localConfig.filters,
+									onFiltersChange: (filters) => setLocalConfig({
+										...localConfig,
+										filters
+									})
+								})
+							}),
+							/* @__PURE__ */ jsx(TabsContent, {
+								value: "views",
+								children: /* @__PURE__ */ jsx(SavedViewsTab, {
+									collection,
+									currentConfig: localConfig,
+									savedViews: resolvedSavedViews,
+									isLoading: savedViewsLoading,
+									onLoadView: handleLoadView,
+									onSaveView: handleSaveView,
+									onDeleteView: onDeleteView || (() => {})
+								})
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ jsx(SheetFooter, {
+					className: "mt-4 border-t px-6 py-4",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "flex w-full gap-2",
+						children: [/* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							onClick: handleReset,
+							className: "flex-1",
+							children: t("viewOptions.reset")
+						}), /* @__PURE__ */ jsxs(Button, {
+							onClick: handleApply,
+							className: "flex-1",
+							children: [t("viewOptions.apply"), hasChanges && " *"]
+						})]
+					})
+				})
+			]
+		})
+	});
 }
 
 //#endregion