@plasmicapp/react-web 0.2.356 → 0.2.358

package/dist/react-web.esm.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import React__default, { useLayoutEffect, useEffect } from 'react';
 import get from 'dlv';
 export { default as get } from 'dlv';
-import { usePlasmicLinkMaybe, DataProvider, PlasmicLinkProvider, usePlasmicCanvasContext } from '@plasmicapp/host';
+import { usePlasmicLinkMaybe, PlasmicTranslatorContext as PlasmicTranslatorContext$1, usePlasmicTranslator as usePlasmicTranslator$1, DataProvider, PlasmicLinkProvider, usePlasmicCanvasContext } from '@plasmicapp/host';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
 import { SSRProvider, useIsSSR as useIsSSR$1 } from '@react-aria/ssr';
@@ -1474,11 +1474,9 @@ function isInternalHref(href) {
     return /^\/(?!\/)/.test(href);
 }
 
-var PlasmicTranslatorContext = React__default.createContext(undefined);
-function isIterable(val) {
-    return val != null && typeof val[Symbol.iterator] === "function";
-}
-function usePlasmicTranslator() {
+// Make the refactor to host backwards compatible for loader
+var PlasmicTranslatorContext = PlasmicTranslatorContext$1 !== null && PlasmicTranslatorContext$1 !== void 0 ? PlasmicTranslatorContext$1 : React__default.createContext(undefined);
+var usePlasmicTranslator = usePlasmicTranslator$1 !== null && usePlasmicTranslator$1 !== void 0 ? usePlasmicTranslator$1 : (function () {
     var _t = React__default.useContext(PlasmicTranslatorContext);
     var translator = _t
         ? typeof _t === "function"
@@ -1486,7 +1484,7 @@ function usePlasmicTranslator() {
             : _t.translator
         : undefined;
     return translator;
-}
+});
 function genTranslatableString(elt, opts) {
     var components = {};
     var componentsCount = 0;
@@ -1566,6 +1564,9 @@ function warnNoTranslationFunctionAtMostOnce() {
 function hasKey(v, key) {
     return typeof v === "object" && v !== null && key in v;
 }
+function isIterable(val) {
+    return val != null && typeof val[Symbol.iterator] === "function";
+}
 
 function PlasmicSlot(props) {
     return renderPlasmicSlot(props);
@@ -1720,10 +1721,10 @@ function PlasmicRootProvider(props) {
         authRedirectUri: authRedirectUri,
     }); }, [userAuthToken, isUserLoading, user, authRedirectUri]);
     var reactMajorVersion = +React.version.split(".")[0];
-    return (React.createElement(MaybeWrap, { cond: !disableLoadingBoundary && reactMajorVersion >= 18, wrapper: function (children) { return (React.createElement(DataProvider, { name: "plasmicInternalEnableLoadingBoundary", hidden: true, data: true },
-            React.createElement(React.Suspense, { fallback: suspenseFallback !== null && suspenseFallback !== void 0 ? suspenseFallback : "Loading..." }, children))); } },
+    return (React.createElement(MaybeWrap, { cond: !disableLoadingBoundary && reactMajorVersion >= 18, wrapper: function (children_) { return (React.createElement(DataProvider, { name: "plasmicInternalEnableLoadingBoundary", hidden: true, data: true },
+            React.createElement(React.Suspense, { fallback: suspenseFallback !== null && suspenseFallback !== void 0 ? suspenseFallback : "Loading..." }, children_))); } },
         React.createElement(PlasmicRootContext.Provider, { value: context },
-            React.createElement(MaybeWrap, { cond: reactMajorVersion < 18, wrapper: function (children) { return React.createElement(SSRProvider, null, children); } },
+            React.createElement(MaybeWrap, { cond: reactMajorVersion < 18, wrapper: function (children_) { return React.createElement(SSRProvider, null, children_); } },
                 React.createElement(PlasmicDataSourceContextProvider, { value: dataSourceContextValue },
                     React.createElement(PlasmicTranslatorContext.Provider, { value: (_a = props.i18n) !== null && _a !== void 0 ? _a : props.translator },
                         React.createElement(PlasmicHeadContext.Provider, { value: props.Head },
@@ -2091,7 +2092,7 @@ function subscribeToValtio($$state, statePath, node) {
     }
 }
 function initializeStateValue($$state, initialStateCell, proxyRoot) {
-    var _a, _b, _c;
+    var _a;
     var initialStateName = initialStateCell.node.getSpec().path;
     var stateAccess = new Set();
     $$state.stateInitializationEnv.visited.add(initialStateName);
@@ -2148,16 +2149,12 @@ function initializeStateValue($$state, initialStateCell, proxyRoot) {
             : clonedValue;
         set(proxyRoot, initialStateCell.path, value);
     }
-    catch (_d) {
+    catch (_b) {
         // Setting the state to undefined to make sure it gets re-initialized
         // in case it changes values.
         initialStateCell.initialValue = undefined;
         set(proxyRoot, initialStateCell.path, undefined);
     }
-    //immediately fire onChange
-    if (initialSpec.onChangeProp) {
-        (_c = (_b = $$state.env.$props)[initialSpec.onChangeProp]) === null || _c === void 0 ? void 0 : _c.call(_b, initialValue);
-    }
     $$state.stateInitializationEnv.visited.delete(initialStateName);
     $$state.stateInitializationEnv.stack.pop();
     return initialValue;
@@ -2498,7 +2495,9 @@ function useDollarState(specs) {
             var spec = node.getSpec();
             if (!spec.isRepeated && spec.type !== "private" && spec.initFunc) {
                 var stateCell = getStateCellFrom$StateRoot($state, spec.pathObj);
-                initializeStateValue($$state, stateCell, $state);
+                if (stateCell.initialValue === UNINITIALIZED) {
+                    initializeStateValue($$state, stateCell, $state);
+                }
             }
         });
     }, []);