@questpie/admin 1.1.0 → 2.0.0

package/dist/client/components/fields/upload-field.mjs

@@ -0,0 +1,497 @@
+import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
+import { selectClient, useAdminStore } from "../../runtime/provider.mjs";
+import { Button } from "../ui/button.mjs";
+import { sanitizeFilename, useResolvedControl } from "./field-utils.mjs";
+import { useCollectionItem } from "../../hooks/use-collection.mjs";
+import { useUploadCollection } from "../../hooks/use-upload-collection.mjs";
+import { useUpload } from "../../hooks/use-upload.mjs";
+import { ResourceSheet } from "../sheets/resource-sheet.mjs";
+import { FieldWrapper } from "./field-wrapper.mjs";
+import { AssetPreview } from "../primitives/asset-preview.mjs";
+import { MediaPickerDialog } from "../media/media-picker-dialog.mjs";
+import { Dropzone } from "../primitives/dropzone.mjs";
+import { Icon } from "@iconify/react";
+import * as React$1 from "react";
+import { Controller } from "react-hook-form";
+import { toast } from "sonner";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
+import { SortableContext, arrayMove, rectSortingStrategy, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+
+//#region src/client/components/fields/upload-field.tsx
+/**
+* UploadField Component
+*
+* Unified file upload field supporting both single and multiple uploads.
+* - Single mode (default): Value is asset ID (string | null)
+* - Multiple mode: Value is array of asset IDs (string[])
+*
+* @example Single upload
+* ```tsx
+* <UploadField
+*   name="featuredImage"
+*   label="Featured Image"
+*   accept={["image/*"]}
+*   maxSize={5_000_000}
+* />
+* ```
+*
+* @example Multiple uploads
+* ```tsx
+* <UploadField
+*   name="gallery"
+*   label="Gallery"
+*   multiple
+*   accept={["image/*"]}
+*   maxItems={10}
+*   orderable
+* />
+* ```
+*/
+/**
+* Normalize accept to always be an array.
+* Supports both string and array formats from field configs.
+*/
+function normalizeAccept(accept) {
+	if (!accept) return void 0;
+	if (Array.isArray(accept)) return accept;
+	return [accept];
+}
+function SortableAssetItem({ id, asset, loading, progress, disabled, variant, orderable, editable, href, onRemove, onEdit }) {
+	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id });
+	return /* @__PURE__ */ jsx("div", {
+		ref: setNodeRef,
+		style: {
+			transform: CSS.Transform.toString(transform),
+			transition
+		},
+		className: isDragging ? "opacity-50" : "",
+		children: /* @__PURE__ */ jsx(AssetPreview, {
+			asset: asset || { id },
+			loading,
+			progress,
+			disabled,
+			variant,
+			showDragHandle: orderable && !disabled,
+			dragHandleProps: orderable ? {
+				...attributes,
+				...listeners
+			} : void 0,
+			href,
+			onRemove: disabled ? void 0 : onRemove,
+			onEdit: editable && !disabled ? onEdit : void 0
+		})
+	});
+}
+function SingleUploadInner({ field, error, collection, unresolvedCollectionMessage, accept, maxSize, showPreview, editable, previewVariant, disabled, placeholder, onUploadStart, onUploadComplete, onUploadError, className }) {
+	const normalizedAccept = normalizeAccept(accept);
+	const { t } = useTranslation();
+	const resolveText = useResolveText();
+	const resolvedPlaceholder = placeholder ? resolveText(placeholder) : void 0;
+	const { upload, isUploading, progress, error: uploadError } = useUpload();
+	const [isPickerOpen, setIsPickerOpen] = React$1.useState(false);
+	const [isEditSheetOpen, setIsEditSheetOpen] = React$1.useState(false);
+	const assetId = field.value;
+	const { data: asset, isLoading: isLoadingAsset } = useCollectionItem(collection, assetId || "", void 0, { enabled: !!collection && !!assetId && showPreview });
+	const handleDrop = async (files) => {
+		if (files.length === 0 || disabled) return;
+		if (!collection) {
+			toast.error(unresolvedCollectionMessage || "No upload collection is configured.");
+			return;
+		}
+		const originalFile = files[0];
+		const sanitizedName = sanitizeFilename(originalFile.name);
+		const file = new File([originalFile], sanitizedName, { type: originalFile.type });
+		try {
+			onUploadStart?.();
+			const uploadedAsset = await upload(file, { to: collection });
+			field.onChange(uploadedAsset.id);
+			onUploadComplete?.(uploadedAsset);
+		} catch (err) {
+			const uploadErr = err instanceof Error ? err : new Error(t("upload.error"));
+			onUploadError?.(uploadErr);
+			toast.error(uploadErr.message);
+		}
+	};
+	const handleRemove = () => {
+		field.onChange(null);
+	};
+	const handleEdit = () => {
+		if (assetId) setIsEditSheetOpen(true);
+	};
+	const handleValidationError = (errors) => {
+		for (const validationError of errors) toast.error(validationError.message);
+	};
+	const hintText = React$1.useMemo(() => {
+		const parts = [];
+		if (normalizedAccept?.length) {
+			const types = normalizedAccept.map((t$1) => {
+				if (t$1.startsWith("image/")) return "Images";
+				if (t$1.startsWith("video/")) return "Videos";
+				if (t$1.startsWith("audio/")) return "Audio";
+				if (t$1 === "application/pdf") return "PDF";
+				return t$1;
+			}).filter((v, i, a) => a.indexOf(v) === i);
+			parts.push(types.join(", "));
+		}
+		if (maxSize) {
+			const mb = (maxSize / (1024 * 1024)).toFixed(0);
+			parts.push(`Max ${mb}MB`);
+		}
+		return parts.join(" • ") || void 0;
+	}, [normalizedAccept, maxSize]);
+	const hasValue = !!assetId;
+	const isLoading = isUploading || hasValue && isLoadingAsset;
+	const handlePickerSelect = (id) => {
+		if (typeof id === "string") field.onChange(id);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className,
+		children: [
+			unresolvedCollectionMessage && /* @__PURE__ */ jsx("p", {
+				className: "mb-2 rounded-md border border-warning/40 bg-warning/5 px-3 py-2 text-xs text-warning",
+				children: unresolvedCollectionMessage
+			}),
+			hasValue && showPreview && asset ? /* @__PURE__ */ jsx(AssetPreview, {
+				asset,
+				loading: isLoading,
+				progress: isUploading ? progress : void 0,
+				disabled,
+				variant: previewVariant,
+				onRemove: disabled ? void 0 : handleRemove,
+				onEdit: editable && !disabled ? handleEdit : void 0
+			}) : hasValue && showPreview && isLoadingAsset ? /* @__PURE__ */ jsx(AssetPreview, {
+				asset: { id: assetId },
+				loading: true,
+				disabled,
+				variant: previewVariant
+			}) : /* @__PURE__ */ jsx(Dropzone, {
+				onDrop: handleDrop,
+				accept: normalizedAccept,
+				maxSize,
+				multiple: false,
+				disabled,
+				loading: isUploading,
+				progress: isUploading ? progress : void 0,
+				label: resolvedPlaceholder || "Drop file here or click to browse",
+				hint: hintText,
+				onValidationError: handleValidationError
+			}),
+			!hasValue && !isUploading && !disabled && !!collection && /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				onClick: () => setIsPickerOpen(true),
+				className: "mt-2 w-full",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "ph:folder-open-bold",
+					className: "mr-2 size-4"
+				}), "Browse Library"]
+			}),
+			/* @__PURE__ */ jsx(MediaPickerDialog, {
+				open: isPickerOpen,
+				onOpenChange: setIsPickerOpen,
+				mode: "single",
+				accept: normalizedAccept,
+				onSelect: handlePickerSelect,
+				collection: collection || void 0
+			}),
+			assetId && !!collection && /* @__PURE__ */ jsx(ResourceSheet, {
+				type: "collection",
+				collection,
+				itemId: assetId,
+				open: isEditSheetOpen,
+				onOpenChange: setIsEditSheetOpen
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				className: "text-destructive mt-1 text-xs",
+				children: error
+			})
+		]
+	});
+}
+function MultipleUploadInner({ field, collection, unresolvedCollectionMessage, accept, maxSize, maxItems, orderable, layout, editable, disabled, placeholder, onUploadStart, onUploadComplete, onUploadError, className }) {
+	const normalizedAccept = normalizeAccept(accept);
+	const { t } = useTranslation();
+	const resolveText = useResolveText();
+	const resolvedPlaceholder = placeholder ? resolveText(placeholder) : void 0;
+	const { uploadMany, isUploading, progress } = useUpload();
+	const client = useAdminStore(selectClient);
+	const [isPickerOpen, setIsPickerOpen] = React$1.useState(false);
+	const [editAssetId, setEditAssetId] = React$1.useState(null);
+	const [pendingUploads, setPendingUploads] = React$1.useState([]);
+	const [fetchedAssets, setFetchedAssets] = React$1.useState(() => /* @__PURE__ */ new Map());
+	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
+	const assetIds = field.value || [];
+	React$1.useEffect(() => {
+		if (!client || !collection || assetIds.length === 0) return;
+		const missingIds = assetIds.filter((id) => !fetchedAssets.has(id));
+		if (missingIds.length === 0) return;
+		let cancelled = false;
+		(async () => {
+			for (const id of missingIds) {
+				if (cancelled) return;
+				try {
+					const response = await client.collections[collection].findOne({ where: { id } });
+					if (!cancelled && response) setFetchedAssets((prev) => new Map(prev).set(id, response));
+				} catch (fetchError) {
+					if (!cancelled) {
+						console.error("Failed to fetch asset:", fetchError);
+						toast.error("Failed to load asset");
+					}
+				}
+			}
+		})();
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		assetIds,
+		collection,
+		fetchedAssets,
+		client
+	]);
+	const handleDrop = async (files) => {
+		if (files.length === 0 || disabled) return;
+		if (!collection) {
+			toast.error(unresolvedCollectionMessage || "No upload collection is configured.");
+			return;
+		}
+		const remainingSlots = maxItems ? maxItems - assetIds.length : files.length;
+		const filesToUpload = files.slice(0, remainingSlots);
+		if (filesToUpload.length < files.length) toast.warning(t("toast.maxFilesWarning", {
+			remaining: remainingSlots,
+			max: maxItems
+		}));
+		if (filesToUpload.length === 0) return;
+		const sanitizedFiles = filesToUpload.map((file) => {
+			const sanitizedName = sanitizeFilename(file.name);
+			return new File([file], sanitizedName, { type: file.type });
+		});
+		setPendingUploads(sanitizedFiles.map((file, index) => ({
+			id: `pending-${Date.now()}-${index}`,
+			file
+		})));
+		try {
+			onUploadStart?.();
+			const uploadedAssets = await uploadMany(sanitizedFiles, { to: collection });
+			const newIds = uploadedAssets.map((a) => a.id);
+			field.onChange([...assetIds, ...newIds]);
+			for (const asset of uploadedAssets) setFetchedAssets((prev) => new Map(prev).set(asset.id, asset));
+			onUploadComplete?.(uploadedAssets);
+		} catch (err) {
+			const uploadError = err instanceof Error ? err : new Error(t("upload.error"));
+			onUploadError?.(uploadError);
+			toast.error(uploadError.message);
+		} finally {
+			setPendingUploads([]);
+		}
+	};
+	const handleRemove = (idToRemove) => {
+		field.onChange(assetIds.filter((id) => id !== idToRemove));
+	};
+	const handleEdit = (id) => {
+		setEditAssetId(id);
+	};
+	const handleDragEnd = (event) => {
+		const { active, over } = event;
+		if (over && active.id !== over.id) {
+			const oldIndex = assetIds.indexOf(active.id);
+			const newIndex = assetIds.indexOf(over.id);
+			if (oldIndex !== -1 && newIndex !== -1) {
+				const reordered = arrayMove(assetIds, oldIndex, newIndex);
+				field.onChange(reordered);
+			}
+		}
+	};
+	const handleValidationError = (errors) => {
+		for (const validationError of errors) toast.error(validationError.message);
+	};
+	const handlePickerSelect = (ids) => {
+		if (!collection) {
+			toast.error(unresolvedCollectionMessage || "No upload collection is configured.");
+			return;
+		}
+		const newIds = Array.isArray(ids) ? ids : [ids];
+		const totalAfterAdd = assetIds.length + newIds.length;
+		if (maxItems && totalAfterAdd > maxItems) {
+			toast.warning(`Maximum ${maxItems} items allowed`);
+			const remainingSlots = maxItems - assetIds.length;
+			const idsToAdd = newIds.slice(0, remainingSlots);
+			field.onChange([...assetIds, ...idsToAdd]);
+		} else field.onChange([...assetIds, ...newIds]);
+	};
+	const hintText = React$1.useMemo(() => {
+		const parts = [];
+		if (normalizedAccept?.length) {
+			const types = normalizedAccept.map((t$1) => {
+				if (t$1.startsWith("image/")) return "Images";
+				if (t$1.startsWith("video/")) return "Videos";
+				if (t$1.startsWith("audio/")) return "Audio";
+				if (t$1 === "application/pdf") return "PDF";
+				return t$1;
+			}).filter((v, i, a) => a.indexOf(v) === i);
+			parts.push(types.join(", "));
+		}
+		if (maxSize) {
+			const mb = (maxSize / (1024 * 1024)).toFixed(0);
+			parts.push(`Max ${mb}MB`);
+		}
+		return parts.join(" • ") || void 0;
+	}, [normalizedAccept, maxSize]);
+	const hasItems = assetIds.length > 0 || pendingUploads.length > 0;
+	const canAddMore = !maxItems || assetIds.length < maxItems;
+	const previewVariant = layout === "grid" ? "thumbnail" : "compact";
+	return /* @__PURE__ */ jsxs("div", {
+		className,
+		children: [
+			unresolvedCollectionMessage && /* @__PURE__ */ jsx("p", {
+				className: "mb-2 rounded-md border border-warning/40 bg-warning/5 px-3 py-2 text-xs text-warning",
+				children: unresolvedCollectionMessage
+			}),
+			hasItems && /* @__PURE__ */ jsx(DndContext, {
+				sensors,
+				collisionDetection: closestCenter,
+				onDragEnd: handleDragEnd,
+				children: /* @__PURE__ */ jsx(SortableContext, {
+					items: assetIds,
+					strategy: layout === "grid" ? rectSortingStrategy : verticalListSortingStrategy,
+					disabled: !orderable,
+					children: /* @__PURE__ */ jsxs("div", {
+						className: layout === "grid" ? "mb-3 grid grid-cols-2 gap-2 sm:grid-cols-3 md:grid-cols-4" : "mb-3 space-y-2",
+						children: [assetIds.map((id) => /* @__PURE__ */ jsx(SortableAssetItem, {
+							id,
+							asset: fetchedAssets.get(id) || null,
+							disabled,
+							variant: previewVariant,
+							orderable,
+							editable,
+							onRemove: () => handleRemove(id),
+							onEdit: () => handleEdit(id)
+						}, id)), pendingUploads.map((pending, index) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(AssetPreview, {
+							asset: { filename: pending.file.name },
+							pendingFile: pending.file,
+							loading: true,
+							progress: Math.min(100, Math.max(0, progress - index / pendingUploads.length * 100) * (pendingUploads.length / (pendingUploads.length - index))),
+							disabled: true,
+							variant: previewVariant
+						}) }, pending.id))]
+					})
+				})
+			}),
+			canAddMore && !isUploading && !!collection && /* @__PURE__ */ jsx(Dropzone, {
+				onDrop: handleDrop,
+				accept: normalizedAccept,
+				maxSize,
+				multiple: true,
+				disabled,
+				loading: isUploading,
+				progress: isUploading ? progress : void 0,
+				label: hasItems ? "Drop more files or click to add" : resolvedPlaceholder || "Drop files here or click to browse",
+				hint: hintText,
+				onValidationError: handleValidationError,
+				className: hasItems ? "min-h-[80px]" : void 0
+			}),
+			canAddMore && !isUploading && !disabled && !!collection && /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				onClick: () => setIsPickerOpen(true),
+				className: "mt-2 w-full",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "ph:folder-open-bold",
+					className: "mr-2 size-4"
+				}), "Browse Library"]
+			}),
+			/* @__PURE__ */ jsx(MediaPickerDialog, {
+				open: isPickerOpen,
+				onOpenChange: setIsPickerOpen,
+				mode: "multiple",
+				accept: normalizedAccept,
+				onSelect: handlePickerSelect,
+				maxItems: maxItems ? maxItems - assetIds.length : void 0,
+				collection: collection || void 0
+			}),
+			editAssetId && !!collection && /* @__PURE__ */ jsx(ResourceSheet, {
+				type: "collection",
+				collection,
+				itemId: editAssetId,
+				open: !!editAssetId,
+				onOpenChange: (open) => !open && setEditAssetId(null)
+			}),
+			isUploading && !canAddMore && /* @__PURE__ */ jsxs("div", {
+				className: "text-muted-foreground flex items-center justify-center gap-2 rounded-lg border border-dashed p-4 text-sm",
+				children: [
+					"Uploading... ",
+					progress,
+					"%"
+				]
+			})
+		]
+	});
+}
+function UploadField({ name, label, description, placeholder, required, disabled, localized, locale, control, className, to, accept, maxSize, showPreview = true, editable = true, previewVariant, onUploadStart, onUploadComplete, onUploadError, multiple = false, maxItems, orderable = false, layout = "grid" }) {
+	const resolveText = useResolveText();
+	const resolvedControl = useResolvedControl(control);
+	const { collection: resolvedUploadCollection, collections: availableUploadCollections } = useUploadCollection(to);
+	const collection = resolvedUploadCollection || "";
+	const unresolvedCollectionMessage = !resolvedUploadCollection ? availableUploadCollections.length > 1 ? `Multiple upload collections are available (${availableUploadCollections.join(", ")}). Configure the field with \`to\` to choose one.` : "No upload collection is configured for this field." : void 0;
+	const fieldDisabled = disabled || !!unresolvedCollectionMessage;
+	const effectivePreviewVariant = previewVariant ?? (multiple ? layout === "grid" ? "thumbnail" : "compact" : "card");
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: resolvedControl,
+		render: ({ field, fieldState }) => {
+			const assetIds = multiple ? field.value || [] : [];
+			return /* @__PURE__ */ jsx(FieldWrapper, {
+				name,
+				label: multiple && label && maxItems ? `${resolveText(label)} (${assetIds.length}/${maxItems})` : label ? resolveText(label) : void 0,
+				description,
+				required,
+				disabled: fieldDisabled,
+				localized,
+				locale,
+				error: fieldState.error?.message,
+				children: multiple ? /* @__PURE__ */ jsx(MultipleUploadInner, {
+					field,
+					error: fieldState.error?.message,
+					collection,
+					unresolvedCollectionMessage,
+					accept,
+					maxSize,
+					maxItems,
+					orderable,
+					layout,
+					editable,
+					disabled: fieldDisabled,
+					placeholder,
+					onUploadStart,
+					onUploadComplete,
+					onUploadError,
+					className
+				}) : /* @__PURE__ */ jsx(SingleUploadInner, {
+					field,
+					error: fieldState.error?.message,
+					collection,
+					unresolvedCollectionMessage,
+					accept,
+					maxSize,
+					showPreview,
+					editable,
+					previewVariant: effectivePreviewVariant,
+					disabled: fieldDisabled,
+					placeholder,
+					onUploadStart,
+					onUploadComplete,
+					onUploadError,
+					className
+				})
+			});
+		}
+	});
+}
+
+//#endregion
+export { UploadField };
+//# sourceMappingURL=upload-field.mjs.map

