@ohos-ports/react-native-navigation 8.9.0-beta.1 → 8.9.0-beta.11

package/lib/module/ARCHITECTURE.md

@@ -1,331 +0,0 @@
-# JavaScript/TypeScript Architecture
-
-The JavaScript layer provides the public API and orchestrates communication between React components and native navigation implementations.
-
-## Entry Point
-
-`index.ts` exports the `Navigation` singleton (a `NavigationDelegate` instance) along with re-exports from `Modal`, `EventsRegistry`, `Constants`, and all interfaces. Applications use `Navigation.*` for commands and `Navigation.events().*` for event subscriptions.
-
-## Module Structure
-
-```
-src/
-├── index.ts                 # Main entry point, exports Navigation singleton
-├── Navigation.ts            # NavigationRoot - core orchestrator
-├── NavigationDelegate.ts    # Public API facade
-├── adapters/                # Native bridge layer
-├── commands/                # Command processing
-├── components/              # React component management
-├── events/                  # Event system
-├── interfaces/              # TypeScript type definitions
-├── linking/                 # Deep-linking framework (URL → command)
-└── processors/              # Extensibility hooks
-```
-
-## Core Classes
-
-### NavigationDelegate (Public API)
-**File**: `NavigationDelegate.ts`
-
-Facade providing the public `Navigation` API. All methods proxy to `NavigationRoot`.
-
-```typescript
-// Usage
-import { Navigation } from 'react-native-navigation';
-Navigation.setRoot({ root: { stack: { children: [...] } } });
-```
-
-### NavigationRoot (Core Orchestrator)
-**File**: `Navigation.ts`
-
-Coordinates all subsystems. Constructed with dependencies:
-- `NativeCommandsSender` - sends commands to native
-- `NativeEventsReceiver` - receives events from native
-- `AppRegistryService` - manages React Native component registry
-
-Initializes and coordinates:
-- `Store` - component instance & props storage
-- `ComponentRegistry` - component registration
-- `LayoutTreeParser` - converts layouts to internal nodes
-- `LayoutTreeCrawler` - processes layout trees
-- `Commands` - command execution
-- `EventsRegistry` - event subscriptions
-- `OptionsProcessor` - option processing
-- `LayoutProcessor` - layout transformations
-
-## Adapters Layer
-
-Bridge between JavaScript and native/React Native APIs.
-
-| Adapter | Purpose |
-|---------|---------|
-| `NativeCommandsSender` | Wraps TurboModule for command dispatch |
-| `NativeEventsReceiver` | Wraps NativeEventEmitter for events |
-| `NativeRNNTurboModule` | TurboModule spec interface |
-| `NativeRNNTurboEventEmitter` | TurboModule event emitter spec |
-| `UniqueIdProvider` | Generates unique component/command IDs |
-| `ColorService` | Converts colors to native format |
-| `AssetResolver` | Resolves require() image assets (class: AssetService) |
-| `AppRegistryService` | Registers components with React Native |
-| `Constants` | Platform dimension constants |
-| `TouchablePreview` | 3D Touch / Haptic preview handling |
-
-## Commands Layer
-
-### Commands Class
-**File**: `commands/Commands.ts`
-
-Central command dispatcher. Each navigation command:
-1. Validates input
-2. Processes layout through pipeline
-3. Sends to native via adapter
-4. Returns promise with result
-
-### Processing Pipeline
-
-The pipeline executes in this exact order:
-
-```
-Input Layout (from API)
-       ↓
-1. OptionsCrawler.crawl()         # Extract static options from component classes
-       ↓
-2. LayoutProcessor.process()      # Apply registered layout processors
-       ↓
-3. LayoutTreeParser.parse()       # Convert to internal LayoutNode tree
-       ↓
-4. LayoutTreeCrawler.crawl()      # Process options, save props to Store
-       ↓
-5. OptionsProcessor (during crawl) # Resolve colors, assets, custom processors
-       ↓
-6. NativeCommandsSender           # Send to native module
-```
-
-### LayoutNode (Internal Tree)
-```typescript
-interface LayoutNode {
-  id: string;           // Unique identifier
-  type: LayoutType;     // Component|Stack|BottomTabs|etc
-  data: {
-    name?: string;      // Component name
-    options?: any;      // Processed options
-    passProps?: any;    // Component props (cleared before native)
-  };
-  children: LayoutNode[];
-}
-```
-
-### LayoutType Enum
-```typescript
-enum LayoutType {
-  Component = 'Component',
-  Stack = 'Stack',
-  BottomTabs = 'BottomTabs',
-  SideMenuRoot = 'SideMenuRoot',
-  SideMenuCenter = 'SideMenuCenter',
-  SideMenuLeft = 'SideMenuLeft',
-  SideMenuRight = 'SideMenuRight',
-  TopTabs = 'TopTabs',
-  ExternalComponent = 'ExternalComponent',
-  SplitView = 'SplitView',
-}
-```
-
-## Components Layer
-
-### ComponentRegistry
-**File**: `components/ComponentRegistry.ts`
-
-Manages React component registration and wrapping.
-
-```typescript
-Navigation.registerComponent('ScreenName', () => MyComponent);
-```
-
-### ComponentWrapper
-**File**: `components/ComponentWrapper.tsx`
-
-Higher-order component that:
-- Wraps original component with lifecycle management
-- Stores instance in `Store` for event dispatch
-- Injects `componentId` and `componentName` props
-
-### Store
-**File**: `components/Store.ts`
-
-Centralized storage for:
-- `componentsByName` - registered component providers
-- `componentsInstancesById` - mounted component instances
-- `propsById` - static props by component ID
-- `pendingPropsById` - props awaiting component mount
-- `wrappedComponents` - cached wrapped components
-- `lazyRegistratorFn` - function for lazy component registration
-
-## Events Layer
-
-### EventsRegistry
-**File**: `events/EventsRegistry.ts`
-
-Public API for event subscriptions:
-
-```typescript
-Navigation.events().registerComponentDidAppearListener(({ componentId }) => {});
-Navigation.events().registerCommandCompletedListener(({ commandId }) => {});
-```
-
-### ComponentEventsObserver
-**File**: `events/ComponentEventsObserver.ts`
-
-Dispatches events to component instance methods:
-- `componentWillAppear()`
-- `componentDidAppear()`
-- `componentDidDisappear()`
-- `navigationButtonPressed()`
-- `screenPopped()`
-
-### CommandsObserver
-**File**: `events/CommandsObserver.ts`
-
-Notifies listeners of command lifecycle (start, complete).
-
-## Events (Native → JS)
-
-| Event | Description |
-|-------|-------------|
-| `RNN.AppLaunched` | App initialization complete |
-| `RNN.ComponentWillAppear` | Component about to appear |
-| `RNN.ComponentDidAppear` | Component now visible |
-| `RNN.ComponentDidDisappear` | Component hidden |
-| `RNN.NavigationButtonPressed` | TopBar button tapped |
-| `RNN.BottomTabPressed` | Tab pressed (even if selected) |
-| `RNN.BottomTabSelected` | Tab selection changed |
-| `RNN.BottomTabLongPressed` | Tab long-pressed |
-| `RNN.ModalDismissed` | Modal was dismissed |
-| `RNN.ModalAttemptedToDismiss` | Swipe-to-dismiss attempted |
-| `RNN.ScreenPopped` | Screen removed from stack |
-| `RNN.SearchBarUpdated` | Search text changed |
-| `RNN.SearchBarCancelPressed` | Search cancelled |
-| `RNN.PreviewCompleted` | 3D Touch preview completed |
-| `RNN.CommandCompleted` | Navigation command finished |
-
-## Linking Layer
-
-Implements URL-to-screen routing on top of the standard command pipeline. The whole feature is JS-only; it consumes URLs from RN's `Linking` module and dispatches `showModal` (or a user-supplied command) when a match is found.
-
-**Public surface** (proxied through `NavigationDelegate`):
-- `Navigation.setLinking(config)` — configure prefixes, screen map, and customization hooks
-- `Navigation.handleDeepLink(url)` — manually feed a URL (push notifications, branch.io, App Clips)
-- `Navigation.setLinkingReady(ready)` — user-controlled gate for deferred deep links
-
-**Internal modules** (`src/linking/`):
-
-| File | Purpose |
-|------|---------|
-| `LinkingHandler.ts` | Orchestrator. Subscribes to `Linking.url`/`getInitialURL`, drives the queue, dispatches matches. Instantiated by `NavigationRoot`. |
-| `URLParser.ts` | Strips prefix (longest match), removes fragment, decodes path segments + query params. |
-| `RouteMatcher.ts` | Compiles `ScreensConfig` into a `RouteNode` tree; matches paths to screen chains with parameter extraction. |
-| `DeferredLinkQueue.ts` | FIFO queue. Holds URLs until both gates open (root-ready + user-ready). |
-| `ModalLayoutBuilder.ts` | Default presentation: wraps the matched chain in a `stack`, merges params into `passProps`, filters React-reserved keys (`ref`, `key`). |
-| `types.ts` | Public types: `LinkingConfig`, `RouteMatch`, `ScreensConfig`, etc. (re-exported via `src/index.ts`). |
-
-**Readiness gates** — a URL is dispatched only when both are true:
-1. **Root-ready** (automatic): the first `Navigation.setRoot()` has resolved. `NavigationRoot.setRoot` calls `linkingHandler.setRootReady()` after the promise resolves.
-2. **User-ready** (optional): `config.isReady()` returns `true`, or `setLinkingReady(true)` was called.
-
-**Resolution priority** when a match is found:
-1. `config.onLink(match)` — full escape hatch, RNN does nothing else
-2. `config.getModal(match)` — custom modal layout
-3. Default `ModalLayoutBuilder` output
-
-## Processors Layer
-
-### OptionProcessorsStore
-**File**: `processors/OptionProcessorsStore.ts`
-
-Registers custom option processors:
-
-```typescript
-Navigation.addOptionProcessor('topBar.title.text', (value, commandName) => {
-  return value.toUpperCase(); // Transform all titles
-});
-```
-
-### LayoutProcessorsStore
-**File**: `processors/LayoutProcessorsStore.ts`
-
-Registers layout transformers:
-
-```typescript
-Navigation.addLayoutProcessor((layout, commandName) => {
-  // Add default options to all components
-  return layout;
-});
-```
-
-## Interfaces
-
-### Layout Types
-**File**: `interfaces/Layout.ts`
-
-```typescript
-interface LayoutRoot {
-  root: Layout;
-  modals?: any[];
-  overlays?: any[];
-}
-
-type Layout = {
-  component?: LayoutComponent;
-  stack?: LayoutStack;
-  bottomTabs?: LayoutBottomTabs;
-  sideMenu?: LayoutSideMenu;
-  splitView?: LayoutSplitView;
-  topTabs?: LayoutTopTabs;
-  externalComponent?: ExternalComponent;
-}
-```
-
-### Options Interface
-**File**: `interfaces/Options.ts` (comprehensive)
-
-Contains all configuration options for:
-- Status bar, navigation bars
-- Top bar (buttons, title, search)
-- Bottom tabs
-- Side menus
-- Modals, overlays
-- Animations
-- Layout parameters
-
-### NavigationComponent
-**File**: `interfaces/NavigationComponent.ts`
-
-Base class for navigation-aware components:
-
-```typescript
-class MyScreen extends NavigationComponent<Props> {
-  static options: Options = { ... };
-
-  componentDidAppear(event) { }
-  navigationButtonPressed(event) { }
-}
-```
-
-## Dependencies
-
-**Production**:
-- `lodash` - utility functions
-- `hoist-non-react-statics` - HOC support
-- `react-lifecycles-compat` - lifecycle polyfill
-- `tslib` - TypeScript helpers
-
-**Peer**:
-- `react`, `react-native` (required)
-- `remx` (optional state management)
-
-## Build Output
-
-Uses `react-native-builder-bob`:
-- **Source**: `src/`
-- **Output**: `lib/`
-- **Targets**: ESM modules + TypeScript declarations

