react-native-navigation-drilldown/dist/createDrilldownScreen.js

Drilldown screens to use with react-navigation

"use strict";
var __assign = (this && this.__assign) || Object.assign || function(t) {
    for (var s, i = 1, n = arguments.length; i < n; i++) {
        s = arguments[i];
        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
            t[p] = s[p];
    }
    return t;
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var react_native_1 = require("react-native");
var react_native_portal_1 = require("react-native-portal");
var Icon_1 = require("./Icon");
var icons_1 = require("./icons");
var MultiselectDone_1 = require("./MultiselectDone");
var DefaultHeaderRight = function () { return <Icon_1.default source={icons_1.CHECK_ICON}/>; };
exports.createDrilldownScreen = function (options) {
    if (options === void 0) { options = {}; }
    var _a = options.HeaderRight, HeaderRight = _a === void 0 ? DefaultHeaderRight : _a, screenStyle = options.screenStyle, navigationOptions = options.navigationOptions;
    var DrilldownScreen = function (_a) {
        var navigation = _a.navigation;
        var params = navigation.state.params;
        var portalName = params ? (params.drilldownItemId || params.rootPortalName) : 'root';
        var rootDrilldownScreenKey = (params && params.rootDrilldownScreenKey) || navigation.state.key;
        return (<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill, screenStyle]}>
        <react_native_portal_1.WhitePortal name={"drilldownPortal_" + portalName} childrenProps={{ rootDrilldownScreenKey: rootDrilldownScreenKey }}/>
      </react_native_1.View>);
    };
    DrilldownScreen.navigationOptions = function (_a) {
        var navigation = _a.navigation;
        var params = navigation.state.params;
        var rootDrilldownScreenKey = params && params.rootDrilldownScreenKey;
        var multi = !!params && !!params.multi;
        var navOpts = typeof navigationOptions === 'function' ?
            navigationOptions({ navigation: navigation }) :
            navigationOptions;
        return __assign({ title: 'Select item', headerRight: multi ? (<MultiselectDone_1.default back={navigation.goBack} rootDrilldownScreenKey={rootDrilldownScreenKey}>
          <HeaderRight />
        </MultiselectDone_1.default>) : null }, navOpts);
    };
    return DrilldownScreen;
};
//# sourceMappingURL=createDrilldownScreen.js.map