mobx 6.3.10 → 6.4.0

package/dist/mobx.umd.development.js

@@ -29,9 +29,9 @@
       10: "'has()' can only be used on observable objects, arrays and maps",
       11: "'get()' can only be used on observable objects, arrays and maps",
       12: "Invalid annotation",
-      13: "Dynamic observable objects cannot be frozen",
+      13: "Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)",
       14: "Intercept handlers should return nothing or a change object",
-      15: "Observable arrays cannot be frozen",
+      15: "Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)",
       16: "Modification exception: the internal structure of an observable array was changed.",
       17: function _(index, length) {
         return "[mobx.array] Index out of bounds, " + index + " is larger than " + length;
@@ -145,7 +145,10 @@
     function once(func) {
       var invoked = false;
       return function () {
-        if (invoked) return;
+        if (invoked) {
+          return;
+        }
+
         invoked = true;
         return func.apply(this, arguments);
       };
@@ -170,17 +173,31 @@
       return value !== null && typeof value === "object";
     }
     function isPlainObject(value) {
-      if (!isObject(value)) return false;
+      if (!isObject(value)) {
+        return false;
+      }
+
       var proto = Object.getPrototypeOf(value);
-      if (proto == null) return true;
+
+      if (proto == null) {
+        return true;
+      }
+
       var protoConstructor = Object.hasOwnProperty.call(proto, "constructor") && proto.constructor;
       return typeof protoConstructor === "function" && protoConstructor.toString() === plainObjectString;
     } // https://stackoverflow.com/a/37865170
 
     function isGenerator(obj) {
       var constructor = obj == null ? void 0 : obj.constructor;
-      if (!constructor) return false;
-      if ("GeneratorFunction" === constructor.name || "GeneratorFunction" === constructor.displayName) return true;
+
+      if (!constructor) {
+        return false;
+      }
+
+      if ("GeneratorFunction" === constructor.name || "GeneratorFunction" === constructor.displayName) {
+        return true;
+      }
+
       return false;
     }
     function addHiddenProp(object, propName, value) {
@@ -220,9 +237,16 @@
     function getPlainObjectKeys(object) {
       var keys = Object.keys(object); // Not supported in IE, so there are not going to be symbol props anyway...
 
-      if (!hasGetOwnPropertySymbols) return keys;
+      if (!hasGetOwnPropertySymbols) {
+        return keys;
+      }
+
       var symbols = Object.getOwnPropertySymbols(object);
-      if (!symbols.length) return keys;
+
+      if (!symbols.length) {
+        return keys;
+      }
+
       return [].concat(keys, symbols.filter(function (s) {
         return objectPrototype.propertyIsEnumerable.call(object, s);
       }));
@@ -235,8 +259,14 @@
     /* istanbul ignore next */
     Object.getOwnPropertyNames;
     function stringifyKey(key) {
-      if (typeof key === "string") return key;
-      if (typeof key === "symbol") return key.toString();
+      if (typeof key === "string") {
+        return key;
+      }
+
+      if (typeof key === "symbol") {
+        return key.toString();
+      }
+
       return new String(key).toString();
     }
     function toPrimitive(value) {
@@ -524,7 +554,10 @@
     }
 
     function defaultComparer(a, b) {
-      if (Object.is) return Object.is(a, b);
+      if (Object.is) {
+        return Object.is(a, b);
+      }
+
       return a === b ? a !== 0 || 1 / a === 1 / b : a !== a && b !== b;
     }
 
@@ -537,20 +570,34 @@
 
     function deepEnhancer(v, _, name) {
       // it is an observable already, done
-      if (isObservable(v)) return v; // something that can be converted and mutated?
+      if (isObservable(v)) {
+        return v;
+      } // something that can be converted and mutated?
 
-      if (Array.isArray(v)) return observable.array(v, {
-        name: name
-      });
-      if (isPlainObject(v)) return observable.object(v, undefined, {
-        name: name
-      });
-      if (isES6Map(v)) return observable.map(v, {
-        name: name
-      });
-      if (isES6Set(v)) return observable.set(v, {
-        name: name
-      });
+
+      if (Array.isArray(v)) {
+        return observable.array(v, {
+          name: name
+        });
+      }
+
+      if (isPlainObject(v)) {
+        return observable.object(v, undefined, {
+          name: name
+        });
+      }
+
+      if (isES6Map(v)) {
+        return observable.map(v, {
+          name: name
+        });
+      }
+
+      if (isES6Set(v)) {
+        return observable.set(v, {
+          name: name
+        });
+      }
 
       if (typeof v === "function" && !isAction(v) && !isFlow(v)) {
         if (isGenerator(v)) {
@@ -563,33 +610,59 @@
       return v;
     }
     function shallowEnhancer(v, _, name) {
-      if (v === undefined || v === null) return v;
-      if (isObservableObject(v) || isObservableArray(v) || isObservableMap(v) || isObservableSet(v)) return v;
-      if (Array.isArray(v)) return observable.array(v, {
-        name: name,
-        deep: false
-      });
-      if (isPlainObject(v)) return observable.object(v, undefined, {
-        name: name,
-        deep: false
-      });
-      if (isES6Map(v)) return observable.map(v, {
-        name: name,
-        deep: false
-      });
-      if (isES6Set(v)) return observable.set(v, {
-        name: name,
-        deep: false
-      });
-      die("The shallow modifier / decorator can only used in combination with arrays, objects, maps and sets");
+      if (v === undefined || v === null) {
+        return v;
+      }
+
+      if (isObservableObject(v) || isObservableArray(v) || isObservableMap(v) || isObservableSet(v)) {
+        return v;
+      }
+
+      if (Array.isArray(v)) {
+        return observable.array(v, {
+          name: name,
+          deep: false
+        });
+      }
+
+      if (isPlainObject(v)) {
+        return observable.object(v, undefined, {
+          name: name,
+          deep: false
+        });
+      }
+
+      if (isES6Map(v)) {
+        return observable.map(v, {
+          name: name,
+          deep: false
+        });
+      }
+
+      if (isES6Set(v)) {
+        return observable.set(v, {
+          name: name,
+          deep: false
+        });
+      }
+
+      {
+        die("The shallow modifier / decorator can only used in combination with arrays, objects, maps and sets");
+      }
     }
     function referenceEnhancer(newValue) {
       // never turn into an observable
       return newValue;
     }
     function refStructEnhancer(v, oldValue) {
-      if ( isObservable(v)) die("observable.struct should not be used with observable values");
-      if (deepEqual(v, oldValue)) return oldValue;
+      if ( isObservable(v)) {
+        die("observable.struct should not be used with observable values");
+      }
+
+      if (deepEqual(v, oldValue)) {
+        return oldValue;
+      }
+
       return v;
     }
 
@@ -737,10 +810,12 @@
       // bound - must annotate protos to support super.flow()
 
 
-      if ((_this$options_ = this.options_) != null && _this$options_.bound && !isFlow(adm.target_[key])) {
-        if (this.extend_(adm, key, descriptor, false) === null) return 0
-        /* Cancel */
-        ;
+      if ((_this$options_ = this.options_) != null && _this$options_.bound && (!hasProp(adm.target_, key) || !isFlow(adm.target_[key]))) {
+        if (this.extend_(adm, key, descriptor, false) === null) {
+          return 0
+          /* Cancel */
+          ;
+        }
       }
 
       if (isFlow(descriptor.value)) {
@@ -781,16 +856,23 @@
       }
 
       assertFlowDescriptor(adm, annotation, key, descriptor);
-      var value = descriptor.value;
+      var value = descriptor.value; // In case of flow.bound, the descriptor can be from already annotated prototype
+
+      if (!isFlow(value)) {
+        value = flow(value);
+      }
 
       if (bound) {
         var _adm$proxy_;
 
-        value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);
+        // We do not keep original function around, so we bind the existing flow
+        value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_); // This is normally set by `flow`, but `bind` returns new function...
+
+        value.isMobXFlow = true;
       }
 
       return {
-        value: flow(value),
+        value: value,
         // Non-configurable for classes
         // prevents accidental field redefinition in subclass
         configurable: safeDescriptors ? adm.isPlainObject_ : true,
@@ -1024,17 +1106,35 @@
       } // already observable - ignore
 
 
-      if (isObservable(v)) return v; // plain object
+      if (isObservable(v)) {
+        return v;
+      } // plain object
 
-      if (isPlainObject(v)) return observable.object(v, arg2, arg3); // Array
 
-      if (Array.isArray(v)) return observable.array(v, arg2); // Map
+      if (isPlainObject(v)) {
+        return observable.object(v, arg2, arg3);
+      } // Array
 
-      if (isES6Map(v)) return observable.map(v, arg2); // Set
 
-      if (isES6Set(v)) return observable.set(v, arg2); // other object - ignore
+      if (Array.isArray(v)) {
+        return observable.array(v, arg2);
+      } // Map
+
+
+      if (isES6Map(v)) {
+        return observable.map(v, arg2);
+      } // Set
+
+
+      if (isES6Set(v)) {
+        return observable.set(v, arg2);
+      } // other object - ignore
+
+
+      if (typeof v === "object" && v !== null) {
+        return v;
+      } // anything else
 
-      if (typeof v === "object" && v !== null) return v; // anything else
 
       return observable.box(v, arg2);
     }
@@ -1092,8 +1192,13 @@
 
 
       {
-        if (!isFunction(arg1)) die("First argument to `computed` should be an expression.");
-        if (isFunction(arg2)) die("A setter as second argument is no longer supported, use `{ set: fn }` option instead");
+        if (!isFunction(arg1)) {
+          die("First argument to `computed` should be an expression.");
+        }
+
+        if (isFunction(arg2)) {
+          die("A setter as second argument is no longer supported, use `{ set: fn }` option instead");
+        }
       }
 
       var opts = isPlainObject(arg2) ? arg2 : {};
@@ -1125,8 +1230,13 @@
       }
 
       {
-        if (!isFunction(fn)) die("`action` can only be invoked on functions");
-        if (typeof actionName !== "string" || !actionName) die("actions should have valid names, got: '" + actionName + "'");
+        if (!isFunction(fn)) {
+          die("`action` can only be invoked on functions");
+        }
+
+        if (typeof actionName !== "string" || !actionName) {
+          die("actions should have valid names, got: '" + actionName + "'");
+        }
       }
 
       function res() {
@@ -1208,7 +1318,10 @@
       allowStateChangesEnd(runInfo.prevAllowStateChanges_);
       allowStateReadsEnd(runInfo.prevAllowStateReads_);
       endBatch();
-      if (runInfo.runAsAction_) untrackedEnd(runInfo.prevDerivation_);
+
+      if (runInfo.runAsAction_) {
+        untrackedEnd(runInfo.prevDerivation_);
+      }
 
       if ( runInfo.notifySpy_) {
         spyReportEnd({
@@ -1288,7 +1401,10 @@
       var _proto = ObservableValue.prototype;
 
       _proto.dehanceValue = function dehanceValue(value) {
-        if (this.dehancer !== undefined) return this.dehancer(value);
+        if (this.dehancer !== undefined) {
+          return this.dehancer(value);
+        }
+
         return value;
       };
 
@@ -1311,7 +1427,10 @@
           }
 
           this.setNewValue_(newValue);
-          if ( notifySpy) spyReportEnd();
+
+          if ( notifySpy) {
+            spyReportEnd();
+          }
         }
       };
 
@@ -1324,7 +1443,11 @@
             type: UPDATE,
             newValue: newValue
           });
-          if (!change) return globalState.UNCHANGED;
+
+          if (!change) {
+            return globalState.UNCHANGED;
+          }
+
           newValue = change.newValue;
         } // apply modifier
 
