58f8093689
- Updated all component headers and documentation
- Changed navbar and footer branding
- Updated homepage hero badge
- Modified page title in index.html
- Simplified footer text to 'Built with ❤️'
- Consistent V2 capitalization across all references
36 lines
1.2 KiB
JavaScript
36 lines
1.2 KiB
JavaScript
'use client';
|
|
import { useEventListener } from './use-event-listener.mjs';
|
|
|
|
function isRefObject(val) {
|
|
return "current" in val;
|
|
}
|
|
const isDom = () => typeof window !== "undefined";
|
|
function getPlatform() {
|
|
const agent = navigator.userAgentData;
|
|
return agent?.platform ?? navigator.platform;
|
|
}
|
|
const vn = (v) => isDom() && v.test(navigator.vendor);
|
|
const pt = (v) => isDom() && v.test(getPlatform());
|
|
const isApple = () => pt(/mac|iphone|ipad|ipod/i);
|
|
const isSafari = () => isApple() && vn(/apple/i);
|
|
function useFocusOnPointerDown(props) {
|
|
const { ref, elements, enabled } = props;
|
|
const doc = () => ref.current?.ownerDocument ?? document;
|
|
useEventListener(doc, "pointerdown", (event) => {
|
|
if (!isSafari() || !enabled)
|
|
return;
|
|
const target = event.composedPath?.()?.[0] ?? event.target;
|
|
const els = elements ?? [ref];
|
|
const isValidTarget = els.some((elementOrRef) => {
|
|
const el = isRefObject(elementOrRef) ? elementOrRef.current : elementOrRef;
|
|
return el?.contains(target) || el === target;
|
|
});
|
|
if (doc().activeElement !== target && isValidTarget) {
|
|
event.preventDefault();
|
|
target.focus();
|
|
}
|
|
});
|
|
}
|
|
|
|
export { useFocusOnPointerDown };
|