react-rebind/build/components/Store.js

Declarative data binding to React components

(function (global, factory) {
    if (typeof define === "function" && define.amd) {
        define(['module', 'exports', 'react', 'prop-types', './Action'], factory);
    } else if (typeof exports !== "undefined") {
        factory(module, exports, require('react'), require('prop-types'), require('./Action'));
    } else {
        var mod = {
            exports: {}
        };
        factory(mod, mod.exports, global.react, global.propTypes, global.Action);
        global.Store = mod.exports;
    }
})(this, function (module, exports, _react, _propTypes, _Action) {
    'use strict';

    Object.defineProperty(exports, "__esModule", {
        value: true
    });

    var _react2 = _interopRequireDefault(_react);

    var _propTypes2 = _interopRequireDefault(_propTypes);

    var _Action2 = _interopRequireDefault(_Action);

    function _interopRequireDefault(obj) {
        return obj && obj.__esModule ? obj : {
            default: obj
        };
    }

    function _defineProperty(obj, key, value) {
        if (key in obj) {
            Object.defineProperty(obj, key, {
                value: value,
                enumerable: true,
                configurable: true,
                writable: true
            });
        } else {
            obj[key] = value;
        }

        return obj;
    }

    function _classCallCheck(instance, Constructor) {
        if (!(instance instanceof Constructor)) {
            throw new TypeError("Cannot call a class as a function");
        }
    }

    var _createClass = function () {
        function defineProperties(target, props) {
            for (var i = 0; i < props.length; i++) {
                var descriptor = props[i];
                descriptor.enumerable = descriptor.enumerable || false;
                descriptor.configurable = true;
                if ("value" in descriptor) descriptor.writable = true;
                Object.defineProperty(target, descriptor.key, descriptor);
            }
        }

        return function (Constructor, protoProps, staticProps) {
            if (protoProps) defineProperties(Constructor.prototype, protoProps);
            if (staticProps) defineProperties(Constructor, staticProps);
            return Constructor;
        };
    }();

    function _possibleConstructorReturn(self, call) {
        if (!self) {
            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
        }

        return call && (typeof call === "object" || typeof call === "function") ? call : self;
    }

    function _inherits(subClass, superClass) {
        if (typeof superClass !== "function" && superClass !== null) {
            throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
        }

        subClass.prototype = Object.create(superClass && superClass.prototype, {
            constructor: {
                value: subClass,
                enumerable: false,
                writable: true,
                configurable: true
            }
        });
        if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
    }

    var Store = function (_Component) {
        _inherits(Store, _Component);

        function Store(props) {
            _classCallCheck(this, Store);

            var _this = _possibleConstructorReturn(this, (Store.__proto__ || Object.getPrototypeOf(Store)).call(this, props));

            var store = _this.props.initial === null ? {} : _this.props.initial;
            _this.state = {
                store: store,
                actions: {}
            };
            return _this;
        }

        _createClass(Store, [{
            key: 'getChildContext',
            value: function getChildContext() {
                return {
                    rebind: {
                        store: this.state.store,
                        triggerAction: this.triggerActionHandler,
                        registerAction: this.registerActionHandler
                    },
                    rebindContext: {
                        scope: this.state.store,
                        marks: {
                            __root: {
                                scope: this.state.store,
                                marks: {}
                            }
                        }
                    }
                };
            }
        }, {
            key: 'render',
            value: function render() {
                return _react2.default.createElement(
                    _react2.default.Fragment,
                    null,
                    _react2.default.createElement(_Action2.default, { name: 'updateAllResources', onTrigger: this.updateAllResourcesHandler }),
                    _react2.default.createElement(_Action2.default, { name: 'updateResource', onTrigger: this.updateResourceHandler }),
                    this.props.children
                );
            }
        }, {
            key: 'triggerActionHandler',
            get: function get() {
                var _this2 = this;

                return function (name) {
                    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
                        args[_key - 1] = arguments[_key];
                    }

                    var action = _this2.state.actions[name];
                    if (action === undefined) {
                        console.warn("Unknown action", name);
                    } else {
                        var result = action.apply(undefined, [_this2.state.store, _this2.triggerActionHandler].concat(args));
                        _this2.setState({ store: result });
                    }
                };
            }
        }, {
            key: 'registerActionHandler',
            get: function get() {
                var _this3 = this;

                return function (name, handler) {
                    var actions = Object.assign(_this3.state.actions, _defineProperty({}, name, handler));
                    _this3.setState({ actions: actions });
                };
            }
        }, {
            key: 'updateAllResourcesHandler',
            get: function get() {
                return function (store, trigger, resourceName, data) {
                    var resources = Object.assign({}, store.resources, _defineProperty({}, resourceName, data));
                    var updated = Object.assign({}, store, { resources: resources });
                    return updated;
                };
            }
        }, {
            key: 'updateResourceHandler',
            get: function get() {
                return function (store, trigger, resourceName, data) {
                    var results = store.resources[resourceName].results.map(function (element) {
                        return element.id === data.id ? data : element;
                    });
                    var resource = Object.assign({}, store.resources[resourceName], { results: results });
                    var resources = Object.assign({}, store.resources, _defineProperty({}, resourceName, resource));
                    var updated = Object.assign({}, store, { resources: resources });
                    return updated;
                };
            }
        }]);

        return Store;
    }(_react.Component);

    Store.childContextTypes = {
        rebind: _propTypes2.default.object,
        rebindContext: _propTypes2.default.any
    };
    Store.defaultProps = {
        initial: null
    };
    exports.default = Store;
    module.exports = exports['default'];
});