@sanity/ui 2.15.17 → 2.16.0

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

@@ -2698,7 +2698,7 @@ const StyledInline = /* @__PURE__ */ styledComponents.styled(Box).withConfig({
   displayName: "StyledInline",
   componentId: "sc-1pkiy6j-0"
 })(inlineBaseStyle, inlineSpaceStyle), Inline = react.forwardRef(function(props, ref) {
-  const $ = reactCompilerRuntime.c(12);
+  const $ = reactCompilerRuntime.c(13);
   let as, childrenProp, restProps, space;
   $[0] !== props ? ({
     as,
@@ -2708,9 +2708,9 @@ const StyledInline = /* @__PURE__ */ styledComponents.styled(Box).withConfig({
   } = props, $[0] = props, $[1] = as, $[2] = childrenProp, $[3] = restProps, $[4] = space) : (as = $[1], childrenProp = $[2], restProps = $[3], space = $[4]);
   let t0, t1;
   $[5] !== childrenProp ? (t1 = react.Children.map(childrenProp, _temp$4), $[5] = childrenProp, $[6] = t1) : t1 = $[6], t0 = t1;
-  const children = t0, t2 = useArrayProp(space);
-  let t3;
-  return $[7] !== as || $[8] !== children || $[9] !== restProps || $[10] !== t2 ? (t3 = /* @__PURE__ */ jsxRuntime.jsx(StyledInline, { "data-ui": "Inline", ...restProps, $space: t2, forwardedAs: as, ref, children }), $[7] = as, $[8] = children, $[9] = restProps, $[10] = t2, $[11] = t3) : t3 = $[11], t3;
+  const children = t0, t2 = useArrayProp(space), t3 = ref;
+  let t4;
+  return $[7] !== as || $[8] !== children || $[9] !== restProps || $[10] !== t2 || $[11] !== t3 ? (t4 = /* @__PURE__ */ jsxRuntime.jsx(StyledInline, { "data-ui": "Inline", ...restProps, $space: t2, forwardedAs: as, ref: t3, children }), $[7] = as, $[8] = children, $[9] = restProps, $[10] = t2, $[11] = t3, $[12] = t4) : t4 = $[12], t4;
 });
 Inline.displayName = "ForwardRef(Inline)";
 function _temp$4(child) {
@@ -3534,6 +3534,7 @@ const ViewportOverlay = () => {
     overflow = "hidden",
     padding: paddingProp,
     placement: placementProp = "bottom",
+    placementStrategy = "flip",
     portal,
     preventOverflow = !0,
     radius: radiusProp = 3,
@@ -3572,12 +3573,14 @@ const ViewportOverlay = () => {
   }, [width, matchReferenceWidth, maxWidth, open]);
   const middleware = react.useMemo(() => {
     const ret = [];
-    return (constrainSize || preventOverflow) && ret.push(reactDom$1.flip({
+    return (constrainSize || preventOverflow) && (placementStrategy === "autoPlacement" ? ret.push(reactDom$1.autoPlacement({
+      allowedPlacements: [placementProp].concat(fallbackPlacements)
+    })) : ret.push(reactDom$1.flip({
       boundary: floatingBoundary || void 0,
       fallbackPlacements,
       padding: DEFAULT_POPOVER_PADDING,
       rootBoundary
-    })), ret.push(reactDom$1.offset({
+    }))), ret.push(reactDom$1.offset({
       mainAxis: DEFAULT_POPOVER_DISTANCE
     })), (constrainSize || matchReferenceWidth) && ret.push(size({
       apply({
@@ -3605,7 +3608,7 @@ const ViewportOverlay = () => {
       padding: DEFAULT_POPOVER_PADDING,
       strategy: "referenceHidden"
     })), ret;
-  }, [animate, arrowProp, constrainSize, fallbackPlacements, floatingBoundary, margins, matchReferenceWidth, preventOverflow, referenceBoundary]), {
+  }, [animate, arrowProp, constrainSize, fallbackPlacements, placementProp, placementStrategy, floatingBoundary, margins, matchReferenceWidth, preventOverflow, referenceBoundary]), {
     x,
     y,
     middlewareData,