@zohodesk/components 1.0.0-test-252 → 1.0.0

package/lib/utils/css/mergeStyle.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = mergeStyle;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var REPLACER_SYMBOL = '$'; // $ startWith is used for replace the existing style.
+// all other will be append
+
+function mergeStyle(defaultStyle) {
+  var customStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var 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(function (res, next) {
+    if (next.startsWith(REPLACER_SYMBOL)) {
+      var styleValue = customStyle[next];
+      var styleName = next.replace(REPLACER_SYMBOL, '');
+
+      if (!defaultStyle[styleName] && !additionalStyle.includes(styleName)) {
+        // return res;
+        throw new Error("UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(styleName, "\" is not available in that component style"));
+      }
+
+      if (additionalStyle.includes(styleName)) {
+        res[styleName] = styleValue;
+      } else {
+        var val = defaultStyle[styleName];
+        Object.keys(res).map(function (keyName) {
+          var styleKey = res[keyName];
+          var styleClasses = styleKey.split(' ');
+          var ind = styleClasses.indexOf(val);
+
+          if (ind !== -1) {
+            styleClasses[ind] = styleValue;
+            res[keyName] = styleClasses.join(' ');
+          }
+        });
+      }
+    } else if (defaultStyle[next]) {
+      var _val = defaultStyle[next];
+      Object.keys(res).map(function (keyName) {
+        var styleKey = res[keyName];
+        var styleClasses = styleKey.split(' ');
+        var 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 \"".concat(next, "\" is not available in that component style"));
+    }
+
+    return res;
+  }, _objectSpread({}, defaultStyle));
+}

package/lib/utils/css/utils.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDataTypeOf = exports.getDataType = exports.dataTypes = void 0;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+var dataTypes = {
+  number: 'number',
+  array: 'array',
+  string: 'string',
+  object: 'object',
+  bigint: 'bigint',
+  symbol: 'symbol',
+  undefined: 'undefined',
+  "function": 'function',
+  "boolean": 'boolean'
+};
+exports.dataTypes = dataTypes;
+
+var getDataType = function getDataType(data) {
+  var typeofData = _typeof(data);
+
+  var isArrayDataType = Array.isArray(data);
+
+  if (isArrayDataType) {
+    return dataTypes.array;
+  } else {
+    return dataTypes[typeofData];
+  }
+};
+
+exports.getDataType = getDataType;
+
+var isDataTypeOf = function isDataTypeOf(data, type) {
+  return getDataType(data) === type;
+};
+
+exports.isDataTypeOf = isDataTypeOf;

package/lib/utils/datetime/GMTZones.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.offsetMap = void 0;
+var 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'
+};
+exports.offsetMap = offsetMap;

package/lib/utils/datetime/common.js

@@ -8,6 +8,7 @@ exports.getDiffObj = getDiffObj;
 exports.getI18NInfo = getI18NInfo;
 exports.getI18NValue = getI18NValue;
 exports.getMonthEnd = getMonthEnd;
+exports.getTimeOffset = getTimeOffset;
 exports.getValues = getValues;
 exports.isToday = isToday;
 exports.isTomorrow = isTomorrow;
@@ -17,12 +18,17 @@ exports.isYesterday = isYesterday;
 exports.pad = pad;
 exports.replaceI18NValuesWithRegex = replaceI18NValuesWithRegex;
 exports.unescapeUnicode = unescapeUnicode;
+
+var _GMTZones = require("./GMTZones.js");
+
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 var 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'],
   timeNames: ['a', 'p', 'am', 'pm', 'A', 'P', 'AM', 'PM']
 };
