mobx 6.3.8 → 6.3.12

package/dist/mobx.umd.development.js

@@ -170,12 +170,11 @@
       return value !== null && typeof value === "object";
     }
     function isPlainObject(value) {
-      var _proto$constructor;
-
       if (!isObject(value)) return false;
       var proto = Object.getPrototypeOf(value);
       if (proto == null) return true;
-      return ((_proto$constructor = proto.constructor) == null ? void 0 : _proto$constructor.toString()) === plainObjectString;
+      var protoConstructor = Object.hasOwnProperty.call(proto, "constructor") && proto.constructor;
+      return typeof protoConstructor === "function" && protoConstructor.toString() === plainObjectString;
     } // https://stackoverflow.com/a/37865170
 
     function isGenerator(obj) {
@@ -270,6 +269,9 @@
     function _createClass(Constructor, protoProps, staticProps) {
       if (protoProps) _defineProperties(Constructor.prototype, protoProps);
       if (staticProps) _defineProperties(Constructor, staticProps);
+      Object.defineProperty(Constructor, "prototype", {
+        writable: false
+      });
       return Constructor;
     }
 
@@ -294,7 +296,17 @@
     function _inheritsLoose(subClass, superClass) {
       subClass.prototype = Object.create(superClass.prototype);
       subClass.prototype.constructor = subClass;
-      subClass.__proto__ = superClass;
+
+      _setPrototypeOf(subClass, superClass);
+    }
+
+    function _setPrototypeOf(o, p) {
+      _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+      };
+
+      return _setPrototypeOf(o, p);
     }
 
     function _assertThisInitialized(self) {
@@ -323,28 +335,24 @@
     }
 
     function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-      var it;
-
-      if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-        if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-          if (it) o = it;
-          var i = 0;
-          return function () {
-            if (i >= o.length) return {
-              done: true
-            };
-            return {
-              done: false,
-              value: o[i++]
-            };
+      var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+      if (it) return (it = it.call(o)).next.bind(it);
+
+      if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+        if (it) o = it;
+        var i = 0;
+        return function () {
+          if (i >= o.length) return {
+            done: true
           };
-        }
-
-        throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+          return {
+            done: false,
+            value: o[i++]
+          };
+        };
       }
 
-      it = o[Symbol.iterator]();
-      return it.next.bind(it);
+      throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
 
     var storedAnnotationsSymbol = /*#__PURE__*/Symbol("mobx-stored-annotations");
@@ -628,7 +636,7 @@
       var _this$options_;
 
       // bound