@@ -1358,14 +1481,17 @@
       };
 
       _proto.observe_ = function observe_(listener, fireImmediately) {
-        if (fireImmediately) listener({
-          observableKind: "value",
-          debugObjectName: this.name_,
-          object: this,
-          type: UPDATE,
-          newValue: this.value_,
-          oldValue: undefined
-        });
+        if (fireImmediately) {
+          listener({
+            observableKind: "value",
+            debugObjectName: this.name_,
+            object: this,
+            type: UPDATE,
+            newValue: this.value_,
+            oldValue: undefined
+          });
+        }
+
         return registerListener(this, listener);
       };
 
@@ -1460,7 +1586,11 @@
         this.keepAlive_ = void 0;
         this.onBOL = void 0;
         this.onBUOL = void 0;
-        if (!options.get) die(31);
+
+        if (!options.get) {
+          die(31);
+        }
+
         this.derivation = options.get;
         this.name_ = options.name || ( "ComputedValue@" + getNextId() );
 
@@ -1502,7 +1632,9 @@
       ;
 
       _proto.get = function get() {
-        if (this.isComputing_) die(32, this.name_, this.derivation);
+        if (this.isComputing_) {
+          die(32, this.name_, this.derivation);
+        }
 
         if (globalState.inBatch === 0 && // !globalState.trackingDerivatpion &&
         this.observers_.size === 0 && !this.keepAlive_) {
@@ -1518,20 +1650,34 @@
 
           if (shouldCompute(this)) {
             var prevTrackingContext = globalState.trackingContext;
-            if (this.keepAlive_ && !prevTrackingContext) globalState.trackingContext = this;
-            if (this.trackAndCompute()) propagateChangeConfirmed(this);
+
+            if (this.keepAlive_ && !prevTrackingContext) {
+              globalState.trackingContext = this;
+            }
+
+            if (this.trackAndCompute()) {
+              propagateChangeConfirmed(this);
+            }
+
             globalState.trackingContext = prevTrackingContext;
           }
         }
 
         var result = this.value_;
-        if (isCaughtException(result)) throw result.cause;
+
+        if (isCaughtException(result)) {
+          throw result.cause;
+        }
+
         return result;
       };
 
       _proto.set = function set(value) {
         if (this.setter_) {
-          if (this.isRunningSetter_) die(33, this.name_);
+          if (this.isRunningSetter_) {
+            die(33, this.name_);
+          }
+
           this.isRunningSetter_ = true;
 
           try {
@@ -1539,7 +1685,9 @@
           } finally {
             this.isRunningSetter_ = false;
           }
-        } else die(34, this.name_);
+        } else {
+          die(34, this.name_);
+        }
       };
 
       _proto.trackAndCompute = function trackAndCompute() {
@@ -1768,7 +1916,9 @@
 
       var hasObservers = atom.observers_.size > 0; // Should not be possible to change observed state outside strict mode, except during initialization, see #563
 
-      if (!globalState.allowStateChanges && (hasObservers || globalState.enforceActions === "always")) console.warn("[MobX] " + (globalState.enforceActions ? "Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed. Tried to modify: " : "Side effects like changing state are not allowed at this point. Are you trying to modify state from, for example, a computed value or the render function of a React component? You can wrap side effects in 'runInAction' (or decorate functions with 'action') if needed. Tried to modify: ") + atom.name_);
+      if (!globalState.allowStateChanges && (hasObservers || globalState.enforceActions === "always")) {
+        console.warn("[MobX] " + (globalState.enforceActions ? "Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed. Tried to modify: " : "Side effects like changing state are not allowed at this point. Are you trying to modify state from, for example, a computed value or the render function of a React component? You can wrap side effects in 'runInAction' (or decorate functions with 'action') if needed. Tried to modify: ") + atom.name_);
+      }
     }
     function checkIfStateReadsAreAllowed(observable) {
       if ( !globalState.allowStateReads && globalState.observableRequiresReaction) {
@@ -1813,7 +1963,10 @@
     }
 
     function warnAboutDerivationWithoutDependencies(derivation) {
-      if (derivation.observing_.length !== 0) return;
+
+      if (derivation.observing_.length !== 0) {
+        return;
+      }
 
       if (globalState.reactionRequiresObservable || derivation.requiresObservable_) {
         console.warn("[mobx] Derivation '" + derivation.name_ + "' is created/updated without reading any observable value.");
@@ -1842,7 +1995,11 @@
 
         if (dep.diffValue_ === 0) {
           dep.diffValue_ = 1;
-          if (i0 !== i) observing[i0] = dep;
+
+          if (i0 !== i) {
+            observing[i0] = dep;
+          }
+
           i0++;
         } // Upcast is 'safe' here, because if dep is IObservable, `dependenciesState` will be undefined,
         // not hitting the condition
@@ -1934,7 +2091,10 @@
      */
 
     function changeDependenciesStateTo0(derivation) {
-      if (derivation.dependenciesState_ === IDerivationState_.UP_TO_DATE_) return;
+      if (derivation.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {
+        return;
+      }
+
       derivation.dependenciesState_ = IDerivationState_.UP_TO_DATE_;
       var obs = derivation.observing_;
       var i = obs.length;
@@ -1978,8 +2138,14 @@
     var isolateCalled = false;
     var globalState = /*#__PURE__*/function () {
       var global = /*#__PURE__*/getGlobal();
-      if (global.__mobxInstanceCount > 0 && !global.__mobxGlobals) canMergeGlobalState = false;
-      if (global.__mobxGlobals && global.__mobxGlobals.version !== new MobXGlobals().version) canMergeGlobalState = false;
+
+      if (global.__mobxInstanceCount > 0 && !global.__mobxGlobals) {
+        canMergeGlobalState = false;
+      }
+
+      if (global.__mobxGlobals && global.__mobxGlobals.version !== new MobXGlobals().version) {
+        canMergeGlobalState = false;
+      }
 
       if (!canMergeGlobalState) {
         // Because this is a IIFE we need to let isolateCalled a chance to change
@@ -1992,7 +2158,11 @@
         return new MobXGlobals();
       } else if (global.__mobxGlobals) {
         global.__mobxInstanceCount += 1;
-        if (!global.__mobxGlobals.UNCHANGED) global.__mobxGlobals.UNCHANGED = {}; // make merge backward compatible
+
+        if (!global.__mobxGlobals.UNCHANGED) {
+          global.__mobxGlobals.UNCHANGED = {};
+        } // make merge backward compatible
+
 
         return global.__mobxGlobals;
       } else {
@@ -2001,12 +2171,19 @@
       }
     }();
     function isolateGlobalState() {
-      if (globalState.pendingReactions.length || globalState.inBatch || globalState.isRunningReactions) die(36);
+      if (globalState.pendingReactions.length || globalState.inBatch || globalState.isRunningReactions) {
+        die(36);
+      }
+
       isolateCalled = true;
 
       if (canMergeGlobalState) {
         var global = getGlobal();
-        if (--global.__mobxInstanceCount === 0) global.__mobxGlobals = undefined;
+
+        if (--global.__mobxInstanceCount === 0) {
+          global.__mobxGlobals = undefined;
+        }
+
         globalState = new MobXGlobals();
       }
     }
@@ -2022,7 +2199,9 @@
       var defaultGlobals = new MobXGlobals();
 
       for (var key in defaultGlobals) {
-        if (persistentKeys.indexOf(key) === -1) globalState[key] = defaultGlobals[key];
+        if (persistentKeys.indexOf(key) === -1) {
+          globalState[key] = defaultGlobals[key];
+        }
       }
 
       globalState.allowStateChanges = !globalState.enforceActions;
@@ -2056,8 +2235,12 @@
       // invariant(observable._observers.indexOf(node) === -1, "INTERNAL ERROR add already added node");
       // invariantObservers(observable);
       observable.observers_.add(node);
-      if (observable.lowestObserverState_ > node.dependenciesState_) observable.lowestObserverState_ = node.dependenciesState_; // invariantObservers(observable);
+
+      if (observable.lowestObserverState_ > node.dependenciesState_) {
+        observable.lowestObserverState_ = node.dependenciesState_;
+      } // invariantObservers(observable);
       // invariant(observable._observers.indexOf(node) !== -1, "INTERNAL ERROR didn't add node");
+
     }
     function removeObserver(observable, node) {
       // invariant(globalState.inBatch > 0, "INTERNAL ERROR, remove should be called only inside batch");
@@ -2168,7 +2351,10 @@
 
     function propagateChanged(observable) {
       // invariantLOS(observable, "changed start");
-      if (observable.lowestObserverState_ === IDerivationState_.STALE_) return;
+      if (observable.lowestObserverState_ === IDerivationState_.STALE_) {
+        return;
+      }
+
       observable.lowestObserverState_ = IDerivationState_.STALE_; // Ideally we use for..of here, but the downcompiled version is really slow...
 
       observable.observers_.forEach(function (d) {
@@ -2186,7 +2372,10 @@
 
     function propagateChangeConfirmed(observable) {
       // invariantLOS(observable, "confirmed start");
-      if (observable.lowestObserverState_ === IDerivationState_.STALE_) return;
+      if (observable.lowestObserverState_ === IDerivationState_.STALE_) {
+        return;
+      }
+
       observable.lowestObserverState_ = IDerivationState_.STALE_;
       observable.observers_.forEach(function (d) {
         if (d.dependenciesState_ === IDerivationState_.POSSIBLY_STALE_) {
@@ -2204,7 +2393,10 @@
 
     function propagateMaybeChanged(observable) {
       // invariantLOS(observable, "maybe start");
-      if (observable.lowestObserverState_ !== IDerivationState_.UP_TO_DATE_) return;
+      if (observable.lowestObserverState_ !== IDerivationState_.UP_TO_DATE_) {
+        return;
+      }
+
       observable.lowestObserverState_ = IDerivationState_.POSSIBLY_STALE_;
       observable.observers_.forEach(function (d) {
         if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {
@@ -2232,9 +2424,12 @@
       }
 
       lines.push("" + "\t".repeat(depth - 1) + tree.name);
-      if (tree.dependencies) tree.dependencies.forEach(function (child) {
-        return printDepTree(child, lines, depth + 1);
-      });
+
+      if (tree.dependencies) {
+        tree.dependencies.forEach(function (child) {
+          return printDepTree(child, lines, depth + 1);
+        });
+      }
     }
 
     var Reaction = /*#__PURE__*/function () {
@@ -2352,7 +2547,9 @@
           clearObserving(this);
         }
 
-        if (isCaughtException(result)) this.reportExceptionInDerivation_(result.cause);
+        if (isCaughtException(result)) {
+          this.reportExceptionInDerivation_(result.cause);
+        }
 
         if ( notify) {
           spyReportEnd({
@@ -2371,13 +2568,18 @@
           return;
         }
 
-        if (globalState.disableErrorBoundaries) throw error;
+        if (globalState.disableErrorBoundaries) {
+          throw error;
+        }
+
         var message =  "[mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: '" + this + "'" ;
 
         if (!globalState.suppressReactionErrors) {
           console.error(message, error);
           /** If debugging brought you here, please, read the above message :-). Tnx! */
-        } else console.warn("[mobx] (error in reaction '" + this.name_ + "' suppressed, fix error of causing action below)"); // prettier-ignore
+        } else {
+          console.warn("[mobx] (error in reaction '" + this.name_ + "' suppressed, fix error of causing action below)");
+        } // prettier-ignore
 
 
         if ( isSpyEnabled()) {
@@ -2431,7 +2633,10 @@
       globalState.globalReactionErrorHandlers.push(handler);
       return function () {
         var idx = globalState.globalReactionErrorHandlers.indexOf(handler);
-        if (idx >= 0) globalState.globalReactionErrorHandlers.splice(idx, 1);
+
+        if (idx >= 0) {
+          globalState.globalReactionErrorHandlers.splice(idx, 1);
+        }
       };
     }
     /**
@@ -2448,7 +2653,10 @@
 
     function runReactions() {
       // Trampolining, if runReactions are already running, new reactions will be picked up
-      if (globalState.inBatch > 0 || globalState.isRunningReactions) return;
+      if (globalState.inBatch > 0 || globalState.isRunningReactions) {
+        return;
+      }
+
       reactionScheduler(runReactionsHelper);
     }
 
@@ -2491,7 +2699,11 @@
     }
     function spyReport(event) {
 
-      if (!globalState.spyListeners.length) return;
+
+      if (!globalState.spyListeners.length) {
+        return;
+      }
+
       var listeners = globalState.spyListeners;
 
       for (var i = 0, l = listeners.length; i < l; i++) {
@@ -2511,10 +2723,15 @@
       spyReportEnd: true
     };
     function spyReportEnd(change) {
-      if (change) spyReport(_extends({}, change, {
-        type: "report-end",
-        spyReportEnd: true
-      }));else spyReport(END_EVENT);
+
+      if (change) {
+        spyReport(_extends({}, change, {
+          type: "report-end",
+          spyReportEnd: true
+        }));
+      } else {
+        spyReport(END_EVENT);
+      }
     }
     function spy(listener) {
       {
@@ -2547,9 +2764,15 @@
     function createActionFactory(autoAction) {
       var res = function action(arg1, arg2) {
         // action(fn() {})
-        if (isFunction(arg1)) return createAction(arg1.name || DEFAULT_ACTION_NAME, arg1, autoAction); // action("name", fn() {})
+        if (isFunction(arg1)) {
+          return createAction(arg1.name || DEFAULT_ACTION_NAME, arg1, autoAction);
+        } // action("name", fn() {})
+
+
+        if (isFunction(arg2)) {
+          return createAction(arg1, arg2, autoAction);
+        } // @action
 
-        if (isFunction(arg2)) return createAction(arg1, arg2, autoAction); // @action
 
         if (isStringish(arg2)) {
           return storeAnnotation(arg1, arg2, autoAction ? autoActionAnnotation : actionAnnotation);
@@ -2563,7 +2786,9 @@
           }));
         }
 
-        die("Invalid arguments for `action`");
+        {
+          die("Invalid arguments for `action`");
+        }
       };
 
       return res;
@@ -2597,8 +2822,13 @@
       }
 
       {
-        if (!isFunction(view)) die("Autorun expects a function as first argument");
-        if (isAction(view)) die("Autorun does not accept actions since actions are untrackable");
+        if (!isFunction(view)) {
+          die("Autorun expects a function as first argument");
+        }
+
+        if (isAction(view)) {
+          die("Autorun does not accept actions since actions are untrackable");
+        }
       }
 
       var name = (_opts$name = (_opts = opts) == null ? void 0 : _opts.name) != null ? _opts$name :  view.name || "Autorun@" + getNextId() ;
@@ -2619,7 +2849,10 @@
             isScheduled = true;
             scheduler(function () {
               isScheduled = false;
-              if (!reaction.isDisposed_) reaction.track(reactionRunner);
+
+              if (!reaction.isDisposed_) {
+                reaction.track(reactionRunner);
+              }
             });
           }
         }, opts.onError, opts.requiresObservable);
@@ -2651,8 +2884,13 @@
       }
 
       {
-        if (!isFunction(expression) || !isFunction(effect)) die("First and second argument to reaction should be functions");
-        if (!isPlainObject(opts)) die("Third argument of reactions should be an object");
+        if (!isFunction(expression) || !isFunction(effect)) {
+          die("First and second argument to reaction should be functions");
+        }
+
+        if (!isPlainObject(opts)) {
+          die("Third argument of reactions should be an object");
+        }
       }
 
       var name = (_opts$name2 = opts.name) != null ? _opts$name2 :  "Reaction@" + getNextId() ;
@@ -2675,7 +2913,11 @@
 
       function reactionRunner() {
         isScheduled = false;
-        if (r.isDisposed_) return;
+
+        if (r.isDisposed_) {
+          return;
+        }
+
         var changed = false;
         r.track(function () {
           var nextValue = allowStateChanges(false, function () {
@@ -2685,7 +2927,13 @@
           oldValue = value;
           value = nextValue;
         });
-        if (firstTime && opts.fireImmediately) effectAction(value, oldValue, r);else if (!firstTime && changed) effectAction(value, oldValue, r);
+
+        if (firstTime && opts.fireImmediately) {
+          effectAction(value, oldValue, r);
+        } else if (!firstTime && changed) {
+          effectAction(value, oldValue, r);
+        }
+
         firstTime = false;
       }
 
@@ -2752,7 +3000,9 @@
         globalState.useProxies = useProxies === ALWAYS ? true : useProxies === NEVER ? false : typeof Proxy !== "undefined";
       }
 
-      if (useProxies === "ifavailable") globalState.verifyProxies = true;
+      if (useProxies === "ifavailable") {
+        globalState.verifyProxies = true;
+      }
 
       if (enforceActions !== undefined) {
         var ea = enforceActions === ALWAYS ? ALWAYS : enforceActions === OBSERVED;
@@ -2760,7 +3010,9 @@
         globalState.allowStateChanges = ea === true || ea === ALWAYS ? false : true;
       }
       ["computedRequiresReaction", "reactionRequiresObservable", "observableRequiresReaction", "disableErrorBoundaries", "safeDescriptors"].forEach(function (key) {
-        if (key in options) globalState[key] = !!options[key];
+        if (key in options) {
+          globalState[key] = !!options[key];
+        }
       });
       globalState.allowStateReads = !globalState.observableRequiresReaction;
 
@@ -2775,11 +3027,25 @@
 
     function extendObservable(target, properties, annotations, options) {
       {
-        if (arguments.length > 4) die("'extendObservable' expected 2-4 arguments");
-        if (typeof target !== "object") die("'extendObservable' expects an object as first argument");
-        if (isObservableMap(target)) die("'extendObservable' should not be used on maps, use map.merge instead");
-        if (!isPlainObject(properties)) die("'extendObservable' only accepts plain objects as second argument");
-        if (isObservable(properties) || isObservable(annotations)) die("Extending an object with another observable (object) is not supported");
+        if (arguments.length > 4) {
+          die("'extendObservable' expected 2-4 arguments");
+        }
+
+        if (typeof target !== "object") {
+          die("'extendObservable' expects an object as first argument");
+        }
+
+        if (isObservableMap(target)) {
+          die("'extendObservable' should not be used on maps, use map.merge instead");
+        }
+
+        if (!isPlainObject(properties)) {
+          die("'extendObservable' only accepts plain objects as second argument");
+        }
+
+        if (isObservable(properties) || isObservable(annotations)) {
+          die("Extending an object with another observable (object) is not supported");
+        }
       } // Pull descriptors first, so we don't have to deal with props added by administration ($mobx)
 
 
@@ -2807,7 +3073,11 @@
       var result = {
         name: node.name_
       };
-      if (node.observing_ && node.observing_.length > 0) result.dependencies = unique(node.observing_).map(nodeToDependencyTree);
+
+      if (node.observing_ && node.observing_.length > 0) {
+        result.dependencies = unique(node.observing_).map(nodeToDependencyTree);
+      }
+
       return result;
     }
 
@@ -2819,7 +3089,11 @@
       var result = {
         name: node.name_
       };
-      if (hasObservers(node)) result.observers = Array.from(getObservers(node)).map(nodeToObserverTree);
+
+      if (hasObservers(node)) {
+        result.observers = Array.from(getObservers(node)).map(nodeToObserverTree);
+      }
+
       return result;
     }
 
@@ -2846,7 +3120,10 @@
       } // flow(fn)
 
 
-      if ( arguments.length !== 1) die("Flow expects single argument with generator function");
+      if ( arguments.length !== 1) {
+        die("Flow expects single argument with generator function");
+      }
+
       var generator = arg1;
       var name = generator.name || "<unnamed flow>"; // Implementation based on https://github.com/tj/co/blob/master/index.js
 
@@ -2894,7 +3171,10 @@
               return;
             }
 
-            if (ret.done) return resolve(ret.value);
+            if (ret.done) {
+              return resolve(ret.value);
+            }
+
             pendingPromise = Promise.resolve(ret.value);
             return pendingPromise.then(onFulfilled, onRejected);
           }
@@ -2903,7 +3183,10 @@
         });
         promise.cancel = action(name + " - runid: " + runId + " - cancel", function () {
           try {
-            if (pendingPromise) cancelPromise(pendingPromise); // Finally block can return (or yield) stuff..
+            if (pendingPromise) {
+              cancelPromise(pendingPromise);
+            } // Finally block can return (or yield) stuff..
+
 
             var _res = gen["return"](undefined); // eat anything that promise would do, it's cancelled!
 
@@ -2927,7 +3210,9 @@
     flow.bound = /*#__PURE__*/createDecoratorAnnotation(flowBoundAnnotation);
 
     function cancelPromise(promise) {
-      if (isFunction(promise.cancel)) promise.cancel();
+      if (isFunction(promise.cancel)) {
+        promise.cancel();
+      }
     }
 
     function flowResult(result) {
@@ -2943,13 +3228,19 @@
       if (isObservableMap(thing) || isObservableArray(thing) || isObservableValue(thing)) {
         target = getAdministration(thing);
       } else if (isObservableObject(thing)) {
-        if ( !isStringish(propOrHandler)) return die("InterceptReads can only be used with a specific property, not with an object in general");
+        if ( !isStringish(propOrHandler)) {
+          return die("InterceptReads can only be used with a specific property, not with an object in general");
+        }
+
         target = getAdministration(thing, propOrHandler);
       } else {
         return die("Expected observable map, object or array as first array");
       }
 
-      if ( target.dehancer !== undefined) return die("An intercept reader was already established");
+      if ( target.dehancer !== undefined) {
+        return die("An intercept reader was already established");
+      }
+
       target.dehancer = typeof propOrHandler === "function" ? propOrHandler : handler;
       return function () {
         target.dehancer = undefined;
@@ -2957,7 +3248,11 @@
     }
 
     function intercept(thing, propOrHandler, handler) {
-      if (isFunction(handler)) return interceptProperty(thing, propOrHandler, handler);else return interceptInterceptable(thing, propOrHandler);
+      if (isFunction(handler)) {
+        return interceptProperty(thing, propOrHandler, handler);
+      } else {
+        return interceptInterceptable(thing, propOrHandler);
+      }
     }
 
     function interceptInterceptable(thing, handler) {
@@ -2973,25 +3268,41 @@
         return isComputedValue(value);
       }
 
-      if (isObservableObject(value) === false) return false;
-      if (!value[$mobx].values_.has(property)) return false;
+      if (isObservableObject(value) === false) {
+        return false;
+      }
+
+      if (!value[$mobx].values_.has(property)) {
+        return false;
+      }
+
       var atom = getAtom(value, property);
       return isComputedValue(atom);
     }
     function isComputed(value) {
-      if ( arguments.length > 1) return die("isComputed expects only 1 argument. Use isComputedProp to inspect the observability of a property");
+      if ( arguments.length > 1) {
+        return die("isComputed expects only 1 argument. Use isComputedProp to inspect the observability of a property");
+      }
+
       return _isComputed(value);
     }
     function isComputedProp(value, propName) {
-      if ( !isStringish(propName)) return die("isComputed expected a property name as second argument");
+      if ( !isStringish(propName)) {
+        return die("isComputed expected a property name as second argument");
+      }
+
       return _isComputed(value, propName);
     }
 
     function _isObservable(value, property) {
-      if (!value) return false;
+      if (!value) {
+        return false;
+      }
 
       if (property !== undefined) {
-        if ( (isObservableMap(value) || isObservableArray(value))) return die("isObservable(object, propertyName) is not supported for arrays and maps. Use map.has or array.length instead.");
+        if ( (isObservableMap(value) || isObservableArray(value))) {
+          return die("isObservable(object, propertyName) is not supported for arrays and maps. Use map.has or array.length instead.");
+        }
 
         if (isObservableObject(value)) {
           return value[$mobx].values_.has(property);
@@ -3005,11 +3316,17 @@
     }
 
     function isObservable(value) {
-      if ( arguments.length !== 1) die("isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property");
+      if ( arguments.length !== 1) {
+        die("isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property");
+      }
+
       return _isObservable(value);
     }
     function isObservableProp(value, propName) {
-      if ( !isStringish(propName)) return die("expected a property name as second argument");
+      if ( !isStringish(propName)) {
+        return die("expected a property name as second argument");
+      }
+
       return _isObservable(value, propName);
     }
 
@@ -3101,13 +3418,25 @@
       } else if (isObservableSet(obj)) {
         obj.add(key);
       } else if (isObservableArray(obj)) {
-        if (typeof key !== "number") key = parseInt(key, 10);
-        if (key < 0) die("Invalid index: '" + key + "'");
-        startBatch();
-        if (key >= obj.length) obj.length = key + 1;
-        obj[key] = value;
-        endBatch();
-      } else die(8);
+        if (typeof key !== "number") {
+          key = parseInt(key, 10);
+        }
+
+        if (key < 0) {
+          die("Invalid index: '" + key + "'");
+        }
+
+        startBatch();
+
+        if (key >= obj.length) {
+          obj.length = key + 1;
+        }
+
+        obj[key] = value;
+        endBatch();
+      } else {
+        die(8);
+      }
     }
     function remove(obj, key) {
       if (isObservableObject(obj)) {
@@ -3117,7 +3446,10 @@
       } else if (isObservableSet(obj)) {
         obj["delete"](key);
       } else if (isObservableArray(obj)) {
-        if (typeof key !== "number") key = parseInt(key, 10);
+        if (typeof key !== "number") {
+          key = parseInt(key, 10);
+        }
+
         obj.splice(key, 1);
       } else {
         die(9);
@@ -3137,7 +3469,9 @@
       die(10);
     }
     function get(obj, key) {
-      if (!has(obj, key)) return undefined;
+      if (!has(obj, key)) {
+        return undefined;
+      }
 
       if (isObservableObject(obj)) {
         return obj[$mobx].get_(key);
@@ -3165,7 +3499,11 @@
     }
 
     function observe(thing, propOrCb, cbOrFire, fireImmediately) {
-      if (isFunction(cbOrFire)) return observeObservableProperty(thing, propOrCb, cbOrFire, fireImmediately);else return observeObservable(thing, propOrCb, cbOrFire);
+      if (isFunction(cbOrFire)) {
+        return observeObservableProperty(thing, propOrCb, cbOrFire, fireImmediately);
+      } else {
+        return observeObservable(thing, propOrCb, cbOrFire);
+      }
     }
 
     function observeObservable(thing, listener, fireImmediately) {
@@ -3182,8 +3520,13 @@
     }
 
     function toJSHelper(source, __alreadySeen) {
-      if (source == null || typeof source !== "object" || source instanceof Date || !isObservable(source)) return source;
-      if (isObservableValue(source) || isComputedValue(source)) return toJSHelper(source.get(), __alreadySeen);
+      if (source == null || typeof source !== "object" || source instanceof Date || !isObservable(source)) {
+        return source;
+      }
+
+      if (isObservableValue(source) || isComputedValue(source)) {
+        return toJSHelper(source.get(), __alreadySeen);
+      }
 
       if (__alreadySeen.has(source)) {
         return __alreadySeen.get(source);
@@ -3226,23 +3569,33 @@
       }
     }
     /**
-     * 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.
      */
 
 
     function toJS(source, options) {
-      if ( options) die("toJS no longer supports options");
+      if ( options) {
+        die("toJS no longer supports options");
+      }
+
       return toJSHelper(source, new Map());
     }
 
     function trace() {
+
       var enterBreakPoint = false;
 
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
 
-      if (typeof args[args.length - 1] === "boolean") enterBreakPoint = args.pop();
+      if (typeof args[args.length - 1] === "boolean") {
+        enterBreakPoint = args.pop();
+      }
+
       var derivation = getAtomFromArgs(args);
 
       if (!derivation) {
@@ -3292,7 +3645,10 @@
     }
 
     function when(predicate, arg1, arg2) {
-      if (arguments.length === 1 || arg1 && typeof arg1 === "object") return whenPromise(predicate, arg1);
+      if (arguments.length === 1 || arg1 && typeof arg1 === "object") {
+        return whenPromise(predicate, arg1);
+      }
+
       return _when(predicate, arg1, arg2 || {});
     }
 
@@ -3304,7 +3660,12 @@
         timeoutHandle = setTimeout(function () {
           if (!disposer[$mobx].isDisposed_) {
             disposer();
-            if (opts.onError) opts.onError(error);else throw error;
+
+            if (opts.onError) {
+              opts.onError(error);
+            } else {
+              throw error;
+            }
           }
         }, opts.timeout);
       }
@@ -3318,7 +3679,11 @@
 
         if (cond) {
           r.dispose();
-          if (timeoutHandle) clearTimeout(timeoutHandle);
+
+          if (timeoutHandle) {
+            clearTimeout(timeoutHandle);
+          }
+
           effectAction();
         }
       }, opts);
@@ -3326,7 +3691,10 @@
     }
 
     function whenPromise(predicate, opts) {
-      if ( opts && opts.onError) return die("the options 'onError' and 'promise' cannot be combined");
+      if ( opts && opts.onError) {
+        return die("the options 'onError' and 'promise' cannot be combined");
+      }
+
       var cancel;
       var res = new Promise(function (resolve, reject) {
         var disposer = _when(predicate, resolve, _extends({}, opts, {
@@ -3350,7 +3718,10 @@
 
     var objectProxyTraps = {
       has: function has(target, name) {
-        if ( globalState.trackingDerivation) warnAboutProxyRequirement("detect new properties using the 'in' operator. Use 'has' from 'mobx' instead.");
+        if ( globalState.trackingDerivation) {
+          warnAboutProxyRequirement("detect new properties using the 'in' operator. Use 'has' from 'mobx' instead.");
+        }
+
         return getAdm(target).has_(name);
       },
       get: function get(target, name) {
@@ -3359,7 +3730,9 @@
       set: function set(target, name, value) {
         var _getAdm$set_;
 
-        if (!isStringish(name)) return false;
+        if (!isStringish(name)) {
+          return false;
+        }
 
         if ( !getAdm(target).values_.has(name)) {
           warnAboutProxyRequirement("add a new observable property through direct assignment. Use 'set' from 'mobx' instead.");
@@ -3375,7 +3748,10 @@
           warnAboutProxyRequirement("delete properties from an observable object. Use 'remove' from 'mobx' instead.");
         }
 
-        if (!isStringish(name)) return false; // null (intercepted) -> true (success)
+        if (!isStringish(name)) {
+          return false;
+        } // null (intercepted) -> true (success)
+
 
         return (_getAdm$delete_ = getAdm(target).delete_(name, true)) != null ? _getAdm$delete_ : true;
       },
@@ -3390,7 +3766,10 @@
         return (_getAdm$definePropert = getAdm(target).defineProperty_(name, descriptor)) != null ? _getAdm$definePropert : true;
       },
       ownKeys: function ownKeys(target) {
-        if ( globalState.trackingDerivation) warnAboutProxyRequirement("iterate keys to detect added / removed properties. Use 'keys' from 'mobx' instead.");
+        if ( globalState.trackingDerivation) {
+          warnAboutProxyRequirement("iterate keys to detect added / removed properties. Use 'keys' from 'mobx' instead.");
+        }
+
         return getAdm(target).ownKeys_();
       },
       preventExtensions: function preventExtensions(target) {
@@ -3413,7 +3792,10 @@
       interceptors.push(handler);
       return once(function () {
         var idx = interceptors.indexOf(handler);
-        if (idx !== -1) interceptors.splice(idx, 1);
+
+        if (idx !== -1) {
+          interceptors.splice(idx, 1);
+        }
       });
     }
     function interceptChange(interceptable, change) {
@@ -3425,8 +3807,14 @@
 
         for (var i = 0, l = interceptors.length; i < l; i++) {
           change = interceptors[i](change);
-          if (change && !change.type) die(14);
-          if (!change) break;
+
+          if (change && !change.type) {
+            die(14);
+          }
+
+          if (!change) {
+            break;
+          }
         }
 
         return change;
@@ -3443,13 +3831,20 @@
       listeners.push(handler);
       return once(function () {
         var idx = listeners.indexOf(handler);
-        if (idx !== -1) listeners.splice(idx, 1);
+
+        if (idx !== -1) {
+          listeners.splice(idx, 1);
+        }
       });
     }
     function notifyListeners(listenable, change) {
       var prevU = untrackedStart();
       var listeners = listenable.changeListeners_;
-      if (!listeners) return;
+
+      if (!listeners) {
+        return;
+      }
+
       listeners = listeners.slice();
 
       for (var i = 0, l = listeners.length; i < l; i++) {
@@ -3486,8 +3881,13 @@
     var keysSymbol = /*#__PURE__*/Symbol("mobx-keys");
     function makeAutoObservable(target, overrides, options) {
       {
-        if (!isPlainObject(target) && !isPlainObject(Object.getPrototypeOf(target))) die("'makeAutoObservable' can only be used for classes that don't have a superclass");
-        if (isObservableObject(target)) die("makeAutoObservable can only be used on objects not already made observable");
+        if (!isPlainObject(target) && !isPlainObject(Object.getPrototypeOf(target))) {
+          die("'makeAutoObservable' can only be used for classes that don't have a superclass");
+        }
+
+        if (isObservableObject(target)) {
+          die("makeAutoObservable can only be used on objects not already made observable");
+        }
       } // Optimization: avoid visiting protos
       // Assumes that annotation.make_/.extend_ works the same for plain objects
 
@@ -3528,8 +3928,14 @@
     var arrayTraps = {
       get: function get(target, name) {
         var adm = target[$mobx];
-        if (name === $mobx) return adm;
-        if (name === "length") return adm.getArrayLength_();
+
+        if (name === $mobx) {
+          return adm;
+        }
+
+        if (name === "length") {
+          return adm.getArrayLength_();
+        }
 
         if (typeof name === "string" && !isNaN(name)) {
           return adm.get_(parseInt(name));
@@ -3590,12 +3996,18 @@
       var _proto = ObservableArrayAdministration.prototype;
 
       _proto.dehanceValue_ = function dehanceValue_(value) {
-        if (this.dehancer !== undefined) return this.dehancer(value);
+        if (this.dehancer !== undefined) {
+          return this.dehancer(value);
+        }
+
         return value;
       };
 
       _proto.dehanceValues_ = function dehanceValues_(values) {
-        if (this.dehancer !== undefined && values.length > 0) return values.map(this.dehancer);
+        if (this.dehancer !== undefined && values.length > 0) {
+          return values.map(this.dehancer);
+        }
+
         return values;
       };
 
@@ -3631,9 +4043,15 @@
       };
 
       _proto.setArrayLength_ = function setArrayLength_(newLength) {
-        if (typeof newLength !== "number" || isNaN(newLength) || newLength < 0) die("Out of range: " + newLength);
+        if (typeof newLength !== "number" || isNaN(newLength) || newLength < 0) {
+          die("Out of range: " + newLength);
+        }
+
         var currentLength = this.values_.length;
-        if (newLength === currentLength) return;else if (newLength > currentLength) {
+
+        if (newLength === currentLength) {
+          return;
+        } else if (newLength > currentLength) {
           var newItems = new Array(newLength - currentLength);
 
           for (var i = 0; i < newLength - currentLength; i++) {
@@ -3642,13 +4060,21 @@
 
 
           this.spliceWithArray_(currentLength, 0, newItems);
-        } else this.spliceWithArray_(newLength, currentLength - newLength);
+        } else {
+          this.spliceWithArray_(newLength, currentLength - newLength);
+        }
       };
 
       _proto.updateArrayLength_ = function updateArrayLength_(oldLength, delta) {
-        if (oldLength !== this.lastKnownLength_) die(16);
+        if (oldLength !== this.lastKnownLength_) {
+          die(16);
+        }
+
         this.lastKnownLength_ += delta;
-        if (this.legacyMode_ && delta > 0) reserveArrayBuffer(oldLength + delta + 1);
+
+        if (this.legacyMode_ && delta > 0) {
+          reserveArrayBuffer(oldLength + delta + 1);
+        }
       };
 
       _proto.spliceWithArray_ = function spliceWithArray_(index, deleteCount, newItems) {
@@ -3656,9 +4082,26 @@
 
         checkIfStateModificationsAreAllowed(this.atom_);
         var length = this.values_.length;
-        if (index === undefined) index = 0;else if (index > length) index = length;else if (index < 0) index = Math.max(0, length + index);
-        if (arguments.length === 1) deleteCount = length - index;else if (deleteCount === undefined || deleteCount === null) deleteCount = 0;else deleteCount = Math.max(0, Math.min(deleteCount, length - index));
-        if (newItems === undefined) newItems = EMPTY_ARRAY;
+
+        if (index === undefined) {
+          index = 0;
+        } else if (index > length) {
+          index = length;
+        } else if (index < 0) {
+          index = Math.max(0, length + index);
+        }
+
+        if (arguments.length === 1) {
+          deleteCount = length - index;
+        } else if (deleteCount === undefined || deleteCount === null) {
+          deleteCount = 0;
+        } else {
+          deleteCount = Math.max(0, Math.min(deleteCount, length - index));
+        }
+
+        if (newItems === undefined) {
+          newItems = EMPTY_ARRAY;
+        }
 
         if (hasInterceptors(this)) {
           var change = interceptChange(this, {
@@ -3668,7 +4111,11 @@
             removedCount: deleteCount,
             added: newItems
           });
-          if (!change) return EMPTY_ARRAY;
+
+          if (!change) {
+            return EMPTY_ARRAY;
+          }
+
           deleteCount = change.removedCount;
           newItems = change.added;
         }
@@ -3683,7 +4130,11 @@
         }
 
         var res = this.spliceItemsIntoValues_(index, deleteCount, newItems);
-        if (deleteCount !== 0 || newItems.length !== 0) this.notifyArraySplice_(index, newItems, res);
+
+        if (deleteCount !== 0 || newItems.length !== 0) {
+          this.notifyArraySplice_(index, newItems, res);
+        }
+
         return this.dehanceValues_(res);
       };
 
@@ -3726,10 +4177,19 @@
         } : null; // The reason why this is on right hand side here (and not above), is this way the uglifier will drop it, but it won't
         // cause any runtime overhead in development mode without NODE_ENV set, unless spying is enabled
 
-        if ( notifySpy) spyReportStart(change);
+        if ( notifySpy) {
+          spyReportStart(change);
+        }
+
         this.atom_.reportChanged();
-        if (notify) notifyListeners(this, change);
-        if ( notifySpy) spyReportEnd();
+
+        if (notify) {
+          notifyListeners(this, change);
+        }
+
+        if ( notifySpy) {
+          spyReportEnd();
+        }
       };
 
       _proto.notifyArraySplice_ = function notifyArraySplice_(index, added, removed) {
@@ -3746,11 +4206,20 @@
           removedCount: removed.length,
           addedCount: added.length
         } : null;
-        if ( notifySpy) spyReportStart(change);
+
+        if ( notifySpy) {
+          spyReportStart(change);
+        }
+
         this.atom_.reportChanged(); // conform: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/observe
 
-        if (notify) notifyListeners(this, change);
-        if ( notifySpy) spyReportEnd();
+        if (notify) {
+          notifyListeners(this, change);
+        }
+
+        if ( notifySpy) {
+          spyReportEnd();
+        }
       };
 
       _proto.get_ = function get_(index) {
@@ -3777,7 +4246,11 @@
               index: index,
               newValue: newValue
             });
-            if (!change) return;
+
+            if (!change) {
+              return;
+            }
+
             newValue = change.newValue;
           }
 
@@ -4018,6 +4491,8 @@
     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;
         }
@@ -4045,7 +4520,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;
@@ -4055,16 +4532,19 @@
       };
 
       _proto.has = function has(key) {
-        var _this = this;
+        var _this2 = this;
+
+        if (!globalState.trackingDerivation) {
+          return this.has_(key);
+        }
 
-        if (!globalState.trackingDerivation) return this.has_(key);
         var entry = this.hasMap_.get(key);
 
         if (!entry) {
           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);
           });
         }
 
@@ -4081,7 +4561,11 @@
             newValue: value,
             name: key
           });
-          if (!change) return this;
+
+          if (!change) {
+            return this;
+          }
+
           value = change.newValue;
         }
 
@@ -4095,7 +4579,7 @@
       };
 
       _proto["delete"] = function _delete(key) {
-        var _this2 = this;
+        var _this3 = this;
 
         checkIfStateModificationsAreAllowed(this.keysAtom_);
 
@@ -4105,7 +4589,10 @@
             object: this,
             name: key
           });
-          if (!change) return false;
+
+          if (!change) {
+            return false;
+          }
         }
 
         if (this.has_(key)) {
@@ -4121,23 +4608,33 @@
             name: key
           } : null;
 
-          if ( notifySpy) spyReportStart(_change); // TODO fix type
+          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();
+
+          if (notify) {
+            notifyListeners(this, _change);
+          }
+
+          if ( notifySpy) {
+            spyReportEnd();
+          }
+
           return true;
         }
 
@@ -4160,30 +4657,40 @@
             name: key,
             newValue: newValue
           } : null;
-          if ( notifySpy) spyReportStart(change); // TODO fix type
+
+          if ( notifySpy) {
+            spyReportStart(change);
+          } // TODO fix type
+
 
           observable.setNewValue_(newValue);
-          if (notify) notifyListeners(this, change);
-          if ( notifySpy) spyReportEnd();
+
+          if (notify) {
+            notifyListeners(this, change);
+          }
+
+          if ( notifySpy) {
+            spyReportEnd();
+          }
         }
       };
 
       _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);
@@ -4195,14 +4702,26 @@
           name: key,
           newValue: newValue
         } : null;
-        if ( notifySpy) spyReportStart(change); // TODO fix type
 
-        if (notify) notifyListeners(this, change);
-        if ( notifySpy) spyReportEnd();
+        if ( notifySpy) {
+          spyReportStart(change);
+        } // TODO fix type
+
+
+        if (notify) {
+          notifyListeners(this, change);
+        }
+
+        if ( notifySpy) {
+          spyReportEnd();
+        }
       };
 
       _proto.get = function get(key) {
-        if (this.has(key)) return this.dehanceValue_(this.data_.get(key).get());
+        if (this.has(key)) {
+          return this.dehanceValue_(this.data_.get(key).get());
+        }
+
         return this.dehanceValue_(undefined);
       };
 
@@ -4269,45 +4788,54 @@
       ;
 
       _proto.merge = function merge(other) {
-        var _this4 = this;
+        var _this5 = this;
 
         if (isObservableMap(other)) {
           other = new Map(other);
         }
 
         transaction(function () {
-          if (isPlainObject(other)) getPlainObjectKeys(other).forEach(function (key) {
-            return _this4.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);
-          });else if (isES6Map(other)) {
-            if (other.constructor !== Map) die(19, other);
+          if (isPlainObject(other)) {
+            getPlainObjectKeys(other).forEach(function (key) {
+              return _this5.set(key, other[key]);
+            });
+          } else if (Array.isArray(other)) {
+            other.forEach(function (_ref) {
+              var key = _ref[0],
+                  value = _ref[1];
+              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);
+          } else if (other !== null && other !== undefined) {
+            die(20, other);
+          }
         });
         return this;
       };
 
       _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
@@ -4324,13 +4852,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) {
@@ -4338,7 +4866,7 @@
                 keysReportChangedCalled = true;
               } else {
                 // Delete prevented by interceptor
-                var value = _this6.data_.get(key);
+                var value = _this7.data_.get(key);
 
                 orderedData.set(key, value);
               }
@@ -4352,17 +4880,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?
 
@@ -4375,11 +4903,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();
@@ -4387,7 +4915,7 @@
 
               while (!next1.done) {
                 if (next1.value !== next2.value) {
-                  _this6.keysAtom_.reportChanged();
+                  _this7.keysAtom_.reportChanged();
 
                   break;
                 }
@@ -4399,7 +4927,7 @@
           } // Use correctly ordered map
 
 
-          _this6.data_ = orderedData;
+          _this7.data_ = orderedData;
         });
         return this;
       };
