sanity-plugin-media 6.1.3 → 6.1.4

package/dist/index.js

@@ -2173,20 +2173,21 @@ const ButtonAssetCopy = (t0) => {
 	}), $[7] = asset.extension, $[8] = t0), t0;
 }, FormSubmitButton = (props) => {
 	let $ = c(14), { disabled, isValid, lastUpdated, onClick } = props, content;
-	if (isValid) if (lastUpdated) {
-		let t0;
-		$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("br", {}), $[0] = t0) : t0 = $[0];
-		let t1;
-		$[1] === lastUpdated ? t1 = $[2] : (t1 = format(new Date(lastUpdated), "PPp"), $[1] = lastUpdated, $[2] = t1);
-		let t2;
-		$[3] === t1 ? t2 = $[4] : (t2 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			"Last updated",
-			t0,
-			" ",
-			t1
-		] }), $[3] = t1, $[4] = t2), content = t2;
-	} else content = "No unpublished changes";
-	else content = "There are validation errors that need to be fixed before this document can be published";
+	if (isValid) {
+		if (lastUpdated) {
+			let t0;
+			$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("br", {}), $[0] = t0) : t0 = $[0];
+			let t1;
+			$[1] === lastUpdated ? t1 = $[2] : (t1 = format(new Date(lastUpdated), "PPp"), $[1] = lastUpdated, $[2] = t1);
+			let t2;
+			$[3] === t1 ? t2 = $[4] : (t2 = /* @__PURE__ */ jsxs(Fragment, { children: [
+				"Last updated",
+				t0,
+				" ",
+				t1
+			] }), $[3] = t1, $[4] = t2), content = t2;
+		} else content = "No unpublished changes";
+	} else content = "There are validation errors that need to be fixed before this document can be published";
 	let t0;
 	$[5] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { maxWidth: "185px" }, $[5] = t0) : t0 = $[5];
 	let t1;
@@ -2766,7 +2767,7 @@ function renderDefaultDetails(props) {
 	return /* @__PURE__ */ jsx(Details, { ...props });
 }
 const DialogAssetEdit = (props) => {
-	let $ = c(149), { children, dialog: t0 } = props, { assetId, id, lastCreatedTag, lastRemovedTagIds } = t0, client = useVersionedClient(), scheme = useColorSchemeValue(), documentStore = useDocumentStore(), dispatch = useDispatch(), t1;
+	let $ = c(150), { children, dialog: t0 } = props, { assetId, id, lastCreatedTag, lastRemovedTagIds } = t0, client = useVersionedClient(), scheme = useColorSchemeValue(), documentStore = useDocumentStore(), dispatch = useDispatch(), t1;
 	$[0] === assetId ? t1 = $[1] : (t1 = (state) => selectAssetById(state, String(assetId)), $[0] = assetId, $[1] = t1);
 	let assetItem = useTypedSelector(t1), tags = useTypedSelector(selectTags), assetUpdatedPrev = useRef(void 0), [assetSnapshot, setAssetSnapshot] = useState(assetItem?.asset), [tabSection, setTabSection] = useState("details"), currentAsset = assetItem ? assetItem?.asset : assetSnapshot, t2;
 	$[2] === tags ? t2 = $[3] : (t2 = getTagSelectOptions(tags), $[2] = tags, $[3] = t2);
@@ -2905,7 +2906,7 @@ const DialogAssetEdit = (props) => {
 		}).commit();
 	}, $[44] = client, $[45] = currentAsset, $[46] = locales, $[47] = t20) : t20 = $[47];
 	let handleCleanupLocales = t20, t21;
