@tamagui/floating 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/esm/interactions/useHover.mjs

@@ -0,0 +1,320 @@
+import * as React from "react";
+import { useEvent } from "@tamagui/use-event";
+import { clearTimeoutIfSet, contains, getDocument, isElement, isMouseLikePointerType } from "./utils.mjs";
+const safePolygonIdentifier = "data-floating-ui-safe-polygon";
+function getDelay(value, prop, pointerType) {
+  if (pointerType && !isMouseLikePointerType(pointerType)) {
+    return 0;
+  }
+  if (typeof value === "number") {
+    return value;
+  }
+  return value?.[prop];
+}
+function useHover(context, props = {}) {
+  const {
+    open,
+    onOpenChange,
+    dataRef,
+    events,
+    elements
+  } = context;
+  const {
+    enabled = true,
+    delay = 0,
+    handleClose = null,
+    mouseOnly = false,
+    restMs = 0,
+    move = true
+  } = props;
+  const handleCloseRef = React.useRef(handleClose);
+  handleCloseRef.current = handleClose;
+  const delayRef = React.useRef(delay);
+  delayRef.current = delay;
+  const openRef = React.useRef(open);
+  openRef.current = open;
+  const restMsRef = React.useRef(restMs);
+  restMsRef.current = restMs;
+  const stableOnOpenChange = useEvent(onOpenChange);
+  const pointerTypeRef = React.useRef(void 0);
+  const timeoutRef = React.useRef(-1);
+  const handlerRef = React.useRef(void 0);
+  const restTimeoutRef = React.useRef(-1);
+  const blockMouseMoveRef = React.useRef(true);
+  const performedPointerEventsMutationRef = React.useRef(false);
+  const unbindMouseMoveRef = React.useRef(() => {});
+  const restTimeoutPendingRef = React.useRef(false);
+  const isHoverOpen = useEvent(() => {
+    const type = dataRef.current.openEvent?.type;
+    return type?.includes("mouse") && type !== "mousedown";
+  });
+  React.useEffect(() => {
+    if (!enabled) return;
+    if (!events) return;
+    function onOpenChange2({
+      open: open2
+    }) {
+      if (!open2) {
+        clearTimeoutIfSet(timeoutRef);
+        clearTimeoutIfSet(restTimeoutRef);
+        blockMouseMoveRef.current = true;
+        restTimeoutPendingRef.current = false;
+      }
+    }
+    events.on("openchange", onOpenChange2);
+    return () => {
+      events.off("openchange", onOpenChange2);
+    };
+  }, [enabled, events]);
+  const closeWithDelay = useEvent((event, runElseBranch = true, reason = "hover") => {
+    const closeDelay = getDelay(delayRef.current, "close", pointerTypeRef.current);
+    if (closeDelay && !handlerRef.current) {
+      clearTimeoutIfSet(timeoutRef);
+      timeoutRef.current = window.setTimeout(() => stableOnOpenChange(false, event, reason), closeDelay);
+    } else if (runElseBranch) {
+      clearTimeoutIfSet(timeoutRef);
+      stableOnOpenChange(false, event, reason);
+    }
+  });
+  const cleanupMouseMoveHandler = useEvent(() => {
+    unbindMouseMoveRef.current();
+    handlerRef.current = void 0;
+    if (context.handleCloseActiveRef) {
+      context.handleCloseActiveRef.current = false;
+    }
+  });
+  const clearPointerEvents = useEvent(() => {
+    if (performedPointerEventsMutationRef.current) {
+      const body = getDocument(elements.floating).body;
+      body.style.pointerEvents = "";
+      body.removeAttribute(safePolygonIdentifier);
+      performedPointerEventsMutationRef.current = false;
+    }
+  });
+  const isClickLikeOpenEvent = useEvent(() => {
+    return dataRef.current.openEvent ? ["click", "mousedown"].includes(dataRef.current.openEvent.type) : false;
+  });
+  React.useEffect(() => {
+    if (!enabled) return;
+    function onReferenceMouseEnter(event) {
+      clearTimeoutIfSet(timeoutRef);
+      blockMouseMoveRef.current = false;
+      if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current) || restMsRef.current > 0 && !getDelay(delayRef.current, "open")) {
+        return;
+      }
+      const openDelay = getDelay(delayRef.current, "open", pointerTypeRef.current);
+      if (openDelay) {
+        timeoutRef.current = window.setTimeout(() => {
+          if (!openRef.current) {
+            stableOnOpenChange(true, event, "hover");
+          }
+        }, openDelay);
+      } else if (!open) {
+        stableOnOpenChange(true, event, "hover");
+      }
+    }
+    function onReferenceMouseLeave(event) {
+      if (isClickLikeOpenEvent()) {
+        clearPointerEvents();
+        return;
+      }
+      if (context.triggerElements?.hasElement(event.relatedTarget)) {
+        return;
+      }
+      unbindMouseMoveRef.current();
+      const doc = getDocument(elements.floating);
+      clearTimeoutIfSet(restTimeoutRef);
+      restTimeoutPendingRef.current = false;
+      if (handleCloseRef.current) {
+        if (!open) {
+          clearTimeoutIfSet(timeoutRef);
+        }
+        const placement = dataRef.current.placement || "bottom";
+        const reference2 = elements.domReference;
+        const floating = elements.floating;
+        if (!reference2 || !floating) return;
+        handlerRef.current = handleCloseRef.current({
+          x: event.clientX,
+          y: event.clientY,
+          placement,
+          elements: {
+            reference: reference2,
+            floating,
+            domReference: reference2
+          },
+          onClose() {
+            if (context.handleCloseActiveRef) {
+              context.handleCloseActiveRef.current = false;
+            }
+            clearPointerEvents();
+            cleanupMouseMoveHandler();
+            if (!isClickLikeOpenEvent()) {
+              closeWithDelay(event, true, "safe-polygon");
+            }
+          }
+        });
+        if (context.handleCloseActiveRef) {
+          context.handleCloseActiveRef.current = true;
+        }
+        const handler = handlerRef.current;
+        doc.addEventListener("mousemove", handler);
+        unbindMouseMoveRef.current = () => {
+          doc.removeEventListener("mousemove", handler);
+        };
+        return;
+      }
+      const shouldClose = pointerTypeRef.current === "touch" ? !contains(elements.floating, event.relatedTarget) : true;
+      if (shouldClose) {
+        closeWithDelay(event);
+      }
+    }
+    function onScrollMouseLeave(event) {
+      if (isClickLikeOpenEvent()) return;
+      if (context.triggerElements?.hasElement(event.relatedTarget)) {
+        return;
+      }
+      const placement = dataRef.current.placement || "bottom";
+      const reference2 = elements.domReference;
+      const floating = elements.floating;
+      if (!reference2 || !floating) return;
+      handleCloseRef.current?.({
+        x: event.clientX,
+        y: event.clientY,
+        placement,
+        elements: {
+          reference: reference2,
+          floating,
+          domReference: reference2
+        },
+        onClose() {
+          clearPointerEvents();
+          cleanupMouseMoveHandler();
+          if (!isClickLikeOpenEvent()) {
+            closeWithDelay(event);
+          }
+        }
+      })(event);
+    }
+    function onFloatingMouseEnter() {
+      clearTimeoutIfSet(timeoutRef);
+    }
+    function onFloatingMouseLeave(event) {
+      if (isClickLikeOpenEvent()) return;
+      if (context.triggerElements?.hasElement(event.relatedTarget)) {
+        return;
+      }
+      closeWithDelay(event, false);
+    }
+    if (isElement(elements.domReference)) {
+      const reference2 = elements.domReference;
+      const floating = elements.floating;
+      if (open) {
+        reference2.addEventListener("mouseleave", onScrollMouseLeave);
+      }
+      if (move) {
+        reference2.addEventListener("mousemove", onReferenceMouseEnter, {
+          once: true
+        });
+      }
+      reference2.addEventListener("mouseenter", onReferenceMouseEnter);
+      reference2.addEventListener("mouseleave", onReferenceMouseLeave);
+      if (floating) {
+        floating.addEventListener("mouseleave", onScrollMouseLeave);
+        floating.addEventListener("mouseenter", onFloatingMouseEnter);
+        floating.addEventListener("mouseleave", onFloatingMouseLeave);
+      }
+      return () => {
+        if (open) {
+          reference2.removeEventListener("mouseleave", onScrollMouseLeave);
+        }
+        if (move) {
+          reference2.removeEventListener("mousemove", onReferenceMouseEnter);
+        }
+        reference2.removeEventListener("mouseenter", onReferenceMouseEnter);
+        reference2.removeEventListener("mouseleave", onReferenceMouseLeave);
+        if (floating) {
+          floating.removeEventListener("mouseleave", onScrollMouseLeave);
+          floating.removeEventListener("mouseenter", onFloatingMouseEnter);
+          floating.removeEventListener("mouseleave", onFloatingMouseLeave);
+        }
+        cleanupMouseMoveHandler();
+      };
+    }
+  }, [elements, enabled, context, mouseOnly, move, open, dataRef]);
+  React.useLayoutEffect(() => {
+    if (!enabled) return;
+    if (open && handleCloseRef.current?.__options?.blockPointerEvents && isHoverOpen()) {
+      performedPointerEventsMutationRef.current = true;
+      const floatingEl = elements.floating;
+      if (isElement(elements.domReference) && floatingEl) {
+        const body = getDocument(elements.floating).body;
+        body.setAttribute(safePolygonIdentifier, "");
+        const ref = elements.domReference;
+        body.style.pointerEvents = "none";
+        ref.style.pointerEvents = "auto";
+        floatingEl.style.pointerEvents = "auto";
+        return () => {
+          body.style.pointerEvents = "";
+          ref.style.pointerEvents = "";
+          floatingEl.style.pointerEvents = "";
+        };
+      }
+    }
+  }, [enabled, open, elements, isHoverOpen]);
+  React.useLayoutEffect(() => {
+    if (!open) {
+      pointerTypeRef.current = void 0;
+      restTimeoutPendingRef.current = false;
+      cleanupMouseMoveHandler();
+      clearPointerEvents();
+    }
+  }, [open]);
+  React.useEffect(() => {
+    return () => {
+      cleanupMouseMoveHandler();
+      clearTimeoutIfSet(timeoutRef);
+      clearTimeoutIfSet(restTimeoutRef);
+      clearPointerEvents();
+    };
+  }, [enabled, elements.domReference]);
+  const reference = React.useMemo(() => {
+    function setPointerRef(event) {
+      pointerTypeRef.current = event.pointerType;
+    }
+    return {
+      onPointerDown: setPointerRef,
+      onPointerEnter: setPointerRef,
+      onMouseMove(event) {
+        const {
+          nativeEvent
+        } = event;
+        function handleMouseMove() {
+          if (!blockMouseMoveRef.current && !openRef.current) {
+            stableOnOpenChange(true, nativeEvent, "hover");
+          }
+        }
+        if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current)) {
+          return;
+        }
+        if (open || restMsRef.current === 0) {
+          return;
+        }
+        if (restTimeoutPendingRef.current && event.movementX ** 2 + event.movementY ** 2 < 2) {
+          return;
+        }
+        clearTimeoutIfSet(restTimeoutRef);
+        if (pointerTypeRef.current === "touch") {
+          handleMouseMove();
+        } else {
+          restTimeoutPendingRef.current = true;
+          restTimeoutRef.current = window.setTimeout(handleMouseMove, restMsRef.current);
+        }
+      }
+    };
+  }, [mouseOnly, open]);
+  return React.useMemo(() => enabled ? {
+    reference
+  } : {}, [enabled, reference]);
+}
+export { getDelay, useHover };
+//# sourceMappingURL=useHover.mjs.map

