react-native-navigation 7.23.1-snapshot.440 → 7.24.0

package/lib/dist/Mock/mocks/NativeEventsReceiver.d.ts

@@ -1,6 +1,6 @@
 import { EmitterSubscription } from 'react-native';
-import { ComponentWillAppearEvent, ComponentDidAppearEvent, ComponentDidDisappearEvent, NavigationButtonPressedEvent, SearchBarUpdatedEvent, SearchBarCancelPressedEvent, PreviewCompletedEvent, ModalDismissedEvent, ScreenPoppedEvent, ModalAttemptedToDismissEvent } from '../../interfaces/ComponentEvents';
-import { CommandCompletedEvent, BottomTabSelectedEvent, BottomTabLongPressedEvent, BottomTabPressedEvent } from '../../interfaces/Events';
+import { ComponentWillAppearEvent, ComponentDidAppearEvent, ComponentDidDisappearEvent, NavigationButtonPressedEvent, SearchBarUpdatedEvent, SearchBarCancelPressedEvent, PreviewCompletedEvent, ModalDismissedEvent, ScreenPoppedEvent, ModalAttemptedToDismissEvent } from '../../src/interfaces/ComponentEvents';
+import { CommandCompletedEvent, BottomTabSelectedEvent, BottomTabLongPressedEvent, BottomTabPressedEvent } from '../../src/interfaces/Events';
 export declare class NativeEventsReceiver {
     registerAppLaunchedListener(callback: () => void): EmitterSubscription;
     registerComponentWillAppearListener(callback: (event: ComponentWillAppearEvent) => void): EmitterSubscription;

package/lib/dist/Mock/mocks/NativeEventsReceiver.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NativeEventsReceiver = void 0;
 const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
 const EventsStore_1 = require("./../Stores/EventsStore");
 class NativeEventsReceiver {
     registerAppLaunchedListener(callback) {

package/lib/dist/{Navigation.js → src/Navigation.js}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavigationRoot = void 0;
 const tslib_1 = require("tslib");
-const isArray_1 = tslib_1.__importDefault(require("lodash/isArray"));
+const isArray_1 = (0, tslib_1.__importDefault)(require("lodash/isArray"));
 const UniqueIdProvider_1 = require("./adapters/UniqueIdProvider");
 const Store_1 = require("./components/Store");
 const OptionProcessorsStore_1 = require("./processors/OptionProcessorsStore");
@@ -24,11 +24,27 @@ const LayoutProcessor_1 = require("./processors/LayoutProcessor");
 const LayoutProcessorsStore_1 = require("./processors/LayoutProcessorsStore");
 const OptionsCrawler_1 = require("./commands/OptionsCrawler");
 class NavigationRoot {
+    nativeCommandsSender;
+    nativeEventsReceiver;
+    appRegistryService;
+    TouchablePreview = TouchablePreview_1.TouchablePreview;
+    store;
+    optionProcessorsStore;
+    layoutProcessorsStore;
+    uniqueIdProvider;
+    componentRegistry;
+    layoutTreeParser;
+    layoutTreeCrawler;
+    commands;
+    eventsRegistry;
+    commandsObserver;
+    componentEventsObserver;
+    componentWrapper;
+    optionsCrawler;
     constructor(nativeCommandsSender, nativeEventsReceiver, appRegistryService) {
         this.nativeCommandsSender = nativeCommandsSender;
         this.nativeEventsReceiver = nativeEventsReceiver;
         this.appRegistryService = appRegistryService;
-        this.TouchablePreview = TouchablePreview_1.TouchablePreview;
         this.componentWrapper = new ComponentWrapper_1.ComponentWrapper();
         this.store = new Store_1.Store();
         this.optionProcessorsStore = new OptionProcessorsStore_1.OptionProcessorsStore();
@@ -147,7 +163,7 @@ class NavigationRoot {
      * Sets new root component to stack.
      */
     setStackRoot(componentId, layout) {
-        const children = isArray_1.default(layout) ? layout : [layout];
+        const children = (0, isArray_1.default)(layout) ? layout : [layout];
         return this.commands.setStackRoot(componentId, children);
     }
     /**

package/lib/dist/{NavigationDelegate.js → src/NavigationDelegate.js}

@@ -6,6 +6,7 @@ const NativeCommandsSender_1 = require("./adapters/NativeCommandsSender");
 const NativeEventsReceiver_1 = require("./adapters/NativeEventsReceiver");
 const AppRegistryService_1 = require("./adapters/AppRegistryService");
 class NavigationDelegate {
+    concreteNavigation;
     constructor() {
         this.concreteNavigation = this.createConcreteNavigation(new NativeCommandsSender_1.NativeCommandsSender(), new NativeEventsReceiver_1.NativeEventsReceiver(), new AppRegistryService_1.AppRegistryService());
     }

package/lib/dist/src/adapters/ColorService.d.ts

@@ -0,0 +1,3 @@
+export declare class ColorService {
+    toNativeColor(inputColor: string): import("react-native").ProcessedColorValue | null | undefined;
+}

package/lib/dist/{adapters → src/adapters}/ColorService.js

@@ -4,7 +4,7 @@ exports.ColorService = void 0;
 const react_native_1 = require("react-native");
 class ColorService {
     toNativeColor(inputColor) {
-        return react_native_1.processColor(inputColor);
+        return (0, react_native_1.processColor)(inputColor);
     }
 }
 exports.ColorService = ColorService;

package/lib/dist/{adapters → src/adapters}/Constants.js

@@ -3,12 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Constants = void 0;
 const react_native_1 = require("react-native");
 class Constants {
-    constructor(constants) {
-        this.statusBarHeight = constants.statusBarHeight;
-        this.topBarHeight = constants.topBarHeight;
-        this.backButtonId = constants.backButtonId;
-        this.bottomTabsHeight = constants.bottomTabsHeight;
-    }
     static async get() {
         const constants = await react_native_1.NativeModules.RNNBridgeModule.getNavigationConstants();
         return new Constants(constants);
@@ -16,5 +10,15 @@ class Constants {
     static getSync() {
         return new Constants(react_native_1.NativeModules.RNNBridgeModule.getNavigationConstantsSync());
     }
+    statusBarHeight;
+    backButtonId;
+    topBarHeight;
+    bottomTabsHeight;
+    constructor(constants) {
+        this.statusBarHeight = constants.statusBarHeight;
+        this.topBarHeight = constants.topBarHeight;
+        this.backButtonId = constants.backButtonId;
+        this.bottomTabsHeight = constants.bottomTabsHeight;
+    }
 }
 exports.Constants = Constants;

package/lib/dist/{adapters → src/adapters}/NativeCommandsSender.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NativeCommandsSender = void 0;
 const react_native_1 = require("react-native");
 class NativeCommandsSender {
+    nativeCommandsModule;
     constructor() {
         this.nativeCommandsModule = react_native_1.NativeModules.RNNBridgeModule;
     }

package/lib/dist/{adapters → src/adapters}/NativeEventsReceiver.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NativeEventsReceiver = void 0;
 const react_native_1 = require("react-native");
 class NativeEventsReceiver {
+    emitter;
     constructor() {
         // NOTE: This try catch is workaround for integration tests
         // TODO: mock NativeEventEmitter in integration tests rather done adding try catch in source code

package/lib/dist/src/adapters/TouchablePreview.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TouchablePreview = void 0;
+const tslib_1 = require("tslib");
+const React = (0, tslib_1.__importStar)(require("react"));
+const PropTypes = (0, tslib_1.__importStar)(require("prop-types"));
+const react_native_1 = require("react-native");
+const PREVIEW_DELAY = 350;
+const PREVIEW_MIN_FORCE = 0.1;
+const PREVIEW_TIMEOUT = 1250;
+class TouchablePreview extends React.PureComponent {
+    static propTypes = {
+        children: PropTypes.node,
+        touchableComponent: PropTypes.func,
+        onPress: PropTypes.func,
+        onPressIn: PropTypes.func,
+        onPeekIn: PropTypes.func,
+        onPeekOut: PropTypes.func,
+        label: PropTypes.string,
+    };
+    static defaultProps = {
+        touchableComponent: react_native_1.TouchableWithoutFeedback,
+    };
+    static peeking = false;
+    timeout;
+    touchStartedAt = 0;
+    onRef = React.createRef();
+    onPress = () => {
+        const { onPress } = this.props;
+        if (typeof onPress !== 'function' || TouchablePreview.peeking) {
+            return;
+        }
+        return onPress();
+    };
+    onPressIn = () => {
+        if (react_native_1.Platform.OS === 'ios') {
+            const { onPressIn } = this.props;
+            if (!onPressIn) {
+                return;
+            }
+            const reactTag = (0, react_native_1.findNodeHandle)(this.onRef.current);
+            return onPressIn({ reactTag });
+        }
+        // Other platforms don't support 3D Touch Preview API
+        return null;
+    };
+    onTouchStart = (event) => {
+        // Store a timestamp of the initial touch start
+        this.touchStartedAt = event.nativeEvent.timestamp;
+    };
+    onTouchMove = (event) => {
+        clearTimeout(this.timeout);
+        const { force, timestamp } = event.nativeEvent;
+        const diff = timestamp - this.touchStartedAt;
+        if (force > PREVIEW_MIN_FORCE && diff > PREVIEW_DELAY) {
+            TouchablePreview.peeking = true;
+            if (typeof this.props.onPeekIn === 'function') {
+                this.props.onPeekIn();
+            }
+        }
+        //@ts-ignore
+        this.timeout = setTimeout(this.onTouchEnd, PREVIEW_TIMEOUT);
+    };
+    onTouchEnd = () => {
+        clearTimeout(this.timeout);
+        TouchablePreview.peeking = false;
+        if (typeof this.props.onPeekOut === 'function') {
+            this.props.onPeekOut();
+        }
+    };
+    render() {
+        const { children, touchableComponent, ...props } = this.props;
+        // Default to TouchableWithoutFeedback for iOS if set to TouchableNativeFeedback
+        const Touchable = react_native_1.Platform.OS === 'ios' && touchableComponent instanceof react_native_1.TouchableNativeFeedback
+            ? react_native_1.TouchableWithoutFeedback
+            : touchableComponent;
+        // Wrap component with Touchable for handling platform touches
+        // and a single react View for detecting force and timing.
+        return (
+        /**
+         * @TODO (Jin Shin 25 June 2020)
+         * Ignoring this for now so that it builds.
+         */
+        // @ts-ignore
+        React.createElement(Touchable, { ...props, ref: this.onRef, onPress: this.onPress, onPressIn: this.onPressIn },
+            React.createElement(react_native_1.View, { onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, children)));
+    }
+}
+exports.TouchablePreview = TouchablePreview;

package/lib/dist/{adapters → src/adapters}/UniqueIdProvider.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UniqueIdProvider = void 0;
 const tslib_1 = require("tslib");
-const uniqueId_1 = tslib_1.__importDefault(require("lodash/uniqueId"));
+const uniqueId_1 = (0, tslib_1.__importDefault)(require("lodash/uniqueId"));
 class UniqueIdProvider {
     generate(prefix) {
-        return uniqueId_1.default(prefix);
+        return (0, uniqueId_1.default)(prefix);
     }
 }
 exports.UniqueIdProvider = UniqueIdProvider;

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,13 +58,13 @@ 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);
+        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)
@@ -129,7 +138,7 @@ class Commands {
         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);
@@ -179,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;

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;
         }