@plasmicapp/react-web 0.2.145 → 0.2.146

package/dist/all.d.ts

@@ -45,15 +45,28 @@ interface $StateSpec<T> {
     valueProp?: string;
     onChangeProp?: string;
     isImmutable?: boolean;
+    variableType: "text" | "number" | "boolean" | "array" | "object" | "variant";
 }
 interface $State {
     [key: string]: any;
     registerInitFunc?: (path: string, f: InitFunc<any>, repetitonIndex?: number[]) => any;
+}
+interface Internal$StateSpec<T> extends $StateSpec<T> {
+    isRepeated: boolean;
+    pathObj: (string | symbol)[];
 }
 
 declare function generateStateOnChangeProp($state: $State, path: ObjectPath): (val: any) => void;
 declare function generateStateValueProp($state: $State, path: ObjectPath): any;
-declare function isPlasmicStateProxy(obj: any): any;
+declare function isPlasmicStateProxy(obj: any): boolean;
+declare function getStateCellsInPlasmicProxy(obj: any): {
+    realPath: ObjectPath;
+    path: string;
+}[];
+declare function getStateSpecInPlasmicProxy(obj: any, path: ObjectPath): {
+    spec: Internal$StateSpec<any>;
+    isImplicitStateArray: boolean;
+} | undefined;
 /**
  * Forked from https://github.com/lukeed/dset
  * Changes: fixed setting a deep value to a proxy object
@@ -1638,4 +1651,4 @@ interface TriggeredOverlayContextValue {
 }
 declare const TriggeredOverlayContext: React.Context<TriggeredOverlayContextValue | undefined>;
 
-export { $State, BaseButtonProps, BaseMenuButtonProps, BaseMenuGroupProps, BaseMenuItemProps, BaseMenuProps, BaseSelectOptionGroupProps, BaseSelectOptionProps, BaseSelectProps, BaseTextInputProps, BaseTriggeredOverlayProps, ButtonRef, CheckboxProps, CheckboxRef, CheckboxRefValue, DropdownMenu, Flex, HTMLElementRefOf, HtmlAnchorOnlyProps, HtmlButtonOnlyProps, MenuButtonRef, MenuButtonRefValue, MenuRef, MenuRefValue, MultiChoiceArg, PlasmicDataSourceContextProvider, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicPageGuard, PlasmicRootProvider, PlasmicSlot, SelectContext, SelectOptionRef, SelectRef, SelectRefValue, SingleBooleanChoiceArg, SingleChoiceArg, Stack, StrictProps, SwitchProps, SwitchRef, SwitchRefValue, TextInputRef, TextInputRefValue, Trans, TriggeredOverlayConfig, TriggeredOverlayContext, TriggeredOverlayRef, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, generateStateOnChangeProp, generateStateValueProp, dlv as get, getDataProps, hasVariant, isPlasmicStateProxy, makeFragment, mergeVariantsWithStates, omit, pick, plasmicHeadMeta, renderPlasmicSlot, set, setPlumeStrictMode, useButton, useCheckbox, useCurrentUser, useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };
+export { $State, $StateSpec, BaseButtonProps, BaseMenuButtonProps, BaseMenuGroupProps, BaseMenuItemProps, BaseMenuProps, BaseSelectOptionGroupProps, BaseSelectOptionProps, BaseSelectProps, BaseTextInputProps, BaseTriggeredOverlayProps, ButtonRef, CheckboxProps, CheckboxRef, CheckboxRefValue, DropdownMenu, Flex, HTMLElementRefOf, HtmlAnchorOnlyProps, HtmlButtonOnlyProps, MenuButtonRef, MenuButtonRefValue, MenuRef, MenuRefValue, MultiChoiceArg, PlasmicDataSourceContextProvider, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicPageGuard, PlasmicRootProvider, PlasmicSlot, SelectContext, SelectOptionRef, SelectRef, SelectRefValue, SingleBooleanChoiceArg, SingleChoiceArg, Stack, StrictProps, SwitchProps, SwitchRef, SwitchRefValue, TextInputRef, TextInputRefValue, Trans, TriggeredOverlayConfig, TriggeredOverlayContext, TriggeredOverlayRef, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, generateStateOnChangeProp, generateStateValueProp, dlv as get, getDataProps, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, hasVariant, isPlasmicStateProxy, makeFragment, mergeVariantsWithStates, omit, pick, plasmicHeadMeta, renderPlasmicSlot, set, setPlumeStrictMode, useButton, useCheckbox, useCurrentUser, useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, wrapWithClassName };

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

@@ -2279,96 +2279,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" ? React.useLayoutEffect : React.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) {
@@ -2425,14 +2335,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);
@@ -2560,6 +2463,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" ? React.useLayoutEffect : React.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);
 }
@@ -2632,7 +2662,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()) {
@@ -2802,16 +2836,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 : {});
@@ -2832,9 +2865,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]);
@@ -4297,6 +4330,8 @@ exports.genTranslatableString = genTranslatableString;
 exports.generateStateOnChangeProp = generateStateOnChangeProp;
 exports.generateStateValueProp = generateStateValueProp;
 exports.getDataProps = getDataProps;
+exports.getStateCellsInPlasmicProxy = getStateCellsInPlasmicProxy;
+exports.getStateSpecInPlasmicProxy = getStateSpecInPlasmicProxy;
 exports.hasVariant = hasVariant;
 exports.isPlasmicStateProxy = isPlasmicStateProxy;
 exports.makeFragment = makeFragment;