react-native-navigation 8.1.0-alpha01 → 8.1.0-rc01-snapshot.1685

package/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/viewcontroller/Presenter.java

@@ -1,9 +1,7 @@
 package com.reactnativenavigation.viewcontrollers.viewcontroller;
 
-import static com.reactnativenavigation.utils.StubAnimationListener.onAnimatorEnd;
+import static com.reactnativenavigation.utils.ColorUtils.isColorLight;
 
-import android.animation.Animator;
-import android.animation.ValueAnimator;
 import android.app.Activity;
 import android.graphics.Color;
 import android.graphics.drawable.ColorDrawable;
@@ -12,44 +10,24 @@ import android.graphics.drawable.LayerDrawable;
 import android.view.View;
 import android.view.ViewGroup;
 import android.view.ViewGroup.MarginLayoutParams;
-import android.view.Window;
 
-import androidx.annotation.NonNull;
-
-import com.reactnativenavigation.RNNFeatureToggles;
-import com.reactnativenavigation.RNNToggles;
-import com.reactnativenavigation.options.AnimationOptions;
 import com.reactnativenavigation.options.NavigationBarOptions;
 import com.reactnativenavigation.options.Options;
 import com.reactnativenavigation.options.OrientationOptions;
 import com.reactnativenavigation.options.StatusBarOptions;
-import com.reactnativenavigation.options.StatusBarOptions.TextColorScheme;
 import com.reactnativenavigation.options.layout.LayoutInsets;
-import com.reactnativenavigation.options.params.Bool;
-import com.reactnativenavigation.options.params.ThemeColour;
 import com.reactnativenavigation.utils.SystemUiUtils;
 import com.reactnativenavigation.viewcontrollers.navigator.Navigator;
 import com.reactnativenavigation.viewcontrollers.parent.ParentController;
-import com.reactnativenavigation.viewcontrollers.stack.statusbar.StatusBarPresenter;
-import com.reactnativenavigation.views.animations.ColorAnimator;
-
-import org.jetbrains.annotations.NotNull;
-import org.jetbrains.annotations.Nullable;
+import com.reactnativenavigation.viewcontrollers.statusbar.StatusBarPresenter;
 
