@sanity/ui 2.10.5 → 2.10.7

package/dist/index.js

@@ -584,9 +584,15 @@ function useForwardedRef(ref) {
   return $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => innerRef.current, $[0] = t0) : t0 = $[0], react.useImperativeHandle(ref, t0), innerRef;
 }
 function useGlobalKeyDown(onKeyDown) {
-  const $ = reactCompilerRuntime.c(3);
-  let t0, t1;
-  return $[0] !== onKeyDown ? (t0 = () => (addEventListener("keydown", onKeyDown), () => removeEventListener("keydown", onKeyDown)), t1 = [onKeyDown], $[0] = onKeyDown, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), react.useEffect(t0, t1);
+  const $ = reactCompilerRuntime.c(5);
+  let t0;
+  $[0] !== onKeyDown ? (t0 = (event) => onKeyDown(event), $[0] = onKeyDown, $[1] = t0) : t0 = $[1];
+  const handleKeyDown = useEffectEvent.useEffectEvent(t0);
+  let t1, t2;
+  $[2] !== handleKeyDown ? (t1 = () => {
+    const handler = (event_0) => handleKeyDown(event_0);
+    return window.addEventListener("keydown", handler), () => window.removeEventListener("keydown", handler);
+  }, t2 = [handleKeyDown], $[2] = handleKeyDown, $[3] = t1, $[4] = t2) : (t1 = $[3], t2 = $[4]), react.useEffect(t1, t2);
 }
 function useMatchMedia(mediaQueryString, getServerSnapshot2) {
   const {
@@ -4567,7 +4573,10 @@ const Popover = react.memo(react.forwardRef(function(props, forwardedRef) {
   } = reactDom$1.useFloating({
     middleware,
     placement: placementProp,
-    whileElementsMounted: reactDom$1.autoUpdate
+    whileElementsMounted: reactDom$1.autoUpdate,
+    elements: referenceElement ? {
+      reference: referenceElement
+    } : void 0
   }), referenceHidden = (_g = middlewareData.hide) == null ? void 0 : _g.referenceHidden, arrowX = (_h = middlewareData.arrow) == null ? void 0 : _h.x, arrowY = (_i = middlewareData.arrow) == null ? void 0 : _i.y, originX = (_j = middlewareData["@sanity/ui/origin"]) == null ? void 0 : _j.originX, originY = (_k = middlewareData["@sanity/ui/origin"]) == null ? void 0 : _k.originY, setArrow = react.useCallback((arrowEl) => {
     arrowRef.current = arrowEl;
   }, []), setFloating = react.useCallback((node) => {
@@ -4581,9 +4590,7 @@ const Popover = react.memo(react.forwardRef(function(props, forwardedRef) {
   }) : null, [childProp, referenceElement, setReference]);
   if (react.useEffect(() => {
     updateRef && (typeof updateRef == "function" ? updateRef(update) : updateRef && (updateRef.current = update));
-  }, [update, updateRef]), react.useEffect(() => {
-    referenceElement && refs.setReference(referenceElement);
-  }, [referenceElement, refs]), disabled)
+  }, [update, updateRef]), disabled)
     return childProp || /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
   const popover = /* @__PURE__ */ jsxRuntime.jsx(LayerProvider, { zOffset, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverCard, __spreadProps$r(__spreadValues$r({}, restProps), { __unstable_margins: margins, animate, arrow: arrowProp, arrowRef: setArrow, arrowX, arrowY, hidden: referenceHidden, overflow, padding, placement, radius, ref: setFloating, scheme, shadow, originX, originY, strategy, tone, width: matchReferenceWidth ? referenceWidthRef.current : width, x, y, children: content })) }), children = open && (portal ? /* @__PURE__ */ jsxRuntime.jsx(Portal, { __unstable_name: typeof portal == "string" ? portal : void 0, children: popover }) : popover);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -5682,7 +5689,10 @@ const Root$a = styledComponents.styled(Layer)`
   } = reactDom$1.useFloating({
     middleware,
     placement: placementProp,
-    whileElementsMounted: reactDom$1.autoUpdate
+    whileElementsMounted: reactDom$1.autoUpdate,
+    elements: {
+      reference: referenceElement
+    }
   }), arrowX = (_e = middlewareData.arrow) == null ? void 0 : _e.x, arrowY = (_f = middlewareData.arrow) == null ? void 0 : _f.y, originX = (_g = middlewareData["@sanity/ui/origin"]) == null ? void 0 : _g.originX, originY = (_h = middlewareData["@sanity/ui/origin"]) == null ? void 0 : _h.originY, tooltipId = react.useId(), [isOpen, setIsOpen] = useDelayedState(!1), delayGroupContext = useTooltipDelayGroup(), showTooltip = isOpen || (delayGroupContext == null ? void 0 : delayGroupContext.openTooltipId) === tooltipId, isInsideGroup = delayGroupContext !== null, openDelayProp = typeof delay == "number" ? delay : (delay == null ? void 0 : delay.open) || 0, closeDelayProp = typeof delay == "number" ? delay : (delay == null ? void 0 : delay.close) || 0, openDelay = isInsideGroup ? delayGroupContext.openDelay : openDelayProp, closeDelay = isInsideGroup ? delayGroupContext.closeDelay : closeDelayProp, handleIsOpenChange = react.useCallback((open, immediate) => {
     if (isInsideGroup)
       if (open) {
@@ -5721,7 +5731,7 @@ const Root$a = styledComponents.styled(Layer)`
     disabled && showTooltip && handleIsOpenChange(!1);
   }, [disabled, handleIsOpenChange, showTooltip]), react.useEffect(() => {
     !content && showTooltip && handleIsOpenChange(!1);
-  }, [content, handleIsOpenChange, showTooltip]), react.useEffect(() => refs.setReference(referenceElement), [referenceElement, refs]), react.useEffect(() => {
+  }, [content, handleIsOpenChange, showTooltip]), react.useEffect(() => {
     if (!showTooltip) return;
     function handleWindowKeyDown(event) {
       event.key === "Escape" && handleIsOpenChange(!1, !0);