@zohodesk/components 1.0.0-alpha-269 → 1.0.0-alpha-271

package/lib/utils/Common.js

@@ -32,47 +32,44 @@ exports.mapValues = mapValues;
 exports.merge = merge;
 exports.parseDecimal = void 0;
 exports.remConvert = remConvert;
-exports.throttle = exports.stopAllEventPropagation = exports.scrollTo = void 0;
-
+exports.stopAllEventPropagation = exports.scrollTo = void 0;
+exports.stopPropagation = stopPropagation;
+exports.throttle = void 0;
 var _viewPort = _interopRequireDefault(require("../Popup/viewPort"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 //$Id$//
-var frameRelativeRects = _viewPort["default"].frameRelativeRects;
 
+var frameRelativeRects = _viewPort["default"].frameRelativeRects;
 var cs = function cs(classArr) {
   return classArr.filter(function (name) {
     return name;
   }).join(' ');
 };
-
 exports.cs = cs;
-
 var parseDecimal = function parseDecimal(val) {
   return val ? parseFloat(val) : 0;
 };
-
 exports.parseDecimal = parseDecimal;
-
 var getTotalDimension = function getTotalDimension(elem, align) {
   var style = window.getComputedStyle(elem);
   return align === 'vertical' ? elem.offsetWidth + parseDecimal(style.marginLeft) + parseDecimal(style.marginRight) : elem.offsetHeight + parseDecimal(style.marginTop) + parseDecimal(style.marginBottom);
 };
-
 exports.getTotalDimension = getTotalDimension;
-
+function stopPropagation(e) {
+  e && e.stopPropagation && e.stopPropagation();
+}
+;
 var stopAllEventPropagation = function stopAllEventPropagation(e) {
   e.stopPropagation && e.stopPropagation();
   e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
 };
-
 exports.stopAllEventPropagation = stopAllEventPropagation;
-
 function cancelBubblingEffect(e) {
   e && e.stopPropagation && e.stopPropagation();
   e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
-} // export function getCommentsDetails(
+}
+
+// export function getCommentsDetails(
 //   commentIds = [],
 //   comments = {},
 //   agents = {}
@@ -86,7 +83,6 @@ function cancelBubblingEffect(e) {
 //   );
 // }
 
-
 function encodeForHtml(str) {
   if (/<|>|&|"|'|\\/g.test(str) == true) {
     str = str.replace(/&/g, '&amp;');
@@ -96,10 +92,8 @@ function encodeForHtml(str) {
     str = str.replace(/\\/g, '&#x5c;');
     str = str.replace(/'/g, '&#39;');
   }
-
   return str;
 }
-
 function getListOfDetails() {
   var Obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var fn = arguments.length > 1 ? arguments[1] : undefined;
@@ -108,11 +102,9 @@ function getListOfDetails() {
     return fn(Obj[id]);
   });
 }
-
 function capitalize() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var newValue = '';
-
   for (var i = 0; i < value.length; i++) {
     if (i == 0) {
       newValue += value[i].toUpperCase();
@@ -120,44 +112,34 @@ function capitalize() {
       newValue += value[i].toLowerCase();
     }
   }
-
   return newValue;
 }
-
 function bind() {
   var _this = this;
-
   for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
     handlers[_key] = arguments[_key];
   }
-
   handlers.forEach(function (handler) {
     _this[handler] = _this[handler].bind(_this);
   });
 }
-
 function getFullName() {
   var firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   var fullName = '';
-
   if (firstName !== null && firstName !== '') {
     fullName = firstName;
   }
-
   if (lastName !== null && lastName !== '') {
     fullName = "".concat(fullName).concat(lastName);
   }
-
   return fullName;
 }
-
 function getStringifiedOutputForJson() {
   var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var keys = Object.keys(input);
   var modifiedInput = keys.reduce(function (curr, next) {
     var values = input[next] || [];
-
     if (values.length) {
       var valueList = values.reduce(function (curr, next) {
         curr.push(next.id);
@@ -166,32 +148,27 @@ function getStringifiedOutputForJson() {
       curr[next] = valueList;
       return curr;
     }
-
     return curr;
   }, {});
   return JSON.stringify(modifiedInput);
 }
-
 function mapValues(obj, fn) {
   return obj && Object.keys(obj).reduce(function (res, key) {
     res[key] = fn(key, obj[key]);
     return res;
   }, {}) || obj;
 }
-
 function filterValue(obj, val) {
   var result;
   var ids = obj ? Object.keys(obj) : [];
   ids.forEach(function (key) {
     var value = obj[key] || {};
-
     if (value.name === val && !value.isCustomField) {
       result = value.id;
     }
   });
   return result;
 }
-
 function merge() {
   var oldObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var newObj = arguments.length > 1 ? arguments[1] : undefined;
@@ -201,78 +178,60 @@ function merge() {
     return res;
   }, copyOfOld);
 }
-
 function formatValue() {
   var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var valueField = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
   var textField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'name';
   return values && values.map(function (value) {
     var formattedValue = value;
-
     if (typeof value === 'string' || typeof value === 'number') {
       formattedValue = {};
       formattedValue[valueField] = value;
       formattedValue[textField] = value;
     }
-
     return formattedValue;
   }) || [];
 }
-
 function bytesToSize(bytes) {
   bytes = parseInt(bytes, 10);
   var sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
-
   if (bytes === 0) {
     return '0 Byte';
   }
-
   var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)), 10);
   return "".concat(Math.round(bytes / Math.pow(1024, i), 2), " ").concat(sizes[i]);
 }
-
 function getMemSize(bytes) {
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
   var thresh = size ? 1000 : 1024;
-
   if (Math.abs(bytes) < thresh) {
     return "".concat(bytes, " B");
   }
-
   var 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 "".concat(bytes.toFixed(1), " ").concat(units[i]);
   }
 }