-public class Presenter implements StatusBarPresenter {
+public class Presenter {
     private final Activity activity;
-    private final ColorAnimator colorAnimator;
 
     private Options defaultOptions;
-    private Boolean hasPendingColorAnim = false;
 
     public Presenter(Activity activity, Options defaultOptions) {
-        this(activity, defaultOptions, new ColorAnimator());
-    }
-
-    public Presenter(Activity activity, Options defaultOptions, ColorAnimator colorAnimator) {
         this.activity = activity;
-        this.colorAnimator = colorAnimator;
         this.defaultOptions = defaultOptions;
     }
 
@@ -77,13 +55,13 @@ public class Presenter implements StatusBarPresenter {
         Options withDefaultOptions = options.copy().withDefaultOptions(defaultOptions);
         applyOrientation(withDefaultOptions.layout.orientation);
         applyViewOptions(view, withDefaultOptions);
-        applyStatusBarOptions(view, withDefaultOptions);
+        applyStatusBarOptions(view, withDefaultOptions.statusBar);
         applyNavigationBarOptions(withDefaultOptions.navigationBar);
     }
 
     public void onViewBroughtToFront(ViewController<?> viewController, Options options) {
         Options withDefaultOptions = options.copy().withDefaultOptions(defaultOptions);
-        applyStatusBarOptions(viewController, withDefaultOptions);
+        applyStatusBarOptions(viewController, withDefaultOptions.statusBar);
     }
 
     private void applyOrientation(OrientationOptions options) {
@@ -126,152 +104,12 @@ public class Presenter implements StatusBarPresenter {
         }
     }
 
-    private void applyStatusBarOptions(ViewController viewController, Options options) {
-        StatusBarOptions statusBar = options.copy().withDefaultOptions(defaultOptions).statusBar;
-
-        if (!hasPendingColorAnim) {
-            setStatusBarBackgroundColor(statusBar);
-        }
-        setTextColorScheme(statusBar);
-        setTranslucent(statusBar);
-        setStatusBarVisible(viewController, statusBar.visible);
-    }
-
-    @Nullable
-    @Override
-    public Animator getStatusBarPushAnimation(@NotNull Options appearingOptions) {
-        StatusBarOptions statusBarOptions = appearingOptions.statusBar;
-        return getStatusBarColorAnimation(statusBarOptions);
-    }
-
-    @androidx.annotation.Nullable
-    @Override
-    public Animator getStatusBarPopAnimation(@NonNull Options appearingOptions, @NonNull Options disappearingOptions) {
-        StatusBarOptions statusBarOptions = appearingOptions.statusBar;
-        return getStatusBarColorAnimation(statusBarOptions);
-    }
-
-    private Animator getStatusBarColorAnimation(StatusBarOptions statusBarOptions) {
-        if (RNNFeatureToggles.isEnabled(RNNToggles.TOP_BAR_COLOR_ANIMATION)) {
-            ThemeColour targetColor = statusBarOptions.backgroundColor;
-
-            if (targetColor.hasValue()) {
-                boolean translucent = statusBarOptions.translucent.isTrue();
-                ValueAnimator animator = colorAnimator.getAnimation(
-                        getCurrentStatusBarBackgroundColor(),
-                        targetColor.get()
-                );
-
-                animator.addUpdateListener(animation ->
-                        setStatusBarBackgroundColor((int) animation.getAnimatedValue(), translucent));
-
-                animator.addListener(onAnimatorEnd(animation -> {
-                    hasPendingColorAnim = false;
-                    return null;
-                }));
-
-                hasPendingColorAnim = true;
-                return animator;
-            }
-        }
-        hasPendingColorAnim = false;
-        return null;
-    }
-
-    private void setTranslucent(StatusBarOptions options) {
-        Window window = activity.getWindow();
-        if (options.translucent.isTrue()) {
-            SystemUiUtils.setStatusBarTranslucent(window);
-        } else if (SystemUiUtils.isTranslucent(window)) {
-            SystemUiUtils.clearStatusBarTranslucency(window);
-        }
-    }
-
-    private void setStatusBarVisible(ViewController viewController, Bool visible) {
-        final View view = viewController.view != null ? viewController.view : activity.getWindow().getDecorView();
-        if (visible.isFalse()) {
-            SystemUiUtils.hideStatusBar(activity.getWindow(), view);
-        } else {
-            SystemUiUtils.showStatusBar(activity.getWindow(), view);
-        }
-    }
-
-    private void setStatusBarBackgroundColor(StatusBarOptions statusBar) {
-        if (statusBar.backgroundColor.canApplyValue()) {
-            final int statusBarBackgroundColor = getStatusBarBackgroundColor(statusBar);
-            setStatusBarBackgroundColor(statusBarBackgroundColor, statusBar.translucent.isTrue());
-        }
-    }
-
-    private void setStatusBarBackgroundColor(int color, Boolean translucent) {
-        SystemUiUtils.setStatusBarColor(activity.getWindow(), color, translucent);
-    }
-
-    private boolean isDarkTextColorScheme(StatusBarOptions statusBar) {
-        if (statusBar.textColorScheme == TextColorScheme.Dark) {
-            return true;
-        } else if (statusBar.textColorScheme == TextColorScheme.Light) {
-            return false;
-        }
-
-        return isColorLight(getStatusBarBackgroundColor(statusBar));
+    private void applyStatusBarOptions(ViewController viewController, StatusBarOptions options) {
+        StatusBarPresenter.instance.applyOptions(viewController, options);
     }
 
-    private int getStatusBarBackgroundColor(StatusBarOptions statusBar) {
-        int defaultColor = statusBar.visible.isTrueOrUndefined() ? Color.BLACK : Color.TRANSPARENT;
-        return statusBar.backgroundColor.get(defaultColor);
-    }
-
-    private int getCurrentStatusBarBackgroundColor() {
-        return SystemUiUtils.getStatusBarColor(activity.getWindow());
-    }
-
-    private void setTextColorScheme(StatusBarOptions statusBar) {
-        final View view = activity.getWindow().getDecorView();
-        //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(() -> {
-            SystemUiUtils.setStatusBarColorScheme(activity.getWindow(), view, isDarkTextColorScheme(statusBar));
-        });
-    }
-
-    private void mergeStatusBarOptions(View view, StatusBarOptions statusBar) {
-        mergeStatusBarBackgroundColor(statusBar);
-        mergeTextColorScheme(statusBar);
-        mergeTranslucent(statusBar);
-        mergeStatusBarVisible(view, statusBar.visible);
-    }
-
-    private void mergeStatusBarBackgroundColor(StatusBarOptions statusBar) {
-        if (statusBar.backgroundColor.hasValue()) {
-            final int statusBarBackgroundColor = getStatusBarBackgroundColor(statusBar);
-            SystemUiUtils.setStatusBarColor(activity.getWindow(), statusBarBackgroundColor,
-                    statusBar.translucent.isTrue());
-        }
-    }
-
-    private void mergeTextColorScheme(StatusBarOptions statusBar) {
-        if (!statusBar.textColorScheme.hasValue()) return;
-        setTextColorScheme(statusBar);
-    }
-
-    private void mergeTranslucent(StatusBarOptions options) {
-        Window window = activity.getWindow();
-        if (options.translucent.isTrue()) {
-            SystemUiUtils.setStatusBarTranslucent(window);
-        } else if (options.translucent.isFalse() && SystemUiUtils.isTranslucent(window)) {
-            SystemUiUtils.clearStatusBarTranslucency(window);
-        }
-    }
-
-    private void mergeStatusBarVisible(View view, Bool visible) {
-        if (visible.hasValue()) {
-            if (visible.isTrue()) {
-                SystemUiUtils.showStatusBar(activity.getWindow(), view);
-            } else {
-                SystemUiUtils.hideStatusBar(activity.getWindow(), view);
-            }
-        }
+    private void mergeStatusBarOptions(View view, StatusBarOptions statusBarOptions) {
+        StatusBarPresenter.instance.mergeOptions(view, statusBarOptions);
     }
 
     private void applyNavigationBarOptions(NavigationBarOptions options) {
@@ -309,16 +147,10 @@ public class Presenter implements StatusBarPresenter {
         }
     }
 
-    private boolean isColorLight(int color) {
-        double darkness = 1 - (0.299 * Color.red(color) + 0.587 * Color.green(color) + 0.114 * Color.blue(color)) / 255;
-        return darkness < 0.5;
-    }
-
     public void onConfigurationChanged(ViewController controller, Options options) {
         Options withDefault = options.withDefaultOptions(defaultOptions);
         setNavigationBarBackgroundColor(withDefault.navigationBar);
-        setStatusBarBackgroundColor(withDefault.statusBar);
-        setTextColorScheme(withDefault.statusBar);
+        StatusBarPresenter.instance.onConfigurationChanged(withDefault.statusBar);
         applyBackgroundColor(controller, withDefault);
     }
 }

package/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/viewcontroller/StatusBarColorAnimator.kt

@@ -0,0 +1,28 @@
+package com.reactnativenavigation.viewcontrollers.viewcontroller
+
+import android.animation.ValueAnimator
+import android.app.Activity
+import com.reactnativenavigation.utils.ColorUtils
+import com.reactnativenavigation.utils.SystemUiUtils
+import com.reactnativenavigation.views.animations.ColorAnimator
+import java.lang.ref.WeakReference
+
+private const val STATUS_BAR_TRANSLUCENCY_ALPHA = (SystemUiUtils.STATUS_BAR_HEIGHT_TRANSLUCENCY * 255).toInt()
+
+class StatusBarColorAnimator(val activity: Activity) {
+    private val colorAnimator = ColorAnimator()
+    private val window = WeakReference(activity.window)
+
+    fun getAnimator(from: Int, to: Int, isTranslucent: Boolean): ValueAnimator =
+        colorAnimator.getAnimation(
+            from = from,
+            to = embedTranslucency(to, isTranslucent)
+        ).apply {
+            addUpdateListener { animation ->
+                SystemUiUtils.setStatusBarColor(window.get(), animation.animatedValue as Int)
+            }
+        }
+
+    private fun embedTranslucency(color: Int, isTranslucent: Boolean): Int =
+        if (!isTranslucent) color else ColorUtils.setAlpha(color, STATUS_BAR_TRANSLUCENCY_ALPHA)
+}

package/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/viewcontroller/ViewController.java

@@ -3,6 +3,7 @@ package com.reactnativenavigation.viewcontrollers.viewcontroller;
 import static com.reactnativenavigation.utils.CollectionUtils.forEach;
 import static com.reactnativenavigation.utils.ObjectUtils.perform;
 
+import android.animation.Animator;
 import android.app.Activity;
 import android.content.res.Configuration;
 import android.view.View;
@@ -12,11 +13,11 @@ import android.view.ViewTreeObserver;
 
 import androidx.annotation.CallSuper;
 import androidx.annotation.CheckResult;
+import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import androidx.annotation.VisibleForTesting;
 import androidx.coordinatorlayout.widget.CoordinatorLayout;
 
-import com.reactnativenavigation.BuildConfig;
 import com.reactnativenavigation.options.Options;
 import com.reactnativenavigation.options.params.Bool;
 import com.reactnativenavigation.options.params.NullBool;
@@ -27,7 +28,6 @@ import com.reactnativenavigation.utils.UiThread;
 import com.reactnativenavigation.utils.UiUtils;
 import com.reactnativenavigation.viewcontrollers.parent.ParentController;
 import com.reactnativenavigation.viewcontrollers.stack.StackController;
-import com.reactnativenavigation.viewcontrollers.stack.statusbar.StatusBarController;
 import com.reactnativenavigation.viewcontrollers.viewcontroller.overlay.ViewControllerOverlay;
 import com.reactnativenavigation.views.BehaviourAdapter;
 import com.reactnativenavigation.views.component.Component;
@@ -92,10 +92,6 @@ public abstract class ViewController<T extends ViewGroup> implements ViewTreeObs
         options = initialOptions.copy();
     }
 
