@zohodesk/i18n 1.0.0-exp.4 → 1.0.0-exp.5

package/es/components/DateTimeDiffFormat.js

@@ -8,8 +8,10 @@ export default class DateTimeDiffFormat extends React.Component {
     super(props);
     this.getSuffix = this.getSuffix.bind(this);
   }
+
   getSuffix(min) {
     let suffix;
+
     if (this.props.ago && min < 0) {
       suffix = this.props.ago || '';
     } else if (this.props.later || min > 0) {
@@ -17,8 +19,10 @@ export default class DateTimeDiffFormat extends React.Component {
     } else {
       suffix = '';
     }
+
     return suffix;
   }
+
   render() {
     const {
       type,
@@ -91,10 +95,9 @@ export default class DateTimeDiffFormat extends React.Component {
       timeFormat: timeFormat,
       datePattern: datePattern,
       dateTimePattern: `${datePattern} ${timeFormat}`
-    };
-
-    //In if condition we'll remove year and set date format  if the current year is not required
+    }; //In if condition we'll remove year and set date format  if the current year is not required
     //In else part we'll set the date format as it is
+
     if (isEnabledCurrentYear === true && diffObj1.years === 0 && diffObj1.tYear === diffObj1.crntYear) {
       let dateFormat = getDatePatternWithoutYear(datePattern);
       diffObj1.dateFormat = dateFormat;
@@ -103,10 +106,12 @@ export default class DateTimeDiffFormat extends React.Component {
       diffObj1.dateFormat = datePattern;
       diffObj1.dateTimeFormat = `${datePattern} ${timeFormat}`;
     }
+
     let key = '';
     let values = [];
     let text = null;
     let isSuffixEnable = false;
+
     if (format) {
       let years, months, days, hours, minutes, seconds;
       years = diffObj1.years > 1 ? '2' : diffObj1.years;
@@ -123,12 +128,15 @@ export default class DateTimeDiffFormat extends React.Component {
         } else {
           res = res + next;
         }
+
         return res;
       }, '');
       let value = format(diffObj1, pattern);
+
       if (value && typeof value === 'object') {
         key = value.key;
         values = getValues(value.params, diffObj);
+
         if (pattern.indexOf('00000') === 0) {
           //suffix ignore for second hook
           isSuffixEnable = false;
@@ -141,28 +149,32 @@ export default class DateTimeDiffFormat extends React.Component {
     } else {
       let dateObj = new Date(toDateObj);
       let curDateObj = new Date(fromDateObj);
-      let diffDayType = diffObj1.yDays;
+      let diffDayType = diffObj1.yDays; //In this condition, to calculate different days we have copied it from live --> diffDayType
 
-      //In this condition, to calculate different days we have copied it from live --> diffDayType
       if (isOverdue && dateObj.getDate() < curDateObj.getDate() && diffObj1.yDays == 0) {
         diffDayType = -1;
       }
+
       if (!isOverdue) {
         let diffHr = dateObj.getHours() - curDateObj.getHours();
+
         if (diffHr < 0) {
           diffDayType += 1;
         } else if (diffHr == 0) {
           let diffMins = dateObj.getMinutes() - curDateObj.getMinutes();
+
           if (diffMins < 0) {
             diffDayType += 1;
           } else if (diffMins == 0) {
             let diffSec = dateObj.getSeconds() - curDateObj.getSeconds();
+
             if (diffSec < 0) {
               diffDayType += 1;
             }
           }
         }
       }
+
       if (diff.y === 0 && (diffDayType === 0 || diffDayType === 1)) {
         if (dateObj.getDate() === curDateObj.getDate()) {
           var value = today && today(diffObj1) || others(diffObj1);
@@ -179,6 +191,7 @@ export default class DateTimeDiffFormat extends React.Component {
         text = formatDate(toDateObj, value);
       }
     }
+
     return text ? /*#__PURE__*/React.createElement("span", {
       className: className,
       "data-title": title,
@@ -191,6 +204,7 @@ export default class DateTimeDiffFormat extends React.Component {
       "data-title": title
     });
   }
+
 }
 DateTimeDiffFormat.propTypes = {
   ago: PropTypes.string,

package/es/components/FormatText.js

@@ -3,10 +3,10 @@ import PropTypes from 'prop-types';
 import I18N from "./I18N";
 export default class FormatText extends React.Component {
   render() {
-    return /*#__PURE__*/React.createElement(I18N, {
-      ...this.props
+    return /*#__PURE__*/React.createElement(I18N, { ...this.props
     });
   }
+
 }
 FormatText.propTypes = {
   i18NKey: PropTypes.string.isRequired,

package/es/components/HOCI18N.js

@@ -10,32 +10,40 @@ export default (function () {
         super(props);
         this.getI18NValue = this.getI18NValue.bind(this);
       }
+
       getI18NValue(key) {
         const {
           i18n
         } = this.context || {};
+
         if (typeof i18n === 'undefined') {
           return key;
         }
+
         let i18nStr = i18n[key];
+
         if (i18nStr === undefined) {
           return key;
         }
+
         return unescapeUnicode(i18nStr);
       }
+
       render() {
         let i18nProps = i18NKeys.reduce((result, key) => {
           if (this.props[key]) {
             result[key] = this.getI18NValue(this.props[key]);
           }
+
           return result;
         }, {});
-        return /*#__PURE__*/React.createElement(Component, {
-          ...this.props,
+        return /*#__PURE__*/React.createElement(Component, { ...this.props,
           ...i18nProps
         });
       }
+
     }
+
     HOCI18N.contextType = I18NContext;
     return HOCI18N;
   };

package/es/components/I18N.js

@@ -9,6 +9,7 @@ export default class I18N extends React.Component {
     this.getI18NValue = this.getI18NValue.bind(this);
     this.createElement = this.createElement.bind(this);
   }
+
   getI18NValue() {
     const {
       i18NKey: key,
@@ -17,28 +18,35 @@ export default class I18N extends React.Component {
     const {
       i18n
     } = this.context || {};
+
     if (typeof i18n === 'undefined') {
       return key;
     }
+
     let i18nStr = i18n[key];
+
     if (i18nStr === undefined) {
       return key;
     }
+
     i18nStr = replaceI18NValuesWithRegex(i18nStr, values);
     return unescapeUnicode(i18nStr);
   }
+
   createElement() {
     const props = Object.keys(this.props).reduce((result, nextKey) => {
       if (nextKey != 'i18NKey' && nextKey != 'tag' && nextKey != 'values' && nextKey != 'isHtml' && nextKey != 'dataId') {
         result[nextKey] = this.props[nextKey];
       }
+
       return result;
-    }, {});
-    //const child=this.getI18NValue();
+    }, {}); //const child=this.getI18NValue();
+
     if (this.props.dataId) {
       props['data-id'] = this.props.dataId;
       props['data-test-id'] = this.props.dataId;
     }
+
     if (this.props.isHtml) {
       let dangerouslySetInnerHTML = {
         __html: HTMLPurifier.sanitize(this.getI18NValue())
@@ -47,11 +55,14 @@ export default class I18N extends React.Component {
         dangerouslySetInnerHTML
       }));
     }
+
     return /*#__PURE__*/React.createElement(this.props.tag, props, this.getI18NValue());
   }
+
   render() {
     return this.createElement();
   }
+
 }
 I18N.propTypes = {
   i18NKey: PropTypes.string.isRequired,

package/es/components/I18NProvider.js

@@ -4,7 +4,9 @@ import { getI18NValue, userDateFormat } from "../utils";
 import { getI18NComponent } from "../utils/jsxTranslations";
 import { I18NContext } from "../I18NContext";
 const emptyObj = {};
+
 const dummy = (key, values) => key;
+
 export const i18NProviderUtils = {
   getI18NValue: dummy,
   userDateFormat: dummy,
@@ -15,10 +17,12 @@ export default class I18NProvider extends React.Component {
     super(props, context);
     i18NProviderUtils.getI18NValue = getI18NValue(props.i18n);
     i18NProviderUtils.getI18NComponent = getI18NComponent(props.i18n);
+
     if (props.tzData) {
       i18NProviderUtils.userDateFormat = userDateFormat(i18NProviderUtils.getI18NValue, props.tzData, props.timeFormat, props.datePattern, props.isEnabledCurrentYear);
     }
   }
+
   componentDidUpdate(prevProps) {
     let {
       i18n,
@@ -30,6 +34,7 @@ export default class I18NProvider extends React.Component {
       tzData,
       isEnabledCurrentYear
     } = this.props;
+
     if (i18n !== prevProps.i18n || timeZone !== prevProps.timeZone || datePattern !== prevProps.datePattern || timeFormat !== prevProps.timeFormat || direction !== prevProps.direction || tzData !== prevProps.tzData || isEnabledCurrentYear !== prevProps.isEnabledCurrentYear) {
       this.promise = new Promise((res, rej) => {
         this.resolve = res;
@@ -37,9 +42,11 @@ export default class I18NProvider extends React.Component {
       }).then(() => {
         i18NProviderUtils.getI18NValue = getI18NValue(this.props.i18n);
         i18NProviderUtils.getI18NComponent = getI18NComponent(this.props.i18n);
+
         if (this.props.tzData) {
           i18NProviderUtils.userDateFormat = userDateFormat(i18NProviderUtils.getI18NValue, this.props.tzData, this.props.timeFormat, this.props.datePattern, this.props.isEnabledCurrentYear);
         }
+
         this.promise = null;
       }, () => {
         this.promise = null;
@@ -47,6 +54,7 @@ export default class I18NProvider extends React.Component {
       onChange && onChange(this.resolve, this.reject);
     }
   }
+
   render() {
     return /*#__PURE__*/React.createElement(I18NContext.Provider, {
       value: {
@@ -60,6 +68,7 @@ export default class I18NProvider extends React.Component {
       }
     }, this.props.children);
   }
+
 }
 I18NProvider.defaultProps = {
   i18n: emptyObj,

package/es/components/PluralFormat.js

@@ -10,7 +10,8 @@ export default class PluralFormat extends React.Component {
       value
     } = this.props;
     let key = '',
-      values = '';
+        values = '';
+
     if (value > 1) {
       key = many;
     } else if (value == 1) {
@@ -18,9 +19,9 @@ export default class PluralFormat extends React.Component {
     } else if (value == 0) {
       key = zero;
     }
+
     values = `${value}`;
-    return /*#__PURE__*/React.createElement(FormatText, {
-      ...this.props,
+    return /*#__PURE__*/React.createElement(FormatText, { ...this.props,
       i18NKey: key,
       values: values,
       one: null,
@@ -28,6 +29,7 @@ export default class PluralFormat extends React.Component {
       zero: null
     });
   }
+
 }
 PluralFormat.propTypes = {
   many: PropTypes.string,

package/es/components/UserTimeDiffFormat.js

@@ -31,6 +31,7 @@ export default class UserTimeDiffFormat extends Component {
       datePattern,
       isEnabledCurrentYear
     } = this.context || {};
+
     if (!format && !others) {
       format = _ref => {
         let {
@@ -41,6 +42,7 @@ export default class UserTimeDiffFormat extends Component {
         displayType === 'dateTime' ? dateTimeFormat : displayType === 'date' ? dateFormat : timeFormat;
       };
     }
+
     return /*#__PURE__*/React.createElement(DateTimeDiffFormat, {
       type: type,
       page: page,
@@ -66,6 +68,7 @@ export default class UserTimeDiffFormat extends Component {
       isDateField: isDateField
     });
   }
+
 }
 UserTimeDiffFormat.propTypes = {
   ago: PropTypes.string,