-      if ((_this$options_ = this.options_) == null ? void 0 : _this$options_.bound) {
+      if ((_this$options_ = this.options_) != null && _this$options_.bound) {
         return this.extend_(adm, key, descriptor, false) === null ? 0
         /* Cancel */
         : 1
@@ -686,7 +694,7 @@
       assertActionDescriptor(adm, annotation, key, descriptor);
       var value = descriptor.value;
 
-      if ((_annotation$options_ = annotation.options_) == null ? void 0 : _annotation$options_.bound) {
+      if ((_annotation$options_ = annotation.options_) != null && _annotation$options_.bound) {
         var _adm$proxy_;
 
         value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);
@@ -694,7 +702,7 @@
 
       return {
         value: createAction((_annotation$options_$ = (_annotation$options_2 = annotation.options_) == null ? void 0 : _annotation$options_2.name) != null ? _annotation$options_$ : key.toString(), value, (_annotation$options_$2 = (_annotation$options_3 = annotation.options_) == null ? void 0 : _annotation$options_3.autoAction) != null ? _annotation$options_$2 : false, // https://github.com/mobxjs/mobx/discussions/3140
-        ((_annotation$options_4 = annotation.options_) == null ? void 0 : _annotation$options_4.bound) ? (_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_ : undefined),
+        (_annotation$options_4 = annotation.options_) != null && _annotation$options_4.bound ? (_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_ : undefined),
         // Non-configurable for classes
         // prevents accidental field redefinition in subclass
         configurable: safeDescriptors ? adm.isPlainObject_ : true,
@@ -729,7 +737,7 @@
       // bound - must annotate protos to support super.flow()
 
 
-      if (((_this$options_ = this.options_) == null ? void 0 : _this$options_.bound) && !isFlow(adm.target_[key])) {
+      if ((_this$options_ = this.options_) != null && _this$options_.bound && !isFlow(adm.target_[key])) {
         if (this.extend_(adm, key, descriptor, false) === null) return 0
         /* Cancel */
         ;
@@ -912,11 +920,11 @@
         if (isGenerator(descriptor.value)) {
           var _this$options_;
 
-          var flowAnnotation = ((_this$options_ = this.options_) == null ? void 0 : _this$options_.autoBind) ? flow.bound : flow;
+          var flowAnnotation = (_this$options_ = this.options_) != null && _this$options_.autoBind ? flow.bound : flow;
           return flowAnnotation.make_(adm, key, descriptor, source);
         }
 
-        var actionAnnotation = ((_this$options_2 = this.options_) == null ? void 0 : _this$options_2.autoBind) ? autoAction.bound : autoAction;
+        var actionAnnotation = (_this$options_2 = this.options_) != null && _this$options_2.autoBind ? autoAction.bound : autoAction;
         return actionAnnotation.make_(adm, key, descriptor, source);
       } // other -> observable
       // Copy props from proto as well, see test:
@@ -925,7 +933,7 @@
 
       var observableAnnotation = ((_this$options_3 = this.options_) == null ? void 0 : _this$options_3.deep) === false ? observable.ref : observable; // if function respect autoBind option
 
-      if (typeof descriptor.value === "function" && ((_this$options_4 = this.options_) == null ? void 0 : _this$options_4.autoBind)) {
+      if (typeof descriptor.value === "function" && (_this$options_4 = this.options_) != null && _this$options_4.autoBind) {
         var _adm$proxy_;
 
         descriptor.value = descriptor.value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);
@@ -953,7 +961,7 @@
       // if function respect autoBind option
 
 
-      if (typeof descriptor.value === "function" && ((_this$options_5 = this.options_) == null ? void 0 : _this$options_5.autoBind)) {
+      if (typeof descriptor.value === "function" && (_this$options_5 = this.options_) != null && _this$options_5.autoBind) {
         var _adm$proxy_2;
 
         descriptor.value = descriptor.value.bind((_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_);
@@ -1231,7 +1239,7 @@
     var _Symbol$toPrimitive;
     var CREATE = "create";
     _Symbol$toPrimitive = Symbol.toPrimitive;
-    var ObservableValue = /*#__PURE__*/function (_Atom) {
+    var ObservableValue = /*#__PURE__*/function (_Atom, _Symbol$toPrimitive2) {
       _inheritsLoose(ObservableValue, _Atom);
 
       function ObservableValue(value, enhancer, name_, notifySpy, equals) {
@@ -1378,12 +1386,12 @@
         return toPrimitive(this.get());
       };
 
-      _proto[_Symbol$toPrimitive] = function () {
+      _proto[_Symbol$toPrimitive2] = function () {
         return this.valueOf();
       };
 
       return ObservableValue;
-    }(Atom);
+    }(Atom, _Symbol$toPrimitive);
     var isObservableValue = /*#__PURE__*/createInstanceofPredicate("ObservableValue", ObservableValue);
 
     var _Symbol$toPrimitive$1;
@@ -1408,7 +1416,7 @@
      */
 
     _Symbol$toPrimitive$1 = Symbol.toPrimitive;
-    var ComputedValue = /*#__PURE__*/function () {
+    var ComputedValue = /*#__PURE__*/function (_Symbol$toPrimitive2) {
       // nodes we are looking at. Our value depends on these nodes
       // during tracking it's an array with new observed observers
       // to check for cycles
@@ -1462,7 +1470,7 @@
 
         this.equals_ = options.equals || (options.compareStructural || options.struct ? comparer.structural : comparer["default"]);
         this.scope_ = options.context;
-        this.requiresReaction_ = !!options.requiresReaction;
+        this.requiresReaction_ = options.requiresReaction;
         this.keepAlive_ = !!options.keepAlive;
       }
 
@@ -1630,7 +1638,7 @@
           console.log("[mobx.trace] Computed value '" + this.name_ + "' is being read outside a reactive context. Doing a full recompute.");
         }
 
-        if (globalState.computedRequiresReaction || this.requiresReaction_) {
+        if (typeof this.requiresReaction_ === "boolean" ? this.requiresReaction_ : globalState.computedRequiresReaction) {
           console.warn("[mobx] Computed value '" + this.name_ + "' is being read outside a reactive context. Doing a full recompute.");
         }
       };
@@ -1643,12 +1651,12 @@
         return toPrimitive(this.get());
       };
 
-      _proto[_Symbol$toPrimitive$1] = function () {
+      _proto[_Symbol$toPrimitive2] = function () {
         return this.valueOf();
       };
 
       return ComputedValue;
-    }();
+    }(_Symbol$toPrimitive$1);
     var isComputedValue = /*#__PURE__*/createInstanceofPredicate("ComputedValue", ComputedValue);
 
     var IDerivationState_;
@@ -2189,8 +2197,8 @@
           }
         } else if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_ // this happens during computing of `d`, just keep lowestObserverState up to date.
         ) {
-            observable.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;
-          }
+          observable.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;
+        }
       }); // invariantLOS(observable, "confirmed end");
     } // Used by computed when its dependency changed, but we don't wan't to immediately recompute.
 
@@ -3218,7 +3226,10 @@
       }
     }
     /**
-     * Basically, a deep clone, so that no reactive property will exist anymore.
+     * Recursively converts an observable to it's non-observable native counterpart.
+     * It does NOT recurse into non-observables, these are left as they are, even if they contain observables.
+     * Computed and other non-enumerable properties are completely ignored.
+     * Complex scenarios require custom solution, eg implementing `toJSON` or using `serializr` lib.
      */
 
 
