@sanity/ui 2.16.20 → 2.16.21

package/dist/_chunks-cjs/_visual-editing.js

@@ -2882,7 +2882,7 @@ const StyledArrow = /* @__PURE__ */ styledComponents.styled.div.withConfig({
   displayName: "ShapePath",
   componentId: "sc-12vzy6c-2"
 })`fill:var(--card-bg-color);`, Arrow = react.forwardRef(function(props, ref) {
-  const $ = reactCompilerRuntime.c(24);
+  const $ = reactCompilerRuntime.c(29);
   let h, restProps, t0, w;
   $[0] !== props ? ({
     width: w,
@@ -2892,40 +2892,47 @@ const StyledArrow = /* @__PURE__ */ styledComponents.styled.div.withConfig({
   } = props, $[0] = props, $[1] = h, $[2] = restProps, $[3] = t0, $[4] = w) : (h = $[1], restProps = $[2], t0 = $[3], w = $[4]);
   const radius = t0 === void 0 ? 0 : t0, {
     card
-  } = useTheme_v2(), strokeWidth = card.shadow.outline, center = w / 2, points = [{
-    x: 0,
-    y: 0
-  }, {
-    x: radius,
-    y: 0,
-    radius
-  }, {
-    x: center,
-    y: h - 1,
-    radius
-  }, {
-    x: w - radius,
-    y: 0,
-    radius
-  }, {
-    x: w,
-    y: 0
-  }], cmds = getRoundedCommands(points), path = compileCommands(cmds), strokePath = `${path}`, fillPath = `${path} M ${w} -1 M 0 -1 Z`, t1 = `0 0 ${w} ${w}`;
-  let t2;
-  $[5] !== strokeWidth || $[6] !== w ? (t2 = /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "stroke-mask", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: strokeWidth, width: w, height: w, fill: "white" }) }), $[5] = strokeWidth, $[6] = w, $[7] = t2) : t2 = $[7];
-  const t3 = strokeWidth * 2;
-  let t4;
-  $[8] !== strokePath || $[9] !== t3 ? (t4 = /* @__PURE__ */ jsxRuntime.jsx(StrokePath, { d: strokePath, mask: "url(#stroke-mask)", strokeWidth: t3 }), $[8] = strokePath, $[9] = t3, $[10] = t4) : t4 = $[10];
+  } = useTheme_v2(), strokeWidth = card.shadow.outline, center = w / 2;
+  let t1;
+  if ($[5] !== center || $[6] !== h || $[7] !== radius || $[8] !== w) {
+    const points = [{
+      x: 0,
+      y: 0
+    }, {
+      x: radius,
+      y: 0,
+      radius
+    }, {
+      x: center,
+      y: h - 1,
+      radius
+    }, {
+      x: w - radius,
+      y: 0,
+      radius
+    }, {
+      x: w,
+      y: 0
+    }], cmds = getRoundedCommands(points);
+    t1 = compileCommands(cmds), $[5] = center, $[6] = h, $[7] = radius, $[8] = w, $[9] = t1;
+  } else
+    t1 = $[9];
+  const path = t1, strokePath = `${path}`, fillPath = `${path} M ${w} -1 M 0 -1 Z`, t2 = `0 0 ${w} ${w}`;
+  let t3;
+  $[10] !== strokeWidth || $[11] !== w ? (t3 = /* @__PURE__ */ jsxRuntime.jsx("mask", { id: "stroke-mask", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: strokeWidth, width: w, height: w, fill: "white" }) }), $[10] = strokeWidth, $[11] = w, $[12] = t3) : t3 = $[12];
+  const t4 = strokeWidth * 2;
   let t5;
-  $[11] !== fillPath ? (t5 = /* @__PURE__ */ jsxRuntime.jsx(ShapePath, { d: fillPath }), $[11] = fillPath, $[12] = t5) : t5 = $[12];
+  $[13] !== strokePath || $[14] !== t4 ? (t5 = /* @__PURE__ */ jsxRuntime.jsx(StrokePath, { d: strokePath, mask: "url(#stroke-mask)", strokeWidth: t4 }), $[13] = strokePath, $[14] = t4, $[15] = t5) : t5 = $[15];
   let t6;
-  $[13] !== t1 || $[14] !== t2 || $[15] !== t4 || $[16] !== t5 || $[17] !== w ? (t6 = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: w, height: w, viewBox: t1, children: [
-    t2,
-    t4,
-    t5
-  ] }), $[13] = t1, $[14] = t2, $[15] = t4, $[16] = t5, $[17] = w, $[18] = t6) : t6 = $[18];
+  $[16] !== fillPath ? (t6 = /* @__PURE__ */ jsxRuntime.jsx(ShapePath, { d: fillPath }), $[16] = fillPath, $[17] = t6) : t6 = $[17];
   let t7;
