sanity 3.87.0 → 3.87.1-canary.4

package/lib/_chunks-cjs/pane.js

@@ -3862,6 +3862,47 @@ const ReferenceChangedBanner = React.memo(() => {
   );
 });
 ReferenceChangedBanner.displayName = "Memo(ReferenceChangedBanner)";
+function ArchivedReleaseDocumentBanner() {
+  const {
+    t
+  } = sanity.useTranslation(StructureToolProvider.structureLocaleNamespace), {
+    t: tCore
+  } = sanity.useTranslation(), {
+    data: archivedReleases
+  } = sanity.useArchivedReleases(), {
+    params,
+    setParams
+  } = usePaneRouter(), handleGoBack = () => {
+    setParams({
+      ...params,
+      rev: params?.historyEvent || void 0,
+      since: void 0,
+      historyVersion: void 0
+    });
+  }, release = React.useMemo(() => archivedReleases.find((r) => sanity.getReleaseIdFromReleaseDocumentId(r._id) === params?.historyVersion), [archivedReleases, params?.historyVersion]), description = release?.state === "published" ? "banners.published-release.description" : "banners.archived-release.description", title = release?.metadata.title || tCore("release.placeholder-untitled-release");
+  return /* @__PURE__ */ jsxRuntime.jsx(Banner, { tone: "caution", content: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: /* @__PURE__ */ jsxRuntime.jsx(sanity.Translate, { t, i18nKey: description, values: {
+    title
+  }, components: {
+    VersionBadge: sanity.getVersionInlineBadge(release)
+  } }) }), action: params?.archivedRelease ? void 0 : {
+    text: "Go back to published version",
+    onClick: handleGoBack
+  } });
+}
+function CreateLinkedBanner() {
+  const $ = reactCompilerRuntime.c(5), {
+    value
+  } = useDocumentPane(), {
+    documentLinkedBannerContent: CreateLinkedBannerContent
+  } = sanity.useSanityCreateConfig().components ?? {};
+  let t0;
+  $[0] !== value ? (t0 = sanity.getSanityCreateLinkMetadata(value), $[0] = value, $[1] = t0) : t0 = $[1];
+  const createLinkMetadata = t0;
+  if (!CreateLinkedBannerContent || !createLinkMetadata)
+    return null;
+  let t1;
+  return $[2] !== CreateLinkedBannerContent || $[3] !== createLinkMetadata ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(Banner, { tone: "transparent", "data-test-id": "sanity-create-read-only-banner", content: /* @__PURE__ */ jsxRuntime.jsx(CreateLinkedBannerContent, { metadata: createLinkMetadata }) }), $[2] = CreateLinkedBannerContent, $[3] = createLinkMetadata, $[4] = t1) : t1 = $[4], t1;
+}
 const LONG_ENOUGH_BUT_NOT_TOO_LONG = 1e3 * 60 * 60 * 24 * 24;
 function useConditionalToast(params) {
   const $ = reactCompilerRuntime.c(4), toast = ui.useToast();
@@ -3877,10 +3918,11 @@ function useConditionalToast(params) {
   }), t1 = [params, toast], $[0] = params, $[1] = toast, $[2] = t0, $[3] = t1) : (t0 = $[2], t1 = $[3]), React.useEffect(t0, t1);
 }
 const TOAST_DELAY = 1e3;
