@zohodesk/i18n 1.0.0-beta.26 → 1.0.0-beta.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/README.md +109 -105
  2. package/es/components/I18NProvider.js +5 -1
  3. package/es/components/__tests__/__snapshots__/DateTimeDiffFormat.spec.js.snap +258 -258
  4. package/es/components/__tests__/__snapshots__/FormatText.spec.js.snap +17 -17
  5. package/es/components/__tests__/__snapshots__/HOCI18N.spec.js.snap +15 -15
  6. package/es/components/__tests__/__snapshots__/I18N.spec.js.snap +17 -17
  7. package/es/components/__tests__/__snapshots__/I18NProvider.spec.js.snap +13 -13
  8. package/es/components/__tests__/__snapshots__/PluralFormat.spec.js.snap +17 -17
  9. package/es/components/__tests__/__snapshots__/UserTimeDiffFormat.spec.js.snap +366 -366
  10. package/es/utils/__tests__/jsxTranslations.spec.js +174 -0
  11. package/es/{utils.js → utils/index.js} +25 -2
  12. package/es/utils/jsxTranslations.js +193 -0
  13. package/lib/components/I18NProvider.js +6 -1
  14. package/lib/components/__tests__/__snapshots__/DateTimeDiffFormat.spec.js.snap +258 -258
  15. package/lib/components/__tests__/__snapshots__/FormatText.spec.js.snap +17 -17
  16. package/lib/components/__tests__/__snapshots__/HOCI18N.spec.js.snap +15 -15
  17. package/lib/components/__tests__/__snapshots__/I18N.spec.js.snap +17 -17
  18. package/lib/components/__tests__/__snapshots__/I18NProvider.spec.js.snap +13 -13
  19. package/lib/components/__tests__/__snapshots__/PluralFormat.spec.js.snap +17 -17
  20. package/lib/components/__tests__/__snapshots__/UserTimeDiffFormat.spec.js.snap +366 -366
  21. package/lib/utils/__tests__/jsxTranslations.spec.js +183 -0
  22. package/lib/{utils.js → utils/index.js} +28 -5
  23. package/lib/utils/jsxTranslations.js +242 -0
  24. package/package.json +30 -29
  25. package/src/I18NContext.js +2 -2
  26. package/src/components/DateTimeDiffFormat.js +256 -256
  27. package/src/components/FormatText.js +14 -14
  28. package/src/components/HOCI18N.js +37 -37
  29. package/src/components/I18N.js +74 -74
  30. package/src/components/I18NProvider.js +116 -110
  31. package/src/components/PluralFormat.js +37 -37
  32. package/src/components/UserTimeDiffFormat.js +97 -97
  33. package/src/components/__tests__/DateTimeDiffFormat.spec.js +618 -618
  34. package/src/components/__tests__/FormatText.spec.js +26 -26
  35. package/src/components/__tests__/HOCI18N.spec.js +33 -33
  36. package/src/components/__tests__/I18N.spec.js +29 -29
  37. package/src/components/__tests__/I18NProvider.spec.js +65 -65
  38. package/src/components/__tests__/PluralFormat.spec.js +27 -27
  39. package/src/components/__tests__/UserTimeDiffFormat.spec.js +1076 -1076
  40. package/src/components/__tests__/__snapshots__/DateTimeDiffFormat.spec.js.snap +258 -258
  41. package/src/components/__tests__/__snapshots__/FormatText.spec.js.snap +17 -17
  42. package/src/components/__tests__/__snapshots__/HOCI18N.spec.js.snap +15 -15
  43. package/src/components/__tests__/__snapshots__/I18N.spec.js.snap +17 -17
  44. package/src/components/__tests__/__snapshots__/I18NProvider.spec.js.snap +13 -13
  45. package/src/components/__tests__/__snapshots__/PluralFormat.spec.js.snap +17 -17
  46. package/src/components/__tests__/__snapshots__/UserTimeDiffFormat.spec.js.snap +366 -366
  47. package/src/index.js +37 -37
  48. package/src/utils/__tests__/jsxTranslations.spec.js +213 -0
  49. package/src/{utils.js → utils/index.js} +632 -612
  50. package/src/utils/jsxTranslations.js +180 -0