@@ -4007,9 +4018,11 @@
 
     _Symbol$iterator = Symbol.iterator;
     _Symbol$toStringTag = Symbol.toStringTag;
-    var ObservableMap = /*#__PURE__*/function () {
+    var ObservableMap = /*#__PURE__*/function (_Symbol$iterator2, _Symbol$toStringTag2) {
       // hasMap, not hashMap >-).
       function ObservableMap(initialData, enhancer_, name_) {
+        var _this = this;
+
         if (enhancer_ === void 0) {
           enhancer_ = deepEnhancer;
         }
@@ -4037,7 +4050,9 @@
         this.keysAtom_ = createAtom( this.name_ + ".keys()" );
         this.data_ = new Map();
         this.hasMap_ = new Map();
-        this.merge(initialData);
+        allowStateChanges(true, function () {
+          _this.merge(initialData);
+        });
       }
 
       var _proto = ObservableMap.prototype;
@@ -4047,7 +4062,7 @@
       };
 
       _proto.has = function has(key) {
-        var _this = this;
+        var _this2 = this;
 
         if (!globalState.trackingDerivation) return this.has_(key);
         var entry = this.hasMap_.get(key);
@@ -4056,7 +4071,7 @@
           var newEntry = entry = new ObservableValue(this.has_(key), referenceEnhancer,  this.name_ + "." + stringifyKey(key) + "?" , false);
           this.hasMap_.set(key, newEntry);
           onBecomeUnobserved(newEntry, function () {
-            return _this.hasMap_["delete"](key);
+            return _this2.hasMap_["delete"](key);
           });
         }
 
@@ -4087,7 +4102,7 @@
       };
 
       _proto["delete"] = function _delete(key) {
-        var _this2 = this;
+        var _this3 = this;
 
         checkIfStateModificationsAreAllowed(this.keysAtom_);
 
@@ -4113,19 +4128,20 @@
             name: key
           } : null;
 
