@zohodesk/dot 1.0.0-temp-230.3 → 1.0.0-temp-232

package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -102,10 +102,9 @@ export default class TagsMultiSelect extends React.Component {
     this.containerRef = ele;
   }
 
-  responsiveFunc(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
+  responsiveFunc({
+    mediaQueryOR
+  }) {
     return {
       tabletMode: mediaQueryOR([{
         maxWidth: 700
@@ -239,91 +238,88 @@ export default class TagsMultiSelect extends React.Component {
     }, TextBoxIconProps), getTextBoxChildren ? getTextBoxChildren() : null))), isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: "Helmet"
-    }, _ref2 => {
+    }, ({
+      tabletMode
+    }) => /*#__PURE__*/React.createElement(ResponsiveDropBox, {
+      isAnimate: false,
+      isActive: isPopupReady,
+      isArrow: false,
+      getRef: getContainerRef,
+      isBoxPaddingNeed: true,
+      size: boxSize,
+      boxPosition: boxPosition,
+      isPadding: false,
+      customClass: {
+        customDropBoxWrap: style.dropdown,
+        customDropBox: dropBoxClass
+      },
+      dataId: `${dataId}_dropbox`,
+      isResponsivePadding: true,
+      alignBox: "row",
+      isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+      isRestrictScroll: isRestrictScroll,
+      positionsOffset: positionsOffset,
+      targetOffset: targetOffset
+    }, /*#__PURE__*/React.createElement(Box, {
+      flexible: true
+    }, needSelectAll ? /*#__PURE__*/React.createElement(MultiSelectHeader, {
+      onSelect: handleSelectAll,
+      selectAllText: selectAllText,
+      suggestions: searchList,
+      dataId: `${dataId}_selectAll`
+    }) : null, isTagListLoading ? /*#__PURE__*/React.createElement(Container, {
+      align: "both",
+      className: `${tabletMode ? '' : style.viewpopNew}`
+    }, /*#__PURE__*/React.createElement(Loader, null)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, {
+      scroll: "vertical",
+      className: `${tabletMode ? '' : style.viewpopNew}`,
+      onScroll: this.onScroll,
+      eleRef: this.getContainerRef
+    }, searchList.length ? /*#__PURE__*/React.createElement(Box, {
+      flexible: true,
+      shrink: true,
+      dataId: `${dataId}_Options`
+    }, searchList.map((item, index) => {
       let {
-        tabletMode
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(ResponsiveDropBox, {
-        isAnimate: false,
-        isActive: isPopupReady,
-        isArrow: false,
-        getRef: getContainerRef,
-        isBoxPaddingNeed: true,
-        size: boxSize,
-        boxPosition: boxPosition,
-        isPadding: false,
-        customClass: {
-          customDropBoxWrap: style.dropdown,
-          customDropBox: dropBoxClass
-        },
-        dataId: `${dataId}_dropbox`,
-        isResponsivePadding: true,
+        name,
+        isNew,
+        listItemProps: listProps
+      } = item;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/React.createElement(DropDownSeparator, null) : null, /*#__PURE__*/React.createElement(ListItem, _extends({}, ListItemProps, {
+        key: index,
+        index: index,
+        autoHover: true,
+        value: isNew ? '' : name,
+        title: isNew ? '' : name,
+        onClick: addTag.bind(this, item),
+        needTick: true,
+        highlight: selectSearchIndex === index,
+        getRef: this.getSelectedItemRef,
+        isDisabled: listDisabled,
+        customProps: listProps,
+        customClass: listItemClass
+      }), isNew ? /*#__PURE__*/React.createElement(Container, {
         alignBox: "row",
-        isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-        isRestrictScroll: isRestrictScroll,
-        positionsOffset: positionsOffset,
-        targetOffset: targetOffset
+        align: "vertical"
       }, /*#__PURE__*/React.createElement(Box, {
-        flexible: true
-      }, needSelectAll ? /*#__PURE__*/React.createElement(MultiSelectHeader, {
-        onSelect: handleSelectAll,
-        selectAllText: selectAllText,
-        suggestions: searchList,
-        dataId: `${dataId}_selectAll`
-      }) : null, isTagListLoading ? /*#__PURE__*/React.createElement(Container, {
-        align: "both",
-        className: `${tabletMode ? '' : style.viewpopNew}`
-      }, /*#__PURE__*/React.createElement(Loader, null)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, {
-        scroll: "vertical",
-        className: `${tabletMode ? '' : style.viewpopNew}`,
-        onScroll: this.onScroll,
-        eleRef: this.getContainerRef
-      }, searchList.length ? /*#__PURE__*/React.createElement(Box, {
-        flexible: true,
+        className: style.newTagLabel
+      }, i18nKeys.newTagText, ":"), /*#__PURE__*/React.createElement(Box, {
         shrink: true,
-        dataId: `${dataId}_Options`
-      }, searchList.map((item, index) => {
-        let {
-          name,
-          isNew,
-          listItemProps: listProps
-        } = item;
-        return /*#__PURE__*/React.createElement(React.Fragment, null, searchList.length > 1 && isNew ? /*#__PURE__*/React.createElement(DropDownSeparator, null) : null, /*#__PURE__*/React.createElement(ListItem, _extends({}, ListItemProps, {
-          key: index,
-          index: index,
-          autoHover: true,
-          value: isNew ? '' : name,
-          title: isNew ? '' : name,
-          onClick: addTag.bind(this, item),
-          needTick: true,
-          highlight: selectSearchIndex === index,
-          getRef: this.getSelectedItemRef,
-          isDisabled: listDisabled,
-          customProps: listProps,
-          customClass: listItemClass
-        }), isNew ? /*#__PURE__*/React.createElement(Container, {
-          alignBox: "row",
-          align: "vertical"
-        }, /*#__PURE__*/React.createElement(Box, {
-          className: style.newTagLabel
-        }, i18nKeys.newTagText, ":"), /*#__PURE__*/React.createElement(Box, {
-          shrink: true,
-          "data-title": name,
-          className: `${style.dotted} ${style.newTagText} `,
-          dataId: `${dataId}_new_tag_text`
-        }, name)) : null));
-      })) : /*#__PURE__*/React.createElement(Box, {
-        flexible: true,
-        dataId: `${dataId}_empty`
-      }, /*#__PURE__*/React.createElement(Container, {
-        className: style.searchEmpty
-      }, /*#__PURE__*/React.createElement(CommonEmptyState, {
-        title: i18nKeys.emptyTitleText,
-        description: i18nKeys.emptyDescription,
-        size: "small",
-        getEmptyState: this.emptySearchSVG
-      })))))));
-    }) : null);
+        "data-title": name,
+        className: `${style.dotted} ${style.newTagText} `,
+        dataId: `${dataId}_new_tag_text`
+      }, name)) : null));
+    })) : /*#__PURE__*/React.createElement(Box, {
+      flexible: true,
+      dataId: `${dataId}_empty`
+    }, /*#__PURE__*/React.createElement(Container, {
+      className: style.searchEmpty
+    }, /*#__PURE__*/React.createElement(CommonEmptyState, {
+      title: i18nKeys.emptyTitleText,
+      description: i18nKeys.emptyDescription,
+      size: "small",
+      getEmptyState: this.emptySearchSVG
+    })))))))) : null);
   }
 
 }