-
 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;
   }
-
   var 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)) {
@@ -283,30 +242,24 @@ 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 getPortalName(portalList, portalId) {
   return portalList && portalList.reduce(function (res, portal) {
     if (portal.orgId === portalId) {
       return portal.orgName;
     }
-
     return res;
   }, null);
 }
-
 function getFullDateString(fullDateObj) {
   var dateStr = '';
   var monthArr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-
   if (fullDateObj.toDateString() == new Date().toDateString()) {
     dateStr = format12Hour(fullDateObj);
   } else {
@@ -316,26 +269,21 @@ function getFullDateString(fullDateObj) {
     var time = format12Hour(fullDateObj);
     dateStr = "".concat(month, " ").concat(date, " ").concat(year, " ").concat(time);
   }
-
   return dateStr;
 }
-
 function format12Hour(date) {
   var hours = date.getHours();
   var minutes = date.getMinutes();
   var ampm = hours >= 12 ? 'pm' : 'am';
   hours %= 12;
   hours = hours ? hours : 12; // the hour '0' should be '12'
-
   minutes = minutes < 10 ? "0".concat(minutes) : minutes;
   var strTime = "".concat(hours, ":").concat(minutes, " ").concat(ampm);
   return strTime;
 }
-
 function getDateOnly(fullDateObj) {
   var dateStr = '';
   var monthArr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-
   if (fullDateObj.toDateString() == new Date().toDateString()) {
     dateStr = 'Today';
   } else {
@@ -344,21 +292,17 @@ function getDateOnly(fullDateObj) {
     var date = fullDateObj.getDate();
     dateStr = "".concat(month, " ").concat(date, " ").concat(year);
   }
-
   return dateStr;
 }
-
 function doAfterScrollEnd(element, callback) {
   var scrollTop = element.scrollTop;
   var clientHeight = element.clientHeight;
   var scrollHeight = element.scrollHeight;
   var scrollPercent = scrollTop / (scrollHeight - clientHeight) * 100;
-
   if (scrollPercent > 80) {
     callback && callback();
   }
 }
-
 var debounce = function debounce(func, wait) {
   var interval;
   return function (e) {
@@ -366,19 +310,15 @@ var debounce = function debounce(func, wait) {
     interval = setTimeout(func.bind(undefined, e), wait);
   };
 };
-
 exports.debounce = debounce;
 var timerId;
-
 var throttle = function throttle(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(function () {
     try {
       func.apply(void 0, args);
@@ -387,63 +327,47 @@ var throttle = function throttle(func, wait) {
     }
   }, wait);
 };
-
 exports.throttle = throttle;
-
 var scrollTo = function scrollTo(suggestionContainer, selSuggestion) {
   if (!suggestionContainer || !selSuggestion) {
     return;
   }
-
   var _ref = frameRelativeRects(selSuggestion, suggestionContainer) || {},
-      rectGap = _ref.rectGap;
-
+    rectGap = _ref.rectGap;
   var _ref2 = rectGap || {},
-      _ref2$top = _ref2.top,
-      top = _ref2$top === void 0 ? 0 : _ref2$top,
-      _ref2$bottom = _ref2.bottom,
-      bottom = _ref2$bottom === void 0 ? 0 : _ref2$bottom;
-
+    _ref2$top = _ref2.top,
+    top = _ref2$top === void 0 ? 0 : _ref2$top,
+    _ref2$bottom = _ref2.bottom,
+    bottom = _ref2$bottom === void 0 ? 0 : _ref2$bottom;
   if (top < 0 && bottom < 0) {
     return;
   }
-
   var isElementInViewPort = top < 0 || bottom < 0 ? false : true;
   var suggestionContainerScrollTop = suggestionContainer.scrollTop;
   suggestionContainer.scrollTop = !isElementInViewPort ? bottom < 0 ? suggestionContainer.scrollTop + Math.abs(bottom) : top < 0 ? suggestionContainer.scrollTop - Math.abs(top) : suggestionContainerScrollTop : suggestionContainerScrollTop;
 };
-
 exports.scrollTo = scrollTo;
-
 var getIsEmptyValue = function getIsEmptyValue(value) {
   return typeof value === 'string' ? value.trim() ? false : true : value === 0 || value ? false : true;
 };
-
 exports.getIsEmptyValue = getIsEmptyValue;
-
 function remConvert(val) {
   var baseValue = parseFloat(window.getComputedStyle(document.body).getPropertyValue('font-size')).toFixed(4);
   return (val / baseValue).toPrecision(4);
 }
-
 function isDescendant(parent, child) {
   var node = child.parentNode;
-
   while (node !== null) {
     if (node === parent) {
       return true;
     }
-
     node = node.parentNode;
   }
-
   return false;
 }
-
 function getElementSpace(elementRef) {
   var neededSpace = 0,
-      availableInsideSpace = 0;
-
+    availableInsideSpace = 0;
   if (elementRef) {
     var getStyle = window.getComputedStyle(elementRef);
     var margin = parseFloat(getStyle.marginLeft) + parseFloat(getStyle.marginRight);
@@ -452,13 +376,11 @@ function getElementSpace(elementRef) {
     neededSpace = width + margin;
     availableInsideSpace = width - padding;
   }
-
   return {
     neededSpace: neededSpace,
     availableInsideSpace: availableInsideSpace
   };
 }
-
 function getSearchString() {
   var charachers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   return (charachers || '').toString().toLowerCase(); //.replace(/\s+/g, '');
@@ -466,37 +388,31 @@ function getSearchString() {
 
 function findScrollEnd(element) {
   var _ref3 = element || {},
-      scrollHeight = _ref3.scrollHeight,
-      scrollTop = _ref3.scrollTop,
-      offsetHeight = _ref3.offsetHeight,
-      clientHeight = _ref3.clientHeight;
-
+    scrollHeight = _ref3.scrollHeight,
+    scrollTop = _ref3.scrollTop,
+    offsetHeight = _ref3.offsetHeight,
+    clientHeight = _ref3.clientHeight;
   var isElementScrollable = scrollHeight > clientHeight;
-
   if (isElementScrollable) {
     if (scrollHeight <= Math.ceil(scrollTop + offsetHeight)) {
       return true;
     }
-  } // else {
+  }
+  // else {
+
   //   throw 'Is scroll not present in this element';
   // }
-
-
   return false;
 }
-
 function isTextSelected() {
   var selectedText = '';
-
   if (window.getSelection) {
     selectedText = window.getSelection().toString();
   } else if (document.getSelection) {
     selectedText = document.getSelection().toString();
   }
-
   if (selectedText !== '') {
     return true;
   }
-
   return false;
 }

package/lib/utils/ContextOptimizer.js

@@ -4,44 +4,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ContextOptimizer = ContextOptimizer;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _shallowEqual = _interopRequireDefault(require("./shallowEqual"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /** ** Libraries *** */
+
 // 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
 function ContextOptimizer(props) {
   var Context = props.Context,
-      renderF = props.children,
-      calculation = props.calculation;
+    renderF = props.children,
+    calculation = props.calculation;
   var contextData = (0, _react.useContext)(Context);
   var data = calculation(contextData);
-
   var _useRef = (0, _react.useRef)({
-    children: null,
-    data: null,
-    renderF: null
-  }),
-      local = _useRef.current;
-
+      children: null,
+      data: null,
+      renderF: null
+    }),
+    local = _useRef.current;
   if (!(0, _shallowEqual["default"])(data, local.data) || local.renderF !== renderF) {
     local.children = renderF(data);
     local.data = data;
     local.renderF = renderF;
   }
-
   return local.children;
 }
-
 ContextOptimizer.propTypes = {
   calculation: _propTypes["default"].func.isRequired,
   children: _propTypes["default"].func.isRequired,

package/lib/utils/__tests__/constructFullName.spec.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _constructFullName = require("../constructFullName");
-
 describe('constructFullName specification', function () {
   it('firstname, lastname pattern', function () {
     expect((0, _constructFullName.constructFullNameByPattern)('A', 'Vimalesan', ['FIRST_NAME', 'LAST_NAME'])).toEqual('A Vimalesan');

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _debounce = require("../debounce");
-
 describe('debounce specification', function () {
   beforeEach(function () {
     jest.useFakeTimers();
@@ -9,8 +8,8 @@ describe('debounce specification', function () {
   it('should call immediate', function () {
     var mockfn = jest.fn();
     var dMockfn = (0, _debounce.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', function () {

package/lib/utils/__tests__/getInitial.spec.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _getInitial = require("../getInitial");
-
 describe('getInitial specification', function () {
   it('first name alone', function () {
     expect((0, _getInitial.getInitial)('vimalesan')).toEqual('V');

package/lib/utils/constructFullName.js

@@ -4,28 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.constructFullNameByPattern = constructFullNameByPattern;
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function constructFullName(firstName, lastName) {
   return "".concat(firstName ? "".concat(firstName).concat(lastName ? ' ' : '') : '').concat(lastName ? lastName : '');
 }
-
 function constructFullNameByPattern(firstName, lastName, namePattern) {
   var _namePattern = _slicedToArray(namePattern, 2),
-      name0 = _namePattern[0],
-      name1 = _namePattern[1];
-
+    name0 = _namePattern[0],
+    name1 = _namePattern[1];
   if (name0 === 'FIRST_NAME' && name1 === 'LAST_NAME') {
     return constructFullName(firstName, lastName);
   } else if (name0 === 'LAST_NAME' && name1 === 'FIRST_NAME') {

package/lib/utils/css/compileClassNames.js

@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = compileClassNames;
-
 var _utils = require("./utils");
-
 var collectClassNames = function collectClassNames(processedClassNameList) {
   for (var index = 0; index < (arguments.length <= 1 ? 0 : arguments.length - 1); index++) {
     var classInfo = index + 1 < 1 || arguments.length <= index + 1 ? undefined : arguments[index + 1];
-
     if (!classInfo) {
       continue;
     } else if ((0, _utils.isDataTypeOf)(classInfo, _utils.dataTypes.object)) {
@@ -22,14 +19,11 @@ var collectClassNames = function collectClassNames(processedClassNameList) {
     }
   }
 };
-
 function compileClassNames() {
   var resultClassNameList = [];
-
   for (var _len = arguments.length, classinfoList = new Array(_len), _key = 0; _key < _len; _key++) {
     classinfoList[_key] = arguments[_key];
   }
-
   collectClassNames.apply(void 0, [resultClassNameList].concat(classinfoList));
   return resultClassNameList.filter(function (a) {
     return a !== '';