react-native-navigation 7.23.1 → 7.24.0

package/lib/dist/{commands → src/commands}/Commands.js

@@ -2,11 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Commands = void 0;
 const tslib_1 = require("tslib");
-const cloneDeepWith_1 = tslib_1.__importDefault(require("lodash/cloneDeepWith"));
-const cloneDeep_1 = tslib_1.__importDefault(require("lodash/cloneDeep"));
-const map_1 = tslib_1.__importDefault(require("lodash/map"));
+const cloneDeepWith_1 = (0, tslib_1.__importDefault)(require("lodash/cloneDeepWith"));
+const cloneDeep_1 = (0, tslib_1.__importDefault)(require("lodash/cloneDeep"));
+const map_1 = (0, tslib_1.__importDefault)(require("lodash/map"));
 const CommandName_1 = require("../interfaces/CommandName");
 class Commands {
+    store;
+    nativeCommandsSender;
+    layoutTreeParser;
+    layoutTreeCrawler;
+    commandsObserver;
+    uniqueIdProvider;
+    optionsProcessor;
+    layoutProcessor;
+    optionsCrawler;
     constructor(store, nativeCommandsSender, layoutTreeParser, layoutTreeCrawler, commandsObserver, uniqueIdProvider, optionsProcessor, layoutProcessor, optionsCrawler) {
         this.store = store;
         this.nativeCommandsSender = nativeCommandsSender;
@@ -23,12 +32,12 @@ class Commands {
         this.optionsCrawler.crawl(input.root);
         const processedRoot = this.layoutProcessor.process(input.root, CommandName_1.CommandName.SetRoot);
         const root = this.layoutTreeParser.parse(processedRoot);
-        const modals = map_1.default(input.modals, (modal) => {
+        const modals = (0, map_1.default)(input.modals, (modal) => {
             this.optionsCrawler.crawl(modal);
             const processedModal = this.layoutProcessor.process(modal, CommandName_1.CommandName.SetRoot);
             return this.layoutTreeParser.parse(processedModal);
         });
-        const overlays = map_1.default(input.overlays, (overlay) => {
+        const overlays = (0, map_1.default)(input.overlays, (overlay) => {
             this.optionsCrawler.crawl(overlay);
             const processedOverlay = this.layoutProcessor.process(overlay, CommandName_1.CommandName.SetRoot);
             return this.layoutTreeParser.parse(processedOverlay);
@@ -49,14 +58,14 @@ class Commands {
         return result;
     }
     setDefaultOptions(options) {
-        const input = cloneDeep_1.default(options);
+        const input = (0, cloneDeep_1.default)(options);
         this.optionsProcessor.processDefaultOptions(input, CommandName_1.CommandName.SetDefaultOptions);
         this.nativeCommandsSender.setDefaultOptions(input);
         this.commandsObserver.notify(CommandName_1.CommandName.SetDefaultOptions, { options });
     }
     mergeOptions(componentId, options) {
-        const input = cloneDeep_1.default(options);
-        this.optionsProcessor.processOptions(input, CommandName_1.CommandName.MergeOptions);
+        const input = (0, cloneDeep_1.default)(options);
+        this.optionsProcessor.processOptions(CommandName_1.CommandName.MergeOptions, input);
         const component = this.store.getComponentInstance(componentId);
         if (component && !component.isMounted)
             console.warn(`Navigation.mergeOptions was invoked on component with id: ${componentId} before it is mounted, this can cause UI issues and should be avoided.\n Use static options instead.`);
@@ -80,6 +89,7 @@ class Commands {
     }
     dismissModal(componentId, mergeOptions) {
         const commandId = this.uniqueIdProvider.generate(CommandName_1.CommandName.DismissModal);
+        this.optionsProcessor.processOptions(CommandName_1.CommandName.DismissModal, mergeOptions);
         const result = this.nativeCommandsSender.dismissModal(commandId, componentId, mergeOptions);
         this.commandsObserver.notify(CommandName_1.CommandName.DismissModal, {
             commandId,
@@ -90,6 +100,7 @@ class Commands {
     }
     dismissAllModals(mergeOptions) {
         const commandId = this.uniqueIdProvider.generate(CommandName_1.CommandName.DismissAllModals);
+        this.optionsProcessor.processOptions(CommandName_1.CommandName.DismissAllModals, mergeOptions);
         const result = this.nativeCommandsSender.dismissAllModals(commandId, mergeOptions);
         this.commandsObserver.notify(CommandName_1.CommandName.DismissAllModals, { commandId, mergeOptions });
         return result;
@@ -107,24 +118,27 @@ class Commands {
     }
     pop(componentId, mergeOptions) {
         const commandId = this.uniqueIdProvider.generate(CommandName_1.CommandName.Pop);
+        this.optionsProcessor.processOptions(CommandName_1.CommandName.Pop, mergeOptions);
         const result = this.nativeCommandsSender.pop(commandId, componentId, mergeOptions);
         this.commandsObserver.notify(CommandName_1.CommandName.Pop, { commandId, componentId, mergeOptions });
         return result;
     }
     popTo(componentId, mergeOptions) {
         const commandId = this.uniqueIdProvider.generate(CommandName_1.CommandName.PopTo);
+        this.optionsProcessor.processOptions(CommandName_1.CommandName.PopTo, mergeOptions);
         const result = this.nativeCommandsSender.popTo(commandId, componentId, mergeOptions);
         this.commandsObserver.notify(CommandName_1.CommandName.PopTo, { commandId, componentId, mergeOptions });
         return result;
     }
     popToRoot(componentId, mergeOptions) {
         const commandId = this.uniqueIdProvider.generate(CommandName_1.CommandName.PopToRoot);
+        this.optionsProcessor.processOptions(CommandName_1.CommandName.PopToRoot, mergeOptions);
         const result = this.nativeCommandsSender.popToRoot(commandId, componentId, mergeOptions);
         this.commandsObserver.notify(CommandName_1.CommandName.PopToRoot, { commandId, componentId, mergeOptions });
         return result;
     }
     setStackRoot(componentId, children) {
-        const input = map_1.default(cloneLayout(children), (simpleApi) => {
+        const input = (0, map_1.default)(cloneLayout(children), (simpleApi) => {
             this.optionsCrawler.crawl(simpleApi);
             const layoutProcessed = this.layoutProcessor.process(simpleApi, CommandName_1.CommandName.SetStackRoot);
             const layout = this.layoutTreeParser.parse(layoutProcessed);
@@ -174,7 +188,7 @@ class Commands {
 }
 exports.Commands = Commands;
 function cloneLayout(layout) {
-    return cloneDeepWith_1.default(layout, (value, key) => {
+    return (0, cloneDeepWith_1.default)(layout, (value, key) => {
         if (key === 'passProps' && typeof value === 'object' && value !== null)
             return { ...value };
     });

package/lib/dist/src/commands/Deprecations.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Deprecations = void 0;
+const tslib_1 = require("tslib");
+const once_1 = (0, tslib_1.__importDefault)(require("lodash/once"));
+const get_1 = (0, tslib_1.__importDefault)(require("lodash/get"));
+const each_1 = (0, tslib_1.__importDefault)(require("lodash/each"));
+const react_native_1 = require("react-native");
+class Deprecations {
+    deprecatedOptions = [
+        {
+            key: 'topBar.searchBarHiddenWhenScrolling',
+            showWarning: (0, once_1.default)((_key, parentOptions) => {
+                console.warn(`${_key} is deprecated and will be removed in the next major version. For more information see https://github.com/wix/react-native-navigation/issues/6585`, parentOptions);
+            }),
+        },
+        {
+            key: 'topBar.searchBarPlaceholder',
+            showWarning: (0, once_1.default)((_key, parentOptions) => {
+                console.warn(`${_key} is deprecated and will be removed in the next major version. For more information see https://github.com/wix/react-native-navigation/issues/6585`, parentOptions);
+            }),
+        },
+        {
+            key: 'topBar.searchBarBackgroundColor',
+            showWarning: (0, once_1.default)((_key, parentOptions) => {
+                console.warn(`${_key} is deprecated and will be removed in the next major version. For more information see https://github.com/wix/react-native-navigation/issues/6585`, parentOptions);
+            }),
+        },
+        {
+            key: 'topBar.searchBarTintColor',
+            showWarning: (0, once_1.default)((_key, parentOptions) => {
+                console.warn(`${_key} is deprecated and will be removed in the next major version. For more information see https://github.com/wix/react-native-navigation/issues/6585`, parentOptions);
+            }),
+        },
+        {
+            key: 'topBar.hideNavBarOnFocusSearchBar',
+            showWarning: (0, once_1.default)((_key, parentOptions) => {
+                console.warn(`${_key} is deprecated and will be removed in the next major version. For more information see https://github.com/wix/react-native-navigation/issues/6585`, parentOptions);
+            }),
+        },
+    ];
+    checkForDeprecatedOptions(options) {
+        (0, each_1.default)(this.deprecatedOptions, (option) => {
+            if ((0, get_1.default)(options, option.key, null)) {
+                option.showWarning(option.key, options);
+            }
+        });
+    }
+    onProcessOptions(key, parentOptions, commandName) {
+        if (key === 'bottomTabs' &&
+            parentOptions[key]?.visible !== undefined &&
+            react_native_1.Platform.OS === 'ios' &&
+            commandName === 'mergeOptions') {
+            this.deprecateBottomTabsVisibility(parentOptions);
+        }
+        if (key === 'searchBar' && react_native_1.Platform.OS === 'ios' && typeof parentOptions[key] === 'boolean') {
+            this.deprecateSearchBarOptions(parentOptions);
+        }
+        if (key === 'interpolation' && typeof parentOptions[key] === 'string') {
+            this.deprecateInterpolationOptions(parentOptions);
+        }
+        if (key === 'showModal' || key === 'dismissModal') {
+            if (typeof parentOptions[key] === 'object' &&
+                !('enter' in parentOptions[key]) &&
+                !('exit' in parentOptions[key]))
+                console.warn(`${key} without enter/exit is deprecated, and will be changed  in the next major version. For more information see https://wix.github.io/react-native-navigation/docs/style-animations#modal-animations`, parentOptions);
+        }
+    }
+    onProcessDefaultOptions(_key, _parentOptions) { }
+    deprecateSearchBarOptions = (0, once_1.default)((parentOptions) => {
+        console.warn(`toggling searchBar visibility using a boolean value will be removed in the next major version. For more information see https://github.com/wix/react-native-navigation/issues/6585`, parentOptions);
+    });
+    deprecateInterpolationOptions = (0, once_1.default)((parentOptions) => {
+        console.warn(`Using Interpolation types as strings has been deprecated and will be removed in the next major version. For more information see https://github.com/wix/react-native-navigation/pull/6644`, parentOptions);
+    });
+    deprecateBottomTabsVisibility = (0, once_1.default)((parentOptions) => {
+        console.warn(`toggling bottomTabs visibility is deprecated on iOS. For more information see https://github.com/wix/react-native-navigation/issues/6416`, parentOptions);
+    });
+}
+exports.Deprecations = Deprecations;

package/lib/dist/{commands → src/commands}/LayoutTreeCrawler.js

@@ -3,6 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutTreeCrawler = void 0;
 const LayoutType_1 = require("./LayoutType");
 class LayoutTreeCrawler {
+    store;
+    optionsProcessor;
     constructor(store, optionsProcessor) {
         this.store = store;
         this.optionsProcessor = optionsProcessor;
@@ -12,7 +14,7 @@ class LayoutTreeCrawler {
         if (node.type === LayoutType_1.LayoutType.Component) {
             this.handleComponent(node);
         }
-        this.optionsProcessor.processOptions(node.data.options, commandName);
+        this.optionsProcessor.processOptions(commandName, node.data.options);
         node.children.forEach((value) => this.crawl(value, commandName));
     }
     handleComponent(node) {
@@ -21,7 +23,7 @@ class LayoutTreeCrawler {
         node.data.passProps = undefined;
     }
     savePropsToStore(node) {
-        this.store.updateProps(node.id, node.data.passProps);
+        this.store.setPendingProps(node.id, node.data.passProps);
     }
     assertComponentDataName(component) {
         if (!component.data.name) {

package/lib/dist/{commands → src/commands}/LayoutTreeParser.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutTreeParser = void 0;
 const LayoutType_1 = require("./LayoutType");
 class LayoutTreeParser {
+    uniqueIdProvider;
     constructor(uniqueIdProvider) {
         this.uniqueIdProvider = uniqueIdProvider;
         this.parse = this.parse.bind(this);

package/lib/dist/{commands → src/commands}/OptionsCrawler.js

@@ -2,10 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OptionsCrawler = void 0;
 const tslib_1 = require("tslib");
-const merge_1 = tslib_1.__importDefault(require("lodash/merge"));
-const isFunction_1 = tslib_1.__importDefault(require("lodash/isFunction"));
+const merge_1 = (0, tslib_1.__importDefault)(require("lodash/merge"));
+const isFunction_1 = (0, tslib_1.__importDefault)(require("lodash/isFunction"));
 const LayoutType_1 = require("./LayoutType");
 class OptionsCrawler {
+    store;
+    uniqueIdProvider;
     constructor(store, uniqueIdProvider) {
         this.store = store;
         this.uniqueIdProvider = uniqueIdProvider;
@@ -63,13 +65,13 @@ class OptionsCrawler {
     }
     applyStaticOptions(layout) {
         const staticOptions = this.staticOptionsIfPossible(layout);
-        layout.options = merge_1.default({}, staticOptions, layout.options);
+        layout.options = (0, merge_1.default)({}, staticOptions, layout.options);
     }
     staticOptionsIfPossible(layout) {
         const foundReactGenerator = this.store.getComponentClassForName(layout.name);
         const reactComponent = foundReactGenerator ? foundReactGenerator() : undefined;
         if (reactComponent && this.isComponentWithOptions(reactComponent)) {
-            return isFunction_1.default(reactComponent.options)
+            return (0, isFunction_1.default)(reactComponent.options)
                 ? reactComponent.options({ componentId: layout.id, ...layout.passProps } || {})
                 : reactComponent.options;
         }

package/lib/dist/{commands → src/commands}/OptionsProcessor.d.ts

@@ -14,7 +14,7 @@ export declare class OptionsProcessor {
     private assetService;
     private deprecations;
     constructor(store: Store, uniqueIdProvider: UniqueIdProvider, optionProcessorsRegistry: OptionProcessorsStore, colorService: ColorService, assetService: AssetService, deprecations: Deprecations);
-    processOptions(options: Options, commandName: CommandName, props?: any): void;
+    processOptions(commandName: CommandName, options?: Options, props?: any): void;
     processDefaultOptions(options: Options, commandName: CommandName): void;
     private processObject;
     private resolveObjectPath;

package/lib/dist/{commands → src/commands}/OptionsProcessor.js

@@ -2,16 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OptionsProcessor = void 0;
 const tslib_1 = require("tslib");
-const clone_1 = tslib_1.__importDefault(require("lodash/clone"));
-const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
-const isObject_1 = tslib_1.__importDefault(require("lodash/isObject"));
-const isArray_1 = tslib_1.__importDefault(require("lodash/isArray"));
-const isString_1 = tslib_1.__importDefault(require("lodash/isString"));
-const endsWith_1 = tslib_1.__importDefault(require("lodash/endsWith"));
-const forEach_1 = tslib_1.__importDefault(require("lodash/forEach"));
-const has_1 = tslib_1.__importDefault(require("lodash/has"));
+const clone_1 = (0, tslib_1.__importDefault)(require("lodash/clone"));
+const isEqual_1 = (0, tslib_1.__importDefault)(require("lodash/isEqual"));
+const isObject_1 = (0, tslib_1.__importDefault)(require("lodash/isObject"));
+const isArray_1 = (0, tslib_1.__importDefault)(require("lodash/isArray"));
+const isString_1 = (0, tslib_1.__importDefault)(require("lodash/isString"));
+const endsWith_1 = (0, tslib_1.__importDefault)(require("lodash/endsWith"));
+const forEach_1 = (0, tslib_1.__importDefault)(require("lodash/forEach"));
+const has_1 = (0, tslib_1.__importDefault)(require("lodash/has"));
 const react_native_1 = require("react-native");
 class OptionsProcessor {
+    store;
+    uniqueIdProvider;
+    optionProcessorsRegistry;
+    colorService;
+    assetService;
+    deprecations;
     constructor(store, uniqueIdProvider, optionProcessorsRegistry, colorService, assetService, deprecations) {
         this.store = store;
         this.uniqueIdProvider = uniqueIdProvider;
@@ -20,19 +26,21 @@ class OptionsProcessor {
         this.assetService = assetService;
         this.deprecations = deprecations;
     }
-    processOptions(options, commandName, props) {
-        this.processObject(options, clone_1.default(options), (key, parentOptions) => {
-            this.deprecations.onProcessOptions(key, parentOptions, commandName);
-            this.deprecations.checkForDeprecatedOptions(parentOptions);
-        }, commandName, props);
+    processOptions(commandName, options, props) {
+        if (options) {
+            this.processObject(options, (0, clone_1.default)(options), (key, parentOptions) => {
+                this.deprecations.onProcessOptions(key, parentOptions, commandName);
+                this.deprecations.checkForDeprecatedOptions(parentOptions);
+            }, commandName, props);
+        }
     }
     processDefaultOptions(options, commandName) {
-        this.processObject(options, clone_1.default(options), (key, parentOptions) => {
+        this.processObject(options, (0, clone_1.default)(options), (key, parentOptions) => {
             this.deprecations.onProcessDefaultOptions(key, parentOptions);
         }, commandName);
     }
     processObject(objectToProcess, parentOptions, onProcess, commandName, props, parentPath) {
-        forEach_1.default(objectToProcess, (value, key) => {
+        (0, forEach_1.default)(objectToProcess, (value, key) => {
             const objectPath = this.resolveObjectPath(key, parentPath);
             this.processWithRegisteredProcessor(key, value, objectToProcess, objectPath, commandName, props);
             this.processColor(key, value, objectToProcess);
@@ -47,7 +55,7 @@ class OptionsProcessor {
             this.processAnimation(key, value, objectToProcess);
             onProcess(key, parentOptions);
             const processedValue = objectToProcess[key];
-            if (!isEqual_1.default(key, 'passProps') && (isObject_1.default(processedValue) || isArray_1.default(processedValue))) {
+            if (!(0, isEqual_1.default)(key, 'passProps') && ((0, isObject_1.default)(processedValue) || (0, isArray_1.default)(processedValue))) {
                 this.processObject(processedValue, parentOptions, onProcess, commandName, props, objectPath);
             }
         });
@@ -60,7 +68,7 @@ class OptionsProcessor {
         return path;
     }
     processColor(key, value, options) {
-        if (isEqual_1.default(key, 'color') || endsWith_1.default(key, 'Color')) {
+        if ((0, isEqual_1.default)(key, 'color') || (0, endsWith_1.default)(key, 'Color')) {
             if (react_native_1.Platform.OS === 'ios')
                 this.processColorIOS(key, value, options);
             else
@@ -77,13 +85,13 @@ class OptionsProcessor {
                     options[key] = value;
                 }
                 else if ('dynamic' in value) {
-                    options[key] = react_native_1.DynamicColorIOS({
+                    options[key] = (0, react_native_1.DynamicColorIOS)({
                         light: this.colorService.toNativeColor(value.dynamic.light),
                         dark: this.colorService.toNativeColor(value.dynamic.dark),
                     });
                 }
                 else {
-                    options[key] = react_native_1.DynamicColorIOS({
+                    options[key] = (0, react_native_1.DynamicColorIOS)({
                         light: this.colorService.toNativeColor(value.light),
                         dark: this.colorService.toNativeColor(value.dark),
                     });
@@ -129,29 +137,29 @@ class OptionsProcessor {
         }
     }
     processImage(key, value, options) {
-        if (isEqual_1.default(key, 'icon') ||
-            isEqual_1.default(key, 'image') ||
-            endsWith_1.default(key, 'Icon') ||
-            endsWith_1.default(key, 'Image')) {
-            options[key] = isString_1.default(value) ? value : this.assetService.resolveFromRequire(value);
+        if ((0, isEqual_1.default)(key, 'icon') ||
+            (0, isEqual_1.default)(key, 'image') ||
+            (0, endsWith_1.default)(key, 'Icon') ||
+            (0, endsWith_1.default)(key, 'Image')) {
+            options[key] = (0, isString_1.default)(value) ? value : this.assetService.resolveFromRequire(value);
         }
     }
     processButtonsPassProps(key, value) {
-        if (endsWith_1.default(key, 'Buttons')) {
-            forEach_1.default(value, (button) => {
+        if ((0, endsWith_1.default)(key, 'Buttons')) {
+            (0, forEach_1.default)(value, (button) => {
                 if (button.passProps && button.id) {
-                    this.store.updateProps(button.id, button.passProps);
+                    this.store.setPendingProps(button.id, button.passProps);
                     button.passProps = undefined;
                 }
             });
         }
     }
     processComponent(key, value, options) {
-        if (isEqual_1.default(key, 'component')) {
+        if ((0, isEqual_1.default)(key, 'component')) {
             value.componentId = value.id ? value.id : this.uniqueIdProvider.generate('CustomComponent');
             this.store.ensureClassForName(value.name);
             if (value.passProps) {
-                this.store.updateProps(value.componentId, value.passProps);
+                this.store.setPendingProps(value.componentId, value.passProps);
             }
             options[key].passProps = undefined;
         }
@@ -185,7 +193,7 @@ class OptionsProcessor {
         }
     }
     processInterpolation(key, value, options) {
-        if (isEqual_1.default(key, 'interpolation')) {
+        if ((0, isEqual_1.default)(key, 'interpolation')) {
             if (typeof value === 'string') {
                 this.deprecations.onProcessOptions(key, options, '');
                 options[key] = {
@@ -210,19 +218,19 @@ class OptionsProcessor {
         this.convertDeprecatedViewAnimationApiToNewStackAnimationApi(animation, parentOptions);
     }
     isNewStackAnimationApi(animation) {
-        return has_1.default(animation, 'content') || has_1.default(animation, 'topBar') || has_1.default(animation, 'bottomTabs');
+        return (0, has_1.default)(animation, 'content') || (0, has_1.default)(animation, 'topBar') || (0, has_1.default)(animation, 'bottomTabs');
     }
     convertDeprecatedViewAnimationApiToNewStackAnimationApi(animation, parentOptions) {
-        if (!has_1.default(animation, 'content.enter') && !has_1.default(animation, 'content.exit')) {
+        if (!(0, has_1.default)(animation, 'content.enter') && !(0, has_1.default)(animation, 'content.exit')) {
             parentOptions.setStackRoot = {
                 content: {
                     enter: animation,
                 },
             };
-            if (has_1.default(animation, 'enabled')) {
+            if ((0, has_1.default)(animation, 'enabled')) {
                 parentOptions.setStackRoot.enabled = animation.enabled;
             }
-            if (has_1.default(animation, 'waitForRender')) {
+            if ((0, has_1.default)(animation, 'waitForRender')) {
                 parentOptions.setStackRoot.waitForRender = animation.waitForRender;
             }
         }
@@ -230,19 +238,19 @@ class OptionsProcessor {
     processPop(key, animation, parentOptions) {
         if (key !== 'pop')
             return;
-        if (animation.content && !has_1.default(animation, 'content.enter') && !has_1.default(animation, 'content.exit')) {
+        if (animation.content && !(0, has_1.default)(animation, 'content.enter') && !(0, has_1.default)(animation, 'content.exit')) {
             parentOptions.pop.content = {
                 exit: animation.content,
             };
         }
-        if (animation.topBar && !has_1.default(animation, 'topBar.enter') && !has_1.default(animation, 'topBar.exit')) {
+        if (animation.topBar && !(0, has_1.default)(animation, 'topBar.enter') && !(0, has_1.default)(animation, 'topBar.exit')) {
             parentOptions.pop.topBar = {
                 exit: animation.topBar,
             };
         }
         if (animation.bottomTabs &&
-            !has_1.default(animation, 'bottomTabs.enter') &&
-            !has_1.default(animation, 'bottomTabs.exit')) {
+            !(0, has_1.default)(animation, 'bottomTabs.enter') &&
+            !(0, has_1.default)(animation, 'bottomTabs.exit')) {
             parentOptions.pop.bottomTabs = {
                 exit: animation.bottomTabs,
             };
@@ -295,19 +303,19 @@ class OptionsProcessor {
     processPush(key, animation, parentOptions) {
         if (key !== 'push')
             return;
-        if (animation.content && !has_1.default(animation, 'content.enter') && !has_1.default(animation, 'content.exit')) {
+        if (animation.content && !(0, has_1.default)(animation, 'content.enter') && !(0, has_1.default)(animation, 'content.exit')) {
             parentOptions.push.content = {
                 enter: animation.content,
             };
         }
-        if (animation.topBar && !has_1.default(animation, 'topBar.enter') && !has_1.default(animation, 'topBar.exit')) {
+        if (animation.topBar && !(0, has_1.default)(animation, 'topBar.enter') && !(0, has_1.default)(animation, 'topBar.exit')) {
             parentOptions.push.topBar = {
                 enter: animation.topBar,
             };
         }
         if (animation.bottomTabs &&
-            !has_1.default(animation, 'bottomTabs.enter') &&
-            !has_1.default(animation, 'bottomTabs.exit')) {
+            !(0, has_1.default)(animation, 'bottomTabs.enter') &&
+            !(0, has_1.default)(animation, 'bottomTabs.exit')) {
             parentOptions.push.bottomTabs = {
                 enter: animation.bottomTabs,
             };

package/lib/dist/{components → src/components}/ComponentRegistry.js

@@ -2,6 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComponentRegistry = void 0;
 class ComponentRegistry {
+    store;
+    componentEventsObserver;
+    componentWrapper;
+    appRegistryService;
     constructor(store, componentEventsObserver, componentWrapper, appRegistryService) {
         this.store = store;
         this.componentEventsObserver = componentEventsObserver;

package/lib/dist/{components → src/components}/ComponentWrapper.js

@@ -2,23 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComponentWrapper = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const React = (0, tslib_1.__importStar)(require("react"));
 const react_lifecycles_compat_1 = require("react-lifecycles-compat");
-const hoist_non_react_statics_1 = tslib_1.__importDefault(require("hoist-non-react-statics"));
+const hoist_non_react_statics_1 = (0, tslib_1.__importDefault)(require("hoist-non-react-statics"));
 class ComponentWrapper {
     wrap(componentName, OriginalComponentGenerator, store, componentEventsObserver, concreteComponentProvider = OriginalComponentGenerator, ReduxProvider, reduxStore) {
         const GeneratedComponentClass = OriginalComponentGenerator();
         class WrappedComponent extends React.Component {
-            constructor(props) {
-                super(props);
-                this._isMounted = false;
-                this._assertComponentId();
-                this.state = {
-                    componentId: props.componentId,
-                    allProps: {},
-                };
-                store.setComponentInstance(props.componentId, this);
-            }
             static getDerivedStateFromProps(nextProps, prevState) {
                 return {
                     allProps: {
@@ -27,9 +17,19 @@ class ComponentWrapper {
                     },
                 };
             }
+            _isMounted = false;
             get isMounted() {
                 return this._isMounted;
             }
+            constructor(props) {
+                super(props);
+                this._assertComponentId();
+                this.state = {
+                    componentId: props.componentId,
+                    allProps: {},
+                };
+                store.setComponentInstance(props.componentId, this);
+            }
             setProps(newProps, callback) {
                 this.setState((prevState) => ({
                     allProps: {
@@ -46,7 +46,7 @@ class ComponentWrapper {
                 componentEventsObserver.unmounted(this.state.componentId);
             }
             render() {
-                return (React.createElement(GeneratedComponentClass, Object.assign({}, this.state.allProps, { componentId: this.state.componentId })));
+                return (React.createElement(GeneratedComponentClass, { ...this.state.allProps, componentId: this.state.componentId }));
             }
             _assertComponentId() {
                 if (!this.props.componentId) {
@@ -54,8 +54,8 @@ class ComponentWrapper {
                 }
             }
         }
-        react_lifecycles_compat_1.polyfill(WrappedComponent);
-        hoist_non_react_statics_1.default(WrappedComponent, concreteComponentProvider === OriginalComponentGenerator
+        (0, react_lifecycles_compat_1.polyfill)(WrappedComponent);
+        (0, hoist_non_react_statics_1.default)(WrappedComponent, concreteComponentProvider === OriginalComponentGenerator
             ? GeneratedComponentClass
             : concreteComponentProvider());
         return ReduxProvider
@@ -66,10 +66,10 @@ class ComponentWrapper {
         class ReduxWrapper extends React.Component {
             render() {
                 return (React.createElement(ReduxProvider, { store: reduxStore },
-                    React.createElement(WrappedComponent, Object.assign({}, this.props))));
+                    React.createElement(WrappedComponent, { ...this.props })));
             }
         }
-        hoist_non_react_statics_1.default(ReduxWrapper, WrappedComponent);
+        (0, hoist_non_react_statics_1.default)(ReduxWrapper, WrappedComponent);
         return ReduxWrapper;
     }
 }

package/lib/dist/{components → src/components}/Modal.js

@@ -2,17 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = (0, tslib_1.__importDefault)(require("react"));
 const react_native_1 = require("react-native");
-const RNNModalViewManager = react_native_1.requireNativeComponent('RNNModalViewManager');
+const RNNModalViewManager = (0, react_native_1.requireNativeComponent)('RNNModalViewManager');
 class Modal extends react_1.default.Component {
+    static defaultProps = {
+        transparent: false,
+        blurOnUnmount: false,
+        animationType: 'slide',
+    };
     constructor(props) {
         super(props);
     }
     render() {
         const processed = this.proccessProps();
         if (this.props.visible) {
-            return (react_1.default.createElement(RNNModalViewManager, Object.assign({}, processed),
+            return (react_1.default.createElement(RNNModalViewManager, { ...processed },
                 react_1.default.createElement(react_native_1.View, { style: styles.container, collapsable: false }, this.props.children)));
         }
         else {
@@ -42,11 +47,6 @@ class Modal extends react_1.default.Component {
     }
 }
 exports.Modal = Modal;
-Modal.defaultProps = {
-    transparent: false,
-    blurOnUnmount: false,
-    animationType: 'slide',
-};
 const height = Math.round(react_native_1.Dimensions.get('window').height);
 const SCREEN_ANIMATION_DURATION = 500;
 const showModalSlideEnterAnimations = {

package/lib/dist/{components → src/components}/Store.d.ts

@@ -4,10 +4,12 @@ import { IWrappedComponent } from './ComponentWrapper';
 export declare class Store {
     private componentsByName;
     private propsById;
+    private pendingPropsById;
     private componentsInstancesById;
     private wrappedComponents;
     private lazyRegistratorFn;
     updateProps(componentId: string, props: any, callback?: () => void): void;
+    setPendingProps(componentId: string, newProps: any): void;
     getPropsForId(componentId: string): any;
     mergeNewPropsForId(componentId: string, newProps: any): void;
     clearComponent(componentId: string): void;