-    public StatusBarController getStatusBarController() {
-        return null;
-    }
-
     public void setWaitForRender(Bool waitForRender) {
         this.waitForRender = waitForRender;
     }
@@ -118,10 +114,34 @@ public abstract class ViewController<T extends ViewGroup> implements ViewTreeObs
 
     public abstract T createView();
 
+    public void onSelected(ViewController<?> previousVC) {
+        setVisible();
+    }
+
+    public void onDeselected() {
+        setInvisible();
+    }
+
+    public void setVisible() {
+        getView().setVisibility(View.VISIBLE);
+
+        onViewWillAppear();
+        onViewDidAppear();
+    }
+
+    public void setInvisible() {
+        getView().setVisibility(View.INVISIBLE);
+    }
+
     public void setViewVisibilityListener(ViewVisibilityListener viewVisibilityListener) {
         this.viewVisibilityListener = viewVisibilityListener;
     }
 
+    @NonNull
+    public ViewControllerVisibilityInfo getVisibilityInfo() {
+        return new ViewControllerVisibilityInfo(null);
+    }
+
     @VisibleForTesting(otherwise = VisibleForTesting.PACKAGE_PRIVATE)
     public void ensureViewIsCreated() {
         getView();
@@ -177,7 +197,6 @@ public abstract class ViewController<T extends ViewGroup> implements ViewTreeObs
     }
 
     public void setDefaultOptions(Options defaultOptions) {
-
     }
 
     public Activity getActivity() {
@@ -357,6 +376,14 @@ public abstract class ViewController<T extends ViewGroup> implements ViewTreeObs
 
     }
 
