sanity 6.3.0-next.49 → 6.3.0-next.55

package/lib/_chunks-es/ReleasesTool.js

@@ -3359,16 +3359,56 @@ const MemoReleaseDocumentPreview = memo(function(t0) {
   const isGoingToBePublished = t1;
   let t2;
   return $[2] !== documentRevision || $[3] !== isGoingToBePublished || $[4] !== item.document._id || $[5] !== item.document._type || $[6] !== releaseId || $[7] !== releaseState ? (t2 = /* @__PURE__ */ jsx(ReleaseDocumentPreview, { documentId: item.document._id, documentTypeName: item.document._type, releaseId, releaseState, documentRevision, isGoingToBePublished }), $[2] = documentRevision, $[3] = isGoingToBePublished, $[4] = item.document._id, $[5] = item.document._type, $[6] = releaseId, $[7] = releaseState, $[8] = t2) : t2 = $[8], t2;
-}, (prev, next) => prev.item.memoKey === next.item.memoKey && prev.releaseId === next.releaseId), MemoDocumentType = memo(function(t0) {
-  const $ = c(5), {
+}, (prev, next) => prev.item.memoKey === next.item.memoKey && prev.releaseId === next.releaseId), TruncatedSpan = styled.span.withConfig({
+  displayName: "TruncatedSpan",
+  componentId: "sc-eeeb2q-0"
+})`display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;`;
+function DocumentType(t0) {
+  const $ = c(15), {
     type
   } = t0, schema = useSchema();
   let t1;
-  $[0] !== schema || $[1] !== type ? (t1 = schema.get(type), $[0] = schema, $[1] = type, $[2] = t1) : t1 = $[2];
-  const t2 = t1?.title || "Not found";
+  $[0] !== schema || $[1] !== type ? (t1 = schema.get(type)?.title || "Not found", $[0] = schema, $[1] = type, $[2] = t1) : t1 = $[2];
+  const title = t1, elementRef = useRef(null), [isTruncated, setIsTruncated] = useState(!1);
+  let t2;
+  $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = () => {
+    const element = elementRef.current;
+    element && setIsTruncated(element.scrollWidth > element.clientWidth);
+  }, $[3] = t2) : t2 = $[3];
+  const checkTruncation = t2;
   let t3;
-  return $[3] !== t2 ? (t3 = /* @__PURE__ */ jsx(Text, { size: 1, children: t2 }), $[3] = t2, $[4] = t3) : t3 = $[4], t3;
-}, (prev, next) => prev.type === next.type), documentActionColumn = (t) => ({
+  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = (element_0) => {
+    if (elementRef.current = element_0, !element_0)
+      return;
+    checkTruncation();
+    const observer = new ResizeObserver(checkTruncation);
+    observer.observe(element_0);
+    let cancelled = !1;
+    return document.fonts?.ready?.then(() => {
+      cancelled || checkTruncation();
+    }), () => {
+      cancelled = !0, observer.disconnect(), elementRef.current = null;
+    };
+  }, $[4] = t3) : t3 = $[4];
+  const measureRef = t3;
+  let t4;
+  $[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = () => {
+    checkTruncation();
+  }, $[5] = t4) : t4 = $[5];
+  let t5;
+  $[6] !== title ? (t5 = [title, checkTruncation], $[6] = title, $[7] = t5) : t5 = $[7], useEffect(t4, t5);
+  let t6;
+  $[8] !== title ? (t6 = /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(TruncatedSpan, { ref: measureRef, children: title }) }), $[8] = title, $[9] = t6) : t6 = $[9];
+  const textElement = t6;
+  if (isTruncated) {
+    let t7;
+    $[10] !== title ? (t7 = /* @__PURE__ */ jsx(Text, { size: 1, children: title }), $[10] = title, $[11] = t7) : t7 = $[11];
+    let t8;
+    return $[12] !== t7 || $[13] !== textElement ? (t8 = /* @__PURE__ */ jsx(Tooltip, { portal: !0, content: t7, children: textElement }), $[12] = t7, $[13] = textElement, $[14] = t8) : t8 = $[14], t8;
+  }
+  return textElement;
+}
+const MemoDocumentType = memo(DocumentType, (prev, next) => prev.type === next.type), documentActionColumn = (t) => ({
   id: "action",
   width: null,
   style: {
@@ -3392,16 +3432,17 @@ const MemoReleaseDocumentPreview = memo(function(t0) {
   ...releaseState === "archived" || releaseState === "published" ? [] : [documentActionColumn(t)],
   {
     id: "document._type",
-    width: null,
-    style: {
-      minWidth: 100
-    },
+    // Header and body rows are independent flexboxes, so a content-sized column (width: null)
+    // settles at different widths in each and misaligns. A fixed width keeps them in sync.
+    width: 150,
     sorting: !0,
     header: (props) => /* @__PURE__ */ jsx(Flex, { ...props.headerProps, paddingY: 3, sizing: "border", children: /* @__PURE__ */ jsx(Headers.SortHeaderButton, { text: t("table-header.type"), ...props }) }),
     cell: ({
       cellProps,
       datum
-    }) => /* @__PURE__ */ jsx(Flex, { align: "center", ...cellProps, children: /* @__PURE__ */ jsx(Box, { paddingX: 2, children: !datum.isLoading && /* @__PURE__ */ jsx(MemoDocumentType, { type: datum.document._type }) }) })
+    }) => /* @__PURE__ */ jsx(Flex, { align: "center", ...cellProps, children: /* @__PURE__ */ jsx(Box, { paddingX: 2, style: {
+      minWidth: 0
+    }, children: !datum.isLoading && /* @__PURE__ */ jsx(MemoDocumentType, { type: datum.document._type }) }) })
   },
   {
     id: "search",