tst

Following the discussion here: wix#6618.

## Android
- Colours are parsed natively.
- Creating custom colour when a PlatformColor is passed to native.
- Both light/dark values have the same res attribute resolved when `get` is called.

## IOS
- Added a custom colour.
- Changed storyboard splash screen.
- Using `labelColor` as a test.


CC: @yogevbd 
closes: wix#6618

Co-authored-by: Yogev Ben David <yogev132@gmail.com>

When testing the `registerModalAttemptedToDismissListener` event, I noticed that I had to set the `swipeToDismiss` flag to false. The docs currently falsely indicate it should be `true`

Modify flags for DecorView in the global main thread handler caused ui to freeze when calling `mergeOptions` inside useEffect.
This happens on Samsung devices with Android 9, that seems it has issues internally since it is not reproduce on emulator and other devices including Samsungs with new android versions.

The workaround was to set the flags in a task to run in the DecorView MessageQueue in order to ensure flags are set when the DecorView is ready internally to accept changes.

Co-authored-by: Yogev Ben David <yogev132@gmail.com>

* Add test cases for new issues

* handle pause/resume in modal stack

* Delete OverlayManager.java

* pass pause/resume to modals/overlayes

- overlays should always get the events since they are on top
- modals basically covers the whole view behind
- all other layers can handle events in this order

* Update OverlayManager.kt

* Update Navigator.java

* add tests for overCurrentContext mode

* add peekDisplayedOverCurrentContext

* call root when top modal is overCurrentContext

Co-authored-by: Guy Carmeli <guyca@users.noreply.github.com>

# Issue:

Each time `mergeOptions` is called, even with non `StatusBar` related options, the status bar state will change without taking defaults or static options into consideration.

# Fix

Check if options for `StatusBar` are present and then apply them on merge options. 


https://user-images.githubusercontent.com/7227793/131662099-09a91198-2033-4f50-a6f0-a29b70b5c5e5.mov


Closing: wix#7232.

