sanity 5.27.0-next.9 → 5.27.0

package/lib/_chunks-dts/ActiveWorkspaceMatcherContext.d.ts

@@ -29,6 +29,7 @@ import { CSSProperties as CSSProperties$1, ExecutionProps } from "styled-compone
 import { ThrottleSettings } from "lodash-es/throttle.js";
 import { DEFAULT_ANNOTATIONS, DEFAULT_DECORATORS } from "@sanity/schema";
 import * as _$styled_components_dist_types0 from "/home/runner/work/sanity/sanity/node_modules/.pnpm/@sanity+styled-components@6.1.24_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@sanity/styled-components/dist/types.js";
+import { SanityImageSource } from "@sanity/asset-utils";
 import { PortableTextMemberSchemaTypes } from "@portabletext/sanity-bridge";
 import { ImageUrlBuilder, ImageUrlBuilder as ImageUrlBuilder$1 } from "@sanity/image-url";
 import { MarkdownShortcutsPluginProps } from "@portabletext/plugin-markdown-shortcuts";
@@ -9901,7 +9902,7 @@ interface PreviewProps<TLayoutKey = PreviewLayoutKey> {
   imageUrl?: string;
   isPlaceholder?: boolean;
   layout?: TLayoutKey;
-  media?: ReactNode | ComponentType<{
+  media?: ReactNode | SanityImageSource | ComponentType<{
     dimensions: PreviewMediaDimensions;
     layout: TLayoutKey;
   }>;

package/lib/_chunks-es/version.js

@@ -1,4 +1,4 @@
-var version = "5.27.0-next.9+c78ec37786";
+var version = "5.27.0";
 let buildVersion;
 try {
   buildVersion = process.env.PKG_BUILD_VERSION;
@@ -7,7 +7,7 @@ try {
 try {
   buildVersion = buildVersion || // This is replaced by `@sanity/pkg-utils` at build time
   // and must always be references by its full static name, e.g. no optional chaining, no `if (process && process.env)` etc.
-  "5.27.0-next.9+c78ec37786";
+  "5.27.0";
 } catch {
 }
 const SANITY_VERSION = buildVersion || `${version}-dev`;

package/lib/index.js

@@ -58,7 +58,7 @@ import orderBy from "lodash-es/orderBy.js";
 import { nanoid, customAlphabet } from "nanoid";
 import * as legacyDateFormat from "@sanity/util/legacyDateFormat";
 import { sanitizeLocale, format as format$1, DEFAULT_DATE_FORMAT, parse as parse$2, isValidTimeZoneString, DEFAULT_TIME_FORMAT } from "@sanity/util/legacyDateFormat";
-import { getImageDimensions, isDefaultCrop, isDefaultHotspot, isImageSource, isFileSource, isSanityImageUrl, parseImageAssetUrl, isAssetObjectStub, isImageAssetId, isFileAssetId } from "@sanity/asset-utils";
+import { getImageDimensions, isDefaultCrop, isDefaultHotspot, isImageSource, isFileSource, tryGetImageDimensions, isSanityImageUrl, parseImageAssetUrl, isAssetObjectStub, isImageAssetId, isFileAssetId } from "@sanity/asset-utils";
 import { createImageUrlBuilder } from "@sanity/image-url";
 import uniq from "lodash-es/uniq.js";
 import xor from "lodash-es/xor.js";
@@ -92,6 +92,7 @@ import { differenceInSeconds } from "date-fns/differenceInSeconds";
 import { differenceInWeeks } from "date-fns/differenceInWeeks";
 import { differenceInYears } from "date-fns/differenceInYears";
 import { mergeMapArray } from "rxjs-mergemap-array";
+import { useDevicePixelRatio, getDevicePixelRatio } from "use-device-pixel-ratio";
 import { useSyncExternalStore as useSyncExternalStore$1 } from "use-sync-external-store/shim/index.js";
 import DataLoader from "dataloader";
 import { createNode } from "@sanity/comlink";
@@ -103,7 +104,6 @@ import partition from "lodash-es/partition.js";
 import { diffInput, wrap as wrap$1 } from "@sanity/diff";
 import { applyPatch as applyPatch$1, incremental } from "mendoza";
 import pick from "lodash-es/pick.js";
-import { useDevicePixelRatio, getDevicePixelRatio } from "use-device-pixel-ratio";
 import classNames from "classnames";
 import debounce from "lodash-es/debounce.js";
 import sortBy from "lodash-es/sortBy.js";
@@ -45398,6 +45398,75 @@ function Preview$1(props2) {
   let t0;
   return $[0] !== PreviewComponent || $[1] !== props2 ? (t0 = /* @__PURE__ */ jsx(PreviewLoader, { ...props2, component: PreviewComponent }), $[0] = PreviewComponent, $[1] = props2, $[2] = t0) : t0 = $[2], t0;
 }
+const PREVIEW_SIZES = {
+  block: {
+    icon: 25,
+    media: {
+      width: 33,
+      height: 33
+    }
+  },
+  blockImage: {
+    icon: 25,
+    media: {
+      width: 600,
+      height: 400
+    }
+  },
+  compact: {
+    icon: 21,
+    media: {
+      width: 25,
+      height: 25
+    }
+  },
+  default: {
+    icon: 21,
+    media: {
+      width: 33,
+      height: 33
+    }
+  },
+  detail: {
+    icon: 25,
+    media: {
+      width: 73,
+      height: 73
+    }
+  },
+  inline: {
+    icon: 15,
+    media: {
+      width: 15,
+      height: 15
+    }
+  },
+  media: {
+    icon: 25,
+    media: {
+      width: 160,
+      height: 160
+    }
+  }
+};
+function renderPreviewMedia(value, layout, dimensions) {
+  return isValidElementType(value) ? /* @__PURE__ */ jsx(value, { layout, dimensions }) : typeof value == "string" ? /* @__PURE__ */ jsx("div", { children: value }) : isValidElement(value) || value === null || typeof value == "number" || typeof value == "boolean" ? value : null;
+}
+function renderPreviewNode(value, layout, fallbackNode) {
+  return typeof value == "string" ? value : isValidElementType(value) ? /* @__PURE__ */ jsx(value, { layout }) : value || fallbackNode;
+}
+function resolveBlockImageDimensions(source) {
+  const sourceDimensions = tryGetImageDimensions(source);
+  if (typeof sourceDimensions > "u")
+    return;
+  const max2 = PREVIEW_SIZES.blockImage.media, scale = Math.min(max2.width / sourceDimensions.width, 1);
+  return {
+    width: Math.round(sourceDimensions.width * scale),
+    height: Math.round(sourceDimensions.height * scale),
+    fit: "max",
+    dpr: getDevicePixelRatio()
+  };
+}
 const _previewComponents = {
   block: BlockPreview,
   blockImage: BlockImagePreview,
@@ -45475,7 +45544,7 @@ function SanityDefaultMedia(t0) {
   return $[14] !== t5 || $[15] !== url ? (t6 = /* @__PURE__ */ jsx("img", { alt: t5, onError: handleError, referrerPolicy: "strict-origin-when-cross-origin", src: url }), $[14] = t5, $[15] = url, $[16] = t6) : t6 = $[16], t6;
 }
 const SanityDefaultPreview = memo(function(props2) {
-  const $ = c(34);
+  const $ = c(37);
   let Icon2, imageUrl, layout, mediaProp, restProps, title, tooltip;
   $[0] !== props2 ? ({
     icon: Icon2,
@@ -45535,25 +45604,44 @@ const SanityDefaultPreview = memo(function(props2) {
     }
     t3 = renderIcon;
   }
-  const t4 = t3;
+  const media = t3;
+  let t4;
+  bb1: {
+    if (props2.mediaDimensions) {
+      t4 = props2.mediaDimensions;
+      break bb1;
+    }
+    if (layout !== "blockImage") {
+      t4 = void 0;
+      break bb1;
+    }
+    if (!isImageSource(mediaProp)) {
+      t4 = void 0;
+      break bb1;
+    }
+    let t52;
+    $[20] !== mediaProp ? (t52 = resolveBlockImageDimensions(mediaProp), $[20] = mediaProp, $[21] = t52) : t52 = $[21], t4 = t52;
+  }
+  const resolvedMediaDimensions = t4;
   let t5;
-  $[20] !== restProps || $[21] !== t4 || $[22] !== title ? (t5 = {
+  $[22] !== media || $[23] !== resolvedMediaDimensions || $[24] !== restProps || $[25] !== title ? (t5 = {
     ...restProps,
-    media: t4,
+    media,
+    mediaDimensions: resolvedMediaDimensions,
     title
-  }, $[20] = restProps, $[21] = t4, $[22] = title, $[23] = t5) : t5 = $[23];
+  }, $[22] = media, $[23] = resolvedMediaDimensions, $[24] = restProps, $[25] = title, $[26] = t5) : t5 = $[26];
   const previewProps = t5, LayoutComponent = _previewComponents[layout || "default"];
   let t6;
-  $[24] !== LayoutComponent || $[25] !== previewProps ? (t6 = /* @__PURE__ */ jsx(LayoutComponent, { ...previewProps }), $[24] = LayoutComponent, $[25] = previewProps, $[26] = t6) : t6 = $[26];
+  $[27] !== LayoutComponent || $[28] !== previewProps ? (t6 = /* @__PURE__ */ jsx(LayoutComponent, { ...previewProps }), $[27] = LayoutComponent, $[28] = previewProps, $[29] = t6) : t6 = $[29];
   const children = t6;
   if (tooltip) {
     const t7 = !tooltip;
     let t8;
-    $[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = ["top-end", "bottom-end"], $[27] = t8) : t8 = $[27];
+    $[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = ["top-end", "bottom-end"], $[30] = t8) : t8 = $[30];
     let t9;
-    $[28] !== children ? (t9 = /* @__PURE__ */ jsx("div", { children }), $[28] = children, $[29] = t9) : t9 = $[29];
+    $[31] !== children ? (t9 = /* @__PURE__ */ jsx("div", { children }), $[31] = children, $[32] = t9) : t9 = $[32];
     let t10;
-    return $[30] !== t7 || $[31] !== t9 || $[32] !== tooltip ? (t10 = /* @__PURE__ */ jsx(Tooltip, { content: tooltip, disabled: t7, fallbackPlacements: t8, placement: "right", children: t9 }), $[30] = t7, $[31] = t9, $[32] = tooltip, $[33] = t10) : t10 = $[33], t10;
+    return $[33] !== t7 || $[34] !== t9 || $[35] !== tooltip ? (t10 = /* @__PURE__ */ jsx(Tooltip, { content: tooltip, disabled: t7, fallbackPlacements: t8, placement: "right", children: t9 }), $[33] = t7, $[34] = t9, $[35] = tooltip, $[36] = t10) : t10 = $[36], t10;
   }
   return children;
 });
@@ -57268,56 +57356,6 @@ const ReleaseDocumentsCounter = (t0) => {
   } = t0, t1 = documentCount || "-";
   let t2;
   return $[0] !== t1 ? (t2 = /* @__PURE__ */ jsx(Text$1, { muted: !0, size: 1, children: t1 }), $[0] = t1, $[1] = t2) : t2 = $[1], t2;
-}, PREVIEW_SIZES = {
-  block: {
-    icon: 25,
-    media: {
-      width: 33,
-      height: 33
-    }
-  },
-  blockImage: {
-    icon: 25,
-    media: {
-      width: 600,
-      height: 400
-    }
-  },
-  compact: {
-    icon: 21,
-    media: {
-      width: 25,
-      height: 25
-    }
-  },
-  default: {
-    icon: 21,
-    media: {
-      width: 33,
-      height: 33
-    }
-  },
-  detail: {
-    icon: 25,
-    media: {
-      width: 73,
-      height: 73
-    }
-  },
-  inline: {
-    icon: 15,
-    media: {
-      width: 15,
-      height: 15
-    }
-  },
-  media: {
-    icon: 25,
-    media: {
-      width: 160,
-      height: 160
-    }
-  }
 }, RootFlex$2 = styled(Flex).attrs({
   align: "center"
 }).withConfig({
@@ -93641,12 +93679,6 @@ function renderMedia(props2) {
   } = props2;
   return typeof media == "string" ? /* @__PURE__ */ jsx(Text$1, { as: "span", className: styles?.mediaString, size: 1, children: media }) : isValidElementType(media) ? /* @__PURE__ */ jsx(media, { dimensions, layout }) : isValidElement(media) ? media : null;
 }
-function renderPreviewMedia(value, layout, dimensions) {
-  return isValidElementType(value) ? /* @__PURE__ */ jsx(value, { layout, dimensions }) : typeof value == "string" ? /* @__PURE__ */ jsx("div", { children: value }) : value;
-}
-function renderPreviewNode(value, layout, fallbackNode) {
-  return typeof value == "string" ? value : isValidElementType(value) ? /* @__PURE__ */ jsx(value, { layout }) : value || fallbackNode;
-}
 const DEFAULT_MEDIA_DIMENSIONS$6 = {
   ...PREVIEW_SIZES.compact.media,
   aspect: 1,