@plasmicapp/react-web 0.2.359 → 0.2.361

package/dist/stories/UseDollarState.stories.d.ts

@@ -68,6 +68,7 @@ export declare const StateCellIsMatrix: import("@storybook/types").AnnotatedStor
     board: number[][];
 }>;
 export declare const IsOnChangePropImmediatelyFired: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {}>;
+export declare const IsOnChangeFiredWithCorrectInitialValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {}>;
 export declare const ImmutableStateCells: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
     people: Person[];
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/react-web",
-  "version": "0.2.359",
+  "version": "0.2.361",
   "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": "53a85fd08ce84bfb2ed052a7ed9a662ad15bf8e8"
+  "gitHead": "ca6c646bde3852007b61d28b61b27bcfa7388430"
 }

package/skinny/dist/index.js

@@ -1147,11 +1147,16 @@ function create$StateProxy($$state, leafHandlers) {
                     Reflect.set(target, property, value, receiver);
                     if (nextSpec === null || nextSpec === void 0 ? void 0 : nextSpec.onChangeProp) {
                         var pathKey = JSON.stringify(nextPath);
-                        var isInitOnChange = !$$state.initializedLeafPaths.has(pathKey);
+                        var isInitOnChange = 
+                        // If we are dealing with a valueProp it means that this state cell value is provided by the parent
+                        // and we don't need to consider initialization calls for it.
+                        !nextSpec.valueProp && !$$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
+                        // state can be updated with the correct value. We will provide an additional 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);
+                        (_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);
                         }
@@ -1428,11 +1433,10 @@ function useDollarState(specs) {
     useIsomorphicLayoutEffect(function () {
         $$state.specTreeLeaves.forEach(function (node) {
             var spec = node.getSpec();
-            if (!spec.isRepeated && spec.type !== "private" && spec.initFunc) {
-                var stateCell = getStateCellFrom$StateRoot($state, spec.pathObj);
-                if (stateCell.initialValue === UNINITIALIZED) {
-                    initializeStateValue($$state, stateCell, $state);
-                }
+            if (!spec.isRepeated && spec.type !== "private") {
+                // We only need to attempt to access the state cell to trigger initialization,
+                // Check create$StateProxy for more details on how this works.
+                getStateCellFrom$StateRoot($state, spec.pathObj);
             }
         });
     }, []);