UNPKG

one

Version:

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

104 lines (103 loc) • 4.59 kB
var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; 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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod)); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); var NavigationContainer_exports = {}; __export(NavigationContainer_exports, { NavigationContainer: () => NavigationContainer }); module.exports = __toCommonJS(NavigationContainer_exports); var import_core = require("@react-navigation/core"); var import_native = require("@react-navigation/native"); var React = __toESM(require("react"), 1); var import_localeDirection = require("./localeDirection.cjs"); var import_theme = require("./theme.cjs"); var import_useBackButton = require("./useBackButton.cjs"); var import_useDocumentTitle = require("./useDocumentTitle.cjs"); var import_useLinking = require("./useLinking.cjs"); var import_useThenable = require("./useThenable.cjs"); var import_jsx_runtime = require("react/jsx-runtime"); globalThis.REACT_NAVIGATION_DEVTOOLS ??= /* @__PURE__ */ new WeakMap(); function NavigationContainerInner({ direction = (0, import_localeDirection.getLocaleDirection)(), theme = import_theme.DefaultTheme, linking, fallback = null, documentTitle, onStateChange, ...rest }, ref) { const isLinkingEnabled = linking ? linking.enabled !== false : false; if (linking?.config) { (0, import_core.validatePathConfig)(linking.config); } const refContainer = React.useRef(null); (0, import_useBackButton.useBackButton)(refContainer); (0, import_useDocumentTitle.useDocumentTitle)(refContainer, documentTitle); const { getInitialState } = (0, import_useLinking.useLinking)(refContainer, { enabled: isLinkingEnabled, prefixes: [], ...linking }); const linkingContext = React.useMemo(() => ({ options: { ...linking, enabled: isLinkingEnabled, prefixes: linking?.prefixes ?? [], getStateFromPath: linking?.getStateFromPath ?? import_core.getStateFromPath, getPathFromState: linking?.getPathFromState ?? import_core.getPathFromState, getActionFromState: linking?.getActionFromState ?? import_core.getActionFromState } }), [linking, isLinkingEnabled]); React.useEffect(() => { if (refContainer.current) { const previous = REACT_NAVIGATION_DEVTOOLS.get(refContainer.current); const listeners = previous?.listeners ?? /* @__PURE__ */ new Set(); REACT_NAVIGATION_DEVTOOLS.set(refContainer.current, { get linking() { return linkingContext.options; }, get listeners() { return listeners; } }); } }); const [isResolved, initialState] = (0, import_useThenable.useThenable)(getInitialState); if (process.env.ONE_DEBUG_ROUTER) { console.info(`[one] \u{1F3E0} NavigationContainer isResolved=${isResolved} initialState=`, JSON.stringify(initialState, null, 2)); console.info(`[one] \u{1F3E0} NavigationContainer rest.initialState=`, rest.initialState); } React.useImperativeHandle(ref, () => refContainer.current); const isLinkingReady = rest.initialState != null || !isLinkingEnabled || isResolved; if (!isLinkingReady) { return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ThemeProvider, { value: theme, children: fallback }); } return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.LocaleDirContext.Provider, { value: direction, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.LinkingContext.Provider, { value: linkingContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.BaseNavigationContainer, { ...rest, theme, onStateChange, initialState: rest.initialState == null ? initialState : rest.initialState, ref: refContainer }) }) }); } const NavigationContainer = React.forwardRef(NavigationContainerInner);