@sanity/vision 6.4.0-next.38 → 6.4.0-workbench.20260701093415

package/lib/_chunks-es/SanityVision.js

@@ -4,8 +4,7 @@ import { useTranslation, useKeyValueStore, useClient, useCurrentUser, useDateTim
 import { Spinner, rem, useTheme, Flex, Box, Label, Card, useTheme_v2, Text, Tooltip, useToast, Stack, TextInput, MenuButton, Menu, MenuItem, Code, Badge, Button, Dialog, Tab, TabList, Hotkeys, useClickOutsideEvent, Popover, Inline, Grid, Select, Container, Heading } from "@sanity/ui";
 import { useState, useEffect, forwardRef, useRef, useImperativeHandle, Fragment, useEffectEvent, Component } from "react";
 import { SplitPane } from "@rexxars/react-split-pane";
-import { ChevronLeftIcon } from "@sanity/icons/ChevronLeft";
-import { ChevronRightIcon } from "@sanity/icons/ChevronRight";
+import { ErrorOutlineIcon, UsersIcon, UnpublishIcon, TrashIcon, LockIcon, AddIcon, SearchIcon, StopIcon, PlayIcon, HelpCircleIcon, CopyIcon, LinkIcon, DocumentSheetIcon, ChevronLeftIcon, ChevronRightIcon } from "@sanity/icons";
 import { isHotkey } from "is-hotkey-esm";
 import { closeBrackets } from "@codemirror/autocomplete";
 import { history, defaultKeymap, historyKeymap } from "@codemirror/commands";
@@ -19,28 +18,15 @@ import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { tags } from "@lezer/highlight";
 import { hues } from "@sanity/color";
 import { visionLocaleNamespace } from "./index.js";
-import { ErrorOutlineIcon } from "@sanity/icons/ErrorOutline";
 import debounce from "lodash-es/debounce.js";
 import JSON5 from "json5";
-import { AddIcon } from "@sanity/icons/Add";
-import { LockIcon } from "@sanity/icons/Lock";
-import { SearchIcon } from "@sanity/icons/Search";
-import { TrashIcon } from "@sanity/icons/Trash";
-import { UnpublishIcon } from "@sanity/icons/Unpublish";
-import { UsersIcon } from "@sanity/icons/Users";
 import isEqual from "lodash-es/isEqual.js";
 import { uuid } from "@sanity/uuid";
 import { startWith, map } from "rxjs/operators";
-import { PlayIcon } from "@sanity/icons/Play";
-import { StopIcon } from "@sanity/icons/Stop";
-import { CopyIcon } from "@sanity/icons/Copy";
-import { HelpCircleIcon } from "@sanity/icons/HelpCircle";
 import { json2csv } from "json-2-csv";
 import { JsonInspector } from "@rexxars/react-json-inspector";
-import { LinkIcon } from "@sanity/icons/Link";
 import LRU from "quick-lru";
 import { IntentLink } from "sanity/router";
-import { DocumentSheetIcon } from "@sanity/icons/DocumentSheet";
 import { useObservable } from "react-rx";
 import { of, map as map$1, catchError } from "rxjs";
 const API_VERSIONS = ["v1", "vX", "v2021-03-25", "v2021-10-21", "v2022-03-07", "v2025-02-19", `v${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}`], [DEFAULT_API_VERSION] = API_VERSIONS.slice(-1);
@@ -965,7 +951,7 @@ function QueryRecall(t0) {
       handleSave();
     }, $[75] = handleSave, $[76] = t18) : t18 = $[76];
     let t19;
