react-native-navigation 8.7.4 → 8.7.5-snapshot.2301

package/ios/TopBarAppearancePresenter.mm

@@ -19,8 +19,15 @@
     [self setBackgroundColor:[options.background.color withDefault:nil]];
     [self setScrollEdgeAppearanceColor:[options.scrollEdgeAppearance.background.color
                                            withDefault:nil]];
+    
     [self setTitleAttributes:options.title];
     [self setLargeTitleAttributes:options.largeTitle];
+    if (options.scrollEdgeAppearance.title.hasValue) {
+        [self setScrollEdgeTitleAttributes:options.scrollEdgeAppearance.title];
+    } else {
+        [self setScrollEdgeTitleAttributes:options.title];
+    }
+    
     [self setBorderColor:[options.borderColor withDefault:nil]];
     [self showBorder:![options.noBorder withDefault:NO]];
     [self setBackButtonOptions:options.backButton];
@@ -48,6 +55,12 @@
     if (options.scrollEdgeAppearance.noBorder.hasValue) {
         [self showScrollEdgeBorder:!options.scrollEdgeAppearance.noBorder.get];
     }
+
+    if (options.scrollEdgeAppearance.title.hasValue) {
+        [self setScrollEdgeTitleAttributes:defaultOptions.scrollEdgeAppearance.title];
+    } else if (options.title.hasValue && !defaultOptions.scrollEdgeAppearance.title.hasValue) {
+        [self setScrollEdgeTitleAttributes:defaultOptions.title];
+    }
 }
 
 - (void)setTranslucent:(BOOL)translucent {
@@ -155,6 +168,28 @@
     }
     
     self.getAppearance.titleTextAttributes = titleTextAttributes;
+}
+
+- (void)setScrollEdgeTitleAttributes:(RNNTitleOptions *)titleOptions {
+    NSString *fontFamily = [titleOptions.fontFamily withDefault:nil];
+    NSString *fontWeight = [titleOptions.fontWeight withDefault:nil];
+    NSNumber *fontSize = [titleOptions.fontSize withDefault:nil];
+    UIColor *fontColor = [titleOptions.color withDefault:nil];
+
+    NSDictionary *titleTextAttributes =
+        [RNNFontAttributesCreator createFromDictionary:self.getScrollEdgeAppearance.titleTextAttributes
+                                            fontFamily:fontFamily
+                                              fontSize:fontSize
+                                            fontWeight:fontWeight
+                                                 color:fontColor
+                                              centered:YES];
+
+    id attrib = titleTextAttributes[NSParagraphStyleAttributeName];
+    if ([attrib isKindOfClass:[NSMutableParagraphStyle class]]) {
+        ((NSMutableParagraphStyle *)titleTextAttributes[NSParagraphStyleAttributeName]).lineBreakMode =
+            NSLineBreakByTruncatingTail;
+    }
+
     self.getScrollEdgeAppearance.titleTextAttributes = titleTextAttributes;
 }
 

package/lib/module/ARCHITECTURE.md

@@ -0,0 +1,301 @@
+# 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
+└── 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 |
+
+## 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":[]}

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

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

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

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

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

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

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