expo-router
Version:
Expo Router is a file-based router for React Native and web applications.
60 lines • 2.01 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = useLinkToPathProps;
exports.shouldHandleMouseEvent = shouldHandleMouseEvent;
const react_native_1 = require("react-native");
const emitDomEvent_1 = require("../domComponents/emitDomEvent");
const getPathFromState_forks_1 = require("../fork/getPathFromState-forks");
const routing_1 = require("../global-state/routing");
const matchers_1 = require("../matchers");
const url_1 = require("../utils/url");
function eventShouldPreventDefault(e) {
if (e?.defaultPrevented) {
return false;
}
if (
// Only check MouseEvents
'button' in e &&
// ignore clicks with modifier keys
!e.metaKey &&
!e.altKey &&
!e.ctrlKey &&
!e.shiftKey &&
(e.button == null || e.button === 0) && // Only accept left clicks
[undefined, null, '', 'self'].includes(e.currentTarget.target) // let browser handle "target=_blank" etc.
) {
return true;
}
return false;
}
function useLinkToPathProps({ href, ...options }) {
const onPress = (event) => {
if (shouldHandleMouseEvent(event)) {
if ((0, emitDomEvent_1.emitDomLinkEvent)(href, options)) {
return;
}
(0, routing_1.linkTo)(href, options);
}
};
let strippedHref = (0, matchers_1.stripGroupSegmentsFromPath)(href) || '/';
// Append base url only if needed.
if (!(0, url_1.shouldLinkExternally)(strippedHref)) {
strippedHref = (0, getPathFromState_forks_1.appendBaseUrl)(strippedHref);
}
return {
href: strippedHref,
role: 'link',
onPress,
};
}
function shouldHandleMouseEvent(event) {
if (react_native_1.Platform.OS !== 'web') {
return !event?.defaultPrevented;
}
if (event && eventShouldPreventDefault(event)) {
event.preventDefault();
return true;
}
return false;
}
//# sourceMappingURL=useLinkToPathProps.js.map