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

package/es/components/DateTimeDiffFormat.js

@@ -8,10 +8,8 @@ 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) {
@@ -19,10 +17,8 @@ export default class DateTimeDiffFormat extends React.Component {
     } else {
       suffix = '';
     }
-
     return suffix;
   }
-
   render() {
     const {
       type,
@@ -95,9 +91,10 @@ 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 else part we'll set the date format as it is
+    };
 
+    //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;
@@ -106,12 +103,10 @@ 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;
@@ -128,15 +123,12 @@ 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;
@@ -149,32 +141,28 @@ export default class DateTimeDiffFormat extends React.Component {
     } else {
       let dateObj = new Date(toDateObj);
       let curDateObj = new Date(fromDateObj);
-      let diffDayType = diffObj1.yDays; //In this condition, to calculate different days we have copied it from live --> diffDayType
+      let diffDayType = diffObj1.yDays;
 
+      //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);
@@ -191,7 +179,6 @@ export default class DateTimeDiffFormat extends React.Component {
         text = formatDate(toDateObj, value);
       }
     }
-
     return text ? /*#__PURE__*/React.createElement("span", {
       className: className,
       "data-title": title,
@@ -204,7 +191,6 @@ 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,40 +10,32 @@ 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,7 +9,6 @@ export default class I18N extends React.Component {
     this.getI18NValue = this.getI18NValue.bind(this);
     this.createElement = this.createElement.bind(this);
   }
-
   getI18NValue() {
     const {
       i18NKey: key,
@@ -18,35 +17,28 @@ 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())
@@ -55,14 +47,11 @@ 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,9 +4,7 @@ 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,
@@ -17,12 +15,10 @@ 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,
@@ -34,7 +30,6 @@ 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;
@@ -42,11 +37,9 @@ 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;
@@ -54,7 +47,6 @@ export default class I18NProvider extends React.Component {
       onChange && onChange(this.resolve, this.reject);
     }
   }
-
   render() {
     return /*#__PURE__*/React.createElement(I18NContext.Provider, {
       value: {
@@ -68,7 +60,6 @@ export default class I18NProvider extends React.Component {
       }
     }, this.props.children);
   }
-
 }
 I18NProvider.defaultProps = {
   i18n: emptyObj,

package/es/components/PluralFormat.js

@@ -10,8 +10,7 @@ export default class PluralFormat extends React.Component {
       value
     } = this.props;
     let key = '',
-        values = '';
-
+      values = '';
     if (value > 1) {
       key = many;
     } else if (value == 1) {
@@ -19,9 +18,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,
@@ -29,7 +28,6 @@ export default class PluralFormat extends React.Component {
       zero: null
     });
   }
-
 }
 PluralFormat.propTypes = {
   many: PropTypes.string,

package/es/components/UserTimeDiffFormat.js

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