-          if ( notifySpy) spyReportStart(_change);
+          if ( notifySpy) spyReportStart(_change); // TODO fix type
+
           transaction(function () {
-            var _this2$hasMap_$get;
+            var _this3$hasMap_$get;
 
-            _this2.keysAtom_.reportChanged();
+            _this3.keysAtom_.reportChanged();
 
-            (_this2$hasMap_$get = _this2.hasMap_.get(key)) == null ? void 0 : _this2$hasMap_$get.setNewValue_(false);
+            (_this3$hasMap_$get = _this3.hasMap_.get(key)) == null ? void 0 : _this3$hasMap_$get.setNewValue_(false);
 
-            var observable = _this2.data_.get(key);
+            var observable = _this3.data_.get(key);
 
             observable.setNewValue_(undefined);
 
-            _this2.data_["delete"](key);
+            _this3.data_["delete"](key);
           });
           if (notify) notifyListeners(this, _change);
           if ( notifySpy) spyReportEnd();
@@ -4151,7 +4167,8 @@
             name: key,
             newValue: newValue
           } : null;
-          if ( notifySpy) spyReportStart(change);
+          if ( notifySpy) spyReportStart(change); // TODO fix type
+
           observable.setNewValue_(newValue);
           if (notify) notifyListeners(this, change);
           if ( notifySpy) spyReportEnd();
@@ -4159,21 +4176,21 @@
       };
 
       _proto.addValue_ = function addValue_(key, newValue) {
-        var _this3 = this;
+        var _this4 = this;
 
         checkIfStateModificationsAreAllowed(this.keysAtom_);
         transaction(function () {
-          var _this3$hasMap_$get;
+          var _this4$hasMap_$get;
 
-          var observable = new ObservableValue(newValue, _this3.enhancer_,  _this3.name_ + "." + stringifyKey(key) , false);
+          var observable = new ObservableValue(newValue, _this4.enhancer_,  _this4.name_ + "." + stringifyKey(key) , false);
 
-          _this3.data_.set(key, observable);
+          _this4.data_.set(key, observable);
 
           newValue = observable.value_; // value might have been changed
 
-          (_this3$hasMap_$get = _this3.hasMap_.get(key)) == null ? void 0 : _this3$hasMap_$get.setNewValue_(true);
+          (_this4$hasMap_$get = _this4.hasMap_.get(key)) == null ? void 0 : _this4$hasMap_$get.setNewValue_(true);
 
-          _this3.keysAtom_.reportChanged();
+          _this4.keysAtom_.reportChanged();
         });
         var notifySpy = isSpyEnabled();
         var notify = hasListeners(this);
@@ -4185,7 +4202,8 @@
           name: key,
           newValue: newValue
         } : null;
-        if ( notifySpy) spyReportStart(change);
+        if ( notifySpy) spyReportStart(change); // TODO fix type
+
         if (notify) notifyListeners(this, change);
         if ( notifySpy) spyReportEnd();
       };
@@ -4242,7 +4260,7 @@
         });
       };
 
