@zohodesk/i18n 1.0.0-beta.3 → 1.0.0-beta.31

package/es/components/I18N.js

@@ -1,89 +1,74 @@
-import _Object$assign from 'babel-runtime/core-js/object/assign';
-import _Object$keys from 'babel-runtime/core-js/object/keys';
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
 import React, { Children } from 'react';
 import PropTypes from 'prop-types';
 import { replaceI18NValuesWithRegex, unescapeUnicode } from '../utils';
 import { HTMLPurifier } from '@zoho/SecurityJS';
 import { I18NContext } from '../I18NContext';
+export default class I18N extends React.Component {
+  constructor(props) {
+    super(props);
+    this.getI18NValue = this.getI18NValue.bind(this);
+    this.createElement = this.createElement.bind(this);
+  }
 
-var I18N = function (_React$Component) {
-  _inherits(I18N, _React$Component);
-
-  function I18N(props) {
-    _classCallCheck(this, I18N);
+  getI18NValue() {
+    const {
+      i18NKey: key,
+      values
+    } = this.props;
+    const {
+      i18n
+    } = this.context || {};
 
-    var _this = _possibleConstructorReturn(this, (I18N.__proto__ || _Object$getPrototypeOf(I18N)).call(this, props));
+    if (typeof i18n === 'undefined') {
+      return key;
+    }
 
-    _this.getI18NValue = _this.getI18NValue.bind(_this);
-    _this.createElement = _this.createElement.bind(_this);
-    return _this;
-  }
+    let i18nStr = i18n[key];
 
-  _createClass(I18N, [{
-    key: 'getI18NValue',
-    value: function getI18NValue() {
-      var _props = this.props,
-          key = _props.i18NKey,
-          values = _props.values;
+    if (i18nStr === undefined) {
+      return key;
+    }
 
-      var _ref = this.context || {},
-          i18n = _ref.i18n;
+    i18nStr = replaceI18NValuesWithRegex(i18nStr, values);
+    return unescapeUnicode(i18nStr);
+  }
 
-      if (typeof i18n === 'undefined') {
-        return key;
-      }
-      var i18nStr = i18n[key];
-      if (i18nStr === undefined) {
-        return key;
+  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];
       }
-      i18nStr = replaceI18NValuesWithRegex(i18nStr, values);
-      return unescapeUnicode(i18nStr);
-    }
-  }, {
-    key: 'createElement',
-    value: function createElement() {
-      var _this2 = this;
 
-      var props = _Object$keys(this.props).reduce(function (result, nextKey) {
-        if (nextKey != 'i18NKey' && nextKey != 'tag' && nextKey != 'values' && nextKey != 'isHtml' && nextKey != 'dataId') {
-          result[nextKey] = _this2.props[nextKey];
-        }
-        return result;
-      }, {});
-      //const child=this.getI18NValue();
-      if (this.props.dataId) {
-        props['data-id'] = this.props.dataId;
-      }
-      if (this.props.isHtml) {
-        var dangerouslySetInnerHTML = {
-          __html: HTMLPurifier.sanitize(this.getI18NValue())
-        };
+      return result;
+    }, {}); //const child=this.getI18NValue();
 
-        return React.createElement(this.props.tag, _Object$assign(props, { dangerouslySetInnerHTML: dangerouslySetInnerHTML }));
-      }
-      return React.createElement(this.props.tag, props, this.getI18NValue());
+    if (this.props.dataId) {
+      props['data-id'] = this.props.dataId;
+      props['data-test-id'] = this.props.dataId;
     }
-  }, {
-    key: 'render',
-    value: function render() {
-      return this.createElement();
+
+    if (this.props.isHtml) {
+      let dangerouslySetInnerHTML = {
+        __html: HTMLPurifier.sanitize(this.getI18NValue())
+      };
+      return /*#__PURE__*/React.createElement(this.props.tag, Object.assign(props, {
+        dangerouslySetInnerHTML
+      }));
     }
-  }]);
 
-  return I18N;
-}(React.Component);
+    return /*#__PURE__*/React.createElement(this.props.tag, props, this.getI18NValue());
+  }
 
-export default I18N;
+  render() {
+    return this.createElement();
+  }
 
