@plasmicapp/react-web 0.2.142 → 0.2.144

package/dist/react-web.cjs.development.js

@@ -2425,7 +2425,14 @@ var StateSpecNode = /*#__PURE__*/function () {
     this._state = {};
   };
   _proto.states = function states() {
-    return Object.values(this._state);
+    return Object.entries(this._state).map(function (_ref) {
+      var key = _ref[0],
+        stateCell = _ref[1];
+      return {
+        path: JSON.parse(key),
+        stateCell: stateCell
+      };
+    });
   };
   _proto.hasState = function hasState(path) {
     var key = JSON.stringify(path);
@@ -2770,8 +2777,15 @@ function useDollarState(specs, props, $ctx, opts) {
     $$state.rootSpecTree = updateTree($$state.rootSpecTree, specs);
     var newLeaves = getStateCells($$state.rootSpecTree);
     if (!arrayEq(newLeaves, $$state.specTreeLeaves)) {
+      var old$State = $state;
       $state = ref.current = create$State();
       $$state.specTreeLeaves = newLeaves;
+      $$state.specTreeLeaves.flatMap(function (node) {
+        return node.states();
+      }).forEach(function (_ref2) {
+        var path = _ref2.path;
+        set($state, path, _get(old$State, path));
+      });
     }
     // we need to eager initialize all states in canvas to populate the data picker
     $$state.specTreeLeaves.forEach(function (node) {
@@ -2788,15 +2802,16 @@ function useDollarState(specs, props, $ctx, opts) {
   // the init value has changed. If so, reset its state.
   var resetSpecs = [];
   $$state.specTreeLeaves.flatMap(function (node) {
-    return node.states().map(function (stateCell) {
+    return node.states().map(function (_ref3) {
+      var stateCell = _ref3.stateCell;
       return {
         stateCell: stateCell,
         node: node
       };
     });
-  }).forEach(function (_ref2) {
-    var node = _ref2.node,
-      stateCell = _ref2.stateCell;
+  }).forEach(function (_ref4) {
+    var node = _ref4.node,
+      stateCell = _ref4.stateCell;
     var initFunc = node.getInitFunc(stateCell);
     if (initFunc) {
       var newInit = initFunc(props, $state, $ctx != null ? $ctx : {});
@@ -2817,9 +2832,9 @@ function useDollarState(specs, props, $ctx, opts) {
     }
   };
   useIsomorphicLayoutEffect$1(function () {
-    resetSpecs.forEach(function (_ref3) {
-      var stateCell = _ref3.stateCell,
-        node = _ref3.node;
+    resetSpecs.forEach(function (_ref5) {
+      var stateCell = _ref5.stateCell,
+        node = _ref5.node;
       reInitializeState(node, stateCell);
     });
   }, [props, resetSpecs]);