mobx 5.7.0 → 5.9.4

package/lib/mobx.es6.js

@@ -103,6 +103,9 @@ function isArrayLike$$1(x) {
 function isES6Map$$1(thing) {
     return thing instanceof Map;
 }
+function isES6Set$$1(thing) {
+    return thing instanceof Set;
+}
 function getMapLikeKeys$$1(map) {
     if (isPlainObject$$1(map))
         return Object.keys(map);
@@ -131,11 +134,15 @@ class Atom$$1 {
         this.lastAccessedBy = 0;
         this.lowestObserverState = IDerivationState.NOT_TRACKING;
     }
-    onBecomeUnobserved() {
-        // noop
-    }
     onBecomeObserved() {
-        /* noop */
+        if (this.onBecomeObservedListeners) {
+            this.onBecomeObservedListeners.forEach(listener => listener());
+        }
+    }
+    onBecomeUnobserved() {
+        if (this.onBecomeUnobservedListeners) {
+            this.onBecomeUnobservedListeners.forEach(listener => listener());
+        }
     }
     /**
      * Invoke this method to notify mobx that your atom has been used somehow.
@@ -159,8 +166,13 @@ class Atom$$1 {
 const isAtom$$1 = createInstanceofPredicate$$1("Atom", Atom$$1);
 function createAtom$$1(name, onBecomeObservedHandler = noop$$1, onBecomeUnobservedHandler = noop$$1) {
     const atom = new Atom$$1(name);
-    onBecomeObserved$$1(atom, onBecomeObservedHandler);
-    onBecomeUnobserved$$1(atom, onBecomeUnobservedHandler);
+    // default `noop` listener will not initialize the hook Set
+    if (onBecomeObservedHandler !== noop$$1) {
+        onBecomeObserved$$1(atom, onBecomeObservedHandler);
+    }
+    if (onBecomeUnobservedHandler !== noop$$1) {
+        onBecomeUnobserved$$1(atom, onBecomeUnobservedHandler);
+    }
     return atom;
 }
 
@@ -265,12 +277,14 @@ function deepEnhancer$$1(v, _, name) {
         return observable$$1.object(v, undefined, { name });
     if (isES6Map$$1(v))
         return observable$$1.map(v, { name });
+    if (isES6Set$$1(v))
+        return observable$$1.set(v, { name });
     return v;
 }
 function shallowEnhancer$$1(v, _, name) {
     if (v === undefined || v === null)
         return v;
-    if (isObservableObject$$1(v) || isObservableArray$$1(v) || isObservableMap$$1(v))
+    if (isObservableObject$$1(v) || isObservableArray$$1(v) || isObservableMap$$1(v) || isObservableSet$$1(v))
         return v;
     if (Array.isArray(v))
         return observable$$1.array(v, { name, deep: false });
@@ -278,8 +292,10 @@ function shallowEnhancer$$1(v, _, name) {
         return observable$$1.object(v, undefined, { name, deep: false });
     if (isES6Map$$1(v))
         return observable$$1.map(v, { name, deep: false });
+    if (isES6Set$$1(v))
+        return observable$$1.set(v, { name, deep: false });
     return fail$$1(process.env.NODE_ENV !== "production" &&
-        "The shallow modifier / decorator can only used in combination with arrays, objects and maps");
+        "The shallow modifier / decorator can only used in combination with arrays, objects, maps and sets");
 }
 function referenceEnhancer$$1(newValue) {
     // never turn into an observable
@@ -331,7 +347,7 @@ const defaultCreateObservableOptions$$1 = {
 };
 Object.freeze(defaultCreateObservableOptions$$1);
 function assertValidOption(key) {
-    if (!/^(deep|name|defaultDecorator|proxy)$/.test(key))
+    if (!/^(deep|name|equals|defaultDecorator|proxy)$/.test(key))
         fail$$1(`invalid option for (extend)observable: ${key}`);
 }
 function asCreateObservableOptions$$1(thing) {
@@ -376,7 +392,9 @@ function createObservable(v, arg2, arg3) {
             ? observable$$1.array(v, arg2)
             : isES6Map$$1(v)
                 ? observable$$1.map(v, arg2)
-                : v;
+                : isES6Set$$1(v)
+                    ? observable$$1.set(v, arg2)
+                    : v;
     // this value could be converted to a new observable data structure, return it
     if (res !== v)
         return res;
@@ -389,7 +407,7 @@ const observableFactories = {
         if (arguments.length > 2)
             incorrectlyUsedAsDecorator("box");
         const o = asCreateObservableOptions$$1(options);
-        return new ObservableValue$$1(value, getEnhancerFromOptions(o), o.name);
+        return new ObservableValue$$1(value, getEnhancerFromOptions(o), o.name, true, o.equals);
     },
     array(initialValues, options) {
         if (arguments.length > 2)
@@ -403,6 +421,12 @@ const observableFactories = {
         const o = asCreateObservableOptions$$1(options);
         return new ObservableMap$$1(initialValues, getEnhancerFromOptions(o), o.name);
     },
+    set(initialValues, options) {
+        if (arguments.length > 2)
+            incorrectlyUsedAsDecorator("set");
+        const o = asCreateObservableOptions$$1(options);
+        return new ObservableSet$$1(initialValues, getEnhancerFromOptions(o), o.name);
+    },
     object(props, decorators, options) {
         if (typeof arguments[1] === "string")
             incorrectlyUsedAsDecorator("object");
@@ -446,7 +470,7 @@ const computedStructDecorator = computedDecorator$$1({ equals: comparer$$1.struc
  * Decorator for class properties: @computed get value() { return expr; }.
  * For legacy purposes also invokable as ES5 observable created: `computed(() => expr)`;
  */
-var computed$$1 = function computed$$1(arg1, arg2, arg3) {
+const computed$$1 = function computed$$1(arg1, arg2, arg3) {
     if (typeof arg2 === "string") {
         // @computed
         return computedDecorator$$1.apply(null, arguments);
@@ -468,25 +492,35 @@ var computed$$1 = function computed$$1(arg1, arg2, arg3) {
 };
 computed$$1.struct = computedStructDecorator;
 
-function createAction$$1(actionName, fn) {
+function createAction$$1(actionName, fn, ref) {
     if (process.env.NODE_ENV !== "production") {
         invariant$$1(typeof fn === "function", "`action` can only be invoked on functions");
         if (typeof actionName !== "string" || !actionName)
             fail$$1(`actions should have valid names, got: '${actionName}'`);
     }
     const res = function () {
-        return executeAction$$1(actionName, fn, this, arguments);
+        return executeAction$$1(actionName, fn, ref || this, arguments);
     };
     res.isMobxAction = true;
     return res;
 }
 function executeAction$$1(actionName, fn, scope, args) {
     const runInfo = startAction(actionName, fn, scope, args);
+    let shouldSupressReactionError = true;
     try {
-        return fn.apply(scope, args);
+        const res = fn.apply(scope, args);
+        shouldSupressReactionError = false;
+        return res;
     }
     finally {
-        endAction(runInfo);
+        if (shouldSupressReactionError) {
+            globalState$$1.suppressReactionErrors = shouldSupressReactionError;
+            endAction(runInfo);
+            globalState$$1.suppressReactionErrors = false;
+        }
+        else {
+            endAction(runInfo);
+        }
     }
 }
 function startAction(actionName, fn, scope, args) {
@@ -556,9 +590,11 @@ function allowStateChangesInsideComputed$$1(func) {
 }
 
 class ObservableValue$$1 extends Atom$$1 {
-    constructor(value, enhancer, name = "ObservableValue@" + getNextId$$1(), notifySpy = true) {
+    constructor(value, enhancer, name = "ObservableValue@" + getNextId$$1(), notifySpy = true, equals = comparer$$1.default) {
         super(name);
         this.enhancer = enhancer;
+        this.name = name;
+        this.equals = equals;
         this.hasUnreportedChange = false;
         this.value = enhancer(value, undefined, name);
         if (notifySpy && isSpyEnabled$$1() && process.env.NODE_ENV !== "production") {
@@ -603,7 +639,7 @@ class ObservableValue$$1 extends Atom$$1 {
         }
         // apply modifier
         newValue = this.enhancer(newValue, this.value, this.name);
-        return this.value !== newValue ? newValue : globalState$$1.UNCHANGED;
+        return this.equals(this.value, newValue) ? globalState$$1.UNCHANGED : newValue;
     }
     setNewValue(newValue) {
         const oldValue = this.value;
@@ -648,7 +684,7 @@ class ObservableValue$$1 extends Atom$$1 {
         return this.valueOf();
     }
 }
-var isObservableValue$$1 = createInstanceofPredicate$$1("ObservableValue", ObservableValue$$1);
+const isObservableValue$$1 = createInstanceofPredicate$$1("ObservableValue", ObservableValue$$1);
 
 /**
  * A node in the state dependency root that observes other nodes, and can be observed itself.
@@ -717,8 +753,16 @@ class ComputedValue$$1 {
     onBecomeStale() {
         propagateMaybeChanged$$1(this);
     }
-    onBecomeUnobserved() { }
-    onBecomeObserved() { }
+    onBecomeObserved() {
+        if (this.onBecomeObservedListeners) {
+            this.onBecomeObservedListeners.forEach(listener => listener());
+        }
+    }
+    onBecomeUnobserved() {
+        if (this.onBecomeUnobservedListeners) {
+            this.onBecomeUnobservedListeners.forEach(listener => listener());
+        }
+    }
     /**
      * Returns the current value of this computed value.
      * Will evaluate its computation first if needed.
@@ -1194,6 +1238,11 @@ class MobXGlobals$$1 {
          * the stack when an exception occurs while debugging.
          */
         this.disableErrorBoundaries = false;
+        /*
+         * If true, we are already handling an exception in an action. Any errors in reactions should be supressed, as
+         * they are not the cause, see: https://github.com/mobxjs/mobx/issues/1836
+         */
+        this.suppressReactionErrors = false;
     }
 }
 let canMergeGlobalState = true;
@@ -1445,7 +1494,7 @@ You are entering this break point because derivation '${derivation.name}' is bei
 Just follow the stacktrace you should now see in the devtools to see precisely what piece of your code is causing this update
 The stackframe you are looking for is at least ~6-8 stack-frames up.
 
-${derivation instanceof ComputedValue$$1 ? derivation.derivation.toString() : ""}
+${derivation instanceof ComputedValue$$1 ? derivation.derivation.toString().replace(/[*]\//g, "/") : ""}
 
 The dependencies for this derivation are:
 
@@ -1524,6 +1573,9 @@ class Reaction$$1 {
         }
     }
     track(fn) {
+        if (this.isDisposed) {
+            fail$$1("Reaction already disposed");
+        }
         startBatch$$1();
         const notify = isSpyEnabled$$1();
         let startTime;
@@ -1558,9 +1610,14 @@ class Reaction$$1 {
         }
         if (globalState$$1.disableErrorBoundaries)
             throw error;
-        const message = `[mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: '${this}`;
-        console.error(message, error);
-        /** If debugging brought you here, please, read the above message :-). Tnx! */
+        const message = `[mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: '${this}'`;
+        if (globalState$$1.suppressReactionErrors) {
+            console.warn(`[mobx] (error in reaction '${this.name}' suppressed, fix error of causing action below)`); // prettier-ignore
+        }
+        else {
+            console.error(message, error);
+            /** If debugging brought you here, please, read the above message :-). Tnx! */
+        }
         if (isSpyEnabled$$1()) {
             spyReport$$1({
                 type: "error",
@@ -1763,7 +1820,7 @@ function boundActionDecorator$$1(target, propertyName, descriptor, applyToInstan
     };
 }
 
-var action$$1 = function action$$1(arg1, arg2, arg3, arg4) {
+const action$$1 = function action$$1(arg1, arg2, arg3, arg4) {
     // action(fn() {})
     if (arguments.length === 1 && typeof arg1 === "function")
         return createAction$$1(arg1.name || "<unnamed action>", arg1);
@@ -1776,7 +1833,7 @@ var action$$1 = function action$$1(arg1, arg2, arg3, arg4) {
     // @action fn() {}
     if (arg4 === true) {
         // apply to instance immediately
-        addHiddenProp$$1(arg1, arg2, createAction$$1(arg1.name || arg2, arg3.value));
+        addHiddenProp$$1(arg1, arg2, createAction$$1(arg1.name || arg2, arg3.value, this));
     }
     else {
         return namedActionDecorator$$1(arg2).apply(null, arguments);
@@ -1913,20 +1970,32 @@ function onBecomeUnobserved$$1(thing, arg2, arg3) {
 function interceptHook(hook, thing, arg2, arg3) {
     const atom = typeof arg2 === "string" ? getAtom$$1(thing, arg2) : getAtom$$1(thing);
     const cb = typeof arg2 === "string" ? arg3 : arg2;
+    const listenersKey = `${hook}Listeners`;
+    if (atom[listenersKey]) {
+        atom[listenersKey].add(cb);
+    }
+    else {
+        atom[listenersKey] = new Set([cb]);
+    }
     const orig = atom[hook];
     if (typeof orig !== "function")
         return fail$$1(process.env.NODE_ENV !== "production" && "Not an atom that can be (un)observed");
-    atom[hook] = function () {
-        orig.call(this);
-        cb.call(this);
-    };
     return function () {
-        atom[hook] = orig;
+        const hookListeners = atom[listenersKey];
+        if (hookListeners) {
+            hookListeners.delete(cb);
+            if (hookListeners.size === 0) {
+                delete atom[listenersKey];
+            }
+        }
     };
 }
 
 function configure$$1(options) {
     const { enforceActions, computedRequiresReaction, disableErrorBoundaries, reactionScheduler } = options;
+    if (options.isolateGlobalState === true) {
+        isolateGlobalState$$1();
+    }
     if (enforceActions !== undefined) {
         if (typeof enforceActions === "boolean" || enforceActions === "strict")
             deprecated$$1(`Deprecated value for 'enforceActions', use 'false' => '"never"', 'true' => '"observed"', '"strict"' => "'always'" instead`);
@@ -1953,9 +2022,6 @@ function configure$$1(options) {
     if (computedRequiresReaction !== undefined) {
         globalState$$1.computedRequiresReaction = !!computedRequiresReaction;
     }
-    if (options.isolateGlobalState === true) {
-        isolateGlobalState$$1();
-    }
     if (disableErrorBoundaries !== undefined) {
         if (disableErrorBoundaries === true)
             console.warn("WARNING: Debug feature only. MobX will NOT recover from errors when `disableErrorBoundaries` is enabled.");
@@ -2074,7 +2140,7 @@ function flow$$1(generator) {
         const gen = action$$1(`${name} - runid: ${runId} - init`, generator).apply(ctx, args);
         let rejector;
         let pendingPromise = undefined;
-        const res = new Promise(function (resolve, reject) {
+        const promise = new Promise(function (resolve, reject) {
             let stepId = 0;
             rejector = reject;
             function onFulfilled(res) {
@@ -2112,7 +2178,7 @@ function flow$$1(generator) {
             }
             onFulfilled(undefined); // kick off the process
         });
-        res.cancel = action$$1(`${name} - runid: ${runId} - cancel`, function () {
+        promise.cancel = action$$1(`${name} - runid: ${runId} - cancel`, function () {
             try {
                 if (pendingPromise)
                     cancelPromise(pendingPromise);
@@ -2129,7 +2195,7 @@ function flow$$1(generator) {
                 rejector(e); // there could be a throwing finally block
             }
         });
-        return res;
+        return promise;
     };
 }
 function cancelPromise(promise) {
@@ -2237,11 +2303,14 @@ function keys$$1(obj) {
     if (isObservableMap$$1(obj)) {
         return Array.from(obj.keys());
     }
+    if (isObservableSet$$1(obj)) {
+        return Array.from(obj.keys());
+    }
     if (isObservableArray$$1(obj)) {
         return obj.map((_, index) => index);
     }
     return fail$$1(process.env.NODE_ENV !== "production" &&
-        "'keys()' can only be used on observable objects, arrays and maps");
+        "'keys()' can only be used on observable objects, arrays, sets and maps");
 }
 function values$$1(obj) {
     if (isObservableObject$$1(obj)) {
@@ -2250,11 +2319,14 @@ function values$$1(obj) {
     if (isObservableMap$$1(obj)) {
         return keys$$1(obj).map(key => obj.get(key));
     }
+    if (isObservableSet$$1(obj)) {
+        return Array.from(obj.values());
+    }
     if (isObservableArray$$1(obj)) {
         return obj.slice();
     }
     return fail$$1(process.env.NODE_ENV !== "production" &&
-        "'values()' can only be used on observable objects, arrays and maps");
+        "'values()' can only be used on observable objects, arrays, sets and maps");
 }
 function entries$$1(obj) {
     if (isObservableObject$$1(obj)) {
@@ -2263,6 +2335,9 @@ function entries$$1(obj) {
     if (isObservableMap$$1(obj)) {
         return keys$$1(obj).map(key => [key, obj.get(key)]);
     }
+    if (isObservableSet$$1(obj)) {
+        return Array.from(obj.entries());
+    }
     if (isObservableArray$$1(obj)) {
         return obj.map((key, index) => [index, key]);
     }
@@ -2318,6 +2393,9 @@ function remove$$1(obj, key) {
     else if (isObservableMap$$1(obj)) {
         obj.delete(key);
     }
+    else if (isObservableSet$$1(obj)) {
+        obj.delete(key);
+    }
     else if (isObservableArray$$1(obj)) {
         if (typeof key !== "number")
             key = parseInt(key, 10);
@@ -2338,6 +2416,9 @@ function has$$1(obj, key) {
     else if (isObservableMap$$1(obj)) {
         return obj.has(key);
     }
+    else if (isObservableSet$$1(obj)) {
+        return obj.has(key);
+    }
     else if (isObservableArray$$1(obj)) {
         return key >= 0 && key < obj.length;
     }
@@ -2415,6 +2496,22 @@ function toJSHelper(source, options, __alreadySeen) {
             res[i] = toAdd[i];
         return res;
     }
+    if (isObservableSet$$1(source) || Object.getPrototypeOf(source) === Set.prototype) {
+        if (options.exportMapsAsObjects === false) {
+            const res = cache(__alreadySeen, source, new Set(), options);
+            source.forEach(value => {
+                res.add(toJSHelper(value, options, __alreadySeen));
+            });
+            return res;
+        }
+        else {
+            const res = cache(__alreadySeen, source, [], options);
+            source.forEach(value => {
+                res.push(toJSHelper(value, options, __alreadySeen));
+            });
+            return res;
+        }
+    }
     if (isObservableMap$$1(source) || Object.getPrototypeOf(source) === Map.prototype) {
         if (options.exportMapsAsObjects === false) {
             const res = cache(__alreadySeen, source, new Map(), options);
@@ -2728,7 +2825,7 @@ class ObservableArrayAdministration {
         return value;
     }
     dehanceValues(values$$1) {
-        if (this.dehancer !== undefined && this.values.length > 0)
+        if (this.dehancer !== undefined && values$$1.length > 0)
             return values$$1.map(this.dehancer);
         return values$$1;
     }
@@ -3129,7 +3226,7 @@ class ObservableMap$$1 {
             entry.setNewValue(value);
         }
         else {
-            entry = new ObservableValue$$1(value, referenceEnhancer$$1, `${this.name}.${key}?`, false);
+            entry = new ObservableValue$$1(value, referenceEnhancer$$1, `${this.name}.${stringifyKey(key)}?`, false);
             this._hasMap.set(key, entry);
         }
         return entry;
@@ -3161,7 +3258,7 @@ class ObservableMap$$1 {
     _addValue(key, newValue) {
         checkIfStateModificationsAreAllowed$$1(this._keysAtom);
         transaction$$1(() => {
-            const observable$$1 = new ObservableValue$$1(newValue, this.enhancer, `${this.name}.${key}`, false);
+            const observable$$1 = new ObservableValue$$1(newValue, this.enhancer, `${this.name}.${stringifyKey(key)}`, false);
             this._data.set(key, observable$$1);
             newValue = observable$$1.value; // value might have been changed
             this._updateHasMapEntry(key, true);
@@ -3245,8 +3342,11 @@ class ObservableMap$$1 {
                 Object.keys(other).forEach(key => this.set(key, other[key]));
             else if (Array.isArray(other))
                 other.forEach(([key, value]) => this.set(key, value));
-            else if (isES6Map$$1(other))
+            else if (isES6Map$$1(other)) {
+                if (other.constructor !== Map)
+                    fail$$1("Cannot initialize from classes that inherit from Map: " + other.constructor.name); // prettier-ignore
                 other.forEach((value, key) => this.set(key, value));
+            }
             else if (other !== null && other !== undefined)
                 fail$$1("Cannot initialize map from " + other);
         });
@@ -3285,7 +3385,8 @@ class ObservableMap$$1 {
     toPOJO() {
         const res = {};
         for (const [key, value] of this) {
-            res["" + key] = value;
+            // We lie about symbol key types due to https://github.com/Microsoft/TypeScript/issues/1863
+            res[typeof key === "symbol" ? key : stringifyKey(key)] = value;
         }
         return res;
     }
@@ -3304,7 +3405,7 @@ class ObservableMap$$1 {
         return (this.name +
             "[{ " +
             Array.from(this.keys())
-                .map(key => `${key}: ${"" + this.get(key)}`)
+                .map(key => `${stringifyKey(key)}: ${"" + this.get(key)}`)
                 .join(", ") +
             " }]");
     }
@@ -3322,8 +3423,198 @@ class ObservableMap$$1 {
         return registerInterceptor$$1(this, handler);
     }
 }
+function stringifyKey(key) {
+    if (key && key.toString)
+        return key.toString();
+    else
+        return new String(key).toString();
+}
 /* 'var' fixes small-build issue */
-var isObservableMap$$1 = createInstanceofPredicate$$1("ObservableMap", ObservableMap$$1);
+const isObservableMap$$1 = createInstanceofPredicate$$1("ObservableMap", ObservableMap$$1);
+
+var _a$1;
+const ObservableSetMarker = {};
+class ObservableSet$$1 {
+    constructor(initialData, enhancer = deepEnhancer$$1, name = "ObservableSet@" + getNextId$$1()) {
+        this.name = name;
+        this[_a$1] = ObservableSetMarker;
+        this._data = new Set();
+        this._atom = createAtom$$1(this.name);
+        this[Symbol.toStringTag] = "Set";
+        if (typeof Set !== "function") {
+            throw new Error("mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js");
+        }
+        this.enhancer = (newV, oldV) => enhancer(newV, oldV, name);
+        if (initialData) {
+            this.replace(initialData);
+        }
+    }
+    dehanceValue(value) {
+        if (this.dehancer !== undefined) {
+            return this.dehancer(value);
+        }
+        return value;
+    }
+    clear() {
+        transaction$$1(() => {
+            untracked$$1(() => {
+                for (const value of this._data.values())
+                    this.delete(value);
+            });
+        });
+    }
+    forEach(callbackFn, thisArg) {
+        for (const value of this) {
+            callbackFn.call(thisArg, value, value, this);
+        }
+    }
+    get size() {
+        this._atom.reportObserved();
+        return this._data.size;
+    }
+    add(value) {
+        checkIfStateModificationsAreAllowed$$1(this._atom);
+        if (hasInterceptors$$1(this)) {
+            const change = interceptChange$$1(this, {
+                type: "add",
+                object: this,
+                newValue: value
+            });
+            if (!change)
+                return this;
+            // TODO: 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)) {
+            transaction$$1(() => {
+                this._data.add(this.enhancer(value, undefined));
+                this._atom.reportChanged();
+            });
+            const notifySpy = isSpyEnabled$$1();
+            const notify = hasListeners$$1(this);
+            const change = notify || notifySpy
+                ? {
+                    type: "add",
+                    object: this,
+                    newValue: value
+                }
+                : null;
+            if (notifySpy && process.env.NODE_ENV !== "production")
+                spyReportStart$$1(change);
+            if (notify)
+                notifyListeners$$1(this, change);
+            if (notifySpy && process.env.NODE_ENV !== "production")
+                spyReportEnd$$1();
+        }
+        return this;
+    }
+    delete(value) {
+        if (hasInterceptors$$1(this)) {
+            const change = interceptChange$$1(this, {
+                type: "delete",
+                object: this,
+                oldValue: value
+            });
+            if (!change)
+                return false;
+        }
+        if (this.has(value)) {
+            const notifySpy = isSpyEnabled$$1();
+            const notify = hasListeners$$1(this);
+            const change = notify || notifySpy
+                ? {
+                    type: "delete",
+                    object: this,
+                    oldValue: value
+                }
+                : null;
+            if (notifySpy && process.env.NODE_ENV !== "production")
+                spyReportStart$$1(Object.assign({}, change, { name: this.name }));
+            transaction$$1(() => {
+                this._atom.reportChanged();
+                this._data.delete(value);
+            });
+            if (notify)
+                notifyListeners$$1(this, change);
+            if (notifySpy && process.env.NODE_ENV !== "production")
+                spyReportEnd$$1();
+            return true;
+        }
+        return false;
+    }
+    has(value) {
+        this._atom.reportObserved();
+        return this._data.has(this.dehanceValue(value));
+    }
+    entries() {
+        let nextIndex = 0;
+        const keys$$1 = Array.from(this.keys());
+        const values$$1 = Array.from(this.values());
+        return makeIterable({
+            next() {
+                const index = nextIndex;
+                nextIndex += 1;
+                return index < values$$1.length
+                    ? { value: [keys$$1[index], values$$1[index]], done: false }
+                    : { done: true };
+            }
+        });
+    }
+    keys() {
+        return this.values();
+    }
+    values() {
+        this._atom.reportObserved();
+        const self = this;
+        let nextIndex = 0;
+        const observableValues = Array.from(this._data.values());
+        return makeIterable({
+            next() {
+                return nextIndex < observableValues.length
+                    ? { value: self.dehanceValue(observableValues[nextIndex++]), done: false }
+                    : { done: true };
+            }
+        });
+    }
+    replace(other) {
+        if (isObservableSet$$1(other)) {
+            other = other.toJS();
+        }
+        transaction$$1(() => {
+            if (Array.isArray(other)) {
+                this.clear();
+                other.forEach(value => this.add(value));
+            }
+            else if (isES6Set$$1(other)) {
+                this.clear();
+                other.forEach(value => this.add(value));
+            }
+            else if (other !== null && other !== undefined) {
+                fail$$1("Cannot initialize set from " + other);
+            }
+        });
+        return this;
+    }
+    observe(listener, fireImmediately) {
+        // TODO 'fireImmediately' can be true?
+        process.env.NODE_ENV !== "production" &&
+            invariant$$1(fireImmediately !== true, "`observe` doesn't support fireImmediately=true in combination with sets.");
+        return registerListener$$1(this, listener);
+    }
+    intercept(handler) {
+        return registerInterceptor$$1(this, handler);
+    }
+    toJS() {
+        return new Set(this);
+    }
+    toString() {
+        return this.name + "[ " + Array.from(this).join(", ") + " ]";
+    }
+    [(_a$1 = $mobx$$1, Symbol.iterator)]() {
+        return this.values();
+    }
+}
+const isObservableSet$$1 = createInstanceofPredicate$$1("ObservableSet", ObservableSet$$1);
 
 class ObservableObjectAdministration$$1 {
     constructor(target, values$$1 = new Map(), name, defaultEnhancer) {
@@ -3579,7 +3870,7 @@ function getAdministrationForComputedPropOwner(owner) {
 function generateComputedPropConfig$$1(propName) {
     return (computedPropertyConfigs[propName] ||
         (computedPropertyConfigs[propName] = {
-            configurable: true,
+            configurable: false,
             enumerable: false,
             get() {
                 return getAdministrationForComputedPropOwner(this).read(propName);
@@ -3607,6 +3898,9 @@ function getAtom$$1(thing, property) {
                     "It is not possible to get index atoms from arrays");
             return thing[$mobx$$1].atom;
         }
+        if (isObservableSet$$1(thing)) {
+            return thing[$mobx$$1];
+        }
         if (isObservableMap$$1(thing)) {
             const anyThing = thing;
             if (property === undefined)
@@ -3649,7 +3943,7 @@ function getAdministration$$1(thing, property) {
         return getAdministration$$1(getAtom$$1(thing, property));
     if (isAtom$$1(thing) || isComputedValue$$1(thing) || isReaction$$1(thing))
         return thing;
-    if (isObservableMap$$1(thing))
+    if (isObservableMap$$1(thing) || isObservableSet$$1(thing))
         return thing;
     // Initializers run lazily when transpiling to babel, so make sure they are run...
     initializeInstance$$1(thing);
@@ -3661,7 +3955,7 @@ function getDebugName$$1(thing, property) {
     let named;
     if (property !== undefined)
         named = getAtom$$1(thing, property);
-    else if (isObservableObject$$1(thing) || isObservableMap$$1(thing))
+    else if (isObservableObject$$1(thing) || isObservableMap$$1(thing) || isObservableSet$$1(thing))
         named = getAdministration$$1(thing);
     else
         named = getAtom$$1(thing); // valid for arrays as well
@@ -3686,7 +3980,7 @@ function eq(a, b, aStack, bStack) {
     if (a !== a)
         return b !== b;
     // Exhaust primitive checks
-    var type = typeof a;
+    const type = typeof a;
     if (type !== "function" && type !== "object" && typeof b != "object")
         return false;
     return deepEq(a, b, aStack, bStack);
@@ -3697,7 +3991,7 @@ function deepEq(a, b, aStack, bStack) {
     a = unwrap(a);
     b = unwrap(b);
     // Compare `[[Class]]` names.
-    var className = toString.call(a);
+    const className = toString.call(a);
     if (className !== toString.call(b))
         return false;
     switch (className) {
@@ -3724,13 +4018,13 @@ function deepEq(a, b, aStack, bStack) {
         case "[object Symbol]":
             return (typeof Symbol !== "undefined" && Symbol.valueOf.call(a) === Symbol.valueOf.call(b));
     }
-    var areArrays = className === "[object Array]";
+    const 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
         // from different frames are.
-        var aCtor = a.constructor, bCtor = b.constructor;
+        const aCtor = a.constructor, bCtor = b.constructor;
         if (aCtor !== bCtor &&
             !(typeof aCtor === "function" &&
                 aCtor instanceof aCtor &&
@@ -3746,7 +4040,7 @@ function deepEq(a, b, aStack, bStack) {
     // It's done here since we only need them for objects and arrays comparison.
     aStack = aStack || [];
     bStack = bStack || [];
-    var length = aStack.length;
+    let length = aStack.length;
     while (length--) {
         // Linear search. Performance is inversely proportional to the number of
         // unique nested structures.
@@ -3770,7 +4064,8 @@ function deepEq(a, b, aStack, bStack) {
     }
     else {
         // Deep compare objects.
-        var keys$$1 = Object.keys(a), key;
+        const keys$$1 = Object.keys(a);
+        let key;
         length = keys$$1.length;
         // Ensure that both objects contain the same number of properties before comparing deep equality.
         if (Object.keys(b).length !== length)
@@ -3792,6 +4087,8 @@ function unwrap(a) {
         return a.slice();
     if (isES6Map$$1(a) || isObservableMap$$1(a))
         return Array.from(a.entries());
+    if (isES6Set$$1(a) || isObservableSet$$1(a))
+        return Array.from(a.entries());
     return a;
 }
 function has$1(a, key) {
@@ -3832,7 +4129,7 @@ but at least in this file we can magically reorder the imports with trial and er
  *
  */
 if (typeof Proxy === "undefined" || typeof Symbol === "undefined") {
-    throw new Error("[mobx] MobX 5+ requires Proxy and Symbol objects. If your environment doesn't support Proxy objects, please downgrade to MobX 4. For React Native Android, consider upgrading JSCore.");
+    throw new Error("[mobx] MobX 5+ requires Proxy and Symbol objects. If your environment doesn't support Symbol or Proxy objects, please downgrade to MobX 4. For React Native Android, consider upgrading JSCore.");
 }
 try {
     // define process.env if needed
@@ -3841,7 +4138,7 @@ try {
     process.env.NODE_ENV;
 }
 catch (e) {
-    var g = typeof window !== "undefined" ? window : global;
+    const g = typeof window !== "undefined" ? window : global;
     if (typeof process === "undefined")
         g.process = {};
     g.process.env = {};
@@ -3850,7 +4147,8 @@ catch (e) {
 (() => {
     function testCodeMinification() { }
     if (testCodeMinification.name !== "testCodeMinification" &&
-        process.env.NODE_ENV !== "production") {
+        process.env.NODE_ENV !== "production" &&
+        process.env.IGNORE_MOBX_MINIFY_WARNING !== "true") {
         console.warn(
         // Template literal(backtick) is used for fix issue with rollup-plugin-commonjs https://github.com/rollup/rollup-plugin-commonjs/issues/344
         `[mobx] you are running a minified build, but 'process.env.NODE_ENV' was not set to 'production' in your bundler. This results in an unnecessarily large and slow bundle`);
@@ -3868,4 +4166,4 @@ if (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === "object") {
     });
 }
 
-export { Reaction$$1 as Reaction, untracked$$1 as untracked, IDerivationState, createAtom$$1 as createAtom, spy$$1 as spy, comparer$$1 as comparer, isObservableObject$$1 as isObservableObject, isObservableValue$$1 as isBoxedObservable, isObservableArray$$1 as isObservableArray, ObservableMap$$1 as ObservableMap, isObservableMap$$1 as isObservableMap, transaction$$1 as transaction, observable$$1 as observable, computed$$1 as computed, isObservable$$1 as isObservable, isObservableProp$$1 as isObservableProp, isComputed$$1 as isComputed, isComputedProp$$1 as isComputedProp, extendObservable$$1 as extendObservable, observe$$1 as observe, intercept$$1 as intercept, autorun$$1 as autorun, reaction$$1 as reaction, when$$1 as when, action$$1 as action, isAction$$1 as isAction, runInAction$$1 as runInAction, keys$$1 as keys, values$$1 as values, entries$$1 as entries, set$$1 as set, remove$$1 as remove, has$$1 as has, get$$1 as get, decorate$$1 as decorate, configure$$1 as configure, onBecomeObserved$$1 as onBecomeObserved, onBecomeUnobserved$$1 as onBecomeUnobserved, flow$$1 as flow, toJS$$1 as toJS, trace$$1 as trace, getDependencyTree$$1 as getDependencyTree, getObserverTree$$1 as getObserverTree, resetGlobalState$$1 as _resetGlobalState, getGlobalState$$1 as _getGlobalState, getDebugName$$1 as getDebugName, getAtom$$1 as getAtom, getAdministration$$1 as _getAdministration, allowStateChanges$$1 as _allowStateChanges, allowStateChangesInsideComputed$$1 as _allowStateChangesInsideComputed, isArrayLike$$1 as isArrayLike, $mobx$$1 as $mobx, isComputingDerivation$$1 as _isComputingDerivation, onReactionError$$1 as onReactionError, interceptReads$$1 as _interceptReads };
+export { Reaction$$1 as Reaction, untracked$$1 as untracked, IDerivationState, createAtom$$1 as createAtom, spy$$1 as spy, comparer$$1 as comparer, isObservableObject$$1 as isObservableObject, isObservableValue$$1 as isBoxedObservable, isObservableArray$$1 as isObservableArray, ObservableMap$$1 as ObservableMap, isObservableMap$$1 as isObservableMap, ObservableSet$$1 as ObservableSet, isObservableSet$$1 as isObservableSet, transaction$$1 as transaction, observable$$1 as observable, computed$$1 as computed, isObservable$$1 as isObservable, isObservableProp$$1 as isObservableProp, isComputed$$1 as isComputed, isComputedProp$$1 as isComputedProp, extendObservable$$1 as extendObservable, observe$$1 as observe, intercept$$1 as intercept, autorun$$1 as autorun, reaction$$1 as reaction, when$$1 as when, action$$1 as action, isAction$$1 as isAction, runInAction$$1 as runInAction, keys$$1 as keys, values$$1 as values, entries$$1 as entries, set$$1 as set, remove$$1 as remove, has$$1 as has, get$$1 as get, decorate$$1 as decorate, configure$$1 as configure, onBecomeObserved$$1 as onBecomeObserved, onBecomeUnobserved$$1 as onBecomeUnobserved, flow$$1 as flow, toJS$$1 as toJS, trace$$1 as trace, getDependencyTree$$1 as getDependencyTree, getObserverTree$$1 as getObserverTree, resetGlobalState$$1 as _resetGlobalState, getGlobalState$$1 as _getGlobalState, getDebugName$$1 as getDebugName, getAtom$$1 as getAtom, getAdministration$$1 as _getAdministration, allowStateChanges$$1 as _allowStateChanges, allowStateChangesInsideComputed$$1 as _allowStateChangesInsideComputed, isArrayLike$$1 as isArrayLike, $mobx$$1 as $mobx, isComputingDerivation$$1 as _isComputingDerivation, onReactionError$$1 as onReactionError, interceptReads$$1 as _interceptReads };