@zohodesk/i18n 1.0.0-beta.33 → 1.0.0-beta.34

package/README.md

@@ -1,5 +1,9 @@
 # i18n
 
+# 1.0.0-beta.34
+
+- Tagholder Replacement with React Component
+
 # 1.0.0-beta.33
 
 - Upgrading @zoho/SecurityJS package to 7.2.4

package/es/index.js

@@ -8,4 +8,5 @@ export { default as FormatText } from "./components/FormatText";
 export { default as PluralFormat } from "./components/PluralFormat";
 export { default as DateTimeDiffFormat } from "./components/DateTimeDiffFormat";
 export { default as UserTimeDiffFormat } from "./components/UserTimeDiffFormat";
+export { placeComponentForTags } from "./utils/jsxTranslations";
 export const getI18NValue = (i18n, key, values) => getI18NValue1(i18n)(key, values);

package/es/utils/jsxTranslations.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { unescapeUnicode } from "./index";
+import { i18NProviderUtils } from "../components/I18NProvider";
 export function splitMatchedExp(_ref) {
   let {
     expression,
@@ -165,6 +166,26 @@ export function prepareI18NFunc() {
     stringPlaceHolders
   });
 }
+
+function i18nMechanismForComponents(i18nValue, key) {
+  if (typeof i18nValue === 'string') {
+    i18nValue = unescapeUnicode(i18nValue);
+    const value = prepareI18NFunc({
+      i18nKey: i18nValue
+    });
+    window.loadI18nChunk && window.loadI18nChunk({
+      [key]: value
+    });
+    i18nValue = value;
+  }
+
+  return i18nValue;
+}
+
+export function placeComponentForTags(i18nValue) {
+  const value = i18NProviderUtils.getI18NComponent(i18nValue);
+  return i18nMechanismForComponents(value, value);
+}
 export function getI18NComponent(i18n) {
   if (typeof i18n === 'undefined') {
     return key => key;
@@ -177,17 +198,6 @@ export function getI18NComponent(i18n) {
       return key;
     }
 
-    if (typeof i18nStr === 'string') {
-      i18nStr = unescapeUnicode(i18nStr);
-      const value = prepareI18NFunc({
-        i18nKey: i18nStr
-      });
-      window.loadI18nChunk && window.loadI18nChunk({
-        [key]: value
-      });
-      i18nStr = value;
-    }
-
-    return i18nStr;
+    return i18nMechanismForComponents(i18nStr, key);
   };
 }

package/lib/index.js

@@ -150,6 +150,12 @@ Object.defineProperty(exports, "pad", {
     return _utils.pad;
   }
 });
+Object.defineProperty(exports, "placeComponentForTags", {
+  enumerable: true,
+  get: function get() {
+    return _jsxTranslations.placeComponentForTags;
+  }
+});
 Object.defineProperty(exports, "replaceI18NValuesWithRegex", {
   enumerable: true,
   get: function get() {
@@ -205,6 +211,8 @@ var _DateTimeDiffFormat = _interopRequireDefault(require("./components/DateTimeD
 
 var _UserTimeDiffFormat = _interopRequireDefault(require("./components/UserTimeDiffFormat"));
 
+var _jsxTranslations = require("./utils/jsxTranslations");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/lib/utils/jsxTranslations.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.createElement = createElement;
 exports.generateChildren = generateChildren;
 exports.getI18NComponent = getI18NComponent;
+exports.placeComponentForTags = placeComponentForTags;
 exports.prepareI18NFunc = prepareI18NFunc;
 exports.replaceWithComponentPlaceHolder = replaceWithComponentPlaceHolder;
 exports.splitMatchedExp = splitMatchedExp;
@@ -14,6 +15,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = require("./index");
 
+var _I18NProvider = require("../components/I18NProvider");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -214,6 +217,25 @@ function prepareI18NFunc() {
   });
 }
 
+function i18nMechanismForComponents(i18nValue, key) {
+  if (typeof i18nValue === 'string') {
+    i18nValue = (0, _index.unescapeUnicode)(i18nValue);
+    var value = prepareI18NFunc({
+      i18nKey: i18nValue
+    });
+    window.loadI18nChunk && window.loadI18nChunk(_defineProperty({}, key, value));
+    i18nValue = value;
+  }
+
+  return i18nValue;
+}
+
+function placeComponentForTags(i18nValue) {
+  var value = _I18NProvider.i18NProviderUtils.getI18NComponent(i18nValue);
+
+  return i18nMechanismForComponents(value, value);
+}
+
 function getI18NComponent(i18n) {
   if (typeof i18n === 'undefined') {
     return function (key) {
@@ -228,15 +250,6 @@ function getI18NComponent(i18n) {
       return key;
     }
 
-    if (typeof i18nStr === 'string') {
-      i18nStr = (0, _index.unescapeUnicode)(i18nStr);
-      var value = prepareI18NFunc({
-        i18nKey: i18nStr
-      });
-      window.loadI18nChunk && window.loadI18nChunk(_defineProperty({}, key, value));
-      i18nStr = value;
-    }
-
-    return i18nStr;
+    return i18nMechanismForComponents(i18nStr, key);
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/i18n",
-  "version": "1.0.0-beta.33",
+  "version": "1.0.0-beta.34",
   "main": "lib/index",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",

package/src/index.js

@@ -33,5 +33,6 @@ export { default as FormatText } from './components/FormatText';
 export { default as PluralFormat } from './components/PluralFormat';
 export { default as DateTimeDiffFormat } from './components/DateTimeDiffFormat';
 export { default as UserTimeDiffFormat } from './components/UserTimeDiffFormat';
+export { placeComponentForTags } from "./utils/jsxTranslations";
 export const getI18NValue = (i18n, key, values) =>
   getI18NValue1(i18n)(key, values);

package/src/utils/jsxTranslations.js

@@ -2,6 +2,9 @@ import React from 'react';
 import {
     unescapeUnicode
 } from './index';
+import {
+    i18NProviderUtils
+} from "../components/I18NProvider";
 
 export function splitMatchedExp({
     expression,
@@ -156,6 +159,25 @@ export function prepareI18NFunc({
     });
 }
 
+function i18nMechanismForComponents(i18nValue, key) {
+    if(typeof i18nValue === 'string') {
+        i18nValue = unescapeUnicode(i18nValue);
+        const value = prepareI18NFunc({
+            i18nKey: i18nValue
+        });
+        window.loadI18nChunk && window.loadI18nChunk({
+            [key] : value
+        });
+        i18nValue = value;
+    } 
+    return i18nValue;
+}
+
+export function placeComponentForTags(i18nValue) {
+    const value = i18NProviderUtils.getI18NComponent(i18nValue);
+    return i18nMechanismForComponents(value, value);
+}
+
 export function getI18NComponent(i18n) {
     if(typeof i18n === 'undefined') {
         return (key) => key;
@@ -165,16 +187,6 @@ export function getI18NComponent(i18n) {
         if (i18nStr === undefined) {
             return  key;
         }
-        if(typeof i18nStr === 'string') {
-            i18nStr = unescapeUnicode(i18nStr);
-            const value = prepareI18NFunc({
-                i18nKey: i18nStr
-            });
-            window.loadI18nChunk && window.loadI18nChunk({
-                [key] : value
-            });
-            i18nStr = value;
-        } 
-        return i18nStr;
+        return i18nMechanismForComponents(i18nStr, key);
     }
 }