package/lib/module/Mock/Application.js

@@ -1,33 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import { View } from 'react-native';
-import { connect } from "./connect.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const Application = connect(class extends React.Component {
-  constructor(props) {
-    super(props);
-    props.entryPoint();
-  }
-  render() {
-    const {
-      LayoutComponent
-    } = require('./Components/LayoutComponent');
-    const {
-      LayoutStore
-    } = require('./Stores/LayoutStore');
-    const {
-      Modals
-    } = require('./Components/Modals');
-    const {
-      Overlays
-    } = require('./Components/Overlays');
-    return /*#__PURE__*/_jsxs(View, {
-      testID: 'Application',
-      children: [/*#__PURE__*/_jsx(LayoutComponent, {
-        layoutNode: LayoutStore.getLayout()
-      }), /*#__PURE__*/_jsx(Modals, {}), /*#__PURE__*/_jsx(Overlays, {})]
-    });
-  }
-});
-//# sourceMappingURL=Application.js.map

package/lib/module/Mock/Application.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","connect","jsx","_jsx","jsxs","_jsxs","Application","Component","constructor","props","entryPoint","render","LayoutComponent","require","LayoutStore","Modals","Overlays","testID","children","layoutNode","getLayout"],"sourceRoot":"../../../src","sources":["Mock/Application.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMpC,OAAO,MAAMC,WAAW,GAAGL,OAAO,CAChC,cAAcF,KAAK,CAACQ,SAAS,CAAmB;EAC9CC,WAAWA,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,CAAC;IACZA,KAAK,CAACC,UAAU,CAAC,CAAC;EACpB;EAEAC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC;IAAgB,CAAC,GAAGC,OAAO,CAAC,8BAA8B,CAAC;IACnE,MAAM;MAAEC;IAAY,CAAC,GAAGD,OAAO,CAAC,sBAAsB,CAAC;IACvD,MAAM;MAAEE;IAAO,CAAC,GAAGF,OAAO,CAAC,qBAAqB,CAAC;IACjD,MAAM;MAAEG;IAAS,CAAC,GAAGH,OAAO,CAAC,uBAAuB,CAAC;IACrD,oBACER,KAAA,CAACL,IAAI;MAACiB,MAAM,EAAE,aAAc;MAAAC,QAAA,gBAC1Bf,IAAA,CAACS,eAAe;QAACO,UAAU,EAAEL,WAAW,CAACM,SAAS,CAAC;MAAE,CAAE,CAAC,eACxDjB,IAAA,CAACY,MAAM,IAAE,CAAC,eACVZ,IAAA,CAACa,QAAQ,IAAE,CAAC;IAAA,CACR,CAAC;EAEX;AACF,CACF,CAAC","ignoreList":[]}

