mobx 6.3.7 → 6.3.11

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.
      */
 
 
@@ -3685,9 +3696,12 @@
 
           return (_this$values_ = this.values_).splice.apply(_this$values_, [index, deleteCount].concat(newItems));
         } else {
-          var res = this.values_.slice(index, index + deleteCount);
-          var oldItems = this.values_.slice(index + deleteCount);
-          this.values_.length = index + newItems.length - deleteCount;
+          // The items removed by the splice
+          var res = this.values_.slice(index, index + deleteCount); // The items that that should remain at the end of the array
+
+          var oldItems = this.values_.slice(index + deleteCount); // New length is the previous length + addition count - deletion count
+
+          this.values_.length += newItems.length - deleteCount;
 
           for (var i = 0; i < newItems.length; i++) {
             this.values_[index + i] = newItems[i];
@@ -4004,7 +4018,7 @@
 
     _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_) {
         if (enhancer_ === void 0) {
@@ -4110,7 +4124,8 @@
             name: key
           } : null;
 
-          if ( notifySpy) spyReportStart(_change);
+          if ( notifySpy) spyReportStart(_change); // TODO fix type
+
           transaction(function () {
             var _this2$hasMap_$get;
 
@@ -4148,7 +4163,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();
@@ -4182,7 +4198,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();
       };
@@ -4239,7 +4256,7 @@
         });
       };
 
-      _proto[_Symbol$iterator] = function () {
+      _proto[_Symbol$iterator2] = function () {
         return this.entries();
       };
 
@@ -4419,14 +4436,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);
 
@@ -4452,7 +4469,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;
@@ -4685,7 +4702,7 @@
         return "[object ObservableSet]";
       };
 
-      _proto[_Symbol$iterator$1] = function () {
+      _proto[_Symbol$iterator2] = function () {
         return this.values();
       };
 
@@ -4696,14 +4713,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);
 
@@ -4889,7 +4906,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());
@@ -5393,7 +5410,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) {
@@ -5438,7 +5455,7 @@
         }));
       };
 
-      _proto[Symbol.iterator] = function () {
+      _proto[_Symbol$iterator] = function () {
         var self = this;
         var nextIndex = 0;
         return makeIterable({
@@ -5464,14 +5481,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],
@@ -5594,7 +5611,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;