@@ -4418,7 +4946,10 @@
        * for callback details
        */
       _proto.observe_ = function observe_(listener, fireImmediately) {
-        if ( fireImmediately === true) die("`observe` doesn't support fireImmediately=true in combination with maps.");
+        if ( fireImmediately === true) {
+          die("`observe` doesn't support fireImmediately=true in combination with maps.");
+        }
+
         return registerListener(this, listener);
       };
 
@@ -4543,8 +5074,12 @@
             object: this,
             newValue: value
           });
-          if (!change) return this; // ideally, value = change.value would be done here, so that values can be
+
+          if (!change) {
+            return this;
+          } // ideally, value = change.value would be done here, so that values can be
           // changed by interceptor. Same applies for other Set and Map api's.
+
         }
 
         if (!this.has(value)) {
@@ -4564,9 +5099,17 @@
             newValue: value
           } : null;
 
-          if (notifySpy && "development" !== "production") spyReportStart(_change);
-          if (notify) notifyListeners(this, _change);
-          if (notifySpy && "development" !== "production") spyReportEnd();
+          if (notifySpy && "development" !== "production") {
+            spyReportStart(_change);
+          }
+
+          if (notify) {
+            notifyListeners(this, _change);
+          }
+
+          if (notifySpy && "development" !== "production") {
+            spyReportEnd();
+          }
         }
 
         return this;
