one/dist/esm/headless/useStack.mjs

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

"use client";

import { createContext, createElement, useContext, useMemo } from "react";
import { getPathFromState } from "../fork/getPathFromState.mjs";
import { getResolvedLinking } from "../router/linkingConfig.mjs";

const StackContext = createContext(null);
function StackStateProvider({ state, descriptors, children }) {
	const linking = getResolvedLinking();
	const value = useMemo(() => {
		const screens = state.routes.map((route, index) => {
			const descriptor = descriptors[route.key];
			const options = descriptor.options;
			const href = (linking?.getPathFromState ?? getPathFromState)({
				...state,
				index
			}, linking?.config);
			return {
				key: route.key,
				name: route.name,
				params: route.params ?? {},
				href,
				isFocused: index === state.index,
				keepMounted: options.keepMounted === true,
				options,
				element: descriptor.render()
			};
		});
		return {
			screens,
			focused: screens[state.index]
		};
	}, [
		descriptors,
		linking,
		state
	]);
	return createElement(StackContext.Provider, { value }, children);
}
function useStack() {
	const value = useContext(StackContext);
	if (!value) {
		throw new Error("useStack() must be called inside a <Stack>. it is web-only: on native the stack is rendered by react-navigation.");
	}
	return value;
}

export { StackStateProvider, useStack };
//# sourceMappingURL=useStack.mjs.map