@plasmicapp/react-web 0.2.144 → 0.2.146

package/dist/states/graph.d.ts

@@ -25,10 +25,7 @@ export declare class StateSpecNode<T> {
     getState(path: ObjectPath): StateCell<T>;
     getInitFunc(stateCell: StateCell<any>): InitFunc<any> | undefined;
     clearStates(): void;
-    states(): {
-        path: any;
-        stateCell: StateCell<T>;
-    }[];
+    states(): StateCell<T>[];
     hasState(path: ObjectPath): boolean;
     createStateCell(path: ObjectPath): void;
     setInitialValue(path: ObjectPath, value: any): void;

package/dist/states/helpers.d.ts

@@ -3,7 +3,15 @@ import { $State, ObjectPath } from "./types";
 export declare function generateStateOnChangeProp($state: $State, path: ObjectPath): (val: any) => void;
 export declare function generateStateValueProp($state: $State, path: ObjectPath): any;
 export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
-export declare function isPlasmicStateProxy(obj: any): any;
+export declare function isPlasmicStateProxy(obj: any): boolean;
+export declare function getStateCellsInPlasmicProxy(obj: any): {
+    realPath: ObjectPath;
+    path: string;
+}[];
+export declare function getStateSpecInPlasmicProxy(obj: any, path: ObjectPath): {
+    spec: import("./types").Internal$StateSpec<any>;
+    isImplicitStateArray: boolean;
+} | undefined;
 export declare function shallowEqual<T>(a1: T[], a2: T[]): boolean;
 /**
  * Shallow comparison of arrays.

package/dist/states/index.d.ts

@@ -1,4 +1,4 @@
 export { default as get } from "dlv";
-export { generateStateOnChangeProp, generateStateValueProp, isPlasmicStateProxy, set, } from "./helpers";
-export { $State } from "./types";
+export { generateStateOnChangeProp, generateStateValueProp, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, isPlasmicStateProxy, set, } from "./helpers";
+export { $State, $StateSpec } from "./types";
 export { useDollarState } from "./valtio";

package/dist/states/types.d.ts

@@ -8,6 +8,7 @@ export interface $StateSpec<T> {
     valueProp?: string;
     onChangeProp?: string;
     isImmutable?: boolean;
+    variableType: "text" | "number" | "boolean" | "array" | "object" | "variant";
 }
 export interface $State {
     [key: string]: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/react-web",
-  "version": "0.2.144",
+  "version": "0.2.146",
   "description": "plasmic library for rendering in the presentational style",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -40,9 +40,9 @@
   },
   "prettier": {},
   "dependencies": {
-    "@plasmicapp/data-sources": "0.1.26",
+    "@plasmicapp/data-sources": "0.1.27",
     "@plasmicapp/data-sources-context": "0.1.4",
-    "@plasmicapp/host": "1.0.95",
+    "@plasmicapp/host": "1.0.96",
     "@plasmicapp/query": "0.1.59",
     "@react-aria/checkbox": "^3.5.0",
     "@react-aria/focus": "^3.7.0",
@@ -109,5 +109,5 @@
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "25b687d244527f1aca8a26bc2a34250b5e868715"
+  "gitHead": "6c3d1c42af2561ca3ff9059e7a8b311fdb7f3c93"
 }

package/skinny/dist/index.js

@@ -728,95 +728,6 @@ function useTrigger(trigger, opts) {
 var ARRAY_SYMBOL = Symbol("[]");
 var PLASMIC_STATE_PROXY_SYMBOL = 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 = 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$1(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 = Symbol("plasmic.unitialized");
 var StateSpecNode = /** @class */ (function () {
     function StateSpecNode(specs) {
@@ -872,13 +783,7 @@ var StateSpecNode = /** @class */ (function () {
         this._state = {};
     };
     StateSpecNode.prototype.states = function () {
-        return Object.entries(this._state).map(function (_a) {
-            var _b = __read(_a, 2), key = _b[0], stateCell = _b[1];
-            return ({
-                path: JSON.parse(key),
-                stateCell: stateCell
-            });
-        });
+        return Object.values(this._state);
     };
     StateSpecNode.prototype.hasState = function (path) {
         var key = JSON.stringify(path);
@@ -1020,6 +925,125 @@ 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 = 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 _a = obj[PLASMIC_STATE_PROXY_SYMBOL], rootNode = _a.node, rootPath = _a.path, isOutside = _a.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 _a = obj[PLASMIC_STATE_PROXY_SYMBOL], node = _a.node, isOutside = _a.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$1(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(value) {
     return typeof value === "symbol" ? false : !isNaN(+value);
 }
@@ -1093,7 +1117,11 @@ function create$StateProxy($$state, leafHandlers) {
             get: function (target, property, receiver) {
                 var _a, _b;
                 if (property === PLASMIC_STATE_PROXY_SYMBOL) {
-                    return true;
+                    return {
+                        node: currNode,
+                        path: currPath,
+                        isOutside: isOutside
+                    };
                 }
                 var nextPath = getNextPath(property);
                 if (isOutside || currNode.isLeaf()) {
@@ -1273,12 +1301,7 @@ 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 (_a) {
-            var stateCell = _a.stateCell;
-            return ({ stateCell: stateCell, node: node });
-        });
-    })
+        .flatMap(function (node) { return node.states().map(function (stateCell) { return ({ stateCell: stateCell, node: node }); }); })
         .forEach(function (_a) {
         var node = _a.node, stateCell = _a.stateCell;
         var initFunc = node.getInitFunc(stateCell);
@@ -1330,5 +1353,5 @@ function useDollarState(specs, props, $ctx, opts) {
 // Utilities used by generated code
 var classNames = classNames$1;
 
-export { PlasmicIcon, PlasmicLink, PlasmicPageGuard, PlasmicSlot, Stack, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, generateStateOnChangeProp, generateStateValueProp, hasVariant, isPlasmicStateProxy, makeFragment, mergeVariantsWithStates, renderPlasmicSlot, set, useDollarState, useTrigger, wrapWithClassName };
+export { PlasmicIcon, PlasmicLink, PlasmicPageGuard, PlasmicSlot, Stack, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, generateStateOnChangeProp, generateStateValueProp, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, hasVariant, isPlasmicStateProxy, makeFragment, mergeVariantsWithStates, renderPlasmicSlot, set, useDollarState, useTrigger, wrapWithClassName };
 //# sourceMappingURL=index.js.map