package/lib/module/Mock/ComponentProps.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export {};
-//# sourceMappingURL=ComponentProps.js.map

package/lib/module/Mock/ComponentProps.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["Mock/ComponentProps.tsx"],"mappings":"","ignoreList":[]}

package/lib/module/Mock/Components/BottomTabs.js

@@ -1,16 +0,0 @@
-"use strict";
-
-import React, { Component } from 'react';
-import { LayoutComponent } from "./LayoutComponent.js";
-import { connect } from "../connect.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const BottomTabs = connect(class extends Component {
-  render() {
-    return this.props.layoutNode.children.map(child => {
-      return /*#__PURE__*/_jsx(LayoutComponent, {
-        layoutNode: child
-      }, child.nodeId);
-    });
-  }
-});
-//# sourceMappingURL=BottomTabs.js.map

package/lib/module/Mock/Components/BottomTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Component","LayoutComponent","connect","jsx","_jsx","BottomTabs","render","props","layoutNode","children","map","child","nodeId"],"sourceRoot":"../../../../src","sources":["Mock/Components/BottomTabs.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,eAAe,QAAQ,sBAAmB;AAEnD,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,OAAO,MAAMC,UAAU,GAAGH,OAAO,CAC/B,cAAcF,SAAS,CAAiB;EACtCM,MAAMA,CAAA,EAAG;IACP,OAAO,IAAI,CAACC,KAAK,CAACC,UAAU,CAACC,QAAQ,CAACC,GAAG,CAAEC,KAAK,IAAK;MACnD,oBAAOP,IAAA,CAACH,eAAe;QAAoBO,UAAU,EAAEG;MAAM,GAAhCA,KAAK,CAACC,MAA4B,CAAC;IAClE,CAAC,CAAC;EACJ;AACF,CACF,CAAC","ignoreList":[]}

