sanity-plugin-media 6.1.6 → 6.1.8

package/dist/index.js

@@ -11,8 +11,8 @@ import { combineReducers, configureStore, createAction, createSelector, createSl
 import groq from "groq";
 import { nanoid } from "nanoid";
 import { combineEpics, createEpicMiddleware, ofType } from "redux-observable";
-import { EMPTY, Observable, Subject, from, iif, merge, of, throwError } from "rxjs";
-import { bufferTime, catchError, concatMap, debounceTime, delay, filter, first, map, mergeMap, switchMap, takeUntil, withLatestFrom } from "rxjs/operators";
+import { EMPTY, Observable, Subject, from, iif, merge, of, takeUntil, throwError } from "rxjs";
+import { bufferTime, catchError, concatMap, debounceTime, delay, filter, first, map, mergeMap, switchMap, takeUntil as takeUntil$1, withLatestFrom } from "rxjs/operators";
 import { uuid } from "@sanity/uuid";
 import pluralize from "pluralize";
 import { createGlobalStyle, css, styled } from "styled-components";
@@ -3669,7 +3669,7 @@ const createThrottler = (concurrency = 4) => {
 	return merge(of(null).pipe(mergeMap(() => generatePreviewBlobUrl$(file)), mergeMap((url) => of(uploadsActions.previewReady({
 		blobUrl: url,
 		hash: uploadItem.hash
-	})))), of(null).pipe(mergeMap(() => uploadAsset$(client, uploadItem.assetType, file, uploadItem.hash)), takeUntil(action$.pipe(filter(uploadsActions.uploadCancel.match), filter((v) => v.payload.hash === uploadItem.hash))), mergeMap((event) => {
+	})))), of(null).pipe(mergeMap(() => uploadAsset$(client, uploadItem.assetType, file, uploadItem.hash)), takeUntil$1(action$.pipe(filter(uploadsActions.uploadCancel.match), filter((v) => v.payload.hash === uploadItem.hash))), mergeMap((event) => {
 		if (event?.type === "complete") {
 			let folderId = uploadItem.folderId || null;
 			return folderId ? from(client.patch(event.asset._id).setIfMissing({ opt: {} }).setIfMissing({ "opt.media": {} }).set({ "opt.media.folder": {
@@ -6028,6 +6028,7 @@ const TagViewHeader = (t0) => {
 			icon: ComposeIcon,
 			mode: "bleed",
 			onClick: handleTagCreate,
+			"aria-label": "Create tag",
 			style: {
 				background: "transparent",
 				boxShadow: "none"
@@ -6296,6 +6297,8 @@ const rootEpic = combineEpics(assetsDeleteEpic, assetsFetchEpic, assetsFetchAfte
 function isSupportedAssetType(assetType) {
 	return assetType ? SUPPORTED_ASSET_TYPES.includes(assetType) : !1;
 }
+/** Stops the root epic when the Media browser unmounts (tool close / dialog dismiss / tests). */
+const EPIC_END_TYPE = "media/epicEnd";
 function createReduxStore(props) {
 	let epicMiddleware = createEpicMiddleware({ dependencies: { client: props.client } }), store = configureStore({
 		reducer: rootReducer,
@@ -6353,18 +6356,32 @@ function createReduxStore(props) {
 			}
 		}
 	});
-	return epicMiddleware.run(rootEpic), store;
+	epicMiddleware.run((action$, state$, dependencies) => rootEpic(action$, state$, dependencies).pipe(takeUntil(action$.pipe(ofType(EPIC_END_TYPE)))));
+	let pendingEnd = null;
+	return {
+		store,
+		scheduleEnd: () => {
+			pendingEnd === null && (pendingEnd = setTimeout(() => {
+				pendingEnd = null, store.dispatch({ type: EPIC_END_TYPE });
+			}, 0));
+		},
+		cancelEnd: () => {
+			pendingEnd !== null && (clearTimeout(pendingEnd), pendingEnd = null);
+		}
+	};
 }
 function ReduxProvider(t0) {
-	let $ = c(8), children, props;
+	let $ = c(12), children, props;
 	$[0] === t0 ? (children = $[1], props = $[2]) : ({children, ...props} = t0, $[0] = t0, $[1] = children, $[2] = props);
 	let t1;
 	$[3] === props ? t1 = $[4] : (t1 = () => createReduxStore(props), $[3] = props, $[4] = t1);
-	let [store] = useState(t1), t2;
-	return $[5] !== children || $[6] !== store ? (t2 = /* @__PURE__ */ jsx(Provider, {
+	let [t2] = useState(t1), { cancelEnd, scheduleEnd, store } = t2, t3, t4;
+	$[5] !== cancelEnd || $[6] !== scheduleEnd ? (t3 = () => (cancelEnd(), () => scheduleEnd()), t4 = [cancelEnd, scheduleEnd], $[5] = cancelEnd, $[6] = scheduleEnd, $[7] = t3, $[8] = t4) : (t3 = $[7], t4 = $[8]), useEffect(t3, t4);
+	let t5;
+	return $[9] !== children || $[10] !== store ? (t5 = /* @__PURE__ */ jsx(Provider, {
 		store,
 		children
-	}), $[5] = children, $[6] = store, $[7] = t2) : t2 = $[7], t2;
+	}), $[9] = children, $[10] = store, $[11] = t5) : t5 = $[11], t5;
 }
 /**
 * Fetches the already-selected asset into the store and opens the `assetEdit`
@@ -6787,6 +6804,7 @@ const Controls = () => {
 			display: t29,
 			marginLeft: 2,
 			children: /* @__PURE__ */ jsx(Button, {
+				"aria-label": "Toggle tags panel",
 				fontSize: 1,
 				icon: t30,
 				onClick: toggleTagsPanelToggle,