José Almeida
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import { useState, type FocusEvent, type PointerEvent } from "react";
|
|
|
|
/** Shared fine-pointer/keyboard disclosure behavior for task change-request summaries. */
|
|
export function useChangeRequestTaskTooltipState(onOpen?: () => void) {
|
|
const [hovered, setHovered] = useState(false);
|
|
const [focused, setFocused] = useState(false);
|
|
const [dismissed, setDismissed] = useState(false);
|
|
|
|
return {
|
|
open: !dismissed && (hovered || focused),
|
|
onPointerEnter(event: PointerEvent<HTMLSpanElement>) {
|
|
if (event.pointerType !== "mouse") return;
|
|
setHovered(true);
|
|
setDismissed(false);
|
|
onOpen?.();
|
|
},
|
|
onPointerLeave(event: PointerEvent<HTMLSpanElement>) {
|
|
if (event.pointerType !== "mouse") return;
|
|
setHovered(false);
|
|
if (!focused) setDismissed(false);
|
|
},
|
|
onFocus(event: FocusEvent<HTMLSpanElement>) {
|
|
if (!event.currentTarget.matches(":focus-visible")) return;
|
|
setFocused(true);
|
|
setDismissed(false);
|
|
onOpen?.();
|
|
},
|
|
onBlur() {
|
|
setFocused(false);
|
|
if (!hovered) setDismissed(false);
|
|
},
|
|
onEscapeKeyDown() {
|
|
setDismissed(true);
|
|
},
|
|
};
|
|
}
|