How to use the mobx-react.Provider function in mobx-react

To help you get started, we’ve selected a few mobx-react examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github mikechabot / react-json-form-engine / dist / components / form / index.js View on Github external
} // Invalid definition


      if (!instance.isValidDefinition()) {
        return _react["default"].createElement(_ValidationAPIError["default"], {
          error: instance.getError()
        });
      }

      if ((0, _isEmpty["default"])(instance.getSections())) {
        return _react["default"].createElement(_ValidationGenericError["default"], {
          message: _formConst.ERROR_MESSAGE.NO_SECTIONS
        });
      }

      return _react["default"].createElement(_mobxReact.Provider, {
        instance: instance,
        onSubmit: this.onSubmit,
        onUpdate: this.onUpdate,
        hideFormTitle: this.props.hideFormTitle,
        hideFormBorder: this.props.hideFormBorder,
        disableSubmitOnValidationError: this.props.disableSubmitOnValidationError,
        hideSubsectionTitles: this.props.hideSubsectionTitles,
        hideSubsectionSubtitles: this.props.hideSubsectionSubtitles,
        submitButtonLabel: this.props.submitButtonLabel
      }, _react["default"].createElement(_FormConsumer["default"], {
        width: this.props.width
      }));
    }
  }]);
github ueno-llc / starter-kit-historical / src / client.js View on Github external
module.hot.accept(() => {
    render(
      require('mobx-react').Provider // eslint-disable-line
    );
  });
}
github joe-sky / nornj / packages / nornj-react / dist / nornj-react-mobx.js View on Github external
}((function () { 'use strict';

  var _nornj = require("nornj");

  var _mobx = require("mobx");

  var _mobxReact = require("mobx-react");

  require("./mobxBind");

  require("./mobxObserver");

  (0, _nornj.registerComponent)('mobx-Provider', _mobxReact.Provider);
  (0, _nornj.registerFilter)('toJS', function (v) {
    return (0, _mobx.toJS)(v);
  });

})));
github alibaba / vanex / lib / start.js View on Github external
value: function render() {
                var data = globalPlugin.apply('beforeConnectStore')(context.data) || context.data;
                var form = globalPlugin.get('form');

                if (typeof form === 'function') {
                    form = form(context._data || {});
                }

                return _react2.default.createElement(
                    _mobxReact.Provider,
                    (0, _extends3.default)({}, data, form),
                    _react2.default.createElement(ContainerComponent, (0, _extends3.default)({ ref: '_conatinerComponent' }, this.props))
                );
            }
        }, {
github ascoders / gaea-editor / lib / gaea-editor / gaea-editor.component.js View on Github external
value: function render() {
            return React.createElement(mobx_react_1.Provider, { application: this.application, viewport: this.viewport, setting: this.setting }, React.createElement(page_component_1.default, { key: this.state.currentVersion, ref: this.getRootRef, value: this.state.value }));
        }
    }]);
github ximing / weditor / dist / index.js View on Github external
value: function render() {
            return _react2.default.createElement(
                _mobxReact.Provider,
                _extends({}, this.props.models, {
                    insert: _insert2.default,
                    editor: _editor2.default,
                    help: _help2.default,
                    forceUpdate: _markerLayer.forceUpdate
                }),
                _react2.default.createElement(_weditor2.default, { onlyRead: this.props.onlyRead,
                    modules: this.props.modules,
                    options: this.props.options,
                    toolbar: this.props.toolbar,
                    doc: this.props.doc })
            );
        }
    }]);
github otothea / docker-ui / dist / 1aac66a8-app.js View on Github external
value: function render() {
      return _react2.default.createElement(
        _mobxReact.Provider,
        { store: this.props.store },
        _react2.default.createElement(
          _reactRouter.Router,
          { history: _reactRouter.browserHistory },
          _react2.default.createElement(
            _reactRouter.Route,
            { path: "/", component: _App2.default },
            _react2.default.createElement(_reactRouter.IndexRedirect, { to: "images" }),
            _react2.default.createElement(_reactRouter.Route, { path: "login", component: _Login2.default }),
            _react2.default.createElement(_reactRouter.Route, { path: "images", component: _Images2.default }),
            _react2.default.createElement(_reactRouter.Route, { path: "containers", component: _Containers2.default }),
            _react2.default.createElement(_reactRouter.Route, { path: "volumes", component: _Volumes2.default }),
            _react2.default.createElement(_reactRouter.Route, { path: "networks", component: _Networks2.default })
          )
        )
      );