fix(proxy-state-tree): call listeners in order of nestedness

Author: christianalfoni

packages/node_modules/proxy-state-tree/src/index.ts

@@ -54,21 +54,25 @@ class ProxyStateTree {
     }
   }
   flush() {
+    const paths = new Set()
     const pathCallbacksToCall = new Set()
     const mutations = this.mutations.slice()
     const flushId = this.currentFlushId++
 
     for (let objectChange of this.objectChanges) {
       if (this.pathDependencies[objectChange]) {
-        for (let callback of this.pathDependencies[objectChange]) {
-          pathCallbacksToCall.add(callback)
-        }
+        paths.add(objectChange)
       }
     }
 
     for (let mutation in this.mutations) {
-      const path = this.mutations[mutation].path
+      paths.add(this.mutations[mutation].path)
+    }
+
+    // Sort so that parent paths are called first
+    const sortedPaths = Array.from(paths).sort()
 
+    for (let path of sortedPaths) {
       if (this.pathDependencies[path]) {
         for (let callback of this.pathDependencies[path]) {
           pathCallbacksToCall.add(callback)
@@ -80,6 +84,7 @@ class ProxyStateTree {
       callback(flushId)
     }
 
+    paths.clear()
     pathCallbacksToCall.clear()
     this.mutations.length = 0
     this.objectChanges.clear()