@sanity/vision 6.9.0-next.9 → 6.9.0

package/lib/{SanityVision-MCdLivbU.js → SanityVision-CQ0yUM4l.js}

@@ -1,5 +1,5 @@
 import { t as visionLocaleNamespace } from "./i18n-DWd7qwtK.js";
-import { Component, Fragment, forwardRef, useEffect, useEffectEvent, useImperativeHandle, useRef, useState } from "react";
+import { Component, Fragment, Suspense, forwardRef, use, useEffect, useImperativeHandle, useRef, useState } from "react";
 import { ContextMenuButton, Translate, UserAvatar, getReleaseIdFromReleaseDocumentId, isCardinalityOneRelease, sortReleases, useActiveReleases, useClient, useCurrentUser, useDataset, useDateTimeFormat, useKeyValueStore, usePerspective, useScheduledDraftsEnabled, useTranslation, useWorkspace } from "sanity";
 import { IntentLink } from "sanity/router";
 import { c } from "react/compiler-runtime";
@@ -9,6 +9,7 @@ import { SplitPane } from "@rexxars/react-split-pane";
 import { ChevronLeftIcon } from "@sanity/icons/ChevronLeft";
 import { ChevronRightIcon } from "@sanity/icons/ChevronRight";
 import { isHotkey } from "is-hotkey-esm";
+import { useEffectEvent } from "use-effect-event";
 import { closeBrackets } from "@codemirror/autocomplete";
 import { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
 import { javascriptLanguage } from "@codemirror/lang-javascript";
@@ -41,7 +42,7 @@ import { JsonInspector } from "@rexxars/react-json-inspector";
 import { LinkIcon } from "@sanity/icons/Link";
 import LRU from "quick-lru";
 import { DocumentSheetIcon } from "@sanity/icons/DocumentSheet";
-import { useObservable } from "react-rx";
+import { useObservablePromise } from "react-rx";
 import { catchError, map as map$1, of } from "rxjs";
 const API_VERSIONS = [
 	"v1",
@@ -2641,7 +2642,7 @@ function useDatasets(t0) {
 		} else t2 = $[4];
 		t1 = t2;
 	}
-	return useObservable(t1, null);
+	return useObservablePromise(t1);
 }
 function _temp3(err) {
 	return of(err);
@@ -2653,36 +2654,37 @@ function _temp(d) {
 	return d.name;
 }
 function VisionContainer(props) {
-	let $ = c(19), t0;
+	let $ = c(8), t0;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { apiVersion: "v2025-06-27" }, $[0] = t0) : t0 = $[0];
 	let datasetsClient = useClient(t0), t1;
 	$[1] !== datasetsClient || $[2] !== props.config.datasets ? (t1 = {
 		client: datasetsClient,
 		datasets: props.config.datasets
 	}, $[1] = datasetsClient, $[2] = props.config.datasets, $[3] = t1) : t1 = $[3];
-	let loadedDatasets = useDatasets(t1);
-	if (!loadedDatasets) {
-		let t2;
-		return $[4] === Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(Flex, {
-			align: "center",
-			height: "fill",
-			justify: "center",
-			children: /* @__PURE__ */ jsx(DelayedSpinner, {})
-		}), $[4] = t2) : t2 = $[4], t2;
-	}
-	let t2;
-	$[5] !== loadedDatasets || $[6] !== props.client ? (t2 = loadedDatasets instanceof Error ? [props.client.config().dataset || "production"] : loadedDatasets, $[5] = loadedDatasets, $[6] = props.client, $[7] = t2) : t2 = $[7];
-	let datasets = t2, t3;
-	$[8] === props.client ? t3 = $[9] : (t3 = props.client.config(), $[8] = props.client, $[9] = t3);
-	let projectId = t3.projectId, t4;
-	$[10] !== datasets || $[11] !== props.client || $[12] !== props.config.defaultDataset ? (t4 = props.config.defaultDataset || props.client.config().dataset || datasets[0], $[10] = datasets, $[11] = props.client, $[12] = props.config.defaultDataset, $[13] = t4) : t4 = $[13];
-	let defaultDataset = t4, t5;
-	return $[14] !== datasets || $[15] !== defaultDataset || $[16] !== projectId || $[17] !== props ? (t5 = /* @__PURE__ */ jsx(VisionGui, {
+	let datasetsPromise = useDatasets(t1), t2;
+	$[4] === Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(Flex, {
+		align: "center",
+		height: "fill",
+		justify: "center",
+		children: /* @__PURE__ */ jsx(DelayedSpinner, {})
+	}), $[4] = t2) : t2 = $[4];
+	let t3;
+	return $[5] !== datasetsPromise || $[6] !== props ? (t3 = /* @__PURE__ */ jsx(Suspense, {
+		fallback: t2,
+		children: /* @__PURE__ */ jsx(LoadedVisionContainer, {
+			...props,
+			datasetsPromise
+		})
+	}), $[5] = datasetsPromise, $[6] = props, $[7] = t3) : t3 = $[7], t3;
+}
+function LoadedVisionContainer(t0) {
+	let $ = c(5), { datasetsPromise, ...props } = t0, loadedDatasets = use(datasetsPromise), datasets = loadedDatasets instanceof Error ? [props.client.config().dataset || "production"] : loadedDatasets, projectId = props.client.config().projectId, defaultDataset = props.config.defaultDataset || props.client.config().dataset || datasets[0], t1;
+	return $[0] !== datasets || $[1] !== defaultDataset || $[2] !== projectId || $[3] !== props ? (t1 = /* @__PURE__ */ jsx(VisionGui, {
 		...props,
 		datasets,
 		projectId,
 		defaultDataset
-	}, projectId), $[14] = datasets, $[15] = defaultDataset, $[16] = projectId, $[17] = props, $[18] = t5) : t5 = $[18], t5;
+	}, projectId), $[0] = datasets, $[1] = defaultDataset, $[2] = projectId, $[3] = props, $[4] = t1) : t1 = $[4], t1;
 }
 /**
 * @internal
@@ -2766,4 +2768,4 @@ function SanityVision(props) {
 }
 export { SanityVision as default };
 
-//# sourceMappingURL=SanityVision-MCdLivbU.js.map
+//# sourceMappingURL=SanityVision-CQ0yUM4l.js.map