-	$[48] !== assetItem?.asset || $[49] !== dispatch ? (t21 = (formData) => {
+	$[48] !== assetItem?.asset || $[49] !== currentAsset || $[50] !== dispatch ? (t21 = (formData) => {
 		if (!assetItem?.asset) return;
 		let sanitizedFormData = sanitizeFormData(formData);
 		formData.description === "" && (sanitizedFormData.description = ""), dispatch(assetsActions.updateRequest({
@@ -2915,27 +2916,28 @@ const DialogAssetEdit = (props) => {
 				...sanitizedFormData,
 				opt: { media: {
 					...sanitizedFormData.opt.media,
-					tags: sanitizedFormData.opt.media.tags?.map(_temp7$1) || null
+					tags: sanitizedFormData.opt.media.tags?.map(_temp7$1) || null,
+					...currentAsset?.opt?.media?.folder && { folder: currentAsset.opt.media.folder }
 				} }
 			}
 		}));
-	}, $[48] = assetItem?.asset, $[49] = dispatch, $[50] = t21) : t21 = $[50], assetItem?.asset;
+	}, $[48] = assetItem?.asset, $[49] = currentAsset, $[50] = dispatch, $[51] = t21) : t21 = $[51], assetItem?.asset;
 	let onSubmit = t21, t22;
-	$[51] !== assetItem?.asset || $[52] !== client ? (t22 = () => {
+	$[52] !== assetItem?.asset || $[53] !== client ? (t22 = () => {
 		if (!assetItem?.asset) return;
 		let subscriptionAsset = client.listen(groq`*[_id == $id]`, { id: assetItem?.asset._id }).subscribe(handleAssetUpdate);
 		return () => {
 			subscriptionAsset?.unsubscribe();
 		};
-	}, $[51] = assetItem?.asset, $[52] = client, $[53] = t22) : t22 = $[53];
+	}, $[52] = assetItem?.asset, $[53] = client, $[54] = t22) : t22 = $[54];
 	let t23 = assetItem?.asset, t24;
-	$[54] !== client || $[55] !== t23 ? (t24 = [
+	$[55] !== client || $[56] !== t23 ? (t24 = [
 		t23,
 		client,
 		handleAssetUpdate
-	], $[54] = client, $[55] = t23, $[56] = t24) : t24 = $[56], useEffect(t22, t24);
+	], $[55] = client, $[56] = t23, $[57] = t24) : t24 = $[57], useEffect(t22, t24);
 	let t25, t26;
-	$[57] !== getValues || $[58] !== lastCreatedTag || $[59] !== setValue ? (t25 = () => {
+	$[58] !== getValues || $[59] !== lastCreatedTag || $[60] !== setValue ? (t25 = () => {
 		if (lastCreatedTag) {
 			let updatedTags = (getValues("opt.media.tags") || []).concat([lastCreatedTag]);
 			setValue("opt.media.tags", updatedTags, { shouldDirty: !0 });
@@ -2944,9 +2946,9 @@ const DialogAssetEdit = (props) => {
 		getValues,
 		lastCreatedTag,
 		setValue
-	], $[57] = getValues, $[58] = lastCreatedTag, $[59] = setValue, $[60] = t25, $[61] = t26) : (t25 = $[60], t26 = $[61]), useEffect(t25, t26);
+	], $[58] = getValues, $[59] = lastCreatedTag, $[60] = setValue, $[61] = t25, $[62] = t26) : (t25 = $[61], t26 = $[62]), useEffect(t25, t26);
 	let t27, t28;
-	$[62] !== getValues || $[63] !== lastRemovedTagIds || $[64] !== setValue ? (t27 = () => {
+	$[63] !== getValues || $[64] !== lastRemovedTagIds || $[65] !== setValue ? (t27 = () => {
 		if (lastRemovedTagIds) {
 			let updatedTags_0 = (getValues("opt.media.tags") || []).filter((tag_0) => !lastRemovedTagIds.includes(tag_0.value));
 			setValue("opt.media.tags", updatedTags_0, { shouldDirty: !0 });
@@ -2955,19 +2957,19 @@ const DialogAssetEdit = (props) => {
 		getValues,
 		lastRemovedTagIds,
 		setValue
-	], $[62] = getValues, $[63] = lastRemovedTagIds, $[64] = setValue, $[65] = t27, $[66] = t28) : (t27 = $[65], t28 = $[66]), useEffect(t27, t28);
+	], $[63] = getValues, $[64] = lastRemovedTagIds, $[65] = setValue, $[66] = t27, $[67] = t28) : (t27 = $[66], t28 = $[67]), useEffect(t27, t28);
 	let t29;
-	$[67] !== assetItem?.asset || $[68] !== generateDefaultValues || $[69] !== reset ? (t29 = () => {
+	$[68] !== assetItem?.asset || $[69] !== generateDefaultValues || $[70] !== reset ? (t29 = () => {
 		assetUpdatedPrev.current !== assetItem?.asset._updatedAt && reset(generateDefaultValues(assetItem?.asset)), assetUpdatedPrev.current = assetItem?.asset._updatedAt;
-	}, $[67] = assetItem?.asset, $[68] = generateDefaultValues, $[69] = reset, $[70] = t29) : t29 = $[70];
+	}, $[68] = assetItem?.asset, $[69] = generateDefaultValues, $[70] = reset, $[71] = t29) : t29 = $[71];
 	let t30 = assetItem?.asset, t31;
-	$[71] !== generateDefaultValues || $[72] !== reset || $[73] !== t30 ? (t31 = [
+	$[72] !== generateDefaultValues || $[73] !== reset || $[74] !== t30 ? (t31 = [
 		t30,
 		generateDefaultValues,
 		reset
-	], $[71] = generateDefaultValues, $[72] = reset, $[73] = t30, $[74] = t31) : t31 = $[74], useEffect(t29, t31);
+	], $[72] = generateDefaultValues, $[73] = reset, $[74] = t30, $[75] = t31) : t31 = $[75], useEffect(t29, t31);
 	let t32;
-	$[75] !== handleCleanupLocales || $[76] !== hasOrphanedLocales ? (t32 = hasOrphanedLocales && /* @__PURE__ */ jsx(Card, {
+	$[76] !== handleCleanupLocales || $[77] !== hasOrphanedLocales ? (t32 = hasOrphanedLocales && /* @__PURE__ */ jsx(Card, {
 		padding: 3,
 		radius: 2,
 		shadow: 1,
@@ -2987,42 +2989,42 @@ const DialogAssetEdit = (props) => {
 				tone: "caution"
 			})]
 		})
-	}), $[75] = handleCleanupLocales, $[76] = hasOrphanedLocales, $[77] = t32) : t32 = $[77];
+	}), $[76] = handleCleanupLocales, $[77] = hasOrphanedLocales, $[78] = t32) : t32 = $[78];
 	let t33;