-  return $[19] !== ref || $[20] !== restProps || $[21] !== t6 || $[22] !== w ? (t7 = /* @__PURE__ */ jsxRuntime.jsx(StyledArrow, { ...restProps, $w: w, ref, children: t6 }), $[19] = ref, $[20] = restProps, $[21] = t6, $[22] = w, $[23] = t7) : t7 = $[23], t7;
+  $[18] !== t2 || $[19] !== t3 || $[20] !== t5 || $[21] !== t6 || $[22] !== w ? (t7 = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: w, height: w, viewBox: t2, children: [
+    t3,
+    t5,
+    t6
+  ] }), $[18] = t2, $[19] = t3, $[20] = t5, $[21] = t6, $[22] = w, $[23] = t7) : t7 = $[23];
+  let t8;
+  return $[24] !== ref || $[25] !== restProps || $[26] !== t7 || $[27] !== w ? (t8 = /* @__PURE__ */ jsxRuntime.jsx(StyledArrow, { ...restProps, $w: w, ref, children: t7 }), $[24] = ref, $[25] = restProps, $[26] = t7, $[27] = w, $[28] = t8) : t8 = $[28], t8;
 });
 Arrow.displayName = "ForwardRef(Arrow)";
 const BoundaryElementContext = createGlobalScopedContext("@sanity/ui/context/boundaryElement", null);