-function AddToReleaseBanner({
+function DocumentNotInReleaseBanner({
   documentId,
   currentRelease,
-  value
+  value,
+  isScheduledRelease
 }) {
   const tone = sanity.getReleaseTone(currentRelease ?? sanity.LATEST), {
     t
@@ -3918,17 +3960,24 @@ function AddToReleaseBanner({
     closable: !0,
     title: t("banners.release.waiting.title"),
     description: t("banners.release.waiting.description")
-  }), /* @__PURE__ */ jsxRuntime.jsx(Banner, { tone, content: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: /* @__PURE__ */ jsxRuntime.jsx(sanity.Translate, { i18nKey: "banners.release.not-in-release", t, values: {
-    title: currentRelease?.metadata?.title || tCore("release.placeholder-untitled-release")
-  }, components: {
-    VersionBadge: sanity.getVersionInlineBadge(currentRelease)
-  } }) }), action: {
-    text: t("banners.release.action.add-to-release"),
-    tone,
-    disabled: !!versionCreateState,
-    onClick: handleAddToRelease,
-    mode: "default"
-  } });
+  }), /* @__PURE__ */ jsxRuntime.jsx(
+    Banner,
+    {
+      tone,
+      content: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: /* @__PURE__ */ jsxRuntime.jsx(sanity.Translate, { i18nKey: "banners.release.not-in-release", t, values: {
+        title: currentRelease?.metadata?.title || tCore("release.placeholder-untitled-release")
+      }, components: {
+        VersionBadge: sanity.getVersionInlineBadge(currentRelease)
+      } }) }),
+      action: isScheduledRelease ? void 0 : {
+        text: t("banners.release.action.add-to-release"),
+        tone,
+        disabled: !!versionCreateState,
+        onClick: handleAddToRelease,
+        mode: "default"
+      }
+    }
+  );
 }
 function useCurrentTime(updateIntervalMs) {
   const $ = reactCompilerRuntime.c(4);
@@ -3943,47 +3992,6 @@ function useCurrentTime(updateIntervalMs) {
     return () => clearInterval(intervalId);
   }, t2 = [updateIntervalMs], $[1] = updateIntervalMs, $[2] = t1, $[3] = t2) : (t1 = $[2], t2 = $[3]), React.useEffect(t1, t2), currentTime;
 }