-	$[78] !== formUpdating || $[79] !== handleDelete ? (t33 = /* @__PURE__ */ jsx(Button, {
+	$[79] !== formUpdating || $[80] !== handleDelete ? (t33 = /* @__PURE__ */ jsx(Button, {
 		disabled: formUpdating,
 		fontSize: 1,
 		mode: "bleed",
 		onClick: handleDelete,
 		text: "Delete",
 		tone: "critical"
-	}), $[78] = formUpdating, $[79] = handleDelete, $[80] = t33) : t33 = $[80];
+	}), $[79] = formUpdating, $[80] = handleDelete, $[81] = t33) : t33 = $[81];
 	let t34 = formUpdating || !isDirty || !isValid || hasOrphanedLocales, t35 = currentAsset?._updatedAt, t36;
-	$[81] !== handleSubmit || $[82] !== onSubmit ? (t36 = handleSubmit(onSubmit), $[81] = handleSubmit, $[82] = onSubmit, $[83] = t36) : t36 = $[83];
+	$[82] !== handleSubmit || $[83] !== onSubmit ? (t36 = handleSubmit(onSubmit), $[82] = handleSubmit, $[83] = onSubmit, $[84] = t36) : t36 = $[84];
 	let t37;
-	$[84] !== isValid || $[85] !== t34 || $[86] !== t35 || $[87] !== t36 ? (t37 = /* @__PURE__ */ jsx(FormSubmitButton, {
+	$[85] !== isValid || $[86] !== t34 || $[87] !== t35 || $[88] !== t36 ? (t37 = /* @__PURE__ */ jsx(FormSubmitButton, {
 		disabled: t34,
 		isValid,
 		lastUpdated: t35,
 		onClick: t36
-	}), $[84] = isValid, $[85] = t34, $[86] = t35, $[87] = t36, $[88] = t37) : t37 = $[88];
+	}), $[85] = isValid, $[86] = t34, $[87] = t35, $[88] = t36, $[89] = t37) : t37 = $[89];
 	let t38;
