react-native-navigation 7.23.1 → 7.24.0

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { OptionsTopBarButton } from '../..';
-import { OptionsTopBar, OptionsTopBarBackButton } from '../../interfaces/Options';
+import { OptionsTopBarButton } from '../../src';
+import { OptionsTopBar, OptionsTopBarBackButton } from '../../src/interfaces/Options';
 import ParentNode from '../Layouts/ParentNode';
 export interface TopBarProps {
     layoutNode: ParentNode;

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

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TopBar = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = (0, tslib_1.__importStar)(require("react"));
 const react_native_1 = require("react-native");
-const __1 = require("../..");
+const src_1 = require("../../src");
 const LayoutStore_1 = require("../Stores/LayoutStore");
 const NavigationButton_1 = require("./NavigationButton");
 const EventsStore_1 = require("../Stores/EventsStore");
 const DEFAULT_BACK_BUTTON_ID = 'RNN.back';
-exports.TopBar = class extends react_1.Component {
+const TopBar = class extends react_1.Component {
     constructor(props) {
         super(props);
     }
@@ -54,9 +54,10 @@ exports.TopBar = class extends react_1.Component {
             } }));
     }
     renderComponent(id, name, testID) {
-        const Component = __1.Navigation.mock.store.getComponentClassForName(name)();
-        const props = __1.Navigation.mock.store.getPropsForId(id);
+        const Component = src_1.Navigation.mock.store.getComponentClassForName(name)();
+        const props = src_1.Navigation.mock.store.getPropsForId(id);
         return (react_1.default.createElement(react_native_1.View, { key: id, testID: testID },
-            react_1.default.createElement(Component, Object.assign({}, props, { componentId: id }))));
+            react_1.default.createElement(Component, { ...props, componentId: id })));
     }
 };
+exports.TopBar = TopBar;

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