package/lib/module/Mock/Components/ComponentScreen.js

@@ -1,101 +0,0 @@
-"use strict";
-
-import React, { Component } from 'react';
-import { View, Text, TouchableOpacity, Image } from 'react-native';
-import { Navigation } from 'react-native-navigation';
-import { VISIBLE_SCREEN_TEST_ID } from "../constants.js";
-import { LayoutStore } from "../Stores/LayoutStore.js";
-import { connect } from "../connect.js";
-import { TopBar } from "./TopBar.js";
-import { events } from "../Stores/EventsStore.js";
-import _ from 'lodash';
-import { switchTabByIndex } from "../actions/layoutActions.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function isURISource(src) {
-  return !!src && typeof src === 'object' && 'uri' in src;
-}
-export const ComponentScreen = connect(class extends Component {
-  constructor(props) {
-    super(props);
-  }
-  componentDidMount() {
-    this.props.layoutNode.componentDidMount();
-  }
-  isVisible() {
-    const isVisible = LayoutStore.isVisibleLayout(this.props.layoutNode);
-    return isVisible;
-  }
-  renderTabBar() {
-    const bottomTabs = this.props.layoutNode.getBottomTabs();
-    if (!bottomTabs) return null;
-    const bottomTabsOptions = bottomTabs.resolveOptions().bottomTabs;
-    if (bottomTabsOptions?.visible === false) return null;
-    const buttons = bottomTabs.children.map((child, i) => {
-      const bottomTabOptions = child.resolveOptions().bottomTab;
-      const icon = bottomTabs.selectedIndex === i ? bottomTabOptions?.selectedIcon : bottomTabOptions?.icon;
-      const iconURI = isURISource(icon) ? icon.uri : undefined;
-      return /*#__PURE__*/_jsx(View, {
-        children: /*#__PURE__*/_jsx(TouchableOpacity, {
-          style: {
-            padding: 10
-          },
-          testID: bottomTabOptions?.testID,
-          onPress: () => {
-            events.invokeBottomTabPressed({
-              tabIndex: i
-            });
-            if (_.defaultTo(bottomTabOptions?.selectTabOnPress, true)) switchTabByIndex(this.props.layoutNode.getBottomTabs(), i);
-          },
-          children: /*#__PURE__*/_jsxs(View, {
-            style: {
-              justifyContent: 'center',
-              alignItems: 'center'
-            },
-            children: [/*#__PURE__*/_jsx(Text, {
-              children: bottomTabOptions?.badge
-            }), iconURI && /*#__PURE__*/_jsx(Image, {
-              style: {
-                width: 18,
-                height: 18,
-                marginBottom: 5
-              },
-              source: {
-                uri: iconURI
-              }
-            }), /*#__PURE__*/_jsx(Text, {
-              style: {
-                fontSize: 12
-              },
-              children: bottomTabOptions?.text || ''
-            })]
-          })
-        })
-      }, `tab-${i}`);
-    });
-    return /*#__PURE__*/_jsx(View, {
-      testID: bottomTabsOptions?.testID,
-      style: {
-        flexDirection: 'row',
-        justifyContent: 'center',
-        width: '100%',
-        backgroundColor: '#F0F2F5'
-      },
-      children: buttons
-    });
-  }
-  render() {
-    const Component = Navigation.mock.store.getWrappedComponent(this.props.layoutNode.data.name);
-    if (!Component) throw new Error(`${this.props.layoutNode.data.name} has not been registered.`);
-    return /*#__PURE__*/_jsxs(View, {
-      testID: this.isVisible() ? VISIBLE_SCREEN_TEST_ID : undefined,
-      children: [this.props.layoutNode.getStack() && /*#__PURE__*/_jsx(TopBar, {
-        layoutNode: this.props.layoutNode,
-        topBarOptions: this.props.layoutNode.resolveOptions().topBar,
-        backButtonOptions: this.props.layoutNode.resolveOptions().topBar?.backButton
-      }), /*#__PURE__*/_jsx(Component, {
-        componentId: this.props.layoutNode.nodeId
-      }), this.renderTabBar()]
-    });
-  }
-});
-//# sourceMappingURL=ComponentScreen.js.map