package/dist/esm/interactions/useHover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEvent","clearTimeoutIfSet","contains","getDocument","isElement","isMouseLikePointerType","safePolygonIdentifier","getDelay","value","prop","pointerType","useHover","context","props","open","onOpenChange","dataRef","events","elements","enabled","delay","handleClose","mouseOnly","restMs","move","handleCloseRef","useRef","current","delayRef","openRef","restMsRef","stableOnOpenChange","pointerTypeRef","timeoutRef","handlerRef","restTimeoutRef","blockMouseMoveRef","performedPointerEventsMutationRef","unbindMouseMoveRef","restTimeoutPendingRef","isHoverOpen","type","openEvent","includes","useEffect","onOpenChange2","open2","on","off","closeWithDelay","event","runElseBranch","reason","closeDelay","window","setTimeout","cleanupMouseMoveHandler","handleCloseActiveRef","clearPointerEvents","body","floating","style","pointerEvents","removeAttribute","isClickLikeOpenEvent","onReferenceMouseEnter","openDelay","onReferenceMouseLeave","triggerElements","hasElement","relatedTarget","doc","placement","reference2","domReference","x","clientX","y","clientY","reference","onClose","handler","addEventListener","removeEventListener","shouldClose","onScrollMouseLeave","onFloatingMouseEnter","onFloatingMouseLeave","once","useLayoutEffect","__options","blockPointerEvents","floatingEl","setAttribute","ref","useMemo","setPointerRef","onPointerDown","onPointerEnter","onMouseMove","nativeEvent","handleMouseMove","movementX","movementY"],"sources":["../../../src/interactions/useHover.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,QAAA,QAAgB;AASzB,SACEC,iBAAA,EACAC,QAAA,EACAC,WAAA,EACAC,SAAA,EACAC,sBAAA,QACK;AAEP,MAAMC,qBAAA,GAAwB;AAEvB,SAASC,SACdC,KAAA,EACAC,IAAA,EACAC,WAAA,EACA;EACA,IAAIA,WAAA,IAAe,CAACL,sBAAA,CAAuBK,WAAW,GAAG;IACvD,OAAO;EACT;EAEA,IAAI,OAAOF,KAAA,KAAU,UAAU;IAC7B,OAAOA,KAAA;EACT;EAEA,OAAOA,KAAA,GAAQC,IAAI;AACrB;AAUO,SAASE,SACdC,OAAA,EACAC,KAAA,GAAuB,CAAC,GACV;EACd,MAAM;IAAEC,IAAA;IAAMC,YAAA;IAAcC,OAAA;IAASC,MAAA;IAAQC;EAAS,IAAIN,OAAA;EAC1D,MAAM;IACJO,OAAA,GAAU;IACVC,KAAA,GAAQ;IACRC,WAAA,GAAc;IACdC,SAAA,GAAY;IACZC,MAAA,GAAS;IACTC,IAAA,GAAO;EACT,IAAIX,KAAA;EAGJ,MAAMY,cAAA,GAAiB1B,KAAA,CAAM2B,MAAA,CAAOL,WAAW;EAC/CI,cAAA,CAAeE,OAAA,GAAUN,WAAA;EACzB,MAAMO,QAAA,GAAW7B,KAAA,CAAM2B,MAAA,CAAON,KAAK;EACnCQ,QAAA,CAASD,OAAA,GAAUP,KAAA;EACnB,MAAMS,OAAA,GAAU9B,KAAA,CAAM2B,MAAA,CAAOZ,IAAI;EACjCe,OAAA,CAAQF,OAAA,GAAUb,IAAA;EAClB,MAAMgB,SAAA,GAAY/B,KAAA,CAAM2B,MAAA,CAAOH,MAAM;EACrCO,SAAA,CAAUH,OAAA,GAAUJ,MAAA;EAEpB,MAAMQ,kBAAA,GAAqB/B,QAAA,CAASe,YAAY;EAEhD,MAAMiB,cAAA,GAAiBjC,KAAA,CAAM2B,MAAA,CAA2B,MAAS;EACjE,MAAMO,UAAA,GAAalC,KAAA,CAAM2B,MAAA,CAAO,EAAE;EAClC,MAAMQ,UAAA,GAAanC,KAAA,CAAM2B,MAAA,CAAkD,MAAS;EACpF,MAAMS,cAAA,GAAiBpC,KAAA,CAAM2B,MAAA,CAAO,EAAE;EACtC,MAAMU,iBAAA,GAAoBrC,KAAA,CAAM2B,MAAA,CAAO,IAAI;EAC3C,MAAMW,iCAAA,GAAoCtC,KAAA,CAAM2B,MAAA,CAAO,KAAK;EAC5D,MAAMY,kBAAA,GAAqBvC,KAAA,CAAM2B,MAAA,CAAO,MAAM,CAAC,CAAC;EAChD,MAAMa,qBAAA,GAAwBxC,KAAA,CAAM2B,MAAA,CAAO,KAAK;EAEhD,MAAMc,WAAA,GAAcxC,QAAA,CAAS,MAAM;IACjC,MAAMyC,IAAA,GAAOzB,OAAA,CAAQW,OAAA,CAAQe,SAAA,EAAWD,IAAA;IACxC,OAAOA,IAAA,EAAME,QAAA,CAAS,OAAO,KAAKF,IAAA,KAAS;EAC7C,CAAC;EAID1C,KAAA,CAAM6C,SAAA,CAAU,MAAM;IACpB,IAAI,CAACzB,OAAA,EAAS;IACd,IAAI,CAACF,MAAA,EAAQ;IAEb,SAAS4B,cAAa;MAAE/B,IAAA,EAAAgC;IAAK,GAAsB;MACjD,IAAI,CAACA,KAAA,EAAM;QACT7C,iBAAA,CAAkBgC,UAAU;QAC5BhC,iBAAA,CAAkBkC,cAAc;QAChCC,iBAAA,CAAkBT,OAAA,GAAU;QAC5BY,qBAAA,CAAsBZ,OAAA,GAAU;MAClC;IACF;IAEAV,MAAA,CAAO8B,EAAA,CAAG,cAAcF,aAAY;IACpC,OAAO,MAAM;MACX5B,MAAA,CAAO+B,GAAA,CAAI,cAAcH,aAAY;IACvC;EACF,GAAG,CAAC1B,OAAA,EAASF,MAAM,CAAC;EAKpB,MAAMgC,cAAA,GAAiBjD,QAAA,CACrB,CAACkD,KAAA,EAAcC,aAAA,GAAgB,MAAMC,MAAA,GAA2B,YAAY;IAC1E,MAAMC,UAAA,GAAa9C,QAAA,CAASqB,QAAA,CAASD,OAAA,EAAS,SAASK,cAAA,CAAeL,OAAO;IAC7E,IAAI0B,UAAA,IAAc,CAACnB,UAAA,CAAWP,OAAA,EAAS;MACrC1B,iBAAA,CAAkBgC,UAAU;MAC5BA,UAAA,CAAWN,OAAA,GAAU2B,MAAA,CAAOC,UAAA,CAC1B,MAAMxB,kBAAA,CAAmB,OAAOmB,KAAA,EAAOE,MAAM,GAC7CC,UACF;IACF,WAAWF,aAAA,EAAe;MACxBlD,iBAAA,CAAkBgC,UAAU;MAC5BF,kBAAA,CAAmB,OAAOmB,KAAA,EAAOE,MAAM;IACzC;EACF,CACF;EAEA,MAAMI,uBAAA,GAA0BxD,QAAA,CAAS,MAAM;IAC7CsC,kBAAA,CAAmBX,OAAA,CAAQ;IAC3BO,UAAA,CAAWP,OAAA,GAAU;IACrB,IAAIf,OAAA,CAAQ6C,oBAAA,EAAsB;MAChC7C,OAAA,CAAQ6C,oBAAA,CAAqB9B,OAAA,GAAU;IACzC;EACF,CAAC;EAED,MAAM+B,kBAAA,GAAqB1D,QAAA,CAAS,MAAM;IACxC,IAAIqC,iCAAA,CAAkCV,OAAA,EAAS;MAC7C,MAAMgC,IAAA,GAAOxD,WAAA,CAAYe,QAAA,CAAS0C,QAAQ,EAAED,IAAA;MAC5CA,IAAA,CAAKE,KAAA,CAAMC,aAAA,GAAgB;MAC3BH,IAAA,CAAKI,eAAA,CAAgBzD,qBAAqB;MAC1C+B,iCAAA,CAAkCV,OAAA,GAAU;IAC9C;EACF,CAAC;EAED,MAAMqC,oBAAA,GAAuBhE,QAAA,CAAS,MAAM;IAC1C,OAAOgB,OAAA,CAAQW,OAAA,CAAQe,SAAA,GACnB,CAAC,SAAS,WAAW,EAAEC,QAAA,CAAS3B,OAAA,CAAQW,OAAA,CAAQe,SAAA,CAAUD,IAAI,IAC9D;EACN,CAAC;EAKD1C,KAAA,CAAM6C,SAAA,CAAU,MAAM;IACpB,IAAI,CAACzB,OAAA,EAAS;IAEd,SAAS8C,sBAAsBf,KAAA,EAAmB;MAChDjD,iBAAA,CAAkBgC,UAAU;MAC5BG,iBAAA,CAAkBT,OAAA,GAAU;MAE5B,IACGL,SAAA,IAAa,CAACjB,sBAAA,CAAuB2B,cAAA,CAAeL,OAAO,KAC3DG,SAAA,CAAUH,OAAA,GAAU,KAAK,CAACpB,QAAA,CAASqB,QAAA,CAASD,OAAA,EAAS,MAAM,GAC5D;QACA;MACF;MAEA,MAAMuC,SAAA,GAAY3D,QAAA,CAASqB,QAAA,CAASD,OAAA,EAAS,QAAQK,cAAA,CAAeL,OAAO;MAE3E,IAAIuC,SAAA,EAAW;QACbjC,UAAA,CAAWN,OAAA,GAAU2B,MAAA,CAAOC,UAAA,CAAW,MAAM;UAC3C,IAAI,CAAC1B,OAAA,CAAQF,OAAA,EAAS;YACpBI,kBAAA,CAAmB,MAAMmB,KAAA,EAAO,OAAO;UACzC;QACF,GAAGgB,SAAS;MACd,WAAW,CAACpD,IAAA,EAAM;QAChBiB,kBAAA,CAAmB,MAAMmB,KAAA,EAAO,OAAO;MACzC;IACF;IAEA,SAASiB,sBAAsBjB,KAAA,EAAmB;MAChD,IAAIc,oBAAA,CAAqB,GAAG;QAC1BN,kBAAA,CAAmB;QACnB;MACF;MAGA,IAAI9C,OAAA,CAAQwD,eAAA,EAAiBC,UAAA,CAAWnB,KAAA,CAAMoB,aAAwB,GAAG;QACvE;MACF;MAEAhC,kBAAA,CAAmBX,OAAA,CAAQ;MAE3B,MAAM4C,GAAA,GAAMpE,WAAA,CAAYe,QAAA,CAAS0C,QAAQ;MACzC3D,iBAAA,CAAkBkC,cAAc;MAChCI,qBAAA,CAAsBZ,OAAA,GAAU;MAEhC,IAAIF,cAAA,CAAeE,OAAA,EAAS;QAE1B,IAAI,CAACb,IAAA,EAAM;UACTb,iBAAA,CAAkBgC,UAAU;QAC9B;QAEA,MAAMuC,SAAA,GAAYxD,OAAA,CAAQW,OAAA,CAAQ6C,SAAA,IAAa;QAC/C,MAAMC,UAAA,GAAYvD,QAAA,CAASwD,YAAA;QAC3B,MAAMd,QAAA,GAAW1C,QAAA,CAAS0C,QAAA;QAE1B,IAAI,CAACa,UAAA,IAAa,CAACb,QAAA,EAAU;QAK7B1B,UAAA,CAAWP,OAAA,GAAUF,cAAA,CAAeE,OAAA,CAAQ;UAC1CgD,CAAA,EAAGzB,KAAA,CAAM0B,OAAA;UACTC,CAAA,EAAG3B,KAAA,CAAM4B,OAAA;UACTN,SAAA;UACAtD,QAAA,EAAU;YACR6D,SAAA,EAAWN,UAAA;YACXb,QAAA;YACAc,YAAA,EAAcD;UAChB;UACAO,QAAA,EAAU;YACR,IAAIpE,OAAA,CAAQ6C,oBAAA,EAAsB;cAChC7C,OAAA,CAAQ6C,oBAAA,CAAqB9B,OAAA,GAAU;YACzC;YACA+B,kBAAA,CAAmB;YACnBF,uBAAA,CAAwB;YACxB,IAAI,CAACQ,oBAAA,CAAqB,GAAG;cAC3Bf,cAAA,CAAeC,KAAA,EAAO,MAAM,cAAc;YAC5C;UACF;QACF,CAAC;QAED,IAAItC,OAAA,CAAQ6C,oBAAA,EAAsB;UAChC7C,OAAA,CAAQ6C,oBAAA,CAAqB9B,OAAA,GAAU;QACzC;QAEA,MAAMsD,OAAA,GAAU/C,UAAA,CAAWP,OAAA;QAE3B4C,GAAA,CAAIW,gBAAA,CAAiB,aAAaD,OAAO;QACzC3C,kBAAA,CAAmBX,OAAA,GAAU,MAAM;UACjC4C,GAAA,CAAIY,mBAAA,CAAoB,aAAaF,OAAO;QAC9C;QAEA;MACF;MAIA,MAAMG,WAAA,GACJpD,cAAA,CAAeL,OAAA,KAAY,UACvB,CAACzB,QAAA,CAASgB,QAAA,CAAS0C,QAAA,EAAUV,KAAA,CAAMoB,aAA+B,IAClE;MACN,IAAIc,WAAA,EAAa;QACfnC,cAAA,CAAeC,KAAK;MACtB;IACF;IAIA,SAASmC,mBAAmBnC,KAAA,EAAmB;MAC7C,IAAIc,oBAAA,CAAqB,GAAG;MAG5B,IAAIpD,OAAA,CAAQwD,eAAA,EAAiBC,UAAA,CAAWnB,KAAA,CAAMoB,aAAwB,GAAG;QACvE;MACF;MAEA,MAAME,SAAA,GAAYxD,OAAA,CAAQW,OAAA,CAAQ6C,SAAA,IAAa;MAC/C,MAAMC,UAAA,GAAYvD,QAAA,CAASwD,YAAA;MAC3B,MAAMd,QAAA,GAAW1C,QAAA,CAAS0C,QAAA;MAE1B,IAAI,CAACa,UAAA,IAAa,CAACb,QAAA,EAAU;MAI7BnC,cAAA,CAAeE,OAAA,GAAU;QACvBgD,CAAA,EAAGzB,KAAA,CAAM0B,OAAA;QACTC,CAAA,EAAG3B,KAAA,CAAM4B,OAAA;QACTN,SAAA;QACAtD,QAAA,EAAU;UACR6D,SAAA,EAAWN,UAAA;UACXb,QAAA;UACAc,YAAA,EAAcD;QAChB;QACAO,QAAA,EAAU;UACRtB,kBAAA,CAAmB;UACnBF,uBAAA,CAAwB;UACxB,IAAI,CAACQ,oBAAA,CAAqB,GAAG;YAC3Bf,cAAA,CAAeC,KAAK;UACtB;QACF;MACF,CAAC,EAAEA,KAAK;IACV;IAEA,SAASoC,qBAAA,EAAuB;MAC9BrF,iBAAA,CAAkBgC,UAAU;IAC9B;IAEA,SAASsD,qBAAqBrC,KAAA,EAAmB;MAC/C,IAAIc,oBAAA,CAAqB,GAAG;MAG5B,IAAIpD,OAAA,CAAQwD,eAAA,EAAiBC,UAAA,CAAWnB,KAAA,CAAMoB,aAAwB,GAAG;QACvE;MACF;MAEArB,cAAA,CAAeC,KAAA,EAAO,KAAK;IAC7B;IAEA,IAAI9C,SAAA,CAAUc,QAAA,CAASwD,YAAY,GAAG;MACpC,MAAMD,UAAA,GAAYvD,QAAA,CAASwD,YAAA;MAC3B,MAAMd,QAAA,GAAW1C,QAAA,CAAS0C,QAAA;MAE1B,IAAI9C,IAAA,EAAM;QACR2D,UAAA,CAAUS,gBAAA,CAAiB,cAAcG,kBAAkB;MAC7D;MAEA,IAAI7D,IAAA,EAAM;QACRiD,UAAA,CAAUS,gBAAA,CAAiB,aAAajB,qBAAA,EAAuB;UAC7DuB,IAAA,EAAM;QACR,CAAC;MACH;MAEAf,UAAA,CAAUS,gBAAA,CAAiB,cAAcjB,qBAAqB;MAC9DQ,UAAA,CAAUS,gBAAA,CAAiB,cAAcf,qBAAqB;MAE9D,IAAIP,QAAA,EAAU;QACZA,QAAA,CAASsB,gBAAA,CAAiB,cAAcG,kBAAkB;QAC1DzB,QAAA,CAASsB,gBAAA,CAAiB,cAAcI,oBAAoB;QAC5D1B,QAAA,CAASsB,gBAAA,CAAiB,cAAcK,oBAAoB;MAC9D;MAEA,OAAO,MAAM;QACX,IAAIzE,IAAA,EAAM;UACR2D,UAAA,CAAUU,mBAAA,CAAoB,cAAcE,kBAAkB;QAChE;QAEA,IAAI7D,IAAA,EAAM;UACRiD,UAAA,CAAUU,mBAAA,CAAoB,aAAalB,qBAAqB;QAClE;QAEAQ,UAAA,CAAUU,mBAAA,CAAoB,cAAclB,qBAAqB;QACjEQ,UAAA,CAAUU,mBAAA,CAAoB,cAAchB,qBAAqB;QAEjE,IAAIP,QAAA,EAAU;UACZA,QAAA,CAASuB,mBAAA,CAAoB,cAAcE,kBAAkB;UAC7DzB,QAAA,CAASuB,mBAAA,CAAoB,cAAcG,oBAAoB;UAC/D1B,QAAA,CAASuB,mBAAA,CAAoB,cAAcI,oBAAoB;QACjE;QAKA/B,uBAAA,CAAwB;MAC1B;IACF;EACF,GAAG,CAACtC,QAAA,EAAUC,OAAA,EAASP,OAAA,EAASU,SAAA,EAAWE,IAAA,EAAMV,IAAA,EAAME,OAAO,CAAC;EAK/DjB,KAAA,CAAM0F,eAAA,CAAgB,MAAM;IAC1B,IAAI,CAACtE,OAAA,EAAS;IAEd,IAAIL,IAAA,IAAQW,cAAA,CAAeE,OAAA,EAAS+D,SAAA,EAAWC,kBAAA,IAAsBnD,WAAA,CAAY,GAAG;MAClFH,iCAAA,CAAkCV,OAAA,GAAU;MAC5C,MAAMiE,UAAA,GAAa1E,QAAA,CAAS0C,QAAA;MAE5B,IAAIxD,SAAA,CAAUc,QAAA,CAASwD,YAAY,KAAKkB,UAAA,EAAY;QAClD,MAAMjC,IAAA,GAAOxD,WAAA,CAAYe,QAAA,CAAS0C,QAAQ,EAAED,IAAA;QAC5CA,IAAA,CAAKkC,YAAA,CAAavF,qBAAA,EAAuB,EAAE;QAE3C,MAAMwF,GAAA,GAAM5E,QAAA,CAASwD,YAAA;QAErBf,IAAA,CAAKE,KAAA,CAAMC,aAAA,GAAgB;QAC3BgC,GAAA,CAAIjC,KAAA,CAAMC,aAAA,GAAgB;QAC1B8B,UAAA,CAAW/B,KAAA,CAAMC,aAAA,GAAgB;QAEjC,OAAO,MAAM;UACXH,IAAA,CAAKE,KAAA,CAAMC,aAAA,GAAgB;UAC3BgC,GAAA,CAAIjC,KAAA,CAAMC,aAAA,GAAgB;UAC1B8B,UAAA,CAAW/B,KAAA,CAAMC,aAAA,GAAgB;QACnC;MACF;IACF;EACF,GAAG,CAAC3C,OAAA,EAASL,IAAA,EAAMI,QAAA,EAAUsB,WAAW,CAAC;EAEzCzC,KAAA,CAAM0F,eAAA,CAAgB,MAAM;IAC1B,IAAI,CAAC3E,IAAA,EAAM;MACTkB,cAAA,CAAeL,OAAA,GAAU;MACzBY,qBAAA,CAAsBZ,OAAA,GAAU;MAChC6B,uBAAA,CAAwB;MACxBE,kBAAA,CAAmB;IACrB;EACF,GAAG,CAAC5C,IAAI,CAAC;EAETf,KAAA,CAAM6C,SAAA,CAAU,MAAM;IACpB,OAAO,MAAM;MACXY,uBAAA,CAAwB;MACxBvD,iBAAA,CAAkBgC,UAAU;MAC5BhC,iBAAA,CAAkBkC,cAAc;MAChCuB,kBAAA,CAAmB;IACrB;EACF,GAAG,CAACvC,OAAA,EAASD,QAAA,CAASwD,YAAY,CAAC;EAEnC,MAAMK,SAAA,GAAuChF,KAAA,CAAMgG,OAAA,CAAQ,MAAM;IAC/D,SAASC,cAAc9C,KAAA,EAA2B;MAChDlB,cAAA,CAAeL,OAAA,GAAUuB,KAAA,CAAMxC,WAAA;IACjC;IAEA,OAAO;MACLuF,aAAA,EAAeD,aAAA;MACfE,cAAA,EAAgBF,aAAA;MAChBG,YAAYjD,KAAA,EAAyB;QACnC,MAAM;UAAEkD;QAAY,IAAIlD,KAAA;QAExB,SAASmD,gBAAA,EAAkB;UACzB,IAAI,CAACjE,iBAAA,CAAkBT,OAAA,IAAW,CAACE,OAAA,CAAQF,OAAA,EAAS;YAClDI,kBAAA,CAAmB,MAAMqE,WAAA,EAAa,OAAO;UAC/C;QACF;QAEA,IAAI9E,SAAA,IAAa,CAACjB,sBAAA,CAAuB2B,cAAA,CAAeL,OAAO,GAAG;UAChE;QACF;QAEA,IAAIb,IAAA,IAAQgB,SAAA,CAAUH,OAAA,KAAY,GAAG;UACnC;QACF;QAGA,IACEY,qBAAA,CAAsBZ,OAAA,IACtBuB,KAAA,CAAMoD,SAAA,IAAa,IAAIpD,KAAA,CAAMqD,SAAA,IAAa,IAAI,GAC9C;UACA;QACF;QAEAtG,iBAAA,CAAkBkC,cAAc;QAEhC,IAAIH,cAAA,CAAeL,OAAA,KAAY,SAAS;UACtC0E,eAAA,CAAgB;QAClB,OAAO;UACL9D,qBAAA,CAAsBZ,OAAA,GAAU;UAChCQ,cAAA,CAAeR,OAAA,GAAU2B,MAAA,CAAOC,UAAA,CAC9B8C,eAAA,EACAvE,SAAA,CAAUH,OACZ;QACF;MACF;IACF;EACF,GAAG,CAACL,SAAA,EAAWR,IAAI,CAAC;EAEpB,OAAOf,KAAA,CAAMgG,OAAA,CAAQ,MAAO5E,OAAA,GAAU;IAAE4D;EAAU,IAAI,CAAC,GAAI,CAAC5D,OAAA,EAAS4D,SAAS,CAAC;AACjF","ignoreList":[]}

