mobx 5.5.2 → 5.9.0

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");
@@ -436,8 +460,9 @@ const computedDecorator$$1 = createPropDecorator$$1(false, (instance, propertyNa
     const { get: get$$1, set: set$$1 } = descriptor; // initialValue is the descriptor for get / set props
     // Optimization: faster on decorator target or instance? Assuming target
     // Optimization: find out if declaring on instance isn't just faster. (also makes the property descriptor simpler). But, more memory usage..
+    // Forcing instance now, fixes hot reloadig issues on React Native:
     const options = decoratorArgs[0] || {};
-    asObservableObject$$1(instance).addComputedProp(decoratorTarget, propertyName, Object.assign({ get: get$$1,
+    asObservableObject$$1(instance).addComputedProp(instance, propertyName, Object.assign({ get: get$$1,
         set: set$$1, context: instance }, options));
 });
 const computedStructDecorator = computedDecorator$$1({ equals: comparer$$1.structural });
@@ -481,11 +506,21 @@ function createAction$$1(actionName, fn) {
 }
 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) {
@@ -554,11 +589,12 @@ function allowStateChangesInsideComputed$$1(func) {
     return res;
 }
 
-const UNCHANGED$$1 = {};
 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") {
@@ -574,7 +610,7 @@ class ObservableValue$$1 extends Atom$$1 {
     set(newValue) {
         const oldValue = this.value;
         newValue = this.prepareNewValue(newValue);
-        if (newValue !== UNCHANGED$$1) {
+        if (newValue !== globalState$$1.UNCHANGED) {
             const notifySpy = isSpyEnabled$$1();
             if (notifySpy && process.env.NODE_ENV !== "production") {
                 spyReportStart$$1({
@@ -598,12 +634,12 @@ class ObservableValue$$1 extends Atom$$1 {
                 newValue
             });
             if (!change)
-                return UNCHANGED$$1;
+                return globalState$$1.UNCHANGED;
             newValue = change.newValue;
         }
         // apply modifier
         newValue = this.enhancer(newValue, this.value, this.name);
-        return this.value !== newValue ? newValue : UNCHANGED$$1;
+        return this.equals(this.value, newValue) ? globalState$$1.UNCHANGED : newValue;
     }
     setNewValue(newValue) {
         const oldValue = this.value;
@@ -699,7 +735,6 @@ class ComputedValue$$1 {
         this.isComputing = false; // to check for cycles
         this.isRunningSetter = false;
         this.isTracing = TraceMode$$1.NONE;
-        this.firstGet = true;
         if (process.env.NODE_ENV !== "production" && !options.get)
             throw "[mobx] missing option for computed: get";
         this.derivation = options.get;
@@ -718,20 +753,24 @@ 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.
      */
     get() {
-        if (this.keepAlive && this.firstGet) {
-            this.firstGet = false;
-            autorun$$1(() => this.get());
-        }
         if (this.isComputing)
             fail$$1(`Cycle detected in computation ${this.name}: ${this.derivation}`);
-        if (globalState$$1.inBatch === 0 && this.observers.size === 0) {
+        if (globalState$$1.inBatch === 0 && this.observers.size === 0 && !this.keepAlive) {
             if (shouldCompute$$1(this)) {
                 this.warnAboutUntrackedRead();
                 startBatch$$1(); // See perf test 'computed memoization'
@@ -817,8 +856,10 @@ class ComputedValue$$1 {
         return res;
     }
     suspend() {
-        clearObserving$$1(this);
-        this.value = undefined; // don't hold on to computed value!
+        if (!this.keepAlive) {
+            clearObserving$$1(this);
+            this.value = undefined; // don't hold on to computed value!
+        }
     }
     observe(listener, fireImmediately) {
         let firstTime = true;
@@ -1117,7 +1158,8 @@ const persistentKeys = [
     "enforceActions",
     "computedRequiresReaction",
     "disableErrorBoundaries",
-    "runId"
+    "runId",
+    "UNCHANGED"
 ];
 class MobXGlobals$$1 {
     constructor() {
@@ -1130,6 +1172,10 @@ class MobXGlobals$$1 {
          * internal state storage of MobX, and can be the same across many different package versions
          */
         this.version = 5;
+        /**
+         * globally unique token to signal unchanged
+         */
+        this.UNCHANGED = {};
         /**
          * Currently running derivation
          */
@@ -1192,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;
@@ -1212,6 +1263,8 @@ let globalState$$1 = (function () {
     }
     else if (global.__mobxGlobals) {
         global.__mobxInstanceCount += 1;
+        if (!global.__mobxGlobals.UNCHANGED)
+            global.__mobxGlobals.UNCHANGED = {}; // make merge backward compatible
         return global.__mobxGlobals;
     }
     else {
@@ -1441,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:
 
@@ -1554,9 +1607,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",
@@ -1909,20 +1967,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`);
@@ -1949,9 +2019,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.");
@@ -2070,7 +2137,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) {
@@ -2108,7 +2175,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);
@@ -2125,7 +2192,7 @@ function flow$$1(generator) {
                 rejector(e); // there could be a throwing finally block
             }
         });
-        return res;
+        return promise;
     };
 }
 function cancelPromise(promise) {
@@ -2233,11 +2300,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)) {
@@ -2246,11 +2316,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)) {
@@ -2259,6 +2332,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]);
     }
@@ -2314,6 +2390,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);
@@ -2334,6 +2413,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;
     }
@@ -2411,6 +2493,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);
@@ -2560,8 +2658,16 @@ const objectProxyTraps = {
             return target[name];
         const adm = getAdm(target);
         const observable$$1 = adm.values.get(name);
-        if (observable$$1 instanceof Atom$$1)
-            return observable$$1.get();
+        if (observable$$1 instanceof Atom$$1) {
+            const result = observable$$1.get();
+            if (result === undefined) {
+                // This fixes #1796, because deleting a prop that has an
+                // undefined value won't retrigger a observer (no visible effect),
+                // the autorun wouldn't subscribe to future key changes (see also next comment)
+                adm.has(name);
+            }
+            return result;
+        }
         // make sure we start listening to future keys
         // note that we only do this here for optimization
         if (typeof name === "string")
@@ -2716,7 +2822,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;
     }
@@ -3125,7 +3231,7 @@ class ObservableMap$$1 {
     _updateValue(key, newValue) {
         const observable$$1 = this._data.get(key);
         newValue = observable$$1.prepareNewValue(newValue);
-        if (newValue !== UNCHANGED$$1) {
+        if (newValue !== globalState$$1.UNCHANGED) {
             const notifySpy = isSpyEnabled$$1();
             const notify = hasListeners$$1(this);
             const change = notify || notifySpy
@@ -3233,8 +3339,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)
+                    return 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);
         });
@@ -3313,6 +3422,190 @@ class ObservableMap$$1 {
 /* 'var' fixes small-build issue */
 var 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) {
         this.target = target;
@@ -3345,7 +3638,7 @@ class ObservableObjectAdministration$$1 {
         }
         newValue = observable$$1.prepareNewValue(newValue);
         // notify spy & observers
-        if (newValue !== UNCHANGED$$1) {
+        if (newValue !== globalState$$1.UNCHANGED) {
             const notify = hasListeners$$1(this);
             const notifySpy = isSpyEnabled$$1();
             const change = notify || notifySpy
@@ -3567,7 +3860,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);
@@ -3595,6 +3888,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)
@@ -3637,7 +3933,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);
@@ -3649,7 +3945,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
@@ -3780,6 +4076,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) {
@@ -3829,7 +4127,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 = {};
@@ -3838,7 +4136,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`);
@@ -3856,4 +4155,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 };