@plasmicapp/react-web 0.2.139 → 0.2.140

package/dist/react-web.esm.js

@@ -1280,10 +1280,16 @@ function renderPlasmicSlot(opts) {
 }
 function maybeAsString(node) {
   // Unwrap fragments
-  if (isValidElement(node) && (
-  // Fragment and Trans don't render DOM elements
-  node.type === Fragment || node.type === Trans)) {
-    return maybeAsString(node.props.children);
+  if (isValidElement(node)) {
+    // Fragment doesn't render DOM elements
+    if (node.type === Fragment) {
+      return maybeAsString(node.props.children);
+    } else if (node.type === Trans) {
+      // Trans also doesn't render DOM elements. But we don't want to just render
+      // its content string, because we want to keep the <Trans/> for the localization.
+      // So we render the same node, to be wrapped into __wab_slot-string-wrapper.
+      return node;
+    }
   }
   if (typeof node === "string") {
     return node;
@@ -1867,7 +1873,7 @@ function create$StateProxy($$state, leafHandlers) {
         return true;
       }
     };
-    var baseObject = !isOutside && !currNode.isLeaf() ? currNode.hasArrayTransition() ? [] : {} : Array.isArray(initialObject) ? [] : Object.create(Object.getPrototypeOf(initialObject));
+    var baseObject = !isOutside && !currNode.isLeaf() ? currNode.hasArrayTransition() ? [] : {} : Array.isArray(initialObject) ? [] : Object.create(Object.getPrototypeOf(initialObject != null ? initialObject : {}));
     var proxyObj = new Proxy(baseObject, handlers);
     if (initialObject) {
       Reflect.ownKeys(initialObject).forEach(function (key) {
@@ -1900,46 +1906,43 @@ function useDollarState(specs, props, $ctx) {
   }()).current;
   $$state.props = props;
   $$state.ctx = $ctx != null ? $ctx : {};
-  var $state = React__default.useRef(function () {
-    var useRef$state = Object.assign(create$StateProxy($$state, function (node, path, proxyRoot) {
-      if (!node.hasState(path)) {
-        node.createStateCell(path);
+  var $state = React__default.useRef(Object.assign(create$StateProxy($$state, function (node, path, proxyRoot) {
+    if (!node.hasState(path)) {
+      node.createStateCell(path);
+      var spec = node.getSpec();
+      if (spec.initFunc) {
+        initializeStateValue($$state, node, path, proxyRoot);
+      } else if (!spec.valueProp) {
+        set(proxyRoot, path, spec.initVal);
+      }
+    }
+    return {
+      get: function get(target, property, receiver) {
         var spec = node.getSpec();
-        if (spec.initFunc) {
-          initializeStateValue($$state, node, path, proxyRoot);
-        } else if (!spec.valueProp) {
-          set(proxyRoot, path, spec.initVal);
+        if (spec.valueProp) {
+          return $$state.props[spec.valueProp];
+        } else {
+          return Reflect.get(target, property, receiver);
         }
       }
-      return {
-        get: function get(target, property, receiver) {
-          var spec = node.getSpec();
-          if (spec.valueProp) {
-            return $$state.props[spec.valueProp];
-          } else {
-            return Reflect.get(target, property, receiver);
-          }
-        }
-      };
-    }), {
-      registerInitFunc: function registerInitFunc(pathStr, f, repetitionIndex) {
-        var _findStateCell = findStateCell($$state.rootSpecTree, pathStr, repetitionIndex),
-          node = _findStateCell.node,
-          realPath = _findStateCell.realPath;
-        if (!node.hasState(realPath)) {
-          node.createStateCell(realPath);
-        }
-        if (!deepEqual(node.getState(realPath).initialValue, f($$state.props, useRef$state, $$state.ctx))) {
-          $$state.registrationsQueue.push({
-            node: node,
-            path: realPath,
-            f: f
-          });
-        }
+    };
+  }), {
+    registerInitFunc: function registerInitFunc(pathStr, f, repetitionIndex) {
+      var _findStateCell = findStateCell($$state.rootSpecTree, pathStr, repetitionIndex),
+        node = _findStateCell.node,
+        realPath = _findStateCell.realPath;
+      if (!node.hasState(realPath)) {
+        node.createStateCell(realPath);
       }
-    });
-    return useRef$state;
-  }()).current;
+      if (!deepEqual(node.getState(realPath).initialValue, f($$state.props, $state, $$state.ctx))) {
+        $$state.registrationsQueue.push({
+          node: node,
+          path: realPath,
+          f: f
+        });
+      }
+    }
+  })).current;
   // For each spec with an initFunc, evaluate it and see if
   // the init value has changed. If so, reset its state.
   var resetSpecs = [];