mobx 5.14.1 → 5.15.2

package/lib/mobx.umd.js

@@ -79,7 +79,7 @@
         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 = {};
@@ -323,14 +323,27 @@
             }));
     }
     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; }
             }
         }
     }
@@ -373,7 +386,8 @@
         };
     }
     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));
     }
 
@@ -490,7 +504,7 @@
      */
     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
@@ -657,6 +671,8 @@
             case exports.IDerivationState.STALE:
                 return true;
             case exports.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++) {
@@ -672,6 +688,7 @@
                             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;
                             }
                         }
@@ -680,12 +697,14 @@
                         // invariantShouldCompute(derivation)
                         if (derivation.dependenciesState === exports.IDerivationState.STALE) {
                             untrackedEnd(prevUntracked);
+                            allowStateReadsEnd(prevAllowStateReads);
                             return true;
                         }
                     }
                 }
                 changeDependenciesStateTo0(derivation);
                 untrackedEnd(prevUntracked);
+                allowStateReadsEnd(prevAllowStateReads);
                 return false;
             }
         }
@@ -1134,8 +1153,7 @@
             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)
@@ -1429,6 +1447,19 @@
         }
         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 () {
@@ -1482,16 +1513,6 @@
                 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;
@@ -1897,7 +1918,7 @@
     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 };
@@ -1905,7 +1926,7 @@
         if (process.env.NODE_ENV === "production")
             return;
         if (change)
-            spyReport(__assign({}, change, { spyReportEnd: true }));
+            spyReport(__assign(__assign({}, change), { spyReportEnd: true }));
         else
             spyReport(END_EVENT);
     }
@@ -2300,8 +2321,6 @@
                     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");
                     }
@@ -2355,9 +2374,16 @@
     }
 
     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 () {
@@ -2410,13 +2436,13 @@
                     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
@@ -2863,7 +2889,7 @@
             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");
@@ -3180,7 +3206,7 @@
             // 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);
@@ -3202,7 +3228,7 @@
                 }
                 : 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)
@@ -3471,7 +3497,7 @@
                     }
                     : 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);
@@ -3509,7 +3535,7 @@
                     }
                     : 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);
@@ -3538,7 +3564,7 @@
                 }
                 : 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")
@@ -3592,17 +3618,17 @@
             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; }
             }
@@ -3617,8 +3643,8 @@
                 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)) {
@@ -3635,17 +3661,17 @@
             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; }
                     }
@@ -3680,11 +3706,11 @@
          * 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;
                 }
@@ -3692,7 +3718,7 @@
             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; }
             }
@@ -3765,17 +3791,17 @@
             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; }
                     }
@@ -3783,17 +3809,17 @@
             });
         };
         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; }
             }
@@ -3865,7 +3891,7 @@
                     }
                     : 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);
@@ -4000,7 +4026,7 @@
                     }
                     : 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);
@@ -4090,7 +4116,7 @@
                     }
                     : 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")
@@ -4147,7 +4173,7 @@
                 }
                 : 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")
@@ -4339,9 +4365,6 @@
         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))
@@ -4369,7 +4392,18 @@
                 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")
@@ -4523,11 +4557,14 @@
     }
 
     exports.$mobx = $mobx;
+    exports.FlowCancellationError = FlowCancellationError;
     exports.ObservableMap = ObservableMap;
     exports.ObservableSet = ObservableSet;
     exports.Reaction = Reaction;
     exports._allowStateChanges = allowStateChanges;
     exports._allowStateChangesInsideComputed = allowStateChangesInsideComputed;
+    exports._allowStateReadsEnd = allowStateReadsEnd;
+    exports._allowStateReadsStart = allowStateReadsStart;
     exports._endAction = _endAction;
     exports._getAdministration = getAdministration;
     exports._getGlobalState = getGlobalState;
@@ -4557,6 +4594,7 @@
     exports.isBoxedObservable = isObservableValue;
     exports.isComputed = isComputed;
     exports.isComputedProp = isComputedProp;
+    exports.isFlowCancellationError = isFlowCancellationError;
     exports.isObservable = isObservable;
     exports.isObservableArray = isObservableArray;
     exports.isObservableMap = isObservableMap;