@zohodesk/components 1.0.0-test-252 → 1.0.0

package/es/utils/css/mergeStyle.js

@@ -0,0 +1,57 @@
+const REPLACER_SYMBOL = '$'; // $ startWith is used for replace the existing style.
+// all other will be append
+
+export default function mergeStyle(defaultStyle) {
+  let customStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  let additionalStyle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  // if(!Object.keys(defaultStyle).includes('base')) {
+  //   throw new Error(`STYLE CUSTOMIZATION RULE - Your style sheet should have "base" class name for customization`);
+  // }
+  return Object.keys(customStyle).reduce((res, next) => {
+    if (next.startsWith(REPLACER_SYMBOL)) {
+      let styleValue = customStyle[next];
+      let styleName = next.replace(REPLACER_SYMBOL, '');
+
+      if (!defaultStyle[styleName] && !additionalStyle.includes(styleName)) {
+        // return res;
+        throw new Error(`UNKNOWN CLASSNAME DETECTED - Given customStyle's key "${styleName}" is not available in that component style`);
+      }
+
+      if (additionalStyle.includes(styleName)) {
+        res[styleName] = styleValue;
+      } else {
+        let val = defaultStyle[styleName];
+        Object.keys(res).map(keyName => {
+          let styleKey = res[keyName];
+          let styleClasses = styleKey.split(' ');
+          let ind = styleClasses.indexOf(val);
+
+          if (ind !== -1) {
+            styleClasses[ind] = styleValue;
+            res[keyName] = styleClasses.join(' ');
+          }
+        });
+      }
+    } else if (defaultStyle[next]) {
+      let val = defaultStyle[next];
+      Object.keys(res).map(keyName => {
+        let styleKey = res[keyName];
+        let styleClasses = styleKey.split(' ');
+        let ind = styleClasses.indexOf(val);
+
+        if (ind !== -1) {
+          styleClasses[ind] = styleClasses[ind] + ' ' + customStyle[next];
+          res[keyName] = styleClasses.join(' ');
+        }
+      });
+    } else if (additionalStyle.includes(next)) {
+      res[next] = customStyle[next];
+    } else if (!defaultStyle[next] && !additionalStyle.includes(next)) {
+      // res[next] = customStyle[next];
+      throw new Error(`UNKNOWN CLASSNAME DETECTED - Given customStyle's key "${next}" is not available in that component style`);
+    }
+
+    return res;
+  }, { ...defaultStyle
+  });
+}

package/es/utils/css/utils.js

@@ -0,0 +1,24 @@
+export const dataTypes = {
+  number: 'number',
+  array: 'array',
+  string: 'string',
+  object: 'object',
+  bigint: 'bigint',
+  symbol: 'symbol',
+  undefined: 'undefined',
+  function: 'function',
+  boolean: 'boolean'
+};
+export const getDataType = data => {
+  let typeofData = typeof data;
+  let isArrayDataType = Array.isArray(data);
+
+  if (isArrayDataType) {
+    return dataTypes.array;
+  } else {
+    return dataTypes[typeofData];
+  }
+};
+export const isDataTypeOf = (data, type) => {
+  return getDataType(data) === type;
+};

package/es/utils/datetime/GMTZones.js

