@zohodesk/i18n 1.0.0-beta.3 → 1.0.0-beta.30

package/es/index.js

@@ -1,6 +1,5 @@
-export { browserOffset, formatDate, pad, replaceI18NValuesWithRegex, unescapeUnicode, getValues, getI18NInfo, isToday, isYesterday, isTomorrow, isWithinAWeek, isTwoWeeksOrMore, convertTimezone, getUtcTimeStamp, convertUtcToUserTz, convertUserTzToUtc, userDateFormat, getDiffObj, getLyears, getSuffix, getFormatedDate } from './utils';
+export { formatDate, pad, replaceI18NValuesWithRegex, unescapeUnicode, getValues, getI18NInfo, isToday, isYesterday, isTomorrow, isWithinAWeek, isTwoWeeksOrMore, userDateFormat, getDiffObj, getLyears, getSuffix, getDatePatternWithoutYear, setLocalizedData, setI18NKeyMapping, dayi18n, monthi18n, timei18n } from './utils';
 import { getI18NValue as getI18NValue1 } from './utils';
-export { unpack, getTimezoneOffset } from './timezones';
 export { I18NContext } from './I18NContext';
 export { default as I18NProvider, i18NProviderUtils } from './components/I18NProvider';
 export { default as I18N } from './components/I18N';
@@ -9,7 +8,4 @@ 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 var getI18NValue = function getI18NValue(i18n, key, values) {
-  return getI18NValue1(i18n)(key, values);
-};
-export { default as NewDateFormat } from './components/NewDateFormat';
+export const getI18NValue = (i18n, key, values) => getI18NValue1(i18n)(key, values);

package/es/utils/__tests__/jsxTranslations.spec.js

