@questpie/admin 3.2.3 → 3.2.5

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

@@ -10,7 +10,6 @@ import { useUpload } from "../../hooks/use-upload.mjs";
 import { AssetPreview } from "../primitives/asset-preview.mjs";
 import { MediaPickerDialog } from "../media/media-picker-dialog.mjs";
 import { Dropzone } from "../primitives/dropzone.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -59,96 +58,31 @@ function normalizeAccept(accept) {
 	if (Array.isArray(accept)) return accept;
 	return [accept];
 }
-function SortableAssetItem(t0) {
-	const $ = c(30);
-	const { id, asset, loading, progress, disabled, variant, orderable, editable, href, onRemove, onEdit } = t0;
-	let t1;
-	if ($[0] !== id) {
-		t1 = { id };
-		$[0] = id;
-		$[1] = t1;
-	} else t1 = $[1];
-	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable(t1);
-	let t2;
-	if ($[2] !== transform) {
-		t2 = CSS.Transform.toString(transform);
-		$[2] = transform;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== t2 || $[5] !== transition) {
-		t3 = {
-			transform: t2,
+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
-		};
-		$[4] = t2;
-		$[5] = transition;
-		$[6] = t3;
-	} else t3 = $[6];
-	const style = t3;
-	const t4 = isDragging ? "opacity-50" : "";
-	let t5;
-	if ($[7] !== asset || $[8] !== id) {
-		t5 = asset || { id };
-		$[7] = asset;
-		$[8] = id;
-		$[9] = t5;
-	} else t5 = $[9];
-	const t6 = orderable && !disabled;
-	let t7;
-	if ($[10] !== attributes || $[11] !== listeners || $[12] !== orderable) {
-		t7 = orderable ? {
-			...attributes,
-			...listeners
-		} : void 0;
-		$[10] = attributes;
-		$[11] = listeners;
-		$[12] = orderable;
-		$[13] = t7;
-	} else t7 = $[13];
-	const t8 = disabled ? void 0 : onRemove;
-	const t9 = editable && !disabled ? onEdit : void 0;
-	let t10;
-	if ($[14] !== disabled || $[15] !== href || $[16] !== loading || $[17] !== progress || $[18] !== t5 || $[19] !== t6 || $[20] !== t7 || $[21] !== t8 || $[22] !== t9 || $[23] !== variant) {
-		t10 = /* @__PURE__ */ jsx(AssetPreview, {
-			asset: t5,
+		},
+		className: isDragging ? "opacity-50" : "",
+		children: /* @__PURE__ */ jsx(AssetPreview, {
+			asset: asset || { id },
 			loading,
 			progress,
 			disabled,
 			variant,
-			showDragHandle: t6,
-			dragHandleProps: t7,
+			showDragHandle: orderable && !disabled,
+			dragHandleProps: orderable ? {
+				...attributes,
+				...listeners
+			} : void 0,
 			href,
-			onRemove: t8,
-			onEdit: t9
-		});
-		$[14] = disabled;
-		$[15] = href;
-		$[16] = loading;
-		$[17] = progress;
-		$[18] = t5;
-		$[19] = t6;
-		$[20] = t7;
-		$[21] = t8;
-		$[22] = t9;
-		$[23] = variant;
-		$[24] = t10;
-	} else t10 = $[24];
-	let t11;
-	if ($[25] !== setNodeRef || $[26] !== style || $[27] !== t10 || $[28] !== t4) {
-		t11 = /* @__PURE__ */ jsx("div", {
-			ref: setNodeRef,
-			style,
-			className: t4,
-			children: t10
-		});
-		$[25] = setNodeRef;
-		$[26] = style;
-		$[27] = t10;
-		$[28] = t4;
-		$[29] = t11;
-	} else t11 = $[29];
-	return t11;
+			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 }) {
 	"use no memo";
@@ -333,9 +267,9 @@ function MultipleUploadInner({ field, collection, unresolvedCollectionMessage, a
 			const sanitizedName = sanitizeFilename(file.name);
 			return new File([file], sanitizedName, { type: file.type });
 		});
-		setPendingUploads(sanitizedFiles.map((file_0, index) => ({
+		setPendingUploads(sanitizedFiles.map((file, index) => ({
 			id: `pending-${Date.now()}-${index}`,
-			file: file_0
+			file
 		})));
 		if (onUploadStart) onUploadStart();
 		uploadMany(sanitizedFiles, { to: collection }).then((uploadedAssets) => {
@@ -361,8 +295,8 @@ function MultipleUploadInner({ field, collection, unresolvedCollectionMessage, a
 	const handleRemove = (idToRemove) => {
 		field.onChange(assetIds.filter((id) => id !== idToRemove));
 	};
-	const handleEdit = (id_0) => {
-		setEditAssetId(id_0);
+	const handleEdit = (id) => {
+		setEditAssetId(id);
 	};
 	const handleDragEnd = (event) => {
 		const { active, over } = event;
@@ -383,14 +317,14 @@ function MultipleUploadInner({ field, collection, unresolvedCollectionMessage, a
 			toast.error(unresolvedCollectionMessage || t("error.noUploadCollection"));
 			return;
 		}
-		const newIds_0 = Array.isArray(ids) ? ids : [ids];
-		const totalAfterAdd = assetIds.length + newIds_0.length;
+		const newIds = Array.isArray(ids) ? ids : [ids];
+		const totalAfterAdd = assetIds.length + newIds.length;
 		if (maxItems && totalAfterAdd > maxItems) {
 			toast.warning(t("error.maxItemsAllowed", { max: maxItems }));
-			const remainingSlots_0 = maxItems - assetIds.length;
-			const idsToAdd = newIds_0.slice(0, remainingSlots_0);
+			const remainingSlots = maxItems - assetIds.length;
+			const idsToAdd = newIds.slice(0, remainingSlots);
 			field.onChange([...assetIds, ...idsToAdd]);
-		} else field.onChange([...assetIds, ...newIds_0]);
+		} else field.onChange([...assetIds, ...newIds]);
 	};
 	const hintText = React.useMemo(() => {
 		const parts = [];
@@ -401,7 +335,7 @@ function MultipleUploadInner({ field, collection, unresolvedCollectionMessage, a
 				if (type.startsWith("audio/")) return t("dropzone.typeAudio");
 				if (type === "application/pdf") return t("dropzone.typePDF");
 				return type;
-			}).filter((v, i, a_0) => a_0.indexOf(v) === i);
+			}).filter((v, i, a) => a.indexOf(v) === i);
 			parts.push(types.join(", "));
 		}
 		if (maxSize) {
@@ -434,23 +368,23 @@ function MultipleUploadInner({ field, collection, unresolvedCollectionMessage, a
 					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_1) => /* @__PURE__ */ jsx(SortableAssetItem, {
-							id: id_1,
-							asset: fetchedAssetsMap.get(id_1) || null,
+						children: [assetIds.map((id) => /* @__PURE__ */ jsx(SortableAssetItem, {
+							id,
+							asset: fetchedAssetsMap.get(id) || null,
 							disabled,
 							variant: previewVariant,
 							orderable,
 							editable,
-							onRemove: () => handleRemove(id_1),
-							onEdit: () => handleEdit(id_1)
-						}, id_1)), pendingUploads.map((pending_0, index_0) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(AssetPreview, {
-							asset: { filename: pending_0.file.name },
-							pendingFile: pending_0.file,
+							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_0 / pendingUploads.length * 100) * (pendingUploads.length / (pendingUploads.length - index_0))),
+							progress: Math.min(100, Math.max(0, progress - index / pendingUploads.length * 100) * (pendingUploads.length / (pendingUploads.length - index))),
 							disabled: true,
 							variant: previewVariant
-						}) }, pending_0.id))]
+						}) }, pending.id))]
 					})
 				})
 			}),
