sanity-plugin-media 6.1.6 → 6.1.7

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,27 @@ function createReduxStore(props) {
 			}
 		}
 	});
-	return epicMiddleware.run(rootEpic), store;
+	return epicMiddleware.run((action$, state$, dependencies) => rootEpic(action$, state$, dependencies).pipe(takeUntil(action$.pipe(ofType(EPIC_END_TYPE))))), {
+		store,
+		endEpics: () => {
+			store.dispatch({ type: EPIC_END_TYPE });
+		}
+	};
 }
 function ReduxProvider(t0) {
-	let $ = c(8), children, props;
+	let $ = c(11), 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), { endEpics, store } = t2, t3, t4;
+	$[5] === endEpics ? (t3 = $[6], t4 = $[7]) : (t3 = () => () => {
+		endEpics();
+	}, t4 = [endEpics], $[5] = endEpics, $[6] = t3, $[7] = t4), useEffect(t3, t4);
+	let t5;
+	return $[8] !== children || $[9] !== store ? (t5 = /* @__PURE__ */ jsx(Provider, {
 		store,
 		children
-	}), $[5] = children, $[6] = store, $[7] = t2) : t2 = $[7], t2;
+	}), $[8] = children, $[9] = store, $[10] = t5) : t5 = $[10], t5;
 }
 /**
 * Fetches the already-selected asset into the store and opens the `assetEdit`
@@ -6787,6 +6799,7 @@ const Controls = () => {
 			display: t29,
 			marginLeft: 2,
 			children: /* @__PURE__ */ jsx(Button, {
+				"aria-label": "Toggle tags panel",
 				fontSize: 1,
 				icon: t30,
 				onClick: toggleTagsPanelToggle,