one/dist/esm/ui/useTabTrigger.mjs

One is a React framework for web, iOS, and Android apps.

import { use, useCallback } from "react";
import { appendBaseUrl } from "../fork/getPathFromState-mods.mjs";
import { router } from "../router/imperative-api.mjs";
import { stripGroupSegmentsFromPath } from "../router/matchers.mjs";
import { useNavigatorContext } from "../views/Navigator.mjs";
import { TabTriggerMapContext } from "./TabContext.mjs";

function shouldHandleMouseEvent(event) {
	if (!event) return true;
	if ("button" in event) {
		return !event.metaKey && !event.altKey && !event.ctrlKey && !event.shiftKey && (event.button == null || event.button === 0) && [
			void 0,
			null,
			"",
			"self"
		].includes(event.currentTarget.target);
	}
	return true;
}
function useTabTrigger(options) {
	const { state, navigation } = useNavigatorContext();
	const { name, resetOnFocus, onPress, onLongPress } = options;
	const triggerMap = use(TabTriggerMapContext);
	const getTrigger = useCallback((name2) => {
		const config = triggerMap[name2];
		if (!config) return;
		return {
			isFocused: state.index === config.index,
			route: state.routes[config.index],
			resolvedHref: stripGroupSegmentsFromPath(appendBaseUrl(config.href)),
			...config
		};
	}, [triggerMap, state]);
	const trigger = name !== void 0 ? getTrigger(name) : void 0;
	const switchTab = useCallback((name2, options2) => {
		const config = triggerMap[name2];
		if (config) {
			if (config.type === "external") {
				return router.navigate(config.href);
			}
			return navigation?.dispatch({
				...config.action,
				type: "JUMP_TO",
				payload: {
					...config.action.payload,
					...options2
				}
			});
		}
		return navigation?.dispatch({
			type: "JUMP_TO",
			payload: { name: name2 }
		});
	}, [navigation, triggerMap]);
	const handleOnPress = useCallback((event) => {
		onPress?.(event);
		if (!trigger || event?.isDefaultPrevented()) return;
		navigation?.emit({
			type: "tabPress",
			target: trigger.type === "internal" ? trigger.route.key : trigger.href,
			canPreventDefault: true
		});
		if (!shouldHandleMouseEvent(event) || trigger.isFocused) return;
		switchTab(name, { resetOnFocus });
	}, [
		onPress,
		name,
		resetOnFocus,
		trigger,
		navigation,
		switchTab
	]);
	const handleOnLongPress = useCallback((event) => {
		onLongPress?.(event);
		if (!trigger || event?.isDefaultPrevented()) return;
		navigation?.emit({
			type: "tabLongPress",
			target: trigger.type === "internal" ? trigger.route.key : trigger.href
		});
		if (!shouldHandleMouseEvent(event)) return;
		switchTab(name, { resetOnFocus });
	}, [
		onLongPress,
		name,
		resetOnFocus,
		trigger,
		navigation,
		switchTab
	]);
	return {
		switchTab,
		getTrigger,
		trigger,
		triggerProps: {
			isFocused: Boolean(trigger?.isFocused),
			onPress: handleOnPress,
			onLongPress: handleOnLongPress
		}
	};
}

export { shouldHandleMouseEvent, useTabTrigger };
//# sourceMappingURL=useTabTrigger.mjs.map