1 | "use strict";
|
2 | var __importDefault = (this && this.__importDefault) || function (mod) {
|
3 | return (mod && mod.__esModule) ? mod : { "default": mod };
|
4 | };
|
5 | Object.defineProperty(exports, "__esModule", { value: true });
|
6 | exports.Host = void 0;
|
7 | var react_1 = __importDefault(require("react"));
|
8 | var react_redux_1 = require("react-redux");
|
9 | var redux_1 = require("redux");
|
10 | var store_1 = require("./store");
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 | function Host(props) {
|
17 | var components = props.components, store = props.store, style = props.style;
|
18 | var dynamicContent = components.map(function (Component, index) {
|
19 | var key = Component.displayName || "Host-Component-" + index;
|
20 | return Component ? react_1.default.createElement(Component, { key: key, globalStore: store }) : null;
|
21 | });
|
22 | if (!style) {
|
23 | return react_1.default.createElement(react_1.default.Fragment, null, dynamicContent);
|
24 | }
|
25 | return react_1.default.createElement("div", { style: style }, dynamicContent);
|
26 | }
|
27 | exports.Host = Host;
|
28 | exports.default = redux_1.compose(react_redux_1.connect(function (state) { return ({ store: state[store_1.APP_BRIDGE_KEY] }); }))(Host);
|