Function useSafeArea

packages/react-aria/src/tooltip/useSafeArea.ts:51–83

(options: SafeAreaOptions)

 * for any placement of the overlay relative to the trigger.
 */
export function useSafeArea(options: SafeAreaOptions): void {
  let {triggerRef, overlayRef, isOpen, isDisabled} = options;
  let onSafeAreaChange = useEffectEvent(options.onSafeAreaChange);

  useEffect(() => {
    let trigger = triggerRef.current;
    if (isDisabled || !isOpen || !trigger) {
      return;
    }

    let onPointerMove = (e: PointerEvent) => {
      if (e.pointerType === 'touch') {
        return;
      }
      let point = {x: e.clientX, y: e.clientY};
      let triggerRect = trigger!.getBoundingClientRect();
      let overlayRect = overlayRef.current?.getBoundingClientRect();
      onSafeAreaChange(isPointInSafeArea(point, triggerRect, overlayRect));
    };

    // If the pointer leaves the document entirely, it is no longer in the safe area.
    let onPointerLeave = () => onSafeAreaChange(false);

    let win = getOwnerWindow(trigger);
    let doc = getOwnerDocument(trigger);
    win.addEventListener('pointermove', onPointerMove);
    doc.documentElement.addEventListener('pointerleave', onPointerLeave);
    return () => {
      win.removeEventListener('pointermove', onPointerMove);
      doc.documentElement.removeEventListener('pointerleave', onPointerLeave);
    };
  }, [isDisabled, isOpen, triggerRef, overlayRef]);
}

function isPointInSafeArea(point: Point, triggerRect: DOMRect, overlayRect?: DOMRect): boolean {
  if (rectContains(triggerRect, point)) {