mobx-react 5.4.0 → 5.4.4

package/index.js

@@ -1,8 +1,16 @@
+/** @license mobx-react v5.4.4
+ * index.js
+ *
+ * Copyright (c) 2015 Michel Weststrate.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('mobx'), require('react-dom')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'mobx', 'react-dom'], factory) :
-  (factory((global.mobxReact = {}),global.React,global.mobx,global.ReactDOM));
-}(this, (function (exports,React,mobx,reactDom) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('mobx'), require('react'), require('react-dom')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'mobx', 'react', 'react-dom'], factory) :
+  (factory((global.mobxReact = {}),global.mobx,global.React,global.ReactDOM));
+}(this, (function (exports,mobx,React,reactDom) { 'use strict';
 
   var React__default = 'default' in React ? React['default'] : React;
 
@@ -57,25 +65,6 @@
     return obj;
   }
 
-  function _objectSpread(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i] != null ? arguments[i] : {};
-      var ownKeys = Object.keys(source);
-
-      if (typeof Object.getOwnPropertySymbols === 'function') {
-        ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
-          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-        }));
-      }
-
-      ownKeys.forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    }
-
-    return target;
-  }
-
   function _inherits(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
       throw new TypeError("Super expression must either be null or a function");
@@ -135,33 +124,35 @@
 
   var reactIs_production_min = createCommonjsModule(function (module, exports) {
   Object.defineProperty(exports,"__esModule",{value:!0});
-  var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.forward_ref"):60112,n=b?Symbol.for("react.placeholder"):60113;
-  function q(a){if("object"===typeof a&&null!==a){var p=a.$$typeof;switch(p){case c:switch(a=a.type,a){case l:case e:case g:case f:return a;default:switch(a=a&&a.$$typeof,a){case k:case m:case h:return a;default:return p}}case d:return p}}}exports.typeOf=q;exports.AsyncMode=l;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=m;exports.Fragment=e;exports.Profiler=g;exports.Portal=d;exports.StrictMode=f;
-  exports.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===l||a===g||a===f||a===n||"object"===typeof a&&null!==a&&("function"===typeof a.then||a.$$typeof===h||a.$$typeof===k||a.$$typeof===m)};exports.isAsyncMode=function(a){return q(a)===l};exports.isContextConsumer=function(a){return q(a)===k};exports.isContextProvider=function(a){return q(a)===h};exports.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};
-  exports.isForwardRef=function(a){return q(a)===m};exports.isFragment=function(a){return q(a)===e};exports.isProfiler=function(a){return q(a)===g};exports.isPortal=function(a){return q(a)===d};exports.isStrictMode=function(a){return q(a)===f};
+  var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,r=b?Symbol.for("react.memo"):
+  60115,t=b?Symbol.for("react.lazy"):60116;function u(a){if("object"===typeof a&&null!==a){var q=a.$$typeof;switch(q){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case h:return a;default:return q}}case d:return q}}}function v(a){return u(a)===m}exports.typeOf=u;exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;exports.Fragment=e;
+  exports.Profiler=g;exports.Portal=d;exports.StrictMode=f;exports.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n)};exports.isAsyncMode=function(a){return v(a)||u(a)===l};exports.isConcurrentMode=v;exports.isContextConsumer=function(a){return u(a)===k};exports.isContextProvider=function(a){return u(a)===h};
+  exports.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return u(a)===n};exports.isFragment=function(a){return u(a)===e};exports.isProfiler=function(a){return u(a)===g};exports.isPortal=function(a){return u(a)===d};exports.isStrictMode=function(a){return u(a)===f};
   });
 
   unwrapExports(reactIs_production_min);
   var reactIs_production_min_1 = reactIs_production_min.typeOf;
   var reactIs_production_min_2 = reactIs_production_min.AsyncMode;
-  var reactIs_production_min_3 = reactIs_production_min.ContextConsumer;
-  var reactIs_production_min_4 = reactIs_production_min.ContextProvider;
-  var reactIs_production_min_5 = reactIs_production_min.Element;
-  var reactIs_production_min_6 = reactIs_production_min.ForwardRef;
-  var reactIs_production_min_7 = reactIs_production_min.Fragment;
-  var reactIs_production_min_8 = reactIs_production_min.Profiler;
-  var reactIs_production_min_9 = reactIs_production_min.Portal;
-  var reactIs_production_min_10 = reactIs_production_min.StrictMode;
-  var reactIs_production_min_11 = reactIs_production_min.isValidElementType;
-  var reactIs_production_min_12 = reactIs_production_min.isAsyncMode;
-  var reactIs_production_min_13 = reactIs_production_min.isContextConsumer;
-  var reactIs_production_min_14 = reactIs_production_min.isContextProvider;
-  var reactIs_production_min_15 = reactIs_production_min.isElement;
-  var reactIs_production_min_16 = reactIs_production_min.isForwardRef;
-  var reactIs_production_min_17 = reactIs_production_min.isFragment;
-  var reactIs_production_min_18 = reactIs_production_min.isProfiler;
-  var reactIs_production_min_19 = reactIs_production_min.isPortal;
-  var reactIs_production_min_20 = reactIs_production_min.isStrictMode;
+  var reactIs_production_min_3 = reactIs_production_min.ConcurrentMode;
+  var reactIs_production_min_4 = reactIs_production_min.ContextConsumer;
+  var reactIs_production_min_5 = reactIs_production_min.ContextProvider;
+  var reactIs_production_min_6 = reactIs_production_min.Element;
+  var reactIs_production_min_7 = reactIs_production_min.ForwardRef;
+  var reactIs_production_min_8 = reactIs_production_min.Fragment;
+  var reactIs_production_min_9 = reactIs_production_min.Profiler;
+  var reactIs_production_min_10 = reactIs_production_min.Portal;
+  var reactIs_production_min_11 = reactIs_production_min.StrictMode;
+  var reactIs_production_min_12 = reactIs_production_min.isValidElementType;
+  var reactIs_production_min_13 = reactIs_production_min.isAsyncMode;
+  var reactIs_production_min_14 = reactIs_production_min.isConcurrentMode;
+  var reactIs_production_min_15 = reactIs_production_min.isContextConsumer;
+  var reactIs_production_min_16 = reactIs_production_min.isContextProvider;
+  var reactIs_production_min_17 = reactIs_production_min.isElement;
+  var reactIs_production_min_18 = reactIs_production_min.isForwardRef;
+  var reactIs_production_min_19 = reactIs_production_min.isFragment;
+  var reactIs_production_min_20 = reactIs_production_min.isProfiler;
+  var reactIs_production_min_21 = reactIs_production_min.isPortal;
+  var reactIs_production_min_22 = reactIs_production_min.isStrictMode;
 
   var reactIs = createCommonjsModule(function (module) {
 
@@ -170,22 +161,19 @@
   }
   });
 
-  var _ReactIs$ForwardRef;
-
-  function _defineProperty$1(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; }
-
   /**
    * Copyright 2015, Yahoo! Inc.
    * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
    */
 
-
   var REACT_STATICS = {
       childContextTypes: true,
+      contextType: true,
       contextTypes: true,
       defaultProps: true,
       displayName: true,
       getDefaultProps: true,
+      getDerivedStateFromError: true,
       getDerivedStateFromProps: true,
       mixins: true,
       propTypes: true,
@@ -202,7 +190,16 @@
       arity: true
   };
 
-  var TYPE_STATICS = _defineProperty$1({}, reactIs.ForwardRef, (_ReactIs$ForwardRef = {}, _defineProperty$1(_ReactIs$ForwardRef, '$$typeof', true), _defineProperty$1(_ReactIs$ForwardRef, 'render', true), _ReactIs$ForwardRef));
+  var FORWARD_REF_STATICS = {
+      '$$typeof': true,
+      render: true,
+      defaultProps: true,
+      displayName: true,
+      propTypes: true
+  };
+
+  var TYPE_STATICS = {};
+  TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
 
   var defineProperty = Object.defineProperty;
   var getOwnPropertyNames = Object.getOwnPropertyNames;