@@ -4581,7 +5124,10 @@
             object: this,
             oldValue: value
           });
-          if (!change) return false;
+
+          if (!change) {
+            return false;
+          }
         }
 
         if (this.has(value)) {
@@ -4596,14 +5142,24 @@
             oldValue: value
           } : null;
 
-          if (notifySpy && "development" !== "production") spyReportStart(_change2);
+          if (notifySpy && "development" !== "production") {
+            spyReportStart(_change2);
+          }
+
           transaction(function () {
             _this3.atom_.reportChanged();
 
             _this3.data_["delete"](value);
           });
-          if (notify) notifyListeners(this, _change2);
-          if (notifySpy && "development" !== "production") spyReportEnd();
+
+          if (notify) {
+            notifyListeners(this, _change2);
+          }
+
+          if (notifySpy && "development" !== "production") {
+            spyReportEnd();
+          }
+
           return true;
         }
 
@@ -4683,7 +5239,10 @@
 
       _proto.observe_ = function observe_(listener, fireImmediately) {
         // ... 'fireImmediately' could also be true?
-        if ( fireImmediately === true) die("`observe` doesn't support fireImmediately=true in combination with sets.");
+        if ( fireImmediately === true) {
+          die("`observe` doesn't support fireImmediately=true in combination with sets.");
+        }
+
         return registerListener(this, listener);
       };
 
