@zohodesk/components 1.0.0-temp-154 → 1.0.0-temp-156

package/lib/utils/Common.js

@@ -33,37 +33,46 @@ 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$//
 
+//$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();
 };
+
 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 = {}
@@ -77,6 +86,7 @@ function cancelBubblingEffect(e) {
 //   );
 // }
 
+
 function encodeForHtml(str) {
   if (/<|>|&|"|'|\\/g.test(str) == true) {
     str = str.replace(/&/g, '&amp;');
@@ -86,8 +96,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;
@@ -96,9 +108,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();
@@ -106,34 +120,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);
@@ -142,27 +166,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;
@@ -172,60 +201,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)) {
@@ -236,24 +283,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 {
@@ -263,21 +316,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 {
@@ -286,17 +344,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) {
@@ -304,15 +366,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);
@@ -321,47 +387,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);
@@ -370,11 +452,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, '');
@@ -382,31 +466,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 {
-
+  } // 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 = 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 _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

@@ -4,10 +4,13 @@ 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)) {
@@ -19,11 +22,14 @@ 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 !== '';

package/lib/utils/css/mergeStyle.js

@@ -4,15 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = mergeStyle;
-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); }
+
 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var REPLACER_SYMBOL = '$';
 
-// $ startWith is used for replace the existing style.
+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) {
@@ -21,15 +20,16 @@ function mergeStyle(defaultStyle) {
   // 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 {
@@ -38,6 +38,7 @@ function mergeStyle(defaultStyle) {
           var styleKey = res[keyName];
           var styleClasses = styleKey.split(' ');
           var ind = styleClasses.indexOf(val);
+
           if (ind !== -1) {
             styleClasses[ind] = styleValue;
             res[keyName] = styleClasses.join(' ');
@@ -50,6 +51,7 @@ function mergeStyle(defaultStyle) {
         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(' ');
@@ -61,6 +63,7 @@ function mergeStyle(defaultStyle) {
       // res[next] = customStyle[next];
       "UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(next, "\" is not available in that component style");
     }
+
     return res;
   }, _objectSpread({}, defaultStyle));
 }