package/lib/module/Mock/Components/ComponentScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Component","View","Text","TouchableOpacity","Image","Navigation","VISIBLE_SCREEN_TEST_ID","LayoutStore","connect","TopBar","events","_","switchTabByIndex","jsx","_jsx","jsxs","_jsxs","isURISource","src","ComponentScreen","constructor","props","componentDidMount","layoutNode","isVisible","isVisibleLayout","renderTabBar","bottomTabs","getBottomTabs","bottomTabsOptions","resolveOptions","visible","buttons","children","map","child","i","bottomTabOptions","bottomTab","icon","selectedIndex","selectedIcon","iconURI","uri","undefined","style","padding","testID","onPress","invokeBottomTabPressed","tabIndex","defaultTo","selectTabOnPress","justifyContent","alignItems","badge","width","height","marginBottom","source","fontSize","text","flexDirection","backgroundColor","render","mock","store","getWrappedComponent","data","name","Error","getStack","topBarOptions","topBar","backButtonOptions","backButton","componentId","nodeId"],"sourceRoot":"../../../../src","sources":["Mock/Components/ComponentScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Mock/Components/LayoutComponent.js

@@ -1,50 +0,0 @@
-"use strict";
-
-import React, { Component } from 'react';
-import { View } from 'react-native';
-import { BottomTabs } from "./BottomTabs.js";
-import { ComponentScreen } from "./ComponentScreen.js";
-import { Stack } from "./Stack.js";
-import { SideMenuRoot, SideMenuCenter, SideMenuLeft, SideMenuRight } from "./SideMenu.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const LayoutComponent = class extends Component {
-  render() {
-    switch (this.props.layoutNode.type) {
-      case 'BottomTabs':
-        return /*#__PURE__*/_jsx(BottomTabs, {
-          layoutNode: this.props.layoutNode
-        });
-      case 'Stack':
-        return /*#__PURE__*/_jsx(Stack, {
-          layoutNode: this.props.layoutNode
-        });
-      case 'Component':
-        return /*#__PURE__*/_jsx(ComponentScreen, {
-          layoutNode: this.props.layoutNode
-        });
-      case 'SideMenuRoot':
-        return /*#__PURE__*/_jsx(SideMenuRoot, {
-          layoutNode: this.props.layoutNode
-        });
-      case 'SideMenuLeft':
-        return /*#__PURE__*/_jsx(SideMenuLeft, {
-          layoutNode: this.props.layoutNode
-        });
-      case 'SideMenuCenter':
-        return /*#__PURE__*/_jsx(SideMenuCenter, {
-          layoutNode: this.props.layoutNode
-        });
-      case 'SideMenuRight':
-        return /*#__PURE__*/_jsx(SideMenuRight, {
-          layoutNode: this.props.layoutNode
-        });
-    }
-    return /*#__PURE__*/_jsx(View, {});
-  }
-  componentDidCatch(error, errorInfo) {
-    const err = new Error(`Error while trying to render layout ${this.props.layoutNode.nodeId} of type ${this.props.layoutNode.type}: ${error}\n${errorInfo?.componentStack}`);
-    err.cause = error;
-    throw err;
-  }
-};
-//# sourceMappingURL=LayoutComponent.js.map

