@questpie/admin 3.2.3 → 3.2.5

package/dist/client/hooks/use-view-state.mjs

@@ -1,7 +1,6 @@
 import { useAdminStore } from "../runtime/provider.mjs";
 import { getAdminPreferenceQueryKey, useSetAdminPreference } from "./use-admin-preferences.mjs";
-import { c } from "react/compiler-runtime";
-import { useEffect, useRef } from "react";
+import { useCallback, useEffect, useMemo, useRef } from "react";
 import { useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
 
 //#region src/client/hooks/use-view-state.ts
@@ -73,471 +72,222 @@ function mergeVisibleColumns(storedColumns, defaultColumns) {
 * ```
 */
 function useViewState(defaultColumns, initialConfig, collectionName, userId) {
-	const $ = c(114);
 	const queryClient = useQueryClient();
-	const client = useAdminStore(_temp);
-	let preferenceKey;
-	let t0;
-	if ($[0] !== collectionName || $[1] !== userId) {
-		preferenceKey = collectionName ? getPreferenceKey(collectionName) : null;
-		t0 = getAdminPreferenceQueryKey(userId, preferenceKey ?? "");
-		$[0] = collectionName;
-		$[1] = userId;
-		$[2] = preferenceKey;
-		$[3] = t0;
-	} else {
-		preferenceKey = $[2];
-		t0 = $[3];
-	}
-	const queryKey = t0;
-	let t1;
-	if ($[4] !== client || $[5] !== preferenceKey || $[6] !== userId) {
-		t1 = async () => {
+	const client = useAdminStore((s) => s.client);
+	const preferenceKey = collectionName ? getPreferenceKey(collectionName) : null;
+	const queryKey = getAdminPreferenceQueryKey(userId, preferenceKey ?? "");
+	const { data: storedConfig } = useSuspenseQuery({
+		queryKey,
+		queryFn: async () => {
 			if (!userId || !preferenceKey) return null;
 			return (await client.collections.admin_preferences.findOne({ where: {
 				userId,
 				key: preferenceKey
 			} }))?.value ?? null;
-		};
-		$[4] = client;
-		$[5] = preferenceKey;
-		$[6] = userId;
-		$[7] = t1;
-	} else t1 = $[7];
-	let t2;
-	if ($[8] !== queryKey || $[9] !== t1) {
-		t2 = {
-			queryKey,
-			queryFn: t1
-		};
-		$[8] = queryKey;
-		$[9] = t1;
-		$[10] = t2;
-	} else t2 = $[10];
-	const { data: storedConfig } = useSuspenseQuery(t2);
-	const { mutate: savePreference } = useSetAdminPreference(preferenceKey ?? "");
-	let t3;
-	bb0: {
-		if (storedConfig) {
-			let t4$2;
-			if ($[11] !== storedConfig.filters) {
-				t4$2 = storedConfig.filters ?? [];
-				$[11] = storedConfig.filters;
-				$[12] = t4$2;
-			} else t4$2 = $[12];
-			const t5$2 = storedConfig.sortConfig ?? null;
-			let t6$2;
-			if ($[13] !== defaultColumns || $[14] !== storedConfig.visibleColumns) {
-				t6$2 = mergeVisibleColumns(storedConfig.visibleColumns, defaultColumns);
-				$[13] = defaultColumns;
-				$[14] = storedConfig.visibleColumns;
-				$[15] = t6$2;
-			} else t6$2 = $[15];
-			const t7$2 = storedConfig.groupBy !== void 0 ? storedConfig.groupBy : initialConfig?.groupBy ?? null;
-			let t8$2;
-			if ($[16] !== storedConfig.collapsedGroups) {
-				t8$2 = storedConfig.collapsedGroups ?? [];
-				$[16] = storedConfig.collapsedGroups;
-				$[17] = t8$2;
-			} else t8$2 = $[17];
-			const t9$2 = storedConfig.realtime !== void 0 ? storedConfig.realtime : initialConfig?.realtime;
-			const t10$2 = storedConfig.includeDeleted !== void 0 ? storedConfig.includeDeleted : initialConfig?.includeDeleted ?? false;
-			let t11$2;
-			if ($[18] !== storedConfig.pagination) {
-				t11$2 = storedConfig.pagination ?? {
-					page: 1,
-					pageSize: 25
-				};
-				$[18] = storedConfig.pagination;
-				$[19] = t11$2;
-			} else t11$2 = $[19];
-			let t12$1;
-			if ($[20] !== t10$2 || $[21] !== t11$2 || $[22] !== t4$2 || $[23] !== t5$2 || $[24] !== t6$2 || $[25] !== t7$2 || $[26] !== t8$2 || $[27] !== t9$2) {
-				t12$1 = {
-					filters: t4$2,
-					sortConfig: t5$2,
-					visibleColumns: t6$2,
-					groupBy: t7$2,
-					collapsedGroups: t8$2,
-					realtime: t9$2,
-					includeDeleted: t10$2,
-					pagination: t11$2
-				};
-				$[20] = t10$2;
-				$[21] = t11$2;
-				$[22] = t4$2;
-				$[23] = t5$2;
-				$[24] = t6$2;
-				$[25] = t7$2;
-				$[26] = t8$2;
-				$[27] = t9$2;
-				$[28] = t12$1;
-			} else t12$1 = $[28];
-			t3 = t12$1;
-			break bb0;
 		}
-		let t4$1;
-		if ($[29] !== initialConfig?.filters) {
-			t4$1 = initialConfig?.filters ?? [];
-			$[29] = initialConfig?.filters;
-			$[30] = t4$1;
-		} else t4$1 = $[30];
-		const t5$1 = initialConfig?.sortConfig ?? null;
-		const t6$1 = initialConfig?.groupBy ?? null;
-		let t7$1;
-		if ($[31] !== initialConfig?.collapsedGroups) {
-			t7$1 = initialConfig?.collapsedGroups ?? [];
-			$[31] = initialConfig?.collapsedGroups;
-			$[32] = t7$1;
-		} else t7$1 = $[32];
-		const t8$1 = initialConfig?.realtime;
-		const t9$1 = initialConfig?.includeDeleted ?? false;
-		let t10$1;
-		if ($[33] !== initialConfig?.pagination) {
-			t10$1 = initialConfig?.pagination ?? {
+	});
+	const { mutate: savePreference } = useSetAdminPreference(preferenceKey ?? "");
+	const config = useMemo(() => {
+		if (storedConfig) return {
+			filters: storedConfig.filters ?? [],
+			sortConfig: storedConfig.sortConfig ?? null,
+			visibleColumns: mergeVisibleColumns(storedConfig.visibleColumns, defaultColumns),
+			groupBy: storedConfig.groupBy !== void 0 ? storedConfig.groupBy : initialConfig?.groupBy ?? null,
+			collapsedGroups: storedConfig.collapsedGroups ?? [],
+			realtime: storedConfig.realtime !== void 0 ? storedConfig.realtime : initialConfig?.realtime,
+			includeDeleted: storedConfig.includeDeleted !== void 0 ? storedConfig.includeDeleted : initialConfig?.includeDeleted ?? false,
+			pagination: storedConfig.pagination ?? {
 				page: 1,
 				pageSize: 25
-			};
-			$[33] = initialConfig?.pagination;
-			$[34] = t10$1;
-		} else t10$1 = $[34];
-		let t11$1;
-		if ($[35] !== defaultColumns || $[36] !== t10$1 || $[37] !== t4$1 || $[38] !== t5$1 || $[39] !== t6$1 || $[40] !== t7$1 || $[41] !== t8$1 || $[42] !== t9$1) {
-			t11$1 = {
-				filters: t4$1,
-				sortConfig: t5$1,
-				visibleColumns: defaultColumns,
-				groupBy: t6$1,
-				collapsedGroups: t7$1,
-				realtime: t8$1,
-				includeDeleted: t9$1,
-				pagination: t10$1
-			};
-			$[35] = defaultColumns;
-			$[36] = t10$1;
-			$[37] = t4$1;
-			$[38] = t5$1;
-			$[39] = t6$1;
-			$[40] = t7$1;
-			$[41] = t8$1;
-			$[42] = t9$1;
-			$[43] = t11$1;
-		} else t11$1 = $[43];
-		t3 = t11$1;
-	}
-	const config = t3;
-	const saveTimeoutRef = useRef(null);
-	let t4;
-	let t5;
-	if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = () => () => {
-			if (saveTimeoutRef.current) clearTimeout(saveTimeoutRef.current);
+			}
 		};
-		t5 = [];
-		$[44] = t4;
-		$[45] = t5;
-	} else {
-		t4 = $[44];
-		t5 = $[45];
-	}
-	useEffect(t4, t5);
-	let t6;
-	if ($[46] !== config || $[47] !== preferenceKey || $[48] !== queryClient || $[49] !== queryKey || $[50] !== savePreference || $[51] !== userId) {
-		t6 = (newConfig) => {
-			const next = typeof newConfig === "function" ? newConfig(config) : newConfig;
-			if (preferenceKey && userId) queryClient.setQueryData(queryKey, next);
-			if (saveTimeoutRef.current) clearTimeout(saveTimeoutRef.current);
-			saveTimeoutRef.current = setTimeout(() => {
-				if (preferenceKey) savePreference(next);
-			}, 500);
-		};
-		$[46] = config;
-		$[47] = preferenceKey;
-		$[48] = queryClient;
-		$[49] = queryKey;
-		$[50] = savePreference;
-		$[51] = userId;
-		$[52] = t6;
-	} else t6 = $[52];
-	const setConfig = t6;
-	let t7;
-	if ($[53] !== setConfig) {
-		t7 = (filter) => {
-			setConfig((prev) => ({
-				...prev,
-				filters: [...prev.filters, filter]
-			}));
-		};
-		$[53] = setConfig;
-		$[54] = t7;
-	} else t7 = $[54];
-	const addFilter = t7;
-	let t8;
-	if ($[55] !== setConfig) {
-		t8 = (filterId) => {
-			setConfig((prev_0) => ({
-				...prev_0,
-				filters: prev_0.filters.filter((f) => f.id !== filterId)
-			}));
-		};
-		$[55] = setConfig;
-		$[56] = t8;
-	} else t8 = $[56];
-	const removeFilter = t8;
-	let t9;
-	if ($[57] !== setConfig) {
-		t9 = (filterId_0, updates) => {
-			setConfig((prev_1) => ({
-				...prev_1,
-				filters: prev_1.filters.map((f_0) => f_0.id === filterId_0 ? {
-					...f_0,
-					...updates
-				} : f_0)
-			}));
-		};
-		$[57] = setConfig;
-		$[58] = t9;
-	} else t9 = $[58];
-	const updateFilter = t9;
-	let t10;
-	if ($[59] !== setConfig) {
-		t10 = () => {
-			setConfig(_temp2);
+		return {
+			filters: initialConfig?.filters ?? [],
+			sortConfig: initialConfig?.sortConfig ?? null,
+			visibleColumns: defaultColumns,
+			groupBy: initialConfig?.groupBy ?? null,
+			collapsedGroups: initialConfig?.collapsedGroups ?? [],
+			realtime: initialConfig?.realtime,
+			includeDeleted: initialConfig?.includeDeleted ?? false,
+			pagination: initialConfig?.pagination ?? {
+				page: 1,
+				pageSize: 25
+			}
 		};
-		$[59] = setConfig;
-		$[60] = t10;
-	} else t10 = $[60];
-	const clearFilters = t10;
-	let t11;
-	if ($[61] !== setConfig) {
-		t11 = (sortConfig) => {
-			setConfig((prev_3) => ({
-				...prev_3,
-				sortConfig
-			}));
+	}, [
+		storedConfig,
+		defaultColumns,
+		initialConfig
+	]);
+	const saveTimeoutRef = useRef(null);
+	useEffect(() => {
+		return () => {
+			if (saveTimeoutRef.current) clearTimeout(saveTimeoutRef.current);
 		};
-		$[61] = setConfig;
-		$[62] = t11;
-	} else t11 = $[62];
-	const setSort = t11;
-	let t12;
-	if ($[63] !== setConfig) {
-		t12 = (field) => {
-			setConfig((prev_4) => {
-				if (prev_4.sortConfig?.field === field) {
-					if (prev_4.sortConfig.direction === "asc") return {
-						...prev_4,
-						sortConfig: {
-							field,
-							direction: "desc"
-						}
-					};
-					return {
-						...prev_4,
-						sortConfig: null
-					};
-				}
-				return {
-					...prev_4,
+	}, []);
+	const setConfig = useCallback((newConfig) => {
+		const next = typeof newConfig === "function" ? newConfig(config) : newConfig;
+		if (preferenceKey && userId) queryClient.setQueryData(queryKey, next);
+		if (saveTimeoutRef.current) clearTimeout(saveTimeoutRef.current);
+		saveTimeoutRef.current = setTimeout(() => {
+			if (preferenceKey) savePreference(next);
+		}, 500);
+	}, [
+		config,
+		preferenceKey,
+		userId,
+		queryClient,
+		queryKey,
+		savePreference
+	]);
+	const addFilter = useCallback((filter) => {
+		setConfig((prev) => ({
+			...prev,
+			filters: [...prev.filters, filter]
+		}));
+	}, [setConfig]);
+	const removeFilter = useCallback((filterId) => {
+		setConfig((prev) => ({
+			...prev,
+			filters: prev.filters.filter((f) => f.id !== filterId)
+		}));
+	}, [setConfig]);
+	const updateFilter = useCallback((filterId, updates) => {
+		setConfig((prev) => ({
+			...prev,
+			filters: prev.filters.map((f) => f.id === filterId ? {
+				...f,
+				...updates
+			} : f)
+		}));
+	}, [setConfig]);
+	const clearFilters = useCallback(() => {
+		setConfig((prev) => ({
+			...prev,
+			filters: []
+		}));
+	}, [setConfig]);
+	const setSort = useCallback((sortConfig) => {
+		setConfig((prev) => ({
+			...prev,
+			sortConfig
+		}));
+	}, [setConfig]);
+	const toggleSort = useCallback((field) => {
+		setConfig((prev) => {
+			if (prev.sortConfig?.field === field) {
+				if (prev.sortConfig.direction === "asc") return {
+					...prev,
 					sortConfig: {
 						field,
-						direction: "asc"
+						direction: "desc"
 					}
 				};
-			});
-		};
-		$[63] = setConfig;
-		$[64] = t12;
-	} else t12 = $[64];
-	const toggleSort = t12;
-	let t13;
-	if ($[65] !== setConfig) {
-		t13 = (columns) => {
-			setConfig((prev_5) => ({
-				...prev_5,
-				visibleColumns: columns
-			}));
-		};
-		$[65] = setConfig;
-		$[66] = t13;
-	} else t13 = $[66];
-	const setVisibleColumns = t13;
-	let t14;
-	if ($[67] !== setConfig) {
-		t14 = (groupBy) => {
-			setConfig((prev_6) => ({
-				...prev_6,
-				groupBy,
-				collapsedGroups: [],
-				pagination: {
-					...prev_6.pagination ?? { pageSize: 25 },
-					page: 1
-				}
-			}));
-		};
-		$[67] = setConfig;
-		$[68] = t14;
-	} else t14 = $[68];
-	const setGroupBy = t14;
-	let t15;
-	if ($[69] !== setConfig) {
-		t15 = (groupKey) => {
-			setConfig((prev_7) => {
-				const collapsedGroups = prev_7.collapsedGroups ?? [];
 				return {
-					...prev_7,
-					collapsedGroups: collapsedGroups.includes(groupKey) ? collapsedGroups.filter((key) => key !== groupKey) : [...collapsedGroups, groupKey]
+					...prev,
+					sortConfig: null
 				};
-			});
-		};
-		$[69] = setConfig;
-		$[70] = t15;
-	} else t15 = $[70];
-	const toggleCollapsedGroup = t15;
-	let t16;
-	if ($[71] !== setConfig) {
-		t16 = (page) => {
-			setConfig((prev_8) => ({
-				...prev_8,
-				pagination: {
-					...prev_8.pagination,
-					page
-				}
-			}));
-		};
-		$[71] = setConfig;
-		$[72] = t16;
-	} else t16 = $[72];
-	const setPage = t16;
-	let t17;
-	if ($[73] !== setConfig) {
-		t17 = (pageSize) => {
-			setConfig((prev_9) => ({
-				...prev_9,
-				pagination: {
-					page: 1,
-					pageSize
+			}
+			return {
+				...prev,
+				sortConfig: {
+					field,
+					direction: "asc"
 				}
-			}));
-		};
-		$[73] = setConfig;
-		$[74] = t17;
-	} else t17 = $[74];
-	const setPageSize = t17;
-	let t18;
-	if ($[75] !== setConfig) {
-		t18 = (column) => {
-			setConfig((prev_10) => {
-				if (prev_10.visibleColumns.includes(column)) return {
-					...prev_10,
-					visibleColumns: prev_10.visibleColumns.filter((c$1) => c$1 !== column)
+			};
+		});
+	}, [setConfig]);
+	const setVisibleColumns = useCallback((columns) => {
+		setConfig((prev) => ({
+			...prev,
+			visibleColumns: columns
+		}));
+	}, [setConfig]);
+	const setGroupBy = useCallback((groupBy) => {
+		setConfig((prev) => ({
+			...prev,
+			groupBy,
+			collapsedGroups: [],
+			pagination: {
+				...prev.pagination ?? { pageSize: 25 },
+				page: 1
+			}
+		}));
+	}, [setConfig]);
+	const toggleCollapsedGroup = useCallback((groupKey) => {
+		setConfig((prev) => {
+			const collapsedGroups = prev.collapsedGroups ?? [];
+			return {
+				...prev,
+				collapsedGroups: collapsedGroups.includes(groupKey) ? collapsedGroups.filter((key) => key !== groupKey) : [...collapsedGroups, groupKey]
+			};
+		});
+	}, [setConfig]);
+	const setPage = useCallback((page) => {
+		setConfig((prev) => ({
+			...prev,
+			pagination: {
+				...prev.pagination,
+				page
+			}
+		}));
+	}, [setConfig]);
+	const setPageSize = useCallback((pageSize) => {
+		setConfig((prev) => ({
+			...prev,
+			pagination: {
+				page: 1,
+				pageSize
+			}
+		}));
+	}, [setConfig]);
+	return {
+		config,
+		setConfig,
+		addFilter,
+		removeFilter,
+		updateFilter,
+		clearFilters,
+		setSort,
+		toggleSort,
+		setVisibleColumns,
+		setGroupBy,
+		toggleCollapsedGroup,
+		toggleColumn: useCallback((column) => {
+			setConfig((prev) => {
+				if (prev.visibleColumns.includes(column)) return {
+					...prev,
+					visibleColumns: prev.visibleColumns.filter((c) => c !== column)
 				};
 				return {
-					...prev_10,
-					visibleColumns: [...prev_10.visibleColumns, column]
+					...prev,
+					visibleColumns: [...prev.visibleColumns, column]
 				};
 			});
-		};
-		$[75] = setConfig;
-		$[76] = t18;
-	} else t18 = $[76];
-	const toggleColumn = t18;
-	let t19;
-	if ($[77] !== setConfig) {
-		t19 = (newConfig_0) => {
-			setConfig(newConfig_0);
-		};
-		$[77] = setConfig;
-		$[78] = t19;
-	} else t19 = $[78];
-	const loadConfig = t19;
-	let t20;
-	if ($[79] !== defaultColumns || $[80] !== setConfig) {
-		t20 = () => {
+		}, [setConfig]),
+		setPage,
+		setPageSize,
+		loadConfig: useCallback((newConfig) => {
+			setConfig(newConfig);
+		}, [setConfig]),
+		resetConfig: useCallback(() => {
 			setConfig({
 				...EMPTY_CONFIG,
 				visibleColumns: defaultColumns
 			});
-		};
-		$[79] = defaultColumns;
-		$[80] = setConfig;
-		$[81] = t20;
-	} else t20 = $[81];
-	const resetConfig = t20;
-	let t21;
-	if ($[82] !== config.collapsedGroups?.length || $[83] !== config.filters.length || $[84] !== config.groupBy || $[85] !== config.includeDeleted || $[86] !== config.pagination?.page || $[87] !== config.pagination?.pageSize || $[88] !== config.realtime || $[89] !== config.sortConfig || $[90] !== config.visibleColumns || $[91] !== defaultColumns || $[92] !== initialConfig?.groupBy || $[93] !== initialConfig?.includeDeleted || $[94] !== initialConfig?.realtime) {
-		t21 = () => config.filters.length > 0 || config.sortConfig !== null || (config.groupBy ?? null) !== (initialConfig?.groupBy ?? null) || (config.collapsedGroups?.length ?? 0) > 0 || config.realtime !== initialConfig?.realtime || (config.includeDeleted ?? false) !== (initialConfig?.includeDeleted ?? false) || config.pagination?.page !== 1 || config.pagination?.pageSize !== 25 || JSON.stringify([...config.visibleColumns].sort()) !== JSON.stringify([...defaultColumns].sort());
-		$[82] = config.collapsedGroups?.length;
-		$[83] = config.filters.length;
-		$[84] = config.groupBy;
-		$[85] = config.includeDeleted;
-		$[86] = config.pagination?.page;
-		$[87] = config.pagination?.pageSize;
-		$[88] = config.realtime;
-		$[89] = config.sortConfig;
-		$[90] = config.visibleColumns;
-		$[91] = defaultColumns;
-		$[92] = initialConfig?.groupBy;
-		$[93] = initialConfig?.includeDeleted;
-		$[94] = initialConfig?.realtime;
-		$[95] = t21;
-	} else t21 = $[95];
-	initialConfig?.includeDeleted;
-	initialConfig?.groupBy;
-	initialConfig?.realtime;
-	const hasChanges = t21();
-	let t22;
-	if ($[96] !== addFilter || $[97] !== clearFilters || $[98] !== config || $[99] !== hasChanges || $[100] !== loadConfig || $[101] !== removeFilter || $[102] !== resetConfig || $[103] !== setConfig || $[104] !== setGroupBy || $[105] !== setPage || $[106] !== setPageSize || $[107] !== setSort || $[108] !== setVisibleColumns || $[109] !== toggleCollapsedGroup || $[110] !== toggleColumn || $[111] !== toggleSort || $[112] !== updateFilter) {
-		t22 = {
+		}, [setConfig, defaultColumns]),
+		hasChanges: useMemo(() => {
+			return config.filters.length > 0 || config.sortConfig !== null || (config.groupBy ?? null) !== (initialConfig?.groupBy ?? null) || (config.collapsedGroups?.length ?? 0) > 0 || config.realtime !== initialConfig?.realtime || (config.includeDeleted ?? false) !== (initialConfig?.includeDeleted ?? false) || config.pagination?.page !== 1 || config.pagination?.pageSize !== 25 || JSON.stringify([...config.visibleColumns].sort()) !== JSON.stringify([...defaultColumns].sort());
+		}, [
 			config,
-			setConfig,
-			addFilter,
-			removeFilter,
-			updateFilter,
-			clearFilters,
-			setSort,
-			toggleSort,
-			setVisibleColumns,
-			setGroupBy,
-			toggleCollapsedGroup,
-			toggleColumn,
-			setPage,
-			setPageSize,
-			loadConfig,
-			resetConfig,
-			hasChanges,
-			isLoading: false
-		};
-		$[96] = addFilter;
-		$[97] = clearFilters;
-		$[98] = config;
-		$[99] = hasChanges;
-		$[100] = loadConfig;
-		$[101] = removeFilter;
-		$[102] = resetConfig;
-		$[103] = setConfig;
-		$[104] = setGroupBy;
-		$[105] = setPage;
-		$[106] = setPageSize;
-		$[107] = setSort;
-		$[108] = setVisibleColumns;
-		$[109] = toggleCollapsedGroup;
-		$[110] = toggleColumn;
-		$[111] = toggleSort;
-		$[112] = updateFilter;
-		$[113] = t22;
-	} else t22 = $[113];
-	return t22;
-}
-function _temp2(prev_2) {
-	return {
-		...prev_2,
-		filters: []
+			defaultColumns,
+			initialConfig?.includeDeleted,
+			initialConfig?.groupBy,
+			initialConfig?.realtime
+		]),
+		isLoading: false
 	};
 }
-function _temp(s) {
-	return s.client;
-}
 
 //#endregion
 export { useViewState };