@plasmicapp/react-web 0.2.247 → 0.2.249

package/dist/all.d.ts

@@ -11517,6 +11517,10 @@ interface ColorType<P> extends PropTypeBaseDefault<P, string> {
      * unless you are using a React portal.
      */
     keepCssVar?: boolean;
+    /**
+     * Prevent tokens from being selected.
+     */
+    disableTokens?: boolean;
 }
 interface DateStringType<P> extends PropTypeBaseDefault<P, string> {
     type: "dateString";

package/dist/index.cjs.js

@@ -2160,7 +2160,9 @@ function create$StateProxy($$state, leafHandlers) {
                 var nextPath = getNextPath(property);
                 var nextNode = currNode.makeTransition(property);
                 var nextSpec = nextNode === null || nextNode === void 0 ? void 0 : nextNode.getSpec();
-                if (property === "registerInitFunc" && currPath.length === 0) {
+                if ((property === "registerInitFunc" ||
+                    property === "eagerInitializeStates") &&
+                    currPath.length === 0) {
                     return Reflect.set(target, property, value, receiver);
                 }
                 if (!nextNode && currNode.hasArrayTransition()) {
@@ -2307,8 +2309,7 @@ function useDollarState(specs) {
                     }
                 },
             };
-        }), {
-            registerInitFunc: function (pathStr, f, repetitionIndex, overrideEnv) {
+        }), __assign({ registerInitFunc: function (pathStr, f, repetitionIndex, overrideEnv) {
                 var _a = findStateCell($$state.rootSpecTree, pathStr, repetitionIndex), node = _a.node, realPath = _a.realPath;
                 var stateCell = getStateCellFrom$StateRoot($state, realPath);
                 var env = overrideEnv
@@ -2324,10 +2325,37 @@ function useDollarState(specs) {
                             : undefined,
                     }));
                 }
-            },
-        });
+            } }, ((opts === null || opts === void 0 ? void 0 : opts.inCanvas)
+            ? {
+                eagerInitializeStates: function (specs) {
+                    // we need to eager initialize all states in canvas to populate the data picker
+                    $$state.specTreeLeaves.forEach(function (node) {
+                        var _a, _b;
+                        var spec = node.getSpec();
+                        if (spec.isRepeated) {
+                            return;
+                        }
+                        var stateCell = getStateCellFrom$StateRoot($state, spec.pathObj);
+                        var newSpec = specs.find(function (sp) { return sp.path === spec.path; });
+                        if (!newSpec ||
+                            (stateCell.initFuncHash === ((_a = newSpec === null || newSpec === void 0 ? void 0 : newSpec.initFuncHash) !== null && _a !== void 0 ? _a : "") &&
+                                stateCell.initialValue !== UNINITIALIZED)) {
+                            return;
+                        }
+                        stateCell.initFunc = newSpec.initFunc;
+                        stateCell.initFuncHash = (_b = newSpec.initFuncHash) !== null && _b !== void 0 ? _b : "";
+                        var init = spec.valueProp
+                            ? $$state.env.$props[spec.valueProp]
+                            : spec.initFunc
+                                ? initializeStateValue($$state, stateCell, $state)
+                                : spec.initVal;
+                        set($state, spec.pathObj, init);
+                    });
+                },
+            }
+            : {})));
         return $state;
-    }, []);
+    }, [opts === null || opts === void 0 ? void 0 : opts.inCanvas]);
     var ref = React.useRef(undefined);
     if (!ref.current) {
         ref.current = create$State();
@@ -2350,29 +2378,6 @@ function useDollarState(specs) {
                 }
             });
         }
-        // we need to eager initialize all states in canvas to populate the data picker
-        $$state.specTreeLeaves.forEach(function (node) {
-            var _a, _b;
-            var spec = node.getSpec();
-            if (spec.isRepeated) {
-                return;
-            }
-            var stateCell = getStateCellFrom$StateRoot($state, spec.pathObj);
-            var newSpec = specs.find(function (sp) { return sp.path === spec.path; });
-            if (!newSpec ||
-                (stateCell.initFuncHash === ((_a = newSpec === null || newSpec === void 0 ? void 0 : newSpec.initFuncHash) !== null && _a !== void 0 ? _a : "") &&
-                    stateCell.initialValue !== UNINITIALIZED)) {
-                return;
-            }
-            stateCell.initFunc = newSpec.initFunc;
-            stateCell.initFuncHash = (_b = newSpec.initFuncHash) !== null && _b !== void 0 ? _b : "";
-            var init = spec.valueProp
-                ? $$state.env.$props[spec.valueProp]
-                : spec.initFunc
-                    ? initializeStateValue($$state, stateCell, $state)
-                    : spec.initVal;
-            set($state, spec.pathObj, init);
-        });
     }
     // For each spec with an initFunc, evaluate it and see if
     // the init value has changed. If so, reset its state.