@zohodesk/components 1.0.0-test-252 → 1.0.0

package/lib/utils/Common.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.bind = bind;
 exports.bytesToSize = bytesToSize;
+exports.cancelBubblingEffect = cancelBubblingEffect;
 exports.capitalize = capitalize;
 exports.checkIsImageFile = checkIsImageFile;
 exports.debounce = exports.cs = void 0;
@@ -26,37 +27,60 @@ exports.getSearchString = getSearchString;
 exports.getStringifiedOutputForJson = getStringifiedOutputForJson;
 exports.getTotalDimension = void 0;
 exports.isDescendant = isDescendant;
+exports.isTextSelected = isTextSelected;
 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$//
 
+//$Id$//
 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();
 };
 
-// export function getCommentsDetails(
+exports.stopAllEventPropagation = stopAllEventPropagation;
+
+function cancelBubblingEffect(e) {
+  e && e.stopPropagation && e.stopPropagation();
+  e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
+} // export function getCommentsDetails(
 //   commentIds = [],
 //   comments = {},
 //   agents = {}
@@ -69,7 +93,8 @@ var stopAllEventPropagation = function stopAllEventPropagation(e) {
 //     }) || []
 //   );
 // }
-exports.stopAllEventPropagation = stopAllEventPropagation;
+
+
 function encodeForHtml(str) {
   if (/<|>|&|"|'|\\/g.test(str) == true) {
     str = str.replace(/&/g, '&amp;');
@@ -79,8 +104,10 @@ 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;
@@ -89,9 +116,11 @@ 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();
@@ -99,34 +128,44 @@ 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);
@@ -135,27 +174,32 @@ 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;
@@ -165,60 +209,78 @@ 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)) {
@@ -229,24 +291,30 @@ 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 {
@@ -256,21 +324,26 @@ 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 {
@@ -279,17 +352,21 @@ 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) {
@@ -297,15 +374,19 @@ 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);
@@ -314,47 +395,63 @@ 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);
@@ -363,11 +460,13 @@ 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, '');
@@ -375,17 +474,37 @@ 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 {
-    throw 'Is scroll not present in this element';
+  } // 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,38 +4,44 @@ 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 *** */
 
+/** ** 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,6 +1,7 @@
 "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,6 +1,7 @@
 "use strict";
 
 var _debounce = require("../debounce");
+
 describe('debounce specification', function () {
   beforeEach(function () {
     jest.useFakeTimers();
@@ -8,8 +9,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,6 +1,7 @@
 "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,19 +4,28 @@ 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 _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

@@ -0,0 +1,37 @@
+"use strict";
+
+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)) {
+      for (var property in classInfo) {
+        if (Object.hasOwnProperty.call(classInfo, property) && property !== 'undefined' && property !== 'null' && classInfo[property] && !processedClassNameList.includes(property)) {
+          processedClassNameList.push(property);
+        }
+      }
+    }
+  }
+};
+
+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 !== '';
+  }).join(' ');
+}