@@ -3220,26 +3227,42 @@ const StyledVirtualList = styledComponents.styled.div.withConfig({
   displayName: "ItemWrapper",
   componentId: "sc-dlqsj4-1"
 })`position:absolute;left:0;right:0;`, VirtualList = react.forwardRef(function(props, forwardedRef) {
-  const {
-    as = "div",
-    gap = 0,
+  const $ = reactCompilerRuntime.c(56);
+  let getItemKey, onChange, renderItem, restProps, t0, t1, t2;
+  $[0] !== props ? ({
+    as: t0,
+    gap: t1,
     getItemKey,
-    items = [],
+    items: t2,
     onChange,
     renderItem,
     ...restProps
-  } = props, {
+  } = props, $[0] = props, $[1] = getItemKey, $[2] = onChange, $[3] = renderItem, $[4] = restProps, $[5] = t0, $[6] = t1, $[7] = t2) : (getItemKey = $[1], onChange = $[2], renderItem = $[3], restProps = $[4], t0 = $[5], t1 = $[6], t2 = $[7]);
+  const as = t0 === void 0 ? "div" : t0, gap = t1 === void 0 ? 0 : t1;
+  let t3;
+  $[8] !== t2 ? (t3 = t2 === void 0 ? [] : t2, $[8] = t2, $[9] = t3) : t3 = $[9];
+  const items = t3, {
     space
   } = useTheme_v2(), ref = react.useRef(null), wrapperRef = react.useRef(null), [scrollTop, setScrollTop] = react.useState(0), [scrollHeight, setScrollHeight] = react.useState(0), [itemHeight, setItemHeight] = react.useState(-1);
-  react.useImperativeHandle(forwardedRef, () => ref.current), react.useEffect(() => {
-    if (!wrapperRef.current) return;
+  let t4;
+  $[10] === Symbol.for("react.memo_cache_sentinel") ? (t4 = () => ref.current, $[10] = t4) : t4 = $[10], react.useImperativeHandle(forwardedRef, t4);
+  let t5;
+  $[11] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => {
+    if (!wrapperRef.current)
+      return;
     const firstElement = wrapperRef.current.firstChild;
     firstElement instanceof HTMLElement && setItemHeight(firstElement.offsetHeight);
-  }, [renderItem]), react.useEffect(() => {
-    if (!ref.current) return;
+  }, $[11] = t5) : t5 = $[11];
+  let t6;
+  $[12] !== renderItem ? (t6 = [renderItem], $[12] = renderItem, $[13] = t6) : t6 = $[13], react.useEffect(t5, t6);
+  let t7, t8;
+  $[14] === Symbol.for("react.memo_cache_sentinel") ? (t7 = () => {
+    if (!ref.current)
+      return;
     const scrollEl = findScrollable(ref.current.parentNode);
     if (scrollEl) {
-      if (!(scrollEl instanceof HTMLElement)) return;
+      if (!(scrollEl instanceof HTMLElement))
+        return;
       const handleScroll = () => {
         setScrollTop(scrollEl.scrollTop);
       };
@@ -3263,9 +3286,10 @@ const StyledVirtualList = styledComponents.styled.div.withConfig({
     }), window.addEventListener("resize", handleResize), setScrollHeight(window.innerHeight), handleScroll_0(), () => {
       window.removeEventListener("scroll", handleScroll_0), window.removeEventListener("resize", handleResize);
     };
-  }, []);
+  }, t8 = [], $[14] = t7, $[15] = t8) : (t7 = $[14], t8 = $[15]), react.useEffect(t7, t8);
   const len = items.length, height = itemHeight ? len * (itemHeight + space[gap]) - space[gap] : 0, fromIndex = height ? Math.max(Math.floor(scrollTop / height * len) - 2, 0) : 0, toIndex = height ? Math.ceil((scrollTop + scrollHeight) / height * len) + 1 : 0;
-  react.useEffect(() => {
+  let t10, t9;
+  $[16] !== fromIndex || $[17] !== gap || $[18] !== itemHeight || $[19] !== onChange || $[20] !== scrollHeight || $[21] !== scrollTop || $[22] !== space || $[23] !== toIndex ? (t9 = () => {
     onChange && onChange({
       fromIndex,
       gap: space[gap],
@@ -3274,16 +3298,43 @@ const StyledVirtualList = styledComponents.styled.div.withConfig({
       scrollTop,
       toIndex
     });
-  }, [fromIndex, gap, itemHeight, onChange, scrollHeight, scrollTop, space, toIndex]);
-  const children = react.useMemo(() => !renderItem || items.length === 0 ? null : itemHeight === -1 ? [/* @__PURE__ */ jsxRuntime.jsx(ItemWrapper, { children: renderItem(items[0]) }, 0)] : items.slice(fromIndex, toIndex).map((item, _itemIndex) => {
-    const itemIndex = fromIndex + _itemIndex, node = renderItem(item), key2 = getItemKey ? getItemKey(item, itemIndex) : itemIndex;
-    return /* @__PURE__ */ jsxRuntime.jsx(ItemWrapper, { style: {
-      top: itemIndex * (itemHeight + space[gap])
-    }, children: node }, key2);
-  }), [fromIndex, gap, getItemKey, itemHeight, items, renderItem, space, toIndex]), wrapperStyle = react.useMemo(() => ({
+  }, t10 = [fromIndex, gap, itemHeight, onChange, scrollHeight, scrollTop, space, toIndex], $[16] = fromIndex, $[17] = gap, $[18] = itemHeight, $[19] = onChange, $[20] = scrollHeight, $[21] = scrollTop, $[22] = space, $[23] = toIndex, $[24] = t10, $[25] = t9) : (t10 = $[24], t9 = $[25]), react.useEffect(t9, t10);
+  let t11;
+  bb0: {
+    if (!renderItem || items.length === 0) {
+      t11 = null;
+      break bb0;
+    }
+    if (itemHeight === -1) {
+      let t123;
+      $[26] !== items[0] || $[27] !== renderItem ? (t123 = renderItem(items[0]), $[26] = items[0], $[27] = renderItem, $[28] = t123) : t123 = $[28];
+      let t132;
+      $[29] !== t123 ? (t132 = [/* @__PURE__ */ jsxRuntime.jsx(ItemWrapper, { children: t123 }, 0)], $[29] = t123, $[30] = t132) : t132 = $[30], t11 = t132;
+      break bb0;
+    }
+    let t122;
+    if ($[31] !== fromIndex || $[32] !== gap || $[33] !== getItemKey || $[34] !== itemHeight || $[35] !== items || $[36] !== renderItem || $[37] !== space || $[38] !== toIndex) {
+      let t132;
+      $[40] !== fromIndex || $[41] !== gap || $[42] !== getItemKey || $[43] !== itemHeight || $[44] !== renderItem || $[45] !== space ? (t132 = (item, _itemIndex) => {
+        const itemIndex = fromIndex + _itemIndex, node = renderItem(item), key2 = getItemKey ? getItemKey(item, itemIndex) : itemIndex;
+        return /* @__PURE__ */ jsxRuntime.jsx(ItemWrapper, { style: {
+          top: itemIndex * (itemHeight + space[gap])
+        }, children: node }, key2);
+      }, $[40] = fromIndex, $[41] = gap, $[42] = getItemKey, $[43] = itemHeight, $[44] = renderItem, $[45] = space, $[46] = t132) : t132 = $[46], t122 = items.slice(fromIndex, toIndex).map(t132), $[31] = fromIndex, $[32] = gap, $[33] = getItemKey, $[34] = itemHeight, $[35] = items, $[36] = renderItem, $[37] = space, $[38] = toIndex, $[39] = t122;
+    } else
+      t122 = $[39];
+    t11 = t122;
+  }
+  const children = t11;
+  let t12;
+  $[47] !== height ? (t12 = {
     height
-  }), [height]);
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledVirtualList, { as, "data-ui": "VirtualList", ...restProps, ref, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: wrapperRef, style: wrapperStyle, children }) });
+  }, $[47] = height, $[48] = t12) : t12 = $[48];
+  const wrapperStyle = t12;
+  let t13;
+  $[49] !== children || $[50] !== wrapperStyle ? (t13 = /* @__PURE__ */ jsxRuntime.jsx("div", { ref: wrapperRef, style: wrapperStyle, children }), $[49] = children, $[50] = wrapperStyle, $[51] = t13) : t13 = $[51];
+  let t14;
+  return $[52] !== as || $[53] !== restProps || $[54] !== t13 ? (t14 = /* @__PURE__ */ jsxRuntime.jsx(StyledVirtualList, { as, "data-ui": "VirtualList", ...restProps, ref, children: t13 }), $[52] = as, $[53] = restProps, $[54] = t13, $[55] = t14) : t14 = $[55], t14;
 });
 VirtualList.displayName = "ForwardRef(VirtualList)";
 function findScrollable(parentNode) {