@plasmicapp/react-web 0.2.357 → 0.2.359

package/dist/react-web.esm.js

@@ -2092,7 +2092,7 @@ function subscribeToValtio($$state, statePath, node) {
     }
 }
 function initializeStateValue($$state, initialStateCell, proxyRoot) {
-    var _a, _b, _c;
+    var _a;
     var initialStateName = initialStateCell.node.getSpec().path;
     var stateAccess = new Set();
     $$state.stateInitializationEnv.visited.add(initialStateName);
@@ -2149,16 +2149,12 @@ function initializeStateValue($$state, initialStateCell, proxyRoot) {
             : clonedValue;
         set(proxyRoot, initialStateCell.path, value);
     }
-    catch (_d) {
+    catch (_b) {
         // Setting the state to undefined to make sure it gets re-initialized
         // in case it changes values.
         initialStateCell.initialValue = undefined;
         set(proxyRoot, initialStateCell.path, undefined);
     }
-    //immediately fire onChange
-    if (initialSpec.onChangeProp) {
-        (_c = (_b = $$state.env.$props)[initialSpec.onChangeProp]) === null || _c === void 0 ? void 0 : _c.call(_b, initialValue);
-    }
     $$state.stateInitializationEnv.visited.delete(initialStateName);
     $$state.stateInitializationEnv.stack.pop();
     return initialValue;
@@ -2224,7 +2220,15 @@ function create$StateProxy($$state, leafHandlers) {
                     (_b = (_a = leafHandlers(ensureStateCell(receiver, property, nextPath, nextNode))).set) === null || _b === void 0 ? void 0 : _b.call(_a, target, property, value, receiver);
                     Reflect.set(target, property, value, receiver);
                     if (nextSpec === null || nextSpec === void 0 ? void 0 : nextSpec.onChangeProp) {
-                        (_d = (_c = $$state.env.$props)[nextSpec.onChangeProp]) === null || _d === void 0 ? void 0 : _d.call(_c, value);
+                        var pathKey = JSON.stringify(nextPath);
+                        var isInitOnChange = !$$state.initializedLeafPaths.has(pathKey);
+                        // We need to call the onChangeProp during initialization process so that the parent
+                        // state can be updated with the correct value. We will provide an addtionnal parameter
+                        // to the onChangeProp function to indicate that the call is made during initialization.
+                        (_d = (_c = $$state.env.$props)[nextSpec.onChangeProp]) === null || _d === void 0 ? void 0 : _d.call(_c, value, isInitOnChange);
+                        if (isInitOnChange) {
+                            $$state.initializedLeafPaths.add(pathKey);
+                        }
                     }
                 }
                 if (!nextNode) {
@@ -2349,6 +2353,7 @@ function useDollarState(specs) {
             specs: [],
             registrationsQueue: [],
             stateInitializationEnv: { stack: [], visited: new Set() },
+            initializedLeafPaths: new Set(),
         };
     })()).current;
     $$state.env = envFieldsAreNonNill(env);
@@ -2499,7 +2504,9 @@ function useDollarState(specs) {
             var spec = node.getSpec();
             if (!spec.isRepeated && spec.type !== "private" && spec.initFunc) {
                 var stateCell = getStateCellFrom$StateRoot($state, spec.pathObj);
-                initializeStateValue($$state, stateCell, $state);
+                if (stateCell.initialValue === UNINITIALIZED) {
+                    initializeStateValue($$state, stateCell, $state);
+                }
             }
         });
     }, []);