package/dist/esm/interactions/useHover.native.js

@@ -0,0 +1,333 @@
+import * as React from "react";
+import { useEvent } from "@tamagui/use-event";
+import { clearTimeoutIfSet, contains, getDocument, isElement, isMouseLikePointerType } from "./utils.native.js";
+var safePolygonIdentifier = "data-floating-ui-safe-polygon";
+function getDelay(value, prop, pointerType) {
+  if (pointerType && !isMouseLikePointerType(pointerType)) {
+    return 0;
+  }
+  if (typeof value === "number") {
+    return value;
+  }
+  return value === null || value === void 0 ? void 0 : value[prop];
+}
+function useHover(context) {
+  var props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  var {
+    open,
+    onOpenChange,
+    dataRef,
+    events,
+    elements
+  } = context;
+  var {
+    enabled = true,
+    delay = 0,
+    handleClose = null,
+    mouseOnly = false,
+    restMs = 0,
+    move = true
+  } = props;
+  var handleCloseRef = React.useRef(handleClose);
+  handleCloseRef.current = handleClose;
+  var delayRef = React.useRef(delay);
+  delayRef.current = delay;
+  var openRef = React.useRef(open);
+  openRef.current = open;
+  var restMsRef = React.useRef(restMs);
+  restMsRef.current = restMs;
+  var stableOnOpenChange = useEvent(onOpenChange);
+  var pointerTypeRef = React.useRef(void 0);
+  var timeoutRef = React.useRef(-1);
+  var handlerRef = React.useRef(void 0);
+  var restTimeoutRef = React.useRef(-1);
+  var blockMouseMoveRef = React.useRef(true);
+  var performedPointerEventsMutationRef = React.useRef(false);
+  var unbindMouseMoveRef = React.useRef(function () {});
+  var restTimeoutPendingRef = React.useRef(false);
+  var isHoverOpen = useEvent(function () {
+    var _dataRef_current_openEvent;
+    var type = (_dataRef_current_openEvent = dataRef.current.openEvent) === null || _dataRef_current_openEvent === void 0 ? void 0 : _dataRef_current_openEvent.type;
+    return (type === null || type === void 0 ? void 0 : type.includes("mouse")) && type !== "mousedown";
+  });
+  React.useEffect(function () {
+    if (!enabled) return;
+    if (!events) return;
+    function onOpenChange2(param) {
+      var {
+        open: open2
+      } = param;
+      if (!open2) {
+        clearTimeoutIfSet(timeoutRef);
+        clearTimeoutIfSet(restTimeoutRef);
+        blockMouseMoveRef.current = true;
+        restTimeoutPendingRef.current = false;
+      }
+    }
+    events.on("openchange", onOpenChange2);
+    return function () {
+      events.off("openchange", onOpenChange2);
+    };
+  }, [enabled, events]);
+  var closeWithDelay = useEvent(function (event) {
+    var runElseBranch = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true,
+      reason = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "hover";
+    var closeDelay = getDelay(delayRef.current, "close", pointerTypeRef.current);
+    if (closeDelay && !handlerRef.current) {
+      clearTimeoutIfSet(timeoutRef);
+      timeoutRef.current = window.setTimeout(function () {
+        return stableOnOpenChange(false, event, reason);
+      }, closeDelay);
+    } else if (runElseBranch) {
+      clearTimeoutIfSet(timeoutRef);
+      stableOnOpenChange(false, event, reason);
+    }
+  });
+  var cleanupMouseMoveHandler = useEvent(function () {
+    unbindMouseMoveRef.current();
+    handlerRef.current = void 0;
+    if (context.handleCloseActiveRef) {
+      context.handleCloseActiveRef.current = false;
+    }
+  });
+  var clearPointerEvents = useEvent(function () {
+    if (performedPointerEventsMutationRef.current) {
+      var body = getDocument(elements.floating).body;
+      body.style.pointerEvents = "";
+      body.removeAttribute(safePolygonIdentifier);
+      performedPointerEventsMutationRef.current = false;
+    }
+  });
+  var isClickLikeOpenEvent = useEvent(function () {
+    return dataRef.current.openEvent ? ["click", "mousedown"].includes(dataRef.current.openEvent.type) : false;
+  });
+  React.useEffect(function () {
+    if (!enabled) return;
+    function onReferenceMouseEnter(event) {
+      clearTimeoutIfSet(timeoutRef);
+      blockMouseMoveRef.current = false;
+      if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current) || restMsRef.current > 0 && !getDelay(delayRef.current, "open")) {
+        return;
+      }
+      var openDelay = getDelay(delayRef.current, "open", pointerTypeRef.current);
+      if (openDelay) {
+        timeoutRef.current = window.setTimeout(function () {
+          if (!openRef.current) {
+            stableOnOpenChange(true, event, "hover");
+          }
+        }, openDelay);
+      } else if (!open) {
+        stableOnOpenChange(true, event, "hover");
+      }
+    }
+    function onReferenceMouseLeave(event) {
+      var _context_triggerElements;
+      if (isClickLikeOpenEvent()) {
+        clearPointerEvents();
+        return;
+      }
+      if ((_context_triggerElements = context.triggerElements) === null || _context_triggerElements === void 0 ? void 0 : _context_triggerElements.hasElement(event.relatedTarget)) {
+        return;
+      }
+      unbindMouseMoveRef.current();
+      var doc = getDocument(elements.floating);
+      clearTimeoutIfSet(restTimeoutRef);
+      restTimeoutPendingRef.current = false;
+      if (handleCloseRef.current) {
+        if (!open) {
+          clearTimeoutIfSet(timeoutRef);
+        }
+        var placement = dataRef.current.placement || "bottom";
+        var reference3 = elements.domReference;
+        var floating2 = elements.floating;
+        if (!reference3 || !floating2) return;
+        handlerRef.current = handleCloseRef.current({
+          x: event.clientX,
+          y: event.clientY,
+          placement,
+          elements: {
+            reference: reference3,
+            floating: floating2,
+            domReference: reference3
+          },
+          onClose() {
+            if (context.handleCloseActiveRef) {
+              context.handleCloseActiveRef.current = false;
+            }
+            clearPointerEvents();
+            cleanupMouseMoveHandler();
+            if (!isClickLikeOpenEvent()) {
+              closeWithDelay(event, true, "safe-polygon");
+            }
+          }
+        });
+        if (context.handleCloseActiveRef) {
+          context.handleCloseActiveRef.current = true;
+        }
+        var handler = handlerRef.current;
+        doc.addEventListener("mousemove", handler);
+        unbindMouseMoveRef.current = function () {
+          doc.removeEventListener("mousemove", handler);
+        };
+        return;
+      }
+      var shouldClose = pointerTypeRef.current === "touch" ? !contains(elements.floating, event.relatedTarget) : true;
+      if (shouldClose) {
+        closeWithDelay(event);
+      }
+    }
+    function onScrollMouseLeave(event) {
+      var _context_triggerElements, _handleCloseRef_current;
+      if (isClickLikeOpenEvent()) return;
+      if ((_context_triggerElements = context.triggerElements) === null || _context_triggerElements === void 0 ? void 0 : _context_triggerElements.hasElement(event.relatedTarget)) {
+        return;
+      }
+      var placement = dataRef.current.placement || "bottom";
+      var reference3 = elements.domReference;
+      var floating2 = elements.floating;
+      if (!reference3 || !floating2) return;
+      (_handleCloseRef_current = handleCloseRef.current) === null || _handleCloseRef_current === void 0 ? void 0 : _handleCloseRef_current.call(handleCloseRef, {
+        x: event.clientX,
+        y: event.clientY,
+        placement,
+        elements: {
+          reference: reference3,
+          floating: floating2,
+          domReference: reference3
+        },
+        onClose() {
+          clearPointerEvents();
+          cleanupMouseMoveHandler();
+          if (!isClickLikeOpenEvent()) {
+            closeWithDelay(event);
+          }
+        }
+      })(event);
+    }
+    function onFloatingMouseEnter() {
+      clearTimeoutIfSet(timeoutRef);
+    }
+    function onFloatingMouseLeave(event) {
+      var _context_triggerElements;
+      if (isClickLikeOpenEvent()) return;
+      if ((_context_triggerElements = context.triggerElements) === null || _context_triggerElements === void 0 ? void 0 : _context_triggerElements.hasElement(event.relatedTarget)) {
+        return;
+      }
+      closeWithDelay(event, false);
+    }
+    if (isElement(elements.domReference)) {
+      var reference2 = elements.domReference;
+      var floating = elements.floating;
+      if (open) {
+        reference2.addEventListener("mouseleave", onScrollMouseLeave);
+      }
+      if (move) {
+        reference2.addEventListener("mousemove", onReferenceMouseEnter, {
+          once: true
+        });
+      }
+      reference2.addEventListener("mouseenter", onReferenceMouseEnter);
+      reference2.addEventListener("mouseleave", onReferenceMouseLeave);
+      if (floating) {
+        floating.addEventListener("mouseleave", onScrollMouseLeave);
+        floating.addEventListener("mouseenter", onFloatingMouseEnter);
+        floating.addEventListener("mouseleave", onFloatingMouseLeave);
+      }
+      return function () {
+        if (open) {
+          reference2.removeEventListener("mouseleave", onScrollMouseLeave);
+        }
+        if (move) {
+          reference2.removeEventListener("mousemove", onReferenceMouseEnter);
+        }
+        reference2.removeEventListener("mouseenter", onReferenceMouseEnter);
+        reference2.removeEventListener("mouseleave", onReferenceMouseLeave);
+        if (floating) {
+          floating.removeEventListener("mouseleave", onScrollMouseLeave);
+          floating.removeEventListener("mouseenter", onFloatingMouseEnter);
+          floating.removeEventListener("mouseleave", onFloatingMouseLeave);
+        }
+        cleanupMouseMoveHandler();
+      };
+    }
+  }, [elements, enabled, context, mouseOnly, move, open, dataRef]);
+  React.useLayoutEffect(function () {
+    var _handleCloseRef_current___options, _handleCloseRef_current;
+    if (!enabled) return;
+    if (open && ((_handleCloseRef_current = handleCloseRef.current) === null || _handleCloseRef_current === void 0 ? void 0 : (_handleCloseRef_current___options = _handleCloseRef_current.__options) === null || _handleCloseRef_current___options === void 0 ? void 0 : _handleCloseRef_current___options.blockPointerEvents) && isHoverOpen()) {
+      performedPointerEventsMutationRef.current = true;
+      var floatingEl = elements.floating;
+      if (isElement(elements.domReference) && floatingEl) {
+        var body = getDocument(elements.floating).body;
+        body.setAttribute(safePolygonIdentifier, "");
+        var ref = elements.domReference;
+        body.style.pointerEvents = "none";
+        ref.style.pointerEvents = "auto";
+        floatingEl.style.pointerEvents = "auto";
+        return function () {
+          body.style.pointerEvents = "";
+          ref.style.pointerEvents = "";
+          floatingEl.style.pointerEvents = "";
+        };
+      }
+    }
+  }, [enabled, open, elements, isHoverOpen]);
+  React.useLayoutEffect(function () {
+    if (!open) {
+      pointerTypeRef.current = void 0;
+      restTimeoutPendingRef.current = false;
+      cleanupMouseMoveHandler();
+      clearPointerEvents();
+    }
+  }, [open]);
+  React.useEffect(function () {
+    return function () {
+      cleanupMouseMoveHandler();
+      clearTimeoutIfSet(timeoutRef);
+      clearTimeoutIfSet(restTimeoutRef);
+      clearPointerEvents();
+    };
+  }, [enabled, elements.domReference]);
+  var reference = React.useMemo(function () {
+    function setPointerRef(event) {
+      pointerTypeRef.current = event.pointerType;
+    }
+    return {
+      onPointerDown: setPointerRef,
+      onPointerEnter: setPointerRef,
+      onMouseMove(event) {
+        var {
+          nativeEvent
+        } = event;
+        function handleMouseMove() {
+          if (!blockMouseMoveRef.current && !openRef.current) {
+            stableOnOpenChange(true, nativeEvent, "hover");
+          }
+        }
+        if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current)) {
+          return;
+        }
+        if (open || restMsRef.current === 0) {
+          return;
+        }
+        if (restTimeoutPendingRef.current && Math.pow(event.movementX, 2) + Math.pow(event.movementY, 2) < 2) {
+          return;
+        }
+        clearTimeoutIfSet(restTimeoutRef);
+        if (pointerTypeRef.current === "touch") {
+          handleMouseMove();
+        } else {
+          restTimeoutPendingRef.current = true;
+          restTimeoutRef.current = window.setTimeout(handleMouseMove, restMsRef.current);
+        }
+      }
+    };
+  }, [mouseOnly, open]);
+  return React.useMemo(function () {
+    return enabled ? {
+      reference
+    } : {};
+  }, [enabled, reference]);
+}
+export { getDelay, useHover };
+//# sourceMappingURL=useHover.native.js.map