@questpie/admin 3.2.4 → 3.2.5

package/dist/client/scope/picker.mjs

@@ -3,8 +3,8 @@ import { useAdminStore } from "../runtime/provider.mjs";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/ui/select.mjs";
 import { Skeleton } from "../components/ui/skeleton.mjs";
 import { useScope } from "./provider.mjs";
-import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
+import { useCallback, useMemo } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -48,33 +48,17 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * />
 * ```
 */
-function ScopePicker(t0) {
-	const $ = c(82);
-	const { collection, labelField: t1, valueField: t2, options: staticOptions, loadOptions, placeholder: t3, label, allowClear: t4, clearText: t5, className, compact: t6 } = t0;
-	const labelField = t1 === void 0 ? "name" : t1;
-	const valueField = t2 === void 0 ? "id" : t2;
-	const placeholder = t3 === void 0 ? "Select..." : t3;
-	const allowClear = t4 === void 0 ? false : t4;
-	const clearText = t5 === void 0 ? "All" : t5;
-	const compact = t6 === void 0 ? false : t6;
+function ScopePicker({ collection, labelField = "name", valueField = "id", options: staticOptions, loadOptions, placeholder = "Select...", label, allowClear = false, clearText = "All", className, compact = false }) {
 	const { scopeId, setScope, isLoading: scopeLoading } = useScope();
-	const client = useAdminStore(_temp);
-	let t7;
-	if ($[0] !== collection || $[1] !== labelField || $[2] !== valueField) {
-		t7 = [
+	const client = useAdminStore((s) => s.client);
+	const { data: collectionData, isLoading: collectionLoading, error: collectionError } = useQuery({
+		queryKey: [
 			"scope-picker",
 			collection,
 			labelField,
 			valueField
-		];
-		$[0] = collection;
-		$[1] = labelField;
-		$[2] = valueField;
-		$[3] = t7;
-	} else t7 = $[3];
-	let t8;
-	if ($[4] !== client || $[5] !== collection || $[6] !== labelField || $[7] !== valueField) {
-		t8 = async () => {
+		],
+		queryFn: async () => {
 			if (!collection || !client) return null;
 			return (await client.collections[collection].find({
 				limit: 100,
@@ -86,309 +70,90 @@ function ScopePicker(t0) {
 				value: String(doc[valueField]),
 				label: String(doc[labelField] ?? doc[valueField])
 			}));
-		};
-		$[4] = client;
-		$[5] = collection;
-		$[6] = labelField;
-		$[7] = valueField;
-		$[8] = t8;
-	} else t8 = $[8];
-	const t9 = !!collection && !!client;
-	let t10;
-	if ($[9] !== t7 || $[10] !== t8 || $[11] !== t9) {
-		t10 = {
-			queryKey: t7,
-			queryFn: t8,
-			enabled: t9,
-			staleTime: 6e4
-		};
-		$[9] = t7;
-		$[10] = t8;
-		$[11] = t9;
-		$[12] = t10;
-	} else t10 = $[12];
-	const { data: collectionData, isLoading: collectionLoading, error: collectionError } = useQuery(t10);
-	let t11;
-	if ($[13] !== loadOptions) {
-		t11 = loadOptions?.toString();
-		$[13] = loadOptions;
-		$[14] = t11;
-	} else t11 = $[14];
-	let t12;
-	if ($[15] !== t11) {
-		t12 = ["scope-picker-async", t11];
-		$[15] = t11;
-		$[16] = t12;
-	} else t12 = $[16];
-	const t13 = !!loadOptions;
-	let t14;
-	if ($[17] !== loadOptions || $[18] !== t12 || $[19] !== t13) {
-		t14 = {
-			queryKey: t12,
-			queryFn: loadOptions,
-			enabled: t13,
-			staleTime: 6e4
-		};
-		$[17] = loadOptions;
-		$[18] = t12;
-		$[19] = t13;
-		$[20] = t14;
-	} else t14 = $[20];
-	const { data: asyncOptions, isLoading: asyncLoading, error: asyncError } = useQuery(t14);
-	let t15;
-	bb0: {
-		if (staticOptions) {
-			t15 = staticOptions;
-			break bb0;
-		}
-		if (collectionData) {
-			t15 = collectionData;
-			break bb0;
-		}
-		if (asyncOptions) {
-			t15 = asyncOptions;
-			break bb0;
-		}
-		let t16$1;
-		if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-			t16$1 = [];
-			$[21] = t16$1;
-		} else t16$1 = $[21];
-		t15 = t16$1;
-	}
-	const options = t15;
+		},
+		enabled: !!collection && !!client,
+		staleTime: 6e4
+	});
+	const { data: asyncOptions, isLoading: asyncLoading, error: asyncError } = useQuery({
+		queryKey: ["scope-picker-async", loadOptions?.toString()],
+		queryFn: loadOptions,
+		enabled: !!loadOptions,
+		staleTime: 6e4
+	});
+	const options = useMemo(() => {
+		if (staticOptions) return staticOptions;
+		if (collectionData) return collectionData;
+		if (asyncOptions) return asyncOptions;
+		return [];
+	}, [
+		staticOptions,
+		collectionData,
+		asyncOptions
+	]);
 	const isLoading = scopeLoading || collectionLoading || asyncLoading;
 	const error = collectionError || asyncError;
-	let t16;
-	if ($[22] !== setScope) {
-		t16 = (value) => {
-			if (!value || value === "__clear__") setScope(null);
-			else setScope(value);
-		};
-		$[22] = setScope;
-		$[23] = t16;
-	} else t16 = $[23];
-	const handleValueChange = t16;
-	let t17;
-	bb1: {
-		if (!scopeId) {
-			t17 = null;
-			break bb1;
-		}
-		let t18$1;
-		if ($[24] !== options || $[25] !== scopeId) {
-			let t19$1;
-			if ($[27] !== scopeId) {
-				t19$1 = (opt) => opt.value === scopeId;
-				$[27] = scopeId;
-				$[28] = t19$1;
-			} else t19$1 = $[28];
-			t18$1 = options.find(t19$1);
-			$[24] = options;
-			$[25] = scopeId;
-			$[26] = t18$1;
-		} else t18$1 = $[26];
-		t17 = t18$1?.label ?? scopeId;
-	}
-	const selectedLabel = t17;
-	if (isLoading) {
-		let t18$1;
-		if ($[29] !== className) {
-			t18$1 = cn("space-y-1.5", className);
-			$[29] = className;
-			$[30] = t18$1;
-		} else t18$1 = $[30];
-		let t19$1;
-		if ($[31] !== compact || $[32] !== label) {
-			t19$1 = label && !compact && /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16" });
-			$[31] = compact;
-			$[32] = label;
-			$[33] = t19$1;
-		} else t19$1 = $[33];
-		const t20$1 = compact && "h-8";
-		let t21$1;
-		if ($[34] !== t20$1) {
-			t21$1 = cn("h-9 w-full", t20$1);
-			$[34] = t20$1;
-			$[35] = t21$1;
-		} else t21$1 = $[35];
-		let t22$1;
-		if ($[36] !== t21$1) {
-			t22$1 = /* @__PURE__ */ jsx(Skeleton, { className: t21$1 });
-			$[36] = t21$1;
-			$[37] = t22$1;
-		} else t22$1 = $[37];
-		let t23$1;
-		if ($[38] !== t18$1 || $[39] !== t19$1 || $[40] !== t22$1) {
-			t23$1 = /* @__PURE__ */ jsxs("div", {
-				className: t18$1,
-				children: [t19$1, t22$1]
-			});
-			$[38] = t18$1;
-			$[39] = t19$1;
-			$[40] = t22$1;
-			$[41] = t23$1;
-		} else t23$1 = $[41];
-		return t23$1;
-	}
-	if (error) {
-		let t18$1;
-		if ($[42] !== className) {
-			t18$1 = cn("text-destructive text-xs", className);
-			$[42] = className;
-			$[43] = t18$1;
-		} else t18$1 = $[43];
-		let t19$1;
-		if ($[44] !== t18$1) {
-			t19$1 = /* @__PURE__ */ jsx("div", {
-				className: t18$1,
-				children: "Failed to load options"
-			});
-			$[44] = t18$1;
-			$[45] = t19$1;
-		} else t19$1 = $[45];
-		return t19$1;
-	}
-	let t18;
-	if ($[46] !== className) {
-		t18 = cn("space-y-1.5", className);
-		$[46] = className;
-		$[47] = t18;
-	} else t18 = $[47];
-	let t19;
-	if ($[48] !== compact || $[49] !== label) {
-		t19 = label && !compact && /* @__PURE__ */ jsx("span", {
+	const handleValueChange = useCallback((value) => {
+		if (!value || value === "__clear__") setScope(null);
+		else setScope(value);
+	}, [setScope]);
+	const selectedLabel = useMemo(() => {
+		if (!scopeId) return null;
+		return options.find((opt) => opt.value === scopeId)?.label ?? scopeId;
+	}, [scopeId, options]);
+	if (isLoading) return /* @__PURE__ */ jsxs("div", {
+		className: cn("space-y-1.5", className),
+		children: [label && !compact && /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16" }), /* @__PURE__ */ jsx(Skeleton, { className: cn("h-9 w-full", compact && "h-8") })]
+	});
+	if (error) return /* @__PURE__ */ jsx("div", {
+		className: cn("text-destructive text-xs", className),
+		children: "Failed to load options"
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("space-y-1.5", className),
+		children: [label && !compact && /* @__PURE__ */ jsx("span", {
 			className: "text-muted-foreground text-xs font-medium",
 			children: label
-		});
-		$[48] = compact;
-		$[49] = label;
-		$[50] = t19;
-	} else t19 = $[50];
-	const t20 = scopeId ?? "__clear__";
-	let t21;
-	if ($[51] !== handleValueChange) {
-		t21 = (value_0) => handleValueChange(value_0);
-		$[51] = handleValueChange;
-		$[52] = t21;
-	} else t21 = $[52];
-	const t22 = compact && "h-8 text-xs";
-	const t23 = !scopeId && "text-muted-foreground";
-	let t24;
-	if ($[53] !== t22 || $[54] !== t23) {
-		t24 = cn("w-full", t22, t23);
-		$[53] = t22;
-		$[54] = t23;
-		$[55] = t24;
-	} else t24 = $[55];
-	const t25 = scopeId ? selectedLabel : allowClear ? clearText : placeholder;
-	let t26;
-	if ($[56] !== placeholder || $[57] !== t25) {
-		t26 = /* @__PURE__ */ jsx(SelectValue, {
-			placeholder,
-			children: t25
-		});
-		$[56] = placeholder;
-		$[57] = t25;
-		$[58] = t26;
-	} else t26 = $[58];
-	let t27;
-	if ($[59] !== t24 || $[60] !== t26) {
-		t27 = /* @__PURE__ */ jsx(SelectTrigger, {
-			className: t24,
-			children: t26
-		});
-		$[59] = t24;
-		$[60] = t26;
-		$[61] = t27;
-	} else t27 = $[61];
-	let t28;
-	if ($[62] !== allowClear || $[63] !== clearText) {
-		t28 = allowClear && /* @__PURE__ */ jsx(SelectItem, {
-			value: "__clear__",
-			children: /* @__PURE__ */ jsxs("span", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx(Icon, {
-					icon: "ph:globe",
-					className: "text-muted-foreground size-4"
-				}), clearText]
-			})
-		});
-		$[62] = allowClear;
-		$[63] = clearText;
-		$[64] = t28;
-	} else t28 = $[64];
-	let t29;
-	if ($[65] !== options) {
-		t29 = options.map(_temp2);
-		$[65] = options;
-		$[66] = t29;
-	} else t29 = $[66];
-	let t30;
-	if ($[67] !== options.length) {
-		t30 = options.length === 0 && /* @__PURE__ */ jsx("div", {
-			className: "text-muted-foreground px-2 py-1.5 text-xs",
-			children: "No options available"
-		});
-		$[67] = options.length;
-		$[68] = t30;
-	} else t30 = $[68];
-	let t31;
-	if ($[69] !== t28 || $[70] !== t29 || $[71] !== t30) {
-		t31 = /* @__PURE__ */ jsxs(SelectContent, { children: [
-			t28,
-			t29,
-			t30
-		] });
-		$[69] = t28;
-		$[70] = t29;
-		$[71] = t30;
-		$[72] = t31;
-	} else t31 = $[72];
-	let t32;
-	if ($[73] !== t20 || $[74] !== t21 || $[75] !== t27 || $[76] !== t31) {
-		t32 = /* @__PURE__ */ jsxs(Select, {
-			value: t20,
-			onValueChange: t21,
-			children: [t27, t31]
-		});
-		$[73] = t20;
-		$[74] = t21;
-		$[75] = t27;
-		$[76] = t31;
-		$[77] = t32;
-	} else t32 = $[77];
-	let t33;
-	if ($[78] !== t18 || $[79] !== t19 || $[80] !== t32) {
-		t33 = /* @__PURE__ */ jsxs("div", {
-			className: t18,
-			children: [t19, t32]
-		});
-		$[78] = t18;
-		$[79] = t19;
-		$[80] = t32;
-		$[81] = t33;
-	} else t33 = $[81];
-	return t33;
-}
-function _temp2(option_0) {
-	return /* @__PURE__ */ jsx(SelectItem, {
-		value: option_0.value,
-		children: /* @__PURE__ */ jsxs("span", {
-			className: "flex items-center gap-2",
-			children: [
-				option_0.icon,
-				/* @__PURE__ */ jsx("span", { children: option_0.label }),
-				option_0.description && /* @__PURE__ */ jsx("span", {
-					className: "text-muted-foreground text-xs",
-					children: option_0.description
+		}), /* @__PURE__ */ jsxs(Select, {
+			value: scopeId ?? "__clear__",
+			onValueChange: (value) => handleValueChange(value),
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				className: cn("w-full", compact && "h-8 text-xs", !scopeId && "text-muted-foreground"),
+				children: /* @__PURE__ */ jsx(SelectValue, {
+					placeholder,
+					children: scopeId ? selectedLabel : allowClear ? clearText : placeholder
 				})
-			]
-		})
-	}, option_0.value);
-}
-function _temp(s) {
-	return s.client;
+			}), /* @__PURE__ */ jsxs(SelectContent, { children: [
+				allowClear && /* @__PURE__ */ jsx(SelectItem, {
+					value: "__clear__",
+					children: /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "ph:globe",
+							className: "text-muted-foreground size-4"
+						}), clearText]
+					})
+				}),
+				options.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+					value: option.value,
+					children: /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-2",
+						children: [
+							option.icon,
+							/* @__PURE__ */ jsx("span", { children: option.label }),
+							option.description && /* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground text-xs",
+								children: option.description
+							})
+						]
+					})
+				}, option.value)),
+				options.length === 0 && /* @__PURE__ */ jsx("div", {
+					className: "text-muted-foreground px-2 py-1.5 text-xs",
+					children: "No options available"
+				})
+			] })]
+		})]
+	});
 }
 
 //#endregion

package/dist/client/scope/provider.d.mts

@@ -1,5 +1,5 @@
 import { ScopeContextValue, ScopeProviderProps } from "./types.mjs";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/client/scope/provider.d.ts
 
@@ -29,7 +29,7 @@ declare function ScopeProvider({
   headerName,
   storageKey,
   defaultScope
-}: ScopeProviderProps): react_jsx_runtime27.JSX.Element;
+}: ScopeProviderProps): react_jsx_runtime26.JSX.Element;
 /**
  * Hook to access the current scope context.
  *

package/dist/client/scope/provider.mjs

@@ -1,4 +1,3 @@
-import { c } from "react/compiler-runtime";
 import { createContext, useCallback, useContext, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -117,23 +116,15 @@ function useScopeSafe() {
 * ```
 */
 function useScopedFetch() {
-	const $ = c(3);
 	const { scopeId, headerName } = useScope();
-	let t0;
-	if ($[0] !== headerName || $[1] !== scopeId) {
-		t0 = (input, init) => {
-			const headers = new Headers(init?.headers);
-			if (scopeId) headers.set(headerName, scopeId);
-			return fetch(input, {
-				...init,
-				headers
-			});
-		};
-		$[0] = headerName;
-		$[1] = scopeId;
-		$[2] = t0;
-	} else t0 = $[2];
-	return t0;
+	return useCallback((input, init) => {
+		const headers = new Headers(init?.headers);
+		if (scopeId) headers.set(headerName, scopeId);
+		return fetch(input, {
+			...init,
+			headers
+		});
+	}, [scopeId, headerName]);
 }
 /**
 * Creates a fetch function that injects scope headers.

package/dist/client/views/auth/accept-invite-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/client/views/auth/accept-invite-form.d.ts
 /**
@@ -67,6 +67,6 @@ declare function AcceptInviteForm({
   className,
   error,
   minPasswordLength
-}: AcceptInviteFormProps): react_jsx_runtime1.JSX.Element;
+}: AcceptInviteFormProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { AcceptInviteForm };