@plasmicapp/react-web 0.2.234 → 0.2.236

package/dist/states/helpers.d.ts

@@ -6,6 +6,7 @@ export declare function initializeCodeComponentStates($state: $State, states: {
     name: string;
     plasmicStateName: string;
 }[], repetitionIndex: number[], componentHelpers: ComponentHelpers<any>, child$Props: Record<string, any>): void;
+export declare function generateOnMutateForSpec(stateName: string, componentHelpers: ComponentHelpers<any>): ((stateValue: any, $ref: any) => void) | undefined;
 export declare function initializePlasmicStates($state: $State, states: {
     name: string;
     initFunc: InitFunc<any>;

package/dist/states/index.d.ts

@@ -1,4 +1,4 @@
 export { default as get } from "dlv";
-export { generateStateOnChangeProp, generateStateOnChangePropForCodeComponents, generateStateValueProp, getCurrentInitialValue, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, initializeCodeComponentStates, initializePlasmicStates, is$StateProxy, isPlasmicStateProxy, resetToInitialValue, set, } from "./helpers";
+export { generateOnMutateForSpec, generateStateOnChangeProp, generateStateOnChangePropForCodeComponents, generateStateValueProp, getCurrentInitialValue, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, initializeCodeComponentStates, initializePlasmicStates, is$StateProxy, isPlasmicStateProxy, resetToInitialValue, set, } from "./helpers";
 export { $State, $StateSpec } from "./types";
 export { useDollarState } from "./valtio";

package/dist/states/types.d.ts

@@ -4,6 +4,7 @@ export type InitFuncEnv = {
     $state: Record<string, any>;
     $queries?: Record<string, any>;
     $ctx?: Record<string, any>;
+    $refs?: Record<string, any>;
 };
 export type DollarStateEnv = Omit<InitFuncEnv, "$state">;
 export type NoUndefinedField<T> = {
@@ -22,6 +23,8 @@ export interface $StateSpec<T> {
     isImmutable?: boolean;
     variableType: "text" | "number" | "boolean" | "array" | "object" | "variant";
     initFuncHash?: string;
+    refName?: string;
+    onMutate?: (stateValue: T, $ref: any) => void;
 }
 export interface $State {
     [key: string]: any;
@@ -39,7 +42,7 @@ export interface Internal$StateInstance {
     specKey: string;
 }
 export interface StateCell<T> {
-    initialValue?: T | Symbol;
+    initialValue?: T | symbol;
     node: StateSpecNode<any>;
     path: ObjectPath;
     initFunc?: InitFunc<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicapp/react-web",
-  "version": "0.2.234",
+  "version": "0.2.236",
   "description": "plasmic library for rendering in the presentational style",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",
@@ -86,9 +86,9 @@
   "prettier": {},
   "dependencies": {
     "@plasmicapp/auth-react": "^0.0.5",
-    "@plasmicapp/data-sources": "0.1.94",
+    "@plasmicapp/data-sources": "0.1.96",
     "@plasmicapp/data-sources-context": "0.1.11",
-    "@plasmicapp/host": "1.0.149",
+    "@plasmicapp/host": "1.0.151",
     "@plasmicapp/prepass": "1.0.1",
     "@plasmicapp/query": "0.1.67",
     "@react-aria/checkbox": "^3.5.0",
@@ -155,5 +155,5 @@
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "ff42d1b747943bedcc21cb39f8ffb92d38347292"
+  "gitHead": "35d4595c6d82b47128fdb0c536fab54d7bbc609f"
 }

package/skinny/dist/index.js

@@ -986,9 +986,13 @@ function subscribeToValtio($$state, statePath, node) {
     var maybeValtioProxy = spec.valueProp
         ? $$state.env.$props[spec.valueProp]
         : get($$state.stateValues, statePath);
-    if (getVersion(maybeValtioProxy) && spec.onChangeProp) {
+    if (getVersion(maybeValtioProxy) &&
+        (spec.onChangeProp || (spec.onMutate && node.isLeaf()))) {
         var unsub = subscribe(maybeValtioProxy, function () {
             var _a, _b;
+            if (spec.onMutate && node.isLeaf()) {
+                spec.onMutate(maybeValtioProxy, spec.refName ? $$state.env.$refs[spec.refName] : undefined);
+            }
             (_b = (_a = $$state.env.$props)[spec.onChangeProp]) === null || _b === void 0 ? void 0 : _b.call(_a, spec.valueProp
                 ? $$state.env.$props[spec.valueProp]
                 : get($$state.stateValues, statePath));
@@ -1157,11 +1161,12 @@ var mkUntrackedValue = function (o) {
     return o != null && typeof o === "object" ? ref(o) : o;
 };
 var envFieldsAreNonNill = function (env) {
-    var _a, _b;
+    var _a, _b, _c;
     return ({
         $props: env.$props,
         $ctx: (_a = env.$ctx) !== null && _a !== void 0 ? _a : {},
         $queries: (_b = env.$queries) !== null && _b !== void 0 ? _b : {},
+        $refs: (_c = env.$refs) !== null && _c !== void 0 ? _c : {},
     });
 };
 /**
@@ -1398,6 +1403,10 @@ function initializeCodeComponentStates($state, states, repetitionIndex, componen
         finally { if (e_1) throw e_1.error; }
     }
 }
+function generateOnMutateForSpec(stateName, componentHelpers) {
+    var _a, _b;
+    return (_b = (_a = componentHelpers === null || componentHelpers === void 0 ? void 0 : componentHelpers.states) === null || _a === void 0 ? void 0 : _a[stateName]) === null || _b === void 0 ? void 0 : _b.onMutate;
+}
 function initializePlasmicStates($state, states, repetitionIndex) {
     var e_2, _a;
     var _b;
@@ -1592,5 +1601,5 @@ function assignValue(object, key, value) {
 // Utilities used by generated code
 var classNames = classNames$1;
 
-export { PlasmicIcon, PlasmicPageGuard, PlasmicSlot, Stack, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, generateStateOnChangeProp, generateStateOnChangePropForCodeComponents, generateStateValueProp, getCurrentInitialValue, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, hasVariant, initializeCodeComponentStates, initializePlasmicStates, is$StateProxy, isPlasmicStateProxy, makeFragment, mergeVariantsWithStates, renderPlasmicSlot, resetToInitialValue, set, useDollarState, useTrigger, withPlasmicPageGuard, wrapWithClassName };
+export { PlasmicIcon, PlasmicPageGuard, PlasmicSlot, Stack, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, generateOnMutateForSpec, generateStateOnChangeProp, generateStateOnChangePropForCodeComponents, generateStateValueProp, getCurrentInitialValue, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, hasVariant, initializeCodeComponentStates, initializePlasmicStates, is$StateProxy, isPlasmicStateProxy, makeFragment, mergeVariantsWithStates, renderPlasmicSlot, resetToInitialValue, set, useDollarState, useTrigger, withPlasmicPageGuard, wrapWithClassName };
 //# sourceMappingURL=index.js.map