@@ -0,0 +1,48 @@
+export const offsetMap = {
+  0: 'GMT+00:00 Africa/Abidjan',
+  44: 'GMT+00:00 Africa/Monrovia',
+  60: 'GMT+01:00 Africa/Bangui',
+  120: 'GMT+02:00 Africa/Blantyre',
+  180: 'GMT+03:00 Africa/Addis_Ababa',
+  210: 'GMT+04:30 Asia/Tehran',
+  240: 'GMT+03:00 Asia/Bahrain',
+  270: 'GMT+04:30 Asia/Kabul',
+  300: 'GMT+05:00 Asia/Aqtau',
+  '-330': 'GMT+05:30 Asia/Kolkata',
+  360: 'GMT+06:00 Asia/Dacca',
+  390: 'GMT+06:30 Indian/Cocos',
+  420: 'GMT+07:00 Asia/Bangkok',
+  450: 'GMT+08:00 Asia/Singapore',
+  480: 'GMT+08:00 Asia/Hong_Kong',
+  510: 'GMT+08:00 Asia/Harbin',
+  525: 'GMT+08:45 Australia/Eucla',
+  540: 'GMT+09:00 Asia/Chita',
+  570: 'GMT+09:30 Australia/Adelaide',
+  600: 'GMT+10:00 Antarctica/DumontDUrville',
+  660: 'GMT+11:00 Asia/Magadan',
+  690: 'GMT+11:00 Pacific/Norfolk',
+  720: 'GMT+12:00 Asia/Kamchatka',
+  765: 'GMT+12:45 Pacific/Chatham',
+  780: 'GMT+12:00 Asia/Anadyr',
+  840: 'GMT+14:00 Etc/GMT-14',
+  '-60': 'GMT-01:00 Etc/GMT+1',
+  '-660': 'GMT-11:00 US/Samoa',
+  '-600': 'GMT-04:00 America/Anguilla',
+  '-240': 'GMT-04:00 America/Antigua',
+  '-180': 'GMT-03:00 America/Araguaina',
+  '-300': 'GMT-05:00 America/Atikokan',
+  '-480': 'GMT-05:00 America/Bahia_Banderas',
+  '-360': 'GMT-06:00 America/Belize',
+  '-420': 'GMT-06:00 America/Boise',
+  '-540': 'GMT-07:00 America/Dawson',
+  '-135': 'GMT-04:00 America/Guyana',
+  '-120': 'GMT-02:00 Etc/GMT+2',
+  '-150': 'GMT-03:00 America/Paramaribo',
+  '-210': 'GMT-04:00 America/Santo_Domingo',
+  '-720': 'GMT+12:00 Pacific/Kwajalein',
+  '-560': 'GMT+14:00 Pacific/Kiritimati',
+  '-510': 'GMT-09:30 Pacific/Marquesas',
+  '-630': 'GMT-11:00 Pacific/Niue',
+  '-450': 'GMT-08:00 Pacific/Pitcairn',
+  '-570': 'GMT-10:00 Pacific/Rarotonga'
+};

package/es/utils/datetime/common.js

@@ -1,3 +1,4 @@
+import { offsetMap } from './GMTZones.js';
 let dateFormat = {
   dayNames: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
   monthNames: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
@@ -10,8 +11,15 @@ export function pad(n) {
   n = `${n}`;
   return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
 }
+export function getTimeOffset() {
+  const GMT = new Date();
+  const matchingOffset = Object.keys(offsetMap).find(offset => GMT.getTimezoneOffset() === Number(offset));
+  return matchingOffset ? offsetMap[matchingOffset].toString().split(' ') : ['', ''];
+}
 export function formatDate(dateMill, mask) {
   let date = new Date(dateMill);
+  let O = getTimeOffset()[0];
+  let Z = getTimeOffset()[1];
   let d = date.getDate();
   let D = date.getDay();
   let m = date.getMonth();
@@ -22,6 +30,7 @@ export function formatDate(dateMill, mask) {
   let L = date.getMilliseconds();
   let flags = {
     d: d,
+    O: O,
     dd: pad(d, 2),
     ddd: dateFormat.dayNames[D],
     dddd: dateFormat.dayNames[D + 7],
@@ -49,13 +58,18 @@ export function formatDate(dateMill, mask) {
     L: pad(Math.round(L / 10)),
     t: H < 12 ? dateFormat.timeNames[0] : dateFormat.timeNames[1],
     A: H < 12 ? dateFormat.timeNames[6] : dateFormat.timeNames[7],
-    T: H < 12 ? dateFormat.timeNames[4] : dateFormat.timeNames[5]
+    a: H < 12 ? dateFormat.timeNames[6] : dateFormat.timeNames[7],
+    T: H < 12 ? dateFormat.timeNames[4] : dateFormat.timeNames[5],
+    Z: Z,
+    VV: Z,
+    SSS: pad(L, 3)
   };
-  let token = /D{1,4}|d{1,4}|M{1,4}|YYYY|yyyy|YY|yy?|([HhmsA])\1?|[LloSZWN]|\[[^\]]*\]|'[^']*'/g;
+  let token = /D{1,4}|d{1,4}|M{1,4}|YYYY|yyyy|YY|O|Z|VV|SSS|yy?|([HhmsAa])\1?|[LloSZWN]|\[[^\]]*\]|'[^']*'/g;
   let dat = mask.replace(token, match => {
     if (match in flags) {
       return flags[match];
     }
+
     return match.slice(1, match.length - 1);
   });
   return dat;