+}
 I18N.propTypes = {
   i18NKey: PropTypes.string.isRequired,
   isHtml: PropTypes.bool,
   tag: PropTypes.string,
+  dataId: PropTypes.string,
   values: PropTypes.oneOfType([PropTypes.string, PropTypes.array])
 };
 I18N.defaultProps = {

package/es/components/I18NProvider.js

@@ -1,116 +1,91 @@
-import _Promise from 'babel-runtime/core-js/promise';
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
 import React from 'react';
 import PropTypes from 'prop-types';
 import { getI18NValue, userDateFormat } from '../utils';
-import { unpack } from '../timezones';
-import { createSelector } from 'reselect';
+import { getI18NComponent } from '../utils/jsxTranslations';
 import { I18NContext } from '../I18NContext';
+const emptyObj = {};
 
-var emptyObj = {};
-var dummy = function dummy(key, values) {
-  return key;
-};
-var getTzData = createSelector([function (tzStr) {
-  return tzStr;
-}], function (tzStr) {
-  return unpack(tzStr);
-});
-export var i18NProviderUtils = {
+const dummy = (key, values) => key;
+
+export const i18NProviderUtils = {
   getI18NValue: dummy,
-  userDateFormat: dummy
+  userDateFormat: dummy,
+  getI18NComponent: dummy
 };
-
-var I18NProvider = function (_React$Component) {
-  _inherits(I18NProvider, _React$Component);
-
-  function I18NProvider(props, context) {
-    _classCallCheck(this, I18NProvider);
-
-    var _this = _possibleConstructorReturn(this, (I18NProvider.__proto__ || _Object$getPrototypeOf(I18NProvider)).call(this, props, context));
-
+export default class I18NProvider extends React.Component {
+  constructor(props, context) {
+    super(props, context);
     i18NProviderUtils.getI18NValue = getI18NValue(props.i18n);
-    i18NProviderUtils.userDateFormat = userDateFormat(i18NProviderUtils.getI18NValue, unpack(props.tzData));
-    return _this;
+    i18NProviderUtils.getI18NComponent = getI18NComponent(props.i18n);
+
+    if (props.tzData) {
+      i18NProviderUtils.userDateFormat = userDateFormat(i18NProviderUtils.getI18NValue, props.tzData, props.timeFormat, props.datePattern, props.isEnabledCurrentYear);
+    }
   }
 
-  _createClass(I18NProvider, [{
-    key: 'componentDidUpdate',
-    value: function componentDidUpdate(next) {
-      var _this2 = this;
+  componentDidUpdate(prevProps) {
+    let {
+      i18n,
+      timeZone,
+      datePattern,
+      timeFormat,
+      direction,
+      onChange,
+      tzData,
+      isEnabledCurrentYear
+    } = this.props;
 
-      var _props = this.props,
-          i18n = _props.i18n,
-          timeZone = _props.timeZone,
-          datePattern = _props.datePattern,
-          timeFormat = _props.timeFormat,
-          dateTimeFormat = _props.dateTimeFormat,
-          direction = _props.direction,
-          onChange = _props.onChange,
-          tzData = _props.tzData;
+    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;
+        this.reject = rej;
+      }).then(() => {
+        i18NProviderUtils.getI18NValue = getI18NValue(this.props.i18n);
+        i18NProviderUtils.getI18NComponent = getI18NComponent(this.props.i18n);
 
-      if (i18n !== next.i18n || timeZone !== next.timeZone || datePattern !== next.datePattern || timeFormat !== next.timeFormat || dateTimeFormat !== next.dateTimeFormat || direction !== next.direction || tzData !== next.tzData) {
-        this.promise = new _Promise(function (res, rej) {
-          _this2.resolve = res;
-          _this2.reject = rej;
-        }).then(function () {
-          i18NProviderUtils.getI18NValue = getI18NValue(nextProps.i18n);
-          i18NProviderUtils.userDateFormat = userDateFormat(i18NProviderUtils.getI18NValue, unpack(tzData));
-          _this2.promise = null;
-        }, function () {
-          _this2.promise = null;
-        });
-        onChange && onChange(this.resolve, this.reject);
-      }
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      return React.createElement(
-        I18NContext.Provider,
-        {
-          value: {
-            i18n: this.props.i18n,
-            direction: this.props.direction,
-            timeZone: this.props.timeZone,
-            tzData: getTzData(this.props.tzData),
-            datePattern: this.props.datePattern,
-            timeFormat: this.props.timeFormat,
-            dateTimeFormat: this.props.dateTimeFormat
-          }
-        },
-        this.props.children
-      );
-    }
-  }]);
+        if (this.props.tzData) {
+          i18NProviderUtils.userDateFormat = userDateFormat(i18NProviderUtils.getI18NValue, this.props.tzData, this.props.timeFormat, this.props.datePattern, this.props.isEnabledCurrentYear);
+        }
 
-  return I18NProvider;
-}(React.Component);
-
-export default I18NProvider;
+        this.promise = null;
+      }, () => {
+        this.promise = null;
+      });
+      onChange && onChange(this.resolve, this.reject);
+    }
+  }
 
+  render() {
+    return /*#__PURE__*/React.createElement(I18NContext.Provider, {
+      value: {
+        i18n: this.props.i18n,
+        direction: this.props.direction,
+        timeZone: this.props.timeZone,
+        datePattern: this.props.datePattern,
+        timeFormat: this.props.timeFormat,
+        isEnabledCurrentYear: this.props.isEnabledCurrentYear,
+        tzData: this.props.tzData
+      }
+    }, this.props.children);
+  }
 
+}
 I18NProvider.defaultProps = {
   i18n: emptyObj,
   timeZone: '',
   datePattern: '',
   timeFormat: '',
-  dateTimeFormat: '',
+  isEnabledCurrentYear: '',
   direction: 'ltr'
 };