package/src/components/__tests__/FormatText.spec.js CHANGED
@@ -1,27 +1,27 @@
1
- import FormatText from '../FormatText';
2
- import I18NProvider from '../I18NProvider';
3
- import React from 'react';
4
- import renderer from 'react-test-renderer';
5
-
6
- describe('FormatText component', () => {
7
- it('Should display i18n value as html', () => {
8
- let ele=renderer.create(
9
- <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
10
- <FormatText i18NKey='key1' isHtml />
11
- </I18NProvider>
12
- );
13
- let tree=ele.toJSON();
14
- expect(tree).toMatchSnapshot();
15
- });
16
-
17
- it('Should display i18n value', () => {
18
- let ele=renderer.create(
19
- <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
20
- <FormatText i18NKey='key1' />
21
- </I18NProvider>
22
- );
23
- let tree=ele.toJSON();
24
- expect(tree).toMatchSnapshot();
25
- });
26
-
1
+ import FormatText from '../FormatText';
2
+ import I18NProvider from '../I18NProvider';
3
+ import React from 'react';
4
+ import renderer from 'react-test-renderer';
5
+
6
+ describe('FormatText component', () => {
7
+ it('Should display i18n value as html', () => {
8
+ let ele=renderer.create(
9
+ <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
10
+ <FormatText i18NKey='key1' isHtml />
11
+ </I18NProvider>
12
+ );
13
+ let tree=ele.toJSON();
14
+ expect(tree).toMatchSnapshot();
15
+ });
16
+
17
+ it('Should display i18n value', () => {
18
+ let ele=renderer.create(
19
+ <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
20
+ <FormatText i18NKey='key1' />
21
+ </I18NProvider>
22
+ );
23
+ let tree=ele.toJSON();
24
+ expect(tree).toMatchSnapshot();
25
+ });
26
+
27
27
  });
package/src/components/__tests__/HOCI18N.spec.js CHANGED
@@ -1,33 +1,33 @@
1
- import HOCI18N from '..//HOCI18N';
2
- import I18NProvider from '../I18NProvider';
3
- import PropTypes from 'prop-types';
4
- import React from 'react';
5
- import renderer from 'react-test-renderer';
6
-
7
- let Test = props => <div>test{props.placeHolder}</div>;
8
- Test.propTypes = {
9
- placeHolder: PropTypes.string
10
- };
11
- const defaultProps = {
12
- i18NKey: 'key1<b>vimal</b>'
13
- };
14
-
15
- describe('I18N component', () => {
16
- it('Should display i18n value', () => {
17
- Test = HOCI18N(['placeHolder'])(Test);
18
- let ele = renderer.create(
19
- <I18NProvider i18n={{ key1: 'vimal1' }}>
20
- <Test placeHolder='key1' />
21
- </I18NProvider>
22
- );
23
- let tree = ele.toJSON();
24
- expect(tree).toMatchSnapshot();
25
- });
26
-
27
- it('Should display i18n key', () => {
28
- Test = HOCI18N(['placeHolder'])(Test);
29
- let ele = renderer.create(<Test placeHolder='key1' />);
30
- let tree = ele.toJSON();
31
- expect(tree).toMatchSnapshot();
32
- });
33
- });
1
+ import HOCI18N from '..//HOCI18N';
2
+ import I18NProvider from '../I18NProvider';
3
+ import PropTypes from 'prop-types';
4
+ import React from 'react';
5
+ import renderer from 'react-test-renderer';
6
+
7
+ let Test = props => <div>test{props.placeHolder}</div>;
8
+ Test.propTypes = {
9
+ placeHolder: PropTypes.string
10
+ };
11
+ const defaultProps = {
12
+ i18NKey: 'key1<b>vimal</b>'
13
+ };
14
+
15
+ describe('I18N component', () => {
16
+ it('Should display i18n value', () => {
17
+ Test = HOCI18N(['placeHolder'])(Test);
18
+ let ele = renderer.create(
19
+ <I18NProvider i18n={{ key1: 'vimal1' }}>
20
+ <Test placeHolder='key1' />
21
+ </I18NProvider>
22
+ );
23
+ let tree = ele.toJSON();
24
+ expect(tree).toMatchSnapshot();
25
+ });
26
+
27
+ it('Should display i18n key', () => {
28
+ Test = HOCI18N(['placeHolder'])(Test);
29
+ let ele = renderer.create(<Test placeHolder='key1' />);
30
+ let tree = ele.toJSON();
31
+ expect(tree).toMatchSnapshot();
32
+ });
33
+ });
package/src/components/__tests__/I18N.spec.js CHANGED
@@ -1,30 +1,30 @@
1
- import I18N from '../I18N';
2
- import I18NProvider from '../I18NProvider';
3
- import React from 'react';
4
- import renderer from 'react-test-renderer';
5
-
6
- const defaultProps ={
7
- i18NKey: 'key1'
8
- };
9
- describe('I18N component', () => {
10
- it('Should display i18n value as html', () => {
11
- let ele=renderer.create(
12
- <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
13
- <I18N {...defaultProps} isHtml />
14
- </I18NProvider>
15
- );
16
- let tree=ele.toJSON();
17
- expect(tree).toMatchSnapshot();
18
- });
19
-
20
- it('Should display i18n value', () => {
21
- let ele=renderer.create(
22
- <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
23
- <I18N {...defaultProps} />
24
- </I18NProvider>
25
- );
26
- let tree=ele.toJSON();
27
- expect(tree).toMatchSnapshot();
28
- });
29
-
1
+ import I18N from '../I18N';
2
+ import I18NProvider from '../I18NProvider';
3
+ import React from 'react';
4
+ import renderer from 'react-test-renderer';
5
+
6
+ const defaultProps ={
7
+ i18NKey: 'key1'
8
+ };
9
+ describe('I18N component', () => {
10
+ it('Should display i18n value as html', () => {
11
+ let ele=renderer.create(
12
+ <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
13
+ <I18N {...defaultProps} isHtml />
14
+ </I18NProvider>
15
+ );
16
+ let tree=ele.toJSON();
17
+ expect(tree).toMatchSnapshot();
18
+ });
19
+
20
+ it('Should display i18n value', () => {
21
+ let ele=renderer.create(
22
+ <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
23
+ <I18N {...defaultProps} />
24
+ </I18NProvider>
25
+ );
26
+ let tree=ele.toJSON();
27
+ expect(tree).toMatchSnapshot();
28
+ });
29
+
30
30
  });
package/src/components/__tests__/I18NProvider.spec.js CHANGED
@@ -1,65 +1,65 @@
1
- import I18NProvider, { i18NProviderUtils } from '../I18NProvider';
2
- import I18N from '../I18N';
3
- import React from 'react';
4
- import renderer from 'react-test-renderer';
5
- import { Provider } from 'react-redux';
6
- import configureStore from 'redux-mock-store';
7
- import thunk from 'redux-thunk';
8
-
9
- describe('I18NProvider component', () => {
10
- it('Should display i18n value using i18n utils function without I18NProvider', () => {
11
- expect(i18NProviderUtils.getI18NValue('key1')).toBe('key1');
12
- });
13
-
14
- it('Should display i18n value', () => {
15
- let ele = renderer.create(
16
- <I18NProvider i18n={{ key1: 'vimal' }} timeZone='Asia/Calcutta'>
17
- <I18N i18NKey='key1' />
18
- </I18NProvider>
19
- );
20
- let tree = ele.toJSON();
21
- expect(tree).toMatchSnapshot();
22
- });
23
-
24
- it('Should display key not available case', () => {
25
- let ele = renderer.create(
26
- <I18NProvider i18n={{ key1: 'vimal' }} timeZone='Asia/Calcutta'>
27
- <I18N i18NKey='key2' />
28
- </I18NProvider>
29
- );
30
- let tree = ele.toJSON();
31
- expect(tree).toMatchSnapshot();
32
- });
33
-
34
- it('Should display i18n value using i18n utils function', () => {
35
- let ele = renderer.create(
36
- <I18NProvider i18n={{ key1: 'vimal' }}>
37
- <div>test</div>
38
- </I18NProvider>
39
- );
40
- expect(i18NProviderUtils.getI18NValue('key1')).toBe('vimal');
41
- });
42
-
43
- it('Should display user date format using i18n utils function', () => {
44
- let ele = renderer.create(
45
- <I18NProvider i18n={{ key1: 'vimal' }} timeZone='Asia/Calcutta'>
46
- <div>test</div>
47
- </I18NProvider>
48
- );
49
- expect(
50
- i18NProviderUtils.userDateFormat(
51
- '2016-12-27T08:36:03.837Z',
52
- {
53
- today: 'DD-MM-YYYY[today]',
54
- tomorrow: 'DD-MM-YYYY[tomorrow]',
55
- yesterday: 'DD-MM-YYYY-[yesterday]',
56
-
57
- others: () => 'DD-MM-YYYY-[others]'
58
- },
59
- '',
60
- '',
61
- true
62
- )
63
- ).toBe('27-12-2016tomorrow');
64
- });
65
- });
1
+ import I18NProvider, { i18NProviderUtils } from '../I18NProvider';
2
+ import I18N from '../I18N';
3
+ import React from 'react';
4
+ import renderer from 'react-test-renderer';
5
+ import { Provider } from 'react-redux';
6
+ import configureStore from 'redux-mock-store';
7
+ import thunk from 'redux-thunk';
8
+
9
+ describe('I18NProvider component', () => {
10
+ it('Should display i18n value using i18n utils function without I18NProvider', () => {
11
+ expect(i18NProviderUtils.getI18NValue('key1')).toBe('key1');
12
+ });
13
+
14
+ it('Should display i18n value', () => {
15
+ let ele = renderer.create(
16
+ <I18NProvider i18n={{ key1: 'vimal' }} timeZone='Asia/Calcutta'>
17
+ <I18N i18NKey='key1' />
18
+ </I18NProvider>
19
+ );
20
+ let tree = ele.toJSON();
21
+ expect(tree).toMatchSnapshot();
22
+ });
23
+
24
+ it('Should display key not available case', () => {
25
+ let ele = renderer.create(
26
+ <I18NProvider i18n={{ key1: 'vimal' }} timeZone='Asia/Calcutta'>
27
+ <I18N i18NKey='key2' />
28
+ </I18NProvider>
29
+ );
30
+ let tree = ele.toJSON();
31
+ expect(tree).toMatchSnapshot();
32
+ });
33
+
34
+ it('Should display i18n value using i18n utils function', () => {
35
+ let ele = renderer.create(
36
+ <I18NProvider i18n={{ key1: 'vimal' }}>
37
+ <div>test</div>
38
+ </I18NProvider>
39
+ );
40
+ expect(i18NProviderUtils.getI18NValue('key1')).toBe('vimal');
41
+ });
42
+
43
+ it('Should display user date format using i18n utils function', () => {
44
+ let ele = renderer.create(
45
+ <I18NProvider i18n={{ key1: 'vimal' }} timeZone='Asia/Calcutta'>
46
+ <div>test</div>
47
+ </I18NProvider>
48
+ );
49
+ expect(
50
+ i18NProviderUtils.userDateFormat(
51
+ '2016-12-27T08:36:03.837Z',
52
+ {
53
+ today: 'DD-MM-YYYY[today]',
54
+ tomorrow: 'DD-MM-YYYY[tomorrow]',
55
+ yesterday: 'DD-MM-YYYY-[yesterday]',
56
+
57
+ others: () => 'DD-MM-YYYY-[others]'
58
+ },
59
+ '',
60
+ '',
61
+ true
62
+ )
63
+ ).toBe('27-12-2016tomorrow');
64
+ });
65
+ });
package/src/components/__tests__/PluralFormat.spec.js CHANGED
@@ -1,28 +1,28 @@
1
- import PluralFormat from '../PluralFormat';
2
- import I18NProvider from '../I18NProvider';
3
- import FormatText from '../FormatText';
4
- import React from 'react';
5
- import renderer from 'react-test-renderer';
6
-
7
- describe('PluralFormat component', () => {
8
- it('Should display i18n value as html', () => {
9
- let ele=renderer.create(
10
- <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
11
- <FormatText i18NKey='key1' isHtml />
12
- </I18NProvider>
13
- );
14
- let tree=ele.toJSON();
15
- expect(tree).toMatchSnapshot();
16
- });
17
-
18
- it('Should display i18n value', () => {
19
- let ele=renderer.create(
20
- <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
21
- <FormatText i18NKey='key1' />
22
- </I18NProvider>
23
- );
24
- let tree=ele.toJSON();
25
- expect(tree).toMatchSnapshot();
26
- });
27
-
1
+ import PluralFormat from '../PluralFormat';
2
+ import I18NProvider from '../I18NProvider';
3
+ import FormatText from '../FormatText';
4
+ import React from 'react';
5
+ import renderer from 'react-test-renderer';
6
+
7
+ describe('PluralFormat component', () => {
8
+ it('Should display i18n value as html', () => {
9
+ let ele=renderer.create(
10
+ <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
11
+ <FormatText i18NKey='key1' isHtml />
12
+ </I18NProvider>
13
+ );
14
+ let tree=ele.toJSON();
15
+ expect(tree).toMatchSnapshot();
16
+ });
17
+
18
+ it('Should display i18n value', () => {
19
+ let ele=renderer.create(
20
+ <I18NProvider i18n={{ key1: 'vimal1<b>vimal</b>' }}>
21
+ <FormatText i18NKey='key1' />
22
+ </I18NProvider>
23
+ );
24
+ let tree=ele.toJSON();
25
+ expect(tree).toMatchSnapshot();
26
+ });
27
+
28
28
  });