+    public Animator getPushAnimations(Options appearingOptions) {
+        return null;
+    }
+
+    public Animator getPopAnimations(Options appearingOptions, Options disappearingOptions) {
+        return null;
+    }
+
     protected void runOnPreDraw(Func1<T> task) {
         if (!isDestroyed) UiUtils.runOnPreDrawOnce(getView(), task);
     }

package/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/viewcontroller/ViewControllerVisibilityInfo.kt

@@ -0,0 +1,5 @@
+package com.reactnativenavigation.viewcontrollers.viewcontroller
+
+data class TopBarVisibilityInfo(val isShown: Boolean, val solidColor: Int?)
+
+data class ViewControllerVisibilityInfo(val topBarVisibilityInfo: TopBarVisibilityInfo?)

package/lib/android/build.gradle

@@ -2,20 +2,25 @@
 
 buildscript {
     ext {
-        RNNKotlinVersion = '1.4.31'
-        appCompatVersion = '1.6.0-alpha05'
+        kotlinVersion = "1.9.24"
+        RNNKotlinVersion = kotlinVersion
+        detoxKotlinVersion = kotlinVersion
+        compileSdkVersion = 35
+        buildToolsVersion = "35.0.0"
+        minSdkVersion = 24
+        targetSdkVersion = 34
+        ndkVersion = "26.1.10909125"
     }
 
     repositories {
-        mavenLocal()
-        mavenCentral()
         google()
-        jcenter()
+        mavenCentral()
     }
-    dependencies {
-        classpath 'com.android.tools.build:gradle:3.5.3'
-        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:1.4.31"
 
+    dependencies {
+        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion"
+        classpath("com.facebook.react:react-native-gradle-plugin")
+        classpath 'com.android.tools.build:gradle'
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files
     }
@@ -23,13 +28,20 @@ buildscript {
 
 allprojects {
     repositories {
-        mavenLocal()
-        mavenCentral()
-        google()
-        jcenter()
-        maven {
-            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
-            url "$rootDir/../../node_modules/react-native/android"
+        maven { url "$rootDir/../../node_modules/detox/Detox-android" }
+        maven { url 'https://oss.sonatype.org/content/repositories/snapshots' }
+        flatDir {
+            dirs "$rootProject.projectDir/libs"
+        }
+    }
+}
+
+subprojects {
+    afterEvaluate { p ->
+        if (p.hasProperty('android')) {
+            android {
+                buildToolsVersion rootProject.ext.buildToolsVersion
+            }
         }
     }
 }

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

@@ -23,7 +23,8 @@ exports.ComponentScreen = (0, connect_1.connect)(class extends react_1.Component
         this.props.layoutNode.componentDidMount();
     }
     isVisible() {
-        return LayoutStore_1.LayoutStore.isVisibleLayout(this.props.layoutNode);
+        const isVisible = LayoutStore_1.LayoutStore.isVisibleLayout(this.props.layoutNode);
+        return isVisible;
     }
     renderTabBar() {
         const bottomTabs = this.props.layoutNode.getBottomTabs();

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

@@ -7,6 +7,7 @@ const react_native_1 = require("react-native");
 const BottomTabs_1 = require("./BottomTabs");
 const ComponentScreen_1 = require("./ComponentScreen");
 const Stack_1 = require("./Stack");
+const SideMenu_1 = require("./SideMenu");
 const LayoutComponent = class extends react_1.Component {
     render() {
         switch (this.props.layoutNode.type) {
@@ -16,6 +17,14 @@ const LayoutComponent = class extends react_1.Component {
                 return react_1.default.createElement(Stack_1.Stack, { layoutNode: this.props.layoutNode });
             case 'Component':
                 return react_1.default.createElement(ComponentScreen_1.ComponentScreen, { layoutNode: this.props.layoutNode });
+            case 'SideMenuRoot':
+                return react_1.default.createElement(SideMenu_1.SideMenuRoot, { layoutNode: this.props.layoutNode });
+            case 'SideMenuLeft':
+                return react_1.default.createElement(SideMenu_1.SideMenuLeft, { layoutNode: this.props.layoutNode });
+            case 'SideMenuCenter':
+                return react_1.default.createElement(SideMenu_1.SideMenuCenter, { layoutNode: this.props.layoutNode });
+            case 'SideMenuRight':
+                return react_1.default.createElement(SideMenu_1.SideMenuRight, { layoutNode: this.props.layoutNode });
         }
         return react_1.default.createElement(react_native_1.View, null);
     }

package/lib/dist/Mock/Components/SideMenu.d.ts

@@ -0,0 +1,58 @@
+import React, { Component } from 'react';
+import { ComponentProps } from '../ComponentProps';
+export declare const SideMenuRoot: {
+    new (props: ComponentProps): {
+        render(): React.JSX.Element[];
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<ComponentProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<ComponentProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<ComponentProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<ComponentProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ComponentProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: ComponentProps, context: any): {
+        render(): React.JSX.Element[];
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<ComponentProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<ComponentProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<ComponentProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<ComponentProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<ComponentProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ComponentProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<ComponentProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+declare class SideMenuComponent extends Component<ComponentProps> {
+    render(): React.JSX.Element;
+}
+export declare const SideMenuLeft: typeof SideMenuComponent;
+export declare const SideMenuCenter: typeof SideMenuComponent;
+export declare const SideMenuRight: typeof SideMenuComponent;
+export {};

package/lib/dist/Mock/Components/SideMenu.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideMenuRight = exports.SideMenuCenter = exports.SideMenuLeft = exports.SideMenuRoot = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const connect_1 = require("../connect");
+const LayoutComponent_1 = require("./LayoutComponent");
+exports.SideMenuRoot = (0, connect_1.connect)(class extends react_1.Component {
+    render() {
+        const children = this.props.layoutNode.children;
+        return children.map((child) => {
+            return react_1.default.createElement(LayoutComponent_1.LayoutComponent, { key: child.nodeId, layoutNode: child });
+        });
+    }
+});
+class SideMenuComponent extends react_1.Component {
+    render() {
+        const children = this.props.layoutNode.children;
+        const component = children[0];
+        return react_1.default.createElement(LayoutComponent_1.LayoutComponent, { key: component.nodeId, layoutNode: component });
+    }
+}
+exports.SideMenuLeft = (0, connect_1.connect)(SideMenuComponent);
+exports.SideMenuCenter = (0, connect_1.connect)(SideMenuComponent);
+exports.SideMenuRight = (0, connect_1.connect)(SideMenuComponent);

package/lib/dist/Mock/Layouts/BottomTabsNode.d.ts

@@ -3,6 +3,6 @@ import ParentNode from './ParentNode';
 export default class BottomTabsNode extends ParentNode {
     selectedIndex: number;
     constructor(layout: any, parentNode?: ParentNode);
-    mergeOptions(options: Options): void;
+    mergeOptions(_options: Options): void;
     getVisibleLayout(): import("./ComponentNode").default;
 }

package/lib/dist/Mock/Layouts/BottomTabsNode.js

@@ -10,8 +10,9 @@ class BottomTabsNode extends ParentNode_1.default {
         super(layout, 'BottomTabs', parentNode);
         this.selectedIndex = layout.data?.options?.bottomTabs?.currentTabIndex || 0;
     }
-    mergeOptions(options) {
-        super.mergeOptions(options);
+    mergeOptions(_options) {
+        super.mergeOptions(_options);
+        const { options } = this.data;
         if (options.bottomTabs?.currentTabIndex) {
             this.selectedIndex = options.bottomTabs?.currentTabIndex;
             (0, layoutActions_1.switchTabByIndex)(this, this.selectedIndex);

package/lib/dist/Mock/Layouts/LayoutNodeFactory.d.ts

@@ -2,6 +2,7 @@ import BottomTabs from './BottomTabsNode';
 import ComponentNode from './ComponentNode';
 import Stack from './StackNode';
 import ParentNode from './ParentNode';
+import SideMenuRootNode, { SideMenuLeftNode, SideMenuRightNode, SideMenuCenterNode } from './SideMenu';
 export default class LayoutNodeFactory {
-    static create(layout: any, parentNode?: ParentNode): Stack | BottomTabs | ComponentNode;
+    static create(layout: any, parentNode?: ParentNode): ComponentNode | SideMenuRootNode | SideMenuLeftNode | SideMenuRightNode | SideMenuCenterNode | Stack | BottomTabs;
 }

package/lib/dist/Mock/Layouts/LayoutNodeFactory.js

@@ -4,6 +4,7 @@ const tslib_1 = require("tslib");
 const BottomTabsNode_1 = tslib_1.__importDefault(require("./BottomTabsNode"));
 const ComponentNode_1 = tslib_1.__importDefault(require("./ComponentNode"));
 const StackNode_1 = tslib_1.__importDefault(require("./StackNode"));
+const SideMenu_1 = tslib_1.__importStar(require("./SideMenu"));
 class LayoutNodeFactory {
     static create(layout, parentNode) {
         switch (layout.type) {
@@ -11,7 +12,15 @@ class LayoutNodeFactory {
                 return new ComponentNode_1.default(layout, parentNode);
             case 'Stack':
                 return new StackNode_1.default(layout, parentNode);
-            default:
+            case 'SideMenuRoot':
+                return new SideMenu_1.default(layout, parentNode);
+            case 'SideMenuLeft':
+                return new SideMenu_1.SideMenuLeftNode(layout, parentNode);
+            case 'SideMenuCenter':
+                return new SideMenu_1.SideMenuCenterNode(layout, parentNode);
+            case 'SideMenuRight':
+                return new SideMenu_1.SideMenuRightNode(layout, parentNode);
+            default: // TODO Undo
             case 'BottomTabs':
                 return new BottomTabsNode_1.default(layout, parentNode);
         }

package/lib/dist/Mock/Layouts/ParentNode.d.ts

@@ -10,6 +10,7 @@ export default class ParentNode extends Node {
     componentDidDisappear(): void;
     getVisibleLayout(): ComponentNode;
     getTopParent(): Node;
+    applyOptions(_options: Options): void;
     mergeOptions(options: Options): void;
     buttonsChanged(_oldButtons: OptionsTopBarButton[], _newButtons: OptionsTopBarButton[]): void;
     titleChanged(_oldComponent: any, _newComponent: any): void;

package/lib/dist/Mock/Layouts/ParentNode.js

@@ -26,6 +26,9 @@ class ParentNode extends Node_1.default {
             return this.parentNode.getTopParent();
         return this;
     }
+    applyOptions(_options) {
+        this.parentNode?.applyOptions(_options);
+    }
     mergeOptions(options) {
         this.data.options = lodash_1.default.mergeWith(this.data.options, options, (objValue, srcValue, key) => {
             if (lodash_1.default.isArray(objValue)) {

package/lib/dist/Mock/Layouts/SideMenu.d.ts

@@ -0,0 +1,31 @@
+import ParentNode from './ParentNode';
+import ComponentNode from './ComponentNode';
+import { Options } from '../../src/index';
+import { NodeType } from './Node';
+export default class SideMenuRootNode extends ParentNode {
+    visibleChild: ParentNode;
+    constructor(layout: any, parentNode?: ParentNode);
+    applyOptions(_options: Options): void;
+    mergeOptions(options: Options): void;
+    /**
+     * @override
+     */
+    getVisibleLayout(): ComponentNode;
+    _updateVisibility(options: Options): void;
+    _getCenterChild: () => ParentNode;
+    _getLeftChild: () => ParentNode;
+    _getRightChild: () => ParentNode;
+}
+export declare class SideMenuNode extends ParentNode {
+    constructor(layout: any, type: NodeType, parentNode?: ParentNode);
+    getVisibleLayout(): ComponentNode;
+}
+export declare class SideMenuLeftNode extends SideMenuNode {
+    constructor(layout: any, parentNode?: ParentNode);
+}
+export declare class SideMenuRightNode extends SideMenuNode {
+    constructor(layout: any, parentNode?: ParentNode);
+}
+export declare class SideMenuCenterNode extends SideMenuNode {
+    constructor(layout: any, parentNode?: ParentNode);
+}