-function ArchivedReleaseDocumentBanner() {
-  const {
-    t
-  } = sanity.useTranslation(StructureToolProvider.structureLocaleNamespace), {
-    t: tCore
-  } = sanity.useTranslation(), {
-    data: archivedReleases
-  } = sanity.useArchivedReleases(), {
-    params,
-    setParams
-  } = usePaneRouter(), handleGoBack = () => {
-    setParams({
-      ...params,
-      rev: params?.historyEvent || void 0,
-      since: void 0,
-      historyVersion: void 0
-    });
-  }, release = React.useMemo(() => archivedReleases.find((r) => sanity.getReleaseIdFromReleaseDocumentId(r._id) === params?.historyVersion), [archivedReleases, params?.historyVersion]), description = release?.state === "published" ? "banners.published-release.description" : "banners.archived-release.description", title = release?.metadata.title || tCore("release.placeholder-untitled-release");
-  return /* @__PURE__ */ jsxRuntime.jsx(Banner, { tone: "caution", content: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: /* @__PURE__ */ jsxRuntime.jsx(sanity.Translate, { t, i18nKey: description, values: {
-    title
-  }, components: {
-    VersionBadge: sanity.getVersionInlineBadge(release)
-  } }) }), action: params?.archivedRelease ? void 0 : {
-    text: "Go back to published version",
-    onClick: handleGoBack
-  } });
-}
-function CreateLinkedBanner() {
-  const $ = reactCompilerRuntime.c(5), {
-    value
-  } = useDocumentPane(), {
-    documentLinkedBannerContent: CreateLinkedBannerContent
-  } = sanity.useSanityCreateConfig().components ?? {};
-  let t0;
-  $[0] !== value ? (t0 = sanity.getSanityCreateLinkMetadata(value), $[0] = value, $[1] = t0) : t0 = $[1];
-  const createLinkMetadata = t0;
-  if (!CreateLinkedBannerContent || !createLinkMetadata)
-    return null;
-  let t1;
-  return $[2] !== CreateLinkedBannerContent || $[3] !== createLinkMetadata ? (t1 = /* @__PURE__ */ jsxRuntime.jsx(Banner, { tone: "transparent", "data-test-id": "sanity-create-read-only-banner", content: /* @__PURE__ */ jsxRuntime.jsx(CreateLinkedBannerContent, { metadata: createLinkMetadata }) }), $[2] = CreateLinkedBannerContent, $[3] = createLinkMetadata, $[4] = t1) : t1 = $[4], t1;
-}
 const ResolvedLiveEdit = telemetry.defineEvent({
   name: "LiveEdit Draft Resolved",
   version: 1,
@@ -4535,7 +4543,7 @@ const DocumentPanelSubHeader = React.memo(function() {
     scroll-behavior: smooth;
     outline: none;
   `), DocumentPanel = function(props) {
-  const $ = reactCompilerRuntime.c(82), {
+  const $ = reactCompilerRuntime.c(85), {
     footerHeight,
     headerHeight,
     isInspectOpen,
@@ -4626,53 +4634,56 @@ const DocumentPanelSubHeader = React.memo(function() {
       $[34] === Symbol.for("react.memo_cache_sentinel") ? (t133 = /* @__PURE__ */ jsxRuntime.jsx(ArchivedReleaseDocumentBanner, {}), $[34] = t133) : t133 = $[34], t12 = t133;
       break bb1;
     }
-    if (sanity.isReleaseDocument(selectedPerspective) && sanity.isReleaseScheduledOrScheduling(selectedPerspective)) {
-      const t133 = selectedPerspective;
-      let t143;
-      $[35] !== t133 ? (t143 = /* @__PURE__ */ jsxRuntime.jsx(ScheduledReleaseBanner, { currentRelease: t133 }), $[35] = t133, $[36] = t143) : t143 = $[36], t12 = t143;
+    let t132;
+    $[35] !== selectedPerspective ? (t132 = sanity.isReleaseDocument(selectedPerspective) && sanity.isReleaseScheduledOrScheduling(selectedPerspective), $[35] = selectedPerspective, $[36] = t132) : t132 = $[36];
+    const isScheduledRelease = t132;
+    if (isScheduledRelease && displayed?._id && sanity.getVersionFromId(displayed?._id) === selectedReleaseId) {
+      const t143 = selectedPerspective;
+      let t153;
+      $[37] !== t143 ? (t153 = /* @__PURE__ */ jsxRuntime.jsx(ScheduledReleaseBanner, { currentRelease: t143 }), $[37] = t143, $[38] = t153) : t153 = $[38], t12 = t153;
       break bb1;
     }
-    let t132;
-    $[37] !== selectedPerspective ? (t132 = sanity.isSystemBundle(selectedPerspective), $[37] = selectedPerspective, $[38] = t132) : t132 = $[38];
-    const isPinnedDraftOrPublish = t132;
+    let t142;
+    $[39] !== selectedPerspective ? (t142 = sanity.isSystemBundle(selectedPerspective), $[39] = selectedPerspective, $[40] = t142) : t142 = $[40];
+    const isPinnedDraftOrPublish = t142;
     if (displayed?._id && sanity.getVersionFromId(displayed._id) !== selectedReleaseId && ready && !isPinnedDraftOrPublish) {
-      const t143 = selectedPerspective, t153 = displayed || void 0;
-      let t162;
-      $[39] !== t143 || $[40] !== t153 || $[41] !== value._id ? (t162 = /* @__PURE__ */ jsxRuntime.jsx(AddToReleaseBanner, { documentId: value._id, currentRelease: t143, value: t153 }), $[39] = t143, $[40] = t153, $[41] = value._id, $[42] = t162) : t162 = $[42], t12 = t162;
+      const t153 = selectedPerspective, t162 = displayed || void 0;
+      let t172;
+      $[41] !== isScheduledRelease || $[42] !== t153 || $[43] !== t162 || $[44] !== value._id ? (t172 = /* @__PURE__ */ jsxRuntime.jsx(DocumentNotInReleaseBanner, { documentId: value._id, currentRelease: t153, value: t162, isScheduledRelease }), $[41] = isScheduledRelease, $[42] = t153, $[43] = t162, $[44] = value._id, $[45] = t172) : t172 = $[45], t12 = t172;
       break bb1;
     }
     if (activeView.type === "form" && isLiveEdit && ready && editState?.draft?._id && !selectedReleaseId) {
-      let t143;
-      $[43] !== displayed || $[44] !== documentId || $[45] !== schemaType ? (t143 = /* @__PURE__ */ jsxRuntime.jsx(DraftLiveEditBanner, { displayed, documentId, schemaType }), $[43] = displayed, $[44] = documentId, $[45] = schemaType, $[46] = t143) : t143 = $[46], t12 = t143;
+      let t153;
+      $[46] !== displayed || $[47] !== documentId || $[48] !== schemaType ? (t153 = /* @__PURE__ */ jsxRuntime.jsx(DraftLiveEditBanner, { displayed, documentId, schemaType }), $[46] = displayed, $[47] = documentId, $[48] = schemaType, $[49] = t153) : t153 = $[49], t12 = t153;
       break bb1;
     }
     if (activeView.type !== "form" || isPermissionsLoading || !ready) {
       t12 = null;
       break bb1;
     }
-    let t142;
-    $[47] !== showCreateBanner ? (t142 = showCreateBanner && /* @__PURE__ */ jsxRuntime.jsx(CreateLinkedBanner, {}), $[47] = showCreateBanner, $[48] = t142) : t142 = $[48];
     let t152;
-    $[49] !== permissions?.granted || $[50] !== requiredPermission ? (t152 = !permissions?.granted && /* @__PURE__ */ jsxRuntime.jsx(InsufficientPermissionBanner, { requiredPermission }), $[49] = permissions?.granted, $[50] = requiredPermission, $[51] = t152) : t152 = $[51];
-    let t16, t17, t18, t19;
-    $[52] === Symbol.for("react.memo_cache_sentinel") ? (t16 = /* @__PURE__ */ jsxRuntime.jsx(ReferenceChangedBanner, {}), t17 = /* @__PURE__ */ jsxRuntime.jsx(DeprecatedDocumentTypeBanner, {}), t18 = /* @__PURE__ */ jsxRuntime.jsx(DeletedDocumentBanners, {}), t19 = /* @__PURE__ */ jsxRuntime.jsx(UnpublishedDocumentBanner, {}), $[52] = t16, $[53] = t17, $[54] = t18, $[55] = t19) : (t16 = $[52], t17 = $[53], t18 = $[54], t19 = $[55]);
-    const t20 = displayed?._id ?? documentId;
-    let t21;
-    $[56] !== isPinnedDraftOrPublish || $[57] !== t20 ? (t21 = /* @__PURE__ */ jsxRuntime.jsx(OpenReleaseToEditBanner, { documentId: t20, isPinnedDraftOrPublished: isPinnedDraftOrPublish }), $[56] = isPinnedDraftOrPublish, $[57] = t20, $[58] = t21) : t21 = $[58];
+    $[50] !== showCreateBanner ? (t152 = showCreateBanner && /* @__PURE__ */ jsxRuntime.jsx(CreateLinkedBanner, {}), $[50] = showCreateBanner, $[51] = t152) : t152 = $[51];
+    let t16;
+    $[52] !== permissions?.granted || $[53] !== requiredPermission ? (t16 = !permissions?.granted && /* @__PURE__ */ jsxRuntime.jsx(InsufficientPermissionBanner, { requiredPermission }), $[52] = permissions?.granted, $[53] = requiredPermission, $[54] = t16) : t16 = $[54];
+    let t17, t18, t19, t20;
+    $[55] === Symbol.for("react.memo_cache_sentinel") ? (t17 = /* @__PURE__ */ jsxRuntime.jsx(ReferenceChangedBanner, {}), t18 = /* @__PURE__ */ jsxRuntime.jsx(DeprecatedDocumentTypeBanner, {}), t19 = /* @__PURE__ */ jsxRuntime.jsx(DeletedDocumentBanners, {}), t20 = /* @__PURE__ */ jsxRuntime.jsx(UnpublishedDocumentBanner, {}), $[55] = t17, $[56] = t18, $[57] = t19, $[58] = t20) : (t17 = $[55], t18 = $[56], t19 = $[57], t20 = $[58]);
+    const t21 = displayed?._id ?? documentId;
     let t22;
-    $[59] !== t142 || $[60] !== t152 || $[61] !== t21 ? (t22 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      t142,
+    $[59] !== isPinnedDraftOrPublish || $[60] !== t21 ? (t22 = /* @__PURE__ */ jsxRuntime.jsx(OpenReleaseToEditBanner, { documentId: t21, isPinnedDraftOrPublished: isPinnedDraftOrPublish }), $[59] = isPinnedDraftOrPublish, $[60] = t21, $[61] = t22) : t22 = $[61];
+    let t23;
+    $[62] !== t152 || $[63] !== t16 || $[64] !== t22 ? (t23 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       t152,
       t16,
       t17,
       t18,
       t19,
-      t21
-    ] }), $[59] = t142, $[60] = t152, $[61] = t21, $[62] = t22) : t22 = $[62], t12 = t22;
+      t20,
+      t22
+    ] }), $[62] = t152, $[63] = t16, $[64] = t22, $[65] = t23) : t23 = $[65], t12 = t23;
   }
   const banners = t12, showFormView = features.resizablePanes || !showInspector;
   let t13;
-  $[63] !== activeViewNode || $[64] !== banners || $[65] !== documentScrollElement || $[66] !== footer || $[67] !== formViewHidden || $[68] !== inspectDialog || $[69] !== layoutCollapsed || $[70] !== margins || $[71] !== portalElement || $[72] !== showFormView ? (t13 = showFormView && /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { height: "fill", direction: "column", width: "fill", flex: 2, children: [
+  $[66] !== activeViewNode || $[67] !== banners || $[68] !== documentScrollElement || $[69] !== footer || $[70] !== formViewHidden || $[71] !== inspectDialog || $[72] !== layoutCollapsed || $[73] !== margins || $[74] !== portalElement || $[75] !== showFormView ? (t13 = showFormView && /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { height: "fill", direction: "column", width: "fill", flex: 2, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(sanity.LegacyLayerProvider, { zOffset: "paneHeader", children: [
       banners,
       /* @__PURE__ */ jsxRuntime.jsx(DocumentPanelSubHeader, {})
@@ -4688,14 +4699,14 @@ const DocumentPanelSubHeader = React.memo(function() {
       /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "document-panel-portal", ref: setPortalElement })
     ] }) }) }) }),
     footer
-  ] }), $[63] = activeViewNode, $[64] = banners, $[65] = documentScrollElement, $[66] = footer, $[67] = formViewHidden, $[68] = inspectDialog, $[69] = layoutCollapsed, $[70] = margins, $[71] = portalElement, $[72] = showFormView, $[73] = t13) : t13 = $[73];
+  ] }), $[66] = activeViewNode, $[67] = banners, $[68] = documentScrollElement, $[69] = footer, $[70] = formViewHidden, $[71] = inspectDialog, $[72] = layoutCollapsed, $[73] = margins, $[74] = portalElement, $[75] = showFormView, $[76] = t13) : t13 = $[76];
   let t14;
-  $[74] !== documentId || $[75] !== rootElement || $[76] !== schemaType || $[77] !== showInspector ? (t14 = showInspector && /* @__PURE__ */ jsxRuntime.jsx(ui.BoundaryElementProvider, { element: rootElement, children: /* @__PURE__ */ jsxRuntime.jsx(DocumentInspectorPanel, { documentId, documentType: schemaType.name, flex: 1 }) }), $[74] = documentId, $[75] = rootElement, $[76] = schemaType, $[77] = showInspector, $[78] = t14) : t14 = $[78];
+  $[77] !== documentId || $[78] !== rootElement || $[79] !== schemaType || $[80] !== showInspector ? (t14 = showInspector && /* @__PURE__ */ jsxRuntime.jsx(ui.BoundaryElementProvider, { element: rootElement, children: /* @__PURE__ */ jsxRuntime.jsx(DocumentInspectorPanel, { documentId, documentType: schemaType.name, flex: 1 }) }), $[77] = documentId, $[78] = rootElement, $[79] = schemaType, $[80] = showInspector, $[81] = t14) : t14 = $[81];
   let t15;
-  return $[79] !== t13 || $[80] !== t14 ? (t15 = /* @__PURE__ */ jsxRuntime.jsx(PaneContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { height: "fill", children: [
+  return $[82] !== t13 || $[83] !== t14 ? (t15 = /* @__PURE__ */ jsxRuntime.jsx(PaneContent, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { height: "fill", children: [
     t13,
     t14
-  ] }) }), $[79] = t13, $[80] = t14, $[81] = t15) : t15 = $[81], t15;
+  ] }) }), $[82] = t13, $[83] = t14, $[84] = t15) : t15 = $[84], t15;
 };
 DocumentPanel.displayName = "DocumentPanel";
 const _DEBUG = !1, EMPTY_PARAMS$1 = Object.freeze({}), LOADING_PANE = Symbol("LOADING_PANE"), DOCUMENT_PANEL_PORTAL_ELEMENT = "documentPanelPortalElement", POPOVER_FALLBACK_PLACEMENTS = ["left", "bottom"], DIALOG_WIDTH_TO_UI_WIDTH = {