react-native-navigation/lib/dist/src/events/ComponentEventsObserver.js

React Native Navigation - truly native navigation for iOS and Android

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ComponentEventsObserver = void 0;
const tslib_1 = require("tslib");
const isString_1 = tslib_1.__importDefault(require("lodash/isString"));
const isNil_1 = tslib_1.__importDefault(require("lodash/isNil"));
const uniqueId_1 = tslib_1.__importDefault(require("lodash/uniqueId"));
const unset_1 = tslib_1.__importDefault(require("lodash/unset"));
const forEach_1 = tslib_1.__importDefault(require("lodash/forEach"));
class ComponentEventsObserver {
    nativeEventsReceiver;
    store;
    listeners = {};
    alreadyRegistered = false;
    constructor(nativeEventsReceiver, store) {
        this.nativeEventsReceiver = nativeEventsReceiver;
        this.store = store;
        this.notifyComponentWillAppear = this.notifyComponentWillAppear.bind(this);
        this.notifyComponentDidAppear = this.notifyComponentDidAppear.bind(this);
        this.notifyComponentDidDisappear = this.notifyComponentDidDisappear.bind(this);
        this.notifyNavigationButtonPressed = this.notifyNavigationButtonPressed.bind(this);
        this.notifySearchBarUpdated = this.notifySearchBarUpdated.bind(this);
        this.notifySearchBarCancelPressed = this.notifySearchBarCancelPressed.bind(this);
        this.notifyPreviewCompleted = this.notifyPreviewCompleted.bind(this);
        this.notifyScreenPopped = this.notifyScreenPopped.bind(this);
    }
    registerOnceForAllComponentEvents() {
        if (this.alreadyRegistered) {
            return;
        }
        this.alreadyRegistered = true;
        this.nativeEventsReceiver.registerComponentWillAppearListener(this.notifyComponentWillAppear);
        this.nativeEventsReceiver.registerComponentDidAppearListener(this.notifyComponentDidAppear);
        this.nativeEventsReceiver.registerComponentDidDisappearListener(this.notifyComponentDidDisappear);
        this.nativeEventsReceiver.registerNavigationButtonPressedListener(this.notifyNavigationButtonPressed);
        this.nativeEventsReceiver.registerSearchBarUpdatedListener(this.notifySearchBarUpdated);
        this.nativeEventsReceiver.registerSearchBarCancelPressedListener(this.notifySearchBarCancelPressed);
        this.nativeEventsReceiver.registerPreviewCompletedListener(this.notifyPreviewCompleted);
        this.nativeEventsReceiver.registerScreenPoppedListener(this.notifyPreviewCompleted);
    }
    bindComponent(component, componentId) {
        const computedComponentId = componentId || component.props.componentId;
        if (!(0, isString_1.default)(computedComponentId)) {
            throw new Error(`bindComponent expects a component with a componentId in props or a componentId as the second argument`);
        }
        return this.registerComponentListener(component, computedComponentId);
    }
    registerComponentListener(listener, componentId) {
        if (!(0, isString_1.default)(componentId)) {
            throw new Error(`registerComponentListener expects a componentId as the second argument`);
        }
        if ((0, isNil_1.default)(this.listeners[componentId])) {
            this.listeners[componentId] = {};
        }
        const key = (0, uniqueId_1.default)();
        this.listeners[componentId][key] = listener;
        return { remove: () => (0, unset_1.default)(this.listeners[componentId], key) };
    }
    unmounted(componentId) {
        (0, unset_1.default)(this.listeners, componentId);
    }
    notifyComponentWillAppear(event) {
        event.passProps = this.store.getPropsForId(event.componentId);
        this.triggerOnAllListenersByComponentId(event, 'componentWillAppear');
    }
    notifyComponentDidAppear(event) {
        event.passProps = this.store.getPropsForId(event.componentId);
        this.triggerOnAllListenersByComponentId(event, 'componentDidAppear');
    }
    notifyComponentDidDisappear(event) {
        this.triggerOnAllListenersByComponentId(event, 'componentDidDisappear');
    }
    notifyNavigationButtonPressed(event) {
        this.triggerOnAllListenersByComponentId(event, 'navigationButtonPressed');
    }
    notifySearchBarUpdated(event) {
        this.triggerOnAllListenersByComponentId(event, 'searchBarUpdated');
    }
    notifySearchBarCancelPressed(event) {
        this.triggerOnAllListenersByComponentId(event, 'searchBarCancelPressed');
    }
    notifyPreviewCompleted(event) {
        this.triggerOnAllListenersByComponentId(event, 'previewCompleted');
    }
    notifyScreenPopped(event) {
        this.triggerOnAllListenersByComponentId(event, 'screenPopped');
    }
    triggerOnAllListenersByComponentId(event, method) {
        (0, forEach_1.default)(this.listeners[event.componentId], (component) => {
            if (component && component[method]) {
                component[method](event);
            }
        });
    }
}
exports.ComponentEventsObserver = ComponentEventsObserver;