@@ -0,0 +1,174 @@
+import React from 'react';
+import { splitMatchedExp, generateChildren, replaceWithComponentPlaceHolder, createElement, prepareI18NFunc, getI18NComponent } from '../jsxTranslations';
+
+function Bold(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement("b", null, children);
+}
+
+function Simple(props) {
+  return /*#__PURE__*/React.createElement("span", null, props.children);
+}
+
+describe('Verifying splitMatchedExp method', () => {
+  it('A string with no match test', () => {
+    const response = splitMatchedExp({
+      expression: '{[0-9]+?}',
+      charLenToOmit: 1,
+      string: "Hello"
+    });
+    const expected = {
+      splitString: ['Hello'],
+      matchedExpKeys: []
+    };
+    expect(response).toEqual(expected);
+  });
+  it('A string with JSX Tag placeholder test', () => {
+    const response = splitMatchedExp({
+      expression: '<[A-Za-z0-9]+?>',
+      charLenToOmit: 1,
+      string: "Hi <00Good> occurs <01Strong>"
+    });
+    const expected = {
+      splitString: ["Hi ", " occurs ", ""],
+      matchedExpKeys: ['00Good', '01Strong']
+    };
+    expect(response).toEqual(expected);
+  });
+  it('A string with String placeholder test', () => {
+    const response = splitMatchedExp({
+      expression: '{[0-9]+?}',
+      charLenToOmit: 1,
+      string: "Hi {0} occurs {1}"
+    });
+    const expected = {
+      splitString: ["Hi ", " occurs ", ""],
+      matchedExpKeys: ['0', '1']
+    };
+    expect(response).toEqual(expected);
+  });
+});
+describe('Verifying generateChildren Method', () => {
+  it('A string with Tag Placeholder and String placeholders', () => {
+    const children = {
+      '00Good': () => {},
+      '01Strong': () => {}
+    };
+    const response = generateChildren({
+      children,
+      child: 'Hi <00Good>{0}<01Strong>'
+    });
+    const expected = {
+      newChildren: [['Hi '], children['00Good'], ['', ''], children['01Strong']],
+      stringPlaceHolders: {
+        0: [],
+        2: ['0']
+      }
+    };
+    expect(response).toEqual(expected);
+  });
+});
+describe('Verifying the replaceWithComponentPlaceHolder method', () => {
+  it('A JSX Tag with string', () => {
+    const response = replaceWithComponentPlaceHolder({
+      componentId: 'Simple',
+      i18nKey: '<Simple>Hi everyone</Simple>',
+      childrenLength: 1
+    });
+    const expected = '<01Simple>';
+    expect(response).toBe(expected);
+  });
+  it('A string with multiple JSX Tags', () => {
+    const response = replaceWithComponentPlaceHolder({
+      componentId: 'Simple',
+      i18nKey: 'Greetings <Simple>Hi everyone</Simple> for the <Simple>Day</Simple>',
+      childrenLength: 1
+    });
+    const expected = 'Greetings <01Simple> for the <Simple>Day</Simple>';
+    expect(response).toBe(expected);
+  });
+});
+describe('Verifying the createElement method', () => {
+  it('A component Id with JSX children and Dynamic String placeholders', () => {
+    const jsxChild = createElement({
+      componentId: 'Simple',
+      children: [['Greetings']],
+      stringPlaceHolders: {
+        0: []
+      }
+    });
+    const response = createElement({
+      componentId: -1,
+      children: [['Hi ', ','], jsxChild, [' for the day']],
+      stringPlaceHolders: {
+        0: ['0'],
+        2: []
+      }
+    })({
+      components: {
+        Simple: {
+          type: Simple
+        }
+      },
+      values: ['Zoho Desk']
+    });
+    const expected = /*#__PURE__*/React.createElement(React.Fragment, null, "Hi Zoho Desk,", /*#__PURE__*/React.createElement(Simple, null, "Greetings"), " for the day");
+    expect(JSON.stringify(response)).toEqual(JSON.stringify(expected));
+  });
+});
+describe('Verifying the prepareI18NFunc method', () => {
+  //Hi <Bo01ld>Gigiee</Bo01ld>,<Simple> How are you</Simple><Simple>Make it simple</Simple>
+  it('A text with sibling JSX tags and alphanumeric JSX Tags', () => {
+    const response = prepareI18NFunc({
+      i18nKey: 'Hi <Bo01ld>Gigiee</Bo01ld>,<Simple>How are you</Simple><Simple>Make it simple</Simple>'
+    })({
+      components: {
+        'Bo01ld': {
+          type: Bold
+        },
+        Simple: {
+          type: Simple
+        }
+      }
+    });
+    const expected = /*#__PURE__*/React.createElement(React.Fragment, null, "Hi ", /*#__PURE__*/React.createElement(Bold, null, "Gigiee"), ",", /*#__PURE__*/React.createElement(Simple, null, "How are you"), /*#__PURE__*/React.createElement(Simple, null, "Make it simple"));
+    expect(JSON.stringify(response)).toEqual(JSON.stringify(expected));
+  });
+});
+describe('Verifying getI18NComponent method', () => {
+  it('An i18n key with JSX tag in its value', () => {
+    const i18n = {
+      'support.demo': 'Hi <Bo01ld>Gigiee</Bo01ld>,<Simple>How are you</Simple><Simple>Make it simple</Simple>'
+    };
+    const I18N = getI18NComponent(i18n);
+    const response = I18N('support.demo')({
+      components: {
+        'Bo01ld': {
+          type: Bold
+        },
+        Simple: {
+          type: Simple
+        }
+      }
+    });
+    const expected = /*#__PURE__*/React.createElement(React.Fragment, null, "Hi ", /*#__PURE__*/React.createElement(Bold, null, "Gigiee"), ",", /*#__PURE__*/React.createElement(Simple, null, "How are you"), /*#__PURE__*/React.createElement(Simple, null, "Make it simple"));
+    expect(JSON.stringify(response)).toEqual(JSON.stringify(expected));
+  });
+  it('Testing absence of i18n object', () => {
+    const I18N = getI18NComponent();
+    const response = I18N('support.demo');
+    const expected = 'support.demo';
+    expect(expected).toBe(response);
+  });
+  it('Testing of missing i18n key', () => {
+    const i18n = {
+      'support.demo': 'Demo'
+    };
+    const I18N = getI18NComponent(i18n);
+    const response = I18N('support.need');
+    const expected = 'support.need';
+    expect(expected).toBe(response);
+  });
+});