@ohos-ports/react-native-navigation 8.9.0-beta.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 Wix.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,37 @@
+[![SWUbanner](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner2-direct.svg)](https://vshymanskyy.github.io/StandWithUkraine)
+
+<h1 align="center">
+  <img src=".logo.png"/><br/>
+  React Native Navigation
+</h1>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/react-native-navigation"><img src="https://img.shields.io/npm/dw/react-native-navigation.svg?style=flat-square" alt="NPM downloads"></a>
+  <a href="https://www.npmjs.com/package/react-native-navigation"><img src="https://img.shields.io/npm/v/react-native-navigation/latest.svg?style=flat-square" alt="NPM latest version"></a>
+  <a href="https://www.npmjs.com/package/react-native-navigation"><img src="https://img.shields.io/npm/v/react-native-navigation/snapshot.svg?style=flat-square" alt="NPM snapshot version"></a>
+  <a href="https://jenkins-oss.wixpress.com/job/multi-react-native-navigation-master/"><img src="https://img.shields.io/jenkins/s/http/jenkins-oss.wixpress.com:8080/job/multi-react-native-navigation-master.svg?style=flat-square" alt="NPM snapshot version"></a>
+
+</p>
+<p align="center">
+  <a href="https://twitter.com/reactnativenav"><img src="https://img.shields.io/twitter/follow/reactnativenav.svg?style=flat-square&colorA=1da1f2&colorB=&label=Follow%20us%20on%20Twitter" alt="Follow on Twitter"></a>
+  <a href="https://discord.gg/DhkZjq2"><img src="https://img.shields.io/discord/242515947020222464.svg?color=%237289da&label=Chat%20on%20Discrd&style=flat-square" alt="Chat on Discord"></a>
+  <a href="https://stackoverflow.com/questions/tagged/wix-react-native-navigation"><img src="https://img.shields.io/stackexchange/stackoverflow/t/wix-react-native-navigation.svg?style=flat-square" alt="StackExchange"></a>
+</p>
+
+React Native Navigation provides 100% native platform navigation on both iOS and Android for React Native apps. The JavaScript API is simple and cross-platform - just install it in your app and give your users the native feel they deserve. Ready to get started? Check out the [docs](https://wix.github.io/react-native-navigation/).
+
+# Quick Links
+
+- [Documentation](https://wix.github.io/react-native-navigation/)
+- [Changelog](https://github.com/wix/react-native-navigation/blob/master/CHANGELOG.md)
+- [Stack Overflow](http://stackoverflow.com/questions/tagged/wix-react-native-navigation)
+- [Chat with us](https://discord.gg/DhkZjq2)
+- [Contributing](https://wix.github.io/react-native-navigation/docs/meta-contributing)
+
+# Requirements
+
+Apps using React Native Navigation may target iOS 11 and Android 5.0 (API 21). You may use Windows, macOS or Linux as your development operating system.
+
+# Installation
+
+As `react-native-navigation` is a native navigation library - integrating it into your app will require editing native files. Follow the installation guides in the [documentation](https://wix.github.io/react-native-navigation/).

package/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/statusbar/StatusBarPresenter.kt

@@ -0,0 +1,212 @@
+package com.reactnativenavigation.viewcontrollers.statusbar
+
+import android.animation.Animator
+import android.app.Activity
+import android.graphics.Color
+import android.view.View
+import android.view.Window
+import com.reactnativenavigation.RNNFeatureToggles.isEnabled
+import com.reactnativenavigation.RNNToggles
+import com.reactnativenavigation.options.Options
+import com.reactnativenavigation.options.StatusBarOptions
+import com.reactnativenavigation.options.StatusBarOptions.TextColorScheme
+import com.reactnativenavigation.options.params.Bool
+import com.reactnativenavigation.utils.ColorUtils.isColorLight
+import com.reactnativenavigation.utils.StubAnimationListener.Companion.onAnimatorEnd
+import com.reactnativenavigation.utils.SystemUiUtils.clearStatusBarTranslucency
+import com.reactnativenavigation.utils.SystemUiUtils.getStatusBarColor
+import com.reactnativenavigation.utils.SystemUiUtils.hideStatusBar
+import com.reactnativenavigation.utils.SystemUiUtils.isTranslucent
+import com.reactnativenavigation.utils.SystemUiUtils.setStatusBarColor
+import com.reactnativenavigation.utils.SystemUiUtils.setStatusBarColorScheme
+import com.reactnativenavigation.utils.SystemUiUtils.setStatusBarTranslucent
+import com.reactnativenavigation.utils.SystemUiUtils.showStatusBar
+import com.reactnativenavigation.viewcontrollers.viewcontroller.StatusBarColorAnimator
+import com.reactnativenavigation.viewcontrollers.viewcontroller.ViewController
+import java.lang.ref.WeakReference
+
+class StatusBarPresenter private constructor(
+        activity: Activity,
+        private val sbColorAnimator: StatusBarColorAnimator = StatusBarColorAnimator(activity)) {
+
+    private val window = WeakReference(activity.window)
+    private var hasPendingColorAnim = false
+
+    fun applyOptions(viewController: ViewController<*>, options: StatusBarOptions) {
+        if (!hasPendingColorAnim) {
+            setStatusBarBackgroundColor(options)
+            setTranslucent(options)
+        }
+        setTextColorScheme(options)
+        setStatusBarVisible(viewController, options.visible)
+    }
+
+    fun mergeOptions(view: View, statusBar: StatusBarOptions) {
+        mergeStatusBarBackgroundColor(statusBar)
+        mergeTextColorScheme(statusBar)
+        mergeTranslucent(statusBar)
+        mergeStatusBarVisible(view, statusBar.visible)
+    }
+
+    fun onConfigurationChanged(options: StatusBarOptions) {
+        setStatusBarBackgroundColor(options)
+        setTextColorScheme(options)
+    }
+
+    fun bindViewController(newOptions: StatusBarOptions) {
+        if (!isEnabled(RNNToggles.TOP_BAR_COLOR_ANIMATION__TABS)) {
+            return
+        }
+
+        if (newOptions.backgroundColor.canApplyValue()) {
+            val currentColor = getCurrentStatusBarBackgroundColor() ?: return
+            val newColor = getStatusBarBackgroundColor(newOptions)
+            createStatusBarColorAnimation(
+                from = currentColor,
+                to = newColor,
+                translucent = newOptions.translucent.isTrue,
+            ).start()
+        }
+    }
+
+    fun getStatusBarPushAnimation(appearingOptions: Options): Animator? =
+        if (isEnabled(RNNToggles.TOP_BAR_COLOR_ANIMATION__PUSH)) {
+            getStatusBarColorAnimation(appearingOptions.statusBar)
+        } else null
+
+    fun getStatusBarPopAnimation(appearingOptions: Options, disappearingOptions: Options): Animator? =
+        if (isEnabled(RNNToggles.TOP_BAR_COLOR_ANIMATION__PUSH)) {
+            getStatusBarColorAnimation(appearingOptions.statusBar)
+        } else null
+
+    private fun setStatusBarBackgroundColor(statusBar: StatusBarOptions) {
+        if (statusBar.backgroundColor.canApplyValue()) {
+            val statusBarBackgroundColor: Int = getStatusBarBackgroundColor(statusBar)
+            setStatusBarBackgroundColor(statusBarBackgroundColor, statusBar.translucent.isTrue)
+        }
+    }
+
+    private fun setStatusBarBackgroundColor(color: Int, translucent: Boolean) {
+        setStatusBarColor(window.get(), color, translucent)
+    }
+
+    private fun getStatusBarBackgroundColor(statusBar: StatusBarOptions): Int {
+        val defaultColor =
+            if (statusBar.visible.isTrueOrUndefined) Color.BLACK else Color.TRANSPARENT
+        return statusBar.backgroundColor.get(defaultColor)!!
+    }
+
+    private fun setTextColorScheme(statusBar: StatusBarOptions) {
+        val view = window.get()?.decorView
+        //View.post is a Workaround, added to solve internal Samsung
+        //Android 9 issues. For more info see https://github.com/wix/react-native-navigation/pull/7231
+        view?.post {
+            setStatusBarColorScheme(
+                window.get(),
+                view,
+                isDarkTextColorScheme(statusBar)
+            )
+        }
+    }
+
+    private fun setTranslucent(options: StatusBarOptions) {
+        val window = window.get()
+        if (options.translucent.isTrue) {
+            setStatusBarTranslucent(window)
+        } else if (isTranslucent(window)) {
+            clearStatusBarTranslucency(window)
+        }
+    }
+
+    private fun setStatusBarVisible(viewController: ViewController<*>, visible: Bool) {
+        val window = window.get() ?: return
+        val view = if (viewController.view != null) viewController.view else window.decorView
+        if (visible.isFalse) {
+            hideStatusBar(window, view)
+        } else {
+            showStatusBar(window, view)
+        }
+    }
+
+    private fun mergeStatusBarBackgroundColor(statusBar: StatusBarOptions) {
+        if (statusBar.backgroundColor.hasValue()) {
+            val statusBarBackgroundColor = getStatusBarBackgroundColor(statusBar)
+            setStatusBarColor(
+                window.get(), statusBarBackgroundColor,
+                statusBar.translucent.isTrue
+            )
+        }
+    }
+
+    private fun mergeTextColorScheme(statusBar: StatusBarOptions) {
+        if (!statusBar.textColorScheme.hasValue()) return
+        setTextColorScheme(statusBar)
+    }
+
+    private fun mergeTranslucent(options: StatusBarOptions) {
+        val window: Window = window.get() ?: return
+        if (options.translucent.isTrue) {
+            setStatusBarTranslucent(window)
+        } else if (options.translucent.isFalse && isTranslucent(window)) {
+            clearStatusBarTranslucency(window)
+        }
+    }
+
+    private fun mergeStatusBarVisible(view: View, visible: Bool) {
+        if (visible.hasValue()) {
+            if (visible.isTrue) {
+                showStatusBar(window.get(), view)
+            } else {
+                hideStatusBar(window.get(), view)
+            }
+        }
+    }
+
+    private fun isDarkTextColorScheme(statusBar: StatusBarOptions): Boolean {
+        if (statusBar.textColorScheme == TextColorScheme.Dark) {
+            return true
+        }
+
+        if (statusBar.textColorScheme == TextColorScheme.Light) {
+            return false
+        }
+        return isColorLight(getStatusBarBackgroundColor(statusBar))
+    }
+
+    private fun getStatusBarColorAnimation(statusBarOptions: StatusBarOptions): Animator? {
+        if (isEnabled(RNNToggles.TOP_BAR_COLOR_ANIMATION__TABS)) {
+            getCurrentStatusBarBackgroundColor()?.let { currentColor ->
+                val targetColor = statusBarOptions.backgroundColor
+
+                if (targetColor.hasValue()) {
+                    val translucent = statusBarOptions.translucent.isTrue
+                    return createStatusBarColorAnimation(
+                        from = currentColor,
+                        to = targetColor.get(),
+                        translucent = translucent,
+                    )
+                }
+            }
+        }
+        return null
+    }
+
+    private fun createStatusBarColorAnimation(from: Int, to: Int, translucent: Boolean): Animator =
+        sbColorAnimator.getAnimator(from, to, translucent).apply {
+            addListener(onAnimatorEnd {
+                hasPendingColorAnim = false
+            })
+            hasPendingColorAnim = true
+        }
+
+    private fun getCurrentStatusBarBackgroundColor() =
+        getStatusBarColor(window.get())
+
+    companion object {
+        lateinit var instance: StatusBarPresenter
+
+        fun init(activity: Activity) {
+            instance = StatusBarPresenter(activity)
+        }
+    }
+}

package/lib/module/ARCHITECTURE.md

@@ -0,0 +1,331 @@
+# 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

@@ -0,0 +1,33 @@
+"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

@@ -0,0 +1 @@
+{"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

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

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

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

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

@@ -0,0 +1,16 @@
+"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

@@ -0,0 +1 @@
+{"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":[]}