@@ -1,4 +1,4 @@
-import { Options } from '../../index';
+import { Options } from '../../src/index';
 import ParentNode from './ParentNode';
 export default class BottomTabsNode extends ParentNode {
     selectedIndex: number;

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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
 const LayoutStore_1 = require("../Stores/LayoutStore");
-const ParentNode_1 = tslib_1.__importDefault(require("./ParentNode"));
+const ParentNode_1 = (0, tslib_1.__importDefault)(require("./ParentNode"));
 class BottomTabsNode extends ParentNode_1.default {
+    selectedIndex = 0;
     constructor(layout, parentNode) {
         super(layout, 'BottomTabs', parentNode);
-        this.selectedIndex = 0;
     }
     mergeOptions(options) {
         super.mergeOptions(options);

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

@@ -1,4 +1,4 @@
-import { OptionsTopBarButton } from 'react-native-navigation/interfaces/Options';
+import { OptionsTopBarButton } from '../../src';
 import ParentNode from './ParentNode';
 export default class ComponentNode extends ParentNode {
     componentDidMountOnce: boolean;

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

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 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");
-const ParentNode_1 = tslib_1.__importDefault(require("./ParentNode"));
+const ParentNode_1 = (0, tslib_1.__importDefault)(require("./ParentNode"));
 class ComponentNode extends ParentNode_1.default {
+    componentDidMountOnce = false;
+    componentDidAppearPending = false;
     constructor(layout, parentNode) {
         super(layout, 'Component', parentNode);
-        this.componentDidMountOnce = false;
-        this.componentDidAppearPending = false;
     }
     componentDidMount() {
         this.componentDidMountOnce = true;

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 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 BottomTabsNode_1 = (0, tslib_1.__importDefault)(require("./BottomTabsNode"));
+const ComponentNode_1 = (0, tslib_1.__importDefault)(require("./ComponentNode"));
+const StackNode_1 = (0, tslib_1.__importDefault)(require("./StackNode"));
 class LayoutNodeFactory {
     static create(layout, parentNode) {
         switch (layout.type) {

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

@@ -1,4 +1,4 @@
-import { Options } from '../../index';
+import { Options } from '../../src/index';
 import ParentNode from './ParentNode';
 interface Data {
     name: string;

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

@@ -1,6 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 class Node {
+    nodeId;
+    data;
+    type;
+    // options: Options;
+    parentNode;
     constructor(layout, type, parentNode) {
         this.nodeId = layout.id;
         this.data = layout.data;

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

@@ -1,5 +1,5 @@
-import { OptionsTopBarButton } from '../../interfaces/Options';
-import { Options } from '../../index';
+import { OptionsTopBarButton } from '../../src/interfaces/Options';
+import { Options } from '../../src/index';
 import ComponentNode from './ComponentNode';
 import Node, { NodeType } from './Node';
 export default class ParentNode extends Node {

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

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
 const LayoutStore_1 = require("../Stores/LayoutStore");
-const LayoutNodeFactory_1 = tslib_1.__importDefault(require("./LayoutNodeFactory"));
-const Node_1 = tslib_1.__importDefault(require("./Node"));
+const LayoutNodeFactory_1 = (0, tslib_1.__importDefault)(require("./LayoutNodeFactory"));
+const Node_1 = (0, tslib_1.__importDefault)(require("./Node"));
 class ParentNode extends Node_1.default {
+    children;
     constructor(layout, type, parentNode) {
         super(layout, type, parentNode);
         this.children = layout.children.map((childLayout) => LayoutNodeFactory_1.default.create(childLayout, this));

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const ParentNode_1 = tslib_1.__importDefault(require("./ParentNode"));
+const ParentNode_1 = (0, tslib_1.__importDefault)(require("./ParentNode"));
 class StackNode extends ParentNode_1.default {
     constructor(layout, parentNode) {
         super(layout, 'Stack', parentNode);

package/lib/dist/Mock/Stores/EventsStore.d.ts

@@ -1,14 +1,17 @@
-import { ComponentDidDisappearEvent, ComponentWillAppearEvent, ModalDismissedEvent } from '../../interfaces/ComponentEvents';
-import { ComponentDidAppearEvent, NavigationButtonPressedEvent } from '../../index';
+import { ComponentDidDisappearEvent, ComponentWillAppearEvent, ModalDismissedEvent } from '../../src/interfaces/ComponentEvents';
+import { ComponentDidAppearEvent, NavigationButtonPressedEvent } from '../../src/index';
+import { BottomTabPressedEvent } from '../../src/interfaces/Events';
 export declare const events: {
     navigationButtonPressed: ((_event: NavigationButtonPressedEvent) => void)[];
     componentWillAppear: ((_event: ComponentWillAppearEvent) => void)[];
     componentDidAppear: ((_event: ComponentDidAppearEvent) => void)[];
     componentDidDisappear: ((_event: ComponentDidDisappearEvent) => void)[];
     modalDismissed: ((_event: ModalDismissedEvent) => void)[];
+    bottomTabPressed: ((_event: BottomTabPressedEvent) => void)[];
     invokeComponentWillAppear: (event: ComponentWillAppearEvent) => void;
     invokeComponentDidAppear: (event: ComponentDidAppearEvent) => void;
     invokeComponentDidDisappear: (event: ComponentDidDisappearEvent) => void;
     invokeModalDismissed: (event: ModalDismissedEvent) => void;
     invokeNavigationButtonPressed: (event: NavigationButtonPressedEvent) => void;
+    invokeBottomTabPressed: (event: BottomTabPressedEvent) => void;
 };

package/lib/dist/Mock/Stores/EventsStore.js

@@ -7,6 +7,7 @@ exports.events = {
     componentDidAppear: [(_event) => { }],
     componentDidDisappear: [(_event) => { }],
     modalDismissed: [(_event) => { }],
+    bottomTabPressed: [(_event) => { }],
     invokeComponentWillAppear: (event) => {
         exports.events.componentWillAppear &&
             exports.events.componentWillAppear.forEach((listener) => {
@@ -37,4 +38,10 @@ exports.events = {
                 listener(event);
             });
     },
+    invokeBottomTabPressed: (event) => {
+        exports.events.bottomTabPressed &&
+            exports.events.bottomTabPressed?.forEach((listener) => {
+                listener(event);
+            });
+    },
 };

package/lib/dist/Mock/Stores/LayoutStore.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutStore = void 0;
 const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const LayoutNodeFactory_1 = tslib_1.__importDefault(require("../Layouts/LayoutNodeFactory"));
+const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
+const LayoutNodeFactory_1 = (0, tslib_1.__importDefault)(require("../Layouts/LayoutNodeFactory"));
 const remx = require('remx');
 const state = remx.state({
     root: {},
@@ -75,7 +75,10 @@ const setters = remx.setters({
     },
     mergeOptions(componentId, options) {
         const layout = getters.getLayoutById(componentId);
-        layout.mergeOptions(options);
+        if (layout)
+            layout.mergeOptions(options);
+        else
+            console.warn(`[RNN error] Merge options failure: cannot find layout for: ${componentId}`);
     },
 });
 const getters = remx.getters({

package/lib/dist/Mock/connect.js

@@ -4,6 +4,6 @@ exports.connect = void 0;
 const remx_1 = require("remx");
 function connect(component) {
     // @ts-ignore
-    return remx_1.connect()(component);
+    return (0, remx_1.connect)()(component);
 }
 exports.connect = connect;

package/lib/dist/Mock/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.mockNativeComponents = exports.ApplicationMock = void 0;
 const tslib_1 = require("tslib");
 exports.ApplicationMock = require('./Application').Application;
-tslib_1.__exportStar(require("./constants"), exports);
+(0, tslib_1.__exportStar)(require("./constants"), exports);
 function mockNativeComponents() {
     const { NativeCommandsSender } = require('./mocks/NativeCommandsSender');
     const { NativeEventsReceiver } = require('./mocks/NativeEventsReceiver');

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

@@ -1,4 +1,4 @@
-import { LayoutNode } from 'react-native-navigation/commands/LayoutTreeCrawler';
+import { LayoutNode } from '../../src/commands/LayoutTreeCrawler';
 export declare class NativeCommandsSender {
     constructor();
     setRoot(_commandId: string, layout: {

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

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NativeCommandsSender = void 0;
 const tslib_1 = require("tslib");
 const LayoutStore_1 = require("../Stores/LayoutStore");
-const LayoutNodeFactory_1 = tslib_1.__importDefault(require("../Layouts/LayoutNodeFactory"));
+const LayoutNodeFactory_1 = (0, tslib_1.__importDefault)(require("../Layouts/LayoutNodeFactory"));
 const EventsStore_1 = require("../Stores/EventsStore");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const lodash_1 = (0, tslib_1.__importDefault)(require("lodash"));
 class NativeCommandsSender {
     constructor() { }
     setRoot(_commandId, layout) {

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

@@ -1,13 +1,13 @@
 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;
     registerComponentDidAppearListener(callback: (event: ComponentDidAppearEvent) => void): EmitterSubscription;
     registerComponentDidDisappearListener(callback: (event: ComponentDidDisappearEvent) => void): EmitterSubscription;
     registerNavigationButtonPressedListener(callback: (event: NavigationButtonPressedEvent) => void): EmitterSubscription;
-    registerBottomTabPressedListener(_callback: (data: BottomTabPressedEvent) => void): EmitterSubscription;
+    registerBottomTabPressedListener(callback: (data: BottomTabPressedEvent) => void): EmitterSubscription;
     registerModalDismissedListener(callback: (event: ModalDismissedEvent) => void): EmitterSubscription;
     registerModalAttemptedToDismissListener(_callback: (event: ModalAttemptedToDismissEvent) => void): EmitterSubscription;
     registerSearchBarUpdatedListener(_callback: (event: SearchBarUpdatedEvent) => 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) {
@@ -43,9 +43,12 @@ class NativeEventsReceiver {
             },
         };
     }
-    registerBottomTabPressedListener(_callback) {
+    registerBottomTabPressedListener(callback) {
+        EventsStore_1.events.bottomTabPressed.push(callback);
         return {
-            remove: () => { },
+            remove: () => {
+                lodash_1.default.remove(EventsStore_1.events.bottomTabPressed, (value) => value === callback);
+            },
         };
     }
     registerModalDismissedListener(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;