@plasmicapp/react-web 0.2.358 → 0.2.360

package/dist/states/types.d.ts

@@ -66,4 +66,5 @@ export interface Internal$State {
         stack: string[];
         visited: Set<string>;
     };
+    initializedLeafPaths: Set<string>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/react-web",
-  "version": "0.2.358",
+  "version": "0.2.360",
   "description": "plasmic library for rendering in the presentational style",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",
@@ -168,5 +168,5 @@
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "90562f44f158b15245f72926fd82658a41d0bba2"
+  "gitHead": "16f19a3d4445fc28f1021baa2985dab3d3053abe"
 }

package/skinny/dist/index.js

@@ -1146,7 +1146,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) {
@@ -1271,6 +1281,7 @@ function useDollarState(specs) {
             specs: [],
             registrationsQueue: [],
             stateInitializationEnv: { stack: [], visited: new Set() },
+            initializedLeafPaths: new Set(),
         };
     })()).current;
     $$state.env = envFieldsAreNonNill(env);