-    $[77] !== saving || $[78] !== t172 || $[79] !== t18 ? (t19 = /* @__PURE__ */ jsx(Button, { "aria-label": t172, icon: AddIcon, disabled: saving, onClick: t18, mode: "bleed" }), $[77] = saving, $[78] = t172, $[79] = t18, $[80] = t19) : t19 = $[80];
+    $[77] !== saving || $[78] !== t172 || $[79] !== t18 ? (t19 = /* @__PURE__ */ jsx(Button, { label: t172, icon: AddIcon, disabled: saving, onClick: t18, mode: "bleed" }), $[77] = saving, $[78] = t172, $[79] = t18, $[80] = t19) : t19 = $[80];
     let t20;
     $[81] !== t162 || $[82] !== t19 ? (t20 = /* @__PURE__ */ jsxs(Flex, { padding: 3, paddingTop: 2, paddingBottom: 0, justify: "space-between", align: "center", children: [
       t162,
@@ -1009,7 +995,7 @@ function QueryRecall(t0) {
       t36
     ] }), $[112] = t20, $[113] = t23, $[114] = t36, $[115] = t14) : t14 = $[115], T0 = Stack, t11 = "vision-query-recall-list", t12 = 3, t13 = filteredQueries?.map((q_5, index) => {
       const queryObj = getStateFromUrl(q_5.url), fullQueryPreview = queryObj?.query || "", shortQueryPreview = fullQueryPreview.split("{")[0], isSelected = selectedUrl === q_5.url, canMutateQuery = !q_5.shared || q_5.isOwnedByCurrentUser, areQueriesEqual = queryObj && currentQuery === queryObj.query && isEqual(currentParams, queryObj.params), isEdited = isSelected && !areQueriesEqual && canMutateQuery;
-      return /* @__PURE__ */ jsx(Card, { paddingX: compactMode ? 3 : 4, paddingY: compactMode ? 3 : 4, tone: "default", onClick: (event_0) => {
+      return /* @__PURE__ */ jsx(Card, { width: "fill", paddingX: compactMode ? 3 : 4, paddingY: compactMode ? 3 : 4, tone: "default", onClick: (event_0) => {
         if (event_0.target?.closest('[data-query-actions="true"]'))
           return;
         setSelectedUrl(q_5.url);
@@ -1073,7 +1059,7 @@ function QueryRecall(t0) {
           maxWidth: "420px",
           maxHeight: "220px",
           overflow: "auto"
-        }, children: /* @__PURE__ */ jsx(Code, { size: 1, children: fullQueryPreview }) }), placement: "top", portal: !0, children: /* @__PURE__ */ jsx(Code, { size: 1, children: shortQueryPreview }) }) : /* @__PURE__ */ jsx(Code, {}),
+        }, children: /* @__PURE__ */ jsx(Code, { size: 1, children: fullQueryPreview }) }), placement: "top", portal: !0, children: /* @__PURE__ */ jsx(Code, { muted: !0, size: 1, children: shortQueryPreview }) }) : /* @__PURE__ */ jsx(Code, { muted: !0 }),
         compactMode ? /* @__PURE__ */ jsxs(Stack, { space: 1, style: {
           paddingTop: 0,
           minHeight: "30px"
@@ -1126,7 +1112,7 @@ function QueryRecall(t0) {
           /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "\u2022" }),
           /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: formatDate.format(new Date(q_5.savedAt || "")) })
         ] }),
