sanity-plugin-media 6.5.0 → 6.6.0

package/README.md

@@ -226,6 +226,9 @@ When `locales` are provided, all localized fields (title, altText, description,
 
 This will return the Italian value if present, otherwise English, otherwise French, etc. Adjust the order as needed for your project.
 
+**Sorting by title:**
+When `locales` are configured, "Title: A to Z" / "Title: Z to A" in the sort dropdown sort by the first available translation, checked in the order your `locales` array is declared — the same fallback pattern shown above. Assets missing a title in every configured locale sort as empty.
+
 #### Migrating existing assets to localized format
 
 If you enable `locales` on a project that already has assets with plain string fields (e.g. `title: "My photo"`), you should run the provided migration script to convert those fields to the localized object format (e.g. `title: {en: "My photo"}`).

package/dist/index.js

@@ -86,7 +86,7 @@ function _temp$38() {
 const useTypedSelector = useSelector, useVersionedClient = () => {
 	let $ = c(1), t0;
 	return $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { apiVersion: "2025-10-02" }, $[0] = t0) : t0 = $[0], useClient(t0);
-}, ORDER_DICTIONARY = {
+}, LOCALIZED_ORDER_FIELDS = /* @__PURE__ */ new Set(["title"]), ORDER_DICTIONARY = {
 	_createdAt: {
 		asc: "Last created: Oldest first",
 		desc: "Last created: Newest first"
@@ -103,11 +103,23 @@ const useTypedSelector = useSelector, useVersionedClient = () => {
 		asc: "File name: A to Z",
 		desc: "File name: Z to A"
 	},
+	title: {
+		asc: "Title: A to Z",
+		desc: "Title: Z to A"
+	},
 	size: {
 		asc: "File size: Smallest first",
 		desc: "File size: Largest first"
 	}
-}, getOrderTitle = (field, direction) => ORDER_DICTIONARY[field][direction], divider = { type: "divider" }, inputs = {
+}, getOrderTitle = (field, direction) => ORDER_DICTIONARY[field][direction], getOrderField = (field, localeIds) => {
+	if (localeIds.length === 0 || !LOCALIZED_ORDER_FIELDS.has(field)) return field;
+	let localizedFieldAccessors = localeIds.map((localeId) => groq`${field}[${JSON.stringify(localeId)}]`);
+	return groq`coalesce(${localizedFieldAccessors.join(", ")})`;
+}, getOrderValue = (value, field, localeIds) => {
+	if (localeIds.length === 0 || !LOCALIZED_ORDER_FIELDS.has(field) || typeof value != "object" || !value) return value;
+	let localizedValues = value;
+	return localeIds.map((localeId) => localizedValues[localeId]).find((v) => v != null);
+}, divider = { type: "divider" }, inputs = {
 	altText: {
 		assetTypes: ["file", "image"],
 		field: "altText",
@@ -472,6 +484,15 @@ const operators = {
 		field: "originalFilename"
 	},
 	null,
+	{
+		direction: "asc",
+		field: "title"
+	},
+	{
+		direction: "desc",
+		field: "title"
+	},
+	null,
 	{
 		direction: "desc",
 		field: "size"
@@ -919,6 +940,7 @@ const UPLOADS_ACTIONS = { uploadComplete: createAction("uploads/uploadComplete",
 	fetching: !1,
 	fetchingError: void 0,
 	lastPicked: void 0,
+	localeIds: [],
 	order: {
 		direction: defaultOrder.direction,
 		field: defaultOrder.field,
@@ -1137,7 +1159,7 @@ const UPLOADS_ACTIONS = { uploadComplete: createAction("uploads/uploadComplete",
 		},
 		sort(state) {
 			state.allIds.sort((a, b) => {
-				let tagA = state.byIds[a].asset[state.order.field], tagB = state.byIds[b].asset[state.order.field];
+				let { field } = state.order, tagA = getOrderValue(state.byIds[a].asset[field], field, state.localeIds), tagB = getOrderValue(state.byIds[b].asset[field], field, state.localeIds);
 				return tagA < tagB ? state.order.direction === "asc" ? -1 : 1 : tagA > tagB ? state.order.direction === "asc" ? 1 : -1 : 0;
 			});
 		},
@@ -1196,7 +1218,7 @@ const UPLOADS_ACTIONS = { uploadComplete: createAction("uploads/uploadComplete",
 		params,
 		queryFilter: constructedFilter,
 		selector: groq`[${start}...${end}]`,
-		sort: groq`order(${state.assets?.order?.field} ${state.assets?.order?.direction})`
+		sort: groq`order(${getOrderField(state.assets.order.field, state.assets.localeIds)} ${state.assets.order.direction})`
 	}));
 })), assetsFetchNextPageEpic = (action$, state$) => action$.pipe(filter(assetsActions.loadNextPage.match), withLatestFrom(state$), switchMap(([_action, state]) => of(assetsActions.loadPageIndex({ pageIndex: state.assets.pageIndex + 1 })))), assetsFetchAfterDeleteAllEpic = (action$, state$) => action$.pipe(filter(assetsActions.deleteComplete.match), withLatestFrom(state$), switchMap(([_action, state]) => {
 	if (state.assets.allIds.length === 0) {
@@ -6443,6 +6465,7 @@ function createReduxStore(props) {
 				...initialState$1,
 				assetTypes: isSupportedAssetType(props?.assetType) ? [props.assetType] : ["file", "image"],
 				excludeTagSlugs: props.excludeTagSlugs?.length ? [...props.excludeTagSlugs] : [],
+				localeIds: props.locales?.length ? props.locales.map((locale) => locale.id) : [],
 				showMediaLibraryAssets: props.showMediaLibraryAssets ?? !0
 			},
 			debug: {
@@ -8561,7 +8584,7 @@ const BrowserContent = (t0) => {
 		children: t9
 	}), $[11] = portalElement, $[12] = t9, $[13] = t10) : t10 = $[13], t10;
 }, Browser = (props) => {
-	let $ = c(16), client = useVersionedClient(), { excludeTagSlugs, showMediaLibraryAssets } = useToolOptions(), t0 = props?.assetType, t1 = props?.document, t2 = props?.selectedAssets, t3 = props?.isMultiSelect, t4 = props?.onSelect, t5;
+	let $ = c(17), client = useVersionedClient(), { excludeTagSlugs, locales, showMediaLibraryAssets } = useToolOptions(), t0 = props?.assetType, t1 = props?.document, t2 = props?.selectedAssets, t3 = props?.isMultiSelect, t4 = props?.onSelect, t5;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t5 = /* @__PURE__ */ jsx(GlobalStyle, {}), $[0] = t5) : t5 = $[0];
 	let t6 = props?.onClose, t7 = props?.schemaType, t8;
 	$[1] !== t6 || $[2] !== t7 ? (t8 = /* @__PURE__ */ jsx(BrowserContent, {
@@ -8575,15 +8598,16 @@ const BrowserContent = (t0) => {
 		children: [t5, t8]
 	}), $[4] = t3, $[5] = t4, $[6] = t8, $[7] = t9) : t9 = $[7];
 	let t10;
-	return $[8] !== client || $[9] !== excludeTagSlugs || $[10] !== showMediaLibraryAssets || $[11] !== t0 || $[12] !== t1 || $[13] !== t2 || $[14] !== t9 ? (t10 = /* @__PURE__ */ jsx(ReduxProvider, {
+	return $[8] !== client || $[9] !== excludeTagSlugs || $[10] !== locales || $[11] !== showMediaLibraryAssets || $[12] !== t0 || $[13] !== t1 || $[14] !== t2 || $[15] !== t9 ? (t10 = /* @__PURE__ */ jsx(ReduxProvider, {
 		assetType: t0,
 		client,
 		document: t1,
 		excludeTagSlugs,
+		locales,
 		selectedAssets: t2,
 		showMediaLibraryAssets,
 		children: t9
-	}), $[8] = client, $[9] = excludeTagSlugs, $[10] = showMediaLibraryAssets, $[11] = t0, $[12] = t1, $[13] = t2, $[14] = t9, $[15] = t10) : t10 = $[15], t10;
+	}), $[8] = client, $[9] = excludeTagSlugs, $[10] = locales, $[11] = showMediaLibraryAssets, $[12] = t0, $[13] = t1, $[14] = t2, $[15] = t9, $[16] = t10) : t10 = $[16], t10;
 }, FormBuilderTool = (props) => {
 	let $ = c(13), { onClose } = props, portalElement = useRootPortalElement(), t0;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = [], $[0] = t0) : t0 = $[0];