@zohodesk/components 1.0.0-test-252 → 1.1.0

package/es/utils/Common.js

@@ -9,12 +9,18 @@ export const getTotalDimension = (elem, align) => {
   const style = window.getComputedStyle(elem);
   return align === 'vertical' ? elem.offsetWidth + parseDecimal(style.marginLeft) + parseDecimal(style.marginRight) : elem.offsetHeight + parseDecimal(style.marginTop) + parseDecimal(style.marginBottom);
 };
+export function stopPropagation(e) {
+  e && e.stopPropagation && e.stopPropagation();
+}
+;
 export const stopAllEventPropagation = e => {
   e.stopPropagation && e.stopPropagation();
   e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
 };
-
-// export function getCommentsDetails(
+export function cancelBubblingEffect(e) {
+  e && e.stopPropagation && e.stopPropagation();
+  e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
+} // export function getCommentsDetails(
 //   commentIds = [],
 //   comments = {},
 //   agents = {}
@@ -37,6 +43,7 @@ export function encodeForHtml(str) {
     str = str.replace(/\\/g, '\');
     str = str.replace(/'/g, ''');
   }
+
   return str;
 }
 export function getListOfDetails() {
@@ -48,6 +55,7 @@ export function getListOfDetails() {
 export function capitalize() {
   let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let newValue = '';
+
   for (let i = 0; i < value.length; i++) {
     if (i == 0) {
       newValue += value[i].toUpperCase();
@@ -55,12 +63,14 @@ export function capitalize() {
       newValue += value[i].toLowerCase();
     }
   }
+
   return newValue;
 }
 export function bind() {
   for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
     handlers[_key] = arguments[_key];
   }
+
   handlers.forEach(handler => {
     this[handler] = this[handler].bind(this);
   });
@@ -69,12 +79,15 @@ export function getFullName() {
   let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let fullName = '';
+
   if (firstName !== null && firstName !== '') {
     fullName = firstName;
   }
+
   if (lastName !== null && lastName !== '') {
     fullName = `${fullName}${lastName}`;
   }
+
   return fullName;
 }
 export function getStringifiedOutputForJson() {
@@ -82,6 +95,7 @@ export function getStringifiedOutputForJson() {
   const keys = Object.keys(input);
   const modifiedInput = keys.reduce((curr, next) => {
     const values = input[next] || [];
+
     if (values.length) {
       const valueList = values.reduce((curr, next) => {
         curr.push(next.id);
@@ -90,6 +104,7 @@ export function getStringifiedOutputForJson() {
       curr[next] = valueList;
       return curr;
     }
+
     return curr;
   }, {});
   return JSON.stringify(modifiedInput);
@@ -105,6 +120,7 @@ export function filterValue(obj, val) {
   const ids = obj ? Object.keys(obj) : [];
   ids.forEach(key => {
     const value = obj[key] || {};
+
     if (value.name === val && !value.isCustomField) {
       result = value.id;
     }
@@ -126,34 +142,42 @@ export function formatValue() {
   let textField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'name';
   return values && values.map(value => {
     let formattedValue = value;
+
     if (typeof value === 'string' || typeof value === 'number') {
       formattedValue = {};
       formattedValue[valueField] = value;
       formattedValue[textField] = value;
     }
+
     return formattedValue;
   }) || [];
 }
 export function bytesToSize(bytes) {
   bytes = parseInt(bytes, 10);
   const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
+
   if (bytes === 0) {
     return '0 Byte';
   }
+
   const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)), 10);
   return `${Math.round(bytes / Math.pow(1024, i), 2)} ${sizes[i]}`;
 }
 export function getMemSize(bytes) {
   let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
   const thresh = size ? 1000 : 1024;
+
   if (Math.abs(bytes) < thresh) {
     return `${bytes} B`;
   }
+
   let units = size ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'],
-    i = -1;
+      i = -1;
+
   do {
     bytes /= thresh, ++i;
   } while (Math.abs(bytes) >= thresh && i < units.length - 1);
+
   {
     return `${bytes.toFixed(1)} ${units[i]}`;
   }
@@ -162,18 +186,24 @@ export function checkIsImageFile(fileName) {
   fileName = fileName || '';
   return /jpeg|jpg|png|gif|bmp|tiff|tif|ico/gi.test(fileName.substr(fileName.lastIndexOf('.') + 1));
 }
+
 function getI18NValue(key, values) {
   if (typeof i18n === 'undefined' || key === '' || typeof key === 'undefined') {
     return key;
   }
+
   let i18nStr = i18n[key];
+
   if (i18nStr === undefined) {
     return key;
   }
+
   i18nStr = replaceI18NValuesWithRegex(i18nStr, values);
   return unescapeUnicode(i18nStr);
 }
+
 global.getI18NValue = getI18NValue;
+
 function replaceI18NValuesWithRegex(i18nStr, values) {
   if (typeof values !== 'undefined') {
     if (Array.isArray(values)) {
@@ -184,22 +214,27 @@ function replaceI18NValuesWithRegex(i18nStr, values) {
       i18nStr = i18nStr.replace(new RegExp('\\{0\\}', 'g'), values);
     }
   }
+
   return i18nStr;
 }
+
 function unescapeUnicode(str) {
   return str.replace(/\\u([a-fA-F0-9]{4})/g, (g, m1) => String.fromCharCode(parseInt(m1, 16)));
 }
+
 export function getPortalName(portalList, portalId) {
   return portalList && portalList.reduce((res, portal) => {
     if (portal.orgId === portalId) {
       return portal.orgName;
     }
+
     return res;
   }, null);
 }
 export function getFullDateString(fullDateObj) {
   let dateStr = '';
   const monthArr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+
   if (fullDateObj.toDateString() == new Date().toDateString()) {
     dateStr = format12Hour(fullDateObj);
   } else {
@@ -209,6 +244,7 @@ export function getFullDateString(fullDateObj) {
     const time = format12Hour(fullDateObj);
     dateStr = `${month} ${date} ${year} ${time}`;
   }
+
   return dateStr;
 }
 export function format12Hour(date) {
@@ -217,6 +253,7 @@ export function format12Hour(date) {
   const ampm = hours >= 12 ? 'pm' : 'am';
   hours %= 12;
   hours = hours ? hours : 12; // the hour '0' should be '12'
+
   minutes = minutes < 10 ? `0${minutes}` : minutes;
   const strTime = `${hours}:${minutes} ${ampm}`;
   return strTime;
@@ -224,6 +261,7 @@ export function format12Hour(date) {
 export function getDateOnly(fullDateObj) {
   let dateStr = '';
   const monthArr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+
   if (fullDateObj.toDateString() == new Date().toDateString()) {
     dateStr = 'Today';
   } else {
@@ -232,6 +270,7 @@ export function getDateOnly(fullDateObj) {
     const date = fullDateObj.getDate();
     dateStr = `${month} ${date} ${year}`;
   }
+
   return dateStr;
 }
 export function doAfterScrollEnd(element, callback) {
@@ -245,6 +284,7 @@ export function doAfterScrollEnd(element, callback) {
     scrollHeight
   } = element;
   const scrollPercent = scrollTop / (scrollHeight - clientHeight) * 100;
+
   if (scrollPercent > 80) {
     callback && callback();
   }
@@ -261,9 +301,11 @@ export const throttle = function (func, wait) {
   for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
     args[_key2 - 2] = arguments[_key2];
   }
+
   if (timerId) {
     return;
   }
+
   timerId = setTimeout(() => {
     try {
       func(...args);
@@ -276,6 +318,7 @@ export const scrollTo = function (suggestionContainer, selSuggestion) {
   if (!suggestionContainer || !selSuggestion) {
     return;
   }
+
   const {
     rectGap
   } = frameRelativeRects(selSuggestion, suggestionContainer) || {};
@@ -283,9 +326,11 @@ export const scrollTo = function (suggestionContainer, selSuggestion) {
     top = 0,
     bottom = 0
   } = rectGap || {};
+
   if (top < 0 && bottom < 0) {
     return;
   }
+
   const isElementInViewPort = top < 0 || bottom < 0 ? false : true;
   const suggestionContainerScrollTop = suggestionContainer.scrollTop;
   suggestionContainer.scrollTop = !isElementInViewPort ? bottom < 0 ? suggestionContainer.scrollTop + Math.abs(bottom) : top < 0 ? suggestionContainer.scrollTop - Math.abs(top) : suggestionContainerScrollTop : suggestionContainerScrollTop;
@@ -297,17 +342,21 @@ export function remConvert(val) {
 }
 export function isDescendant(parent, child) {
   let node = child.parentNode;
+
   while (node !== null) {
     if (node === parent) {
       return true;
     }
+
     node = node.parentNode;
   }
+
   return false;
 }
 export function getElementSpace(elementRef) {
   let neededSpace = 0,
-    availableInsideSpace = 0;
+      availableInsideSpace = 0;
+
   if (elementRef) {
     let getStyle = window.getComputedStyle(elementRef);
     let margin = parseFloat(getStyle.marginLeft) + parseFloat(getStyle.marginRight);
@@ -316,6 +365,7 @@ export function getElementSpace(elementRef) {
     neededSpace = width + margin;
     availableInsideSpace = width - padding;
   }
+
   return {
     neededSpace: neededSpace,
     availableInsideSpace: availableInsideSpace
@@ -325,7 +375,6 @@ export function getSearchString() {
   let charachers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   return (charachers || '').toString().toLowerCase(); //.replace(/\s+/g, '');
 }
-
 export function findScrollEnd(element) {
   let {
     scrollHeight,
@@ -334,12 +383,30 @@ export function findScrollEnd(element) {
     clientHeight
   } = element || {};
   let isElementScrollable = scrollHeight > clientHeight;
+
   if (isElementScrollable) {
     if (scrollHeight <= Math.ceil(scrollTop + offsetHeight)) {
       return true;
     }
-  } else {
-    throw 'Is scroll not present in this element';
+  } // else {
+  //   throw 'Is scroll not present in this element';
+  // }
+
+
+  return false;
+}
+export function isTextSelected() {
+  let selectedText = '';
+
+  if (window.getSelection) {
+    selectedText = window.getSelection().toString();
+  } else if (document.getSelection) {
+    selectedText = document.getSelection().toString();
   }
+
+  if (selectedText !== '') {
+    return true;
+  }
+
   return false;
 }

package/es/utils/ContextOptimizer.js

@@ -1,15 +1,12 @@
 /** ** Libraries *** */
 import { useContext, useRef } from 'react';
 import PropTypes from 'prop-types';
-import shallowEqual from './shallowEqual';
-
-// Please use this component with children as inline function for force this components rerender when parent rerender regardless of reason
+import shallowEqual from './shallowEqual'; // Please use this component with children as inline function for force this components rerender when parent rerender regardless of reason
 // Because below componends only rerender when children or calculation are changed, unless no changes will update below
-
 // this component logic based on return same children reference to stop rerender.
 // Think before change logic
-
 // eslint-disable-next-line import/prefer-default-export
+
 export function ContextOptimizer(props) {
   const {
     Context,
@@ -25,11 +22,13 @@ export function ContextOptimizer(props) {
     data: null,
     renderF: null
   });
+
   if (!shallowEqual(data, local.data) || local.renderF !== renderF) {
     local.children = renderF(data);
     local.data = data;
     local.renderF = renderF;
   }
+
   return local.children;
 }
 ContextOptimizer.propTypes = {

package/es/utils/__tests__/debounce.spec.js

@@ -6,8 +6,8 @@ describe('debounce specification', () => {
   it('should call immediate', () => {
     const mockfn = jest.fn();
     const dMockfn = debounce(mockfn, 1000, true);
-    dMockfn();
-    //expect(setTimeout).toHaveBeenCalledTimes(1);
+    dMockfn(); //expect(setTimeout).toHaveBeenCalledTimes(1);
+
     expect(mockfn.mock.calls.length).toBe(1);
   });
   it('should call two times but it invoke multiple times', () => {

package/es/utils/constructFullName.js

@@ -1,8 +1,10 @@
 function constructFullName(firstName, lastName) {
   return `${firstName ? `${firstName}${lastName ? ' ' : ''}` : ''}${lastName ? lastName : ''}`;
 }
+
 export function constructFullNameByPattern(firstName, lastName, namePattern) {
   let [name0, name1] = namePattern;
+
   if (name0 === 'FIRST_NAME' && name1 === 'LAST_NAME') {
     return constructFullName(firstName, lastName);
   } else if (name0 === 'LAST_NAME' && name1 === 'FIRST_NAME') {

package/es/utils/css/compileClassNames.js

@@ -0,0 +1,28 @@
+import { dataTypes, isDataTypeOf } from './utils';
+
+const collectClassNames = function (processedClassNameList) {
+  for (let index = 0; index < (arguments.length <= 1 ? 0 : arguments.length - 1); index++) {
+    let classInfo = index + 1 < 1 || arguments.length <= index + 1 ? undefined : arguments[index + 1];
+
+    if (!classInfo) {
+      continue;
+    } else if (isDataTypeOf(classInfo, dataTypes.object)) {
+      for (let property in classInfo) {
+        if (Object.hasOwnProperty.call(classInfo, property) && property !== 'undefined' && property !== 'null' && classInfo[property] && !processedClassNameList.includes(property)) {
+          processedClassNameList.push(property);
+        }
+      }
+    }
+  }
+};
+
+export default function compileClassNames() {
+  let resultClassNameList = [];
+
+  for (var _len = arguments.length, classinfoList = new Array(_len), _key = 0; _key < _len; _key++) {
+    classinfoList[_key] = arguments[_key];
+  }
+
+  collectClassNames(resultClassNameList, ...classinfoList);
+  return resultClassNameList.filter(a => a !== '').join(' ');
+}

package/es/utils/css/mergeStyle.js

@@ -0,0 +1,57 @@
+const REPLACER_SYMBOL = '$'; // $ startWith is used for replace the existing style.
+// all other will be append
+
+export default function mergeStyle(defaultStyle) {
+  let customStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let additionalStyle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  // if(!Object.keys(defaultStyle).includes('base')) {
+  //   throw new Error(`STYLE CUSTOMIZATION RULE - Your style sheet should have "base" class name for customization`);
+  // }
+  return Object.keys(customStyle).reduce((res, next) => {
+    if (next.startsWith(REPLACER_SYMBOL)) {
+      let styleValue = customStyle[next];
+      let styleName = next.replace(REPLACER_SYMBOL, '');
+
+      if (!defaultStyle[styleName] && !additionalStyle.includes(styleName)) {
+        // return res;
+        throw new Error(`UNKNOWN CLASSNAME DETECTED - Given customStyle's key "${styleName}" is not available in that component style`);
+      }
+
+      if (additionalStyle.includes(styleName)) {
+        res[styleName] = styleValue;
+      } else {
+        let val = defaultStyle[styleName];
+        Object.keys(res).map(keyName => {
+          let styleKey = res[keyName];
+          let styleClasses = styleKey.split(' ');
+          let ind = styleClasses.indexOf(val);
+
+          if (ind !== -1) {
+            styleClasses[ind] = styleValue;
+            res[keyName] = styleClasses.join(' ');
+          }
+        });
+      }
+    } else if (defaultStyle[next]) {
+      let val = defaultStyle[next];
+      Object.keys(res).map(keyName => {
+        let styleKey = res[keyName];
+        let styleClasses = styleKey.split(' ');
+        let ind = styleClasses.indexOf(val);
+
+        if (ind !== -1) {
+          styleClasses[ind] = styleClasses[ind] + ' ' + customStyle[next];
+          res[keyName] = styleClasses.join(' ');
+        }
+      });
+    } else if (additionalStyle.includes(next)) {
+      res[next] = customStyle[next];
+    } else if (!defaultStyle[next] && !additionalStyle.includes(next)) {
+      // res[next] = customStyle[next];
+      throw new Error(`UNKNOWN CLASSNAME DETECTED - Given customStyle's key "${next}" is not available in that component style`);
+    }
+
+    return res;
+  }, { ...defaultStyle
+  });
+}

package/es/utils/css/utils.js

@@ -0,0 +1,24 @@
+export const dataTypes = {
+  number: 'number',
+  array: 'array',
+  string: 'string',
+  object: 'object',
+  bigint: 'bigint',
+  symbol: 'symbol',
+  undefined: 'undefined',
+  function: 'function',
+  boolean: 'boolean'
+};
+export const getDataType = data => {
+  let typeofData = typeof data;
+  let isArrayDataType = Array.isArray(data);
+
+  if (isArrayDataType) {
+    return dataTypes.array;
+  } else {
+    return dataTypes[typeofData];
+  }
+};
+export const isDataTypeOf = (data, type) => {
+  return getDataType(data) === type;
+};

package/es/utils/datetime/GMTZones.js

@@ -0,0 +1,48 @@
+export const offsetMap = {
+  0: 'GMT+00:00 Africa/Abidjan',
+  44: 'GMT+00:00 Africa/Monrovia',
+  60: 'GMT+01:00 Africa/Bangui',
+  120: 'GMT+02:00 Africa/Blantyre',
+  180: 'GMT+03:00 Africa/Addis_Ababa',
+  210: 'GMT+04:30 Asia/Tehran',
+  240: 'GMT+03:00 Asia/Bahrain',
+  270: 'GMT+04:30 Asia/Kabul',
+  300: 'GMT+05:00 Asia/Aqtau',
+  '-330': 'GMT+05:30 Asia/Kolkata',
+  360: 'GMT+06:00 Asia/Dacca',
+  390: 'GMT+06:30 Indian/Cocos',
+  420: 'GMT+07:00 Asia/Bangkok',
+  450: 'GMT+08:00 Asia/Singapore',
+  480: 'GMT+08:00 Asia/Hong_Kong',
+  510: 'GMT+08:00 Asia/Harbin',
+  525: 'GMT+08:45 Australia/Eucla',
+  540: 'GMT+09:00 Asia/Chita',
+  570: 'GMT+09:30 Australia/Adelaide',
+  600: 'GMT+10:00 Antarctica/DumontDUrville',
+  660: 'GMT+11:00 Asia/Magadan',
+  690: 'GMT+11:00 Pacific/Norfolk',
+  720: 'GMT+12:00 Asia/Kamchatka',
+  765: 'GMT+12:45 Pacific/Chatham',
+  780: 'GMT+12:00 Asia/Anadyr',
+  840: 'GMT+14:00 Etc/GMT-14',
+  '-60': 'GMT-01:00 Etc/GMT+1',
+  '-660': 'GMT-11:00 US/Samoa',
+  '-600': 'GMT-04:00 America/Anguilla',
+  '-240': 'GMT-04:00 America/Antigua',
+  '-180': 'GMT-03:00 America/Araguaina',
+  '-300': 'GMT-05:00 America/Atikokan',
+  '-480': 'GMT-05:00 America/Bahia_Banderas',
+  '-360': 'GMT-06:00 America/Belize',
+  '-420': 'GMT-06:00 America/Boise',
+  '-540': 'GMT-07:00 America/Dawson',
+  '-135': 'GMT-04:00 America/Guyana',
+  '-120': 'GMT-02:00 Etc/GMT+2',
+  '-150': 'GMT-03:00 America/Paramaribo',
+  '-210': 'GMT-04:00 America/Santo_Domingo',
+  '-720': 'GMT+12:00 Pacific/Kwajalein',
+  '-560': 'GMT+14:00 Pacific/Kiritimati',
+  '-510': 'GMT-09:30 Pacific/Marquesas',
+  '-630': 'GMT-11:00 Pacific/Niue',
+  '-450': 'GMT-08:00 Pacific/Pitcairn',
+  '-570': 'GMT-10:00 Pacific/Rarotonga'
+};

package/es/utils/datetime/common.js

@@ -1,3 +1,4 @@
+import { offsetMap } from './GMTZones.js';
 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'],
@@ -10,8 +11,15 @@ export function pad(n) {
   n = `${n}`;
   return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
 }
+export function getTimeOffset() {
+  const GMT = new Date();
+  const matchingOffset = Object.keys(offsetMap).find(offset => GMT.getTimezoneOffset() === Number(offset));
+  return matchingOffset ? offsetMap[matchingOffset].toString().split(' ') : ['', ''];
+}
 export function formatDate(dateMill, mask) {
   let date = new Date(dateMill);
+  let O = getTimeOffset()[0];
+  let Z = getTimeOffset()[1];
   let d = date.getDate();
   let D = date.getDay();
   let m = date.getMonth();
@@ -22,6 +30,7 @@ export function formatDate(dateMill, mask) {
   let L = date.getMilliseconds();
   let flags = {
     d: d,
+    O: O,
     dd: pad(d, 2),
     ddd: dateFormat.dayNames[D],
     dddd: dateFormat.dayNames[D + 7],
@@ -49,13 +58,18 @@ export function formatDate(dateMill, mask) {
     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]
+    a: H < 12 ? dateFormat.timeNames[6] : dateFormat.timeNames[7],
+    T: H < 12 ? dateFormat.timeNames[4] : dateFormat.timeNames[5],
+    Z: Z,
+    VV: Z,
+    SSS: pad(L, 3)
   };
-  let token = /D{1,4}|d{1,4}|M{1,4}|YYYY|yyyy|YY|yy?|([HhmsA])\1?|[LloSZWN]|\[[^\]]*\]|'[^']*'/g;
+  let token = /D{1,4}|d{1,4}|M{1,4}|YYYY|yyyy|YY|O|Z|VV|SSS|yy?|([HhmsAa])\1?|[LloSZWN]|\[[^\]]*\]|'[^']*'/g;
   let dat = mask.replace(token, match => {
     if (match in flags) {
       return flags[match];
     }
+
     return match.slice(1, match.length - 1);
   });
   return dat;
@@ -70,6 +84,7 @@ export function replaceI18NValuesWithRegex(i18nStr, values) {
       i18nStr = i18nStr.replace(new RegExp('\\{0\\}', 'g'), values);
     }
   }
+
   return i18nStr;
 }
 export function unescapeUnicode(str) {
@@ -84,25 +99,28 @@ export function getI18NValue(i18n) {
   if (typeof i18n === 'undefined') {
     return key => key;
   }
+
   return (key, values) => {
     let i18nStr = i18n[key];
+
     if (i18nStr === undefined) {
       return key;
     }
+
     i18nStr = replaceI18NValuesWithRegex(i18nStr, values);
     return unescapeUnicode(i18nStr);
   };
-}
-
-// function getValues(params = [], diff) {
+} // function getValues(params = [], diff) {
 //   return params.map(param => {
 //     return diff[param];
 //   });
 // }
+
 export function getI18NInfo(toDateObj, props, diffObj) {
   let key = null,
-    values,
-    text = null;
+      values,
+      text = null;
+
   if (typeof props === 'function') {
     let value = props(diffObj1);
     key = value.key;
@@ -113,6 +131,7 @@ export function getI18NInfo(toDateObj, props, diffObj) {
   } else if (typeof props === 'string') {
     text = toDateObj.format(props);
   }
+
   return {
     key,
     values,
@@ -141,12 +160,15 @@ let oneYearInMillis = 31536000000;
 let oneDayInMillis = 86400000;
 let oneHourInMillis = 3600000;
 let oneMinuteInMillis = 60000;
+
 function convertAsNonExponential(number) {
   if (number.toString().toLowerCase().indexOf('e') !== -1) {
     return number.toFixed(20);
   }
+
   return number;
 }
+
 export function getDiffObj(diff) {
   diff = Math.abs(diff);
   let diffYears = diff / oneYearInMillis;
@@ -173,8 +195,10 @@ export function getDiffObj(diff) {
 export function getMonthEnd(month, year) {
   let monthend = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
   let isLeapYear = year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
+
   if (month === 1 && isLeapYear) {
     return 29;
   }
+
   return monthend[month];
 }

package/es/utils/debounce.js

@@ -2,16 +2,20 @@ export function debounce(func, wait, immediate) {
   let timeout;
   return function () {
     let context = this,
-      args = arguments;
+        args = arguments;
+
     let later = function () {
       timeout = null;
+
       if (!immediate) {
         func.apply(context, args);
       }
     };
+
     let callNow = immediate && !timeout;
     clearTimeout(timeout);
     timeout = setTimeout(later, wait);
+
     if (callNow) {
       func.apply(context, args);
     }