@plasmicapp/react-web 0.2.233 → 0.2.235

package/dist/react-web.esm.js

@@ -1424,6 +1424,15 @@ var PlasmicTranslatorContext = React__default.createContext(undefined);
 function isIterable(val) {
     return val != null && typeof val[Symbol.iterator] === "function";
 }
+function usePlasmicTranslator() {
+    var _t = React__default.useContext(PlasmicTranslatorContext);
+    var translator = _t
+        ? typeof _t === "function"
+            ? _t
+            : _t.translator
+        : undefined;
+    return translator;
+}
 function genTranslatableString(elt, opts) {
     var components = {};
     var componentsCount = 0;
@@ -2005,9 +2014,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));
@@ -2176,11 +2189,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 : {},
     });
 };
 /**
@@ -2417,6 +2431,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;
@@ -3810,5 +3828,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, generateStateOnChangePropForCodeComponents, generateStateValueProp, getCurrentInitialValue, getDataProps, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, hasVariant, initializeCodeComponentStates, initializePlasmicStates, is$StateProxy, isPlasmicStateProxy, makeFragment, mergeVariantsWithStates, omit, pick, plasmicHeadMeta, renderPlasmicSlot, resetToInitialValue, set, setPlumeStrictMode, useButton, useCheckbox, useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, withPlasmicPageGuard, wrapWithClassName };
+export { DropdownMenu, PlasmicHead, PlasmicIcon, PlasmicImg, PlasmicLink, PlasmicPageGuard, PlasmicRootProvider, PlasmicSlot, SelectContext, Stack, Trans, TriggeredOverlayContext, classNames, createPlasmicElementProxy, createUseScreenVariants, deriveRenderOpts, ensureGlobalVariants, genTranslatableString, generateOnMutateForSpec, generateStateOnChangeProp, generateStateOnChangePropForCodeComponents, generateStateValueProp, getCurrentInitialValue, getDataProps, getStateCellsInPlasmicProxy, getStateSpecInPlasmicProxy, hasVariant, initializeCodeComponentStates, initializePlasmicStates, is$StateProxy, isPlasmicStateProxy, makeFragment, mergeVariantsWithStates, omit, pick, plasmicHeadMeta, renderPlasmicSlot, resetToInitialValue, set, setPlumeStrictMode, useButton, useCheckbox, useDollarState, useIsSSR, useMenu, useMenuButton, useMenuGroup, useMenuItem, usePlasmicTranslator, useSelect, useSelectOption, useSelectOptionGroup, useSwitch, useTextInput, useTrigger, useTriggeredOverlay, withPlasmicPageGuard, wrapWithClassName };
 //# sourceMappingURL=react-web.esm.js.map