-	$[89] !== t33 || $[90] !== t37 ? (t38 = /* @__PURE__ */ jsxs(Flex, {
+	$[90] !== t33 || $[91] !== t37 ? (t38 = /* @__PURE__ */ jsxs(Flex, {
 		justify: "space-between",
 		children: [t33, t37]
-	}), $[89] = t33, $[90] = t37, $[91] = t38) : t38 = $[91];
+	}), $[90] = t33, $[91] = t37, $[92] = t38) : t38 = $[92];
 	let t39;
-	$[92] !== t32 || $[93] !== t38 ? (t39 = /* @__PURE__ */ jsx(Box, {
+	$[93] !== t32 || $[94] !== t38 ? (t39 = /* @__PURE__ */ jsx(Box, {
 		padding: 3,
 		children: /* @__PURE__ */ jsxs(Stack, {
 			gap: 3,
 			children: [t32, t38]
 		})
-	}), $[92] = t32, $[93] = t38, $[94] = t39) : t39 = $[94];
+	}), $[93] = t32, $[94] = t38, $[95] = t39) : t39 = $[95];
 	let footer = t39;
 	if (!currentAsset) return null;
 	let t40 = !!currentFolderId && !currentFolderPath, t41;
-	$[95] !== allTagOptions || $[96] !== assetTagOptions || $[97] !== control || $[98] !== creditLine || $[99] !== currentAsset || $[100] !== currentFolderPath || $[101] !== errors || $[102] !== formUpdating || $[103] !== handleChangeFolder || $[104] !== handleCreateTag || $[105] !== handleRemoveFolder || $[106] !== locales || $[107] !== register || $[108] !== setValue || $[109] !== t40 ? (t41 = {
+	$[96] !== allTagOptions || $[97] !== assetTagOptions || $[98] !== control || $[99] !== creditLine || $[100] !== currentAsset || $[101] !== currentFolderPath || $[102] !== errors || $[103] !== formUpdating || $[104] !== handleChangeFolder || $[105] !== handleCreateTag || $[106] !== handleRemoveFolder || $[107] !== locales || $[108] !== register || $[109] !== setValue || $[110] !== t40 ? (t41 = {
 		control,
 		errors,
 		formUpdating,
@@ -3038,21 +3040,21 @@ const DialogAssetEdit = (props) => {
 		onRemoveFolder: handleRemoveFolder,
 		creditLine,
 		locales
-	}, $[95] = allTagOptions, $[96] = assetTagOptions, $[97] = control, $[98] = creditLine, $[99] = currentAsset, $[100] = currentFolderPath, $[101] = errors, $[102] = formUpdating, $[103] = handleChangeFolder, $[104] = handleCreateTag, $[105] = handleRemoveFolder, $[106] = locales, $[107] = register, $[108] = setValue, $[109] = t40, $[110] = t41) : t41 = $[110];
+	}, $[96] = allTagOptions, $[97] = assetTagOptions, $[98] = control, $[99] = creditLine, $[100] = currentAsset, $[101] = currentFolderPath, $[102] = errors, $[103] = formUpdating, $[104] = handleChangeFolder, $[105] = handleCreateTag, $[106] = handleRemoveFolder, $[107] = locales, $[108] = register, $[109] = setValue, $[110] = t40, $[111] = t41) : t41 = $[111];
 	let detailsProps = t41, t42;
-	$[111] === Symbol.for("react.memo_cache_sentinel") ? (t42 = [
+	$[112] === Symbol.for("react.memo_cache_sentinel") ? (t42 = [
 		"column-reverse",
 		"column-reverse",
 		"row-reverse"
-	], $[111] = t42) : t42 = $[111];
+	], $[112] = t42) : t42 = $[112];
 	let t43;
-	$[112] === Symbol.for("react.memo_cache_sentinel") ? (t43 = [
+	$[113] === Symbol.for("react.memo_cache_sentinel") ? (t43 = [
 		5,
 		5,
 		0
-	], $[112] = t43) : t43 = $[112];
+	], $[113] = t43) : t43 = $[113];
 	let t44;
-	$[113] !== CustomDetails || $[114] !== assetItem || $[115] !== detailsProps || $[116] !== formUpdating || $[117] !== handleSubmit || $[118] !== onSubmit || $[119] !== tabSection ? (t44 = (t45) => {
+	$[114] !== CustomDetails || $[115] !== assetItem || $[116] !== detailsProps || $[117] !== formUpdating || $[118] !== handleSubmit || $[119] !== onSubmit || $[120] !== tabSection ? (t44 = (t45) => {
 		let { isLoading, referringDocuments } = t45, uniqueReferringDocuments = getUniqueDocuments(referringDocuments);
 		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(TabList, {
 			gap: 2,
@@ -3117,9 +3119,9 @@ const DialogAssetEdit = (props) => {
 				})
 			]
 		})] });
