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

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

@@ -102,9 +102,10 @@ export default class TagsMultiSelect extends React.Component {
     this.containerRef = ele;
   }
 
-  responsiveFunc({
-    mediaQueryOR
-  }) {
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
     return {
       tabletMode: mediaQueryOR([{
         maxWidth: 700
@@ -238,88 +239,91 @@ export default class TagsMultiSelect extends React.Component {
     }, TextBoxIconProps), getTextBoxChildren ? getTextBoxChildren() : null))), isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: "Helmet"
-    }, ({
-      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) => {
+    }, _ref2 => {
       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, {
+        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,
         alignBox: "row",
-        align: "vertical"
+        isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+        isRestrictScroll: isRestrictScroll,
+        positionsOffset: positionsOffset,
+        targetOffset: targetOffset
       }, /*#__PURE__*/React.createElement(Box, {
-        className: style.newTagLabel
-      }, i18nKeys.newTagText, ":"), /*#__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,
-        "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);
+        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);
   }
 
 }

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

@@ -113,9 +113,10 @@ export class StatusDropdown extends React.Component {
     }
   }
 
-  responsiveFunc({
-    mediaQueryOR
-  }) {
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
     return {
       tabletMode: mediaQueryOR([{
         maxWidth: 700
@@ -233,115 +234,118 @@ export class StatusDropdown extends React.Component {
     }) : null), isPopupOpen && isEditable ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: "Helmet"
-    }, ({
-      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
+    }, _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
+          }
         }
-      },
-      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,
+      }, /*#__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: {
-          role: isSearch ? 'option' : 'menuitem',
-          ariaSelected: isActive,
-          ariaLabel: listItemText
+          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'
         }
-      });
-    }), 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);
+      })), /*#__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);
   }
 
 } // if (__DOCS__) {

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

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

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

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

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

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

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

@@ -39,9 +39,10 @@ class DropDown extends SelectComponent {
     }
   }
 
-  responsiveFunc({
-    mediaQueryOR
-  }) {
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
     return {
       tabletMode: mediaQueryOR([{
         maxWidth: 700
@@ -50,6 +51,8 @@ class DropDown extends SelectComponent {
   }
 
   render() {
+    var _this = this;
+
     const {
       needSearch,
       dropBoxSize,
@@ -103,70 +106,75 @@ class DropDown extends SelectComponent {
     }))), isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: "Helmet"
-    }, ({
-      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);
+    }, _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);
   }
 
 }

package/es/utils/General.js

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