@plasmicapp/react-web 0.2.145 → 0.2.147

package/dist/react-web.esm.js

@@ -2274,96 +2274,6 @@ function useTrigger(trigger, opts) {
 var ARRAY_SYMBOL = /*#__PURE__*/Symbol("[]");
 var PLASMIC_STATE_PROXY_SYMBOL = /*#__PURE__*/Symbol("plasmic.state.proxy");
 
-function generateStateOnChangeProp($state, path) {
-  return function (val) {
-    return set($state, path, val);
-  };
-}
-function generateStateValueProp($state, path) {
-  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;
-  }
-  for (var i = 0; i < a1.length; i++) {
-    if (a1[i] !== a2[i]) {
-      return false;
-    }
-  }
-  return true;
-}
-/**
- * Shallow comparison of arrays.
- */
-function arrayEq(xs, ys) {
-  return xs.length === ys.length && xs.every(function (_, index) {
-    return xs[index] === ys[index];
-  });
-}
-function isNum(value) {
-  return typeof value === "symbol" ? false : !isNaN(+value);
-}
-function assert(cond, msg) {
-  if (msg === void 0) {
-    msg = "Assertion failed";
-  }
-  if (!cond) {
-    // We always generate an non empty message so that it doesn't get swallowed
-    // by the async library.
-    msg = (typeof msg === "string" ? msg : msg()) || "Assertion failed";
-    debugger;
-    throw new Error(msg);
-  }
-}
-/**
- * Forked from https://github.com/lukeed/dset
- * Changes: fixed setting a deep value to a proxy object
- */
-function set(obj, keys, val) {
-  keys = keys.split ? keys.split(".") : keys;
-  var i = 0,
-    l = keys.length,
-    t = obj,
-    x,
-    k;
-  while (i < l) {
-    k = keys[i++];
-    if (k === "__proto__" || k === "constructor" || k === "prototype") break;
-    var newValue = i === l ? val : typeof (x = t[k]) === typeof keys ? x : keys[i] * 0 !== 0 || !!~("" + keys[i]).indexOf(".") ? {} : [];
-    assignValue(t, k, newValue);
-    t = t[k];
-  }
-}
-/**
- * Forked from lodash
- */
-function baseAssignValue(object, key, value) {
-  if (key == "__proto__") {
-    Object.defineProperty(object, key, {
-      configurable: true,
-      enumerable: true,
-      value: value,
-      writable: true
-    });
-  } else {
-    object[key] = value;
-  }
-}
-function eq(value, other) {
-  return value === other || value !== value && other !== other;
-}
-function assignValue(object, key, value) {
-  var objValue = object[key];
-  if (!(Object.prototype.hasOwnProperty.call(object, key) && eq(objValue, value)) || value === undefined && !(key in object)) {
-    baseAssignValue(object, key, value);
-  }
-}
-
 var UNINITIALIZED = /*#__PURE__*/Symbol("plasmic.unitialized");
 var StateSpecNode = /*#__PURE__*/function () {
   function StateSpecNode(specs) {
@@ -2420,14 +2330,7 @@ var StateSpecNode = /*#__PURE__*/function () {
     this._state = {};
   };
   _proto.states = function states() {
-    return Object.entries(this._state).map(function (_ref) {
-      var key = _ref[0],
-        stateCell = _ref[1];
-      return {
-        path: JSON.parse(key),
-        stateCell: stateCell
-      };
-    });
+    return Object.values(this._state);
   };
   _proto.hasState = function hasState(path) {
     var key = JSON.stringify(path);
@@ -2555,6 +2458,133 @@ function findStateCell(root, pathStr, repetitionIndex) {
   };
 }
 
+function generateStateOnChangeProp($state, path) {
+  return function (val) {
+    return set($state, path, val);
+  };
+}
+function generateStateValueProp($state, path) {
+  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 getStateCellsInPlasmicProxy(obj) {
+  if (!isPlasmicStateProxy(obj)) {
+    return [];
+  }
+  var _obj$PLASMIC_STATE_PR = obj[PLASMIC_STATE_PROXY_SYMBOL],
+    rootNode = _obj$PLASMIC_STATE_PR.node,
+    rootPath = _obj$PLASMIC_STATE_PR.path,
+    isOutside = _obj$PLASMIC_STATE_PR.isOutside;
+  if (isOutside) {
+    return [];
+  }
+  return getStateCells(rootNode).flatMap(function (node) {
+    return node.states().map(function (stateCell) {
+      return {
+        path: node.getSpec().path,
+        realPath: stateCell.path.slice(rootPath.length)
+      };
+    });
+  });
+}
+function getStateSpecInPlasmicProxy(obj, path) {
+  obj = _get(obj, path.slice(0, path.length - 1));
+  if (!isPlasmicStateProxy(obj)) {
+    return undefined;
+  }
+  var _obj$PLASMIC_STATE_PR2 = obj[PLASMIC_STATE_PROXY_SYMBOL],
+    node = _obj$PLASMIC_STATE_PR2.node,
+    isOutside = _obj$PLASMIC_STATE_PR2.isOutside;
+  var nextNode = node.makeTransition(path[path.length - 1]);
+  if (isOutside || node.isLeaf() || !nextNode) {
+    return undefined;
+  }
+  return {
+    spec: nextNode.getSpec(),
+    isImplicitStateArray: nextNode.hasArrayTransition()
+  };
+}
+function shallowEqual(a1, a2) {
+  if (a1.length !== a2.length) {
+    return false;
+  }
+  for (var i = 0; i < a1.length; i++) {
+    if (a1[i] !== a2[i]) {
+      return false;
+    }
+  }
+  return true;
+}
+/**
+ * Shallow comparison of arrays.
+ */
+function arrayEq(xs, ys) {
+  return xs.length === ys.length && xs.every(function (_, index) {
+    return xs[index] === ys[index];
+  });
+}
+function isNum(value) {
+  return typeof value === "symbol" ? false : !isNaN(+value);
+}
+function assert(cond, msg) {
+  if (msg === void 0) {
+    msg = "Assertion failed";
+  }
+  if (!cond) {
+    // We always generate an non empty message so that it doesn't get swallowed
+    // by the async library.
+    msg = (typeof msg === "string" ? msg : msg()) || "Assertion failed";
+    debugger;
+    throw new Error(msg);
+  }
+}
+/**
+ * Forked from https://github.com/lukeed/dset
+ * Changes: fixed setting a deep value to a proxy object
+ */
+function set(obj, keys, val) {
+  keys = keys.split ? keys.split(".") : keys;
+  var i = 0,
+    l = keys.length,
+    t = obj,
+    x,
+    k;
+  while (i < l) {
+    k = keys[i++];
+    if (k === "__proto__" || k === "constructor" || k === "prototype") break;
+    var newValue = i === l ? val : typeof (x = t[k]) === typeof keys ? x : keys[i] * 0 !== 0 || !!~("" + keys[i]).indexOf(".") ? {} : [];
+    assignValue(t, k, newValue);
+    t = t[k];
+  }
+}
+/**
+ * Forked from lodash
+ */
+function baseAssignValue(object, key, value) {
+  if (key == "__proto__") {
+    Object.defineProperty(object, key, {
+      configurable: true,
+      enumerable: true,
+      value: value,
+      writable: true
+    });
+  } else {
+    object[key] = value;
+  }
+}
+function eq(value, other) {
+  return value === other || value !== value && other !== other;
+}
+function assignValue(object, key, value) {
+  var objValue = object[key];
+  if (!(Object.prototype.hasOwnProperty.call(object, key) && eq(objValue, value)) || value === undefined && !(key in object)) {
+    baseAssignValue(object, key, value);
+  }
+}
+
 function isNum$1(value) {
   return typeof value === "symbol" ? false : !isNaN(+value);
 }
@@ -2627,7 +2657,11 @@ function create$StateProxy($$state, leafHandlers) {
       },
       get: function get(target, property, receiver) {
         if (property === PLASMIC_STATE_PROXY_SYMBOL) {
-          return true;
+          return {
+            node: currNode,
+            path: currPath,
+            isOutside: isOutside
+          };
         }
         var nextPath = getNextPath(property);
         if (isOutside || currNode.isLeaf()) {
@@ -2797,16 +2831,15 @@ 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 (_ref3) {
-      var stateCell = _ref3.stateCell;
+    return node.states().map(function (stateCell) {
       return {
         stateCell: stateCell,
         node: node
       };
     });
-  }).forEach(function (_ref4) {
-    var node = _ref4.node,
-      stateCell = _ref4.stateCell;
+  }).forEach(function (_ref3) {
+    var node = _ref3.node,
+      stateCell = _ref3.stateCell;
     var initFunc = node.getInitFunc(stateCell);
     if (initFunc) {
       var newInit = initFunc(props, $state, $ctx != null ? $ctx : {});
@@ -2827,9 +2860,9 @@ function useDollarState(specs, props, $ctx, opts) {
     }
   };
   useIsomorphicLayoutEffect$1(function () {
-    resetSpecs.forEach(function (_ref5) {
-      var stateCell = _ref5.stateCell,
-        node = _ref5.node;
+    resetSpecs.forEach(function (_ref4) {
+      var stateCell = _ref4.stateCell,
+        node = _ref4.node;
       reInitializeState(node, stateCell);
     });
   }, [props, resetSpecs]);
@@ -4258,5 +4291,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, 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 };
+export { DropdownMenu, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicPageGuard, PlasmicRootProvider, PlasmicSlot, SelectContext, Stack, Trans, TriggeredOverlayContext, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, generateStateOnChangeProp, generateStateValueProp, getDataProps, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, 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