sanity 3.93.1-next.38.730d143834 → 3.93.1-next.40.6377c06e67

package/lib/_chunks-cjs/version.js

@@ -1,4 +1,4 @@
 "use strict";
-const SANITY_VERSION = "3.93.1-next.38.730d143834";
+const SANITY_VERSION = "3.93.1-next.40.6377c06e67";
 exports.SANITY_VERSION = SANITY_VERSION;
 //# sourceMappingURL=version.js.map

package/lib/_chunks-es/pane.mjs

@@ -5679,6 +5679,50 @@ function _temp$c(s) {
 function _temp2$4(action) {
   return !isRestoreAction(action);
 }
+function useChipScrollPosition(containerRef) {
+  const $ = c(4), [showGradient, setShowGradient] = useState(!1);
+  let t0;
+  $[0] !== containerRef.current ? (t0 = () => {
+    const checkOverflow = () => {
+      const container = containerRef.current;
+      if (!container)
+        return;
+      const {
+        scrollWidth,
+        clientWidth
+      } = container;
+      if (!(scrollWidth > clientWidth)) {
+        setShowGradient(!1);
+        return;
+      }
+      const {
+        scrollLeft
+      } = container, isAtEnd = scrollLeft + clientWidth >= scrollWidth;
+      setShowGradient(!isAtEnd);
+    }, setupObservers = function() {
+      checkOverflow();
+      const container_0 = containerRef.current;
+      if (!container_0)
+        return {
+          observer: null
+        };
+      const observer = new IntersectionObserver((entries) => {
+        const entry = entries[0];
+        entry && setShowGradient(entry.isIntersecting);
+      }), lastChip = container_0.children[container_0.children.length - 1];
+      return observer.observe(lastChip), {
+        observer
+      };
+    }, {
+      observer: observer_0
+    } = setupObservers();
+    return () => {
+      observer_0?.disconnect();
+    };
+  }, $[0] = containerRef.current, $[1] = t0) : t0 = $[1];
+  let t1;
+  return $[2] !== containerRef ? (t1 = [containerRef], $[2] = containerRef, $[3] = t1) : t1 = $[3], useEffect(t0, t1), showGradient;
+}
 const TooltipContent$1 = (t0) => {
   const $ = c(16), {
     release
@@ -5822,16 +5866,19 @@ const TooltipContent$1 = (t0) => {
       }
     }
 
-    &::after {
-      content: '';
-      display: block;
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      width: ${theme.space[3]}px;
-      background: linear-gradient(to right, ${rgba(theme.color.bg, 0)}, var(--card-bg-color));
-    }
+    ${props.$showGradient && css`
+      &::after {
+        content: '';
+        display: block;
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        width: 150px;
+        background: linear-gradient(to right, ${rgba(theme.color.bg, 0)}, var(--card-bg-color));
+        transition: 'opacity 300ms ease-out';
+      }
+    `}
   `;
 }), DocumentPanelHeader = memo(forwardRef(function(_props, ref) {
   const {
@@ -5856,7 +5903,7 @@ const TooltipContent$1 = (t0) => {
     hasGroupSiblings
   } = usePaneRouter(), {
     actions: fieldActions
-  } = useFieldActions(), [referenceElement, setReferenceElement] = useState(null), actions = useMemo(() => (allActions ?? []).filter((action) => !isRestoreAction(action)), [allActions]), menuNodes = useMemo(() => resolveMenuNodes({
+  } = useFieldActions(), [referenceElement, setReferenceElement] = useState(null), scrollContainerRef = useRef(null), showGradient = useChipScrollPosition(scrollContainerRef), actions = useMemo(() => (allActions ?? []).filter((action) => !isRestoreAction(action)), [allActions]), menuNodes = useMemo(() => resolveMenuNodes({
     actionHandler: onMenuAction,
     fieldActions,
     menuItems,
@@ -5896,7 +5943,7 @@ const TooltipContent$1 = (t0) => {
   return /* @__PURE__ */ jsx(TooltipDelayGroupProvider, { children: collapsed ? /* @__PURE__ */ jsx(PaneHeader$1, { border: !0, ref, loading: connectionState === "connecting" && !editState?.draft && !editState?.published, title, tabIndex, backButton }) : /* @__PURE__ */ jsx(Card, { hidden: collapsed, style: {
     lineHeight: 0
   }, borderBottom: !0, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, paddingY: 3, children: [
-    /* @__PURE__ */ jsx(HorizontalScroller, { children: /* @__PURE__ */ jsx(Flex, { flex: 1, gap: 1, overflow: "auto", paddingX: 3, "data-testid": "document-perspective-list", children: /* @__PURE__ */ jsx(DocumentPerspectiveList, {}) }) }),
+    /* @__PURE__ */ jsx(HorizontalScroller, { $showGradient: showGradient, children: /* @__PURE__ */ jsx(Flex, { flex: 1, gap: 1, overflow: "auto", paddingX: 3, "data-testid": "document-perspective-list", ref: scrollContainerRef, children: /* @__PURE__ */ jsx(DocumentPerspectiveList, {}) }) }),
     /* @__PURE__ */ jsx(Box, { flex: "none", paddingRight: 3, children: renderedActions })
   ] }) }) });
 })), DocumentPanelHeaderActionDialogDeferred = memo(function(props) {