-
 I18NProvider.propTypes = {
   children: PropTypes.element.isRequired,
   datePattern: PropTypes.string,
-  dateTimeFormat: PropTypes.string,
+  isEnabledCurrentYear: PropTypes.string,
   direction: PropTypes.string,
   i18n: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
   onChange: PropTypes.func,
   timeFormat: PropTypes.string,
   timeZone: PropTypes.string,
-  tzData: PropTypes.string
+  tzData: PropTypes.object
 };

package/es/components/PluralFormat.js

@@ -1,57 +1,38 @@
-import _extends from 'babel-runtime/helpers/extends';
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import FormatText from './FormatText';
-
-var PluralFormat = function (_React$Component) {
-  _inherits(PluralFormat, _React$Component);
-
-  function PluralFormat() {
-    _classCallCheck(this, PluralFormat);
-
-    return _possibleConstructorReturn(this, (PluralFormat.__proto__ || _Object$getPrototypeOf(PluralFormat)).apply(this, arguments));
-  }
-
-  _createClass(PluralFormat, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          one = _props.one,
-          many = _props.many,
-          zero = _props.zero,
-          value = _props.value;
-
-      var key = '',
-          values = '';
-      if (value > 1) {
-        key = many;
-      } else if (value == 1) {
-        key = one;
-      } else if (value == 0) {
-        key = zero;
-      }
-      values = '' + value;
-
-      return React.createElement(FormatText, _extends({}, this.props, {
-        i18NKey: key,
-        values: values,
-        one: null,
-        many: null,
-        zero: null
-      }));
+export default class PluralFormat extends React.Component {
+  render() {
+    const {
+      one,
+      many,
+      zero,
+      value
+    } = this.props;
+    let key = '',
+        values = '';
+
+    if (value > 1) {
+      key = many;
+    } else if (value == 1) {
+      key = one;
+    } else if (value == 0) {
+      key = zero;
     }
-  }]);
 
-  return PluralFormat;
-}(React.Component);
-
-export default PluralFormat;
+    values = `${value}`;
+    return /*#__PURE__*/React.createElement(FormatText, _extends({}, this.props, {
+      i18NKey: key,
+      values: values,
+      one: null,
+      many: null,
+      zero: null
+    }));
+  }
 