@@ -4785,7 +5344,11 @@
             name: key,
             newValue: newValue
           });
-          if (!change) return null;
+
+          if (!change) {
+            return null;
+          }
+
           newValue = change.newValue;
         }
 
@@ -4805,10 +5368,18 @@
             newValue: newValue
           } : null;
 
-          if ( notifySpy) spyReportStart(_change);
+          if ( notifySpy) {
+            spyReportStart(_change);
+          }
           observable.setNewValue_(newValue);
-          if (notify) notifyListeners(this, _change);
-          if ( notifySpy) spyReportEnd();
+
+          if (notify) {
+            notifyListeners(this, _change);
+          }
+
+          if ( notifySpy) {
+            spyReportEnd();
+          }
         }
 
         return true;
@@ -4917,12 +5488,18 @@
 
           if (descriptor) {
             var outcome = annotation.make_(this, key, descriptor, source);
+
             if (outcome === 0
             /* Cancel */
-            ) return;
+            ) {
+              return;
+            }
+
             if (outcome === 1
             /* Break */
-            ) break;
+            ) {
+              break;
+            }
           }
 
           source = Object.getPrototypeOf(source);
@@ -4992,7 +5569,11 @@
               type: ADD,
               newValue: descriptor.value
             });
-            if (!change) return null;
+
+            if (!change) {
+              return null;
+            }
+
             var newValue = change.newValue;
 
             if (descriptor.value !== newValue) {
@@ -5044,7 +5625,11 @@
               type: ADD,
               newValue: value
             });