@@ -457,7 +454,8 @@
     return !(component.prototype && component.prototype.render);
   }
   var symbolId = 0;
-  function newSymbol(name) {
+
+  function createSymbol(name) {
     if (typeof Symbol === "function") {
       return Symbol(name);
     }
@@ -466,6 +464,15 @@
     symbolId++;
     return symbol;
   }
+
+  var createdSymbols = {};
+  function newSymbol(name) {
+    if (!createdSymbols[name]) {
+      createdSymbols[name] = createSymbol(name);
+    }
+
+    return createdSymbols[name];
+  }
   var mobxMixins = newSymbol("patchMixins");
   var mobxPatchedDefinition = newSymbol("patchedDefinition");
 
@@ -711,8 +718,6 @@
     }
   }
 
-  var ReactIs = require("react-is");
-
   var mobxAdminProperty = mobx.$mobx || "$mobx";
   var mobxIsUnmounted = newSymbol("isUnmounted");
   /**
@@ -726,7 +731,9 @@
   var componentByNodeRegistry = typeof WeakMap !== "undefined" ? new WeakMap() : undefined;
   var renderReporter = new EventEmitter();
   var skipRenderKey = newSymbol("skipRender");
-  var isForcingUpdateKey = newSymbol("isForcingUpdate");
+  var isForcingUpdateKey = newSymbol("isForcingUpdate"); // Using react-is had some issues (and operates on elements, not on types), see #608 / #609
+
+  var ReactForwardRefSymbol = typeof React.forwardRef === "function" && React.forwardRef(function (_props, _ref) {})["$$typeof"];
   /**
    * Helper to set `prop` to `this` as non-enumerable (hidden prop)
    * @param target
@@ -1032,16 +1039,15 @@
     // not the ForwardRef HoC
 
 
-    if (componentClass["$$typeof"] === ReactIs.ForwardRef) {
+    if (ReactForwardRefSymbol && componentClass["$$typeof"] === ReactForwardRefSymbol) {
       var _baseRender = componentClass.render;
-      if (typeof _baseRender !== "function") throw new Error("render property of ForwardRef was not a function");
-      return _objectSpread({}, componentClass, {
-        render: function render() {
-          var _arguments = arguments;
-          return React__default.createElement(Observer, null, function () {
-            return _baseRender.apply(undefined, _arguments);
-          });
-        }
+      if (typeof _baseRender !== "function") throw new Error("render property of ForwardRef was not a function"); // TODO: do we need to hoist statics from baseRender to the forward ref?
+
+      return React.forwardRef(function ObserverForwardRef() {
+        var _arguments = arguments;
+        return React__default.createElement(Observer, null, function () {
+          return _baseRender.apply(undefined, _arguments);
+        });
       });
     } // Stateless function component:
     // If it is function but doesn't seem to be a react class constructor,
@@ -1108,10 +1114,10 @@
     }
   }
 
-  var Observer = observer(function (_ref) {
-    var children = _ref.children,
-        observerInject = _ref.inject,
-        render = _ref.render;
+  var Observer = observer(function (_ref2) {
+    var children = _ref2.children,
+        observerInject = _ref2.inject,
+        render = _ref2.render;
     var component = children || render;
 
     if (typeof component === "undefined") {

package/index.min.js

@@ -1 +1,9 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("mobx"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","mobx","react-dom"],t):t(e.mobxReact={},e.React,e.mobx,e.ReactDOM)}(this,function(e,l,p,t){"use strict";var f="default"in l?l.default:l;function a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function y(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&n(e,t)}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function n(e,t){return(n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function v(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function o(e,t){return e(t={exports:{}},t.exports),t.exports}var i,s=o(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,i=n?Symbol.for("react.fragment"):60107,a=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,c=n?Symbol.for("react.provider"):60109,u=n?Symbol.for("react.context"):60110,l=n?Symbol.for("react.async_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,f=n?Symbol.for("react.placeholder"):60113;function d(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case l:case i:case s:case a:return e;default:switch(e=e&&e.$$typeof){case u:case p:case c:return e;default:return t}}case o:return t}}}t.typeOf=d,t.AsyncMode=l,t.ContextConsumer=u,t.ContextProvider=c,t.Element=r,t.ForwardRef=p,t.Fragment=i,t.Profiler=s,t.Portal=o,t.StrictMode=a,t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===l||e===s||e===a||e===f||"object"==typeof e&&null!==e&&("function"==typeof e.then||e.$$typeof===c||e.$$typeof===u||e.$$typeof===p)},t.isAsyncMode=function(e){return d(e)===l},t.isContextConsumer=function(e){return d(e)===u},t.isContextProvider=function(e){return d(e)===c},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return d(e)===p},t.isFragment=function(e){return d(e)===i},t.isProfiler=function(e){return d(e)===s},t.isPortal=function(e){return d(e)===o},t.isStrictMode=function(e){return d(e)===a}});(i=s)&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")&&i.default;s.typeOf,s.AsyncMode,s.ContextConsumer,s.ContextProvider,s.Element,s.ForwardRef,s.Fragment,s.Profiler,s.Portal,s.StrictMode,s.isValidElementType,s.isAsyncMode,s.isContextConsumer,s.isContextProvider,s.isElement,s.isForwardRef,s.isFragment,s.isProfiler,s.isPortal,s.isStrictMode;var c,u=o(function(e){e.exports=s});function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var w={childContextTypes:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},O={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},_=g({},u.ForwardRef,(g(c={},"$$typeof",!0),g(c,"render",!0),c)),P=Object.defineProperty,x=Object.getOwnPropertyNames,S=Object.getOwnPropertySymbols,j=Object.getOwnPropertyDescriptor,C=Object.getPrototypeOf,E=Object.prototype;var U=function e(t,n,r){if("string"==typeof n)return t;if(E){var o=C(n);o&&o!==E&&e(t,o,r)}var i=x(n);S&&(i=i.concat(S(n)));for(var a=_[t.$$typeof]||w,s=_[n.$$typeof]||w,c=0;c<i.length;++c){var u=i[c];if(!(O[u]||r&&r[u]||s&&s[u]||a&&a[u])){var l=j(n,u);try{P(t,u,l)}catch(e){}}}return t},M=function(){function e(){d(this,e),this.listeners=[]}return y(e,[{key:"on",value:function(t){var n=this;return this.listeners.push(t),function(){var e=n.listeners.indexOf(t);-1!==e&&n.listeners.splice(e,1)}}},{key:"emit",value:function(t){this.listeners.forEach(function(e){return e(t)})}}]),e}();function R(u){function e(t,n,r,o,i,a){for(var e=arguments.length,s=new Array(6<e?e-6:0),c=6;c<e;c++)s[c-6]=arguments[c];return p.untracked(function(){if(o=o||"<<anonymous>>",a=a||r,null!=n[r])return u.apply(void 0,[n,r,o,i,a].concat(s));if(t){var e=null===n[r]?"null":"undefined";return new Error("The "+i+" `"+a+"` is marked as required in `"+o+"`, but its value is `"+e+"`.")}return null})}var t=e.bind(null,!1);return t.isRequired=e.bind(null,!0),t}function k(e){var t,n=a(e);return Array.isArray(e)?"array":e instanceof RegExp?"object":(t=e,"symbol"===n||"Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol?"symbol":n)}function D(c,u){return R(function(o,i,a,e,s){return p.untracked(function(){if(c&&k(o[i])===u.toLowerCase())return null;var e;switch(u){case"Array":e=p.isObservableArray;break;case"Object":e=p.isObservableObject;break;case"Map":e=p.isObservableMap;break;default:throw new Error("Unexpected mobxType: ".concat(u))}var t=o[i];if(e(t))return null;var n=function(e){var t=k(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}(t),r=c?" or javascript `"+u.toLowerCase()+"`":"";return new Error("Invalid prop `"+s+"` of type `"+n+"` supplied to `"+a+"`, expected `mobx.Observable"+u+"`"+r+".")})})}function A(u,l){return R(function(r,o,i,a,s){for(var e=arguments.length,c=new Array(5<e?e-5:0),t=5;t<e;t++)c[t-5]=arguments[t];return p.untracked(function(){if("function"!=typeof l)return new Error("Property `"+s+"` of component `"+i+"` has invalid PropType notation.");var e=D(u,"Array")(r,o,i);if(e instanceof Error)return e;for(var t=r[o],n=0;n<t.length;n++)if((e=l.apply(void 0,[t,n,i,a,s+"["+n+"]"].concat(c)))instanceof Error)return e;return null})})}var T=D(!1,"Array"),F=A.bind(null,!1),I=D(!1,"Map"),W=D(!1,"Object"),$=D(!0,"Array"),N=A.bind(null,!0),B=D(!0,"Object"),L=Object.freeze({observableArray:T,observableArrayOf:F,observableMap:I,observableObject:W,arrayOrObservableArray:$,arrayOrObservableArrayOf:N,objectOrObservableObject:B});var q=0;function X(e){if("function"==typeof Symbol)return Symbol(e);var t="__$mobx-react ".concat(e," (").concat(q,")");return q++,t}var H=X("patchMixins"),V=X("patchedDefinition");function G(e,t){for(var n=this,r=arguments.length,o=new Array(2<r?r-2:0),i=2;i<r;i++)o[i-2]=arguments[i];t.locks++;try{var a;return null!=e&&(a=e.apply(this,o)),a}finally{t.locks--,0===t.locks&&t.methods.forEach(function(e){e.apply(n,o)})}}function K(r,o){return function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];G.call.apply(G,[this,r,o].concat(t))}}function Y(e,t){for(var n,r,o,i,a=(r=t,o=(n=e)[H]=n[H]||{},(i=o[r]=o[r]||{}).locks=i.locks||0,i.methods=i.methods||[],i),s=arguments.length,c=new Array(2<s?s-2:0),u=2;u<s;u++)c[u-2]=arguments[u];for(var l=0;l<c.length;l++){var p=c[l];a.methods.indexOf(p)<0&&a.methods.push(p)}var f=Object.getOwnPropertyDescriptor(e,t);if(!f||!f[V]){var d=e[t],y=function n(r,o,i,a,e){var t;var s=K(e,a);return t={},h(t,V,!0),h(t,"get",function(){return s}),h(t,"set",function(e){if(this===r)s=K(e,a);else{var t=n(this,o,i,a,e);Object.defineProperty(this,o,t)}}),h(t,"configurable",!0),h(t,"enumerable",i),t}(e,t,f?f.enumerable:void 0,a,d);Object.defineProperty(e,t,y)}}var z={mobxStores:B};Object.seal(z);var J={contextTypes:{get:function(){return z},set:function(e){console.warn("Mobx Injector: you are trying to attach `contextTypes` on an component decorated with `inject` (or `observer`) HOC. Please specify the contextTypes on the wrapped component instead. It is accessible through the `wrappedComponent`")},configurable:!0,enumerable:!1},isMobxInjector:{value:!0,writable:!0,configurable:!0,enumerable:!0}};function Q(a,s,e){var t="inject-"+(s.displayName||s.name||s.constructor&&s.constructor.name||"Unknown");e&&(t+="-with-"+e);var n=function(e){function i(){var e,t;d(this,i);for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=v(this,(e=b(i)).call.apply(e,[this].concat(r)))).storeRef=function(e){t.wrappedInstance=e},t}return m(i,l.Component),y(i,[{key:"render",value:function(){var e={};for(var t in this.props)this.props.hasOwnProperty(t)&&(e[t]=this.props[t]);var n,r=a(this.context.mobxStores||{},e,this.context)||{};for(var o in r)e[o]=r[o];return(n=s).prototype&&n.prototype.render&&(e.ref=this.storeRef),l.createElement(s,e)}}]),i}();return n.displayName=t,U(n,s),n.wrappedComponent=s,Object.defineProperties(n,J),n}function Z(){var n,e;if("function"==typeof arguments[0])return n=arguments[0],function(e){var t=Q(n,e);return t.isMobxInjector=!1,(t=ge(t)).isMobxInjector=!0,t};for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e=t,n=function(t,n){return e.forEach(function(e){if(!(e in n)){if(!(e in t))throw new Error("MobX injector: Store '"+e+"' is not available! Make sure it is provided by some Provider");n[e]=t[e]}}),n},function(e){return Q(n,e,t.join("-"))}}var ee=require("react-is"),te=p.$mobx||"$mobx",ne=X("isUnmounted"),re=!1,oe=!1,ie=!1,ae="undefined"!=typeof WeakMap?new WeakMap:void 0,se=new M,ce=X("skipRender"),ue=X("isForcingUpdate");function le(e,t,n){Object.hasOwnProperty.call(e,t)?e[t]=n:Object.defineProperty(e,t,{enumerable:!1,configurable:!0,writable:!0,value:n})}function pe(e){if(t.findDOMNode)try{return t.findDOMNode(e)}catch(e){return null}return null}function fe(e){var t=pe(e);t&&ae&&ae.set(t,e),se.emit({event:"render",renderTime:e.__$mobRenderEnd-e.__$mobRenderStart,totalTime:Date.now()-e.__$mobRenderStart,component:e,node:t})}function de(){if("undefined"==typeof WeakMap)throw new Error("[mobx-react] tracking components is not supported in this browser.");re||(re=!0)}var ye=new M;function he(e,t){if(me(e,t))return!0;if("object"!==a(e)||null===e||"object"!==a(t)||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(var o=0;o<n.length;o++)if(!hasOwnProperty.call(t,n[o])||!me(e[n[o]],t[n[o]]))return!1;return!0}function me(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}var be={componentWillUnmount:function(){if(!0!==oe&&(this.render[te]&&this.render[te].dispose(),this[ne]=!0,re)){var e=pe(this);e&&ae&&ae.delete(e),se.emit({event:"destroy",component:this,node:e})}},componentDidMount:function(){re&&fe(this)},componentDidUpdate:function(){re&&fe(this)},shouldComponentUpdate:function(e,t){return oe&&console.warn("[mobx-react] It seems that a re-rendering of a React component is triggered while in static (server-side) mode. Please make sure components are rendered only once server-side."),this.state!==t||!he(this.props,e)}};function ve(e,t){var n=X("reactProp_".concat(t,"_valueHolder")),r=X("reactProp_".concat(t,"_atomHolder"));function o(){return this[r]||le(this,r,p.createAtom("reactive "+t)),this[r]}Object.defineProperty(e,t,{configurable:!0,enumerable:!0,get:function(){return o.call(this).reportObserved(),this[n]},set:function(e){this[ue]||he(this[n],e)?le(this,n,e):(le(this,n,e),le(this,ce,!0),o.call(this).reportChanged(),le(this,ce,!1))}})}function ge(t,e){if("string"==typeof t)throw new Error("Store names should be provided as array");if(Array.isArray(t))return ie||(ie=!0,console.warn('Mobx observer: Using observer to inject stores is deprecated since 4.0. Use `@inject("store1", "store2") @observer ComponentClass` or `inject("store1", "store2")(observer(componentClass))` instead of `@observer(["store1", "store2"]) ComponentClass`')),e?Z.apply(null,t)(ge(e)):function(e){return ge(t,e)};var n=t;if(!0===n.isMobxInjector&&console.warn("Mobx observer: You are trying to use 'observer' on a component that already has 'inject'. Please apply 'observer' before applying 'inject'"),n.__proto__===l.PureComponent&&console.warn("Mobx observer: You are using 'observer' on React.PureComponent. These two achieve two opposite goals and should not be used together"),n.$$typeof===ee.ForwardRef){var r=n.render;if("function"!=typeof r)throw new Error("render property of ForwardRef was not a function");return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(e){h(t,e,n[e])})}return t}({},n,{render:function(){var e=arguments;return f.createElement(we,null,function(){return r.apply(void 0,e)})}})}if(!("function"!=typeof n||n.prototype&&n.prototype.render||n.isReactClass||l.Component.isPrototypeOf(n))){var o,i,a=ge((i=o=function(e){function t(){return d(this,t),v(this,b(t).apply(this,arguments))}return m(t,l.Component),y(t,[{key:"render",value:function(){return n.call(this,this.props,this.context)}}]),t}(),o.displayName=n.displayName||n.name,o.contextTypes=n.contextTypes,o.propTypes=n.propTypes,o.defaultProps=n.defaultProps,i));return U(a,n),a}if(!n)throw new Error("Please pass a valid component to 'observer'");var s,c=n.prototype||n;s=c,["componentDidMount","componentWillUnmount","componentDidUpdate"].forEach(function(e){var t;Y(s,t=e,be[t])}),s.shouldComponentUpdate?s.shouldComponentUpdate!==be.shouldComponentUpdate&&console.warn("Use `shouldComponentUpdate` in an `observer` based component breaks the behavior of `observer` and might lead to unexpected results. Manually implementing `sCU` should not be needed when using mobx-react."):s.shouldComponentUpdate=be.shouldComponentUpdate,n.isMobXReactObserver=!0,ve(c,"props"),ve(c,"state");var u=c.render;return c.render=function(){return function(e){var t=this;if(!0===oe)return e.call(this);function n(){var e=this;a=!1;var t=void 0,n=void 0;if(s.track(function(){re&&(e.__$mobRenderStart=Date.now());try{n=p._allowStateChanges(!1,i)}catch(e){t=e}re&&(e.__$mobRenderEnd=Date.now())}),t)throw ye.emit(t),t;return n}var r=this.displayName||this.name||this.constructor&&(this.constructor.displayName||this.constructor.name)||"<component>",o=this._reactInternalInstance&&this._reactInternalInstance._rootNodeID||this._reactInternalInstance&&this._reactInternalInstance._debugID||this._reactInternalFiber&&this._reactInternalFiber._debugID;le(this,ce,!1),le(this,ue,!1);var i=e.bind(this),a=!1,s=new p.Reaction("".concat(r,"#").concat(o,".render()"),function(){if(!a&&(a=!0,"function"==typeof t.componentWillReact&&t.componentWillReact(),!0!==t[ne])){var e=!0;try{le(t,ue,!0),t[ce]||l.Component.prototype.forceUpdate.call(t),e=!1}finally{le(t,ue,!1),e&&s.dispose()}}});return s.reactComponent=this,n[te]=s,(this.render=n).call(this)}.call(this,u)},n}var we=ge(function(e){var t=e.children,n=e.inject,r=e.render,o=t||r;if(void 0===o)return null;if(!n)return o();console.warn("<Observer inject=.../> is no longer supported. Please use inject on the enclosing component instead");var i=Z(n)(o);return f.createElement(i,null)});we.displayName="Observer";var Oe=function(e,t,n,r,o){var i="children"===t?"render":"children";return"function"==typeof e[t]&&"function"==typeof e[i]?new Error("Invalid prop,do not use children and render in the same time in`"+n):"function"!=typeof e[t]&&"function"!=typeof e[i]?new Error("Invalid prop `"+o+"` of type `"+a(e[t])+"` supplied to `"+n+"`, expected `function`."):void 0};function _e(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!=e&&this.setState(e)}function Pe(n){this.setState(function(e){var t=this.constructor.getDerivedStateFromProps(n,e);return null!=t?t:null}.bind(this))}function xe(e,t){try{var n=this.props,r=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,r)}finally{this.props=n,this.state=r}}we.propTypes={render:Oe,children:Oe};var Se={children:xe.__suppressDeprecationWarning=Pe.__suppressDeprecationWarning=_e.__suppressDeprecationWarning=!0,key:!0,ref:!0},je=function(e){function r(e,t){var n;return d(this,r),(n=v(this,b(r).call(this,e,t))).state={},Ce(e,n.state),n}return m(r,l.Component),y(r,[{key:"render",value:function(){return l.Children.only(this.props.children)}},{key:"getChildContext",value:function(){var e={};return Ce(this.context.mobxStores,e),Ce(this.props,e),{mobxStores:e}}}],[{key:"getDerivedStateFromProps",value:function(e,t){if(!e)return null;if(!t)return e;if(Object.keys(e).filter(Ee).length!==Object.keys(t).filter(Ee).length&&console.warn("MobX Provider: The set of provided stores has changed. Please avoid changing stores as the change might not propagate to all children"),!e.suppressChangedStoreWarning)for(var n in e)Ee(n)&&t[n]!==e[n]&&console.warn("MobX Provider: Provided store '"+n+"' has changed. Please avoid replacing stores as the change might not propagate to all children");return e}}]),r}();function Ce(e,t){if(e)for(var n in e)Ee(n)&&(t[n]=e[n])}function Ee(e){return!Se[e]&&"suppressChangedStoreWarning"!==e}je.contextTypes={mobxStores:B},je.childContextTypes={mobxStores:B.isRequired},function(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return;var n=null,r=null,o=null;if("function"==typeof t.componentWillMount?n="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(n="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?r="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(r="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?o="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(o="UNSAFE_componentWillUpdate"),null!==n||null!==r||null!==o){var i=e.displayName||e.name,a="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+i+" uses "+a+" but also contains the following legacy lifecycles:"+(null!==n?"\n  "+n:"")+(null!==r?"\n  "+r:"")+(null!==o?"\n  "+o:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=_e,t.componentWillReceiveProps=Pe),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=xe;var s=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var r=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;s.call(this,e,t,r)}}}(je);var Ue=X("disposeOnUnmount");function Me(){var n=this;this[Ue]&&(this[Ue].forEach(function(e){var t="string"==typeof e?n[e]:e;if(null!=t){if("function"!=typeof t)throw new Error("[mobx-react] disposeOnUnmount only works on functions such as disposers returned by reactions, autorun, etc.");t()}}),this[Ue]=[])}if(!l.Component)throw new Error("mobx-react requires React to be available");if(!p.spy)throw new Error("mobx-react requires mobx to be available");"function"==typeof t.unstable_batchedUpdates&&p.configure({reactionScheduler:t.unstable_batchedUpdates});if("object"===("undefined"==typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__?"undefined":a(__MOBX_DEVTOOLS_GLOBAL_HOOK__))){var Re={spy:p.spy,extras:{getDebugName:p.getDebugName}},ke={renderReporter:se,componentByNodeRegistry:ae,componentByNodeRegistery:ae,trackComponents:de};__MOBX_DEVTOOLS_GLOBAL_HOOK__.injectMobxReact(ke,Re)}e.propTypes=L,e.PropTypes=L,e.onError=function(e){return ye.on(e)},e.observer=ge,e.Observer=we,e.renderReporter=se,e.componentByNodeRegistery=ae,e.componentByNodeRegistry=ae,e.trackComponents=de,e.useStaticRendering=function(e){oe=e},e.Provider=je,e.inject=Z,e.disposeOnUnmount=function t(n,e){if(Array.isArray(e))return e.map(function(e){return t(n,e)});if(!n instanceof l.Component)throw new Error("[mobx-react] disposeOnUnmount only works on class based React components.");if("string"!=typeof e&&"function"!=typeof e)throw new Error("[mobx-react] disposeOnUnmount only works if the parameter is either a property key or a function.");var r=!!n[Ue];return(n[Ue]||(n[Ue]=[])).push(e),r||Y(n,"componentWillUnmount",Me),"string"!=typeof e?e:void 0},Object.defineProperty(e,"__esModule",{value:!0})});
+/** @license mobx-react v5.4.4
+ * index.min.js
+ *
+ * Copyright (c) 2015 Michel Weststrate.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("mobx"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","mobx","react","react-dom"],t):t(e.mobxReact={},e.mobx,e.React,e.ReactDOM)}(this,function(e,l,p,t){"use strict";var f="default"in p?p.default:p;function a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function y(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&n(e,t)}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function n(e,t){return(n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function v(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function o(e,t){return e(t={exports:{}},t.exports),t.exports}var i,s=o(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,i=n?Symbol.for("react.fragment"):60107,a=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,c=n?Symbol.for("react.provider"):60109,u=n?Symbol.for("react.context"):60110,p=n?Symbol.for("react.async_mode"):60111,l=n?Symbol.for("react.concurrent_mode"):60111,f=n?Symbol.for("react.forward_ref"):60112,d=n?Symbol.for("react.suspense"):60113,y=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116;function m(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case p:case l:case i:case s:case a:return e;default:switch(e=e&&e.$$typeof){case u:case f:case c:return e;default:return t}}case o:return t}}}function b(e){return m(e)===l}t.typeOf=m,t.AsyncMode=p,t.ConcurrentMode=l,t.ContextConsumer=u,t.ContextProvider=c,t.Element=r,t.ForwardRef=f,t.Fragment=i,t.Profiler=s,t.Portal=o,t.StrictMode=a,t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===l||e===s||e===a||e===d||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===y||e.$$typeof===c||e.$$typeof===u||e.$$typeof===f)},t.isAsyncMode=function(e){return b(e)||m(e)===p},t.isConcurrentMode=b,t.isContextConsumer=function(e){return m(e)===u},t.isContextProvider=function(e){return m(e)===c},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return m(e)===f},t.isFragment=function(e){return m(e)===i},t.isProfiler=function(e){return m(e)===s},t.isPortal=function(e){return m(e)===o},t.isStrictMode=function(e){return m(e)===a}});(i=s)&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")&&i.default;s.typeOf,s.AsyncMode,s.ConcurrentMode,s.ContextConsumer,s.ContextProvider,s.Element,s.ForwardRef,s.Fragment,s.Profiler,s.Portal,s.StrictMode,s.isValidElementType,s.isAsyncMode,s.isConcurrentMode,s.isContextConsumer,s.isContextProvider,s.isElement,s.isForwardRef,s.isFragment,s.isProfiler,s.isPortal,s.isStrictMode;var c=o(function(e){e.exports=s}),g={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},w={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},O={};O[c.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0};var _=Object.defineProperty,x=Object.getOwnPropertyNames,S=Object.getOwnPropertySymbols,P=Object.getOwnPropertyDescriptor,j=Object.getPrototypeOf,C=Object.prototype;var E=function e(t,n,r){if("string"==typeof n)return t;if(C){var o=j(n);o&&o!==C&&e(t,o,r)}var i=x(n);S&&(i=i.concat(S(n)));for(var a=O[t.$$typeof]||g,s=O[n.$$typeof]||g,c=0;c<i.length;++c){var u=i[c];if(!(w[u]||r&&r[u]||s&&s[u]||a&&a[u])){var p=P(n,u);try{_(t,u,p)}catch(e){}}}return t},u=function(){function e(){d(this,e),this.listeners=[]}return y(e,[{key:"on",value:function(t){var n=this;return this.listeners.push(t),function(){var e=n.listeners.indexOf(t);-1!==e&&n.listeners.splice(e,1)}}},{key:"emit",value:function(t){this.listeners.forEach(function(e){return e(t)})}}]),e}();function M(u){function e(t,n,r,o,i,a){for(var e=arguments.length,s=new Array(6<e?e-6:0),c=6;c<e;c++)s[c-6]=arguments[c];return l.untracked(function(){if(o=o||"<<anonymous>>",a=a||r,null!=n[r])return u.apply(void 0,[n,r,o,i,a].concat(s));if(t){var e=null===n[r]?"null":"undefined";return new Error("The "+i+" `"+a+"` is marked as required in `"+o+"`, but its value is `"+e+"`.")}return null})}var t=e.bind(null,!1);return t.isRequired=e.bind(null,!0),t}function U(e){var t,n=a(e);return Array.isArray(e)?"array":e instanceof RegExp?"object":(t=e,"symbol"===n||"Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol?"symbol":n)}function R(c,u){return M(function(o,i,a,e,s){return l.untracked(function(){if(c&&U(o[i])===u.toLowerCase())return null;var e;switch(u){case"Array":e=l.isObservableArray;break;case"Object":e=l.isObservableObject;break;case"Map":e=l.isObservableMap;break;default:throw new Error("Unexpected mobxType: ".concat(u))}var t=o[i];if(e(t))return null;var n=function(e){var t=U(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}(t),r=c?" or javascript `"+u.toLowerCase()+"`":"";return new Error("Invalid prop `"+s+"` of type `"+n+"` supplied to `"+a+"`, expected `mobx.Observable"+u+"`"+r+".")})})}function k(u,p){return M(function(r,o,i,a,s){for(var e=arguments.length,c=new Array(5<e?e-5:0),t=5;t<e;t++)c[t-5]=arguments[t];return l.untracked(function(){if("function"!=typeof p)return new Error("Property `"+s+"` of component `"+i+"` has invalid PropType notation.");var e=R(u,"Array")(r,o,i);if(e instanceof Error)return e;for(var t=r[o],n=0;n<t.length;n++)if((e=p.apply(void 0,[t,n,i,a,s+"["+n+"]"].concat(c)))instanceof Error)return e;return null})})}var D=R(!1,"Array"),A=k.bind(null,!1),$=R(!1,"Map"),T=R(!1,"Object"),F=R(!0,"Array"),I=k.bind(null,!0),W=R(!0,"Object"),N=Object.freeze({observableArray:D,observableArrayOf:A,observableMap:$,observableObject:T,arrayOrObservableArray:F,arrayOrObservableArrayOf:I,objectOrObservableObject:W});var B=0;var L={};function q(e){return L[e]||(L[e]=function(e){if("function"==typeof Symbol)return Symbol(e);var t="__$mobx-react ".concat(e," (").concat(B,")");return B++,t}(e)),L[e]}var X=q("patchMixins"),H=q("patchedDefinition");function V(e,t){for(var n=this,r=arguments.length,o=new Array(2<r?r-2:0),i=2;i<r;i++)o[i-2]=arguments[i];t.locks++;try{var a;return null!=e&&(a=e.apply(this,o)),a}finally{t.locks--,0===t.locks&&t.methods.forEach(function(e){e.apply(n,o)})}}function G(r,o){return function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];V.call.apply(V,[this,r,o].concat(t))}}function K(e,t){for(var n,r,o,i,a=(r=t,o=(n=e)[X]=n[X]||{},(i=o[r]=o[r]||{}).locks=i.locks||0,i.methods=i.methods||[],i),s=arguments.length,c=new Array(2<s?s-2:0),u=2;u<s;u++)c[u-2]=arguments[u];for(var p=0;p<c.length;p++){var l=c[p];a.methods.indexOf(l)<0&&a.methods.push(l)}var f=Object.getOwnPropertyDescriptor(e,t);if(!f||!f[H]){var d=e[t],y=function n(r,o,i,a,e){var t;var s=G(e,a);return t={},h(t,H,!0),h(t,"get",function(){return s}),h(t,"set",function(e){if(this===r)s=G(e,a);else{var t=n(this,o,i,a,e);Object.defineProperty(this,o,t)}}),h(t,"configurable",!0),h(t,"enumerable",i),t}(e,t,f?f.enumerable:void 0,a,d);Object.defineProperty(e,t,y)}}var z={mobxStores:W};Object.seal(z);var Y={contextTypes:{get:function(){return z},set:function(e){console.warn("Mobx Injector: you are trying to attach `contextTypes` on an component decorated with `inject` (or `observer`) HOC. Please specify the contextTypes on the wrapped component instead. It is accessible through the `wrappedComponent`")},configurable:!0,enumerable:!1},isMobxInjector:{value:!0,writable:!0,configurable:!0,enumerable:!0}};function J(a,s,e){var t="inject-"+(s.displayName||s.name||s.constructor&&s.constructor.name||"Unknown");e&&(t+="-with-"+e);var n=function(e){function i(){var e,t;d(this,i);for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=v(this,(e=b(i)).call.apply(e,[this].concat(r)))).storeRef=function(e){t.wrappedInstance=e},t}return m(i,p.Component),y(i,[{key:"render",value:function(){var e={};for(var t in this.props)this.props.hasOwnProperty(t)&&(e[t]=this.props[t]);var n,r=a(this.context.mobxStores||{},e,this.context)||{};for(var o in r)e[o]=r[o];return(n=s).prototype&&n.prototype.render&&(e.ref=this.storeRef),p.createElement(s,e)}}]),i}();return n.displayName=t,E(n,s),n.wrappedComponent=s,Object.defineProperties(n,Y),n}function Q(){var n,e;if("function"==typeof arguments[0])return n=arguments[0],function(e){var t=J(n,e);return t.isMobxInjector=!1,(t=ve(t)).isMobxInjector=!0,t};for(var t=[],r=0;r<arguments.length;r++)t[r]=arguments[r];return e=t,n=function(t,n){return e.forEach(function(e){if(!(e in n)){if(!(e in t))throw new Error("MobX injector: Store '"+e+"' is not available! Make sure it is provided by some Provider");n[e]=t[e]}}),n},function(e){return J(n,e,t.join("-"))}}var Z=l.$mobx||"$mobx",ee=q("isUnmounted"),te=!1,ne=!1,re=!1,oe="undefined"!=typeof WeakMap?new WeakMap:void 0,ie=new u,ae=q("skipRender"),se=q("isForcingUpdate"),ce="function"==typeof p.forwardRef&&p.forwardRef(function(e,t){}).$$typeof;function ue(e,t,n){Object.hasOwnProperty.call(e,t)?e[t]=n:Object.defineProperty(e,t,{enumerable:!1,configurable:!0,writable:!0,value:n})}function pe(e){if(t.findDOMNode)try{return t.findDOMNode(e)}catch(e){return null}return null}function le(e){var t=pe(e);t&&oe&&oe.set(t,e),ie.emit({event:"render",renderTime:e.__$mobRenderEnd-e.__$mobRenderStart,totalTime:Date.now()-e.__$mobRenderStart,component:e,node:t})}function fe(){if("undefined"==typeof WeakMap)throw new Error("[mobx-react] tracking components is not supported in this browser.");te||(te=!0)}var de=new u;function ye(e,t){if(he(e,t))return!0;if("object"!==a(e)||null===e||"object"!==a(t)||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(var o=0;o<n.length;o++)if(!hasOwnProperty.call(t,n[o])||!he(e[n[o]],t[n[o]]))return!1;return!0}function he(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}var me={componentWillUnmount:function(){if(!0!==ne&&(this.render[Z]&&this.render[Z].dispose(),this[ee]=!0,te)){var e=pe(this);e&&oe&&oe.delete(e),ie.emit({event:"destroy",component:this,node:e})}},componentDidMount:function(){te&&le(this)},componentDidUpdate:function(){te&&le(this)},shouldComponentUpdate:function(e,t){return ne&&console.warn("[mobx-react] It seems that a re-rendering of a React component is triggered while in static (server-side) mode. Please make sure components are rendered only once server-side."),this.state!==t||!ye(this.props,e)}};function be(e,t){var n=q("reactProp_".concat(t,"_valueHolder")),r=q("reactProp_".concat(t,"_atomHolder"));function o(){return this[r]||ue(this,r,l.createAtom("reactive "+t)),this[r]}Object.defineProperty(e,t,{configurable:!0,enumerable:!0,get:function(){return o.call(this).reportObserved(),this[n]},set:function(e){this[se]||ye(this[n],e)?ue(this,n,e):(ue(this,n,e),ue(this,ae,!0),o.call(this).reportChanged(),ue(this,ae,!1))}})}function ve(t,e){if("string"==typeof t)throw new Error("Store names should be provided as array");if(Array.isArray(t))return re||(re=!0,console.warn('Mobx observer: Using observer to inject stores is deprecated since 4.0. Use `@inject("store1", "store2") @observer ComponentClass` or `inject("store1", "store2")(observer(componentClass))` instead of `@observer(["store1", "store2"]) ComponentClass`')),e?Q.apply(null,t)(ve(e)):function(e){return ve(t,e)};var n=t;if(!0===n.isMobxInjector&&console.warn("Mobx observer: You are trying to use 'observer' on a component that already has 'inject'. Please apply 'observer' before applying 'inject'"),n.__proto__===p.PureComponent&&console.warn("Mobx observer: You are using 'observer' on React.PureComponent. These two achieve two opposite goals and should not be used together"),ce&&n.$$typeof===ce){var r=n.render;if("function"!=typeof r)throw new Error("render property of ForwardRef was not a function");return p.forwardRef(function(){var e=arguments;return f.createElement(ge,null,function(){return r.apply(void 0,e)})})}if(!("function"!=typeof n||n.prototype&&n.prototype.render||n.isReactClass||p.Component.isPrototypeOf(n))){var o,i,a=ve((i=o=function(e){function t(){return d(this,t),v(this,b(t).apply(this,arguments))}return m(t,p.Component),y(t,[{key:"render",value:function(){return n.call(this,this.props,this.context)}}]),t}(),o.displayName=n.displayName||n.name,o.contextTypes=n.contextTypes,o.propTypes=n.propTypes,o.defaultProps=n.defaultProps,i));return E(a,n),a}if(!n)throw new Error("Please pass a valid component to 'observer'");var s,c=n.prototype||n;s=c,["componentDidMount","componentWillUnmount","componentDidUpdate"].forEach(function(e){var t;K(s,t=e,me[t])}),s.shouldComponentUpdate?s.shouldComponentUpdate!==me.shouldComponentUpdate&&console.warn("Use `shouldComponentUpdate` in an `observer` based component breaks the behavior of `observer` and might lead to unexpected results. Manually implementing `sCU` should not be needed when using mobx-react."):s.shouldComponentUpdate=me.shouldComponentUpdate,n.isMobXReactObserver=!0,be(c,"props"),be(c,"state");var u=c.render;return c.render=function(){return function(e){var t=this;if(!0===ne)return e.call(this);function n(){var e=this;a=!1;var t=void 0,n=void 0;if(s.track(function(){te&&(e.__$mobRenderStart=Date.now());try{n=l._allowStateChanges(!1,i)}catch(e){t=e}te&&(e.__$mobRenderEnd=Date.now())}),t)throw de.emit(t),t;return n}var r=this.displayName||this.name||this.constructor&&(this.constructor.displayName||this.constructor.name)||"<component>",o=this._reactInternalInstance&&this._reactInternalInstance._rootNodeID||this._reactInternalInstance&&this._reactInternalInstance._debugID||this._reactInternalFiber&&this._reactInternalFiber._debugID;ue(this,ae,!1),ue(this,se,!1);var i=e.bind(this),a=!1,s=new l.Reaction("".concat(r,"#").concat(o,".render()"),function(){if(!a&&(a=!0,"function"==typeof t.componentWillReact&&t.componentWillReact(),!0!==t[ee])){var e=!0;try{ue(t,se,!0),t[ae]||p.Component.prototype.forceUpdate.call(t),e=!1}finally{ue(t,se,!1),e&&s.dispose()}}});return s.reactComponent=this,n[Z]=s,(this.render=n).call(this)}.call(this,u)},n}var ge=ve(function(e){var t=e.children,n=e.inject,r=e.render,o=t||r;if(void 0===o)return null;if(!n)return o();console.warn("<Observer inject=.../> is no longer supported. Please use inject on the enclosing component instead");var i=Q(n)(o);return f.createElement(i,null)});ge.displayName="Observer";var we=function(e,t,n,r,o){var i="children"===t?"render":"children";return"function"==typeof e[t]&&"function"==typeof e[i]?new Error("Invalid prop,do not use children and render in the same time in`"+n):"function"!=typeof e[t]&&"function"!=typeof e[i]?new Error("Invalid prop `"+o+"` of type `"+a(e[t])+"` supplied to `"+n+"`, expected `function`."):void 0};function Oe(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!=e&&this.setState(e)}function _e(n){this.setState(function(e){var t=this.constructor.getDerivedStateFromProps(n,e);return null!=t?t:null}.bind(this))}function xe(e,t){try{var n=this.props,r=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,r)}finally{this.props=n,this.state=r}}ge.propTypes={render:we,children:we};var Se={children:xe.__suppressDeprecationWarning=_e.__suppressDeprecationWarning=Oe.__suppressDeprecationWarning=!0,key:!0,ref:!0},Pe=function(e){function r(e,t){var n;return d(this,r),(n=v(this,b(r).call(this,e,t))).state={},je(e,n.state),n}return m(r,p.Component),y(r,[{key:"render",value:function(){return p.Children.only(this.props.children)}},{key:"getChildContext",value:function(){var e={};return je(this.context.mobxStores,e),je(this.props,e),{mobxStores:e}}}],[{key:"getDerivedStateFromProps",value:function(e,t){if(!e)return null;if(!t)return e;if(Object.keys(e).filter(Ce).length!==Object.keys(t).filter(Ce).length&&console.warn("MobX Provider: The set of provided stores has changed. Please avoid changing stores as the change might not propagate to all children"),!e.suppressChangedStoreWarning)for(var n in e)Ce(n)&&t[n]!==e[n]&&console.warn("MobX Provider: Provided store '"+n+"' has changed. Please avoid replacing stores as the change might not propagate to all children");return e}}]),r}();function je(e,t){if(e)for(var n in e)Ce(n)&&(t[n]=e[n])}function Ce(e){return!Se[e]&&"suppressChangedStoreWarning"!==e}Pe.contextTypes={mobxStores:W},Pe.childContextTypes={mobxStores:W.isRequired},function(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return;var n=null,r=null,o=null;if("function"==typeof t.componentWillMount?n="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(n="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?r="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(r="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?o="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(o="UNSAFE_componentWillUpdate"),null!==n||null!==r||null!==o){var i=e.displayName||e.name,a="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+i+" uses "+a+" but also contains the following legacy lifecycles:"+(null!==n?"\n  "+n:"")+(null!==r?"\n  "+r:"")+(null!==o?"\n  "+o:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=Oe,t.componentWillReceiveProps=_e),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=xe;var s=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var r=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;s.call(this,e,t,r)}}}(Pe);var Ee=q("disposeOnUnmount");function Me(){var n=this;this[Ee]&&(this[Ee].forEach(function(e){var t="string"==typeof e?n[e]:e;if(null!=t){if("function"!=typeof t)throw new Error("[mobx-react] disposeOnUnmount only works on functions such as disposers returned by reactions, autorun, etc.");t()}}),this[Ee]=[])}if(!p.Component)throw new Error("mobx-react requires React to be available");if(!l.spy)throw new Error("mobx-react requires mobx to be available");"function"==typeof t.unstable_batchedUpdates&&l.configure({reactionScheduler:t.unstable_batchedUpdates});if("object"===("undefined"==typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__?"undefined":a(__MOBX_DEVTOOLS_GLOBAL_HOOK__))){var Ue={spy:l.spy,extras:{getDebugName:l.getDebugName}},Re={renderReporter:ie,componentByNodeRegistry:oe,componentByNodeRegistery:oe,trackComponents:fe};__MOBX_DEVTOOLS_GLOBAL_HOOK__.injectMobxReact(Re,Ue)}e.propTypes=N,e.PropTypes=N,e.onError=function(e){return de.on(e)},e.observer=ve,e.Observer=ge,e.renderReporter=ie,e.componentByNodeRegistery=oe,e.componentByNodeRegistry=oe,e.trackComponents=fe,e.useStaticRendering=function(e){ne=e},e.Provider=Pe,e.inject=Q,e.disposeOnUnmount=function t(n,e){if(Array.isArray(e))return e.map(function(e){return t(n,e)});if(!n instanceof p.Component)throw new Error("[mobx-react] disposeOnUnmount only works on class based React components.");if("string"!=typeof e&&"function"!=typeof e)throw new Error("[mobx-react] disposeOnUnmount only works if the parameter is either a property key or a function.");var r=!!n[Ee];return(n[Ee]||(n[Ee]=[])).push(e),r||K(n,"componentWillUnmount",Me),"string"!=typeof e?e:void 0},Object.defineProperty(e,"__esModule",{value:!0})});

package/index.module.js

@@ -1,5 +1,13 @@
-import React__default, { Component, createElement, PureComponent, Children } from 'react';
+/** @license mobx-react v5.4.4
+ * index.module.js
+ *
+ * Copyright (c) 2015 Michel Weststrate.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 import { isObservableArray, isObservableObject, isObservableMap, untracked, createAtom, Reaction, _allowStateChanges, $mobx, spy, configure, getDebugName } from 'mobx';
+import React__default, { Component, createElement, PureComponent, forwardRef, Children } from 'react';
 import { findDOMNode, unstable_batchedUpdates } from 'react-dom';
 
 function _typeof(obj) {
@@ -53,25 +61,6 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    var ownKeys = Object.keys(source);
-
-    if (typeof Object.getOwnPropertySymbols === 'function') {
-      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
-    }
-
-    ownKeys.forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    });
-  }
-
-  return target;
-}
-
 function _inherits(subClass, superClass) {
   if (typeof superClass !== "function" && superClass !== null) {
     throw new TypeError("Super expression must either be null or a function");
@@ -131,33 +120,35 @@ function createCommonjsModule(fn, module) {
 
 var reactIs_production_min = createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports,"__esModule",{value:!0});
-var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.forward_ref"):60112,n=b?Symbol.for("react.placeholder"):60113;
-function q(a){if("object"===typeof a&&null!==a){var p=a.$$typeof;switch(p){case c:switch(a=a.type,a){case l:case e:case g:case f:return a;default:switch(a=a&&a.$$typeof,a){case k:case m:case h:return a;default:return p}}case d:return p}}}exports.typeOf=q;exports.AsyncMode=l;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=m;exports.Fragment=e;exports.Profiler=g;exports.Portal=d;exports.StrictMode=f;
-exports.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===l||a===g||a===f||a===n||"object"===typeof a&&null!==a&&("function"===typeof a.then||a.$$typeof===h||a.$$typeof===k||a.$$typeof===m)};exports.isAsyncMode=function(a){return q(a)===l};exports.isContextConsumer=function(a){return q(a)===k};exports.isContextProvider=function(a){return q(a)===h};exports.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};
-exports.isForwardRef=function(a){return q(a)===m};exports.isFragment=function(a){return q(a)===e};exports.isProfiler=function(a){return q(a)===g};exports.isPortal=function(a){return q(a)===d};exports.isStrictMode=function(a){return q(a)===f};
+var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,r=b?Symbol.for("react.memo"):
+60115,t=b?Symbol.for("react.lazy"):60116;function u(a){if("object"===typeof a&&null!==a){var q=a.$$typeof;switch(q){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case h:return a;default:return q}}case d:return q}}}function v(a){return u(a)===m}exports.typeOf=u;exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;exports.Fragment=e;
+exports.Profiler=g;exports.Portal=d;exports.StrictMode=f;exports.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n)};exports.isAsyncMode=function(a){return v(a)||u(a)===l};exports.isConcurrentMode=v;exports.isContextConsumer=function(a){return u(a)===k};exports.isContextProvider=function(a){return u(a)===h};
+exports.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return u(a)===n};exports.isFragment=function(a){return u(a)===e};exports.isProfiler=function(a){return u(a)===g};exports.isPortal=function(a){return u(a)===d};exports.isStrictMode=function(a){return u(a)===f};
 });
 
 unwrapExports(reactIs_production_min);
 var reactIs_production_min_1 = reactIs_production_min.typeOf;
 var reactIs_production_min_2 = reactIs_production_min.AsyncMode;
-var reactIs_production_min_3 = reactIs_production_min.ContextConsumer;
-var reactIs_production_min_4 = reactIs_production_min.ContextProvider;
-var reactIs_production_min_5 = reactIs_production_min.Element;
-var reactIs_production_min_6 = reactIs_production_min.ForwardRef;
-var reactIs_production_min_7 = reactIs_production_min.Fragment;
-var reactIs_production_min_8 = reactIs_production_min.Profiler;
-var reactIs_production_min_9 = reactIs_production_min.Portal;
-var reactIs_production_min_10 = reactIs_production_min.StrictMode;
-var reactIs_production_min_11 = reactIs_production_min.isValidElementType;
-var reactIs_production_min_12 = reactIs_production_min.isAsyncMode;
-var reactIs_production_min_13 = reactIs_production_min.isContextConsumer;
-var reactIs_production_min_14 = reactIs_production_min.isContextProvider;
-var reactIs_production_min_15 = reactIs_production_min.isElement;
-var reactIs_production_min_16 = reactIs_production_min.isForwardRef;
-var reactIs_production_min_17 = reactIs_production_min.isFragment;
-var reactIs_production_min_18 = reactIs_production_min.isProfiler;
-var reactIs_production_min_19 = reactIs_production_min.isPortal;
-var reactIs_production_min_20 = reactIs_production_min.isStrictMode;
+var reactIs_production_min_3 = reactIs_production_min.ConcurrentMode;
+var reactIs_production_min_4 = reactIs_production_min.ContextConsumer;
+var reactIs_production_min_5 = reactIs_production_min.ContextProvider;
+var reactIs_production_min_6 = reactIs_production_min.Element;
+var reactIs_production_min_7 = reactIs_production_min.ForwardRef;
+var reactIs_production_min_8 = reactIs_production_min.Fragment;
+var reactIs_production_min_9 = reactIs_production_min.Profiler;
+var reactIs_production_min_10 = reactIs_production_min.Portal;
+var reactIs_production_min_11 = reactIs_production_min.StrictMode;
+var reactIs_production_min_12 = reactIs_production_min.isValidElementType;
+var reactIs_production_min_13 = reactIs_production_min.isAsyncMode;
+var reactIs_production_min_14 = reactIs_production_min.isConcurrentMode;
+var reactIs_production_min_15 = reactIs_production_min.isContextConsumer;
+var reactIs_production_min_16 = reactIs_production_min.isContextProvider;
+var reactIs_production_min_17 = reactIs_production_min.isElement;
+var reactIs_production_min_18 = reactIs_production_min.isForwardRef;
+var reactIs_production_min_19 = reactIs_production_min.isFragment;
+var reactIs_production_min_20 = reactIs_production_min.isProfiler;
+var reactIs_production_min_21 = reactIs_production_min.isPortal;
+var reactIs_production_min_22 = reactIs_production_min.isStrictMode;
 
 var reactIs = createCommonjsModule(function (module) {
 
@@ -166,22 +157,19 @@ var reactIs = createCommonjsModule(function (module) {
 }
 });
 
-var _ReactIs$ForwardRef;
-
-function _defineProperty$1(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; }
-
 /**
  * Copyright 2015, Yahoo! Inc.
  * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
  */
 
