@plasmicapp/react-web 0.2.358 → 0.2.360

package/dist/react-web.esm.js

@@ -2220,7 +2220,17 @@ 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, {
+                            _plasmic_state_init_: isInitOnChange,
+                        });
+                        if (isInitOnChange) {
+                            $$state.initializedLeafPaths.add(pathKey);
+                        }
                     }
                 }
                 if (!nextNode) {
@@ -2345,6 +2355,7 @@ function useDollarState(specs) {
             specs: [],
             registrationsQueue: [],
             stateInitializationEnv: { stack: [], visited: new Set() },
+            initializedLeafPaths: new Set(),
         };
     })()).current;
     $$state.env = envFieldsAreNonNill(env);