@sanity/vision 6.16.0-next.96 → 6.16.0-next.99

package/lib/{SanityVision-CFvbcBD0.js → SanityVision-BLv8MKWU.js}

@@ -3,14 +3,14 @@ import { Component, Fragment, Suspense, use, useEffect, useImperativeHandle, use
 import { ContextMenuButton, RELEASES_STUDIO_CLIENT_OPTIONS, 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, Button, Card, Container, Dialog, Flex, Heading, Hotkeys, Inline, Label, Select, Spinner, Stack, Tab, TabList, Text, TextInput, rem, useClickOutsideEvent, useTheme, useTheme_v2 } from "@sanity/ui";
+import { Box, Flex, Grid } from "ui5";
+import { Badge, Button, Card, Container, Dialog, 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, Grid } from "ui5";
 import { useEffectEvent } from "use-effect-event";
 import { closeBrackets } from "@codemirror/autocomplete";
 import { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
@@ -443,7 +443,7 @@ function QueryRecallPaneContainer(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Flex, {
 		...props,
-		direction: "column",
+		flexDirection: "column",
 		className: queryRecallPaneContainer
 	}), $[0] = props, $[1] = t0), t0;
 }
@@ -451,8 +451,9 @@ function QueryRecallPaneWrapper(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Flex, {
 		...props,
-		direction: "column",
-		flex: 1,
+		flexDirection: "column",
+		flexBasis: "0%",
+		flexGrow: 1,
 		overflow: "hidden",
 		className: queryRecallPaneWrapper
 	}), $[0] = props, $[1] = t0), t0;
@@ -808,8 +809,9 @@ function ScrollContainer(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Flex, {
 		...props,
-		direction: "column",
-		flex: 1,
+		flexDirection: "column",
+		flexBasis: "0%",
+		flexGrow: 1,
 		overflow: "hidden",
 		className: scrollContainer
 	}), $[0] = props, $[1] = t0), t0;
@@ -1047,8 +1049,8 @@ function QueryRecall(t0) {
 			padding: 3,
 			paddingTop: 2,
 			paddingBottom: 0,
-			justify: "space-between",
-			align: "center",
+			justifyContent: "space-between",
+			alignItems: "center",
 			children: [t16, t19]
 		}), $[82] = t16, $[83] = t19, $[84] = t20) : t20 = $[84];
 		let t21;