-
 var REACT_STATICS = {
     childContextTypes: true,
+    contextType: true,
     contextTypes: true,
     defaultProps: true,
     displayName: true,
     getDefaultProps: true,
+    getDerivedStateFromError: true,
     getDerivedStateFromProps: true,
     mixins: true,
     propTypes: true,
@@ -198,7 +186,16 @@ var KNOWN_STATICS = {
     arity: true
 };
 
-var TYPE_STATICS = _defineProperty$1({}, reactIs.ForwardRef, (_ReactIs$ForwardRef = {}, _defineProperty$1(_ReactIs$ForwardRef, '$$typeof', true), _defineProperty$1(_ReactIs$ForwardRef, 'render', true), _ReactIs$ForwardRef));
+var FORWARD_REF_STATICS = {
+    '$$typeof': true,
+    render: true,
+    defaultProps: true,
+    displayName: true,
+    propTypes: true
+};
+
+var TYPE_STATICS = {};
+TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
 
 var defineProperty = Object.defineProperty;
 var getOwnPropertyNames = Object.getOwnPropertyNames;
@@ -453,7 +450,8 @@ function isStateless(component) {
   return !(component.prototype && component.prototype.render);
 }
 var symbolId = 0;
-function newSymbol(name) {
+
+function createSymbol(name) {
   if (typeof Symbol === "function") {
     return Symbol(name);
   }
@@ -462,6 +460,15 @@ function newSymbol(name) {
   symbolId++;
   return symbol;
 }
+
+var createdSymbols = {};
+function newSymbol(name) {
+  if (!createdSymbols[name]) {
+    createdSymbols[name] = createSymbol(name);
+  }
+
+  return createdSymbols[name];
+}
 var mobxMixins = newSymbol("patchMixins");
 var mobxPatchedDefinition = newSymbol("patchedDefinition");
 
@@ -707,8 +714,6 @@ function inject()
   }
 }
 
-var ReactIs = require("react-is");
-
 var mobxAdminProperty = $mobx || "$mobx";
 var mobxIsUnmounted = newSymbol("isUnmounted");
 /**
@@ -722,7 +727,9 @@ var warnedAboutObserverInjectDeprecation = false; // WeakMap<Node, Object>;
 var componentByNodeRegistry = typeof WeakMap !== "undefined" ? new WeakMap() : undefined;
 var renderReporter = new EventEmitter();
 var skipRenderKey = newSymbol("skipRender");
-var isForcingUpdateKey = newSymbol("isForcingUpdate");
+var isForcingUpdateKey = newSymbol("isForcingUpdate"); // Using react-is had some issues (and operates on elements, not on types), see #608 / #609
+
+var ReactForwardRefSymbol = typeof forwardRef === "function" && forwardRef(function (_props, _ref) {})["$$typeof"];
 /**
  * Helper to set `prop` to `this` as non-enumerable (hidden prop)
  * @param target
@@ -1028,16 +1035,15 @@ function observer(arg1, arg2) {
   // not the ForwardRef HoC
 
 
-  if (componentClass["$$typeof"] === ReactIs.ForwardRef) {
+  if (ReactForwardRefSymbol && componentClass["$$typeof"] === ReactForwardRefSymbol) {
     var _baseRender = componentClass.render;
-    if (typeof _baseRender !== "function") throw new Error("render property of ForwardRef was not a function");
-    return _objectSpread({}, componentClass, {
-      render: function render() {
-        var _arguments = arguments;
-        return React__default.createElement(Observer, null, function () {
-          return _baseRender.apply(undefined, _arguments);
-        });
-      }
+    if (typeof _baseRender !== "function") throw new Error("render property of ForwardRef was not a function"); // TODO: do we need to hoist statics from baseRender to the forward ref?
+
+    return forwardRef(function ObserverForwardRef() {
+      var _arguments = arguments;
+      return React__default.createElement(Observer, null, function () {
+        return _baseRender.apply(undefined, _arguments);
+      });
     });
   } // Stateless function component:
   // If it is function but doesn't seem to be a react class constructor,
@@ -1104,10 +1110,10 @@ function mixinLifecycleEvents(target) {
   }
 }
 
-var Observer = observer(function (_ref) {
-  var children = _ref.children,
-      observerInject = _ref.inject,
-      render = _ref.render;
+var Observer = observer(function (_ref2) {
+  var children = _ref2.children,
+      observerInject = _ref2.inject,
+      render = _ref2.render;
   var component = children || render;
 
   if (typeof component === "undefined") {