@plasmicapp/react-web 0.2.223 → 0.2.225

package/dist/all.d.ts

@@ -12019,6 +12019,10 @@ type PlasmicTranslator = (str: string, opts?: {
         [key: string]: React__default.ReactElement;
     };
 }) => React__default.ReactNode;
+interface PlasmicI18NContextValue {
+    translator?: PlasmicTranslator;
+    tagPrefix?: string;
+}
 interface TransProps {
     transKey?: string;
     children?: React__default.ReactNode;
@@ -12037,6 +12041,10 @@ declare function Trans({ transKey, children }: TransProps): React__default.React
 interface PlasmicRootProviderProps extends PlasmicDataSourceContextValue {
     platform?: "nextjs" | "gatsby";
     children?: React$1.ReactNode;
+    i18n?: PlasmicI18NContextValue;
+    /**
+     * @deprecated use i18n.translator instead
+     */
     translator?: PlasmicTranslator;
     Head?: React$1.ComponentType<any>;
     disableLoadingBoundary?: boolean;

package/dist/index.cjs.js

@@ -1481,12 +1481,19 @@ function genTranslatableString(elt, opts) {
 function Trans(_a) {
     var transKey = _a.transKey, children = _a.children;
     var _t = React__default['default'].useContext(PlasmicTranslatorContext);
-    if (!_t) {
+    var translator = _t
+        ? typeof _t === "function"
+            ? _t
+            : _t.translator
+        : undefined;
+    if (!translator) {
         warnNoTranslationFunctionAtMostOnce();
         return children;
     }
-    var _b = genTranslatableString(children), str = _b.str, components = _b.components, componentsCount = _b.componentsCount;
-    return _t(transKey !== null && transKey !== void 0 ? transKey : str, componentsCount > 0 ? { components: components } : undefined);
+    var _b = genTranslatableString(children, {
+        tagPrefix: typeof _t === "object" ? _t.tagPrefix : undefined,
+    }), str = _b.str, components = _b.components, componentsCount = _b.componentsCount;
+    return translator(transKey !== null && transKey !== void 0 ? transKey : str, componentsCount > 0 ? { components: components } : undefined);
 }
 var hasWarned = false;
 function warnNoTranslationFunctionAtMostOnce() {
@@ -1636,7 +1643,8 @@ function createUseScreenVariants(isMulti, screenQueries) {
 
 var PlasmicRootContext = React__namespace.createContext(undefined);
 function PlasmicRootProvider(props) {
-    var platform = props.platform, children = props.children, userAuthToken = props.userAuthToken, isUserLoading = props.isUserLoading, authRedirectUri = props.authRedirectUri, user = props.user, disableLoadingBoundary = props.disableLoadingBoundary, suspenseFallback = props.suspenseFallback;
+    var _a;
+    var platform = props.platform, children = props.children, userAuthToken = props.userAuthToken, isUserLoading = props.isUserLoading, authRedirectUri = props.authRedirectUri, user = props.user, disableLoadingBoundary = props.disableLoadingBoundary, suspenseFallback = props.suspenseFallback; props.i18n;
     var context = React__namespace.useMemo(function () { return ({
         platform: platform,
     }); }, [platform]);
@@ -1652,7 +1660,7 @@ function PlasmicRootProvider(props) {
         React__namespace.createElement(PlasmicRootContext.Provider, { value: context },
             React__namespace.createElement(ssr.SSRProvider, null,
                 React__namespace.createElement(dataSourcesContext.PlasmicDataSourceContextProvider, { value: dataSourceContextValue },
-                    React__namespace.createElement(PlasmicTranslatorContext.Provider, { value: props.translator },
+                    React__namespace.createElement(PlasmicTranslatorContext.Provider, { value: (_a = props.i18n) !== null && _a !== void 0 ? _a : props.translator },
                         React__namespace.createElement(PlasmicHeadContext.Provider, { value: props.Head }, children)))))));
 }
 var useIsSSR = ssr.useIsSSR;