@zohodesk/components 1.2.23 → 1.2.24

package/es/utils/dropDownUtils.js

@@ -4,26 +4,42 @@ 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, getKeepSelectedOptions], (options, selectedOptions, searchStr, needSearch, isStartsWithSearch, keepSelectedOptions) => {
   const suggestions = [];
   const suggestionIds = [];
@@ -35,6 +51,7 @@ 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 || keepSelectedOptions) {
       suggestions.push(option);
       suggestionIds.push(id);
@@ -49,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}`;
@@ -62,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;
@@ -100,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 = {
@@ -111,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);
@@ -144,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]);
@@ -163,6 +194,7 @@ export const makeGetMultiSelectSelectedOptions = () => createSelector([getSelect
       revampSelectedOptions.indexOf(option) === -1 ? revampSelectedOptions.push(option) : null;
     }
   }
+
   return {
     formatSelectedOptions: output,
     normalizedSelectedOptions,
@@ -172,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;
@@ -185,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];
@@ -205,6 +238,7 @@ export const makeGetSelectedValueText = () => createSelector([getOptionsOrder, g
       selectedId = selectedValue;
     }
   }
+
   return {
     selected: selectedValueText,
     hoverIndex,
@@ -213,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 = {};
@@ -235,6 +274,7 @@ export const makeGetGroupSelectOptions = () => createSelector([getGroupedOptions
       valueField,
       textField
     } = group;
+
     if (!getIsEmptyValue(groupId) && groupIds.indexOf(groupId) === -1) {
       groupIds.push(groupId);
       normalizedGroupedOptions[groupId] = group;
@@ -249,6 +289,7 @@ export const makeGetGroupSelectOptions = () => createSelector([getGroupedOptions
         textField,
         prefixText: groupId
       });
+
       if (optionsOrder.length) {
         revampedGroups.push({
           id: groupId,
@@ -270,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 = [];
@@ -288,6 +331,7 @@ export const makeGetGroupSelectFilterSuggestions = () => createSelector([getGrou
       searchStr,
       isStartsWithSearch
     });
+
     if (suggestionIds.length) {
       suggestionGroups.push(Object.assign({}, group, {
         options: suggestions
@@ -305,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),
@@ -312,9 +357,11 @@ export const makeGetOptionIdChange = () => createSelector([getOptions, getValueF
         textField,
         optionType
       });
+
       if (imageField) {
         newOption.imageField = imageField;
       }
+
       changedOptions.push(newOption);
     } else if (!getIsEmptyValue(id)) {
       newOption = {
@@ -328,6 +375,7 @@ export const makeGetOptionIdChange = () => createSelector([getOptions, getValueF
       };
       changedOptions.push(newOption);
     }
+
     return changedOptions;
   }, newOptions);
 });
@@ -338,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 {
@@ -364,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/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/es/v1/Accordion/Accordion.js

@@ -21,12 +21,15 @@ export default function Accordion(props) {
     ariaHaspopup
   } = a11y;
   const [selectedItem, setSelectedItem] = useState(propSelectedItem);
+
   function selectMenu(selectedItem) {
     if (onSelect) {
       onSelect(selectedItem);
     }
+
     !disableInternalState && setSelectedItem(selectedItem);
   }
+
   useEffectCallOnlyAfterState(() => {
     if (!disableInternalState) {
       setSelectedItem(propSelectedItem);
@@ -55,9 +58,7 @@ export default function Accordion(props) {
   }, renderChildren);
 }
 Accordion.propTypes = Accordion_propTypes;
-Accordion.defaultProps = Accordion_defaultProps;
-
-// if (__DOCS__) {
+Accordion.defaultProps = Accordion_defaultProps; // if (__DOCS__) {
 //   Accordion.docs = {
 //     componentGroup: 'Animation',
 //     folderName: 'Style Guide'

package/es/v1/Accordion/AccordionItem.js

@@ -22,12 +22,15 @@ export default function AccordionItem(props) {
   let {
     role
   } = a11y;
+
   function equalityChecking() {
     return equalityCheck ? equalityCheck(id, selectedItem) : selectedItem == id;
   }
+
   function handleSelectMenu() {
     selectMenu(id);
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: className ? className : '',
     "data-id": dataId,
@@ -46,8 +49,7 @@ export default function AccordionItem(props) {
   }, children[1]));
 }
 AccordionItem.propTypes = AccordionItem_propTypes;
-AccordionItem.defaultProps = AccordionItem_defaultProps;
-// if (__DOCS__) {
+AccordionItem.defaultProps = AccordionItem_defaultProps; // if (__DOCS__) {
 //   AccordionItem.docs = {
 //     componentGroup: 'Animation',
 //     folderName: 'Style Guide'

package/es/v1/Animation/Animation.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 import { CSSTransition } from 'react-transition-group';
-import style from '../../common/transition.module.css';
+import { animationStyle } from './utils';
 export default function Animation(props) {
   let {
     name,
@@ -15,91 +15,9 @@ export default function Animation(props) {
     onExit = () => {},
     delayClassName = null
   } = props;
-  const animation = {
-    zoomIn: {
-      enter: style.zoomInEnter,
-      enterActive: style.zoomInEnterActive,
-      enterDone: style.zoomInEnterActive,
-      exit: style.zoomInLeave,
-      exitActive: style.zoomInLeaveActive,
-      exitDone: style.zoomInLeaveActive,
-      appear: style.zoomInEnter,
-      appearActive: style.zoomInEnterActive
-    },
-    scaleIn: {
-      enter: style.scaleInEnter,
-      enterActive: style.scaleInEnterActive,
-      enterDone: style.scaleInEnterActive,
-      exit: style.scaleInLeave,
-      exitActive: style.scaleInLeaveActive,
-      exitDone: style.scaleInLeaveActive,
-      appear: style.scaleInEnter,
-      appearActive: style.scaleInEnterActive
-    },
-    fadeIn: {
-      enter: style.fadeInEnter,
-      enterActive: style.fadeInEnterActive,
-      enterDone: style.fadeInEnterActive,
-      exit: style.fadeInLeave,
-      exitActive: style.fadeInLeaveActive,
-      exitDone: style.fadeInLeaveActive,
-      appear: style.fadeInEnter,
-      appearActive: style.fadeInEnterActive
-    },
-    slideLeft: {
-      enter: style.slideLeftEnter,
-      enterActive: style.slideLeftEnterActive,
-      enterDone: style.slideLeftEnterActive,
-      exit: style.slideLeftLeave,
-      exitActive: style.slideLeftLeaveActive,
-      exitDone: style.slideLeftLeaveActive,
-      appear: style.slideLeftEnter,
-      appearActive: style.slideLeftEnterActive
-    },
-    slideDown: {
-      enter: style.slideDownEnter,
-      enterActive: style.slideDownEnterActive,
-      enterDone: style.slideDownEnterActive,
-      exit: style.slideDownLeave,
-      exitActive: style.slideDownLeaveActive,
-      exitDone: style.slideDownLeaveActive,
-      appear: style.slideDownEnter,
-      appearActive: style.slideDownEnterActive
-    },
-    skewIn: {
-      enter: style.skewInEnter,
-      enterActive: style.skewInEnterActive,
-      enterDone: style.skewInEnterActive,
-      exit: style.skewInLeave,
-      exitActive: style.skewInLeaveActive,
-      exitDone: style.skewInLeaveActive,
-      appear: style.skewInEnter,
-      appearActive: style.skewInEnterActive
-    },
-    none: {
-      enter: style.noneEnter,
-      enterActive: style.noneEnterActive,
-      enterDone: style.noneEnterActive,
-      exit: style.noneLeave,
-      exitActive: style.noneLeaveActive,
-      exitDone: style.noneLeaveActive,
-      appear: style.noneEnter,
-      appearActive: style.noneEnterActive
-    },
-    default: {
-      enter: style.defaultEnter,
-      enterActive: style.defaultEnterActive,
-      enterDone: style.defaultEnterActive,
-      exit: style.defaultLeave,
-      exitActive: style.defaultLeaveActive,
-      exitDone: style.defaultLeaveActive,
-      appear: style.defaultEnter,
-      appearActive: style.defaultEnterActive
-    }
-  };
-  let newClassNames = delayClassName ? Object.assign({}, animation[name], {
-    exit: `${delayClassName} ${animation[name].exit}`
-  }) : animation[name];
+  let newClassNames = delayClassName ? Object.assign({}, animationStyle[name], {
+    exit: `${delayClassName} ${animationStyle[name].exit}`
+  }) : animaanimationStyletion[name];
   return /*#__PURE__*/React.createElement(CSSTransition, {
     classNames: newClassNames && newClassNames,
     in: isActive,
@@ -117,9 +35,7 @@ export default function Animation(props) {
   }, /*#__PURE__*/React.createElement(React.Fragment, null, children));
 }
 Animation.propTypes = propTypes;
-Animation.defaultProps = defaultProps;
-
-// if (__DOCS__) {
+Animation.defaultProps = defaultProps; // if (__DOCS__) {
 //   Animation.docs = {
 //     componentGroup: 'Animation',
 //     folderName: 'Style Guide',

package/es/v1/Animation/utils.js

@@ -0,0 +1,83 @@
+import style from '../../common/transition.module.css';
+export const animationStyle = {
+  zoomIn: {
+    enter: style.zoomInEnter,
+    enterActive: style.zoomInEnterActive,
+    enterDone: style.zoomInEnterActive,
+    exit: style.zoomInLeave,
+    exitActive: style.zoomInLeaveActive,
+    exitDone: style.zoomInLeaveActive,
+    appear: style.zoomInEnter,
+    appearActive: style.zoomInEnterActive
+  },
+  scaleIn: {
+    enter: style.scaleInEnter,
+    enterActive: style.scaleInEnterActive,
+    enterDone: style.scaleInEnterActive,
+    exit: style.scaleInLeave,
+    exitActive: style.scaleInLeaveActive,
+    exitDone: style.scaleInLeaveActive,
+    appear: style.scaleInEnter,
+    appearActive: style.scaleInEnterActive
+  },
+  fadeIn: {
+    enter: style.fadeInEnter,
+    enterActive: style.fadeInEnterActive,
+    enterDone: style.fadeInEnterActive,
+    exit: style.fadeInLeave,
+    exitActive: style.fadeInLeaveActive,
+    exitDone: style.fadeInLeaveActive,
+    appear: style.fadeInEnter,
+    appearActive: style.fadeInEnterActive
+  },
+  slideLeft: {
+    enter: style.slideLeftEnter,
+    enterActive: style.slideLeftEnterActive,
+    enterDone: style.slideLeftEnterActive,
+    exit: style.slideLeftLeave,
+    exitActive: style.slideLeftLeaveActive,
+    exitDone: style.slideLeftLeaveActive,
+    appear: style.slideLeftEnter,
+    appearActive: style.slideLeftEnterActive
+  },
+  slideDown: {
+    enter: style.slideDownEnter,
+    enterActive: style.slideDownEnterActive,
+    enterDone: style.slideDownEnterActive,
+    exit: style.slideDownLeave,
+    exitActive: style.slideDownLeaveActive,
+    exitDone: style.slideDownLeaveActive,
+    appear: style.slideDownEnter,
+    appearActive: style.slideDownEnterActive
+  },
+  skewIn: {
+    enter: style.skewInEnter,
+    enterActive: style.skewInEnterActive,
+    enterDone: style.skewInEnterActive,
+    exit: style.skewInLeave,
+    exitActive: style.skewInLeaveActive,
+    exitDone: style.skewInLeaveActive,
+    appear: style.skewInEnter,
+    appearActive: style.skewInEnterActive
+  },
+  none: {
+    enter: style.noneEnter,
+    enterActive: style.noneEnterActive,
+    enterDone: style.noneEnterActive,
+    exit: style.noneLeave,
+    exitActive: style.noneLeaveActive,
+    exitDone: style.noneLeaveActive,
+    appear: style.noneEnter,
+    appearActive: style.noneEnterActive
+  },
+  default: {
+    enter: style.defaultEnter,
+    enterActive: style.defaultEnterActive,
+    enterDone: style.defaultEnterActive,
+    exit: style.defaultLeave,
+    exitActive: style.defaultLeaveActive,
+    exitDone: style.defaultLeaveActive,
+    appear: style.defaultEnter,
+    appearActive: style.defaultEnterActive
+  }
+};

package/es/v1/AppContainer/AppContainer.js

@@ -1,4 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React, { useEffect, useRef, useLayoutEffect } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -43,29 +44,36 @@ export default function AppContainer(props) {
       getTooltipContainer: () => containerElement.current
     });
   }, []);
+
   function mouseOverDispatch(e) {
     if (tooltipRef.current) {
       tooltipRef.current.handleOver(e, containerElement.current);
     }
   }
+
   function removeTimeout() {
     if (timer.current) {
       timer.current = clearTimeout(timer.current);
     }
   }
+
   function handleOver(e) {
     if (timer.current) {
       timer.current = clearTimeout(timer.current);
     }
+
     timer.current = setTimeout(() => mouseOverDispatch(e), tooltipDebounce.current);
   }
+
   function getContainerRef(ref) {
     containerElement.current = ref;
     eleRef && eleRef(ref);
   }
+
   function setTooltipRef(ref) {
     tooltipRef.current = ref;
   }
+
   useEffect(() => {
     if (containerElement.current && needTooltip) {
       containerElement.current.addEventListener('mouseover', handleOver, false);
@@ -104,9 +112,7 @@ export default function AppContainer(props) {
   }, TooltipProps))) : null);
 }
 AppContainer.propTypes = propTypes;
-AppContainer.defaultProps = defaultProps;
-
-// if (__DOCS__) {
+AppContainer.defaultProps = defaultProps; // if (__DOCS__) {
 //   AppContainer.docs = {
 //     componentGroup: 'Template',
 //     folderName: 'Style Guide'