@plasmicapp/react-web 0.2.352 → 0.2.353

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/react-web",
-  "version": "0.2.352",
+  "version": "0.2.353",
   "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": "ceaa65b07eecbbc65adfd49094bd166c0fcbd614"
+  "gitHead": "149908327f810128f94fc24c7131f85f84da2acc"
 }

package/skinny/dist/index.js

@@ -1063,12 +1063,23 @@ function initializeStateValue($$state, initialStateCell, proxyRoot) {
         });
     });
     var initialValue = invokeInitFuncBackwardsCompatible(initialStateCell.initFunc, __assign({ $state: $state }, ((_a = initialStateCell.overrideEnv) !== null && _a !== void 0 ? _a : $$state.env)));
-    initialStateCell.initialValue = clone(initialValue);
     var initialSpec = initialStateCell.node.getSpec();
-    var value = initialSpec.isImmutable
-        ? mkUntrackedValue(initialValue)
-        : clone(initialValue);
-    set(proxyRoot, initialStateCell.path, value);
+    // Try to clone initialValue. It can fail if it's a PlasmicUndefinedDataProxy
+    // and we still want to clear some states and return the initialValue.
+    try {
+        var clonedValue = clone(initialValue);
+        initialStateCell.initialValue = clonedValue;
+        var value = initialSpec.isImmutable
+            ? mkUntrackedValue(initialValue)
+            : clonedValue;
+        set(proxyRoot, initialStateCell.path, value);
+    }
+    catch (_d) {
+        // 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);
@@ -1240,7 +1251,9 @@ function useDollarState(specs) {
     var isMounted = React__default.useCallback(function () { return mountedRef.current; }, []);
     React__default.useEffect(function () {
         mountedRef.current = true;
-        return function () { return (mountedRef.current = false); };
+        return function () {
+            mountedRef.current = false;
+        };
     }, []);
     var pendingUpdate = React__default.useRef(false);
     var forceUpdate = React__default.useCallback(function () {
@@ -1278,9 +1291,9 @@ function useDollarState(specs) {
             }
             return {
                 get: function () {
-                    var spec = stateCell.node.getSpec();
-                    if (spec.valueProp) {
-                        var valueProp = $$state.env.$props[spec.valueProp];
+                    var currSpec = stateCell.node.getSpec();
+                    if (currSpec.valueProp) {
+                        var valueProp = $$state.env.$props[currSpec.valueProp];
                         subscribeToValtio($$state, stateCell.path, stateCell.node);
                         return valueProp;
                     }
@@ -1292,10 +1305,10 @@ function useDollarState(specs) {
         }), __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
+                var innerEnv = overrideEnv
                     ? envFieldsAreNonNill(overrideEnv)
                     : $$state.env;
-                if (!deepEqual(stateCell.initialValue, f(__assign({ $state: $state }, env)))) {
+                if (!deepEqual(stateCell.initialValue, f(__assign({ $state: $state }, innerEnv)))) {
                     $$state.registrationsQueue.push({
                         node: node,
                         path: realPath,
@@ -1311,7 +1324,7 @@ function useDollarState(specs) {
                 }
             } }, ((opts === null || opts === void 0 ? void 0 : opts.inCanvas)
             ? {
-                eagerInitializeStates: function (specs) {
+                eagerInitializeStates: function (stateSpecs) {
                     // we need to eager initialize all states in canvas to populate the data picker
                     $$state.specTreeLeaves.forEach(function (node) {
                         var _a, _b;
@@ -1320,7 +1333,7 @@ function useDollarState(specs) {
                             return;
                         }
                         var stateCell = getStateCellFrom$StateRoot($state, spec.pathObj);
-                        var newSpec = specs.find(function (sp) { return sp.path === spec.path; });
+                        var newSpec = stateSpecs.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)) {