@plasmicapp/loader-react 1.0.94 → 1.0.97

package/dist/PlasmicRootProvider.d.ts

@@ -5,12 +5,18 @@ interface PlasmicRootContextValue {
     globalContextsProps?: Record<string, any>;
     loader: InternalPlasmicComponentLoader;
     variation?: Record<string, string>;
+    translator?: PlasmicTranslator;
 }
 export interface GlobalVariantSpec {
     name: string;
     projectId?: string;
     value: any;
 }
+export declare type PlasmicTranslator = (str: string, opts?: {
+    components?: {
+        [key: string]: React.ReactElement | React.ReactFragment;
+    };
+}) => React.ReactNode;
 /**
  * PlasmicRootProvider should be used at the root of your page
  * or application.
@@ -60,6 +66,10 @@ export declare function PlasmicRootProvider(props: {
      * Specifies a mapping of split id to slice id that should be activated
      */
     variation?: Record<string, string>;
+    /**
+     * Translator function to be used for text blocks
+     */
+    translator?: PlasmicTranslator;
 }): JSX.Element;
 export declare function usePlasmicRootContext(): PlasmicRootContextValue | undefined;
 export {};

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export { usePlasmicQueryData } from '@plasmicapp/query';
 export { convertBundlesToComponentRenderData } from './bundles';
 export { ComponentRenderData, InitOptions, initPlasmicLoader, InternalPlasmicComponentLoader, PlasmicComponentLoader, } from './loader';
 export { PlasmicComponent } from './PlasmicComponent';
-export { GlobalVariantSpec, PlasmicRootProvider } from './PlasmicRootProvider';
+export { GlobalVariantSpec, PlasmicRootProvider, PlasmicTranslator, } from './PlasmicRootProvider';
 export { extractPlasmicQueryData, plasmicPrepass } from './prepass';
 export { hydrateFromElement, renderToElement, renderToString } from './render';
 export { usePlasmicComponent } from './usePlasmicComponent';

package/dist/loader-react.cjs.development.js

@@ -1317,7 +1317,8 @@ function PlasmicRootProvider(props) {
       prefetchedQueryData = props.prefetchedQueryData,
       suspenseForQueryData = props.suspenseForQueryData,
       globalContextsProps = props.globalContextsProps,
-      variation = props.variation;
+      variation = props.variation,
+      translator = props.translator;
   var loader = props.loader.__internal;
 
   if (prefetchedData) {
@@ -1348,9 +1349,10 @@ function PlasmicRootProvider(props) {
       globalVariants: mergeGlobalVariantsSpec(globalVariants != null ? globalVariants : [], getGlobalVariantsFromSplits(splits, variation != null ? variation : {})),
       globalContextsProps: globalContextsProps,
       loader: loader,
-      variation: variation
+      variation: variation,
+      translator: translator
     };
-  }, [globalVariants, variation, globalContextsProps, loader, splits]);
+  }, [globalVariants, variation, globalContextsProps, loader, splits, translator]);
   return React.createElement(PlasmicQuery.PlasmicQueryDataProvider, {
     prefetchedCache: prefetchedQueryData,
     suspense: suspenseForQueryData
@@ -2341,7 +2343,8 @@ function PlasmicComponent(props) {
   }
 
   var loader = rootContext.loader,
-      globalContextsProps = rootContext.globalContextsProps;
+      globalContextsProps = rootContext.globalContextsProps,
+      translator = rootContext.translator;
   var Component = usePlasmicComponent({
     name: component,
     projectId: projectId
@@ -2370,7 +2373,9 @@ function PlasmicComponent(props) {
         name: component,
         projectId: projectId
       });
-      element = React.createElement(ReactWebRootProvider, null, React.createElement(MaybeWrap, {
+      element = React.createElement(ReactWebRootProvider, {
+        translator: translator
+      }, React.createElement(MaybeWrap, {
         cond: !!GlobalContextsProvider,
         wrapper: function wrapper(children) {
           return React.createElement(GlobalContextsProvider, Object.assign({}, globalContextsProps), children);