package/es/list/status/StatusDropdown/StatusDropdown.js

@@ -113,10 +113,9 @@ export class StatusDropdown extends React.Component {
     }
   }
 
-  responsiveFunc(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
+  responsiveFunc({
+    mediaQueryOR
+  }) {
     return {
       tabletMode: mediaQueryOR([{
         maxWidth: 700
@@ -234,118 +233,115 @@ export class StatusDropdown extends React.Component {
     }) : null), isPopupOpen && isEditable ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: "Helmet"
-    }, _ref2 => {
-      let {
-        tabletMode
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(ResponsiveDropBox, {
-        boxPosition: position,
-        isActive: isPopupReady,
-        onClick: removeClose,
-        size: boxSize,
-        right: right,
-        left: left,
-        top: top,
-        bottom: bottom,
-        isArrow: isArrow,
-        isAnimate: true,
-        getRef: getContainerRef,
-        customClass: {
-          customDropBoxWrap: style.dropBoxContainer,
-          customDropBox: dropBoxClass
-        },
-        needResponsive: needResponsive,
-        isResponsivePadding: true,
-        needFocusScope: true,
-        onClose: this.handleTogglePopup,
-        dataId: `${dataId}_dropbox`,
-        isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-        isRestrictScroll: isRestrictScroll,
-        positionsOffset: positionsOffset,
-        targetOffset: targetOffset,
-        customProps: {
-          focusScopeProps: {
-            loadNextOptions: getNextOptions,
-            searchValue: searchString,
-            isFetchingOptions: isFetchingOptions
-          }
+    }, ({
+      tabletMode
+    }) => /*#__PURE__*/React.createElement(ResponsiveDropBox, {
+      boxPosition: position,
+      isActive: isPopupReady,
+      onClick: removeClose,
+      size: boxSize,
+      right: right,
+      left: left,
+      top: top,
+      bottom: bottom,
+      isArrow: isArrow,
+      isAnimate: true,
+      getRef: getContainerRef,
+      customClass: {
+        customDropBoxWrap: style.dropBoxContainer,
+        customDropBox: dropBoxClass
+      },
+      needResponsive: needResponsive,
+      isResponsivePadding: true,
+      needFocusScope: true,
+      onClose: this.handleTogglePopup,
+      dataId: `${dataId}_dropbox`,
+      isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+      isRestrictScroll: isRestrictScroll,
+      positionsOffset: positionsOffset,
+      targetOffset: targetOffset,
+      customProps: {
+        focusScopeProps: {
+          loadNextOptions: getNextOptions,
+          searchValue: searchString,
+          isFetchingOptions: isFetchingOptions
         }
-      }, /*#__PURE__*/React.createElement(React.Fragment, null, isSearch ? /*#__PURE__*/React.createElement(Box, {
-        className: style.search
-      }, /*#__PURE__*/React.createElement(TextBoxIcon, {
-        placeHolder: placeHolderText,
-        onChange: this.handleChange,
-        value: searchString,
-        onClear: this.onSearchClear,
-        size: searchBoxSize,
-        customProps: {
-          TextBoxProps: {
-            'data-a11y-autofocus': true
-          }
-        },
-        a11y: {
-          ariaHaspopup: isSearch ? 'listbox' : 'menu',
-          ariaExpanded: isPopupReady,
-          role: 'combobox',
-          ariaActivedescendant: isPopupReady ? value : '',
-          ariaOwns: ariaTitleId
-        },
-        dataId: `${dataId}_search`
-      })) : null, title && options.length != 0 && /*#__PURE__*/React.createElement(Box, {
-        className: style.title
-      }, /*#__PURE__*/React.createElement(DropDownHeading, {
-        htmlId: ariaTitleId,
-        text: title,
+      }
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, isSearch ? /*#__PURE__*/React.createElement(Box, {
+      className: style.search
+    }, /*#__PURE__*/React.createElement(TextBoxIcon, {
+      placeHolder: placeHolderText,
+      onChange: this.handleChange,
+      value: searchString,
+      onClear: this.onSearchClear,
+      size: searchBoxSize,
+      customProps: {
+        TextBoxProps: {
+          'data-a11y-autofocus': true
+        }
+      },
+      a11y: {
+        ariaHaspopup: isSearch ? 'listbox' : 'menu',
+        ariaExpanded: isPopupReady,
+        role: 'combobox',
+        ariaActivedescendant: isPopupReady ? value : '',
+        ariaOwns: ariaTitleId
+      },
+      dataId: `${dataId}_search`
+    })) : null, title && options.length != 0 && /*#__PURE__*/React.createElement(Box, {
+      className: style.title
+    }, /*#__PURE__*/React.createElement(DropDownHeading, {
+      htmlId: ariaTitleId,
+      text: title,
+      a11y: {
+        role: 'heading'
+      }
+    })), /*#__PURE__*/React.createElement(Box, {
+      scroll: "vertical",
+      flexible: true,
+      shrink: true,
+      dataId: `${dataId}_list`,
+      preventParentScroll: "vertical",
+      className: `${tabletMode ? style.responsivemaxHgt : style.maxHgt}`,
+      onScroll: this.handleScroll,
+      role: isSearch ? 'listbox' : 'menu',
+      tabindex: "-1",
+      isScrollAttribute: true
+    }, options.length != 0 && isDataLoaded ? /*#__PURE__*/React.createElement(React.Fragment, null, options.map((item, i) => {
+      const listItemText = item[keyName];
+      const isActive = value === listItemText;
+      return /*#__PURE__*/React.createElement(StatusListItem, {
+        key: i,
+        dataId: `dataid_${i}`,
+        value: listItemText,
+        id: item[idName],
+        active: isActive,
+        onClick: this.onSelect.bind(this, item),
+        index: i,
+        needTick: needTick,
+        needBorder: false,
+        bulletColor: item[statusColor],
+        title: listItemText,
+        needMultiLineText: needMultiLineText,
+        autoHover: true,
         a11y: {
-          role: 'heading'
+          role: isSearch ? 'option' : 'menuitem',
+          ariaSelected: isActive,
+          ariaLabel: listItemText
         }
-      })), /*#__PURE__*/React.createElement(Box, {
-        scroll: "vertical",
-        flexible: true,
-        shrink: true,
-        dataId: `${dataId}_list`,
-        preventParentScroll: "vertical",
-        className: `${tabletMode ? style.responsivemaxHgt : style.maxHgt}`,
-        onScroll: this.handleScroll,
-        role: isSearch ? 'listbox' : 'menu',
-        tabindex: "-1",
-        isScrollAttribute: true
-      }, options.length != 0 && isDataLoaded ? /*#__PURE__*/React.createElement(React.Fragment, null, options.map((item, i) => {
-        const listItemText = item[keyName];
-        const isActive = value === listItemText;
-        return /*#__PURE__*/React.createElement(StatusListItem, {
-          key: i,
-          dataId: `dataid_${i}`,
-          value: listItemText,
-          id: item[idName],
-          active: isActive,
-          onClick: this.onSelect.bind(this, item),
-          index: i,
-          needTick: needTick,
-          needBorder: false,
-          bulletColor: item[statusColor],
-          title: listItemText,
-          needMultiLineText: needMultiLineText,
-          autoHover: true,
-          a11y: {
-            role: isSearch ? 'option' : 'menuitem',
-            ariaSelected: isActive,
-            ariaLabel: listItemText
-          }
-        });
-      }), isFetchingOptions && /*#__PURE__*/React.createElement(Container, {
-        isCover: false,
-        align: "both"
-      }, /*#__PURE__*/React.createElement(Loader, null))) : isDataLoaded ? /*#__PURE__*/React.createElement(CommonEmptyState, {
-        className: style.svgWrapper,
-        title: searchErrorText || 'No results',
-        description: searchEmptyHint,
-        size: "small",
-        getEmptyState: this.emptySearchSVG
-      }) : /*#__PURE__*/React.createElement("div", {
-        className: style.loader
-      }, /*#__PURE__*/React.createElement(Loader, null))), renderFooterElement ? renderFooterElement : null));
-    }) : null);
+      });
+    }), isFetchingOptions && /*#__PURE__*/React.createElement(Container, {
+      isCover: false,
+      align: "both"
+    }, /*#__PURE__*/React.createElement(Loader, null))) : isDataLoaded ? /*#__PURE__*/React.createElement(CommonEmptyState, {
+      className: style.svgWrapper,
+      title: searchErrorText || 'No results',
+      description: searchEmptyHint,
+      size: "small",
+      getEmptyState: this.emptySearchSVG
+    }) : /*#__PURE__*/React.createElement("div", {
+      className: style.loader
+    }, /*#__PURE__*/React.createElement(Loader, null))), renderFooterElement ? renderFooterElement : null))) : null);
   }
 
 } // if (__DOCS__) {