-            if (!change) return null;
+
+            if (!change) {
+              return null;
+            }
+
             value = change.newValue;
           }
 
@@ -5099,7 +5684,10 @@
               type: ADD,
               newValue: undefined
             });
-            if (!change) return null;
+
+            if (!change) {
+              return null;
+            }
           }
 
           options.name || (options.name = "development" !== "production" ? this.name_ + "." + key.toString() : "ObservableObject.key");
@@ -5155,7 +5743,9 @@
             type: REMOVE
           }); // Cancelled
 
-          if (!change) return null;
+          if (!change) {
+            return null;
+          }
         } // Delete
 
 
@@ -5216,9 +5806,18 @@
               oldValue: value,
               name: key
             };
-            if ("development" !== "production" && notifySpy) spyReportStart(_change2);
-            if (notify) notifyListeners(this, _change2);
-            if ("development" !== "production" && notifySpy) spyReportEnd();
+
+            if ("development" !== "production" && notifySpy) {
+              spyReportStart(_change2);
+            }
+
+            if (notify) {
+              notifyListeners(this, _change2);
+            }
+
+            if ("development" !== "production" && notifySpy) {
+              spyReportEnd();
+            }
           }
         } finally {
           endBatch();
@@ -5234,7 +5833,10 @@
       ;
 
       _proto.observe_ = function observe_(callback, fireImmediately) {
-        if ( fireImmediately === true) die("`observe` doesn't support the fire immediately property for observable objects.");
+        if ( fireImmediately === true) {
+          die("`observe` doesn't support the fire immediately property for observable objects.");
+        }
+
         return registerListener(this, callback);
       };
 
@@ -5257,9 +5859,18 @@
             name: key,
             newValue: value
           } : null;
