@zohodesk/i18n 1.0.0-beta.18 → 1.0.0-beta.19

package/README.md

@@ -1,73 +1,76 @@
-# i18n
-
-# 1.0.0-beta.18
-
-- Localization feature added and incorporated into getI18NValue Method.
-
-# 1.0.0-beta.17
-
-- There was some i18n changes done in live before moving the date format build to live. Since we need these changes we have published it as new version.
-
-# 1.0.0-beta.16
-
-- DatePattern and dateTimePattern key has been changed for the date format build.
-
-# 1.0.0-beta.15.1
-
-- Zoho security version updated.
-
-# 1.0.0-beta.15
-
-- When working on date format build we have published I18n. Also, before moving date format build to master we had a emergency fix that need to be sent, so when publishing I18n we have published the date format changes with the next version.
-
-# 1.0.0-beta.14
-
-- Issue fixed in enable current year.
-
-# 1.0.0-beta.13
-
-- Issue fixed in due date.
-
-# 1.0.0-beta.12
-
-- Issue fixed in date Format Pattern.
-
-# 1.0.0-beta.11
-
-- Date Format Changes
-
-# 1.0.0-beta.10
-
-- Date Format Issue Fixes
-
-# 1.0.0-beta.9
-
-- Date Format Changes
-
-# 1.0.0-beta.8
-
-- ES Module Support Changes
-
-# 1.0.0-beta.7
-
-- 'userDateFormat' util method - 'others' function fix
-
-# 1.0.0-beta.6
-
-- Added new prop 'isNeedTime' for DateTimeDiffFormat Component
-
-# 1.0.0-beta.5
-
-- Timezone logic moved to @zohodesk/datetimejs
-
-# 1.0.0-beta.4
-
-- Added new prop 'page' for DateTimeDiffFormat Component
-
-# 1.0.0-beta.3
-
-- Added support for exact times along with relative times in format() function
-
-# 1.0.0-beta.0
-
-- Test Publish
+# i18n
+
+# 1.0.0-beta.19
+
+- In this version we have made changes in i18n provider to call user date format function only if the time zone data is available.
+# 1.0.0-beta.18
+
+- Localization feature added and incorporated into getI18NValue Method.
+
+# 1.0.0-beta.17
+
+- There was some i18n changes done in live before moving the date format build to live. Since we need these changes we have published it as new version.
+
+# 1.0.0-beta.16
+
+- DatePattern and dateTimePattern key has been changed for the date format build.
+
+# 1.0.0-beta.15.1
+
+- Zoho security version updated.
+
+# 1.0.0-beta.15
+
+- When working on date format build we have published I18n. Also, before moving date format build to master we had a emergency fix that need to be sent, so when publishing I18n we have published the date format changes with the next version.
+
+# 1.0.0-beta.14
+
+- Issue fixed in enable current year.
+
+# 1.0.0-beta.13
+
+- Issue fixed in due date.
+
+# 1.0.0-beta.12
+
+- Issue fixed in date Format Pattern.
+
+# 1.0.0-beta.11
+
+- Date Format Changes
+
+# 1.0.0-beta.10
+
+- Date Format Issue Fixes
+
+# 1.0.0-beta.9
+
+- Date Format Changes
+
+# 1.0.0-beta.8
+
+- ES Module Support Changes
+
+# 1.0.0-beta.7
+
+- 'userDateFormat' util method - 'others' function fix
+
+# 1.0.0-beta.6
+
+- Added new prop 'isNeedTime' for DateTimeDiffFormat Component
+
+# 1.0.0-beta.5
+
+- Timezone logic moved to @zohodesk/datetimejs
+
+# 1.0.0-beta.4
+
+- Added new prop 'page' for DateTimeDiffFormat Component
+
+# 1.0.0-beta.3
+
+- Added support for exact times along with relative times in format() function
+
+# 1.0.0-beta.0
+
+- Test Publish

package/es/components/I18NProvider.js

@@ -14,7 +14,10 @@ export default class I18NProvider extends React.Component {
   constructor(props, context) {
     super(props, context);
     i18NProviderUtils.getI18NValue = getI18NValue(props.i18n);
-    i18NProviderUtils.userDateFormat = userDateFormat(i18NProviderUtils.getI18NValue, props.tzData, props.timeFormat, props.datePattern, props.isEnabledCurrentYear);
+
+    if (props.tzData) {
+      i18NProviderUtils.userDateFormat = userDateFormat(i18NProviderUtils.getI18NValue, props.tzData, props.timeFormat, props.datePattern, props.isEnabledCurrentYear);
+    }
   }
 
   componentDidUpdate(next) {
@@ -34,7 +37,11 @@ export default class I18NProvider extends React.Component {
         this.reject = rej;
       }).then(() => {
         i18NProviderUtils.getI18NValue = getI18NValue(nextProps.i18n);
-        i18NProviderUtils.userDateFormat = userDateFormat(i18NProviderUtils.getI18NValue, props.tzData, props.timeFormat, props.datePattern, this.props.isEnabledCurrentYear);
+
+        if (props.tzData) {
+          i18NProviderUtils.userDateFormat = userDateFormat(i18NProviderUtils.getI18NValue, props.tzData, props.timeFormat, props.datePattern, this.props.isEnabledCurrentYear);
+        }
+
         this.promise = null;
       }, () => {
         this.promise = null;

package/es/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>
+`;