@zohodesk/components 1.0.0-temp-79 → 1.0.0-temp-80

package/lib/semantic/Button/Button.js

@@ -0,0 +1,81 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _defaultProps = require("./props/defaultProps");
+var _propTypes = require("./props/propTypes");
+var _semanticButtonModule = _interopRequireDefault(require("./semanticButton.module.css"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var Button = /*#__PURE__*/function (_React$Component) {
+  _inherits(Button, _React$Component);
+  var _super = _createSuper(Button);
+  function Button(props) {
+    _classCallCheck(this, Button);
+    return _super.call(this, props);
+  }
+  _createClass(Button, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        value = _this$props.value,
+        type = _this$props.type,
+        text = _this$props.text,
+        title = _this$props.title,
+        name = _this$props.name,
+        autoFocus = _this$props.autoFocus,
+        disabled = _this$props.disabled,
+        ref = _this$props.ref,
+        dataId = _this$props.dataId,
+        onClick = _this$props.onClick,
+        children = _this$props.children,
+        customClass = _this$props.customClass,
+        a11y = _this$props.a11y;
+      var ariaLabel = a11y.ariaLabel,
+        ariaHaspopup = a11y.ariaHaspopup,
+        ariaExpanded = a11y.ariaExpanded,
+        ariaControls = a11y.ariaControls,
+        ariaLabelledby = a11y.ariaLabelledby;
+      return /*#__PURE__*/_react["default"].createElement("button", {
+        className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(customClass),
+        "aria-label": ariaLabel,
+        "aria-haspopup": ariaHaspopup,
+        "aria-expanded": ariaExpanded,
+        "aria-controls": ariaControls,
+        "aria-labelledby": ariaLabelledby,
+        type: type,
+        value: value,
+        name: name,
+        autoFocus: autoFocus,
+        disabled: disabled,
+        ref: ref,
+        "data-id": dataId,
+        onClick: onClick,
+        "data-title": title
+      }, children ? children : text);
+    }
+  }]);
+  return Button;
+}(_react["default"].Component);
+exports["default"] = Button;
+Button.defaultProps = _defaultProps.defaultProps;
+Button.propTypes = _propTypes.propTypes;
+if (false) {
+  Button.docs = {
+    componentGroup: 'semantic',
+    folderName: 'DefaultComponents'
+  };
+}

package/lib/semantic/Button/docs/Button__default.docs.js

@@ -0,0 +1,43 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Button = _interopRequireDefault(require("../Button"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var Button__default = /*#__PURE__*/function (_React$Component) {
+  _inherits(Button__default, _React$Component);
+  var _super = _createSuper(Button__default);
+  function Button__default(props) {
+    _classCallCheck(this, Button__default);
+    return _super.call(this, props);
+  }
+  _createClass(Button__default, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_Button["default"], null);
+    }
+  }]);
+  return Button__default;
+}(_react["default"].Component);
+exports["default"] = Button__default;
+if (false) {
+  Button__default.docs = {
+    componentGroup: 'semantic',
+    folderName: 'DefaultComponents'
+  };
+}

package/lib/semantic/Button/props/defaultProps.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  children: null,
+  autoFocus: false,
+  dataId: 'semanticButton',
+  disabled: false,
+  palette: 'primary',
+  text: 'Button',
+  type: 'button',
+  value: 'text',
+  customClass: '',
+  a11y: {}
+};
+exports.defaultProps = defaultProps;

package/lib/semantic/Button/props/propTypes.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var propTypes = {
+  ariaControls: _propTypes["default"].bool,
+  ariaExpanded: _propTypes["default"].bool,
+  ariaHaspopup: _propTypes["default"].bool,
+  ariaLabel: _propTypes["default"].string,
+  autofocus: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  customClass: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  name: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  ref: _propTypes["default"].func,
+  text: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  type: _propTypes["default"].oneOf(['submit', 'reset', 'button']),
+  value: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    ariaLabel: _propTypes["default"].string,
+    ariaHaspopup: _propTypes["default"].bool,
+    ariaExpanded: _propTypes["default"].bool,
+    ariaControls: _propTypes["default"].string,
+    ariaLabelledby: _propTypes["default"].string
+  })
+};
+exports.propTypes = propTypes;

package/lib/semantic/Button/semanticButton.module.css

@@ -0,0 +1,9 @@
+.buttonReset {
+  outline: 0;
+  font: inherit;
+  color: inherit;
+  border: inherit;
+  background-color: inherit;
+  padding: 0;
+  text-align: inherit;
+}

package/lib/utils/Common.js

