@sanity/ui 2.15.10 → 2.15.12

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

@@ -4488,24 +4488,23 @@ const DEFAULT_TOOLTIP_ARROW_WIDTH = 15, DEFAULT_TOOLTIP_ARROW_HEIGHT = 6, DEFAUL
 TooltipCard.displayName = "Memo(ForwardRef(TooltipCard))";
 const TooltipDelayGroupContext = createGlobalScopedContext("@sanity/ui/context/tooltipDelayGroup", null);
 function TooltipDelayGroupProvider(props) {
-  const $ = reactCompilerRuntime.c(10), {
+  const $ = reactCompilerRuntime.c(9), {
     children,
     delay
   } = props, [isGroupActive, setIsGroupActive] = useDelayedState(!1), [openTooltipId, setOpenTooltipId] = useDelayedState(null), openDelay = typeof delay == "number" ? delay : delay?.open || 0, closeDelay = typeof delay == "number" ? delay : delay?.close || 0;
   let t0;
   const t1 = isGroupActive ? 1 : openDelay;
   let t2;
-  $[0] !== closeDelay || $[1] !== isGroupActive || $[2] !== openTooltipId || $[3] !== setIsGroupActive || $[4] !== setOpenTooltipId || $[5] !== t1 ? (t2 = {
-    isGroupActive,
+  $[0] !== closeDelay || $[1] !== openTooltipId || $[2] !== setIsGroupActive || $[3] !== setOpenTooltipId || $[4] !== t1 ? (t2 = {
     setIsGroupActive,
     openTooltipId,
     setOpenTooltipId,
     openDelay: t1,
     closeDelay
-  }, $[0] = closeDelay, $[1] = isGroupActive, $[2] = openTooltipId, $[3] = setIsGroupActive, $[4] = setOpenTooltipId, $[5] = t1, $[6] = t2) : t2 = $[6], t0 = t2;
+  }, $[0] = closeDelay, $[1] = openTooltipId, $[2] = setIsGroupActive, $[3] = setOpenTooltipId, $[4] = t1, $[5] = t2) : t2 = $[5], t0 = t2;
   const value = t0;
   let t3;
-  return $[7] !== children || $[8] !== value ? (t3 = /* @__PURE__ */ jsxRuntime.jsx(TooltipDelayGroupContext.Provider, { value, children }), $[7] = children, $[8] = value, $[9] = t3) : t3 = $[9], t3;
+  return $[6] !== children || $[7] !== value ? (t3 = /* @__PURE__ */ jsxRuntime.jsx(TooltipDelayGroupContext.Provider, { value, children }), $[6] = children, $[7] = value, $[8] = t3) : t3 = $[8], t3;
 }
 TooltipDelayGroupProvider.displayName = "TooltipDelayGroupProvider";
 function useTooltipDelayGroup() {
@@ -4566,18 +4565,21 @@ const StyledTooltip = styledComponents.styled(Layer).withConfig({
     elements: {
       reference: referenceElement
     }
-  }), arrowX = middlewareData.arrow?.x, arrowY = middlewareData.arrow?.y, originX = middlewareData["@sanity/ui/origin"]?.originX, originY = middlewareData["@sanity/ui/origin"]?.originY, tooltipId = react.useId(), [isOpen, setIsOpen] = useDelayedState(!1), delayGroupContext = useTooltipDelayGroup(), showTooltip = isOpen || delayGroupContext?.openTooltipId === tooltipId, isInsideGroup = delayGroupContext !== null, openDelayProp = typeof delay == "number" ? delay : delay?.open || 0, closeDelayProp = typeof delay == "number" ? delay : delay?.close || 0, openDelay = isInsideGroup ? delayGroupContext.openDelay : openDelayProp, closeDelay = isInsideGroup ? delayGroupContext.closeDelay : closeDelayProp, handleIsOpenChange = react.useCallback((open, immediate) => {
+  }), arrowX = middlewareData.arrow?.x, arrowY = middlewareData.arrow?.y, originX = middlewareData["@sanity/ui/origin"]?.originX, originY = middlewareData["@sanity/ui/origin"]?.originY, tooltipId = react.useId(), [isOpen, setIsOpen] = useDelayedState(!1), delayGroupContext = useTooltipDelayGroup(), {
+    setIsGroupActive,
+    setOpenTooltipId
+  } = delayGroupContext || {}, showTooltip = isOpen || delayGroupContext?.openTooltipId === tooltipId, isInsideGroup = delayGroupContext !== null, openDelayProp = typeof delay == "number" ? delay : delay?.open || 0, closeDelayProp = typeof delay == "number" ? delay : delay?.close || 0, openDelay = isInsideGroup ? delayGroupContext.openDelay : openDelayProp, closeDelay = isInsideGroup ? delayGroupContext.closeDelay : closeDelayProp, handleIsOpenChange = react.useCallback((open, immediate) => {
     if (isInsideGroup)
       if (open) {
         const groupedOpenDelay = immediate ? 0 : openDelay;
-        delayGroupContext.setIsGroupActive(open, groupedOpenDelay), delayGroupContext.setOpenTooltipId(tooltipId, groupedOpenDelay);
+        setIsGroupActive?.(open, groupedOpenDelay), setOpenTooltipId?.(tooltipId, groupedOpenDelay);
       } else {
         const groupDeactivateDelay = closeDelay > 200 ? closeDelay : 200;
-        delayGroupContext.setIsGroupActive(open, groupDeactivateDelay), delayGroupContext.setOpenTooltipId(null, immediate ? 0 : closeDelay);
+        setIsGroupActive?.(open, groupDeactivateDelay), setOpenTooltipId?.(null, immediate ? 0 : closeDelay);
       }
     else
       setIsOpen(open, immediate ? 0 : open ? openDelay : closeDelay);
-  }, [isInsideGroup, delayGroupContext, openDelay, tooltipId, closeDelay, setIsOpen]), handleBlur = react.useCallback((e) => {
+  }, [isInsideGroup, openDelay, setIsGroupActive, setOpenTooltipId, tooltipId, closeDelay, setIsOpen]), handleBlur = react.useCallback((e) => {
     handleIsOpenChange(!1), childProp?.props?.onBlur?.(e);
   }, [childProp?.props, handleIsOpenChange]), handleClick = react.useCallback((e_0) => {
     handleIsOpenChange(!1, !0), childProp?.props.onClick?.(e_0);
@@ -4593,7 +4595,8 @@ const StyledTooltip = styledComponents.styled(Layer).withConfig({
   useCloseOnMouseLeave({
     handleIsOpenChange,
     referenceElement,
-    showTooltip
+    showTooltip,
+    isInsideGroup
   }), react.useEffect(() => {
     disabled && showTooltip && handleIsOpenChange(!1);
   }, [disabled, handleIsOpenChange, showTooltip]), react.useEffect(() => {
@@ -4636,10 +4639,11 @@ const StyledTooltip = styledComponents.styled(Layer).withConfig({
 });
 Tooltip.displayName = "ForwardRef(Tooltip)";
 function useCloseOnMouseLeave(t0) {
-  const $ = reactCompilerRuntime.c(8), {
+  const $ = reactCompilerRuntime.c(10), {
     handleIsOpenChange,
     referenceElement,
-    showTooltip
+    showTooltip,
+    isInsideGroup
   } = t0;
   let t1;
   $[0] !== handleIsOpenChange || $[1] !== referenceElement ? (t1 = (target, teardown) => {
@@ -4647,16 +4651,16 @@ function useCloseOnMouseLeave(t0) {
   }, $[0] = handleIsOpenChange, $[1] = referenceElement, $[2] = t1) : t1 = $[2];
   const onMouseMove = useEffectEvent.useEffectEvent(t1);
   let t2;
-  $[3] !== onMouseMove || $[4] !== showTooltip ? (t2 = () => {
-    if (!showTooltip)
+  $[3] !== isInsideGroup || $[4] !== onMouseMove || $[5] !== showTooltip ? (t2 = () => {
+    if (!showTooltip || isInsideGroup)
       return;
     const handleMouseMove = (event) => {
       onMouseMove(event.target, () => window.removeEventListener("mousemove", handleMouseMove));
     };
     return window.addEventListener("mousemove", handleMouseMove), () => window.removeEventListener("mousemove", handleMouseMove);
-  }, $[3] = onMouseMove, $[4] = showTooltip, $[5] = t2) : t2 = $[5];
+  }, $[3] = isInsideGroup, $[4] = onMouseMove, $[5] = showTooltip, $[6] = t2) : t2 = $[6];
   let t3;
-  $[6] !== showTooltip ? (t3 = [showTooltip], $[6] = showTooltip, $[7] = t3) : t3 = $[7], react.useEffect(t2, t3);
+  $[7] !== isInsideGroup || $[8] !== showTooltip ? (t3 = [isInsideGroup, showTooltip], $[7] = isInsideGroup, $[8] = showTooltip, $[9] = t3) : t3 = $[9], react.useEffect(t2, t3);
 }
 const StyledHotkeys = styledComponents.styled.kbd.withConfig({
   displayName: "StyledHotkeys",