@@ -1144,17 +1146,14 @@ function QueryRecall(t0) {
 					gap: compactMode ? 2 : 3,
 					children: [
 						/* @__PURE__ */ jsxs(Flex, {
-							justify: "space-between",
-							align: "center",
+							justifyContent: "space-between",
+							alignItems: "center",
 							style: { minHeight: "25px" },
 							children: [/* @__PURE__ */ jsxs(Flex, {
-								align: "center",
+								alignItems: "center",
 								gap: 2,
 								paddingRight: 1,
-								style: {
-									minWidth: 0,
-									flex: 1
-								},
+								style: { flex: 1 },
 								children: [editingKey === q_5._key ? /* @__PURE__ */ jsx(TextInput, {
 									value: editingTitle,
 									onChange: (event_1) => setEditingTitle(event_1.currentTarget.value),
@@ -1188,7 +1187,7 @@ function QueryRecall(t0) {
 									backgroundColor: "var(--card-focus-ring-color)"
 								} })]
 							}), /* @__PURE__ */ jsx(Flex, {
-								align: "center",
+								alignItems: "center",
 								gap: 2,
 								children: /* @__PURE__ */ jsx(Box, {
 									"data-query-actions": "true",
@@ -1264,7 +1263,7 @@ function QueryRecall(t0) {
 								minHeight: "30px"
 							},
 							children: [/* @__PURE__ */ jsxs(Flex, {
-								align: "center",
+								alignItems: "center",
 								gap: 2,
 								style: { minHeight: "18px" },
 								children: [/* @__PURE__ */ jsx(Box, {
@@ -1304,7 +1303,7 @@ function QueryRecall(t0) {
 								children: formatDate.format(new Date(q_5.savedAt || ""))
 							})]
 						}) : /* @__PURE__ */ jsxs(Flex, {
-							align: "center",
+							alignItems: "center",
 							gap: 2,
 							style: {
 								paddingTop: "2px",
@@ -1393,10 +1392,10 @@ function QueryRecall(t0) {
 		header: t("label.share"),
 		onClose: () => setShareDialogQuery(null),
 		footer: /* @__PURE__ */ jsxs(Flex, {
-			justify: "flex-end",
+			justifyContent: "flex-end",
 			gap: 3,
 			padding: 3,
-			align: "center",
+			alignItems: "center",
 			children: [/* @__PURE__ */ jsx(Button, {
 				mode: "bleed",
 				padding: 2,
@@ -1533,7 +1532,7 @@ function VisionGuiControls(t0) {
 	}), $[17] = onListenExecution, $[18] = t10, $[19] = t11, $[20] = t12, $[21] = t9, $[22] = t13) : t13 = $[22];
 	let t14;
 	$[23] !== t13 || $[24] !== t8 ? (t14 = /* @__PURE__ */ jsxs(Flex, {
-		justify: "space-evenly",
+		justifyContent: "space-evenly",
 		children: [t8, t13]
 	}), $[23] = t13, $[24] = t8, $[25] = t14) : t14 = $[25];
 	let t15;
@@ -1866,7 +1865,8 @@ function VisionGuiHeader(t0) {
 				})
 			] })
 		}), /* @__PURE__ */ jsxs(Flex, {
-			flex: 1,
+			flexBasis: "0%",
+			flexGrow: 1,
 			gap: 1,
 			children: [/* @__PURE__ */ jsx(Box, {
 				flexBasis: "0%",
@@ -2297,7 +2297,7 @@ function VisionGuiResult(t0) {
 	}), $[55] = t23, $[56] = t27, $[57] = t28) : t28 = $[57];
 	let t29;
 	$[58] !== t22 || $[59] !== t28 ? (t29 = /* @__PURE__ */ jsxs(TimingsTextContainer, {
-		align: "center",
+		alignItems: "center",
 		children: [t22, t28]
 	}), $[58] = t22, $[59] = t28, $[60] = t29) : t29 = $[60];
 	let t30;
@@ -2330,14 +2330,14 @@ function VisionGuiResult(t0) {
 	}), $[66] = compactFooter, $[67] = hasResult, $[68] = queryResult, $[69] = t, $[70] = t31) : t31 = $[70];
 	let t32;
 	$[71] !== t13 || $[72] !== t14 || $[73] !== t15 || $[74] !== t30 || $[75] !== t31 ? (t32 = /* @__PURE__ */ jsxs(ResultFooter, {
-		justify: t13,
-		align: t14,
-		direction: t15,
+		justifyContent: t13,
+		alignItems: t14,
+		flexDirection: t15,
 		children: [t30, t31]
 	}), $[71] = t13, $[72] = t14, $[73] = t15, $[74] = t30, $[75] = t31, $[76] = t32) : t32 = $[76];
 	let t33;
 	return $[77] !== t12 || $[78] !== t32 ? (t33 = /* @__PURE__ */ jsxs(ResultOuterContainer, {
-		direction: "column",
+		flexDirection: "column",
 		"data-testid": "vision-result",
 		children: [t12, t32]
 	}), $[77] = t12, $[78] = t32, $[79] = t33) : t33 = $[79], t33;
@@ -2788,10 +2788,9 @@ function VisionGui(props) {
 	}), $[225] = t50, $[226] = t67, $[227] = t75, $[228] = t76) : t76 = $[228];
 	let t77;
 	return $[229] !== t49 || $[230] !== t76 ? (t77 = /* @__PURE__ */ jsxs(Root, {
-		direction: "column",
-		height: "fill",
+		flexDirection: "column",
+		height: "100%",
 		ref: visionRootRef,
-		sizing: "border",
 		overflow: "hidden",
 		"data-testid": "vision-root",
 		children: [t49, t76]
@@ -2839,9 +2838,9 @@ function VisionContainer(props) {
 	}, $[1] = datasetsClient, $[2] = props.config.datasets, $[3] = t1) : t1 = $[3];
 	let datasetsPromise = useDatasets(t1), t2;
 	$[4] === Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(Flex, {
-		align: "center",
-		height: "fill",
-		justify: "center",
+		alignItems: "center",
+		height: "100%",
+		justifyContent: "center",
 		children: /* @__PURE__ */ jsx(DelayedSpinner, {})
 	}), $[4] = t2) : t2 = $[4];
 	let t3;
@@ -2952,4 +2951,4 @@ function SanityVision(props) {
 }
 export { SanityVision as default };
 
-//# sourceMappingURL=SanityVision-CFvbcBD0.js.map
+//# sourceMappingURL=SanityVision-BLv8MKWU.js.map