-          if ( notifySpy) spyReportStart(change);
-          if (notify) notifyListeners(this, change);
-          if ( notifySpy) spyReportEnd();
+
+          if ( notifySpy) {
+            spyReportStart(change);
+          }
+
+          if (notify) {
+            notifyListeners(this, change);
+          }
+
+          if ( notifySpy) {
+            spyReportEnd();
+          }
         }
 
         (_this$pendingKeys_2 = this.pendingKeys_) == null ? void 0 : (_this$pendingKeys_2$g = _this$pendingKeys_2.get(key)) == null ? void 0 : _this$pendingKeys_2$g.set(true); // Notify "keys/entries/values" observers
@@ -5300,7 +5911,10 @@
         return target;
       }
 
-      if ( !Object.isExtensible(target)) die("Cannot make the designated object observable; it is not extensible");
+      if ( !Object.isExtensible(target)) {
+        die("Cannot make the designated object observable; it is not extensible");
+      }
+
       var name = (_options$name = options == null ? void 0 : options.name) != null ? _options$name :  (isPlainObject(target) ? "ObservableObject" : target.constructor.name) + "@" + getNextId() ;
       var adm = new ObservableObjectAdministration(target, new Map(), String(name), getAnnotationFromOptions(options));
       addHiddenProp(target, $mobx, adm);