@@ -500,32 +434,18 @@ function MultipleUploadInner({ field, collection, unresolvedCollectionMessage, a
 		]
 	});
 }
-function UploadField(t0) {
-	const $ = c(32);
-	const { name, label, description, placeholder, required, disabled, localized, locale, control, className, to, accept, maxSize, showPreview: t1, editable: t2, previewVariant, onUploadStart, onUploadComplete, onUploadError, multiple: t3, maxItems, orderable: t4, layout: t5 } = t0;
-	const showPreview = t1 === void 0 ? true : t1;
-	const editable = t2 === void 0 ? true : t2;
-	const multiple = t3 === void 0 ? false : t3;
-	const orderable = t4 === void 0 ? false : t4;
-	const layout = t5 === void 0 ? "grid" : t5;
+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 || "";
-	let t6;
-	if ($[0] !== availableUploadCollections || $[1] !== resolvedUploadCollection) {
-		t6 = !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;
-		$[0] = availableUploadCollections;
-		$[1] = resolvedUploadCollection;
-		$[2] = t6;
-	} else t6 = $[2];
-	const unresolvedCollectionMessage = t6;
+	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" : "compact");
-	let t7;
-	if ($[3] !== accept || $[4] !== className || $[5] !== collection || $[6] !== description || $[7] !== editable || $[8] !== effectivePreviewVariant || $[9] !== fieldDisabled || $[10] !== label || $[11] !== layout || $[12] !== locale || $[13] !== localized || $[14] !== maxItems || $[15] !== maxSize || $[16] !== multiple || $[17] !== name || $[18] !== onUploadComplete || $[19] !== onUploadError || $[20] !== onUploadStart || $[21] !== orderable || $[22] !== placeholder || $[23] !== required || $[24] !== resolveText || $[25] !== showPreview || $[26] !== unresolvedCollectionMessage) {
-		t7 = (t8$1) => {
-			const { field, fieldState } = t8$1;
+	return /* @__PURE__ */ jsx(Controller, {
+		name,
+		control: resolvedControl,
+		render: ({ field, fieldState }) => {
 			const assetIds = multiple ? field.value || [] : [];
 			return /* @__PURE__ */ jsx(FieldWrapper, {
 				name,
@@ -571,46 +491,8 @@ function UploadField(t0) {
 					className: cn("qa-upload-field", className)
 				})
 			});
-		};
-		$[3] = accept;
-		$[4] = className;
-		$[5] = collection;
-		$[6] = description;
-		$[7] = editable;
-		$[8] = effectivePreviewVariant;
-		$[9] = fieldDisabled;
-		$[10] = label;
-		$[11] = layout;
-		$[12] = locale;
-		$[13] = localized;
-		$[14] = maxItems;
-		$[15] = maxSize;
-		$[16] = multiple;
-		$[17] = name;
-		$[18] = onUploadComplete;
-		$[19] = onUploadError;
-		$[20] = onUploadStart;
-		$[21] = orderable;
-		$[22] = placeholder;
-		$[23] = required;
-		$[24] = resolveText;
-		$[25] = showPreview;
-		$[26] = unresolvedCollectionMessage;
-		$[27] = t7;
-	} else t7 = $[27];
-	let t8;
-	if ($[28] !== name || $[29] !== resolvedControl || $[30] !== t7) {
-		t8 = /* @__PURE__ */ jsx(Controller, {
-			name,
-			control: resolvedControl,
-			render: t7
-		});
-		$[28] = name;
-		$[29] = resolvedControl;
-		$[30] = t7;
-		$[31] = t8;
-	} else t8 = $[31];
-	return t8;
+		}
+	});
 }
 
 //#endregion