@plasmicapp/react-web 0.2.248 → 0.2.250

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/react-web",
-  "version": "0.2.248",
+  "version": "0.2.250",
   "description": "plasmic library for rendering in the presentational style",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",
@@ -88,12 +88,12 @@
   },
   "prettier": {},
   "dependencies": {
-    "@plasmicapp/auth-react": "0.0.6",
-    "@plasmicapp/data-sources": "0.1.106",
+    "@plasmicapp/auth-react": "0.0.7",
+    "@plasmicapp/data-sources": "0.1.108",
     "@plasmicapp/data-sources-context": "0.1.11",
-    "@plasmicapp/host": "1.0.160",
-    "@plasmicapp/prepass": "1.0.2",
-    "@plasmicapp/query": "0.1.67",
+    "@plasmicapp/host": "1.0.162",
+    "@plasmicapp/prepass": "1.0.3",
+    "@plasmicapp/query": "0.1.68",
     "@react-aria/checkbox": "^3.5.0",
     "@react-aria/focus": "^3.7.0",
     "@react-aria/interactions": "^3.10.0",
@@ -158,5 +158,5 @@
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "cd709d627ae388ad77010119787ecef6d555362b"
+  "gitHead": "bf12f2268d3e2794698bee0996d4e2008b6827c5"
 }

package/skinny/dist/index.js

@@ -1110,7 +1110,9 @@ function create$StateProxy($$state, leafHandlers) {
                 var nextPath = getNextPath(property);
                 var nextNode = currNode.makeTransition(property);
                 var nextSpec = nextNode === null || nextNode === void 0 ? void 0 : nextNode.getSpec();
-                if (property === "registerInitFunc" && currPath.length === 0) {
+                if ((property === "registerInitFunc" ||
+                    property === "eagerInitializeStates") &&
+                    currPath.length === 0) {
                     return Reflect.set(target, property, value, receiver);
                 }
                 if (!nextNode && currNode.hasArrayTransition()) {
@@ -1257,8 +1259,7 @@ function useDollarState(specs) {
                     }
                 },
             };
-        }), {
-            registerInitFunc: function (pathStr, f, repetitionIndex, overrideEnv) {
+        }), __assign({ registerInitFunc: function (pathStr, f, repetitionIndex, overrideEnv) {
                 var _a = findStateCell($$state.rootSpecTree, pathStr, repetitionIndex), node = _a.node, realPath = _a.realPath;
                 var stateCell = getStateCellFrom$StateRoot($state, realPath);
                 var env = overrideEnv
@@ -1274,10 +1275,37 @@ function useDollarState(specs) {
                             : undefined,
                     }));
                 }
-            },
-        });
+            } }, ((opts === null || opts === void 0 ? void 0 : opts.inCanvas)
+            ? {
+                eagerInitializeStates: function (specs) {
+                    // we need to eager initialize all states in canvas to populate the data picker
+                    $$state.specTreeLeaves.forEach(function (node) {
+                        var _a, _b;
+                        var spec = node.getSpec();
+                        if (spec.isRepeated) {
+                            return;
+                        }
+                        var stateCell = getStateCellFrom$StateRoot($state, spec.pathObj);
+                        var newSpec = specs.find(function (sp) { return sp.path === spec.path; });
+                        if (!newSpec ||
+                            (stateCell.initFuncHash === ((_a = newSpec === null || newSpec === void 0 ? void 0 : newSpec.initFuncHash) !== null && _a !== void 0 ? _a : "") &&
+                                stateCell.initialValue !== UNINITIALIZED)) {
+                            return;
+                        }
+                        stateCell.initFunc = newSpec.initFunc;
+                        stateCell.initFuncHash = (_b = newSpec.initFuncHash) !== null && _b !== void 0 ? _b : "";
+                        var init = spec.valueProp
+                            ? $$state.env.$props[spec.valueProp]
+                            : spec.initFunc
+                                ? initializeStateValue($$state, stateCell, $state)
+                                : spec.initVal;
+                        set($state, spec.pathObj, init);
+                    });
+                },
+            }
+            : {})));
         return $state;
-    }, []);
+    }, [opts === null || opts === void 0 ? void 0 : opts.inCanvas]);
     var ref = React__default.useRef(undefined);
     if (!ref.current) {
         ref.current = create$State();
@@ -1300,29 +1328,6 @@ function useDollarState(specs) {
                 }
             });
         }
-        // we need to eager initialize all states in canvas to populate the data picker
-        $$state.specTreeLeaves.forEach(function (node) {
-            var _a, _b;
-            var spec = node.getSpec();
-            if (spec.isRepeated) {
-                return;
-            }
-            var stateCell = getStateCellFrom$StateRoot($state, spec.pathObj);
-            var newSpec = specs.find(function (sp) { return sp.path === spec.path; });
-            if (!newSpec ||
-                (stateCell.initFuncHash === ((_a = newSpec === null || newSpec === void 0 ? void 0 : newSpec.initFuncHash) !== null && _a !== void 0 ? _a : "") &&
-                    stateCell.initialValue !== UNINITIALIZED)) {
-                return;
-            }
-            stateCell.initFunc = newSpec.initFunc;
-            stateCell.initFuncHash = (_b = newSpec.initFuncHash) !== null && _b !== void 0 ? _b : "";
-            var init = spec.valueProp
-                ? $$state.env.$props[spec.valueProp]
-                : spec.initFunc
-                    ? initializeStateValue($$state, stateCell, $state)
-                    : spec.initVal;
-            set($state, spec.pathObj, init);
-        });
     }
     // For each spec with an initFunc, evaluate it and see if
     // the init value has changed. If so, reset its state.