one/dist/cjs/router/web/WebStackNavigator.cjs

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

"use client";

var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
	for (var name in all) __defProp(target, name, {
		get: all[name],
		enumerable: true
	});
};
var __copyProps = (to, from, except, desc) => {
	if (from && typeof from === "object" || typeof from === "function") {
		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
			get: () => from[key],
			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
		});
	}
	return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var WebStackNavigator_exports = {};
__export(WebStackNavigator_exports, { createWebStackNavigator: () => createWebStackNavigator });
module.exports = __toCommonJS(WebStackNavigator_exports);
var import_core = require("@react-navigation/core");
var import_routers = require("@react-navigation/routers");
var import_react = require("react");
var import_stackStateUtils = require("./stackStateUtils.cjs");
var import_WebStackView = require("./WebStackView.cjs");
var import_jsx_runtime = require("react/jsx-runtime");
function WebStackNavigator({ initialRouteName, children, screenOptions, headlessChildren, ...rest }) {
	const { state, navigation, descriptors, render } = (0, import_core.useNavigationBuilder)(import_routers.StackRouter, {
		...rest,
		children,
		screenOptions,
		initialRouteName
	});
	(0, import_react.useEffect)(() => {
		if (!initialRouteName) return;
		if (!state.routeNames.includes(initialRouteName)) return;
		if ((0, import_stackStateUtils.findLastNonOverlayIndex)(state, descriptors) !== -1) return;
		const timer = setTimeout(() => {
			const current = navigation.getState();
			if ((0, import_stackStateUtils.findLastNonOverlayIndex)(current, descriptors) !== -1) return;
			navigation.dispatch({
				...import_routers.CommonActions.reset({
					stale: true,
					routes: [{
						name: initialRouteName,
						params: void 0
					}, ...current.routes.map(({ key, name, params, path }) => ({
						key,
						name,
						params,
						path
					}))],
					index: current.routes.length
				}),
				target: current.key
			});
		}, 0);
		return () => clearTimeout(timer);
	}, [
		initialRouteName,
		state,
		descriptors,
		navigation
	]);
	(0, import_react.useEffect)(() => {
		return navigation?.addListener?.("tabPress", (e) => {
			const isFocused = navigation.isFocused();
			requestAnimationFrame(() => {
				if (state.index > 0 && isFocused && !e.defaultPrevented) {
					navigation.dispatch({
						...import_routers.StackActions.popToTop(),
						target: state.key
					});
				}
			});
		});
	}, [
		navigation,
		state.index,
		state.key
	]);
	return render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_WebStackView.WebStackView, {
		state,
		navigation,
		descriptors,
		customChildren: headlessChildren
	}));
}
const createWebStackNavigator = (0, import_core.createNavigatorFactory)(WebStackNavigator);