sanity 5.2.0-next.49 → 5.2.0-next.50

package/lib/_chunks-es/package.js

@@ -1,4 +1,4 @@
-var version = "5.2.0-next.49+224c02f1b3", peerDependencies = {
+var version = "5.2.0-next.50+9b405c23d7", peerDependencies = {
   "styled-components": "^6.1.15"
 };
 export {

package/lib/_chunks-es/version.js

@@ -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.2.0-next.49+224c02f1b3";
+  "5.2.0-next.50+9b405c23d7";
 } catch {
 }
 const SANITY_VERSION = buildVersion || `${version}-dev`;

package/lib/index.js

@@ -24339,7 +24339,7 @@ function shouldBeInBreadcrumb(itemPath, path, documentValue) {
   let currentValue = documentValue;
   for (const segment of itemPath)
     if (typeof segment == "string" ? currentValue = currentValue?.[segment] : typeof segment == "object" && isKeySegment(segment) && Array.isArray(currentValue) && (currentValue = currentValue.find((child) => child?._key === segment._key)), !currentValue) break;
-  return currentValue && typeof currentValue == "object" && "_type" in currentValue && hasSpanChildren(currentValue) ? !1 : itemPath.every((segment, index) => isArrayItemSelected(path[index], segment)) && isArrayItemPath(itemPath);
+  return currentValue && typeof currentValue == "object" && "_type" in currentValue && hasSpanChildren(currentValue) ? !1 : itemPath.every((segment, index) => isArrayItemSelected(path[index], segment));
 }
 function shouldSkipSiblingCount(args) {
   const {
@@ -57044,7 +57044,7 @@ function resolveSchemaTypeForPath(baseType, path, documentValue) {
   }), currentField;
 }
 function useBreadcrumbPreview(itemPath, documentSchemaType, documentValue) {
-  const $ = c(7), value = useFormValue(itemPath);
+  const $ = c(10), value = useFormValue(itemPath);
   let t0;
   $[0] !== documentSchemaType || $[1] !== documentValue || $[2] !== itemPath ? (t0 = resolveSchemaTypeForPath(documentSchemaType, itemPath, documentValue), $[0] = documentSchemaType, $[1] = documentValue, $[2] = itemPath, $[3] = t0) : t0 = $[3];
   const schemaType = t0;
@@ -57056,10 +57056,11 @@ function useBreadcrumbPreview(itemPath, documentSchemaType, documentValue) {
   const {
     value: preview
   } = useValuePreviewWithFallback(t1);
-  return preview.title;
+  let t2;
+  return $[7] !== preview || $[8] !== schemaType ? (t2 = isArraySchemaType(schemaType) ? schemaType.title : preview.title, $[7] = preview, $[8] = schemaType, $[9] = t2) : t2 = $[9], t2;
 }
 function useBreadcrumbSiblingInfo(itemPath, documentSchemaType, documentValue) {
-  const $ = c(9), lastKeySegmentIndex = itemPath.findLastIndex(isKeySegment);
+  const $ = c(9), hasKeySegment = isKeySegment(itemPath[itemPath.length - 1]), lastKeySegmentIndex = itemPath.findLastIndex(isKeySegment);
   let t0;
   bb0: {
     if (lastKeySegmentIndex < 0) {
@@ -57086,6 +57087,10 @@ function useBreadcrumbSiblingInfo(itemPath, documentSchemaType, documentValue) {
   const isInsidePTEChildren = t1, itemSchemaType = resolveSchemaTypeForPath(documentSchemaType, itemPath, documentValue);
   let t2;
   bb2: {
+    if (!hasKeySegment) {
+      t2 = null;
+      break bb2;
+    }
     if (lastKeySegmentIndex < 0) {
       t2 = null;
       break bb2;
@@ -57198,7 +57203,7 @@ function BreadcrumbButton(t0) {
   return $[17] !== handleClick || $[18] !== t12 || $[19] !== t4 || $[20] !== title ? (t13 = /* @__PURE__ */ jsx(Button$1, { mode: "bleed", padding: 1, radius: 2, onClick: handleClick, style: t3, title, "aria-label": title, "aria-current": t4, children: t12 }), $[17] = handleClick, $[18] = t12, $[19] = t4, $[20] = title, $[21] = t13) : t13 = $[21], t13;
 }
 function BreadcrumbMenuItem(t0) {
-  const $ = c(20), {
+  const $ = c(19), {
     itemPath,
     documentSchemaType,
     documentValue,
@@ -57215,38 +57220,35 @@ function BreadcrumbMenuItem(t0) {
     maxWidth: "250px"
   }, $[3] = t2) : t2 = $[3];
   let t3;
-  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(Box, { flex: "none", padding: 1, children: /* @__PURE__ */ jsx(Text$1, { size: 1, muted: !0, children: SEPARATOR }) }), $[4] = t3) : t3 = $[4];
-  let t4;
-  $[5] !== siblingInfo ? (t4 = siblingInfo && /* @__PURE__ */ jsx(Box, { flex: "none", children: /* @__PURE__ */ jsxs(Badge, { children: [
+  $[4] !== siblingInfo ? (t3 = siblingInfo && /* @__PURE__ */ jsxs(Badge, { size: 1, children: [
     "#",
     siblingInfo.index
-  ] }) }), $[5] = siblingInfo, $[6] = t4) : t4 = $[6];
-  const t5 = siblingInfo?.index ? 1 : 0;
-  let t6;
-  $[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t6 = {
+  ] }), $[4] = siblingInfo, $[5] = t3) : t3 = $[5];
+  const t4 = siblingInfo?.index ? 1 : 0;
+  let t5;
+  $[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = {
     minWidth: 0,
     overflow: "hidden"
-  }, $[7] = t6) : t6 = $[7];
-  let t7;
-  $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = {
+  }, $[6] = t5) : t5 = $[6];
+  let t6;
+  $[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t6 = {
     whiteSpace: "nowrap",
     textTransform: "capitalize"
-  }, $[8] = t7) : t7 = $[8];
+  }, $[7] = t6) : t6 = $[7];
+  let t7;
+  $[8] !== title ? (t7 = /* @__PURE__ */ jsx(Text$1, { size: 1, textOverflow: "ellipsis", style: t6, title, children: title }), $[8] = title, $[9] = t7) : t7 = $[9];
   let t8;
-  $[9] !== title ? (t8 = /* @__PURE__ */ jsx(Text$1, { size: 1, textOverflow: "ellipsis", style: t7, title, children: title }), $[9] = title, $[10] = t8) : t8 = $[10];
+  $[10] !== t4 || $[11] !== t7 ? (t8 = /* @__PURE__ */ jsx(Box, { paddingLeft: t4, paddingY: 1, style: t5, children: t7 }), $[10] = t4, $[11] = t7, $[12] = t8) : t8 = $[12];
   let t9;
-  $[11] !== t5 || $[12] !== t8 ? (t9 = /* @__PURE__ */ jsx(Box, { paddingLeft: t5, paddingY: 1, style: t6, children: t8 }), $[11] = t5, $[12] = t8, $[13] = t9) : t9 = $[13];
-  let t10;
-  $[14] !== t4 || $[15] !== t9 ? (t10 = /* @__PURE__ */ jsxs(Flex, { align: "center", style: t2, children: [
+  $[13] !== t3 || $[14] !== t8 ? (t9 = /* @__PURE__ */ jsxs(Flex, { align: "center", style: t2, children: [
     t3,
-    t4,
-    t9
-  ] }), $[14] = t4, $[15] = t9, $[16] = t10) : t10 = $[16];
-  let t11;
-  return $[17] !== handleClick || $[18] !== t10 ? (t11 = /* @__PURE__ */ jsx(MenuItem$1, { padding: 1, onClick: handleClick, children: t10 }), $[17] = handleClick, $[18] = t10, $[19] = t11) : t11 = $[19], t11;
+    t8
+  ] }), $[13] = t3, $[14] = t8, $[15] = t9) : t9 = $[15];
+  let t10;
+  return $[16] !== handleClick || $[17] !== t9 ? (t10 = /* @__PURE__ */ jsx(MenuItem$1, { padding: 1, onClick: handleClick, children: t9 }), $[16] = handleClick, $[17] = t9, $[18] = t10) : t10 = $[18], t10;
 }
 function DialogBreadcrumbs(t0) {
-  const $ = c(43), {
+  const $ = c(30), {
     currentPath
   } = t0, {
     onPathOpen
@@ -57257,9 +57259,25 @@ function DialogBreadcrumbs(t0) {
   $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = [], $[0] = t1) : t1 = $[0];
   const documentValue = useFormValue(t1), [rootElement, setRootElement] = useState(null), size = useElementSize(rootElement);
   let t2;
-  $[1] !== onPathOpen ? (t2 = (path) => {
-    onPathOpen(path);
-  }, $[1] = onPathOpen, $[2] = t2) : t2 = $[2];
+  $[1] !== currentPath || $[2] !== documentSchemaType || $[3] !== documentValue || $[4] !== onPathOpen ? (t2 = (path) => {
+    if (isKeySegment(path[path.length - 1])) {
+      if (currentPath && currentPath.length > path.length && path.every((segment, index) => {
+        const currentSegment = currentPath[index];
+        return isKeySegment(segment) && isKeySegment(currentSegment) ? segment._key === currentSegment._key : segment === currentSegment;
+      })) {
+        const nextSegment = currentPath[path.length];
+        if (!isKeySegment(nextSegment)) {
+          const itemSchemaType = resolveSchemaTypeForPath(documentSchemaType, path, documentValue);
+          if (isObjectSchemaType(itemSchemaType) && itemSchemaType.fields.some((field) => field.name === nextSegment)) {
+            onPathOpen([...path, nextSegment]);
+            return;
+          }
+        }
+      }
+      onPathOpen(path);
+    } else
+      onPathOpen(path);
+  }, $[1] = currentPath, $[2] = documentSchemaType, $[3] = documentValue, $[4] = onPathOpen, $[5] = t2) : t2 = $[5];
   const handlePathSelect = t2;
   let t3;
   bb0: {
@@ -57269,11 +57287,11 @@ function DialogBreadcrumbs(t0) {
       break bb0;
     }
     if (w < 500) {
-      t3 = 3;
+      t3 = 5;
       break bb0;
     }
     if (w < 700) {
-      t3 = 4;
+      t3 = 6;
       break bb0;
     }
     t3 = MAX_LENGTH;
@@ -57283,18 +57301,16 @@ function DialogBreadcrumbs(t0) {
   bb1: {
     if (!currentPath || currentPath.length === 0) {
       let t52;
-      $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t52 = [], $[3] = t52) : t52 = $[3], t4 = t52;
+      $[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t52 = [], $[6] = t52) : t52 = $[6], t4 = t52;
       break bb1;
     }
     let result;
-    $[4] !== currentPath || $[5] !== documentValue ? (result = [], currentPath.forEach((segment, index) => {
-      if (isKeySegment(segment)) {
-        const itemPath = currentPath.slice(0, index + 1);
-        shouldBeInBreadcrumb(itemPath, currentPath, documentValue) && result.push({
-          path: itemPath
-        });
-      }
-    }), $[4] = currentPath, $[5] = documentValue, $[6] = result) : result = $[6], t4 = result;
+    $[7] !== currentPath || $[8] !== documentValue ? (result = [], currentPath.forEach((segment_0, index_0) => {
+      const itemPath = currentPath.slice(0, index_0 + 1);
+      shouldBeInBreadcrumb(itemPath, currentPath, documentValue) && result.push({
+        path: itemPath
+      });
+    }), $[7] = currentPath, $[8] = documentValue, $[9] = result) : result = $[9], t4 = result;
   }
   const rawItems = t4;
   let t5;
@@ -57302,70 +57318,47 @@ function DialogBreadcrumbs(t0) {
     const len = rawItems.length + 1, availableSlots = maxLength - 1, beforeLength = Math.ceil(availableSlots / 2), afterLength = Math.floor(availableSlots / 2);
     if (maxLength && len > maxLength) {
       let t62;
-      $[7] !== beforeLength || $[8] !== rawItems ? (t62 = rawItems.slice(0, beforeLength - 1), $[7] = beforeLength, $[8] = rawItems, $[9] = t62) : t62 = $[9];
-      let t72;
-      $[10] !== afterLength || $[11] !== beforeLength || $[12] !== rawItems ? (t72 = rawItems.slice(beforeLength - 1, rawItems.length - afterLength), $[10] = afterLength, $[11] = beforeLength, $[12] = rawItems, $[13] = t72) : t72 = $[13];
-      let t82;
-      $[14] !== afterLength || $[15] !== rawItems ? (t82 = rawItems.slice(rawItems.length - afterLength), $[14] = afterLength, $[15] = rawItems, $[16] = t82) : t82 = $[16];
-      let t92;
-      $[17] !== t62 || $[18] !== t72 || $[19] !== t82 ? (t92 = [...t62, t72, ...t82], $[17] = t62, $[18] = t72, $[19] = t82, $[20] = t92) : t92 = $[20], t5 = t92;
+      $[10] !== beforeLength || $[11] !== rawItems ? (t62 = rawItems.slice(0, beforeLength - 1), $[10] = beforeLength, $[11] = rawItems, $[12] = t62) : t62 = $[12];
+      let t7;
+      $[13] !== afterLength || $[14] !== beforeLength || $[15] !== rawItems ? (t7 = rawItems.slice(beforeLength - 1, rawItems.length - afterLength), $[13] = afterLength, $[14] = beforeLength, $[15] = rawItems, $[16] = t7) : t7 = $[16];
+      let t8;
+      $[17] !== afterLength || $[18] !== rawItems ? (t8 = rawItems.slice(rawItems.length - afterLength), $[17] = afterLength, $[18] = rawItems, $[19] = t8) : t8 = $[19];
+      let t9;
+      $[20] !== t62 || $[21] !== t7 || $[22] !== t8 ? (t9 = [...t62, t7, ...t8], $[20] = t62, $[21] = t7, $[22] = t8, $[23] = t9) : t9 = $[23], t5 = t9;
       break bb2;
     }
     t5 = rawItems;
   }
   const items = t5;
-  let t6;
-  $[21] !== currentPath?.[0] ? (t6 = currentPath?.[0]?.toString(), $[21] = currentPath?.[0], $[22] = t6) : t6 = $[22];
-  const rootFieldName = t6;
   if (!currentPath || currentPath.length === 0)
     return null;
-  let t7;
-  $[23] !== currentPath || $[24] !== documentSchemaType || $[25] !== documentValue || $[26] !== handlePathSelect || $[27] !== items ? (t7 = items.map((item, index_0) => {
-    const key = `breadcrumb-${index_0}`, showSeparator = index_0 < items.length - 1;
-    if (Array.isArray(item))
-      return /* @__PURE__ */ jsxs(Inline, { children: [
-        /* @__PURE__ */ jsx(MenuButton, { id: "breadcrumb-overflow-menu-button", button: /* @__PURE__ */ jsx(Button$1, { mode: "bleed", padding: 1, style: overflowButtonStyle, children: /* @__PURE__ */ jsx(Flex, { overflow: "hidden", children: /* @__PURE__ */ jsx(Text$1, { size: 1, weight: "medium", textOverflow: "ellipsis", style: overflowTextStyle, "aria-label": "More breadcrumb items", children: "..." }) }) }), popover: {
-          placement: "bottom-start",
-          portal: !0
-        }, menu: /* @__PURE__ */ jsx(Menu, { children: item.map((overflowItem) => /* @__PURE__ */ jsx(BreadcrumbMenuItem, { itemPath: overflowItem.path, documentSchemaType, documentValue, onPathSelect: handlePathSelect }, overflowItem.path.toString())) }) }),
+  let t6;
+  if ($[24] !== currentPath || $[25] !== documentSchemaType || $[26] !== documentValue || $[27] !== handlePathSelect || $[28] !== items) {
+    const nodes = items.map((item, index_1) => {
+      const key = `breadcrumb-${index_1}`, showSeparator = index_1 < items.length - 1;
+      if (Array.isArray(item))
+        return /* @__PURE__ */ jsxs(Inline, { children: [
+          /* @__PURE__ */ jsx(MenuButton, { id: "breadcrumb-overflow-menu-button", button: /* @__PURE__ */ jsx(Button$1, { mode: "bleed", padding: 1, style: overflowButtonStyle, children: /* @__PURE__ */ jsx(Flex, { overflow: "hidden", children: /* @__PURE__ */ jsx(Text$1, { size: 1, weight: "medium", textOverflow: "ellipsis", style: overflowTextStyle, "aria-label": "More breadcrumb items", children: "..." }) }) }), popover: {
+            placement: "bottom-start",
+            portal: !0
+          }, menu: /* @__PURE__ */ jsx(Menu, { children: item.map((overflowItem) => /* @__PURE__ */ jsx(BreadcrumbMenuItem, { itemPath: overflowItem.path, documentSchemaType, documentValue, onPathSelect: handlePathSelect }, overflowItem.path.toString())) }) }),
+          showSeparator && /* @__PURE__ */ jsx(SeparatorItem, { children: SEPARATOR })
+        ] }, key);
+      const isSelected = currentPath.length === item.path.length && item.path.every((seg, i) => {
+        const currentSeg = currentPath[i];
+        return isKeySegment(seg) && isKeySegment(currentSeg) ? seg._key === currentSeg._key : seg === currentSeg;
+      }), isLast = index_1 === items.length - 1;
+      return /* @__PURE__ */ jsxs(Inline, { flex: isLast ? 1 : void 0, style: {
+        minWidth: 0
+      }, children: [
+        /* @__PURE__ */ jsx(BreadcrumbButton, { itemPath: item.path, documentSchemaType, documentValue, isSelected, onPathSelect: handlePathSelect }),
         showSeparator && /* @__PURE__ */ jsx(SeparatorItem, { children: SEPARATOR })
       ] }, key);
-    const isSelected = currentPath.length === item.path.length && item.path.every((seg, i) => {
-      const currentSeg = currentPath[i];
-      return isKeySegment(seg) && isKeySegment(currentSeg) ? seg._key === currentSeg._key : seg === currentSeg;
-    }), isLast = index_0 === items.length - 1;
-    return /* @__PURE__ */ jsxs(Inline, { flex: isLast ? 1 : void 0, style: {
-      minWidth: 0
-    }, children: [
-      /* @__PURE__ */ jsx(BreadcrumbButton, { itemPath: item.path, documentSchemaType, documentValue, isSelected, onPathSelect: handlePathSelect }),
-      showSeparator && /* @__PURE__ */ jsx(SeparatorItem, { children: SEPARATOR })
-    ] }, key);
-  }), $[23] = currentPath, $[24] = documentSchemaType, $[25] = documentValue, $[26] = handlePathSelect, $[27] = items, $[28] = t7) : t7 = $[28];
-  const nodes = t7;
-  let t8;
-  $[29] !== handlePathSelect ? (t8 = () => handlePathSelect([]), $[29] = handlePathSelect, $[30] = t8) : t8 = $[30];
-  let t9;
-  $[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = {
-    minWidth: 0,
-    maxWidth: "250px"
-  }, $[31] = t9) : t9 = $[31];
-  let t10;
-  $[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t10 = {
-    whiteSpace: "nowrap",
-    textTransform: "capitalize"
-  }, $[32] = t10) : t10 = $[32];
-  let t11;
-  $[33] !== rootFieldName ? (t11 = /* @__PURE__ */ jsx(Text$1, { muted: !0, size: 1, textOverflow: "ellipsis", style: t10, children: rootFieldName }), $[33] = rootFieldName, $[34] = t11) : t11 = $[34];
-  let t12;
-  $[35] !== rootFieldName || $[36] !== t11 || $[37] !== t8 ? (t12 = /* @__PURE__ */ jsx(Button$1, { mode: "bleed", padding: 2, radius: 2, onClick: t8, style: t9, title: rootFieldName, "aria-label": rootFieldName, children: t11 }), $[35] = rootFieldName, $[36] = t11, $[37] = t8, $[38] = t12) : t12 = $[38];
-  let t13;
-  $[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t13 = /* @__PURE__ */ jsx(SeparatorItem, { children: SEPARATOR }), $[39] = t13) : t13 = $[39];
-  let t14;
-  return $[40] !== nodes || $[41] !== t12 ? (t14 = /* @__PURE__ */ jsxs(Inline, { ref: setRootElement, style: rootInlineStyle, children: [
-    t12,
-    t13,
-    nodes
-  ] }), $[40] = nodes, $[41] = t12, $[42] = t14) : t14 = $[42], t14;
+    });
+    t6 = /* @__PURE__ */ jsx(Inline, { ref: setRootElement, style: rootInlineStyle, children: nodes }), $[24] = currentPath, $[25] = documentSchemaType, $[26] = documentValue, $[27] = handlePathSelect, $[28] = items, $[29] = t6;
+  } else
+    t6 = $[29];
+  return t6;
 }
 const StyledDialog$2 = styled(Dialog)`
   ${(props2) => props2.$isHidden && `