Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

Repository URL to install this package:

Details    
@fbinhouse/volvo-react-composer / dist / lib / decorators / withMiddlewareExtractor.js
Size: Mime:
"use strict";
var __assign = (this && this.__assign) || function () {
    __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;
    };
    return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
var mobx_react_lite_1 = require("mobx-react-lite");
var react_1 = require("react");
var middlewareHooks_1 = require("../context/middlewareHooks");
var helpers_1 = require("../helpers");
exports.withMiddlewareExtractor = function (hooks) {
    return function (Component) {
        var WithMiddlewareExtractor = mobx_react_lite_1.observer(function (props) {
            var hookStores = react_1.useContext(middlewareHooks_1.middlewareHooksContext);
            var hookProps = hooks.reduce(function (data, hook) {
                var storeName = hook.getMiddleware().getStoreName();
                var store = hookStores[storeName];
                if (store === undefined) {
                    return data;
                }
                data[hook.name] = store[hook.key];
                return data;
            }, {});
            var otherProps = Object.keys(props).filter(function (key) {
                return !hooks.find(function (hook) { return hook.getMiddleware().getStoreName() === key; });
            }).reduce(function (p, key) {
                var _a;
                return (__assign(__assign({}, p), (_a = {}, _a[key] = props[key], _a)));
            }, {});
            return react_1.createElement(Component, __assign(__assign({}, otherProps), hookProps));
        });
        WithMiddlewareExtractor.displayName = helpers_1.truncateDisplayName(Component.displayName, 'WithMiddlewareExtractor');
        return WithMiddlewareExtractor;
    };
};
//# sourceMappingURL=withMiddlewareExtractor.js.map