mobx 5.14.1 → 5.15.2

package/lib/mobx.module.js

@@ -73,7 +73,7 @@ function __spread() {
     return ar;
 }
 
-var OBFUSCATED_ERROR = "An invariant failed, however the error is obfuscated because this is an production build.";
+var OBFUSCATED_ERROR = "An invariant failed, however the error is obfuscated because this is a production build.";
 var EMPTY_ARRAY = [];
 Object.freeze(EMPTY_ARRAY);
 var EMPTY_OBJECT = {};
@@ -317,14 +317,27 @@ function createPropertyInitializerDescriptor(prop, enumerable) {
         }));
 }
 function initializeInstance(target) {
+    var e_1, _a;
     if (target[mobxDidRunLazyInitializersSymbol] === true)
         return;
     var decorators = target[mobxPendingDecorators];
     if (decorators) {
         addHiddenProp(target, mobxDidRunLazyInitializersSymbol, true);
-        for (var key in decorators) {
-            var d = decorators[key];
-            d.propertyCreator(target, d.prop, d.descriptor, d.decoratorTarget, d.decoratorArguments);
+        // Build property key array from both strings and symbols
+        var keys = __spread(Object.getOwnPropertySymbols(decorators), Object.keys(decorators));
+        try {
+            for (var keys_1 = __values(keys), keys_1_1 = keys_1.next(); !keys_1_1.done; keys_1_1 = keys_1.next()) {
+                var key = keys_1_1.value;
+                var d = decorators[key];
+                d.propertyCreator(target, d.prop, d.descriptor, d.decoratorTarget, d.decoratorArguments);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (keys_1_1 && !keys_1_1.done && (_a = keys_1.return)) _a.call(keys_1);
+            }
+            finally { if (e_1) throw e_1.error; }
         }
     }
 }
@@ -367,7 +380,8 @@ function createPropDecorator(propertyInitiallyEnumerable, propertyCreator) {
     };
 }
 function quacksLikeADecorator(args) {
-    return (((args.length === 2 || args.length === 3) && typeof args[1] === "string") ||
+    return (((args.length === 2 || args.length === 3) &&
+        (typeof args[1] === "string" || typeof args[1] === "symbol")) ||
         (args.length === 4 && args[3] === true));
 }
 
@@ -484,7 +498,7 @@ function getEnhancerFromOptions(options) {
  */
 function createObservable(v, arg2, arg3) {
     // @observable someProp;
-    if (typeof arguments[1] === "string") {
+    if (typeof arguments[1] === "string" || typeof arguments[1] === "symbol") {
         return deepDecorator.apply(null, arguments);
     }
     // it is an observable already, done
@@ -652,6 +666,8 @@ function shouldCompute(derivation) {
         case IDerivationState.STALE:
             return true;
         case IDerivationState.POSSIBLY_STALE: {
+            // state propagation can occur outside of action/reactive context #2195
+            var prevAllowStateReads = allowStateReadsStart(true);
             var prevUntracked = untrackedStart(); // no need for those computeds to be reported, they will be picked up in trackDerivedFunction.
             var obs = derivation.observing, l = obs.length;
             for (var i = 0; i < l; i++) {
@@ -667,6 +683,7 @@ function shouldCompute(derivation) {
                         catch (e) {
                             // we are not interested in the value *or* exception at this moment, but if there is one, notify all
                             untrackedEnd(prevUntracked);
+                            allowStateReadsEnd(prevAllowStateReads);
                             return true;
                         }
                     }
@@ -675,12 +692,14 @@ function shouldCompute(derivation) {
                     // invariantShouldCompute(derivation)
                     if (derivation.dependenciesState === IDerivationState.STALE) {
                         untrackedEnd(prevUntracked);
+                        allowStateReadsEnd(prevAllowStateReads);
                         return true;
                     }
                 }
             }
             changeDependenciesStateTo0(derivation);
             untrackedEnd(prevUntracked);
+            allowStateReadsEnd(prevAllowStateReads);
             return false;
         }
     }
@@ -1129,8 +1148,7 @@ var ComputedValue = /** @class */ (function () {
         this.isComputing = false; // to check for cycles
         this.isRunningSetter = false;
         this.isTracing = TraceMode.NONE;
-        if (process.env.NODE_ENV !== "production" && !options.get)
-            throw "[mobx] missing option for computed: get";
+        invariant(options.get, "missing option for computed: get");
         this.derivation = options.get;
         this.name = options.name || "ComputedValue@" + getNextId();
         if (options.set)
@@ -1424,6 +1442,19 @@ var MobXGlobals = /** @class */ (function () {
     }
     return MobXGlobals;
 }());
+var mockGlobal = {};
+function getGlobal() {
+    if (typeof window !== "undefined") {
+        return window;
+    }
+    if (typeof global !== "undefined") {
+        return global;
+    }
+    if (typeof self !== "undefined") {
+        return self;
+    }
+    return mockGlobal;
+}
 var canMergeGlobalState = true;
 var isolateCalled = false;
 var globalState = (function () {
@@ -1477,16 +1508,6 @@ function resetGlobalState() {
             globalState[key] = defaultGlobals[key];
     globalState.allowStateChanges = !globalState.enforceActions;
 }
-var mockGlobal = {};
-function getGlobal() {
-    if (typeof window !== "undefined") {
-        return window;
-    }
-    if (typeof global !== "undefined") {
-        return global;
-    }
-    return mockGlobal;
-}
 
 function hasObservers(observable) {
     return observable.observers && observable.observers.size > 0;
@@ -1892,7 +1913,7 @@ function spyReport(event) {
 function spyReportStart(event) {
     if (process.env.NODE_ENV === "production")
         return;
-    var change = __assign({}, event, { spyReportStart: true });
+    var change = __assign(__assign({}, event), { spyReportStart: true });
     spyReport(change);
 }
 var END_EVENT = { spyReportEnd: true };
@@ -1900,7 +1921,7 @@ function spyReportEnd(change) {
     if (process.env.NODE_ENV === "production")
         return;
     if (change)
-        spyReport(__assign({}, change, { spyReportEnd: true }));
+        spyReport(__assign(__assign({}, change), { spyReportEnd: true }));
     else
         spyReport(END_EVENT);
 }
@@ -2295,8 +2316,6 @@ function extendObservableObjectWithProperties(target, properties, decorators, de
                 if (process.env.NODE_ENV !== "production") {
                     if (!isPlainObject(properties))
                         fail("'extendObservabe' only accepts plain objects as second argument");
-                    if (Object.getOwnPropertyDescriptor(target, key))
-                        fail("'extendObservable' can only be used to introduce new properties. Use 'set' or 'decorate' instead. The property '" + stringifyKey(key) + "' already exists on '" + target + "'");
                     if (isComputed(descriptor.value))
                         fail("Passing a 'computed' as initial property value is no longer supported by extendObservable. Use a getter or decorator instead");
                 }
@@ -2350,9 +2369,16 @@ function nodeToObserverTree(node) {
 }
 
 var generatorId = 0;
+function FlowCancellationError() {
+    this.message = "FLOW_CANCELLED";
+}
+FlowCancellationError.prototype = Object.create(Error.prototype);
+function isFlowCancellationError(error) {
+    return error instanceof FlowCancellationError;
+}
 function flow(generator) {
     if (arguments.length !== 1)
-        fail(!!process.env.NODE_ENV && "Flow expects one 1 argument and cannot be used as decorator");
+        fail(!!process.env.NODE_ENV && "Flow expects 1 argument and cannot be used as decorator");
     var name = generator.name || "<unnamed flow>";
     // Implementation based on https://github.com/tj/co/blob/master/index.js
     return function () {
@@ -2405,13 +2431,13 @@ function flow(generator) {
                 if (pendingPromise)
                     cancelPromise(pendingPromise);
                 // Finally block can return (or yield) stuff..
-                var res = gen.return();
+                var res = gen.return(undefined);
                 // eat anything that promise would do, it's cancelled!
                 var yieldedPromise = Promise.resolve(res.value);
                 yieldedPromise.then(noop, noop);
                 cancelPromise(yieldedPromise); // maybe it can be cancelled :)
                 // reject our original promise
-                rejector(new Error("FLOW_CANCELLED"));
+                rejector(new FlowCancellationError());
             }
             catch (e) {
                 rejector(e); // there could be a throwing finally block
@@ -2858,7 +2884,7 @@ function whenPromise(predicate, opts) {
         return fail("the options 'onError' and 'promise' cannot be combined");
     var cancel;
     var res = new Promise(function (resolve, reject) {
-        var disposer = _when(predicate, resolve, __assign({}, opts, { onError: reject }));
+        var disposer = _when(predicate, resolve, __assign(__assign({}, opts), { onError: reject }));
         cancel = function () {
             disposer();
             reject("WHEN_CANCELLED");
@@ -3175,7 +3201,7 @@ var ObservableArrayAdministration = /** @class */ (function () {
         // 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 && process.env.NODE_ENV !== "production")
-            spyReportStart(__assign({}, change, { name: this.atom.name }));
+            spyReportStart(__assign(__assign({}, change), { name: this.atom.name }));
         this.atom.reportChanged();
         if (notify)
             notifyListeners(this, change);
@@ -3197,7 +3223,7 @@ var ObservableArrayAdministration = /** @class */ (function () {
             }
             : null;
         if (notifySpy && process.env.NODE_ENV !== "production")
-            spyReportStart(__assign({}, change, { name: this.atom.name }));
+            spyReportStart(__assign(__assign({}, change), { name: this.atom.name }));
         this.atom.reportChanged();
         // conform: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/observe
         if (notify)
@@ -3466,7 +3492,7 @@ var ObservableMap = /** @class */ (function () {
                 }
                 : null;
             if (notifySpy && process.env.NODE_ENV !== "production")
-                spyReportStart(__assign({}, change, { name: this.name, key: key }));
+                spyReportStart(__assign(__assign({}, change), { name: this.name, key: key }));
             transaction(function () {
                 _this._keysAtom.reportChanged();
                 _this._updateHasMapEntry(key, false);
@@ -3504,7 +3530,7 @@ var ObservableMap = /** @class */ (function () {
                 }
                 : null;
             if (notifySpy && process.env.NODE_ENV !== "production")
-                spyReportStart(__assign({}, change, { name: this.name, key: key }));
+                spyReportStart(__assign(__assign({}, change), { name: this.name, key: key }));
             observable.setNewValue(newValue);
             if (notify)
                 notifyListeners(this, change);
@@ -3533,7 +3559,7 @@ var ObservableMap = /** @class */ (function () {
             }
             : null;
         if (notifySpy && process.env.NODE_ENV !== "production")
-            spyReportStart(__assign({}, change, { name: this.name, key: key }));
+            spyReportStart(__assign(__assign({}, change), { name: this.name, key: key }));
         if (notify)
             notifyListeners(this, change);
         if (notifySpy && process.env.NODE_ENV !== "production")
@@ -3587,17 +3613,17 @@ var ObservableMap = /** @class */ (function () {
         return this.entries();
     };
     ObservableMap.prototype.forEach = function (callback, thisArg) {
-        var e_1, _a;
+        var e_1, _b;
         try {
-            for (var _b = __values(this), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var _d = __read(_c.value, 2), key = _d[0], value = _d[1];
+            for (var _c = __values(this), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var _e = __read(_d.value, 2), key = _e[0], value = _e[1];
                 callback.call(thisArg, value, key, this);
             }
         }
         catch (e_1_1) { e_1 = { error: e_1_1 }; }
         finally {
             try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
             }
             finally { if (e_1) throw e_1.error; }
         }
@@ -3612,8 +3638,8 @@ var ObservableMap = /** @class */ (function () {
             if (isPlainObject(other))
                 getPlainObjectKeys(other).forEach(function (key) { return _this.set(key, other[key]); });
             else if (Array.isArray(other))
-                other.forEach(function (_a) {
-                    var _b = __read(_a, 2), key = _b[0], value = _b[1];
+                other.forEach(function (_b) {
+                    var _c = __read(_b, 2), key = _c[0], value = _c[1];
                     return _this.set(key, value);
                 });
             else if (isES6Map(other)) {
@@ -3630,17 +3656,17 @@ var ObservableMap = /** @class */ (function () {
         var _this = this;
         transaction(function () {
             untracked(function () {
-                var e_2, _a;
+                var e_2, _b;
                 try {
-                    for (var _b = __values(_this.keys()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var key = _c.value;
+                    for (var _c = __values(_this.keys()), _d = _c.next(); !_d.done; _d = _c.next()) {
+                        var key = _d.value;
                         _this.delete(key);
                     }
                 }
                 catch (e_2_1) { e_2 = { error: e_2_1 }; }
                 finally {
                     try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                        if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
                     }
                     finally { if (e_2) throw e_2.error; }
                 }
@@ -3675,11 +3701,11 @@ var ObservableMap = /** @class */ (function () {
      * If there are duplicating keys after converting them to strings, behaviour is undetermined.
      */
     ObservableMap.prototype.toPOJO = function () {
-        var e_3, _a;
+        var e_3, _b;
         var res = {};
         try {
-            for (var _b = __values(this), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var _d = __read(_c.value, 2), key = _d[0], value = _d[1];
+            for (var _c = __values(this), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var _e = __read(_d.value, 2), key = _e[0], value = _e[1];
                 // We lie about symbol key types due to https://github.com/Microsoft/TypeScript/issues/1863
                 res[typeof key === "symbol" ? key : stringifyKey(key)] = value;
             }
@@ -3687,7 +3713,7 @@ var ObservableMap = /** @class */ (function () {
         catch (e_3_1) { e_3 = { error: e_3_1 }; }
         finally {
             try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
             }
             finally { if (e_3) throw e_3.error; }
         }
@@ -3760,17 +3786,17 @@ var ObservableSet = /** @class */ (function () {
         var _this = this;
         transaction(function () {
             untracked(function () {
-                var e_1, _a;
+                var e_1, _b;
                 try {
-                    for (var _b = __values(_this._data.values()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var value = _c.value;
+                    for (var _c = __values(_this._data.values()), _d = _c.next(); !_d.done; _d = _c.next()) {
+                        var value = _d.value;
                         _this.delete(value);
                     }
                 }
                 catch (e_1_1) { e_1 = { error: e_1_1 }; }
                 finally {
                     try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                        if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
                     }
                     finally { if (e_1) throw e_1.error; }
                 }
@@ -3778,17 +3804,17 @@ var ObservableSet = /** @class */ (function () {
         });
     };
     ObservableSet.prototype.forEach = function (callbackFn, thisArg) {
-        var e_2, _a;
+        var e_2, _b;
         try {
-            for (var _b = __values(this), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var value = _c.value;
+            for (var _c = __values(this), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var value = _d.value;
                 callbackFn.call(thisArg, value, value, this);
             }
         }
         catch (e_2_1) { e_2 = { error: e_2_1 }; }
         finally {
             try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
             }
             finally { if (e_2) throw e_2.error; }
         }
@@ -3860,7 +3886,7 @@ var ObservableSet = /** @class */ (function () {
                 }
                 : null;
             if (notifySpy && process.env.NODE_ENV !== "production")
-                spyReportStart(__assign({}, change, { name: this.name }));
+                spyReportStart(__assign(__assign({}, change), { name: this.name }));
             transaction(function () {
                 _this._atom.reportChanged();
                 _this._data.delete(value);
@@ -3995,7 +4021,7 @@ var ObservableObjectAdministration = /** @class */ (function () {
                 }
                 : null;
             if (notifySpy && process.env.NODE_ENV !== "production")
-                spyReportStart(__assign({}, change, { name: this.name, key: key }));
+                spyReportStart(__assign(__assign({}, change), { name: this.name, key: key }));
             observable.setNewValue(newValue);
             if (notify)
                 notifyListeners(this, change);
@@ -4085,7 +4111,7 @@ var ObservableObjectAdministration = /** @class */ (function () {
                 }
                 : null;
             if (notifySpy && process.env.NODE_ENV !== "production")
-                spyReportStart(__assign({}, change, { name: this.name, key: key }));
+                spyReportStart(__assign(__assign({}, change), { name: this.name, key: key }));
             if (notify)
                 notifyListeners(this, change);
             if (notifySpy && process.env.NODE_ENV !== "production")
@@ -4142,7 +4168,7 @@ var ObservableObjectAdministration = /** @class */ (function () {
             }
             : null;
         if (notifySpy && process.env.NODE_ENV !== "production")
-            spyReportStart(__assign({}, change, { name: this.name, key: key }));
+            spyReportStart(__assign(__assign({}, change), { name: this.name, key: key }));
         if (notify)
             notifyListeners(this, change);
         if (notifySpy && process.env.NODE_ENV !== "production")
@@ -4334,9 +4360,6 @@ function eq(a, b, depth, aStack, bStack) {
     var type = typeof a;
     if (type !== "function" && type !== "object" && typeof b != "object")
         return false;
-    // Unwrap any wrapped objects.
-    a = unwrap(a);
-    b = unwrap(b);
     // Compare `[[Class]]` names.
     var className = toString.call(a);
     if (className !== toString.call(b))
@@ -4364,7 +4387,18 @@ function eq(a, b, depth, aStack, bStack) {
             return +a === +b;
         case "[object Symbol]":
             return (typeof Symbol !== "undefined" && Symbol.valueOf.call(a) === Symbol.valueOf.call(b));
+        case "[object Map]":
+        case "[object Set]":
+            // Maps and Sets are unwrapped to arrays of entry-pairs, adding an incidental level.
+            // Hide this extra level by increasing the depth.
+            if (depth >= 0) {
+                depth++;
+            }
+            break;
     }
+    // Unwrap any wrapped objects.
+    a = unwrap(a);
+    b = unwrap(b);
     var areArrays = className === "[object Array]";
     if (!areArrays) {
         if (typeof a != "object" || typeof b != "object")
@@ -4517,4 +4551,4 @@ if (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === "object") {
     });
 }
 
-export { $mobx, IDerivationState, ObservableMap, ObservableSet, Reaction, allowStateChanges as _allowStateChanges, allowStateChangesInsideComputed as _allowStateChangesInsideComputed, _endAction, getAdministration as _getAdministration, getGlobalState as _getGlobalState, interceptReads as _interceptReads, isComputingDerivation as _isComputingDerivation, resetGlobalState as _resetGlobalState, _startAction, action, autorun, comparer, computed, configure, createAtom, decorate, entries, extendObservable, flow, get, getAtom, getDebugName, getDependencyTree, getObserverTree, has, intercept, isAction, isArrayLike, isObservableValue as isBoxedObservable, isComputed, isComputedProp, isObservable, isObservableArray, isObservableMap, isObservableObject, isObservableProp, isObservableSet, keys, observable, observe, onBecomeObserved, onBecomeUnobserved, onReactionError, reaction, remove, runInAction, set, spy, toJS, trace, transaction, untracked, values, when };
+export { $mobx, FlowCancellationError, IDerivationState, ObservableMap, ObservableSet, Reaction, allowStateChanges as _allowStateChanges, allowStateChangesInsideComputed as _allowStateChangesInsideComputed, allowStateReadsEnd as _allowStateReadsEnd, allowStateReadsStart as _allowStateReadsStart, _endAction, getAdministration as _getAdministration, getGlobalState as _getGlobalState, interceptReads as _interceptReads, isComputingDerivation as _isComputingDerivation, resetGlobalState as _resetGlobalState, _startAction, action, autorun, comparer, computed, configure, createAtom, decorate, entries, extendObservable, flow, get, getAtom, getDebugName, getDependencyTree, getObserverTree, has, intercept, isAction, isArrayLike, isObservableValue as isBoxedObservable, isComputed, isComputedProp, isFlowCancellationError, isObservable, isObservableArray, isObservableMap, isObservableObject, isObservableProp, isObservableSet, keys, observable, observe, onBecomeObserved, onBecomeUnobserved, onReactionError, reaction, remove, runInAction, set, spy, toJS, trace, transaction, untracked, values, when };