@@ -70,6 +84,7 @@ export function replaceI18NValuesWithRegex(i18nStr, values) {
       i18nStr = i18nStr.replace(new RegExp('\\{0\\}', 'g'), values);
     }
   }
+
   return i18nStr;
 }
 export function unescapeUnicode(str) {
@@ -84,25 +99,28 @@ export function getI18NValue(i18n) {
   if (typeof i18n === 'undefined') {
     return key => key;
   }
+
   return (key, values) => {
     let i18nStr = i18n[key];
+
     if (i18nStr === undefined) {
       return key;
     }
+
     i18nStr = replaceI18NValuesWithRegex(i18nStr, values);
     return unescapeUnicode(i18nStr);
   };
-}
-
-// function getValues(params = [], diff) {
+} // function getValues(params = [], diff) {
 //   return params.map(param => {
 //     return diff[param];
 //   });
 // }
+
 export function getI18NInfo(toDateObj, props, diffObj) {
   let key = null,
-    values,
-    text = null;
+      values,
+      text = null;
+
   if (typeof props === 'function') {
     let value = props(diffObj1);
     key = value.key;
@@ -113,6 +131,7 @@ export function getI18NInfo(toDateObj, props, diffObj) {
   } else if (typeof props === 'string') {
     text = toDateObj.format(props);
   }
+
   return {
     key,
     values,
@@ -141,12 +160,15 @@ let oneYearInMillis = 31536000000;
 let oneDayInMillis = 86400000;
 let oneHourInMillis = 3600000;
 let oneMinuteInMillis = 60000;
+
 function convertAsNonExponential(number) {
   if (number.toString().toLowerCase().indexOf('e') !== -1) {
     return number.toFixed(20);
   }
+
   return number;
 }
+
 export function getDiffObj(diff) {
   diff = Math.abs(diff);
   let diffYears = diff / oneYearInMillis;
@@ -173,8 +195,10 @@ export function getDiffObj(diff) {
 export function getMonthEnd(month, year) {
   let monthend = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
   let isLeapYear = year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
+
   if (month === 1 && isLeapYear) {
     return 29;
   }
+
   return monthend[month];
 }

package/es/utils/debounce.js

@@ -2,16 +2,20 @@ export function debounce(func, wait, immediate) {
   let timeout;
   return function () {
     let context = this,
-      args = arguments;
+        args = arguments;
+
     let later = function () {
       timeout = null;
+
       if (!immediate) {
         func.apply(context, args);
       }
     };
+
     let callNow = immediate && !timeout;
     clearTimeout(timeout);
     timeout = setTimeout(later, wait);
+
     if (callNow) {
       func.apply(context, args);
     }

package/es/utils/dropDownUtils.js

@@ -4,26 +4,43 @@ import { getIsEmptyValue, getSearchString } from './Common';
 export const dummyArray = [];
 export const dummyObj = {};
 export const getOptions = props => props.options || dummyArray;
+
 const getOptionsOrder = props => props.optionsOrder || dummyArray;
+
 const getSelectedOptionsSel = props => props.selectedOptions || dummyArray;
+
 const getSearchStr = props => props.searchStr || '';
+
 export const getValueField = props => props.valueField || '';
 export const getTextField = props => props.textField || '';
 export const getImageField = props => props.imageField || '';
 export const getIconName = props => props.iconName || '';
 export const getIconSize = props => props.iconSize || '';
 export const getOptionType = props => props.optionType || '';
+
 const getNeedSearch = props => props.needSearch;
+
 const getIsDefaultSelectValue = props => props.isDefaultSelectValue;
+
 const getSelectedOptionsLength = props => getIsEmptyValue(props.selectedOptionsLength) ? '' : props.selectedOptionsLength;
+
 const getNormalizedFormatOptions = props => props.normalizedFormatOptions || dummyObj;
+
 const getSelectedValue = props => getIsEmptyValue(props.selectedValue) ? '' : props.selectedValue;
+
 const getSelectedFormatOptions = props => props.selectedFormatOptions || dummyObj;
+
 export const getPrefixText = props => props.prefixText || '';
+
 const getIsStartWithSearch = props => props.isStartsWithSearch;
+
+const getKeepSelectedOptions = props => props.keepSelectedOptions;
+
 const getDisabledOptions = props => props.disabledOptions || dummyArray;
+
 const getListItemProps = props => props.listItemProps || '';
-export const makeGetMultiSelectFilterSuggestions = () => createSelector([getOptions, getSelectedOptionsSel, getSearchStr, getNeedSearch, getIsStartWithSearch], (options, selectedOptions, searchStr, needSearch, isStartsWithSearch) => {
+
+export const makeGetMultiSelectFilterSuggestions = () => createSelector([getOptions, getSelectedOptionsSel, getSearchStr, getNeedSearch, getIsStartWithSearch, getKeepSelectedOptions], (options, selectedOptions, searchStr, needSearch, isStartsWithSearch, keepSelectedOptions) => {
   const suggestions = [];
   const suggestionIds = [];
   options.forEach(option => {
@@ -34,7 +51,8 @@ export const makeGetMultiSelectFilterSuggestions = () => createSelector([getOpti
     const valueString = getSearchString(value);
     const searchString = getSearchString(searchStr);
     const isMatch = needSearch ? isStartsWithSearch ? valueString.startsWith(searchString) : valueString.indexOf(searchString) !== -1 : true;
-    if (selectedOptions.indexOf(id) === -1 && isMatch) {
+
+    if (selectedOptions.indexOf(id) === -1 && isMatch || keepSelectedOptions) {
       suggestions.push(option);
       suggestionIds.push(id);
     }
@@ -48,9 +66,11 @@ export const optionIdGrouping = (id, prefixText) => {
   if (getIsEmptyValue(id)) {
     return '';
   }
+
   if (getIsEmptyValue(prefixText)) {
     return id;
   }
+
   const prefixType = typeof prefixText === 'number' ? 'Int' : 'Str';
   const idType = typeof id === 'number' ? 'Int' : 'Str';
   return `${prefixType}_${prefixText}_${idType}_${id}`;
@@ -61,15 +81,19 @@ export const extractOptionId = id => {
       id: ''
     };
   }
+
   if (typeof id === 'number') {
     return {
       id
     };
   }
+
   const splitedOption = id.split && id.split('_');
+
   if (splitedOption.length === 1) {
     return splitedOption[0];
   }
+
   if (splitedOption.length === 4) {
     let [prefixType, prefixText, idType, id] = splitedOption;
     id = idType === 'Int' ? Number.parseInt(id) : id;
@@ -99,10 +123,10 @@ export const makeFormatOptions = () => createSelector([getOptions, getValueField
       } = option;
       let id = typeof option === 'object' ? option[impValueField || valueField] : option;
       const value = typeof option === 'object' ? option[impTextField || textField] : option;
-      const photoURL = typeof option === 'object' ? option[impImageField || imageField] : '';
+      const photoURL = typeof option === 'object' ? option[impImageField || imageField] : ''; // grouping options (group select/MultiSelect)
 
-      // grouping options (group select/MultiSelect)
       id = !getIsEmptyValue(id) ? optionIdGrouping(id, prefixText) : '';
+
       if (remvampOptionIds.indexOf(id) === -1 && !getIsEmptyValue(id) && !getIsEmptyValue(value)) {
         remvampOptionIds.push(id);
         const optionDetails = {
@@ -110,21 +134,27 @@ export const makeFormatOptions = () => createSelector([getOptions, getValueField
           value,
           optionType: impOptionType || optionType
         };
+
         if (imageField) {
           optionDetails.photoURL = photoURL;
         }
+
         if (impIconName || iconName) {
           optionDetails.icon = impIconName || iconName;
         }
+
         if (impIconSize || iconSize) {
           optionDetails.iconSize = impIconSize || iconSize;
         }
+
         if (disabledOptions.length) {
           optionDetails.isDisabled = disabledOptions.indexOf(id) >= 0;
         }
+
         if (listStyle || listItemProps) {
           optionDetails.listItemProps = listStyle || listItemProps;
         }
+
         normalizedFormatOptions[id] = optionDetails;
         normalizedAllOptions[id] = option;
         revampOptions.push(optionDetails);
@@ -143,11 +173,13 @@ export const makeGetMultiSelectSelectedOptions = () => createSelector([getSelect
   const revampSelectedOptions = [];
   const normalizedSelectedOptions = {};
   selectedOptionsLength = !getIsEmptyValue(selectedOptionsLength) ? selectedOptionsLength : selectedOptions.length;
+
   for (let i = 0; i < selectedOptionsLength; i++) {
     const option = selectedOptions[i];
     const {
       id
     } = normalizedFormatOptions[option] || {};
+
     if (revampSelectedOptions.indexOf(id) === -1 && !getIsEmptyValue(id)) {
       revampSelectedOptions.push(id);
       output.push(normalizedFormatOptions[option]);
@@ -162,6 +194,7 @@ export const makeGetMultiSelectSelectedOptions = () => createSelector([getSelect
       revampSelectedOptions.indexOf(option) === -1 ? revampSelectedOptions.push(option) : null;
     }
   }
+
   return {
     formatSelectedOptions: output,
     normalizedSelectedOptions,
@@ -171,10 +204,12 @@ export const makeGetMultiSelectSelectedOptions = () => createSelector([getSelect
 export const makeGetSelectedValueText = () => createSelector([getOptionsOrder, getNormalizedFormatOptions, getSelectedValue, getSelectedFormatOptions, getIsDefaultSelectValue, getValueField, getTextField], (optionsOrder, normalizedFormatOptions, selectedValue, selectedFormatOptions, isDefaultSelectValue, valueField, textField) => {
   let selectedValueIndex = optionsOrder.indexOf(selectedValue);
   let isSelfValueChanged = false;
+
   if (getIsEmptyValue(selectedValue) && isDefaultSelectValue) {
     [selectedValue] = optionsOrder;
     isSelfValueChanged = true;
   }
+
   const allOptions = Object.assign({}, selectedFormatOptions, normalizedFormatOptions);
   const details = allOptions[selectedValue];
   let hoverIndex = selectedValueIndex !== -1 ? selectedValueIndex : 0;
@@ -184,9 +219,8 @@ export const makeGetSelectedValueText = () => createSelector([getOptionsOrder, g
   let {
     value: selectedValueText = '',
     id: selectedId
-  } = details || dummyObj;
+  } = details || dummyObj; //selectedValue is not included in options case
 
-  //selectedValue is not included in options case
   if (getIsEmptyValue(selectedId)) {
     if (typeof selectedValue === 'object') {
       const id = selectedValue[valueField];
@@ -204,6 +238,7 @@ export const makeGetSelectedValueText = () => createSelector([getOptionsOrder, g
       selectedId = selectedValue;
     }
   }
+
   return {
     selected: selectedValueText,
     hoverIndex,
@@ -212,17 +247,22 @@ export const makeGetSelectedValueText = () => createSelector([getOptionsOrder, g
     isSelfValueChanged
   };
 });
+
 const getObj1 = props => props.obj1 || dummyObj;
+
 const getObj2 = props => props.obj2 || dummyObj;
-export const makeObjectConcat = () => createSelector([getObj1, getObj2], (obj1, obj2) => Object.assign({}, obj1, obj2));
 
+export const makeObjectConcat = () => createSelector([getObj1, getObj2], (obj1, obj2) => Object.assign({}, obj1, obj2));
 /***** Group Select *****/
+
 const getGroupedOptions = props => props.groupedOptions || dummyArray;
+
 const getFormatOptions = makeFormatOptions();
 export const makeGetGroupSelectOptions = () => createSelector([getGroupedOptions], groupedOptions => {
   const revampedGroups = [];
   let allOptionIds = [];
   let allNormalizedOptions = {}; //all group normalized options
+
   let allNormalizedFormatOptions = {};
   const groupIds = [];
   const normalizedGroupedOptions = {};
@@ -234,6 +274,7 @@ export const makeGetGroupSelectOptions = () => createSelector([getGroupedOptions
       valueField,
       textField
     } = group;
+
     if (!getIsEmptyValue(groupId) && groupIds.indexOf(groupId) === -1) {
       groupIds.push(groupId);
       normalizedGroupedOptions[groupId] = group;
@@ -248,6 +289,7 @@ export const makeGetGroupSelectOptions = () => createSelector([getGroupedOptions
         textField,
         prefixText: groupId
       });
+
       if (optionsOrder.length) {
         revampedGroups.push({
           id: groupId,
@@ -269,7 +311,9 @@ export const makeGetGroupSelectOptions = () => createSelector([getGroupedOptions
     normalizedGroupedOptions
   };
 });
+
 const getGroups = props => props.revampedGroups;
+
 const getFilterSuggestions = makeGetMultiSelectFilterSuggestions();
 export const makeGetGroupSelectFilterSuggestions = () => createSelector([getGroups, getSearchStr, getNeedSearch, getIsStartWithSearch], (groups, searchStr, needSearch, isStartsWithSearch) => {
   const suggestionGroups = [];
@@ -287,6 +331,7 @@ export const makeGetGroupSelectFilterSuggestions = () => createSelector([getGrou
       searchStr,
       isStartsWithSearch
     });
+
     if (suggestionIds.length) {
       suggestionGroups.push(Object.assign({}, group, {
         options: suggestions
@@ -304,6 +349,7 @@ export const makeGetOptionIdChange = () => createSelector([getOptions, getValueF
   return options.reduce((changedOptions, option) => {
     let newOption;
     const id = typeof option === 'object' ? option[valueField] : option;
+
     if (typeof option === 'object' && !getIsEmptyValue(id)) {
       newOption = Object.assign({}, option, {
         [valueField]: optionIdGrouping(id, prefixText),
@@ -311,9 +357,11 @@ export const makeGetOptionIdChange = () => createSelector([getOptions, getValueF
         textField,
         optionType
       });
+
       if (imageField) {
         newOption.imageField = imageField;
       }
+
       changedOptions.push(newOption);
     } else if (!getIsEmptyValue(id)) {
       newOption = {
@@ -327,6 +375,7 @@ export const makeGetOptionIdChange = () => createSelector([getOptions, getValueF
       };
       changedOptions.push(newOption);
     }
+
     return changedOptions;
   }, newOptions);
 });
@@ -337,22 +386,23 @@ export const filterSelectedOptions = function () {
     disabledOptions = dummyArray
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   // eslint-disable-next-line no-param-reassign
-  selectedOptions = selectedOptions || dummyArray;
-  // eslint-disable-next-line no-param-reassign
-  propSelectedOptions = propSelectedOptions || dummyArray;
-  // eslint-disable-next-line no-param-reassign
+  selectedOptions = selectedOptions || dummyArray; // eslint-disable-next-line no-param-reassign
+
+  propSelectedOptions = propSelectedOptions || dummyArray; // eslint-disable-next-line no-param-reassign
+
   disabledOptions = disabledOptions || dummyArray;
-  const newlyAddedOptions = selectedOptions.filter(selectedOption => propSelectedOptions.indexOf(selectedOption) === -1);
+  const newlyAddedOptions = selectedOptions.filter(selectedOption => propSelectedOptions.indexOf(selectedOption) === -1); // eslint-disable-next-line max-len
 
-  // eslint-disable-next-line max-len
   const oldValidSelectedOptions = propSelectedOptions.filter(selectedOption => {
     const isRemoved = selectedOptions.indexOf(selectedOption) === -1;
     const isDisabled = disabledOptions.indexOf(selectedOption) >= 0;
+
     if (isDisabled) {
       return true;
     } else if (isRemoved) {
       return false;
     }
+
     return true;
   });
   return {
@@ -363,28 +413,36 @@ export const makeGetIsShowClearIcon = () => createSelector([getSelectedOptionsSe
   let countForShowClear = 2;
   let enabledOptionsLength = 0;
   let isShowClearIcon = selectedOptions.length >= countForShowClear;
+
   if (disabledOptions.length) {
     let isHaveEnabledOptions = false;
     let isAllDisabled = disabledOptions.length === selectedOptions.length;
+
     if (!isAllDisabled) {
       isHaveEnabledOptions = selectedOptions.some(option => {
         let {
           isDisabled = false
         } = option || {};
+
         if (!isDisabled) {
           enabledOptionsLength += 1;
+
           if (enabledOptionsLength === countForShowClear) {
             return true;
           }
+
           return false;
         }
+
         return false;
       });
     }
+
     return {
       isShowClearIcon: isAllDisabled ? !isAllDisabled : isHaveEnabledOptions
     };
   }
+
   return {
     isShowClearIcon
   };

package/es/utils/getInitial.js

@@ -2,19 +2,23 @@ export function getInitial() {
   let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let initial = '';
+
   if (firstName) {
     firstName = firstName.trim();
     initial = firstName[0];
   }
+
   if (lastName) {
     lastName = lastName.trim();
     initial += initial ? lastName[0] : lastName.substring(0, 2);
   }
+
   return initial ? initial.toUpperCase() : initial;
 }
 export function getInitialByPattern(firstName, lastName, pattern) {
   if (pattern[0] === 'FIRST_NAME') {
     return getInitial(firstName, lastName);
   }
+
   return getInitial(lastName, firstName);
 }

package/es/utils/index.js

@@ -0,0 +1,3 @@
+export { default as compileClassNames } from './css/compileClassNames';
+export { default as mergeStyle } from './css/mergeStyle';
+export { stopAllEventPropagation, capitalize, getFullName, bytesToSize, getMemSize, checkIsImageFile, getFullDateString, format12Hour, getDateOnly, doAfterScrollEnd, debounce, throttle, getElementSpace, getSearchString, findScrollEnd, isTextSelected } from './Common';

package/es/utils/shallowEqual.js

@@ -5,22 +5,28 @@ function is(x, y) {
     return x !== x && y !== y;
   }
 }
+
 export default function shallowEqual(objA, objB) {
   if (is(objA, objB)) {
     return true;
   }
+
   if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
     return false;
   }
+
   const keysA = Object.keys(objA);
   const keysB = Object.keys(objB);
+
   if (keysA.length !== keysB.length) {
     return false;
   }
+
   for (let i = 0; i < keysA.length; i++) {
     if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
       return false;
     }
   }
+
   return true;
 }

package/install.md

@@ -0,0 +1,10 @@
+- For New :
+
+# npm i
+# npm run common_package_build
+
+For Update:
+
+# npm run download
+# npm run common_package_build
+