@plasmicapp/react-web 0.2.138 → 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;
@@ -1503,6 +1509,9 @@ function useTrigger(trigger, opts) {
   return TRIGGER_TO_HOOK[trigger](opts);
 }
 
+var ARRAY_SYMBOL = /*#__PURE__*/Symbol("[]");
+var PLASMIC_STATE_PROXY_SYMBOL = /*#__PURE__*/Symbol("plasmic.state.proxy");
+
 function generateStateOnChangeProp($state, stateName, dataReps) {
   return function (val, path) {
     return set($state, [stateName].concat(dataReps, path), val);
@@ -1519,6 +1528,9 @@ function generateStateValueProp($state, path // ["parent", 0, 1, "counter"]
   return _get($state, path);
 }
 var useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+function isPlasmicStateProxy(obj) {
+  return obj != null && typeof obj === "object" && obj[PLASMIC_STATE_PROXY_SYMBOL];
+}
 function shallowEqual(a1, a2) {
   if (a1.length !== a2.length) {
     return false;
@@ -1589,8 +1601,6 @@ function assignValue(object, key, value) {
   }
 }
 
-var ARRAY_SYMBOL = /*#__PURE__*/Symbol("[]");
-
 var UNINITIALIZED = /*#__PURE__*/Symbol("plasmic.unitialized");
 var StateSpecNode = /*#__PURE__*/function () {
   function StateSpecNode(specs) {
@@ -1802,6 +1812,9 @@ function create$StateProxy($$state, leafHandlers) {
         return Reflect.deleteProperty(target, property);
       },
       get: function get(target, property, receiver) {
+        if (property === PLASMIC_STATE_PROXY_SYMBOL) {
+          return true;
+        }
         proxyRoot = proxyRoot == null ? receiver : proxyRoot;
         var nextPath = getNextPath(property);
         if (isOutside || currNode.isLeaf()) {
@@ -1860,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) {
@@ -1893,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 = [];
@@ -3395,5 +3405,5 @@ function useTriggeredOverlay(plasmicClass, props, config, outerRef, isDismissabl
   };
 }
 
-export { DropdownMenu, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicPageGuard, PlasmicRootProvider, PlasmicSlot, SelectContext, Stack, Trans, TriggeredOverlayContext, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, generateStateOnChangeProp, generateStateValueProp, getDataProps, hasVariant, makeFragment, mergeVariantsWithStates, omit, pick, plasmicHeadMeta, renderPlasmicSlot, set, setPlumeStrictMode, useButton, useCheckbox, useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };
+export { DropdownMenu, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicPageGuard, PlasmicRootProvider, PlasmicSlot, SelectContext, Stack, Trans, TriggeredOverlayContext, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, generateStateOnChangeProp, generateStateValueProp, getDataProps, hasVariant, isPlasmicStateProxy, makeFragment, mergeVariantsWithStates, omit, pick, plasmicHeadMeta, renderPlasmicSlot, set, setPlumeStrictMode, useButton, useCheckbox, useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };
 //# sourceMappingURL=react-web.esm.js.map