@questpie/admin 1.1.1 → 3.0.0

package/dist/client/components/filter-builder/saved-views-tab.mjs

@@ -0,0 +1,278 @@
+import { useTranslation } from "../../i18n/hooks.mjs";
+import { Button } from "../ui/button.mjs";
+import { Input } from "../ui/input.mjs";
+import { c } from "react/compiler-runtime";
+import { Icon } from "@iconify/react";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/filter-builder/saved-views-tab.tsx
+function SavedViewsTab(t0) {
+	const $ = c(62);
+	const { currentConfig, savedViews, isLoading, onLoadView, onSaveView, onDeleteView } = t0;
+	const { t } = useTranslation();
+	const [viewName, setViewName] = useState("");
+	let t1;
+	if ($[0] !== currentConfig || $[1] !== onSaveView || $[2] !== viewName) {
+		t1 = () => {
+			if (!viewName.trim()) return;
+			onSaveView(viewName.trim(), currentConfig);
+			setViewName("");
+		};
+		$[0] = currentConfig;
+		$[1] = onSaveView;
+		$[2] = viewName;
+		$[3] = t1;
+	} else t1 = $[3];
+	const handleSave = t1;
+	const hasActiveConfig = currentConfig.filters.length > 0 || currentConfig.sortConfig !== null || currentConfig.visibleColumns.length > 0;
+	let t2;
+	if ($[4] !== t) {
+		t2 = t("viewOptions.saveCurrentConfig");
+		$[4] = t;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t2) {
+		t3 = /* @__PURE__ */ jsx("p", {
+			className: "text-primary mb-2 block text-xs font-semibold uppercase",
+			children: t2
+		});
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== t) {
+		t4 = t("viewOptions.viewNamePlaceholder");
+		$[8] = t;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = (e) => setViewName(e.target.value);
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== handleSave) {
+		t6 = (e_0) => e_0.key === "Enter" && handleSave();
+		$[11] = handleSave;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== t4 || $[14] !== t6 || $[15] !== viewName) {
+		t7 = /* @__PURE__ */ jsx(Input, {
+			className: "h-9 flex-1",
+			placeholder: t4,
+			value: viewName,
+			onChange: t5,
+			onKeyDown: t6
+		});
+		$[13] = t4;
+		$[14] = t6;
+		$[15] = viewName;
+		$[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	if ($[17] !== viewName) {
+		t8 = viewName.trim();
+		$[17] = viewName;
+		$[18] = t8;
+	} else t8 = $[18];
+	const t9 = !t8;
+	let t10;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:floppy-disk",
+			width: 16,
+			height: 16
+		});
+		$[19] = t10;
+	} else t10 = $[19];
+	let t11;
+	if ($[20] !== handleSave || $[21] !== t9) {
+		t11 = /* @__PURE__ */ jsx(Button, {
+			onClick: handleSave,
+			disabled: t9,
+			size: "sm",
+			className: "h-9 px-3",
+			children: t10
+		});
+		$[20] = handleSave;
+		$[21] = t9;
+		$[22] = t11;
+	} else t11 = $[22];
+	let t12;
+	if ($[23] !== t11 || $[24] !== t7) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: "flex gap-2",
+			children: [t7, t11]
+		});
+		$[23] = t11;
+		$[24] = t7;
+		$[25] = t12;
+	} else t12 = $[25];
+	let t13;
+	if ($[26] !== t) {
+		t13 = t("viewOptions.saveDescription");
+		$[26] = t;
+		$[27] = t13;
+	} else t13 = $[27];
+	let t14;
+	if ($[28] !== t13) {
+		t14 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-2 text-xs",
+			children: t13
+		});
+		$[28] = t13;
+		$[29] = t14;
+	} else t14 = $[29];
+	let t15;
+	if ($[30] !== hasActiveConfig || $[31] !== t) {
+		t15 = !hasActiveConfig && /* @__PURE__ */ jsx("p", {
+			className: "text-warning mt-1 text-xs",
+			children: t("viewOptions.noChangesToSave")
+		});
+		$[30] = hasActiveConfig;
+		$[31] = t;
+		$[32] = t15;
+	} else t15 = $[32];
+	let t16;
+	if ($[33] !== t12 || $[34] !== t14 || $[35] !== t15 || $[36] !== t3) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			className: "bg-primary/5 border-primary/20 border p-4",
+			children: [
+				t3,
+				t12,
+				t14,
+				t15
+			]
+		});
+		$[33] = t12;
+		$[34] = t14;
+		$[35] = t15;
+		$[36] = t3;
+		$[37] = t16;
+	} else t16 = $[37];
+	let t17;
+	if ($[38] !== t) {
+		t17 = t("viewOptions.savedViews");
+		$[38] = t;
+		$[39] = t17;
+	} else t17 = $[39];
+	let t18;
+	if ($[40] !== t17) {
+		t18 = /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mb-2 text-xs font-semibold uppercase",
+			children: t17
+		});
+		$[40] = t17;
+		$[41] = t18;
+	} else t18 = $[41];
+	let t19;
+	if ($[42] !== isLoading) {
+		t19 = isLoading && /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground flex justify-center p-4",
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:spinner-gap",
+				className: "size-5 animate-spin"
+			})
+		});
+		$[42] = isLoading;
+		$[43] = t19;
+	} else t19 = $[43];
+	let t20;
+	if ($[44] !== isLoading || $[45] !== savedViews || $[46] !== t) {
+		t20 = !isLoading && savedViews.length === 0 && /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground p-4 text-center text-xs italic",
+			children: t("viewOptions.noSavedViews")
+		});
+		$[44] = isLoading;
+		$[45] = savedViews;
+		$[46] = t;
+		$[47] = t20;
+	} else t20 = $[47];
+	let t21;
+	if ($[48] !== isLoading || $[49] !== onDeleteView || $[50] !== onLoadView || $[51] !== savedViews || $[52] !== t) {
+		t21 = !isLoading && savedViews.map((view) => /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: "border-border hover:border-primary/50 bg-background group flex w-full cursor-pointer items-center justify-between border p-3 text-left transition-all hover:shadow-sm",
+			onClick: () => onLoadView(view),
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "group-hover:text-primary truncate text-sm font-medium transition-colors",
+					children: view.name
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "text-muted-foreground flex gap-2 text-xs",
+					children: [
+						/* @__PURE__ */ jsx("span", { children: t("viewOptions.filtersCount", { count: view.configuration.filters.length }) }),
+						/* @__PURE__ */ jsx("span", { children: "•" }),
+						/* @__PURE__ */ jsx("span", { children: t("viewOptions.columnsCount", { count: view.configuration.visibleColumns.length }) }),
+						view.isDefault && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: "•" }), /* @__PURE__ */ jsx("span", {
+							className: "text-primary",
+							children: t("viewOptions.defaultView")
+						})] })
+					]
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "icon-sm",
+					onClick: (e_1) => {
+						e_1.stopPropagation();
+						onDeleteView(view.id);
+					},
+					className: "text-muted-foreground hover:text-destructive opacity-0 group-hover:opacity-100",
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: "ph:trash",
+						width: 14,
+						height: 14
+					})
+				}), /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:arrow-right",
+					width: 14,
+					height: 14,
+					className: "text-primary opacity-0 transition-opacity group-hover:opacity-100"
+				})]
+			})]
+		}, view.id));
+		$[48] = isLoading;
+		$[49] = onDeleteView;
+		$[50] = onLoadView;
+		$[51] = savedViews;
+		$[52] = t;
+		$[53] = t21;
+	} else t21 = $[53];
+	let t22;
+	if ($[54] !== t18 || $[55] !== t19 || $[56] !== t20 || $[57] !== t21) {
+		t22 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [
+				t18,
+				t19,
+				t20,
+				t21
+			]
+		});
+		$[54] = t18;
+		$[55] = t19;
+		$[56] = t20;
+		$[57] = t21;
+		$[58] = t22;
+	} else t22 = $[58];
+	let t23;
+	if ($[59] !== t16 || $[60] !== t22) {
+		t23 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-6 py-4",
+			children: [t16, t22]
+		});
+		$[59] = t16;
+		$[60] = t22;
+		$[61] = t23;
+	} else t23 = $[61];
+	return t23;
+}
+
+//#endregion
+export { SavedViewsTab };