@zohodesk/i18n 1.0.0-beta.23 → 1.0.0-beta.24

package/es/index.js

@@ -1,4 +1,4 @@
-export { formatDate, pad, replaceI18NValuesWithRegex, unescapeUnicode, getValues, getI18NInfo, isToday, isYesterday, isTomorrow, isWithinAWeek, isTwoWeeksOrMore, userDateFormat, getDiffObj, getLyears, getSuffix, getDatePatternWithoutYear, setLocalizedData } from './utils';
+export { formatDate, pad, replaceI18NValuesWithRegex, unescapeUnicode, getValues, getI18NInfo, isToday, isYesterday, isTomorrow, isWithinAWeek, isTwoWeeksOrMore, userDateFormat, getDiffObj, getLyears, getSuffix, getDatePatternWithoutYear, setLocalizedData, dayi18n, monthi18n, timei18n } from './utils';
 import { getI18NValue as getI18NValue1 } from './utils';
 export { I18NContext } from './I18NContext';
 export { default as I18NProvider, i18NProviderUtils } from './components/I18NProvider';

package/es/utils.js

@@ -1,4 +1,57 @@
 import datetime from '@zohodesk/datetimejs';
+import { i18NProviderUtils } from './components/I18NProvider';
+export const dayi18n = {
+  'Sun': 'deskreact.calendar.daynameshort.sunday',
+  'Mon': 'deskreact.calendar.daynameshort.monday',
+  'Tue': 'deskreact.calendar.daynameshort.tuesday',
+  'Wed': 'deskreact.calendar.daynameshort.wednesday',
+  'Thu': 'deskreact.calendar.daynameshort.thursday',
+  'Fri': 'deskreact.calendar.daynameshort.friday',
+  'Sat': 'deskreact.calendar.daynameshort.saturday',
+  'Sunday': 'deskreact.calendar.dayname.sunday',
+  'Monday': 'deskreact.calendar.dayname.monday',
+  'Tuesday': 'deskreact.calendar.dayname.tuesday',
+  'Wednesday': 'deskreact.calendar.dayname.wednesday',
+  'Thursday': 'deskreact.calendar.dayname.thursday',
+  'Friday': 'deskreact.calendar.dayname.friday',
+  'Saturday': 'deskreact.calendar.dayname.saturday'
+};
+export const monthi18n = {
+  'Jan': 'deskreact.calendar.monthnameshort.january',
+  'Feb': 'deskreact.calendar.monthnameshort.february',
+  'Mar': 'deskreact.calendar.monthnameshort.march',
+  'Apr': 'deskreact.calendar.monthnameshort.april',
+  'May': 'deskreact.calendar.monthnameshort.may',
+  'Jun': 'deskreact.calendar.monthnameshort.june',
+  'Jul': 'deskreact.calendar.monthnameshort.july',
+  'Aug': 'deskreact.calendar.monthnameshort.august',
+  'Sep': 'deskreact.calendar.monthnameshort.september',
+  'Oct': 'deskreact.calendar.monthnameshort.october',
+  'Nov': 'deskreact.calendar.monthnameshort.november',
+  'Dec': 'deskreact.calendar.monthnameshort.december',
+  'January': 'deskreact.calendar.monthname.january',
+  'February': 'deskreact.calendar.monthname.february',
+  'March': 'deskreact.calendar.monthname.march',
+  'April': 'deskreact.calendar.monthname.april',
+  'May': 'deskreact.calendar.monthname.may',
+  'June': 'deskreact.calendar.monthname.june',
+  'July': 'deskreact.calendar.monthname.July',
+  'August': 'deskreact.calendar.monthname.august',
+  'September': 'deskreact.calendar.monthname.september',
+  'October': 'deskreact.calendar.monthname.october',
+  'November': 'deskreact.calendar.monthname.november',
+  'December': 'deskreact.calendar.monthname.december'
+};
+export const timei18n = {
+  'a': 'support.time.format.time.am.short.small',
+  'p': 'support.time.format.time.pm.short.small',
+  'am': 'support.time.format.time.am.small',
+  'pm': 'support.time.format.time.pm.small',
+  'A': 'support.time.format.time.am.short',
+  'P': 'support.time.format.time.pm.short',
+  'AM': 'deskreact.calendar.ampmtext.am',
+  'PM': 'deskreact.calendar.ampmtext.pm'
+};
 let dateFormat = {
   dayNames: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
   monthNames: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
@@ -57,16 +110,16 @@ export function formatDate(dateMill, mask, dateDiffObj) {
   let flags = {
     d: d,
     dd: pad(d, 2),
-    ddd: dateFormat.dayNames[D],
-    dddd: dateFormat.dayNames[D + 7],
+    ddd: i18NProviderUtils.getI18NValue(dayi18n[dateFormat.dayNames[D]]),
+    dddd: i18NProviderUtils.getI18NValue(dayi18n[dateFormat.dayNames[D + 7]]),
     D: d,
     DD: pad(d, 2),
-    DDD: dateFormat.dayNames[D],
-    DDDD: dateFormat.dayNames[D + 7],
+    DDD: i18NProviderUtils.getI18NValue(dayi18n[dateFormat.dayNames[D]]),
+    DDDD: i18NProviderUtils.getI18NValue(dayi18n[dateFormat.dayNames[D + 7]]),
     M: m + 1,
     MM: pad(m + 1, 2),
-    MMM: dateFormat.monthNames[m],
-    MMMM: dateFormat.monthNames[m + 12],
+    MMM: i18NProviderUtils.getI18NValue(monthi18n[dateFormat.monthNames[m]]),
+    MMMM: i18NProviderUtils.getI18NValue(monthi18n[dateFormat.monthNames[m + 12]]),
     yy: String(y).slice(2),
     YY: String(y).slice(2),
     yyyy: y,
@@ -81,9 +134,9 @@ export function formatDate(dateMill, mask, dateDiffObj) {
     ss: pad(s, 2),
     l: pad(L, 3),
     L: pad(Math.round(L / 10)),
-    t: H < 12 ? dateFormat.timeNames[0] : dateFormat.timeNames[1],
-    A: H < 12 ? dateFormat.timeNames[6] : dateFormat.timeNames[7],
-    T: H < 12 ? dateFormat.timeNames[4] : dateFormat.timeNames[5]
+    t: H < 12 ? i18NProviderUtils.getI18NValue(timei18n[dateFormat.timeNames[0]]) : i18NProviderUtils.getI18NValue(timei18n[dateFormat.timeNames[1]]),
+    A: H < 12 ? i18NProviderUtils.getI18NValue(timei18n[dateFormat.timeNames[6]]) : i18NProviderUtils.getI18NValue(timei18n[dateFormat.timeNames[7]]),
+    T: H < 12 ? i18NProviderUtils.getI18NValue(timei18n[dateFormat.timeNames[4]]) : i18NProviderUtils.getI18NValue(timei18n[dateFormat.timeNames[5]])
   };
   let token = /D{1,4}|M{1,4}|YY(?:YY)?|([HhmsA])\1?|[LloSZWN]|\[[^\]]*\]|'[^']*'/gi;
   let dat = mask.replace(token, match => {

package/lib/components/__tests__/__snapshots__/DateTimeDiffFormat.spec.js.snap

@@ -1,258 +1,258 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DateTimeDiffFormat component Should display other - greater time 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display other - less time 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  less 7 NaN-NaN-NaN
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display other - same time 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  less 7 NaN-NaN-NaN
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display other later- less time 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  less 7 NaN-NaN-NaN
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display other later- less time 2`] = `
-<span
-  className={null}
-  data-title={null}
->
-  
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display other later- same time 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  less 7 NaN-NaN-NaN
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display others 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  less 7 NaN-NaN-NaN
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display today ago 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display today key -  greater than 24 hour 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display today key - less than 24 hour 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display today key - same time 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display today later 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display today1 1`] = `
-<div>
-  <span
-    className={null}
-    data-title={null}
-  >
-    
-  </span>
-  <span
-    className={null}
-    data-title={null}
-  >
-    
-  </span>
-  <span
-    className={null}
-    data-title={null}
-  >
-    
-  </span>
-  <span
-    className={null}
-    data-title={null}
-  >
-    
-  </span>
-  <span
-    className={null}
-    data-title={null}
-  >
-    
-  </span>
-  <span
-    className={null}
-    data-title={null}
-  >
-    
-  </span>
-  <span
-    className={null}
-    data-title={null}
-  >
-    
-  </span>
-  <span
-    className={null}
-    data-title={null}
-  >
-    
-  </span>
-  <span
-    className={null}
-    data-title={null}
-  >
-    
-  </span>
-  <span
-    className={null}
-    data-title={null}
-  >
-    
-  </span>
-  <span
-    className={null}
-    data-title={null}
-  >
-    
-  </span>
-  <span
-    className={null}
-    data-title={null}
-  >
-    
-  </span>
-</div>
-`;
-
-exports[`DateTimeDiffFormat component Should display tomorrow key -  greater than 24 hour 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display tomorrow key - less than 24 hour 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display tomorrow key - same time 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display years and days 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  2 years 62 days ago
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display years and days1 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  2 years 62 days later
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display yesterday - greater than 24 hour 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display yesterday - less than 24 hour 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  
-</span>
-`;
-
-exports[`DateTimeDiffFormat component Should display yesterday - with same time 1`] = `
-<span
-  className={null}
-  data-title={null}
->
-  
-</span>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DateTimeDiffFormat component Should display other - greater time 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display other - less time 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  less 7 NaN-NaN-NaN
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display other - same time 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  less 7 NaN-NaN-NaN
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display other later- less time 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  less 7 NaN-NaN-NaN
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display other later- less time 2`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display other later- same time 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  less 7 NaN-NaN-NaN
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display others 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  less 7 NaN-NaN-NaN
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display today ago 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display today key -  greater than 24 hour 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display today key - less than 24 hour 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display today key - same time 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display today later 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display today1 1`] = `
+<div>
+  <span
+    className={null}
+    data-title={null}
+  >
+    
+  </span>
+  <span
+    className={null}
+    data-title={null}
+  >
+    
+  </span>
+  <span
+    className={null}
+    data-title={null}
+  >
+    
+  </span>
+  <span
+    className={null}
+    data-title={null}
+  >
+    
+  </span>
+  <span
+    className={null}
+    data-title={null}
+  >
+    
+  </span>
+  <span
+    className={null}
+    data-title={null}
+  >
+    
+  </span>
+  <span
+    className={null}
+    data-title={null}
+  >
+    
+  </span>
+  <span
+    className={null}
+    data-title={null}
+  >
+    
+  </span>
+  <span
+    className={null}
+    data-title={null}
+  >
+    
+  </span>
+  <span
+    className={null}
+    data-title={null}
+  >
+    
+  </span>
+  <span
+    className={null}
+    data-title={null}
+  >
+    
+  </span>
+  <span
+    className={null}
+    data-title={null}
+  >
+    
+  </span>
+</div>
+`;
+
+exports[`DateTimeDiffFormat component Should display tomorrow key -  greater than 24 hour 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display tomorrow key - less than 24 hour 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display tomorrow key - same time 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display years and days 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  2 years 62 days ago
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display years and days1 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  2 years 62 days later
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display yesterday - greater than 24 hour 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display yesterday - less than 24 hour 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  
+</span>
+`;
+
+exports[`DateTimeDiffFormat component Should display yesterday - with same time 1`] = `
+<span
+  className={null}
+  data-title={null}
+>
+  
+</span>
+`;

package/lib/components/__tests__/__snapshots__/FormatText.spec.js.snap

@@ -1,17 +1,17 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FormatText component Should display i18n value 1`] = `
-<span>
-  vimal1&lt;b&gt;vimal&lt;/b&gt;
-</span>
-`;
-
-exports[`FormatText component Should display i18n value as html 1`] = `
-<span
-  dangerouslySetInnerHTML={
-    Object {
-      "__html": "vimal1<b>vimal</b>",
-    }
-  }
-/>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FormatText component Should display i18n value 1`] = `
+<span>
+  vimal1&lt;b&gt;vimal&lt;/b&gt;
+</span>
+`;
+
+exports[`FormatText component Should display i18n value as html 1`] = `
+<span
+  dangerouslySetInnerHTML={
+    Object {
+      "__html": "vimal1<b>vimal</b>",
+    }
+  }
+/>
+`;

package/lib/components/__tests__/__snapshots__/HOCI18N.spec.js.snap

@@ -1,15 +1,15 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`I18N component Should display i18n key 1`] = `
-<div>
-  test
-  key1
-</div>
-`;
-
-exports[`I18N component Should display i18n value 1`] = `
-<div>
-  test
-  vimal1
-</div>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`I18N component Should display i18n key 1`] = `
+<div>
+  test
+  key1
+</div>
+`;
+
+exports[`I18N component Should display i18n value 1`] = `
+<div>
+  test
+  vimal1
+</div>
+`;