function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } import { BaseNavigationContainer, getActionFromState, getPathFromState, getStateFromPath, validatePathConfig } from '@react-navigation/core'; import * as React from 'react'; import LinkingContext from './LinkingContext'; import DefaultTheme from './theming/DefaultTheme'; import ThemeProvider from './theming/ThemeProvider'; import useBackButton from './useBackButton'; import useDocumentTitle from './useDocumentTitle'; import useLinking from './useLinking'; import useThenable from './useThenable'; global.REACT_NAVIGATION_DEVTOOLS = new WeakMap(); /** * Container component which holds the navigation state designed for React Native apps. * This should be rendered at the root wrapping the whole app. * * @param props.initialState Initial state object for the navigation tree. When deep link handling is enabled, this will override deep links when specified. Make sure that you don't specify an `initialState` when there's a deep link (`Linking.getInitialURL()`). * @param props.onReady Callback which is called after the navigation tree mounts. * @param props.onStateChange Callback which is called with the latest navigation state when it changes. * @param props.theme Theme object for the navigators. * @param props.linking Options for deep linking. Deep link handling is enabled when this prop is provided, unless `linking.enabled` is `false`. * @param props.fallback Fallback component to render until we have finished getting initial state when linking is enabled. Defaults to `null`. * @param props.documentTitle Options to configure the document title on Web. Updating document title is handled by default unless `documentTitle.enabled` is `false`. * @param props.children Child elements to render the content. * @param props.ref Ref object which refers to the navigation object containing helper methods. */ function NavigationContainerInner(_ref, ref) { let { theme = DefaultTheme, linking, fallback = null, documentTitle, onReady, ...rest } = _ref; const isLinkingEnabled = linking ? linking.enabled !== false : false; if (linking !== null && linking !== void 0 && linking.config) { validatePathConfig(linking.config); } const refContainer = React.useRef(null); useBackButton(refContainer); useDocumentTitle(refContainer, documentTitle); const { getInitialState } = useLinking(refContainer, { independent: rest.independent, enabled: isLinkingEnabled, prefixes: [], ...linking }); // Add additional linking related info to the ref // This will be used by the devtools React.useEffect(() => { if (refContainer.current) { REACT_NAVIGATION_DEVTOOLS.set(refContainer.current, { get linking() { return { ...linking, enabled: isLinkingEnabled, prefixes: (linking === null || linking === void 0 ? void 0 : linking.prefixes) ?? [], getStateFromPath: (linking === null || linking === void 0 ? void 0 : linking.getStateFromPath) ?? getStateFromPath, getPathFromState: (linking === null || linking === void 0 ? void 0 : linking.getPathFromState) ?? getPathFromState, getActionFromState: (linking === null || linking === void 0 ? void 0 : linking.getActionFromState) ?? getActionFromState }; } }); } }); const [isResolved, initialState] = useThenable(getInitialState); React.useImperativeHandle(ref, () => refContainer.current); const linkingContext = React.useMemo(() => ({ options: linking }), [linking]); const isReady = rest.initialState != null || !isLinkingEnabled || isResolved; const onReadyRef = React.useRef(onReady); React.useEffect(() => { onReadyRef.current = onReady; }); React.useEffect(() => { if (isReady) { var _onReadyRef$current; (_onReadyRef$current = onReadyRef.current) === null || _onReadyRef$current === void 0 ? void 0 : _onReadyRef$current.call(onReadyRef); } }, [isReady]); if (!isReady) { // This is temporary until we have Suspense for data-fetching // Then the fallback will be handled by a parent `Suspense` component return fallback; } return /*#__PURE__*/React.createElement(LinkingContext.Provider, { value: linkingContext }, /*#__PURE__*/React.createElement(ThemeProvider, { value: theme }, /*#__PURE__*/React.createElement(BaseNavigationContainer, _extends({}, rest, { initialState: rest.initialState == null ? initialState : rest.initialState, ref: refContainer })))); } const NavigationContainer = /*#__PURE__*/React.forwardRef(NavigationContainerInner); export default NavigationContainer; //# sourceMappingURL=NavigationContainer.js.map