-      _proto[_Symbol$iterator] = function () {
+      _proto[_Symbol$iterator2] = function () {
         return this.entries();
       };
 
@@ -4258,7 +4276,7 @@
       ;
 
       _proto.merge = function merge(other) {
-        var _this4 = this;
+        var _this5 = this;
 
         if (isObservableMap(other)) {
           other = new Map(other);
@@ -4266,15 +4284,15 @@
 
         transaction(function () {
           if (isPlainObject(other)) getPlainObjectKeys(other).forEach(function (key) {
-            return _this4.set(key, other[key]);
+            return _this5.set(key, other[key]);
           });else if (Array.isArray(other)) other.forEach(function (_ref) {
             var key = _ref[0],
                 value = _ref[1];
-            return _this4.set(key, value);
+            return _this5.set(key, value);
           });else if (isES6Map(other)) {
             if (other.constructor !== Map) die(19, other);
             other.forEach(function (value, key) {
-              return _this4.set(key, value);
+              return _this5.set(key, value);
             });
           } else if (other !== null && other !== undefined) die(20, other);
         });
@@ -4282,21 +4300,21 @@
       };
 
       _proto.clear = function clear() {
-        var _this5 = this;
+        var _this6 = this;
 
         transaction(function () {
           untracked(function () {
-            for (var _iterator2 = _createForOfIteratorHelperLoose(_this5.keys()), _step2; !(_step2 = _iterator2()).done;) {
+            for (var _iterator2 = _createForOfIteratorHelperLoose(_this6.keys()), _step2; !(_step2 = _iterator2()).done;) {
               var key = _step2.value;
 
-              _this5["delete"](key);
+              _this6["delete"](key);
             }
           });
         });
       };
 
       _proto.replace = function replace(values) {
-        var _this6 = this;
+        var _this7 = this;
 
         // Implementation requirements:
         // - respect ordering of replacement map
@@ -4313,13 +4331,13 @@
           // if the key deletion is prevented by interceptor
           // add entry at the beginning of the result map
 
-          for (var _iterator3 = _createForOfIteratorHelperLoose(_this6.data_.keys()), _step3; !(_step3 = _iterator3()).done;) {
+          for (var _iterator3 = _createForOfIteratorHelperLoose(_this7.data_.keys()), _step3; !(_step3 = _iterator3()).done;) {
             var key = _step3.value;
 
             // Concurrently iterating/deleting keys
             // iterator should handle this correctly
             if (!replacementMap.has(key)) {
-              var deleted = _this6["delete"](key); // Was the key removed?
+              var deleted = _this7["delete"](key); // Was the key removed?
 
 
               if (deleted) {
@@ -4327,7 +4345,7 @@
                 keysReportChangedCalled = true;
               } else {
                 // Delete prevented by interceptor
-                var value = _this6.data_.get(key);
+                var value = _this7.data_.get(key);
 
                 orderedData.set(key, value);
               }
@@ -4341,17 +4359,17 @@
                 _value = _step4$value[1];
 
             // We will want to know whether a new key is added
-            var keyExisted = _this6.data_.has(_key); // Add or update value
+            var keyExisted = _this7.data_.has(_key); // Add or update value
 
 
-            _this6.set(_key, _value); // The addition could have been prevent by interceptor
+            _this7.set(_key, _value); // The addition could have been prevent by interceptor
 
 
-            if (_this6.data_.has(_key)) {
+            if (_this7.data_.has(_key)) {
               // The update could have been prevented by interceptor
               // and also we want to preserve existing values
               // so use value from _data map (instead of replacement map)
-              var _value2 = _this6.data_.get(_key);
+              var _value2 = _this7.data_.get(_key);
 
               orderedData.set(_key, _value2); // Was a new key added?
 
@@ -4364,11 +4382,11 @@
 
 
           if (!keysReportChangedCalled) {
-            if (_this6.data_.size !== orderedData.size) {
+            if (_this7.data_.size !== orderedData.size) {
               // If size differs, keys are definitely modified
-              _this6.keysAtom_.reportChanged();
+              _this7.keysAtom_.reportChanged();
             } else {
-              var iter1 = _this6.data_.keys();
+              var iter1 = _this7.data_.keys();
 
               var iter2 = orderedData.keys();
               var next1 = iter1.next();
@@ -4376,7 +4394,7 @@
 
               while (!next1.done) {
                 if (next1.value !== next2.value) {
-                  _this6.keysAtom_.reportChanged();
+                  _this7.keysAtom_.reportChanged();
 
                   break;
                 }
@@ -4388,7 +4406,7 @@
           } // Use correctly ordered map
 
 
-          _this6.data_ = orderedData;
+          _this7.data_ = orderedData;
         });
         return this;
       };
@@ -4422,14 +4440,14 @@
           return this.data_.size;
         }
       }, {
-        key: _Symbol$toStringTag,
+        key: _Symbol$toStringTag2,
         get: function get() {
           return "Map";
         }
       }]);
 
       return ObservableMap;
-    }(); // eslint-disable-next-line
+    }(_Symbol$iterator, _Symbol$toStringTag); // eslint-disable-next-line
 
     var isObservableMap = /*#__PURE__*/createInstanceofPredicate("ObservableMap", ObservableMap);
 
@@ -4455,7 +4473,7 @@
     var ObservableSetMarker = {};
     _Symbol$iterator$1 = Symbol.iterator;
     _Symbol$toStringTag$1 = Symbol.toStringTag;
-    var ObservableSet = /*#__PURE__*/function () {
+    var ObservableSet = /*#__PURE__*/function (_Symbol$iterator2, _Symbol$toStringTag2) {
       function ObservableSet(initialData, enhancer, name_) {
         if (enhancer === void 0) {
           enhancer = deepEnhancer;
@@ -4688,7 +4706,7 @@
         return "[object ObservableSet]";
       };
 
-      _proto[_Symbol$iterator$1] = function () {
+      _proto[_Symbol$iterator2] = function () {
         return this.values();
       };
 
@@ -4699,14 +4717,14 @@
           return this.data_.size;
         }
       }, {
-        key: _Symbol$toStringTag$1,
+        key: _Symbol$toStringTag2,
         get: function get() {
           return "Set";
         }
       }]);
 
       return ObservableSet;
-    }(); // eslint-disable-next-line
+    }(_Symbol$iterator$1, _Symbol$toStringTag$1); // eslint-disable-next-line
 
     var isObservableSet = /*#__PURE__*/createInstanceofPredicate("ObservableSet", ObservableSet);
 
@@ -4892,7 +4910,7 @@
           // When called from super() some props may not exist yet.
           // However we don't have to worry about missing prop,
           // because the decorator must have been applied to something.
-          if ((_this$target_$storedA = this.target_[storedAnnotationsSymbol]) == null ? void 0 : _this$target_$storedA[key]) {
+          if ((_this$target_$storedA = this.target_[storedAnnotationsSymbol]) != null && _this$target_$storedA[key]) {
             return; // will be annotated by subclass constructor
           } else {
             die(1, annotation.annotationType_, this.name_ + "." + key.toString());
@@ -5396,7 +5414,7 @@
     // but it is unclear why the hack is need as MobX never changed the prototype
     // anyway, so removed it in V6
 
-    var LegacyObservableArray = /*#__PURE__*/function (_StubArray) {
+    var LegacyObservableArray = /*#__PURE__*/function (_StubArray, _Symbol$toStringTag, _Symbol$iterator) {
       _inheritsLoose(LegacyObservableArray, _StubArray);
 
       function LegacyObservableArray(initialValues, enhancer, name, owned) {
@@ -5441,7 +5459,7 @@
         }));
       };
 
-      _proto[Symbol.iterator] = function () {
+      _proto[_Symbol$iterator] = function () {
         var self = this;
         var nextIndex = 0;
         return makeIterable({
@@ -5467,14 +5485,14 @@
           this[$mobx].setArrayLength_(newLength);
         }
       }, {
-        key: Symbol.toStringTag,
+        key: _Symbol$toStringTag,
         get: function get() {
           return "Array";
         }
       }]);
 
       return LegacyObservableArray;
-    }(StubArray);
+    }(StubArray, Symbol.toStringTag, Symbol.iterator);
 
     Object.entries(arrayExtensions).forEach(function (_ref) {
       var prop = _ref[0],
@@ -5597,7 +5615,7 @@
       if (a !== a) return b !== b; // Exhaust primitive checks
 
       var type = typeof a;
-      if (!isFunction(type) && type !== "object" && typeof b != "object") return false; // Compare `[[Class]]` names.
+      if (type !== "function" && type !== "object" && typeof b != "object") return false; // Compare `[[Class]]` names.
 
       var className = toString.call(a);
       if (className !== toString.call(b)) return false;