@sanity/ui 3.0.0-static.30 → 3.0.0-static.31

package/dist/index.cjs

@@ -372,7 +372,7 @@ function isTargetWithinScope(boundaryElement, portalElement, target) {
 }
 const DEFAULT_DIALOG_CARD_ELEMENT = "div";
 function DialogCard(props) {
-  const $ = compilerRuntime.c(60), t0 = props;
+  const $ = compilerRuntime.c(61), t0 = props;
   let autoFocus, children, footer, forwardedContentRef, forwardedRef, header, hideCloseButton, id, onClickOutside, onClose, portalProp, rest, t1;
   $[0] !== t0 ? ({
     __unstable_autoFocus: autoFocus,
@@ -391,7 +391,7 @@ function DialogCard(props) {
   } = t0, $[0] = t0, $[1] = autoFocus, $[2] = children, $[3] = footer, $[4] = forwardedContentRef, $[5] = forwardedRef, $[6] = header, $[7] = hideCloseButton, $[8] = id, $[9] = onClickOutside, $[10] = onClose, $[11] = portalProp, $[12] = rest, $[13] = t1) : (autoFocus = $[1], children = $[2], footer = $[3], forwardedContentRef = $[4], forwardedRef = $[5], header = $[6], hideCloseButton = $[7], id = $[8], onClickOutside = $[9], onClose = $[10], portalProp = $[11], rest = $[12], t1 = $[13]);
   const as = t1 === void 0 ? DEFAULT_DIALOG_CARD_ELEMENT : t1, portal = _visualEditing.usePortal(), portalElement = portalProp ? portal.elements?.[portalProp] || null : portal.element, boundaryElement = _visualEditing.useBoundaryElement().element, ref = react.useRef(null), contentRef = react.useRef(null), layer = _visualEditing.useLayer(), {
     isTopLayer
-  } = layer, labelId = `${id}_label`, showCloseButton = !!onClose && hideCloseButton === !1, showHeader = !!header || showCloseButton, [scrollTop, setScrollTop] = react.useState(0);
+  } = layer, labelId = `${id}_label`, showCloseButton = !!onClose && hideCloseButton === !1, showHeader = !!header || showCloseButton, [scrollTop, setScrollTop] = react.useState(0), [scrollHeight, setScrollHeight] = react.useState(0), scrollBottom = scrollHeight - scrollTop;
   let t2;
   $[14] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => ref.current, $[14] = t2) : t2 = $[14], react.useImperativeHandle(forwardedRef, t2);
   let t3;
@@ -420,7 +420,7 @@ function DialogCard(props) {
     if (!el)
       return;
     const handleScroll = () => {
-      setScrollTop(el.scrollTop);
+      setScrollTop(el.scrollTop), setScrollHeight(el.scrollHeight - el.offsetHeight);
     };
     return el.addEventListener("scroll", handleScroll, {
       passive: !0
@@ -446,21 +446,23 @@ function DialogCard(props) {
   let t16;
   $[44] !== children ? (t16 = /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Box, { className: t15, overflow: "auto", ref: contentRef, children }), $[44] = children, $[45] = t16) : t16 = $[45];
   let t17;
-  $[46] !== footer ? (t17 = footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: css.dialogScrollerShadowBottom() }), $[46] = footer, $[47] = t17) : t17 = $[47];
+  $[46] !== footer || $[47] !== scrollBottom ? (t17 = footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: css.dialogScrollerShadowBottom(), style: {
+    opacity: Math.min(scrollBottom, 32) / 32
+  } }), $[46] = footer, $[47] = scrollBottom, $[48] = t17) : t17 = $[48];
   let t18;
-  $[48] !== t14 || $[49] !== t16 || $[50] !== t17 ? (t18 = /* @__PURE__ */ jsxRuntime.jsxs(_visualEditing.Box, { className: t13, flex: 1, position: "relative", tabIndex: -1, children: [
+  $[49] !== t14 || $[50] !== t16 || $[51] !== t17 ? (t18 = /* @__PURE__ */ jsxRuntime.jsxs(_visualEditing.Box, { className: t13, flex: 1, position: "relative", tabIndex: -1, children: [
     t14,
     t16,
     t17
-  ] }), $[48] = t14, $[49] = t16, $[50] = t17, $[51] = t18) : t18 = $[51];
+  ] }), $[49] = t14, $[50] = t16, $[51] = t17, $[52] = t18) : t18 = $[52];
   let t19;
-  $[52] !== footer ? (t19 = footer && /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Box, { className: css.dialogFooter(), position: "relative", children: footer }), $[52] = footer, $[53] = t19) : t19 = $[53];
+  $[53] !== footer ? (t19 = footer && /* @__PURE__ */ jsxRuntime.jsx(_visualEditing.Box, { className: css.dialogFooter(), position: "relative", children: footer }), $[53] = footer, $[54] = t19) : t19 = $[54];
   let t20;
-  return $[54] !== as || $[55] !== rest || $[56] !== t12 || $[57] !== t18 || $[58] !== t19 ? (t20 = /* @__PURE__ */ jsxRuntime.jsxs(_visualEditing.Card, { ...rest, as, className: t11, display: "flex", flexDirection: "column", ref, children: [
+  return $[55] !== as || $[56] !== rest || $[57] !== t12 || $[58] !== t18 || $[59] !== t19 ? (t20 = /* @__PURE__ */ jsxRuntime.jsxs(_visualEditing.Card, { ...rest, as, className: t11, display: "flex", flexDirection: "column", ref, children: [
     t12,
     t18,
     t19
-  ] }), $[54] = as, $[55] = rest, $[56] = t12, $[57] = t18, $[58] = t19, $[59] = t20) : t20 = $[59], t20;
+  ] }), $[55] = as, $[56] = rest, $[57] = t12, $[58] = t18, $[59] = t19, $[60] = t20) : t20 = $[60], t20;
 }
 const DialogContext = _visualEditing.createGlobalScopedContext("@sanity/ui/context/dialog", {
   version: 0