package/lib/module/Mock/Components/LayoutComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Component","View","BottomTabs","ComponentScreen","Stack","SideMenuRoot","SideMenuCenter","SideMenuLeft","SideMenuRight","jsx","_jsx","LayoutComponent","render","props","layoutNode","type","componentDidCatch","error","errorInfo","err","Error","nodeId","componentStack","cause"],"sourceRoot":"../../../../src","sources":["Mock/Components/LayoutComponent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,iBAAc;AAEzC,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,KAAK,QAAQ,YAAS;AAC/B,SAASC,YAAY,EAAEC,cAAc,EAAEC,YAAY,EAAEC,aAAa,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEvF,OAAO,MAAMC,eAAe,GAAG,cAAcX,SAAS,CAAiB;EACrEY,MAAMA,CAAA,EAAG;IACP,QAAQ,IAAI,CAACC,KAAK,CAACC,UAAU,CAACC,IAAI;MAChC,KAAK,YAAY;QACf,oBAAOL,IAAA,CAACR,UAAU;UAACY,UAAU,EAAE,IAAI,CAACD,KAAK,CAACC;QAAW,CAAE,CAAC;MAC1D,KAAK,OAAO;QACV,oBAAOJ,IAAA,CAACN,KAAK;UAACU,UAAU,EAAE,IAAI,CAACD,KAAK,CAACC;QAAW,CAAE,CAAC;MACrD,KAAK,WAAW;QACd,oBAAOJ,IAAA,CAACP,eAAe;UAACW,UAAU,EAAE,IAAI,CAACD,KAAK,CAACC;QAAW,CAAE,CAAC;MAC/D,KAAK,cAAc;QACjB,oBAAOJ,IAAA,CAACL,YAAY;UAACS,UAAU,EAAE,IAAI,CAACD,KAAK,CAACC;QAAW,CAAE,CAAC;MAC5D,KAAK,cAAc;QACjB,oBAAOJ,IAAA,CAACH,YAAY;UAACO,UAAU,EAAE,IAAI,CAACD,KAAK,CAACC;QAAW,CAAE,CAAC;MAC5D,KAAK,gBAAgB;QACnB,oBAAOJ,IAAA,CAACJ,cAAc;UAACQ,UAAU,EAAE,IAAI,CAACD,KAAK,CAACC;QAAW,CAAE,CAAC;MAC9D,KAAK,eAAe;QAClB,oBAAOJ,IAAA,CAACF,aAAa;UAACM,UAAU,EAAE,IAAI,CAACD,KAAK,CAACC;QAAW,CAAE,CAAC;IAC/D;IAEA,oBAAOJ,IAAA,CAACT,IAAI,IAAE,CAAC;EACjB;EACAe,iBAAiBA,CAACC,KAAY,EAAEC,SAA0B,EAAE;IAC1D,MAAMC,GAAG,GAAG,IAAIC,KAAK,CACnB,uCAAuC,IAAI,CAACP,KAAK,CAACC,UAAU,CAACO,MAAM,YAAY,IAAI,CAACR,KAAK,CAACC,UAAU,CAACC,IAAI,KAAKE,KAAK,KAAKC,SAAS,EAAEI,cAAc,EACnJ,CAAC;IACAH,GAAG,CAASI,KAAK,GAAGN,KAAK;IAC1B,MAAME,GAAG;EACX;AACF,CAAC","ignoreList":[]}