package/dist/client/components/fields/upload-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-field.mjs","names":["React","parts: string[]","t"],"sources":["../../../../src/client/components/fields/upload-field.tsx"],"sourcesContent":["/**\n * UploadField Component\n *\n * Unified file upload field supporting both single and multiple uploads.\n * - Single mode (default): Value is asset ID (string | null)\n * - Multiple mode: Value is array of asset IDs (string[])\n *\n * @example Single upload\n * ```tsx\n * <UploadField\n *   name=\"featuredImage\"\n *   label=\"Featured Image\"\n *   accept={[\"image/*\"]}\n *   maxSize={5_000_000}\n * />\n * ```\n *\n * @example Multiple uploads\n * ```tsx\n * <UploadField\n *   name=\"gallery\"\n *   label=\"Gallery\"\n *   multiple\n *   accept={[\"image/*\"]}\n *   maxItems={10}\n *   orderable\n * />\n * ```\n */\n\nimport {\n\tclosestCenter,\n\tDndContext,\n\ttype DragEndEvent,\n\tKeyboardSensor,\n\tPointerSensor,\n\tuseSensor,\n\tuseSensors,\n} from \"@dnd-kit/core\";\nimport {\n\tarrayMove,\n\trectSortingStrategy,\n\tSortableContext,\n\tsortableKeyboardCoordinates,\n\tuseSortable,\n\tverticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { Icon } from \"@iconify/react\";\nimport * as React from \"react\";\nimport {\n\tController,\n\ttype ControllerRenderProps,\n\ttype FieldValues,\n} from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport { useCollectionItem } from \"../../hooks/use-collection\";\nimport { type Asset, useUpload } from \"../../hooks/use-upload\";\nimport { useUploadCollection } from \"../../hooks/use-upload-collection\";\nimport { useResolveText, useTranslation } from \"../../i18n/hooks\";\nimport { selectClient, useAdminStore } from \"../../runtime\";\nimport { MediaPickerDialog } from \"../media/media-picker-dialog\";\nimport { AssetPreview } from \"../primitives/asset-preview\";\nimport { Dropzone } from \"../primitives/dropzone\";\nimport { ResourceSheet } from \"../sheets\";\nimport { Button } from \"../ui/button\";\nimport type { BaseFieldProps } from \"./field-types\";\nimport { sanitizeFilename, useResolvedControl } from \"./field-utils\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/**\n * Normalize accept to always be an array.\n * Supports both string and array formats from field configs.\n */\nfunction normalizeAccept(\n\taccept: string | string[] | undefined,\n): string[] | undefined {\n\tif (!accept) return undefined;\n\tif (Array.isArray(accept)) return accept;\n\treturn [accept];\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface UploadFieldProps extends BaseFieldProps {\n\t/**\n\t * Target collection for uploads\n\t */\n\tto?: string;\n\n\t/**\n\t * Accepted file types (MIME types or extensions)\n\t * @example [\"image/*\", \"application/pdf\"]\n\t * @example \"image/*\"\n\t */\n\taccept?: string | string[];\n\n\t/**\n\t * Maximum file size in bytes\n\t */\n\tmaxSize?: number;\n\n\t/**\n\t * Show image preview for uploaded files\n\t * @default true\n\t */\n\tshowPreview?: boolean;\n\n\t/**\n\t * Allow editing alt/caption (opens edit dialog)\n\t * @default true\n\t */\n\teditable?: boolean;\n\n\t/**\n\t * Preview variant\n\t * @default \"card\" for single, \"thumbnail\" for multiple grid\n\t */\n\tpreviewVariant?: \"card\" | \"compact\" | \"thumbnail\";\n\n\t/**\n\t * Callback when upload starts\n\t */\n\tonUploadStart?: () => void;\n\n\t/**\n\t * Callback when upload completes\n\t */\n\tonUploadComplete?: (asset: Asset | Asset[]) => void;\n\n\t/**\n\t * Callback when upload fails\n\t */\n\tonUploadError?: (error: Error) => void;\n\n\t// ── Multiple upload options ──────────────────────────────────────────────\n\n\t/**\n\t * Enable multiple file uploads.\n\t * When true, field value is an array of asset IDs.\n\t * @default false\n\t */\n\tmultiple?: boolean;\n\n\t/**\n\t * Maximum number of files (only when multiple: true)\n\t */\n\tmaxItems?: number;\n\n\t/**\n\t * Enable drag-and-drop reordering (only when multiple: true)\n\t * @default false\n\t */\n\torderable?: boolean;\n\n\t/**\n\t * Layout for previews (only when multiple: true)\n\t * @default \"grid\"\n\t */\n\tlayout?: \"grid\" | \"list\";\n}\n\n// ============================================================================\n// Sortable Item Component (for multiple mode)\n// ============================================================================\n\ninterface SortableAssetItemProps {\n\tid: string;\n\tasset: Asset | null;\n\tloading?: boolean;\n\tprogress?: number;\n\tdisabled?: boolean;\n\tvariant: \"compact\" | \"thumbnail\";\n\torderable?: boolean;\n\teditable?: boolean;\n\thref?: string;\n\tonRemove?: () => void;\n\tonEdit?: () => void;\n}\n\nfunction SortableAssetItem({\n\tid,\n\tasset,\n\tloading,\n\tprogress,\n\tdisabled,\n\tvariant,\n\torderable,\n\teditable,\n\thref,\n\tonRemove,\n\tonEdit,\n}: SortableAssetItemProps) {\n\tconst {\n\t\tattributes,\n\t\tlisteners,\n\t\tsetNodeRef,\n\t\ttransform,\n\t\ttransition,\n\t\tisDragging,\n\t} = useSortable({ id });\n\n\tconst style = {\n\t\ttransform: CSS.Transform.toString(transform),\n\t\ttransition,\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={setNodeRef}\n\t\t\tstyle={style}\n\t\t\tclassName={isDragging ? \"opacity-50\" : \"\"}\n\t\t>\n\t\t\t<AssetPreview\n\t\t\t\tasset={asset || { id }}\n\t\t\t\tloading={loading}\n\t\t\t\tprogress={progress}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tvariant={variant}\n\t\t\t\tshowDragHandle={orderable && !disabled}\n\t\t\t\tdragHandleProps={\n\t\t\t\t\torderable ? { ...attributes, ...listeners } : undefined\n\t\t\t\t}\n\t\t\t\thref={href}\n\t\t\t\tonRemove={disabled ? undefined : onRemove}\n\t\t\t\tonEdit={editable && !disabled ? onEdit : undefined}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\n// ============================================================================\n// Single Upload Inner Component\n// ============================================================================\n\ninterface SingleUploadInnerProps {\n\tfield: ControllerRenderProps<FieldValues, string>;\n\terror?: string;\n\tcollection: string;\n\tunresolvedCollectionMessage?: string;\n\taccept?: string | string[];\n\tmaxSize?: number;\n\tshowPreview: boolean;\n\teditable: boolean;\n\tpreviewVariant: \"card\" | \"compact\" | \"thumbnail\";\n\tdisabled?: boolean;\n\tplaceholder?: string;\n\tonUploadStart?: () => void;\n\tonUploadComplete?: (asset: Asset) => void;\n\tonUploadError?: (error: Error) => void;\n\tclassName?: string;\n}\n\nfunction SingleUploadInner({\n\tfield,\n\terror,\n\tcollection,\n\tunresolvedCollectionMessage,\n\taccept,\n\tmaxSize,\n\tshowPreview,\n\teditable,\n\tpreviewVariant,\n\tdisabled,\n\tplaceholder,\n\tonUploadStart,\n\tonUploadComplete,\n\tonUploadError,\n\tclassName,\n}: SingleUploadInnerProps) {\n\t// Normalize accept to always be an array (supports both string and array from field config)\n\tconst normalizedAccept = normalizeAccept(accept);\n\n\tconst { t } = useTranslation();\n\tconst resolveText = useResolveText();\n\tconst resolvedPlaceholder = placeholder\n\t\t? resolveText(placeholder)\n\t\t: undefined;\n\tconst { upload, isUploading, progress, error: uploadError } = useUpload();\n\tconst [isPickerOpen, setIsPickerOpen] = React.useState(false);\n\tconst [isEditSheetOpen, setIsEditSheetOpen] = React.useState(false);\n\n\tconst assetId = field.value as string | null | undefined;\n\n\tconst { data: asset, isLoading: isLoadingAsset } = useCollectionItem(\n\t\tcollection,\n\t\tassetId || \"\",\n\t\tundefined,\n\t\t{ enabled: !!collection && !!assetId && showPreview },\n\t);\n\n\tconst handleDrop = async (files: File[]) => {\n\t\tif (files.length === 0 || disabled) return;\n\t\tif (!collection) {\n\t\t\ttoast.error(\n\t\t\t\tunresolvedCollectionMessage || \"No upload collection is configured.\",\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tconst originalFile = files[0];\n\t\tconst sanitizedName = sanitizeFilename(originalFile.name);\n\t\tconst file = new File([originalFile], sanitizedName, {\n\t\t\ttype: originalFile.type,\n\t\t});\n\n\t\ttry {\n\t\t\tonUploadStart?.();\n\t\t\tconst uploadedAsset = await upload(file, { to: collection });\n\t\t\tfield.onChange(uploadedAsset.id);\n\t\t\tonUploadComplete?.(uploadedAsset);\n\t\t} catch (err) {\n\t\t\tconst uploadErr =\n\t\t\t\terr instanceof Error ? err : new Error(t(\"upload.error\"));\n\t\t\tonUploadError?.(uploadErr);\n\t\t\ttoast.error(uploadErr.message);\n\t\t}\n\t};\n\n\tconst handleRemove = () => {\n\t\tfield.onChange(null);\n\t};\n\n\tconst handleEdit = () => {\n\t\tif (assetId) {\n\t\t\tsetIsEditSheetOpen(true);\n\t\t}\n\t};\n\n\tconst handleValidationError = (errors: { message: string }[]) => {\n\t\tfor (const validationError of errors) {\n\t\t\ttoast.error(validationError.message);\n\t\t}\n\t};\n\n\tconst hintText = React.useMemo(() => {\n\t\tconst parts: string[] = [];\n\t\tif (normalizedAccept?.length) {\n\t\t\tconst types = normalizedAccept\n\t\t\t\t.map((t: string) => {\n\t\t\t\t\tif (t.startsWith(\"image/\")) return \"Images\";\n\t\t\t\t\tif (t.startsWith(\"video/\")) return \"Videos\";\n\t\t\t\t\tif (t.startsWith(\"audio/\")) return \"Audio\";\n\t\t\t\t\tif (t === \"application/pdf\") return \"PDF\";\n\t\t\t\t\treturn t;\n\t\t\t\t})\n\t\t\t\t.filter((v: string, i: number, a: string[]) => a.indexOf(v) === i);\n\t\t\tparts.push(types.join(\", \"));\n\t\t}\n\t\tif (maxSize) {\n\t\t\tconst mb = (maxSize / (1024 * 1024)).toFixed(0);\n\t\t\tparts.push(`Max ${mb}MB`);\n\t\t}\n\t\treturn parts.join(\" • \") || undefined;\n\t}, [normalizedAccept, maxSize]);\n\n\tconst hasValue = !!assetId;\n\tconst isLoading = isUploading || (hasValue && isLoadingAsset);\n\n\tconst handlePickerSelect = (id: string | string[]) => {\n\t\tif (typeof id === \"string\") {\n\t\t\tfield.onChange(id);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className={className}>\n\t\t\t{unresolvedCollectionMessage && (\n\t\t\t\t<p className=\"mb-2 rounded-md border border-warning/40 bg-warning/5 px-3 py-2 text-xs text-warning\">\n\t\t\t\t\t{unresolvedCollectionMessage}\n\t\t\t\t</p>\n\t\t\t)}\n\n\t\t\t{hasValue && showPreview && asset ? (\n\t\t\t\t<AssetPreview\n\t\t\t\t\tasset={asset as Asset}\n\t\t\t\t\tloading={isLoading}\n\t\t\t\t\tprogress={isUploading ? progress : undefined}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tvariant={previewVariant}\n\t\t\t\t\tonRemove={disabled ? undefined : handleRemove}\n\t\t\t\t\tonEdit={editable && !disabled ? handleEdit : undefined}\n\t\t\t\t/>\n\t\t\t) : hasValue && showPreview && isLoadingAsset ? (\n\t\t\t\t<AssetPreview\n\t\t\t\t\tasset={{ id: assetId }}\n\t\t\t\t\tloading={true}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tvariant={previewVariant}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Dropzone\n\t\t\t\t\tonDrop={handleDrop}\n\t\t\t\t\taccept={normalizedAccept}\n\t\t\t\t\tmaxSize={maxSize}\n\t\t\t\t\tmultiple={false}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tloading={isUploading}\n\t\t\t\t\tprogress={isUploading ? progress : undefined}\n\t\t\t\t\tlabel={resolvedPlaceholder || \"Drop file here or click to browse\"}\n\t\t\t\t\thint={hintText}\n\t\t\t\t\tonValidationError={handleValidationError}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{!hasValue && !isUploading && !disabled && !!collection && (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\tonClick={() => setIsPickerOpen(true)}\n\t\t\t\t\tclassName=\"mt-2 w-full\"\n\t\t\t\t>\n\t\t\t\t\t<Icon icon=\"ph:folder-open-bold\" className=\"mr-2 size-4\" />\n\t\t\t\t\tBrowse Library\n\t\t\t\t</Button>\n\t\t\t)}\n\n\t\t\t<MediaPickerDialog\n\t\t\t\topen={isPickerOpen}\n\t\t\t\tonOpenChange={setIsPickerOpen}\n\t\t\t\tmode=\"single\"\n\t\t\t\taccept={normalizedAccept}\n\t\t\t\tonSelect={handlePickerSelect}\n\t\t\t\tcollection={collection || undefined}\n\t\t\t/>\n\n\t\t\t{assetId && !!collection && (\n\t\t\t\t<ResourceSheet\n\t\t\t\t\ttype=\"collection\"\n\t\t\t\t\tcollection={collection}\n\t\t\t\t\titemId={assetId}\n\t\t\t\t\topen={isEditSheetOpen}\n\t\t\t\t\tonOpenChange={setIsEditSheetOpen}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{error && <p className=\"text-destructive mt-1 text-xs\">{error}</p>}\n\t\t</div>\n\t);\n}\n\n// ============================================================================\n// Multiple Upload Inner Component\n// ============================================================================\n\ninterface MultipleUploadInnerProps {\n\tfield: ControllerRenderProps<FieldValues, string>;\n\terror?: string;\n\tcollection: string;\n\tunresolvedCollectionMessage?: string;\n\taccept?: string | string[];\n\tmaxSize?: number;\n\tmaxItems?: number;\n\torderable: boolean;\n\tlayout: \"grid\" | \"list\";\n\teditable: boolean;\n\tdisabled?: boolean;\n\tplaceholder?: string;\n\tonUploadStart?: () => void;\n\tonUploadComplete?: (assets: Asset[]) => void;\n\tonUploadError?: (error: Error) => void;\n\tclassName?: string;\n}\n\nfunction MultipleUploadInner({\n\tfield,\n\tcollection,\n\tunresolvedCollectionMessage,\n\taccept,\n\tmaxSize,\n\tmaxItems,\n\torderable,\n\tlayout,\n\teditable,\n\tdisabled,\n\tplaceholder,\n\tonUploadStart,\n\tonUploadComplete,\n\tonUploadError,\n\tclassName,\n}: MultipleUploadInnerProps) {\n\t// Normalize accept to always be an array (supports both string and array from field config)\n\tconst normalizedAccept = normalizeAccept(accept);\n\n\tconst { t } = useTranslation();\n\tconst resolveText = useResolveText();\n\tconst resolvedPlaceholder = placeholder\n\t\t? resolveText(placeholder)\n\t\t: undefined;\n\tconst { uploadMany, isUploading, progress } = useUpload();\n\tconst client = useAdminStore(selectClient);\n\tconst [isPickerOpen, setIsPickerOpen] = React.useState(false);\n\tconst [editAssetId, setEditAssetId] = React.useState<string | null>(null);\n\tconst [pendingUploads, setPendingUploads] = React.useState<\n\t\t{ id: string; file: File }[]\n\t>([]);\n\tconst [fetchedAssets, setFetchedAssets] = React.useState<Map<string, Asset>>(\n\t\t() => new Map(),\n\t);\n\n\tconst sensors = useSensors(\n\t\tuseSensor(PointerSensor),\n\t\tuseSensor(KeyboardSensor, {\n\t\t\tcoordinateGetter: sortableKeyboardCoordinates,\n\t\t}),\n\t);\n\n\tconst assetIds = (field.value as string[] | null | undefined) || [];\n\n\t// Fetch assets that we don't have yet\n\tReact.useEffect(() => {\n\t\tif (!client || !collection || assetIds.length === 0) return;\n\n\t\tconst missingIds = assetIds.filter((id) => !fetchedAssets.has(id));\n\t\tif (missingIds.length === 0) return;\n\n\t\tlet cancelled = false;\n\n\t\t(async () => {\n\t\t\tfor (const id of missingIds) {\n\t\t\t\tif (cancelled) return;\n\t\t\t\ttry {\n\t\t\t\t\tconst response = await (client as any).collections[\n\t\t\t\t\t\tcollection\n\t\t\t\t\t].findOne({ where: { id } });\n\t\t\t\t\tif (!cancelled && response) {\n\t\t\t\t\t\tsetFetchedAssets((prev) =>\n\t\t\t\t\t\t\tnew Map(prev).set(id, response as Asset),\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t} catch (fetchError) {\n\t\t\t\t\tif (!cancelled) {\n\t\t\t\t\t\tconsole.error(\"Failed to fetch asset:\", fetchError);\n\t\t\t\t\t\ttoast.error(\"Failed to load asset\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t})();\n\n\t\treturn () => {\n\t\t\tcancelled = true;\n\t\t};\n\t}, [assetIds, collection, fetchedAssets, client]);\n\n\tconst handleDrop = async (files: File[]) => {\n\t\tif (files.length === 0 || disabled) return;\n\t\tif (!collection) {\n\t\t\ttoast.error(\n\t\t\t\tunresolvedCollectionMessage || \"No upload collection is configured.\",\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tconst remainingSlots = maxItems ? maxItems - assetIds.length : files.length;\n\t\tconst filesToUpload = files.slice(0, remainingSlots);\n\n\t\tif (filesToUpload.length < files.length) {\n\t\t\ttoast.warning(\n\t\t\t\tt(\"toast.maxFilesWarning\", {\n\t\t\t\t\tremaining: remainingSlots,\n\t\t\t\t\tmax: maxItems,\n\t\t\t\t}),\n\t\t\t);\n\t\t}\n\n\t\tif (filesToUpload.length === 0) return;\n\n\t\tconst sanitizedFiles = filesToUpload.map((file) => {\n\t\t\tconst sanitizedName = sanitizeFilename(file.name);\n\t\t\treturn new File([file], sanitizedName, { type: file.type });\n\t\t});\n\n\t\tconst pending = sanitizedFiles.map((file, index) => ({\n\t\t\tid: `pending-${Date.now()}-${index}`,\n\t\t\tfile,\n\t\t}));\n\t\tsetPendingUploads(pending);\n\n\t\ttry {\n\t\t\tonUploadStart?.();\n\t\t\tconst uploadedAssets = await uploadMany(sanitizedFiles, {\n\t\t\t\tto: collection,\n\t\t\t});\n\t\t\tconst newIds = uploadedAssets.map((a) => a.id);\n\t\t\tfield.onChange([...assetIds, ...newIds]);\n\n\t\t\tfor (const asset of uploadedAssets) {\n\t\t\t\tsetFetchedAssets((prev) => new Map(prev).set(asset.id, asset));\n\t\t\t}\n\n\t\t\tonUploadComplete?.(uploadedAssets);\n\t\t} catch (err) {\n\t\t\tconst uploadError =\n\t\t\t\terr instanceof Error ? err : new Error(t(\"upload.error\"));\n\t\t\tonUploadError?.(uploadError);\n\t\t\ttoast.error(uploadError.message);\n\t\t} finally {\n\t\t\tsetPendingUploads([]);\n\t\t}\n\t};\n\n\tconst handleRemove = (idToRemove: string) => {\n\t\tfield.onChange(assetIds.filter((id) => id !== idToRemove));\n\t};\n\n\tconst handleEdit = (id: string) => {\n\t\tsetEditAssetId(id);\n\t};\n\n\tconst handleDragEnd = (event: DragEndEvent) => {\n\t\tconst { active, over } = event;\n\n\t\tif (over && active.id !== over.id) {\n\t\t\tconst oldIndex = assetIds.indexOf(active.id as string);\n\t\t\tconst newIndex = assetIds.indexOf(over.id as string);\n\n\t\t\tif (oldIndex !== -1 && newIndex !== -1) {\n\t\t\t\tconst reordered = arrayMove(assetIds, oldIndex, newIndex);\n\t\t\t\tfield.onChange(reordered);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleValidationError = (errors: { message: string }[]) => {\n\t\tfor (const validationError of errors) {\n\t\t\ttoast.error(validationError.message);\n\t\t}\n\t};\n\n\tconst handlePickerSelect = (ids: string | string[]) => {\n\t\tif (!collection) {\n\t\t\ttoast.error(\n\t\t\t\tunresolvedCollectionMessage || \"No upload collection is configured.\",\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tconst newIds = Array.isArray(ids) ? ids : [ids];\n\n\t\tconst totalAfterAdd = assetIds.length + newIds.length;\n\t\tif (maxItems && totalAfterAdd > maxItems) {\n\t\t\ttoast.warning(`Maximum ${maxItems} items allowed`);\n\t\t\tconst remainingSlots = maxItems - assetIds.length;\n\t\t\tconst idsToAdd = newIds.slice(0, remainingSlots);\n\t\t\tfield.onChange([...assetIds, ...idsToAdd]);\n\t\t} else {\n\t\t\tfield.onChange([...assetIds, ...newIds]);\n\t\t}\n\t};\n\n\tconst hintText = React.useMemo(() => {\n\t\tconst parts: string[] = [];\n\t\tif (normalizedAccept?.length) {\n\t\t\tconst types = normalizedAccept\n\t\t\t\t.map((t: string) => {\n\t\t\t\t\tif (t.startsWith(\"image/\")) return \"Images\";\n\t\t\t\t\tif (t.startsWith(\"video/\")) return \"Videos\";\n\t\t\t\t\tif (t.startsWith(\"audio/\")) return \"Audio\";\n\t\t\t\t\tif (t === \"application/pdf\") return \"PDF\";\n\t\t\t\t\treturn t;\n\t\t\t\t})\n\t\t\t\t.filter((v: string, i: number, a: string[]) => a.indexOf(v) === i);\n\t\t\tparts.push(types.join(\", \"));\n\t\t}\n\t\tif (maxSize) {\n\t\t\tconst mb = (maxSize / (1024 * 1024)).toFixed(0);\n\t\t\tparts.push(`Max ${mb}MB`);\n\t\t}\n\t\treturn parts.join(\" • \") || undefined;\n\t}, [normalizedAccept, maxSize]);\n\n\tconst hasItems = assetIds.length > 0 || pendingUploads.length > 0;\n\tconst canAddMore = !maxItems || assetIds.length < maxItems;\n\tconst previewVariant = layout === \"grid\" ? \"thumbnail\" : \"compact\";\n\tconst sortingStrategy =\n\t\tlayout === \"grid\" ? rectSortingStrategy : verticalListSortingStrategy;\n\n\treturn (\n\t\t<div className={className}>\n\t\t\t{unresolvedCollectionMessage && (\n\t\t\t\t<p className=\"mb-2 rounded-md border border-warning/40 bg-warning/5 px-3 py-2 text-xs text-warning\">\n\t\t\t\t\t{unresolvedCollectionMessage}\n\t\t\t\t</p>\n\t\t\t)}\n\n\t\t\t{hasItems && (\n\t\t\t\t<DndContext\n\t\t\t\t\tsensors={sensors}\n\t\t\t\t\tcollisionDetection={closestCenter}\n\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t>\n\t\t\t\t\t<SortableContext\n\t\t\t\t\t\titems={assetIds}\n\t\t\t\t\t\tstrategy={sortingStrategy}\n\t\t\t\t\t\tdisabled={!orderable}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\tlayout === \"grid\"\n\t\t\t\t\t\t\t\t\t? \"mb-3 grid grid-cols-2 gap-2 sm:grid-cols-3 md:grid-cols-4\"\n\t\t\t\t\t\t\t\t\t: \"mb-3 space-y-2\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{assetIds.map((id) => (\n\t\t\t\t\t\t\t\t<SortableAssetItem\n\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\t\t\tasset={fetchedAssets.get(id) || null}\n\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\tvariant={previewVariant}\n\t\t\t\t\t\t\t\t\torderable={orderable}\n\t\t\t\t\t\t\t\t\teditable={editable}\n\t\t\t\t\t\t\t\t\tonRemove={() => handleRemove(id)}\n\t\t\t\t\t\t\t\t\tonEdit={() => handleEdit(id)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t\t{pendingUploads.map((pending, index) => (\n\t\t\t\t\t\t\t\t<div key={pending.id}>\n\t\t\t\t\t\t\t\t\t<AssetPreview\n\t\t\t\t\t\t\t\t\t\tasset={{ filename: pending.file.name }}\n\t\t\t\t\t\t\t\t\t\tpendingFile={pending.file}\n\t\t\t\t\t\t\t\t\t\tloading={true}\n\t\t\t\t\t\t\t\t\t\tprogress={Math.min(\n\t\t\t\t\t\t\t\t\t\t\t100,\n\t\t\t\t\t\t\t\t\t\t\tMath.max(\n\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\tprogress - (index / pendingUploads.length) * 100,\n\t\t\t\t\t\t\t\t\t\t\t) *\n\t\t\t\t\t\t\t\t\t\t\t\t(pendingUploads.length /\n\t\t\t\t\t\t\t\t\t\t\t\t\t(pendingUploads.length - index)),\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tdisabled={true}\n\t\t\t\t\t\t\t\t\t\tvariant={previewVariant}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</SortableContext>\n\t\t\t\t</DndContext>\n\t\t\t)}\n\n\t\t\t{canAddMore && !isUploading && !!collection && (\n\t\t\t\t<Dropzone\n\t\t\t\t\tonDrop={handleDrop}\n\t\t\t\t\taccept={normalizedAccept}\n\t\t\t\t\tmaxSize={maxSize}\n\t\t\t\t\tmultiple={true}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tloading={isUploading}\n\t\t\t\t\tprogress={isUploading ? progress : undefined}\n\t\t\t\t\tlabel={\n\t\t\t\t\t\thasItems\n\t\t\t\t\t\t\t? \"Drop more files or click to add\"\n\t\t\t\t\t\t\t: resolvedPlaceholder || \"Drop files here or click to browse\"\n\t\t\t\t\t}\n\t\t\t\t\thint={hintText}\n\t\t\t\t\tonValidationError={handleValidationError}\n\t\t\t\t\tclassName={hasItems ? \"min-h-[80px]\" : undefined}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{canAddMore && !isUploading && !disabled && !!collection && (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\tonClick={() => setIsPickerOpen(true)}\n\t\t\t\t\tclassName=\"mt-2 w-full\"\n\t\t\t\t>\n\t\t\t\t\t<Icon icon=\"ph:folder-open-bold\" className=\"mr-2 size-4\" />\n\t\t\t\t\tBrowse Library\n\t\t\t\t</Button>\n\t\t\t)}\n\n\t\t\t<MediaPickerDialog\n\t\t\t\topen={isPickerOpen}\n\t\t\t\tonOpenChange={setIsPickerOpen}\n\t\t\t\tmode=\"multiple\"\n\t\t\t\taccept={normalizedAccept}\n\t\t\t\tonSelect={handlePickerSelect}\n\t\t\t\tmaxItems={maxItems ? maxItems - assetIds.length : undefined}\n\t\t\t\tcollection={collection || undefined}\n\t\t\t/>\n\n\t\t\t{editAssetId && !!collection && (\n\t\t\t\t<ResourceSheet\n\t\t\t\t\ttype=\"collection\"\n\t\t\t\t\tcollection={collection}\n\t\t\t\t\titemId={editAssetId}\n\t\t\t\t\topen={!!editAssetId}\n\t\t\t\t\tonOpenChange={(open: boolean) => !open && setEditAssetId(null)}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{isUploading && !canAddMore && (\n\t\t\t\t<div className=\"text-muted-foreground flex items-center justify-center gap-2 rounded-lg border border-dashed p-4 text-sm\">\n\t\t\t\t\tUploading... {progress}%\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport function UploadField({\n\tname,\n\tlabel,\n\tdescription,\n\tplaceholder,\n\trequired,\n\tdisabled,\n\tlocalized,\n\tlocale,\n\tcontrol,\n\tclassName,\n\tto,\n\taccept,\n\tmaxSize,\n\tshowPreview = true,\n\teditable = true,\n\tpreviewVariant,\n\tonUploadStart,\n\tonUploadComplete,\n\tonUploadError,\n\t// Multiple mode options\n\tmultiple = false,\n\tmaxItems,\n\torderable = false,\n\tlayout = \"grid\",\n}: UploadFieldProps) {\n\tconst resolveText = useResolveText();\n\tconst resolvedControl = useResolvedControl(control);\n\tconst {\n\t\tcollection: resolvedUploadCollection,\n\t\tcollections: availableUploadCollections,\n\t} = useUploadCollection(to);\n\tconst collection = resolvedUploadCollection || \"\";\n\tconst unresolvedCollectionMessage = !resolvedUploadCollection\n\t\t? availableUploadCollections.length > 1\n\t\t\t? `Multiple upload collections are available (${availableUploadCollections.join(\", \")}). Configure the field with \\`to\\` to choose one.`\n\t\t\t: \"No upload collection is configured for this field.\"\n\t\t: undefined;\n\tconst fieldDisabled = disabled || !!unresolvedCollectionMessage;\n\n\t// Determine preview variant based on mode if not specified\n\tconst effectivePreviewVariant =\n\t\tpreviewVariant ??\n\t\t(multiple ? (layout === \"grid\" ? \"thumbnail\" : \"compact\") : \"card\");\n\n\treturn (\n\t\t<Controller\n\t\t\tname={name}\n\t\t\tcontrol={resolvedControl}\n\t\t\trender={({ field, fieldState }) => {\n\t\t\t\t// For multiple mode, show count in label\n\t\t\t\tconst assetIds = multiple\n\t\t\t\t\t? (field.value as string[] | null | undefined) || []\n\t\t\t\t\t: [];\n\t\t\t\tconst labelWithCount =\n\t\t\t\t\tmultiple && label && maxItems\n\t\t\t\t\t\t? `${resolveText(label)} (${assetIds.length}/${maxItems})`\n\t\t\t\t\t\t: label\n\t\t\t\t\t\t\t? resolveText(label)\n\t\t\t\t\t\t\t: undefined;\n\n\t\t\t\treturn (\n\t\t\t\t\t<FieldWrapper\n\t\t\t\t\t\tname={name}\n\t\t\t\t\t\tlabel={labelWithCount}\n\t\t\t\t\t\tdescription={description}\n\t\t\t\t\t\trequired={required}\n\t\t\t\t\t\tdisabled={fieldDisabled}\n\t\t\t\t\t\tlocalized={localized}\n\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\terror={fieldState.error?.message}\n\t\t\t\t\t>\n\t\t\t\t\t\t{multiple ? (\n\t\t\t\t\t\t\t<MultipleUploadInner\n\t\t\t\t\t\t\t\tfield={field}\n\t\t\t\t\t\t\t\terror={fieldState.error?.message}\n\t\t\t\t\t\t\t\tcollection={collection}\n\t\t\t\t\t\t\t\tunresolvedCollectionMessage={unresolvedCollectionMessage}\n\t\t\t\t\t\t\t\taccept={accept}\n\t\t\t\t\t\t\t\tmaxSize={maxSize}\n\t\t\t\t\t\t\t\tmaxItems={maxItems}\n\t\t\t\t\t\t\t\torderable={orderable}\n\t\t\t\t\t\t\t\tlayout={layout}\n\t\t\t\t\t\t\t\teditable={editable}\n\t\t\t\t\t\t\t\tdisabled={fieldDisabled}\n\t\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\t\tonUploadStart={onUploadStart}\n\t\t\t\t\t\t\t\tonUploadComplete={onUploadComplete as (assets: Asset[]) => void}\n\t\t\t\t\t\t\t\tonUploadError={onUploadError}\n\t\t\t\t\t\t\t\tclassName={className}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<SingleUploadInner\n\t\t\t\t\t\t\t\tfield={field}\n\t\t\t\t\t\t\t\terror={fieldState.error?.message}\n\t\t\t\t\t\t\t\tcollection={collection}\n\t\t\t\t\t\t\t\tunresolvedCollectionMessage={unresolvedCollectionMessage}\n\t\t\t\t\t\t\t\taccept={accept}\n\t\t\t\t\t\t\t\tmaxSize={maxSize}\n\t\t\t\t\t\t\t\tshowPreview={showPreview}\n\t\t\t\t\t\t\t\teditable={editable}\n\t\t\t\t\t\t\t\tpreviewVariant={effectivePreviewVariant}\n\t\t\t\t\t\t\t\tdisabled={fieldDisabled}\n\t\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\t\tonUploadStart={onUploadStart}\n\t\t\t\t\t\t\t\tonUploadComplete={onUploadComplete as (asset: Asset) => void}\n\t\t\t\t\t\t\t\tonUploadError={onUploadError}\n\t\t\t\t\t\t\t\tclassName={className}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</FieldWrapper>\n\t\t\t\t);\n\t\t\t}}\n\t\t/>\n\t);\n}\n"],"mappings":"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"}

package/dist/client/components/filter-builder/columns-tab.d.mts

@@ -0,0 +1 @@
+import "react/jsx-runtime";