mobx 6.3.7 → 6.3.11

package/dist/mobx.esm.development.js

@@ -164,12 +164,11 @@ function isObject(value) {
   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) {
@@ -264,6 +263,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -288,7 +290,17 @@ function _extends() {
 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) {
@@ -317,28 +329,24 @@ function _arrayLikeToArray(arr, len) {
 }
 
 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");
@@ -622,7 +630,7 @@ function make_$1(adm, key, descriptor, source) {
   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
@@ -680,7 +688,7 @@ safeDescriptors) {
   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_);
@@ -688,7 +696,7 @@ safeDescriptors) {
 
   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,
@@ -723,7 +731,7 @@ function make_$2(adm, key, descriptor, source) {
   // 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 */
     ;
@@ -906,11 +914,11 @@ function make_$5(adm, key, descriptor, source) {
     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:
@@ -919,7 +927,7 @@ function make_$5(adm, key, descriptor, source) {
 
   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_);
@@ -947,7 +955,7 @@ function extend_$5(adm, key, descriptor, proxyTrap) {
   // 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_);
@@ -1225,7 +1233,7 @@ function allowStateChangesEnd(prev) {
 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) {
@@ -1372,12 +1380,12 @@ var ObservableValue = /*#__PURE__*/function (_Atom) {
     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;
@@ -1402,7 +1410,7 @@ var _Symbol$toPrimitive$1;
  */
 
 _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
@@ -1456,7 +1464,7 @@ var ComputedValue = /*#__PURE__*/function () {
 
     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;
   }
 
@@ -1624,7 +1632,7 @@ var ComputedValue = /*#__PURE__*/function () {
       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.");
     }
   };
@@ -1637,12 +1645,12 @@ var ComputedValue = /*#__PURE__*/function () {
     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_;
@@ -2183,8 +2191,8 @@ function propagateChangeConfirmed(observable) {
       }
     } 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.
 
@@ -3212,7 +3220,10 @@ function toJSHelper(source, __alreadySeen) {
   }
 }
 /**
- * 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.
  */
 
 
@@ -3679,9 +3690,12 @@ var ObservableArrayAdministration = /*#__PURE__*/function () {
 
       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];
@@ -3998,7 +4012,7 @@ var DELETE = "delete"; // just extend Map? See also https://gist.github.com/nest
 
 _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) {
@@ -4104,7 +4118,8 @@ var ObservableMap = /*#__PURE__*/function () {
         name: key
       } : null;
 
-      if ( notifySpy) spyReportStart(_change);
+      if ( notifySpy) spyReportStart(_change); // TODO fix type
+
       transaction(function () {
         var _this2$hasMap_$get;
 
@@ -4142,7 +4157,8 @@ var ObservableMap = /*#__PURE__*/function () {
         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();
@@ -4176,7 +4192,8 @@ var ObservableMap = /*#__PURE__*/function () {
       name: key,
       newValue: newValue
     } : null;
-    if ( notifySpy) spyReportStart(change);
+    if ( notifySpy) spyReportStart(change); // TODO fix type
+
     if (notify) notifyListeners(this, change);
     if ( notifySpy) spyReportEnd();
   };
@@ -4233,7 +4250,7 @@ var ObservableMap = /*#__PURE__*/function () {
     });
   };
 
-  _proto[_Symbol$iterator] = function () {
+  _proto[_Symbol$iterator2] = function () {
     return this.entries();
   };
 
@@ -4413,14 +4430,14 @@ var ObservableMap = /*#__PURE__*/function () {
       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);
 
@@ -4446,7 +4463,7 @@ var _Symbol$iterator$1, _Symbol$toStringTag$1;
 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;
@@ -4679,7 +4696,7 @@ var ObservableSet = /*#__PURE__*/function () {
     return "[object ObservableSet]";
   };
 
-  _proto[_Symbol$iterator$1] = function () {
+  _proto[_Symbol$iterator2] = function () {
     return this.values();
   };
 
@@ -4690,14 +4707,14 @@ var ObservableSet = /*#__PURE__*/function () {
       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);
 
@@ -4883,7 +4900,7 @@ var ObservableObjectAdministration = /*#__PURE__*/function () {
       // 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());
@@ -5387,7 +5404,7 @@ inherit(StubArray, Array.prototype); // Weex proto freeze protection was here,
 // 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) {
@@ -5432,7 +5449,7 @@ var LegacyObservableArray = /*#__PURE__*/function (_StubArray) {
     }));
   };
 
-  _proto[Symbol.iterator] = function () {
+  _proto[_Symbol$iterator] = function () {
     var self = this;
     var nextIndex = 0;
     return makeIterable({
@@ -5458,14 +5475,14 @@ var LegacyObservableArray = /*#__PURE__*/function (_StubArray) {
       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],
@@ -5588,7 +5605,7 @@ function eq(a, b, depth, aStack, bStack) {
   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;