-        isEdited && /* @__PURE__ */ jsx(Button, { mode: "ghost", tone: "default", padding: 2, style: {
+        isEdited && /* @__PURE__ */ jsx(Button, { mode: "ghost", tone: "default", size: 1, padding: 2, style: {
           height: "24px",
           position: "absolute",
           right: "16px",
@@ -1142,7 +1128,7 @@ function QueryRecall(t0) {
   let t15;
   $[116] !== T0 || $[117] !== t11 || $[118] !== t12 || $[119] !== t13 ? (t15 = /* @__PURE__ */ jsx(T0, { id: t11, paddingY: t12, children: t13 }), $[116] = T0, $[117] = t11, $[118] = t12, $[119] = t13, $[120] = t15) : t15 = $[120];
   let t16;
-  $[121] !== handleConfirmShareQuery || $[122] !== shareDialogQuery || $[123] !== t ? (t16 = shareDialogQuery && /* @__PURE__ */ jsx(Dialog, { id: "vision-query-recall-share-dialog", width: 1, header: t("label.share"), onClose: () => setShareDialogQuery(null), footer: /* @__PURE__ */ jsxs(Flex, { justify: "flex-end", gap: 3, padding: 3, align: "center", children: [
+  $[121] !== handleConfirmShareQuery || $[122] !== shareDialogQuery || $[123] !== t ? (t16 = shareDialogQuery && /* @__PURE__ */ jsx(Dialog, { id: "vision-query-recall-share-dialog", width: 1, header: t("label.share"), onClose: () => setShareDialogQuery(null), footer: /* @__PURE__ */ jsxs(Flex, { width: "fill", justify: "flex-end", gap: 3, padding: 3, align: "center", children: [
     /* @__PURE__ */ jsx(Button, { mode: "bleed", padding: 2, text: t("action.query-cancel"), onClick: () => setShareDialogQuery(null) }),
     /* @__PURE__ */ jsx(Button, { padding: 2, tone: "primary", text: t("action.save-shared-query"), onClick: () => {
       handleConfirmShareQuery();
@@ -1661,22 +1647,20 @@ const numeric = /^\d+$/;
 function isArrayKeyOverLimit(segment, limit = 10) {
   return numeric.test(segment) && parseInt(segment, 10) > limit;
 }
+function preventSave(evt) {
+  return evt.preventDefault();
+}
 function SaveCsvButton(t0) {
-  const $ = c(7), {
+  const $ = c(9), {
     blobUrl
   } = t0, {
     t
-  } = useTranslation(visionLocaleNamespace);
-  if (!blobUrl) {
-    let t12;
-    $[0] !== t ? (t12 = t("result.save-result-as-csv.not-csv-encodable"), $[0] = t, $[1] = t12) : t12 = $[1];
-    let t2;
-    $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(Button, { disabled: !0, icon: DocumentSheetIcon, mode: "ghost", text: "CSV", tone: "default" }), $[2] = t2) : t2 = $[2];
-    let t3;
-    return $[3] !== t12 ? (t3 = /* @__PURE__ */ jsx(Tooltip, { content: t12, placement: "top", children: t2 }), $[3] = t12, $[4] = t3) : t3 = $[4], t3;
-  }
-  let t1;
-  return $[5] !== blobUrl ? (t1 = /* @__PURE__ */ jsx(Button, { as: "a", download: "query-result.csv", href: blobUrl, icon: DocumentSheetIcon, mode: "ghost", text: "CSV", tone: "default" }), $[5] = blobUrl, $[6] = t1) : t1 = $[6], t1;
+  } = useTranslation(visionLocaleNamespace), isDisabled = !blobUrl, t1 = isDisabled ? void 0 : "query-result.csv", t2 = isDisabled ? preventSave : void 0;
+  let t3;
+  $[0] !== blobUrl || $[1] !== isDisabled || $[2] !== t1 || $[3] !== t2 ? (t3 = /* @__PURE__ */ jsx(Button, { as: "a", disabled: isDisabled, download: t1, href: blobUrl, icon: DocumentSheetIcon, mode: "ghost", onClick: t2, text: "CSV", tone: "default" }), $[0] = blobUrl, $[1] = isDisabled, $[2] = t1, $[3] = t2, $[4] = t3) : t3 = $[4];
+  const button = t3;
+  let t4;
+  return $[5] !== button || $[6] !== isDisabled || $[7] !== t ? (t4 = isDisabled ? /* @__PURE__ */ jsx(Tooltip, { content: t("result.save-result-as-csv.not-csv-encodable"), placement: "top", children: button }) : button, $[5] = button, $[6] = isDisabled, $[7] = t, $[8] = t4) : t4 = $[8], t4;
 }
 function SaveJsonButton(t0) {
   const $ = c(2), {