@@ -5457,7 +6071,6 @@
         var nextIndex = 0;
         return makeIterable({
           next: function next() {
-            // @ts-ignore
             return nextIndex < self.length ? {
               value: self[nextIndex++],
               done: false
@@ -5490,7 +6103,10 @@
     Object.entries(arrayExtensions).forEach(function (_ref) {
       var prop = _ref[0],
           fn = _ref[1];
-      if (prop !== "concat") addHiddenProp(LegacyObservableArray.prototype, prop, fn);
+
+      if (prop !== "concat") {
+        addHiddenProp(LegacyObservableArray.prototype, prop, fn);
+      }
     });
 
     function createArrayEntryDescriptor(index) {
@@ -5527,7 +6143,10 @@
     function getAtom(thing, property) {
       if (typeof thing === "object" && thing !== null) {
         if (isObservableArray(thing)) {
-          if (property !== undefined) die(23);
+          if (property !== undefined) {
+            die(23);
+          }
+
           return thing[$mobx].atom_;
         }
 
@@ -5536,18 +6155,31 @@
         }
 
         if (isObservableMap(thing)) {
-          if (property === undefined) return thing.keysAtom_;
+          if (property === undefined) {
+            return thing.keysAtom_;
+          }
+
           var observable = thing.data_.get(property) || thing.hasMap_.get(property);
-          if (!observable) die(25, property, getDebugName(thing));
+
+          if (!observable) {
+            die(25, property, getDebugName(thing));
+          }
+
           return observable;
         }
 
+
         if (isObservableObject(thing)) {
-          if (!property) return die(26);
+          if (!property) {
+            return die(26);
+          }
 
           var _observable = thing[$mobx].values_.get(property);
 
-          if (!_observable) die(27, property, getDebugName(thing));
+          if (!_observable) {
+            die(27, property, getDebugName(thing));
+          }
+
           return _observable;
         }
 
@@ -5564,11 +6196,26 @@
       die(28);
     }
     function getAdministration(thing, property) {
-      if (!thing) die(29);
-      if (property !== undefined) return getAdministration(getAtom(thing, property));
-      if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) return thing;
-      if (isObservableMap(thing) || isObservableSet(thing)) return thing;
-      if (thing[$mobx]) return thing[$mobx];
+      if (!thing) {
+        die(29);
+      }
+
+      if (property !== undefined) {
+        return getAdministration(getAtom(thing, property));
+      }
+
+      if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {
+        return thing;
+      }
+
+      if (isObservableMap(thing) || isObservableSet(thing)) {
+        return thing;
+      }
+
+      if (thing[$mobx]) {
+        return thing[$mobx];
+      }
+
       die(24, thing);
     }
     function getDebugName(thing, property) {
@@ -5601,17 +6248,33 @@
     function eq(a, b, depth, aStack, bStack) {
       // Identical objects are equal. `0 === -0`, but they aren't identical.
       // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).
-      if (a === b) return a !== 0 || 1 / a === 1 / b; // `null` or `undefined` only equal to itself (strict comparison).
+      if (a === b) {
+        return a !== 0 || 1 / a === 1 / b;
+      } // `null` or `undefined` only equal to itself (strict comparison).
 
-      if (a == null || b == null) return false; // `NaN`s are equivalent, but non-reflexive.
 
-      if (a !== a) return b !== b; // Exhaust primitive checks
+      if (a == null || b == null) {
+        return false;
+      } // `NaN`s are equivalent, but non-reflexive.
+
+
+      if (a !== a) {
+        return b !== b;
+      } // Exhaust primitive checks
+
 
       var type = typeof a;
-      if (type !== "function" && 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;
+
+      if (className !== toString.call(b)) {
+        return false;
+      }
 
       switch (className) {
         // Strings, numbers, regular expressions, dates, and booleans are compared by value.
@@ -5625,7 +6288,10 @@
         case "[object Number]":
           // `NaN`s are equivalent, but non-reflexive.
           // Object(NaN) is equivalent to NaN.
-          if (+a !== +a) return +b !== +b; // An `egal` comparison is performed for other numeric values.
+          if (+a !== +a) {
+            return +b !== +b;
+          } // An `egal` comparison is performed for other numeric values.
+
 
           return +a === 0 ? 1 / +a === 1 / b : +a === +b;
 
@@ -5656,9 +6322,12 @@
       var areArrays = className === "[object Array]";
 
       if (!areArrays) {
-        if (typeof a != "object" || typeof b != "object") return false; // Objects with different constructors are not equivalent, but `Object`s or `Array`s
+        if (typeof a != "object" || typeof b != "object") {
+          return false;
+        } // Objects with different constructors are not equivalent, but `Object`s or `Array`s
         // from different frames are.
 
+
         var aCtor = a.constructor,
             bCtor = b.constructor;
 
@@ -5684,7 +6353,9 @@
       while (length--) {
         // Linear search. Performance is inversely proportional to the number of
         // unique nested structures.
-        if (aStack[length] === a) return bStack[length] === b;
+        if (aStack[length] === a) {
+          return bStack[length] === b;
+        }
       } // Add the first object to the stack of traversed objects.
 
 
@@ -5694,10 +6365,16 @@
       if (areArrays) {
         // Compare array lengths to determine if a deep comparison is necessary.
         length = a.length;
-        if (length !== b.length) return false; // Deep compare the contents, ignoring non-numeric properties.
+
+        if (length !== b.length) {
+          return false;
+        } // Deep compare the contents, ignoring non-numeric properties.
+
 
         while (length--) {
-          if (!eq(a[length], b[length], depth - 1, aStack, bStack)) return false;
+          if (!eq(a[length], b[length], depth - 1, aStack, bStack)) {
+            return false;
+          }
         }
       } else {
         // Deep compare objects.
@@ -5705,12 +6382,17 @@
         var key;
         length = keys.length; // Ensure that both objects contain the same number of properties before comparing deep equality.
 
-        if (Object.keys(b).length !== length) return false;
+        if (Object.keys(b).length !== length) {
+          return false;
+        }
 
         while (length--) {
           // Deep compare each member
           key = keys[length];
-          if (!(hasProp(b, key) && eq(a[key], b[key], depth - 1, aStack, bStack))) return false;
+
+          if (!(hasProp(b, key) && eq(a[key], b[key], depth - 1, aStack, bStack))) {
+            return false;
+          }
         }
       } // Remove the first object from the stack of traversed objects.
 
@@ -5721,9 +6403,18 @@
     }
 
     function unwrap(a) {
-      if (isObservableArray(a)) return a.slice();
-      if (isES6Map(a) || isObservableMap(a)) return Array.from(a.entries());
-      if (isES6Set(a) || isObservableSet(a)) return Array.from(a.entries());
+      if (isObservableArray(a)) {
+        return a.slice();
+      }
+
+      if (isES6Map(a) || isObservableMap(a)) {
+        return Array.from(a.entries());
+      }
+
+      if (isES6Set(a) || isObservableSet(a)) {
+        return Array.from(a.entries());
+      }
+
       return a;
     }