package/lib/module/Mock/Components/Modals.js

@@ -1,22 +0,0 @@
-"use strict";
-
-import React, { Component } from 'react';
-import { View } from 'react-native';
-import { LayoutComponent } from "./LayoutComponent.js";
-import { LayoutStore } from "../Stores/LayoutStore.js";
-import { connect } from "../connect.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Modals = connect(class extends Component {
-  render() {
-    const children = LayoutStore.getModals();
-    return /*#__PURE__*/_jsx(View, {
-      testID: 'MODALS',
-      children: children.map(child => {
-        return /*#__PURE__*/_jsx(LayoutComponent, {
-          layoutNode: child
-        }, child.nodeId);
-      })
-    });
-  }
-});
-//# sourceMappingURL=Modals.js.map

package/lib/module/Mock/Components/Modals.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Component","View","LayoutComponent","LayoutStore","connect","jsx","_jsx","Modals","render","children","getModals","testID","map","child","layoutNode","nodeId"],"sourceRoot":"../../../../src","sources":["Mock/Components/Modals.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,eAAe,QAAQ,sBAAmB;AAEnD,SAASC,WAAW,QAAQ,0BAAuB;AACnD,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,OAAO,MAAMC,MAAM,GAAGH,OAAO,CAC3B,cAAcJ,SAAS,CAAiB;EACtCQ,MAAMA,CAAA,EAAG;IACP,MAAMC,QAAQ,GAAGN,WAAW,CAACO,SAAS,CAAC,CAAC;IACxC,oBACEJ,IAAA,CAACL,IAAI;MAACU,MAAM,EAAE,QAAS;MAAAF,QAAA,EACpBA,QAAQ,CAACG,GAAG,CAAEC,KAAiB,IAAK;QACnC,oBAAOP,IAAA,CAACJ,eAAe;UAAoBY,UAAU,EAAED;QAAM,GAAhCA,KAAK,CAACE,MAA4B,CAAC;MAClE,CAAC;IAAC,CACE,CAAC;EAEX;AACF,CACF,CAAC","ignoreList":[]}