…sed one (wix#7238)

Co-authored-by: Ward Abbass <warda@wix.com>

…#7240)

* Add support to change the search bar's cancel button text on iOS

* Replace incorrectly used test option

* Pop to root when tapping on active bottom tab

* Add missing imports

* Add stack type checking before popping to root

Currently, remx is an optional peer dependency that is required for our mock consumers only. But it is actually being imported from our main `index.ts` which break users who don't import it even though they are not using mocks.
The solution is to change the way users import our mocks and make it explicit. 

Mocks now should be imported from `react-native-navigation/Mock`.


Co-authored-by: Carl-Gerhard Lindesvärd <c.lindesvard@klarna.com>

* Support DynamicColorIOS

* Update OptionsProcessor.ts

Couldn't find a ready-to-use solution for a bottom sheet component that would work seamlessly with react-native-navigation, so decided to write my own - [React Native Navigation Bottom Sheet Extension](https://github.com/CursedWizard/react-native-navigation-bottom-sheet). Added it to community libraries in docs.

Also made the list of packages a little bit more organized.

Co-authored-by: Yogev Ben David <yogev132@gmail.com>

Fix a crash caused by wix#7194 on `[RNNEnterExitAnimation elementTransitions]`.
This is happening when trying to customize the modal animations.

```
EXCEPTION
NSInvalidArgumentException
MESSAGE
-[RNNEnterExitAnimation elementTransitions]: unrecognized selector sent to instance 0x29d8f8720
```

…ix#7253)

* Replace incorrect title bar react button view height measure spec

* Fix right button with component incorrect ID while measuring its size

* Add missing View import

* Update TitleBarReactButtonView.java

Co-authored-by: Ward Abbass <warda@wix.com>
Co-authored-by: Ward Abbass <swabbass@gmail.com>

Updated the example using `Navigation.mergeOptions` to open the side menu with the correct first argument.

Co-authored-by: Ward Abbass <warda@wix.com>

Following wix#7266 and especially [my comment there](wix#7266 (comment)), I'm opening this PR to provide a quick fix to people experiencing issues when building RNN using Xcode 13.

This should be considered a fix PR rather than a feature PR, as what it's doing is basically duplicating the already set `standardAppearance` to a `scrollEdgeAppearance`. What this means is that the bars will have the same visual aspect whether they're displayed alongside the edge of a scroll view.

In a future, more elaborate PR, we could imagine a way to be able to provide `scrollEdgeAppearance` values from JS for more control over the native bars.

Fixes wix#7266
Fixes wix#7268

Co-authored-by: Yogev Ben David <yogev132@gmail.com>

* Add callback as optional parameter to updateProps

* Add optional callback to NavigationDelegate

* Add tests to Store and ComponentWrapper

Co-authored-by: Ward Abbass <warda@wix.com>

https://github.com/HeshamMegid/HMSegmentedControl
is available as a Pod and many libraries and frameworks use it from there. Using them along with ReactNativeNavigation causes duplicate symbols error when building the app. I have updated the library to use the class from pod instead of the standalone files embedded within the library.

…Button (wix#7282)

* [Android] Prevent overwrite accessibilityLabel of BackButton wix#7221

* Prevent overwrite topBar.backButton.accessibilityLabel after setDefaultOptions on Android

* Add unit tests

Co-authored-by: Ward Abbass <warda@wix.com>

* run modals and test overlays temp

* tmp

* modal component return null when not visible

* temp

* tmp

* use react context instead of activity

* Update DeclaredLayoutHost.kt

* showing modal + dismiss changing visible

* tmpo

* add events

* make children collapsable (native managed)

* Squashed commit of the following:

commit 9a975b4
Author: wixmobile <mobile1@wix.com>
Date:   Tue Sep 14 05:26:23 2021 -0400

    Update package.json version to 7.21.0 [ci skip]

commit 0f61d3f
Author: Sergei Butko <svbutko@hotmail.com>
Date:   Tue Sep 14 06:18:01 2021 +0300

    Fix left and right top bar buttons with component crash on Android (wix#7253)

    * Replace incorrect title bar react button view height measure spec

    * Fix right button with component incorrect ID while measuring its size

    * Add missing View import

    * Update TitleBarReactButtonView.java

    Co-authored-by: Ward Abbass <warda@wix.com>
    Co-authored-by: Ward Abbass <swabbass@gmail.com>

commit 7351d0d
Author: Sergei Butko <svbutko@hotmail.com>
Date:   Mon Sep 13 23:08:31 2021 +0300

    Apply back button icon changes to scroll edge appearance (wix#7257)

commit 396879a
Author: wixmobile <mobile1@wix.com>
Date:   Sun Sep 5 07:14:47 2021 -0400

    Update package.json version to 7.20.0 [ci skip]

commit be858f8
Author: Yogev Ben David <yogev132@gmail.com>
Date:   Sun Sep 5 13:09:30 2021 +0300

    Fix [RNNEnterExitAnimation elementTransitions] crash (wix#7249)

    Fix a crash caused by wix#7194 on `[RNNEnterExitAnimation elementTransitions]`.
    This is happening when trying to customize the modal animations.

    ```
    EXCEPTION
    NSInvalidArgumentException
    MESSAGE
    -[RNNEnterExitAnimation elementTransitions]: unrecognized selector sent to instance 0x29d8f8720
    ```

commit 1cd25e6
Author: Yogev Ben David <yogev132@gmail.com>
Date:   Sun Sep 5 12:45:26 2021 +0300

    Fix color processing on iOS (wix#7250)

commit 8b4d033
Author: CursedWizard <67508707+CursedWizard@users.noreply.github.com>
Date:   Sun Sep 5 10:55:51 2021 +0200

    docs: updated community libraries. (wix#7245)

    Couldn't find a ready-to-use solution for a bottom sheet component that would work seamlessly with react-native-navigation, so decided to write my own - [React Native Navigation Bottom Sheet Extension](https://github.com/CursedWizard/react-native-navigation-bottom-sheet). Added it to community libraries in docs.

    Also made the list of packages a little bit more organized.

    Co-authored-by: Yogev Ben David <yogev132@gmail.com>

commit ba722f8
Author: Yogev Ben David <yogev132@gmail.com>
Date:   Sun Sep 5 09:47:14 2021 +0300

    Support DynamicColorIOS (wix#7248)

    * Support DynamicColorIOS

    * Update OptionsProcessor.ts

commit 67b5798
Author: Sergei Butko <svbutko@hotmail.com>
Date:   Fri Sep 3 14:14:17 2021 +0300

    Add popToRoot option to bottomTab on Android (wix#7244)

commit e19ff8c
Author: Yogev Ben David <yogev132@gmail.com>
Date:   Thu Sep 2 15:38:03 2021 +0300

    Fix remx optional dependency (wix#7241)

    Currently, remx is an optional peer dependency that is required for our mock consumers only. But it is actually being imported from our main `index.ts` which break users who don't import it even though they are not using mocks.
    The solution is to change the way users import our mocks and make it explicit.

    Mocks now should be imported from `react-native-navigation/Mock`.

    Co-authored-by: Carl-Gerhard Lindesvärd <c.lindesvard@klarna.com>

commit bb2b09e
Author: Sergei Butko <svbutko@hotmail.com>
Date:   Thu Sep 2 14:46:34 2021 +0300

    Pop to root when tapping on active bottom tab on Android (wix#7239)

    * Pop to root when tapping on active bottom tab

    * Add missing imports

    * Add stack type checking before popping to root

commit 74c09f4
Author: Sergei Butko <svbutko@hotmail.com>
Date:   Thu Sep 2 14:30:02 2021 +0300

    Add support to change the search bar's cancel button text on iOS (wix#7240)

    * Add support to change the search bar's cancel button text on iOS

    * Replace incorrectly used test option

commit 8831ccf
Author: Sergei Butko <svbutko@hotmail.com>
Date:   Thu Sep 2 13:53:18 2021 +0300

    Change bottom tabs height constants value calculation to the dimen-based one (wix#7238)

    Co-authored-by: Ward Abbass <warda@wix.com>

commit d48e3d5
Author: Ward Abbass <warda@wix.com>
Date:   Wed Sep 1 21:36:45 2021 +0300

    Changing StatusBar when unrelated mergeOptions Fix (wix#7237)

    # Issue:

    Each time `mergeOptions` is called, even with non `StatusBar` related options, the status bar state will change without taking defaults or static options into consideration.

    # Fix

    Check if options for `StatusBar` are present and then apply them on merge options.

    https://user-images.githubusercontent.com/7227793/131662099-09a91198-2033-4f50-a6f0-a29b70b5c5e5.mov

    Closing: wix#7232.

commit 537eb08
Author: Ward Abbass <warda@wix.com>
Date:   Wed Sep 1 14:34:56 2021 +0300

    Component Lifecycle events fix onPause/onResume (wix#7235)

    * Add test cases for new issues

    * handle pause/resume in modal stack

    * Delete OverlayManager.java

    * pass pause/resume to modals/overlayes

    - overlays should always get the events since they are on top
    - modals basically covers the whole view behind
    - all other layers can handle events in this order

    * Update OverlayManager.kt

    * Update Navigator.java

    * add tests for overCurrentContext mode

    * add peekDisplayedOverCurrentContext

    * call root when top modal is overCurrentContext

    Co-authored-by: Guy Carmeli <guyca@users.noreply.github.com>

commit 97dd091
Author: Ward Abbass <swabbass@gmail.com>
Date:   Wed Sep 1 12:38:13 2021 +0300

    add studio npm shortcut

commit 3d10758
Author: Ward Abbass <warda@wix.com>
Date:   Tue Aug 31 11:34:53 2021 +0300

    Status bar updates causes ui freeze on some devices (wix#7231)

    Modify flags for DecorView in the global main thread handler caused ui to freeze when calling `mergeOptions` inside useEffect.
    This happens on Samsung devices with Android 9, that seems it has issues internally since it is not reproduce on emulator and other devices including Samsungs with new android versions.

    The workaround was to set the flags in a task to run in the DecorView MessageQueue in order to ensure flags are set when the DecorView is ready internally to accept changes.

    Co-authored-by: Yogev Ben David <yogev132@gmail.com>

commit ec34501
Author: Yogev Ben David <yogev132@gmail.com>
Date:   Tue Aug 31 10:09:34 2021 +0300

    Avoid calling AppRegistry.registerComponent in mocked mode (wix#7234)

commit dfdb451
Author: VNDRN <60874935+VNDRN@users.noreply.github.com>
Date:   Sun Aug 29 15:55:21 2021 +0200

    Update api-events.mdx (wix#7224)

    When testing the `registerModalAttemptedToDismissListener` event, I noticed that I had to set the `swipeToDismiss` flag to false. The docs currently falsely indicate it should be `true`

commit 1db86ce
Author: Ward Abbass <warda@wix.com>
Date:   Sun Aug 29 16:01:27 2021 +0300

    PlatformColor Support (wix#7216)

    Following the discussion here: wix#6618.

    ## Android
    - Colours are parsed natively.
    - Creating custom colour when a PlatformColor is passed to native.
    - Both light/dark values have the same res attribute resolved when `get` is called.

    ## IOS
    - Added a custom colour.
    - Changed storyboard splash screen.
    - Using `labelColor` as a test.

    CC: @yogevbd
    closes: wix#6618

    Co-authored-by: Yogev Ben David <yogev132@gmail.com>

commit 0093684
Author: Yogev Ben David <yogev132@gmail.com>
Date:   Sun Aug 29 13:27:12 2021 +0300

    Move remx to optional peer dependencies (wix#7230)

commit e3e7812
Author: wixmobile <mobile1@wix.com>
Date:   Mon Aug 23 05:38:37 2021 -0400

    Update package.json version to 7.19.0 [ci skip]

* Rename and Refactor Declared to Modal

* Update NavigationReactInitializer.java

* Update ReactGateway.java

* Update NavigationReactInitializer.java

* Update NavigationReactInitializer.java

* Update CoordinatorLayoutUtils.java

* Update ModalStack.java

* Update ModalStack.java

* Update ModalStack.java

* Update Navigator.java

* Update TouchablePreview.tsx

* Update LayoutsScreen.tsx

* Update testIDs.ts

* Update TouchablePreview.tsx

* Update ModalScreen.tsx

* Update ModalScreen.tsx

* Update testIDs.ts

* add more e2e tests

* Update NavigationActivity.java

* fix tests

* Update build.gradle

* Squashed commit of the following:

commit 102b718
Author: Sergei Butko <svbutko@hotmail.com>
Date:   Thu Sep 30 12:59:05 2021 +0300

    Add callback as optional parameter to updateProps (wix#7277)

    * Add callback as optional parameter to updateProps

    * Add optional callback to NavigationDelegate

    * Add tests to Store and ComponentWrapper

    Co-authored-by: Ward Abbass <warda@wix.com>

commit 92bbcc1
Author: Jordan Becker <jordanbeckerfr@gmail.com>
Date:   Thu Sep 30 10:32:22 2021 +0200

    Fix iOS 15 bars appearance (wix#7270)

    Following wix#7266 and especially [my comment there](wix#7266 (comment)), I'm opening this PR to provide a quick fix to people experiencing issues when building RNN using Xcode 13.

    This should be considered a fix PR rather than a feature PR, as what it's doing is basically duplicating the already set `standardAppearance` to a `scrollEdgeAppearance`. What this means is that the bars will have the same visual aspect whether they're displayed alongside the edge of a scroll view.

    In a future, more elaborate PR, we could imagine a way to be able to provide `scrollEdgeAppearance` values from JS for more control over the native bars.

    Fixes wix#7266
    Fixes wix#7268

    Co-authored-by: Yogev Ben David <yogev132@gmail.com>

commit f87e1ca
Author: Sergei Butko <svbutko@hotmail.com>
Date:   Thu Sep 30 01:06:36 2021 +0300

    Remove default splash layout color on Android (wix#7276)

    Co-authored-by: Ward Abbass <warda@wix.com>

commit a207f62
Author: Tom Spencer <tom.spencer@studiozeffa.com>
Date:   Wed Sep 29 15:44:15 2021 +0100

    Fix sideMenu docs (wix#7275)

    Updated the example using `Navigation.mergeOptions` to open the side menu with the correct first argument.

* revert local changes

* remove unused event

When changing state of RNNModal to not visible the props got unbound to native and the dismiss event will not be received in JS, suggested to call dismiss block after calling setState in RequestDismiss.

* add missing props

* Update ModalViewManager.kt

* rename

* rename

* Update ModalLayoutController.kt

* Update NavigationModule.java

* update docs

…#7259)

Fixes the original error mentioned here: wix#7216 (comment)

Co-authored-by: Ward Abbass <warda@wix.com>

- Fixes wix#6411 
- Fixes the crash if `dotIndicator` is applied without `icon` in tab

<img width="502" alt="image" src="https://user-images.githubusercontent.com/14828004/135261158-eec0d640-9220-4e1c-bbd1-46939b7b54de.png">

)

Since SF Symbols are built in starting from iOS 13 it makes sense to use them as icons rather than creating PNGs which will increase app size.

<img width="502" alt="image" src="https://user-images.githubusercontent.com/14828004/134523928-2a5d19ff-a42a-445e-abf7-d4d64d222025.png">

<img width="502" alt="image" src="https://user-images.githubusercontent.com/14828004/134523961-24a521b1-bb69-43c6-9324-c91b64a4342c.png">


Co-authored-by: Yogev Ben David <yogev132@gmail.com>
Co-authored-by: Ward Abbass <warda@wix.com>

* Rename o to others to fix problems when calling this function with named arguments

* Suppress unused parameters of TopBarAnimator

* Suppress unchecked cast of PropertyAnimatorCreator

* Remove unused import from ReactImageBoundsAnimator

* Remove redundant SAM-constructor

* Remove unused imports

* Remove unused imports

* Remove unused constant

* Fix raw use of ViewController

* Fix raw use of ViewController

* Fix raw use of ViewController

* Fix raw use of ViewController, remove unused imports

* Remove unused import

* Fix raw use of ViewController

* Fix raw use of ViewController

* Fix raw use of ViewController

* Fix raw use of ViewController

* Remove unused import

* Fix raw ViewController use

* Fix raw ViewController use

* Fix raw ViewController use

* Fix raw ViewController use

* Fix raw ViewController use

* Fix raw ViewController use

* Fix raw ViewController use

* Fix raw ViewController use

* Remove wrong return type condition

* Remove unused import

* Remove unused import

* Remove unused import

* Remove redundant semicolon

* Fix raw ViewController use

* Fix raw ViewController use

* Fix raw ViewController use

* Fix raw ViewController use, remove unused imports

* Remove unused import

* Return TypeEvaluator

Co-authored-by: Ward Abbass <warda@wix.com>

Now it does not cause infinite measurements

* pass ReactContext instead of activity's navigator

It seems that ReactNative can call createViewManagers in a point that current activity is null, which can lean to null exception

* Use reactContext and navigator on demand

Since Navigator is bound to activity, which is the right thing to do since it's the UI component to do ui stuff not application, navigator will be determined on demand from the current activity checking for nulls and valid lifecycle state

* Update ModalViewManager.kt

* Update ModalViewManager.kt

Actual buttonId for hardware back button event is `RNN.hardwareBackButton`, not `RNN.hardwareBack` :-)

* Fix JS tests

* Fix tests

When passing undefined colors, we don't want to parse that as Null as it will reset the current visible colors.

Adds a "to" in the sentence.

This reverts commit ef60d31.

Co-authored-by: Ward Abbass <warda@wix.com>

![image](https://user-images.githubusercontent.com/14828004/137584651-49043bc7-4180-45d3-9917-f62352fbb7ad.png)

Fixes: wix#7301

Co-authored-by: Yogev Ben David <yogev132@gmail.com>

* Update LayoutStore.ts

* Update LayoutStore.ts

* Update LayoutStore.ts

Co-authored-by: Yogev Ben David <yogev132@gmail.com>

Based to this discussion: wix/Detox#2895 (comment)
This version should fix issues with iOS 15

Co-authored-by: Yogev Ben David <yogevbd@wix.com>
Co-authored-by: Yogev Ben David <yogev132@gmail.com>

Adding a simple demo that can be used to demonstrate Keyboard show/dismiss when showing/dismissing modal when clicking on submit

Co-authored-by: Yogev Ben David <yogev132@gmail.com>

…ix#7330)

# Issue:
When having `animateLeftButtons` or `animateRightButtons` enabled, calling `mergeOptions` frequently to update button state like enabled, colour and text etc, caused the menu animation to mess out the views inside the menu.

# Diagnoses:

- Calling `mergeOptions` inside `componentDidUpdate`, which can be called frequently without any options changes deducted from props like calling setState for example or changing a prop that does not have something to do the merge options call.
- Every `mergeOptions` with buttons in it, would remove and re-add buttons to the toolbars which caused the animation to run, even if the change was updating button colour or enabled state.

# Fix:

- Introduce a more efficient way to detect updates and update each button in case there are no structural changes.
- Structural changes can be: reordering, removing, adding buttons or changing buttons with the same `button.id` but a different component with no stable `componentId`.
- Other changes mentioned above will call update buttons in place with no remove and re-add and no animation.
- Refactor the code and enhance single responsibilities for each controller.
- Added more test cases for such flows.

Note:

Android built-in menu, has its limits in terms of updating and rearranging action views inside it, it would be possible if we built a custom menu with an overflow that can support, order changes, and in-place updates, and that is a long road to walk.


Co-authored-by: Yogev Ben David <yogev132@gmail.com>

…ned id (wix#7329)

* Destroy buttons along with the main react view

* Revert "Destroy buttons along with the main react view"

This reverts commit 27e604d.

* Add pending props

* Fix android button components cache

Co-authored-by: Ward Abbass <warda@wix.com>
Co-authored-by: Ward Abbass <swabbass@gmail.com>

Currently we manually dismiss all modals on `setRoot`, we should instead clear it from the modal manager so that those controllers will be automatically released by the reference count system.

# Issue:

When parsing options, `ReactInstanceManager.getCurrentContext()` might return null, which caused color parsing to throw null exception since it assumes that context is not null.

# Diagnose:

This can be the case when Activity was killed but the Application still alive (Don't keep activity for example), and since js is bound to the Application lifecycle, opening the activity triggers recreating context in bg, in the meantime calling a command that requires reactContext can cause such crashes to unwanted behaviours when react context is needed.
This happens internally and it looks like it is some flow where calling navigation command when react is not ready. 

# Fix:
 
Since the issue did not happen before, and the crash occurred in parsing options that are independent of `ReactContext`, we can use Activity or Application as the context for such a case.

* RN 65

React Native upgrade + babel unit tests running as expected

* RN66

- Normal unit tests working
- Upgrade to RN66.
- Move jest to jest config file.
- Use babel-test transformer to make unit tests working
- e2e tests that can run as unit wont work.

* disable running e2es as units

* use Hermes + Fix Reanimated

* update reanimated and use babel plugin

* Enable coverage

* Upgrade jest and babel to 27

* enable JS e2e add animatable to transform ignore

* use babel jest as transformer instead of the react native one

* update android to 30

* Fix overlay insets and use non deprecated methods

* Kotlin convert

* tmp status

* Update Detox to support iOS 15

* Fix e2e

* Revert "tmp status"

This reverts commit aff2b87.

* prevent ReactRootViews from having ids

* status bar utils static fields

* Squashed commit of the following:

commit 5959638
Author: Ward Abbass <warda@wix.com>
Date:   Wed Oct 27 13:04:00 2021 +0300

    Keyboard demo playground  (wix#7331)

    Adding a simple demo that can be used to demonstrate Keyboard show/dismiss when showing/dismissing modal when clicking on submit

    Co-authored-by: Yogev Ben David <yogev132@gmail.com>

* wait for stack/modal to be shown to send didAppear

this happens since RN 64

* Fix tests

* Ensure modal is not already presented

* use 0.66.2

Co-authored-by: svbutko <svbutko@hotmail.com>
Co-authored-by: Yogev Ben David <yogev132@gmail.com>

* Pass null font family into typeface loader if not set

ReactTypefaceUtils handles null font families to fall back to the default typeface

* Provide the default typeface when calling typeface loader

* Feed paint typeface as default typeface into typeface loader to support default fonts

* Support default font face via AHTextView in bottom tabs

* Move defaultTypeFace to typeFace loader

Co-authored-by: Ward Abbass <swabbass@gmail.com>

- Mock default typeface.
- fix buttons adding and removing tests.

Co-authored-by: Yogev Ben David <yogev132@gmail.com>

adding curly bracket leftButtons

* fix units tests

* prevent modifying overlays map while iterating

* fix units