+
 function pad(n) {
   var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
   var z = arguments.length > 2 ? arguments[2] : undefined;
@@ -30,8 +36,19 @@ function pad(n) {
   n = "".concat(n);
   return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
 }
+
+function getTimeOffset() {
+  var GMT = new Date();
+  var matchingOffset = Object.keys(_GMTZones.offsetMap).find(function (offset) {
+    return GMT.getTimezoneOffset() === Number(offset);
+  });
+  return matchingOffset ? _GMTZones.offsetMap[matchingOffset].toString().split(' ') : ['', ''];
+}
+
 function formatDate(dateMill, mask) {
   var date = new Date(dateMill);
+  var O = getTimeOffset()[0];
+  var Z = getTimeOffset()[1];
   var d = date.getDate();
   var D = date.getDay();
   var m = date.getMonth();
@@ -42,6 +59,7 @@ function formatDate(dateMill, mask) {
   var L = date.getMilliseconds();
   var flags = {
     d: d,
+    O: O,
     dd: pad(d, 2),
     ddd: dateFormat.dayNames[D],
     dddd: dateFormat.dayNames[D + 7],
@@ -69,17 +87,23 @@ 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)
   };
-  var token = /D{1,4}|d{1,4}|M{1,4}|YYYY|yyyy|YY|yy?|([HhmsA])\1?|[LloSZWN]|\[[^\]]*\]|'[^']*'/g;
+  var token = /D{1,4}|d{1,4}|M{1,4}|YYYY|yyyy|YY|O|Z|VV|SSS|yy?|([HhmsAa])\1?|[LloSZWN]|\[[^\]]*\]|'[^']*'/g;
   var dat = mask.replace(token, function (match) {
     if (match in flags) {
       return flags[match];
     }
+
     return match.slice(1, match.length - 1);
   });
   return dat;
 }
+
 function replaceI18NValuesWithRegex(i18nStr, values) {
   if (typeof values !== 'undefined') {
     if (Array.isArray(values)) {
@@ -90,13 +114,16 @@ 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, function (g, m1) {
     return String.fromCharCode(parseInt(m1, 16));
   });
 }
+
 function getValues() {
   var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var diff = arguments.length > 1 ? arguments[1] : undefined;
@@ -104,31 +131,36 @@ function getValues() {
     return diff[param];
   });
 }
+
 function getI18NValue(i18n) {
   if (typeof i18n === 'undefined') {
     return function (key) {
       return key;
     };
   }
+
   return function (key, values) {
     var 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];
 //   });
 // }
+
+
 function getI18NInfo(toDateObj, props, diffObj) {
   var key = null,
-    values,
-    text = null;
+      values,
+      text = null;
+
   if (typeof props === 'function') {
     var value = props(diffObj1);
     key = value.key;
@@ -139,40 +171,50 @@ function getI18NInfo(toDateObj, props, diffObj) {
   } else if (typeof props === 'string') {
     text = toDateObj.format(props);
   }
+
   return {
     key: key,
     values: values,
     text: text
   };
 }
+
 function isToday(fromDate, toDate) {
   var TODAY = toDate.clone().startOf('day');
   return fromDate.isSame(TODAY, 'd');
 }
+
 function isYesterday(fromDate, toDate) {
   var YESTERDAY = toDate.clone().subtract(1, 'days').startOf('day');
   return fromDate.isSame(YESTERDAY, 'd');
 }
+
 function isTomorrow(fromDate, toDate) {
   return isYesterday(toDate, fromDate);
 }
+
 function isWithinAWeek(fromDate, toDate) {
   var A_WEEK_OLD = toDate.clone().subtract(7, 'days').startOf('day');
   return fromDate.isAfter(A_WEEK_OLD);
 }
+
 function isTwoWeeksOrMore(fromDate, toDate) {
   return !isWithinAWeek(fromDate, toDate);
 }
+
 var oneYearInMillis = 31536000000;
 var oneDayInMillis = 86400000;
 var oneHourInMillis = 3600000;
 var oneMinuteInMillis = 60000;
+
 function convertAsNonExponential(number) {
   if (number.toString().toLowerCase().indexOf('e') !== -1) {
     return number.toFixed(20);
   }
+
   return number;
 }
+
 function getDiffObj(diff) {
   diff = Math.abs(diff);
   var diffYears = diff / oneYearInMillis;
@@ -196,11 +238,14 @@ function getDiffObj(diff) {
     s: diffSeconds
   };
 }
+
 function getMonthEnd(month, year) {
   var monthend = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
   var isLeapYear = year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
+
   if (month === 1 && isLeapYear) {
     return 29;
   }
+
   return monthend[month];
 }

package/lib/utils/debounce.js

@@ -4,20 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.debounce = debounce;
+
 function debounce(func, wait, immediate) {
   var timeout;
   return function () {
     var context = this,
-      args = arguments;
+        args = arguments;
+
     var later = function later() {
       timeout = null;
+
       if (!immediate) {
         func.apply(context, args);
       }
     };
+
     var callNow = immediate && !timeout;
     clearTimeout(timeout);
     timeout = setTimeout(later, wait);
+
     if (callNow) {
       func.apply(context, args);
     }