Function usePointerOpen

packages/ui/src/hooks/use-pointer-open.ts:36–204

({
  triggerEl,
  contentEl,
  trigger,
  open: openProp,
  defaultOpen = false,
  onOpenChange,
  disableHoverableContent = false,
  skipDelayDuration,
  delayDuration: delayDurationProp,
  dispatchDiscreteCustomEvent,
  getChildOpens,
}: PointerOpenOptions)

}

export const usePointerOpen = ({
  triggerEl,
  contentEl,
  trigger,
  open: openProp,
  defaultOpen = false,
  onOpenChange,
  disableHoverableContent = false,
  skipDelayDuration,
  delayDuration: delayDurationProp,
  dispatchDiscreteCustomEvent,
  getChildOpens,
}: PointerOpenOptions): [boolean, (open: boolean) => void] => {
  const isPointerDownRef = React.useRef(false)
  const hasPointerMoveOpenedRef = React.useRef(false)
  const handlePointerUp = React.useCallback(() => (isPointerDownRef.current = false), [])
  const [isOpenDelayed, setIsOpenDelayed] = React.useState(true)
  const skipDelayTimerRef = React.useRef(0)
  const [open = false, setOpen] = useControllableState({
    prop: openProp,
    defaultProp: defaultOpen,
    onChange: open => {
      if (open) {
        window.clearTimeout(skipDelayTimerRef.current)
        setIsOpenDelayed(false)

        // as `onChange` is called within a lifecycle method we
        // avoid dispatching via `dispatchDiscreteCustomEvent`.
        if (dispatchDiscreteCustomEvent)
          document.dispatchEvent(new CustomEvent(dispatchDiscreteCustomEvent))
      } else {
        window.clearTimeout(skipDelayTimerRef.current)
        skipDelayTimerRef.current = window.setTimeout(
          () => setIsOpenDelayed(true),
          skipDelayDuration,
        )
      }
      onOpenChange?.(open)
    },
  })
  const openTimerRef = React.useRef(0)
  const delayDuration = delayDurationProp ?? 300
  const wasOpenDelayedRef = React.useRef(false)
  const handleOpen = React.useCallback(() => {
    window.clearTimeout(openTimerRef.current)
    wasOpenDelayedRef.current = false
    setOpen(true)
  }, [setOpen])

  const handleClose = React.useCallback(() => {
    window.clearTimeout(openTimerRef.current)
    setOpen(false)
  }, [setOpen])

  const handleDelayedOpen = React.useCallback(() => {
    window.clearTimeout(openTimerRef.current)
    openTimerRef.current = window.setTimeout(() => {
      wasOpenDelayedRef.current = true