-	}, $[113] = CustomDetails, $[114] = assetItem, $[115] = detailsProps, $[116] = formUpdating, $[117] = handleSubmit, $[118] = onSubmit, $[119] = tabSection, $[120] = t44) : t44 = $[120];
+	}, $[114] = CustomDetails, $[115] = assetItem, $[116] = detailsProps, $[117] = formUpdating, $[118] = handleSubmit, $[119] = onSubmit, $[120] = tabSection, $[121] = t44) : t44 = $[121];
 	let t45;
-	$[121] !== currentAsset._id || $[122] !== documentStore || $[123] !== t44 ? (t45 = /* @__PURE__ */ jsx(Box, {
+	$[122] !== currentAsset._id || $[123] !== documentStore || $[124] !== t44 ? (t45 = /* @__PURE__ */ jsx(Box, {
 		flex: 1,
 		marginTop: t43,
 		padding: 4,
@@ -3128,13 +3130,13 @@ const DialogAssetEdit = (props) => {
 			id: currentAsset._id,
 			children: t44
 		})
-	}), $[121] = currentAsset._id, $[122] = documentStore, $[123] = t44, $[124] = t45) : t45 = $[124];
+	}), $[122] = currentAsset._id, $[123] = documentStore, $[124] = t44, $[125] = t45) : t45 = $[125];
 	let t46;
-	$[125] === Symbol.for("react.memo_cache_sentinel") ? (t46 = { aspectRatio: "1" }, $[125] = t46) : t46 = $[125];
+	$[126] === Symbol.for("react.memo_cache_sentinel") ? (t46 = { aspectRatio: "1" }, $[126] = t46) : t46 = $[126];
 	let t47;
-	$[126] === currentAsset ? t47 = $[127] : (t47 = isFileAsset(currentAsset) && /* @__PURE__ */ jsx(FileAssetPreview, { asset: currentAsset }), $[126] = currentAsset, $[127] = t47);
+	$[127] === currentAsset ? t47 = $[128] : (t47 = isFileAsset(currentAsset) && /* @__PURE__ */ jsx(FileAssetPreview, { asset: currentAsset }), $[127] = currentAsset, $[128] = t47);
 	let t48;
-	$[128] !== currentAsset || $[129] !== scheme ? (t48 = isImageAsset(currentAsset) && /* @__PURE__ */ jsx(Image$1, {
+	$[129] !== currentAsset || $[130] !== scheme ? (t48 = isImageAsset(currentAsset) && /* @__PURE__ */ jsx(Image$1, {
 		draggable: !1,
 		$scheme: scheme,
 		$showCheckerboard: !currentAsset?.metadata?.isOpaque,
@@ -3142,33 +3144,33 @@ const DialogAssetEdit = (props) => {
 			height: 600,
 			width: 600
 		})
-	}), $[128] = currentAsset, $[129] = scheme, $[130] = t48) : t48 = $[130];
+	}), $[129] = currentAsset, $[130] = scheme, $[131] = t48) : t48 = $[131];
 	let t49;
-	$[131] !== t47 || $[132] !== t48 ? (t49 = /* @__PURE__ */ jsxs(Box, {
+	$[132] !== t47 || $[133] !== t48 ? (t49 = /* @__PURE__ */ jsxs(Box, {
 		style: t46,
 		children: [t47, t48]
-	}), $[131] = t47, $[132] = t48, $[133] = t49) : t49 = $[133];
+	}), $[132] = t47, $[133] = t48, $[134] = t49) : t49 = $[134];
 	let t50;