package/lib/module/Mock/Components/NavigationButton.js

@@ -1,72 +0,0 @@
-"use strict";
-
-import React, { Component } from 'react';
-import { Button, TouchableOpacity } from 'react-native';
-import { Navigation } from 'react-native-navigation';
-import { events } from "../Stores/EventsStore.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const NavigationButton = class extends Component {
-  ref = undefined;
-  render() {
-    const {
-      button,
-      componentId
-    } = this.props;
-    if (button.component) return this.renderButtonComponent();
-    return /*#__PURE__*/_jsx(Button, {
-      testID: button.testID,
-      title: button.text || '',
-      disabled: button.enabled === false,
-      onPress: () => button.enabled !== false && events.invokeNavigationButtonPressed({
-        buttonId: button.id,
-        componentId
-      })
-    }, button.id);
-  }
-  renderButtonComponent() {
-    const {
-      button,
-      componentId
-    } = this.props;
-    // @ts-ignore
-    const buttonComponentId = button.component.componentId;
-    // @ts-ignore
-    const ComponentClass = Navigation.mock.store.getComponentClassForName(button.component.name);
-    if (!ComponentClass) {
-      throw new Error(`Cannot find registered component for: ${button.component?.name}`);
-    }
-    const ButtonComponent = ComponentClass();
-    const props = Navigation.mock.store.getPropsForId(buttonComponentId);
-    return /*#__PURE__*/_jsx(TouchableOpacity, {
-      onPress: () => {
-        if (this.ref) {
-          this.invokeOnClick(
-          // @ts-ignore
-          (this.ref._reactInternalFiber || this.ref._reactInternals).return.stateNode);
-        }
-        events.invokeNavigationButtonPressed({
-          buttonId: button.id,
-          componentId: componentId
-        });
-      },
-      testID: button.testID,
-      children: /*#__PURE__*/_jsx(ButtonComponent, {
-        ...props,
-        componentId: buttonComponentId,
-        ref: ref => this.ref = ref
-      }, buttonComponentId)
-    });
-  }
-  invokeOnClick(stateNode) {
-    if (stateNode.children) {
-      // @ts-ignore
-      stateNode.children.forEach(instance => {
-        if (instance.internalInstanceHandle && instance.internalInstanceHandle.stateNode.props.onClick) {
-          instance.internalInstanceHandle.stateNode.props.onClick();
-        }
-        this.invokeOnClick(instance);
-      });
-    }
-  }
-};
-//# sourceMappingURL=NavigationButton.js.map