@plasmicapp/react-web 0.2.357 → 0.2.359

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.357",
+  "version": "0.2.359",
   "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": "879304149b902b453a47fe674997fcad01ae4af8"
+  "gitHead": "53a85fd08ce84bfb2ed052a7ed9a662ad15bf8e8"
 }

package/skinny/dist/index.js

@@ -1018,7 +1018,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);
@@ -1075,16 +1075,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;
@@ -1150,7 +1146,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) {
@@ -1275,6 +1279,7 @@ function useDollarState(specs) {
             specs: [],
             registrationsQueue: [],
             stateInitializationEnv: { stack: [], visited: new Set() },
+            initializedLeafPaths: new Set(),
         };
     })()).current;
     $$state.env = envFieldsAreNonNill(env);
@@ -1425,7 +1430,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);
+                }
             }
         });
     }, []);