-	$[134] !== assetItem || $[135] !== currentAsset ? (t50 = currentAsset && /* @__PURE__ */ jsx(Box, {
+	$[135] !== assetItem || $[136] !== currentAsset ? (t50 = currentAsset && /* @__PURE__ */ jsx(Box, {
 		marginTop: 4,
 		children: /* @__PURE__ */ jsx(AssetMetadata, {
 			asset: currentAsset,
 			item: assetItem
 		})
-	}), $[134] = assetItem, $[135] = currentAsset, $[136] = t50) : t50 = $[136];
+	}), $[135] = assetItem, $[136] = currentAsset, $[137] = t50) : t50 = $[137];
 	let t51;
-	$[137] !== t49 || $[138] !== t50 ? (t51 = /* @__PURE__ */ jsxs(Box, {
+	$[138] !== t49 || $[139] !== t50 ? (t51 = /* @__PURE__ */ jsxs(Box, {
 		flex: 1,
 		padding: 4,
 		children: [t49, t50]
-	}), $[137] = t49, $[138] = t50, $[139] = t51) : t51 = $[139];
+	}), $[138] = t49, $[139] = t50, $[140] = t51) : t51 = $[140];
 	let t52;
-	$[140] !== t45 || $[141] !== t51 ? (t52 = /* @__PURE__ */ jsxs(Flex, {
+	$[141] !== t45 || $[142] !== t51 ? (t52 = /* @__PURE__ */ jsxs(Flex, {
 		direction: t42,
 		children: [t45, t51]
-	}), $[140] = t45, $[141] = t51, $[142] = t52) : t52 = $[142];
+	}), $[141] = t45, $[142] = t51, $[143] = t52) : t52 = $[143];
 	let t53;
-	return $[143] !== children || $[144] !== footer || $[145] !== handleClose || $[146] !== id || $[147] !== t52 ? (t53 = /* @__PURE__ */ jsxs(Dialog$1, {
+	return $[144] !== children || $[145] !== footer || $[146] !== handleClose || $[147] !== id || $[148] !== t52 ? (t53 = /* @__PURE__ */ jsxs(Dialog$1, {
 		animate: !0,
 		footer,
 		header: "Asset details",
@@ -3176,7 +3178,7 @@ const DialogAssetEdit = (props) => {
 		onClose: handleClose,
 		width: 3,
 		children: [t52, children]
-	}), $[143] = children, $[144] = footer, $[145] = handleClose, $[146] = id, $[147] = t52, $[148] = t53) : t53 = $[148], t53;
+	}), $[144] = children, $[145] = footer, $[146] = handleClose, $[147] = id, $[148] = t52, $[149] = t53) : t53 = $[149], t53;
 };
 function _temp$35(v) {
 	return v;
@@ -7064,16 +7066,18 @@ function _temp2$5(state_0) {
 const TableHeaderItem = (props) => {
 	let $ = c(26), { field, title } = props, dispatch = useDispatch(), order = useTypedSelector(_temp$8), isActive = order.field === field, t0;
 	$[0] !== dispatch || $[1] !== field || $[2] !== isActive || $[3] !== order.direction || $[4] !== title ? (t0 = () => {
-		if (!(!field || !title)) if (isActive) {
-			let direction = order.direction === "asc" ? "desc" : "asc";
-			dispatch(assetsActions.orderSet({ order: {
+		if (!(!field || !title)) {
+			if (isActive) {
+				let direction = order.direction === "asc" ? "desc" : "asc";
+				dispatch(assetsActions.orderSet({ order: {
+					field,
+					direction
+				} }));
+			} else dispatch(assetsActions.orderSet({ order: {
 				field,
-				direction
+				direction: "asc"
 			} }));
-		} else dispatch(assetsActions.orderSet({ order: {
-			field,
-			direction: "asc"
-		} }));
+		}
 	}, $[0] = dispatch, $[1] = field, $[2] = isActive, $[3] = order.direction, $[4] = title, $[5] = t0) : t0 = $[5];
 	let handleClick = t0, t1 = !field, t2 = field ? handleClick : void 0, t3 = field ? "pointer" : "default", t4;
 	$[6] === t3 ? t4 = $[7] : (t4 = {