@@ -0,0 +1,373 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.bind = bind;
+exports.bytesToSize = bytesToSize;
+exports.capitalize = capitalize;
+exports.checkIsImageFile = checkIsImageFile;
+exports.debounce = exports.cs = void 0;
+exports.doAfterScrollEnd = doAfterScrollEnd;
+exports.encodeForHtml = encodeForHtml;
+exports.filterValue = filterValue;
+exports.format12Hour = format12Hour;
+exports.formatValue = formatValue;
+exports.getDateOnly = getDateOnly;
+exports.getElementSpace = getElementSpace;
+exports.getFullDateString = getFullDateString;
+exports.getFullName = getFullName;
+exports.getIsEmptyValue = void 0;
+exports.getListOfDetails = getListOfDetails;
+exports.getMemSize = getMemSize;
+exports.getPortalName = getPortalName;
+exports.getSearchString = getSearchString;
+exports.getStringifiedOutputForJson = getStringifiedOutputForJson;
+exports.getTotalDimension = void 0;
+exports.isDescendant = isDescendant;
+exports.mapValues = mapValues;
+exports.merge = merge;
+exports.parseDecimal = void 0;
+exports.remConvert = remConvert;
+exports.throttle = exports.stopAllEventPropagation = exports.scrollTo = 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 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;
+var stopAllEventPropagation = function stopAllEventPropagation(e) {
+  e.stopPropagation && e.stopPropagation();
+  e.nativeEvent && e.nativeEvent.stopImmediatePropagation && e.nativeEvent.stopImmediatePropagation();
+};
+
+// export function getCommentsDetails(
+//   commentIds = [],
+//   comments = {},
+//   agents = {}
+// ) {
+//   return (
+//     commentIds.map(commentId => {
+//       const comment = comments[commentId] || {};
+//       const commentedBy = comment.commenterId || null;
+//       return Object.assign({}, comment, { commentedBy: agents[commentedBy] });
+//     }) || []
+//   );
+// }
+exports.stopAllEventPropagation = stopAllEventPropagation;
+function encodeForHtml(str) {
+  if (/<|>|&|"|'|\\/g.test(str) == true) {
+    str = str.replace(/&/g, '&amp;');
+    str = str.replace(/</g, '&lt;');
+    str = str.replace(/>/g, '&gt;');
+    str = str.replace(/"/g, '&quot;');
+    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;
+  var ids = Object.keys(Obj) || [];
+  return ids.map(function (id) {
+    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();
+    } else {
+      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);
+        return curr;
+      }, []);
+      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;
+  var copyOfOld = Object.assign({}, oldObj);
+  return Object.keys(newObj).reduce(function (res, key) {
+    res[key] = Object.assign({}, res[key] || {}, newObj[key]);
+    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;
+  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)) {
+      for (var i = 0; i < values.length; i++) {
+        i18nStr = i18nStr.replace(new RegExp("\\{".concat(i, "\\}"), 'g'), values[i]);
+      }
+    } else {
+      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 {
+    var year = fullDateObj.getFullYear();
+    var month = monthArr[fullDateObj.getMonth()];
+    var date = fullDateObj.getDate();
+    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 {
+    var year = fullDateObj.getFullYear();
+    var month = monthArr[fullDateObj.getMonth()];
+    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) {
+    clearTimeout(interval);
+    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);
+    } finally {
+      timerId = undefined;
+    }
+  }, wait);
+};
+exports.throttle = throttle;
+var scrollTo = function scrollTo(suggestionContainer, selSuggestion) {
+  if (!suggestionContainer || !selSuggestion) {
+    return;
+  }
+  var _ref = frameRelativeRects(selSuggestion, suggestionContainer) || {},
+    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;
+  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;
+  if (elementRef) {
+    var getStyle = window.getComputedStyle(elementRef);
+    var margin = parseFloat(getStyle.marginLeft) + parseFloat(getStyle.marginRight);
+    var padding = parseFloat(getStyle.paddingLeft) + parseFloat(getStyle.paddingRight);
+    var width = parseFloat(elementRef.offsetWidth);
+    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, '');
+}

package/lib/utils/ContextOptimizer.js

@@ -0,0 +1,43 @@
+"use strict";
+
+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;
+  var contextData = (0, _react.useContext)(Context);
+  var data = calculation(contextData);
+  var _useRef = (0, _react.useRef)({
+      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,
+  Context: _propTypes["default"].any.isRequired
+};

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

@@ -0,0 +1,11 @@
+"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');
+  });
+  it('lastname firstname pattern', function () {
+    expect((0, _constructFullName.constructFullNameByPattern)('A', 'Vimalesan', ['LAST_NAME', 'FIRST_NAME'])).toEqual('Vimalesan A');
+  });
+});

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

@@ -0,0 +1,39 @@
+"use strict";
+
+var _debounce = require("../debounce");
+describe('debounce specification', function () {
+  beforeEach(function () {
+    jest.useFakeTimers();
+  });
+  it('should call immediate', function () {
+    var mockfn = jest.fn();
+    var dMockfn = (0, _debounce.debounce)(mockfn, 1000, true);
+    dMockfn();
+    //expect(setTimeout).toHaveBeenCalledTimes(1);
+    expect(mockfn.mock.calls.length).toBe(1);
+  });
+  it('should call two times but it invoke multiple times', function () {
+    var mockfn = jest.fn();
+    var dMockfn = (0, _debounce.debounce)(mockfn, 1000, true);
+    dMockfn();
+    dMockfn();
+    dMockfn();
+    dMockfn();
+    dMockfn();
+    setTimeout(function () {
+      expect(mockfn.mock.calls.length).toBe(2);
+    }, 1000);
+  });
+  it('should call one time but it invoke multiple times', function () {
+    var mockfn = jest.fn();
+    var dMockfn = (0, _debounce.debounce)(mockfn, 1000);
+    dMockfn();
+    dMockfn();
+    dMockfn();
+    dMockfn();
+    dMockfn();
+    setTimeout(function () {
+      expect(mockfn.mock.calls.length).toBe(1);
+    }, 1000);
+  });
+});