@sanity/vision 6.11.0-next.62 → 6.11.0-next.70

package/lib/{SanityVision-DuaYJCFN.js → SanityVision-C2XWWKKM.js}

@@ -3,13 +3,14 @@ import { Component, Fragment, Suspense, use, useEffect, useImperativeHandle, use
 import { ContextMenuButton, Translate, UserAvatar, VARIANTS_STUDIO_CLIENT_OPTIONS, getReleaseIdFromReleaseDocumentId, getVariantTitle, 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";
-import { Badge, Box, Button, Card, Container, Dialog, Flex, Grid, Heading, Hotkeys, Inline, Label, Select, Spinner, Stack, Tab, TabList, Text, TextInput, rem, useClickOutsideEvent, useTheme, useTheme_v2 } from "@sanity/ui";
+import { Badge, Button, Card, Container, Dialog, Flex, Grid, Heading, Hotkeys, Inline, Label, Select, Spinner, Stack, Tab, TabList, Text, TextInput, rem, useClickOutsideEvent, useTheme, useTheme_v2 } from "@sanity/ui";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { SplitPane } from "@rexxars/react-split-pane";
 import { ChevronLeftIcon } from "@sanity/icons/ChevronLeft";
 import { ChevronRightIcon } from "@sanity/icons/ChevronRight";
 import { useToast } from "@sanity/ui/toast";
 import { isHotkey } from "is-hotkey-esm";
+import { Box } from "ui5";
 import { useEffectEvent } from "use-effect-event";
 import { closeBrackets } from "@codemirror/autocomplete";
 import { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
@@ -816,7 +817,8 @@ function QueryList(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
 		...props,
-		flex: 1,
+		flexBasis: "0%",
+		flexGrow: 1,
 		overflow: "auto",
 		className: queryList
 	}), $[0] = props, $[1] = t0), t0;
@@ -1493,7 +1495,8 @@ function VisionGuiControls(t0) {
 	$[5] !== queryInProgress || $[6] !== t ? (t7 = t(queryInProgress ? "action.query-cancel" : "action.query-execute"), $[5] = queryInProgress, $[6] = t, $[7] = t7) : t7 = $[7];
 	let t8;
 	$[8] !== onQueryExecution || $[9] !== t4 || $[10] !== t5 || $[11] !== t6 || $[12] !== t7 ? (t8 = /* @__PURE__ */ jsx(Box, {
-		flex: 1,
+		flexBasis: "0%",
+		flexGrow: 1,
 		children: /* @__PURE__ */ jsx(Tooltip, {
 			content: t3,
 			placement: "top",
@@ -1513,7 +1516,8 @@ function VisionGuiControls(t0) {
 	$[14] !== listenInProgress || $[15] !== t ? (t10 = t(listenInProgress ? "action.listen-cancel" : "action.listen-execute"), $[14] = listenInProgress, $[15] = t, $[16] = t10) : t10 = $[16];
 	let t11 = !hasValidParams, t12 = listenInProgress ? "positive" : "default", t13;
 	$[17] !== onListenExecution || $[18] !== t10 || $[19] !== t11 || $[20] !== t12 || $[21] !== t9 ? (t13 = /* @__PURE__ */ jsx(Box, {
-		flex: 1,
+		flexBasis: "0%",
+		flexGrow: 1,
 		marginLeft: 3,
 		children: /* @__PURE__ */ jsx(Button, {
 			width: "fill",
@@ -1699,7 +1703,7 @@ function VisionGuiHeader(t0) {
 		12
 	], $[4] = t3) : t3 = $[4];
 	let t4;
-	$[5] === Symbol.for("react.memo_cache_sentinel") ? (t4 = [1, 2], $[5] = t4) : t4 = $[5];
+	$[5] === Symbol.for("react.memo_cache_sentinel") ? (t4 = ["span 1 / span 1", "span 2 / span 2"], $[5] = t4) : t4 = $[5];
 	let t5;
 	$[6] === t ? t5 = $[7] : (t5 = t("settings.dataset-label"), $[6] = t, $[7] = t5);
 	let t6;
@@ -1723,7 +1727,7 @@ function VisionGuiHeader(t0) {
 		children: /* @__PURE__ */ jsxs(Stack, { children: [t6, t8] })
 	}), $[16] = t6, $[17] = t8, $[18] = t9) : t9 = $[18];
 	let t10;
-	$[19] === Symbol.for("react.memo_cache_sentinel") ? (t10 = [1, 2], $[19] = t10) : t10 = $[19];
+	$[19] === Symbol.for("react.memo_cache_sentinel") ? (t10 = ["span 1 / span 1", "span 2 / span 2"], $[19] = t10) : t10 = $[19];
 	let t11;
 	$[20] === t ? t11 = $[21] : (t11 = t("settings.api-version-label"), $[20] = t, $[21] = t11);
 	let t12;
@@ -1776,7 +1780,7 @@ function VisionGuiHeader(t0) {
 	let t23;
 	$[45] !== customApiVersion || $[46] !== customApiVersionElementRef || $[47] !== isApiVersionLocked || $[48] !== isValidApiVersion || $[49] !== onCustomApiVersionChange || $[50] !== t ? (t23 = !isApiVersionLocked && customApiVersion !== !1 && /* @__PURE__ */ jsx(Box, {
 		padding: 1,
-		gridColumn: [1, 2],
+		gridColumn: ["span 1 / span 1", "span 2 / span 2"],
 		children: /* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsx(Card, {
 			paddingTop: 2,
 			paddingBottom: 3,
@@ -1793,7 +1797,7 @@ function VisionGuiHeader(t0) {
 		})] })
 	}), $[45] = customApiVersion, $[46] = customApiVersionElementRef, $[47] = isApiVersionLocked, $[48] = isValidApiVersion, $[49] = onCustomApiVersionChange, $[50] = t, $[51] = t23) : t23 = $[51];
 	let t24;
-	$[52] === Symbol.for("react.memo_cache_sentinel") ? (t24 = [1, 2], $[52] = t24) : t24 = $[52];
+	$[52] === Symbol.for("react.memo_cache_sentinel") ? (t24 = ["span 1 / span 1", "span 2 / span 2"], $[52] = t24) : t24 = $[52];
 	let t25;
 	$[53] === t ? t25 = $[54] : (t25 = t("settings.perspective-label"), $[53] = t, $[54] = t25);
 	let t26;
@@ -1839,8 +1843,9 @@ function VisionGuiHeader(t0) {
 	let t33;
 	$[71] !== customApiVersion || $[72] !== t || $[73] !== url ? (t33 = typeof url == "string" ? /* @__PURE__ */ jsx(Box, {
 		padding: 1,
-		flex: 1,
-		gridColumn: [1, customApiVersion === !1 ? 6 : 4],
+		flexBasis: "0%",
+		flexGrow: 1,
+		gridColumn: ["span 1 / span 1", customApiVersion === !1 ? "span 6 / span 6" : "span 4 / span 4"],
 		children: /* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsx(Card, {
 			paddingTop: 2,
 			paddingBottom: 3,
@@ -1863,7 +1868,8 @@ function VisionGuiHeader(t0) {
 			flex: 1,
 			gap: 1,
 			children: [/* @__PURE__ */ jsx(Box, {
-				flex: 1,
+				flexBasis: "0%",
+				flexGrow: 1,
 				children: /* @__PURE__ */ jsx(TextInput, {
 					"data-testid": "vision-query-url",
 					readOnly: !0,
@@ -1882,7 +1888,10 @@ function VisionGuiHeader(t0) {
 				})
 			})]
 		})] })
-	}) : /* @__PURE__ */ jsx(Box, { flex: 1 }), $[71] = customApiVersion, $[72] = t, $[73] = url, $[74] = t33) : t33 = $[74];
+	}) : /* @__PURE__ */ jsx(Box, {
+		flexBasis: "0%",
+		flexGrow: 1
+	}), $[71] = customApiVersion, $[72] = t, $[73] = url, $[74] = t33) : t33 = $[74];
 	let t34;
 	return $[75] !== t22 || $[76] !== t23 || $[77] !== t32 || $[78] !== t33 || $[79] !== t9 ? (t34 = /* @__PURE__ */ jsx(Header, {
 		paddingX: 3,
@@ -2173,7 +2182,8 @@ function VisionGuiResult(t0) {
 	}), $[29] = t12, $[30] = t7, $[31] = t13) : t13 = $[31];
 	let t14;
 	$[32] !== t13 || $[33] !== t4 || $[34] !== t5 ? (t14 = /* @__PURE__ */ jsx(ResultInnerContainer, {
-		flex: 1,
+		flexBasis: "0%",
+		flexGrow: 1,
 		children: /* @__PURE__ */ jsx(ResultContainer, {
 			flex: 1,
 			overflow: "hidden",
@@ -2571,7 +2581,8 @@ function VisionGui(props) {
 		display: "flex",
 		"data-testid": "vision-query-editor",
 		children: /* @__PURE__ */ jsxs(Box, {
-			flex: 1,
+			flexBasis: "0%",
+			flexGrow: 1,
 			children: [t58, t59]
 		})
 	}), $[159] = t58, $[160] = t59, $[161] = t60) : t60 = $[161];
@@ -2599,7 +2610,8 @@ function VisionGui(props) {
 	let t64;
 	$[176] !== paneSizeOptions.allowResize || $[177] !== paneSizeOptions.maxSize || $[178] !== paneSizeOptions.size || $[179] !== t52 || $[180] !== t55 || $[181] !== t60 || $[182] !== t63 ? (t64 = /* @__PURE__ */ jsx(Box, {
 		height: "stretch",
-		flex: 1,
+		flexBasis: "0%",
+		flexGrow: 1,
 		children: /* @__PURE__ */ jsxs(SplitPane, {
 			className: "sidebarPanes",
 			split: "horizontal",
@@ -2626,7 +2638,8 @@ function VisionGui(props) {
 	let t66;
 	$[193] !== t51 || $[194] !== t64 || $[195] !== t65 ? (t66 = /* @__PURE__ */ jsx(Box, {
 		height: "stretch",
-		flex: 1,
+		flexBasis: "0%",
+		flexGrow: 1,
 		children: /* @__PURE__ */ jsxs(SplitPane, {
 			className: "sidebarPanes",
 			split: t51,
@@ -2679,7 +2692,9 @@ function VisionGui(props) {
 	$[215] !== t71 || $[216] !== t73 ? (t74 = /* @__PURE__ */ jsxs(QueryRecallPaneContainer, { children: [t71, t73] }), $[215] = t71, $[216] = t73, $[217] = t74) : t74 = $[217];
 	let t75;
 	$[218] !== t50 || $[219] !== t66 || $[220] !== t74 ? (t75 = /* @__PURE__ */ jsx(SplitpaneContainer, {
-		flex: "auto",
+		flexBasis: "auto",
+		flexGrow: 1,
+		flexShrink: 1,
 		children: /* @__PURE__ */ jsxs(SplitPane, {
 			minSize: 800,
 			defaultSize: window.innerWidth - 275,
@@ -2855,4 +2870,4 @@ function SanityVision(props) {
 }
 export { SanityVision as default };
 
-//# sourceMappingURL=SanityVision-DuaYJCFN.js.map
+//# sourceMappingURL=SanityVision-C2XWWKKM.js.map