package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js

@@ -8,10 +8,9 @@ describe('StatusDropdown', () => {
     } = render( /*#__PURE__*/React.createElement(StatusDropdown, null));
     expect(asFragment()).toMatchSnapshot();
   }), test('rendering target element', () => {
-    const renderTargetElement = _ref => {
-      let {
-        isPopupOpen
-      } = _ref;
+    const renderTargetElement = ({
+      isPopupOpen
+    }) => {
       return /*#__PURE__*/React.createElement("div", {
         className: isPopupOpen ? 'popupOpened' : 'popupClosed'
       }, "Target Element");

package/es/lookup/header/Search/Search.js

@@ -60,11 +60,10 @@ export default class Search extends Component {
     getRef && getRef(el);
   }
 
-  handleRenderChildren(_ref) {
-    let {
-      isActive,
-      isFocus
-    } = _ref;
+  handleRenderChildren({
+    isActive,
+    isFocus
+  }) {
     const {
       value,
       selectedId,

package/es/lookup/header/Search/__tests__/Search.spec.js

@@ -48,10 +48,9 @@ describe('Search', () => {
       id: '5'
     }];
 
-    function renderChildren(_ref) {
-      let {
-        value
-      } = _ref;
+    function renderChildren({
+      value
+    }) {
       return /*#__PURE__*/React.createElement("div", null, value);
     }
 

package/es/lookup/header/ViewDropDown/ViewDropDown.js

@@ -39,10 +39,9 @@ class DropDown extends SelectComponent {
     }
   }
 
-  responsiveFunc(_ref) {
-    let {
-      mediaQueryOR
-    } = _ref;
+  responsiveFunc({
+    mediaQueryOR
+  }) {
     return {
       tabletMode: mediaQueryOR([{
         maxWidth: 700
@@ -51,8 +50,6 @@ class DropDown extends SelectComponent {
   }
 
   render() {
-    var _this = this;
-
     const {
       needSearch,
       dropBoxSize,
@@ -106,75 +103,70 @@ class DropDown extends SelectComponent {
     }))), isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: "Helmet"
-    }, _ref2 => {
-      let {
-        tabletMode
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(ResponsiveDropBox, {
-        isAnimate: true,
-        isArrow: false,
-        isActive: isPopupReady,
-        boxPosition: position || `${defaultDropBoxPosition}Center`,
-        getRef: getContainerRef,
-        onClick: removeClose,
-        animationStyle: animationStyle,
-        size: "large",
-        alignBox: "row",
-        isResponsivePadding: true,
-        dataId: `${dataId}_dropbox`,
-        isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
-        isRestrictScroll: isRestrictScroll,
-        positionsOffset: positionsOffset,
-        targetOffset: targetOffset
-      }, /*#__PURE__*/React.createElement(Box, {
-        flexible: true
-      }, /*#__PURE__*/React.createElement(Card, null, needSearch ? /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement(DropDownSearch, {
-        value: searchStr,
-        onChange: this.handleSearch,
-        onKeyDown: this.onSearchKeyDown,
-        getRef: this.searchInputRef,
-        size: searchBoxSize,
-        variant: searchBoxVariant,
-        placeHolder: searchBoxPlaceHolder,
-        maxLength: maxLength,
-        dataId: `${dataId}_search`
-      })) : null, /*#__PURE__*/React.createElement(CardContent, {
-        shrink: true,
-        eleRef: this.suggestionContainerRef,
-        customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : ''
-      }, suggestions.length ? /*#__PURE__*/React.createElement("div", {
-        className: style.listItemContainer,
-        "data-id": `${dataId}_Options`
-      }, suggestions.map(function () {
-        let option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        let index = arguments.length > 1 ? arguments[1] : undefined;
-        const {
-          id,
-          value
-        } = option;
-        return /*#__PURE__*/React.createElement(ListItem, {
-          active: id === selectedId,
-          getRef: _this.suggestionItemRef,
-          highlight: hoverIndex === index ? true : false,
-          id: id,
-          key: `${id}dropDown`,
-          onClick: _this.handleChange,
-          onMouseEnter: _this.handleMouseEnter,
-          size: "medium",
-          value: value,
-          index: index,
-          needTick: true,
-          needBorder: false
-        });
-      })) : isFetchingOptions ? /*#__PURE__*/React.createElement(Container, {
-        align: "both",
-        className: style.loader
-      }, /*#__PURE__*/React.createElement(Loader, null)) : searchStr ? /*#__PURE__*/React.createElement("div", {
-        className: style.emptyState
-      }, searchEmptyMessage || emptyMessage) : /*#__PURE__*/React.createElement("div", {
-        className: style.emptyState
-      }, emptyMessage)))));
-    }) : null);
+    }, ({
+      tabletMode
+    }) => /*#__PURE__*/React.createElement(ResponsiveDropBox, {
+      isAnimate: true,
+      isArrow: false,
+      isActive: isPopupReady,
+      boxPosition: position || `${defaultDropBoxPosition}Center`,
+      getRef: getContainerRef,
+      onClick: removeClose,
+      animationStyle: animationStyle,
+      size: "large",
+      alignBox: "row",
+      isResponsivePadding: true,
+      dataId: `${dataId}_dropbox`,
+      isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+      isRestrictScroll: isRestrictScroll,
+      positionsOffset: positionsOffset,
+      targetOffset: targetOffset
+    }, /*#__PURE__*/React.createElement(Box, {
+      flexible: true
+    }, /*#__PURE__*/React.createElement(Card, null, needSearch ? /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement(DropDownSearch, {
+      value: searchStr,
+      onChange: this.handleSearch,
+      onKeyDown: this.onSearchKeyDown,
+      getRef: this.searchInputRef,
+      size: searchBoxSize,
+      variant: searchBoxVariant,
+      placeHolder: searchBoxPlaceHolder,
+      maxLength: maxLength,
+      dataId: `${dataId}_search`
+    })) : null, /*#__PURE__*/React.createElement(CardContent, {
+      shrink: true,
+      eleRef: this.suggestionContainerRef,
+      customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : ''
+    }, suggestions.length ? /*#__PURE__*/React.createElement("div", {
+      className: style.listItemContainer,
+      "data-id": `${dataId}_Options`
+    }, suggestions.map((option = {}, index) => {
+      const {
+        id,
+        value
+      } = option;
+      return /*#__PURE__*/React.createElement(ListItem, {
+        active: id === selectedId,
+        getRef: this.suggestionItemRef,
+        highlight: hoverIndex === index ? true : false,
+        id: id,
+        key: `${id}dropDown`,
+        onClick: this.handleChange,
+        onMouseEnter: this.handleMouseEnter,
+        size: "medium",
+        value: value,
+        index: index,
+        needTick: true,
+        needBorder: false
+      });
+    })) : isFetchingOptions ? /*#__PURE__*/React.createElement(Container, {
+      align: "both",
+      className: style.loader
+    }, /*#__PURE__*/React.createElement(Loader, null)) : searchStr ? /*#__PURE__*/React.createElement("div", {
+      className: style.emptyState
+    }, searchEmptyMessage || emptyMessage) : /*#__PURE__*/React.createElement("div", {
+      className: style.emptyState
+    }, emptyMessage)))))) : null);
   }
 
 }

package/es/utils/General.js

@@ -3,9 +3,7 @@ export function stopBubbling(event) {
   event.stopPropagation && event.stopPropagation();
   event.nativeEvent && event.nativeEvent.stopImmediatePropagation && event.nativeEvent.stopImmediatePropagation();
 }
-export function getFullName() {
-  let firstName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  let lastName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+export function getFullName(firstName = '', lastName = '') {
   let fullName = '';
 
   if (firstName !== null && firstName !== '') {
@@ -18,10 +16,7 @@ export function getFullName() {
 
   return fullName;
 }
-export function shallowDiff() {
-  let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
+export function shallowDiff(a = {}, b = {}) {
   for (let i in a) {
     if (!(i in b)) {
       return true;