+}
 PluralFormat.propTypes = {
   many: PropTypes.string,
   one: PropTypes.string,

package/es/components/UserTimeDiffFormat.js

@@ -1,91 +1,82 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import DateTimeDiffFormat from './DateTimeDiffFormat';
 import { I18NContext } from '../I18NContext';
+export default class UserTimeDiffFormat extends Component {
+  render() {
+    let currentTime = new Date();
+    let currentTimeUTCString = currentTime.toISOString();
+    let {
+      type,
+      page,
+      isNeedTime,
+      to,
+      today,
+      yesterday,
+      tomorrow,
+      others,
+      ago,
+      later,
+      format,
+      title,
+      className,
+      displayType,
+      dataId,
+      isOverdue,
+      isDateField
+    } = this.props;
+    let {
+      tzData,
+      timeFormat,
+      datePattern,
+      isEnabledCurrentYear
+    } = this.context || {};
 
-var UserTimeDiffFormat = function (_Component) {
-  _inherits(UserTimeDiffFormat, _Component);
-
-  function UserTimeDiffFormat() {
-    _classCallCheck(this, UserTimeDiffFormat);
-
-    return _possibleConstructorReturn(this, (UserTimeDiffFormat.__proto__ || _Object$getPrototypeOf(UserTimeDiffFormat)).apply(this, arguments));
-  }
-
-  _createClass(UserTimeDiffFormat, [{
-    key: 'render',
-    value: function render() {
-      var currentTime = new Date();
-      var currentTimeUTCString = currentTime.toISOString();
-      var _props = this.props,
-          type = _props.type,
-          to = _props.to,
-          today = _props.today,
-          yesterday = _props.yesterday,
-          tomorrow = _props.tomorrow,
-          others = _props.others,
-          ago = _props.ago,
-          later = _props.later,
-          format = _props.format,
-          title = _props.title,
-          className = _props.className,
-          displayType = _props.displayType,
-          dataId = _props.dataId,
-          isOverdue = _props.isOverdue;
-
-      var _ref = this.context || {},
-          tzData = _ref.tzData,
-          timeFormat = _ref.timeFormat,
-          datePattern = _ref.datePattern,
-          dateTimeFormat = _ref.dateTimeFormat,
-          timeZone = _ref.timeZone;
-
-      if (!format && !others) {
-        var pattern = displayType === 'date' ? datePattern : displayType === 'time' ? timeFormat : displayType === 'dateTime' ? dateTimeFormat : '';
-        format = function format() {
-          return pattern;
-        };
-      }
-
-      var tz = tzData || timeZone;
-
-      return React.createElement(DateTimeDiffFormat, {
-        type: type,
-        from: currentTimeUTCString,
-        fromTzData: tz,
-        to: to,
-        toTzData: tz,
-        today: today,
-        yesterday: yesterday,
-        tomorrow: tomorrow,
-        others: others,
-        ago: ago,
-        later: later,
-        format: format,
-        title: title,
-        className: className,
-        dataId: dataId,
-        isOverdue: isOverdue
-      });
+    if (!format && !others) {
+      format = _ref => {
+        let {
+          dateTimeFormat,
+          dateFormat,
+          timeFormat
+        } = _ref;
+        displayType === 'dateTime' ? dateTimeFormat : displayType === 'date' ? dateFormat : timeFormat;
+      };
     }
-  }]);
 
-  return UserTimeDiffFormat;
-}(Component);
-
-export default UserTimeDiffFormat;
+    return /*#__PURE__*/React.createElement(DateTimeDiffFormat, {
+      type: type,
+      page: page,
+      isNeedTime: isNeedTime,
+      from: currentTimeUTCString,
+      fromTzData: tzData,
+      to: to,
+      toTzData: tzData,
+      today: today,
+      yesterday: yesterday,
+      tomorrow: tomorrow,
+      others: others,
+      ago: ago,
+      later: later,
+      format: format,
+      title: title,
+      className: className,
+      dataId: dataId,
+      isOverdue: isOverdue,
+      timeFormat: timeFormat,
+      datePattern: datePattern,
+      isEnabledCurrentYear: isEnabledCurrentYear,
+      isDateField: isDateField
+    });
+  }
 
+}
 UserTimeDiffFormat.propTypes = {
   ago: PropTypes.string,
   className: PropTypes.string,
   dataId: PropTypes.string,
   displayType: PropTypes.oneOf(['date', 'time', 'dateTime']),
   format: PropTypes.func,
+  isDateField: PropTypes.bool,
   later: PropTypes.string,
   others: PropTypes.func,
   title: PropTypes.string,