@zohodesk/components 1.2.29 → 1.2.30

package/es/v1/DropDown/DropDown.js

@@ -7,7 +7,8 @@ export default function DropDown(props) {
   let {
     children
   } = props;
-  return /*#__PURE__*/React.createElement(PopOver, props, /*#__PURE__*/React.createElement(PopOverTarget, null, children[0]), /*#__PURE__*/React.createElement(PopOverContainer, null, children[1]));
+  return /*#__PURE__*/React.createElement(PopOver, { ...props
+  }, /*#__PURE__*/React.createElement(PopOverTarget, null, children[0]), /*#__PURE__*/React.createElement(PopOverContainer, null, children[1]));
 }
 DropDown.propTypes = DropDown_propTypes;
 export function DropDownTarget(props) {

package/es/v1/ListItem/ListContainer.js

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React, { useCallback } from 'react';
 import { Container } from '../Layout';
@@ -73,7 +71,7 @@ const ListContainer = props => {
     options.tabindex = '0';
   }
 
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/React.createElement(Container, {
     role: role,
     "data-a11y-inset-focus": insetFocus,
     "aria-selected": ariaSelected,
@@ -89,8 +87,11 @@ const ListContainer = props => {
     onMouseOver: onMouseOver,
     eleRef: eleRef,
     tagName: isLink ? 'a' : 'li',
-    "data-title": isDisabled ? disableTitle : title
-  }, options, customProps, a11yAttributes), children);
+    "data-title": isDisabled ? disableTitle : title,
+    ...options,
+    ...customProps,
+    ...a11yAttributes
+  }, children);
 };
 
 ListContainer.defaultProps = ListContainerDefaultProps;

package/es/v1/ListItem/ListItem.js

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React from 'react';
 import { Box } from '../Layout';
@@ -73,7 +71,7 @@ const ListItem = props => {
   } = listA11y;
   let tickIconPalette = style[`${palette}Tick`] ? style[`${palette}Tick`] : '';
   let dataIdString = dataId ? dataId : value ? String(value).replace("'", '_') : 'listItem';
-  return /*#__PURE__*/React.createElement(ListContainer, _extends({
+  return /*#__PURE__*/React.createElement(ListContainer, {
     a11y: listA11y,
     size: size,
     palette: palette,
@@ -94,8 +92,9 @@ const ListItem = props => {
     onClick: handleClick,
     onMouseEnter: handleMouseEnter,
     eleRef: handleRef,
-    customProps: ListItemProps
-  }, ContainerProps), value ? /*#__PURE__*/React.createElement(Box, {
+    customProps: ListItemProps,
+    ...ContainerProps
+  }, value ? /*#__PURE__*/React.createElement(Box, {
     shrink: true,
     adjust: true,
     className: needMultiLineText ? style.multiLineValue : style.value

package/es/v1/ListItem/ListItemWithAvatar.js

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React, { memo } from 'react';
 import { Box } from '../Layout';
@@ -78,7 +76,7 @@ const ListItemWithAvatar = props => {
   } = listA11y;
   let isDarkPalette = palette === 'dark';
   let dataIdString = value ? value : dataId;
-  return /*#__PURE__*/React.createElement(ListContainer, _extends({
+  return /*#__PURE__*/React.createElement(ListContainer, {
     a11y: listA11y,
     size: size,
     palette: palette,
@@ -96,8 +94,9 @@ const ListItemWithAvatar = props => {
     eleRef: handleRef,
     disableTitle: disableTitle,
     title: null,
-    customProps: ListItemProps
-  }, ContainerProps), name || imgSrc ? /*#__PURE__*/React.createElement(Box, {
+    customProps: ListItemProps,
+    ...ContainerProps
+  }, name || imgSrc ? /*#__PURE__*/React.createElement(Box, {
     className: style.leftAvatar
   }, isTeam ? /*#__PURE__*/React.createElement(AvatarTeam, {
     name: name,

package/es/v1/ListItem/ListItemWithCheckBox.js

@@ -1,5 +1,3 @@
-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 from 'react';
 import ListContainer from './ListContainer';
 import { ListItemWithCheckBoxDefaultProps } from './props/defaultProps';
@@ -58,7 +56,7 @@ const ListItemWithCheckBox = props => {
     customCheckBox = '',
     customLabel = ''
   } = customClass;
-  return /*#__PURE__*/React.createElement(ListContainer, _extends({
+  return /*#__PURE__*/React.createElement(ListContainer, {
     a11y: listA11y,
     size: size,
     palette: palette,
@@ -74,8 +72,9 @@ const ListItemWithCheckBox = props => {
     eleRef: handleRef,
     disableTitle: disableTitle,
     title: null,
-    customProps: ListItemProps
-  }, ContainerProps), /*#__PURE__*/React.createElement(Box, {
+    customProps: ListItemProps,
+    ...ContainerProps
+  }, /*#__PURE__*/React.createElement(Box, {
     className: style.iconBox
   }, /*#__PURE__*/React.createElement(CheckBox, {
     checked: checked,

package/es/v1/ListItem/ListItemWithIcon.js

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React from 'react';
 import { Box } from '../Layout';
@@ -68,7 +66,7 @@ const ListItemWithIcon = props => {
     ariaHidden
   } = listA11y;
   let dataIdString = dataId ? `${dataId.replace("'", '_')}` : value.toLowerCase().replace("'", '_');
-  return /*#__PURE__*/React.createElement(ListContainer, _extends({
+  return /*#__PURE__*/React.createElement(ListContainer, {
     a11y: listA11y,
     size: size,
     palette: palette,
@@ -89,8 +87,9 @@ const ListItemWithIcon = props => {
     eleRef: handleRef,
     disableTitle: disableTitle,
     title: null,
-    customProps: ListItemProps
-  }, ContainerProps), iconName && /*#__PURE__*/React.createElement(Box, {
+    customProps: ListItemProps,
+    ...ContainerProps
+  }, iconName && /*#__PURE__*/React.createElement(Box, {
     "aria-hidden": true,
     className: style.iconBox,
     dataId: dataId ? `${dataId}_Icon` : `${value.toLowerCase().replace("'", '_')}_Icon`

package/es/v1/ListItem/ListItemWithRadio.js

@@ -1,5 +1,3 @@
-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 from 'react';
 import Radio from '../Radio/Radio';
 import { Box } from '../Layout';
@@ -58,7 +56,7 @@ const ListItemWithRadio = props => {
     customRadio = '',
     customRadioWrap = ''
   } = customClass;
-  return /*#__PURE__*/React.createElement(ListContainer, _extends({
+  return /*#__PURE__*/React.createElement(ListContainer, {
     a11y: listA11y,
     size: size,
     palette: palette,
@@ -74,8 +72,9 @@ const ListItemWithRadio = props => {
     eleRef: handleRef,
     disableTitle: disableTitle,
     title: null,
-    customProps: ListItemProps
-  }, ContainerProps), /*#__PURE__*/React.createElement(Box, {
+    customProps: ListItemProps,
+    ...ContainerProps
+  }, /*#__PURE__*/React.createElement(Box, {
     className: style.iconBox
   }, /*#__PURE__*/React.createElement(Radio, {
     checked: checked,

package/es/v1/Modal/Modal.js

@@ -1,5 +1,3 @@
-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, { useState, useRef, useEffect, useCallback } from 'react';
 import ReactDOM from 'react-dom';
 import useEffectCallOnlyAfterState from '@zohodesk/hooks/es/utils/useEffectCallOnlyAfterState';
@@ -112,9 +110,10 @@ export default function Modal(props) {
 
   if (isMounted) {
     if (Element) {
-      return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Element, _extends({
-        ref: setRef
-      }, elementProps)), portalDiv.current);
+      return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Element, {
+        ref: setRef,
+        ...elementProps
+      }), portalDiv.current);
     }
 
     return null;

package/es/v1/MultiSelect/AdvancedMultiSelect.js

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React from 'react';
 import { AdvancedMultiSelect_propTypes } from './props/propTypes';
@@ -488,7 +486,7 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
       let {
         tabletMode
       } = _ref2;
-      return /*#__PURE__*/React.createElement(ResponsiveDropBox, _extends({
+      return /*#__PURE__*/React.createElement(ResponsiveDropBox, {
         animationStyle: animationStyle,
         boxPosition: position || `${defaultDropBoxPosition}Center`,
         getRef: getContainerRef,
@@ -502,11 +500,11 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
         a11y: {
           role: 'listbox',
           ariaMultiselectable: true
-        }
-      }, DropBoxProps, {
+        },
+        ...DropBoxProps,
         alignBox: "row",
         isResponsivePadding: getFooter ? false : true
-      }), isLoading ? /*#__PURE__*/React.createElement(Container, {
+      }, isLoading ? /*#__PURE__*/React.createElement(Container, {
         align: "both",
         className: style.loader
       }, /*#__PURE__*/React.createElement(Loader, null)) : /*#__PURE__*/React.createElement(Box, {
@@ -523,7 +521,7 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
         shrink: true,
         customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : '',
         eleRef: this.suggestionContainerRef
-      }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, _extends({
+      }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, {
         suggestions: suggestions,
         selectedOptions: allselectedOptionIds,
         getRef: this.suggestionItemRef,
@@ -534,8 +532,9 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
         listItemSize: listItemSize,
         a11y: {
           role: 'option'
-        }
-      }, SuggestionsProps)) : /*#__PURE__*/React.createElement(EmptyState, {
+        },
+        ...SuggestionsProps
+      }) : /*#__PURE__*/React.createElement(EmptyState, {
         isLoading: isFetchingOptions,
         options: options,
         searchString: searchStr,

package/es/v1/MultiSelect/MultiSelectWithAvatar.js

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React from 'react';
 import { MultiSelectWithAvatar_propTypes } from './props/propTypes';
@@ -160,7 +158,7 @@ class MultiSelectWithAvatarComponent extends MultiSelectComponent {
       shrink: true,
       customClass: !isModel && dropBoxSize ? style[dropBoxSize] : '',
       eleRef: this.suggestionContainerRef
-    }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, _extends({
+    }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, {
       needTick: keepSelectedOptions,
       suggestions: suggestions,
       getRef: this.suggestionItemRef,
@@ -173,8 +171,9 @@ class MultiSelectWithAvatarComponent extends MultiSelectComponent {
       selectedOptions: selectedOptionIds,
       a11y: {
         role: 'option'
-      }
-    }, SuggestionsProps)) : /*#__PURE__*/React.createElement(EmptyState, {
+      },
+      ...SuggestionsProps
+    }) : /*#__PURE__*/React.createElement(EmptyState, {
       isLoading: isFetchingOptions,
       options: options,
       searchString: searchStr,

package/es/v1/MultiSelect/SelectedOptions.js

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React from 'react';
 import { SelectedOptions_propTypes } from './props/propTypes';
@@ -52,28 +50,28 @@ export default class SelectedOptions extends React.PureComponent {
         return /*#__PURE__*/React.createElement(Box, {
           className: `${style.tag} ${style[size]}`,
           key: `${id}photoTag`
-        }, /*#__PURE__*/React.createElement(Tag, _extends({}, commonProps, {
+        }, /*#__PURE__*/React.createElement(Tag, { ...commonProps,
           active: highLightedSelectOptions.indexOf(id) >= 0,
           hasAvatar: true,
           imageURL: photoURL
-        })));
+        }));
       } else if (optionType === 'icon') {
         return /*#__PURE__*/React.createElement(Box, {
           className: `${style.tag} ${style[size]}`,
           key: `${id}iconTag`
-        }, /*#__PURE__*/React.createElement(Tag, _extends({}, commonProps, {
+        }, /*#__PURE__*/React.createElement(Tag, { ...commonProps,
           active: highLightedSelectOptions.indexOf(id) >= 0,
           iconName: icon,
           iconSize: iconSize
-        })));
+        }));
       }
 
       return /*#__PURE__*/React.createElement(Box, {
         className: `${style.tag} ${style[size]}`,
         key: `${id}tag`
-      }, /*#__PURE__*/React.createElement(Tag, _extends({}, commonProps, {
+      }, /*#__PURE__*/React.createElement(Tag, { ...commonProps,
         active: highLightedSelectOptions.indexOf(id) >= 0
-      })));
+      }));
     }));
   }
 

package/es/v1/MultiSelect/Suggestions.js

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React from 'react';
 import { Suggestions_propTypes } from './props/propTypes';
@@ -76,7 +74,7 @@ export default class Suggestions extends React.PureComponent {
       }
 
       if (optionType === 'avatar') {
-        return /*#__PURE__*/React.createElement(ListItemWithAvatar, _extends({}, commonProps, {
+        return /*#__PURE__*/React.createElement(ListItemWithAvatar, { ...commonProps,
           autoHover: false,
           getRef: getRef,
           highlight: isHighlight,
@@ -95,9 +93,9 @@ export default class Suggestions extends React.PureComponent {
           avatarPalette: avatarPalette,
           palette: palette,
           a11y: list_a11y
-        }));
+        });
       } else if (optionType === 'icon') {
-        return /*#__PURE__*/React.createElement(ListItemWithIcon, _extends({}, commonProps, {
+        return /*#__PURE__*/React.createElement(ListItemWithIcon, { ...commonProps,
           autoHover: false,
           getRef: getRef,
           highlight: isHighlight,
@@ -115,10 +113,10 @@ export default class Suggestions extends React.PureComponent {
           size: listItemSize,
           palette: palette,
           a11y: list_a11y
-        }));
+        });
       }
 
-      return /*#__PURE__*/React.createElement(ListItem, _extends({}, commonProps, {
+      return /*#__PURE__*/React.createElement(ListItem, { ...commonProps,
         autoHover: false,
         getRef: getRef,
         highlight: isHighlight,
@@ -134,7 +132,7 @@ export default class Suggestions extends React.PureComponent {
         size: listItemSize,
         palette: palette,
         a11y: list_a11y
-      }));
+      });
     })));
   }
 

package/es/v1/MultiSelect/props/defaultProps.js

@@ -109,7 +109,8 @@ export const MultiSelect_defaultProps = {
   dataSelectorId: 'multiSelect',
   keepSelectedOptions: false,
   selectedOptionsCount: 0,
-  cardHeaderName: ''
+  cardHeaderName: '',
+  needResponsive: true
 };
 export const MultiSelectHeader_defaultProps = {
   dataId: 'MultiSelectHeader'
@@ -143,7 +144,8 @@ export const MultiSelectWithAvatar_defaultProps = {
   isLoading: false,
   dataSelectorId: 'multiSelectWithAvatar',
   keepSelectedOptions: false,
-  customProps: {}
+  customProps: {},
+  needResponsive: true
 };
 export const SelectedOptions_defaultProps = {
   size: 'medium'

package/es/v1/Popup/Popup.js

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -623,14 +621,15 @@ const Popup = function (Component) {
         isPopupOpen
       } = this.state;
       const localState = isPopupReady ? this.state : {};
-      return /*#__PURE__*/React.createElement(Component, _extends({}, this.props, this.state, {
+      return /*#__PURE__*/React.createElement(Component, { ...this.props,
+        ...this.state,
         openPopupOnly: this.openPopupOnly,
         closePopupOnly: this.closePopupOnly,
         togglePopup: this.togglePopup,
         removeClose: this.removeClose,
         getTargetRef: this.getTargetRef,
         getContainerRef: this.getContainerRef
-      }));
+      });
     }
 
   }

package/es/v1/Radio/Radio.js

@@ -1,5 +1,3 @@
-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 from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -63,7 +61,7 @@ const Radio = props => {
     getRef && getRef(ele, value);
   }
 
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/React.createElement(Container, {
     dataId: value ? value.toLowerCase() : 'RadioComp',
     isCover: false,
     isInline: text ? false : true,
@@ -79,8 +77,9 @@ const Radio = props => {
     "aria-Hidden": ariaHidden,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
-    "aria-readonly": ariaReadonly
-  }, ContainerProps), /*#__PURE__*/React.createElement(Box, {
+    "aria-readonly": ariaReadonly,
+    ...ContainerProps
+  }, /*#__PURE__*/React.createElement(Box, {
     className: `${style.radio} ${checked ? `${style[`rdBox${palette}`]}` : ''}
           ${isReadOnly || disabled ? '' : `${style[`hover${palette}`]}`} ${style[size]} ${isFilled ? style.filled : ''} ${style[`centerPath${palette}`]} ${customRadio}`
   }, /*#__PURE__*/React.createElement("input", {
@@ -106,7 +105,7 @@ const Radio = props => {
   }) : null))), text && /*#__PURE__*/React.createElement(Box, {
     flexible: true,
     className: style.text
-  }, /*#__PURE__*/React.createElement(Label, _extends({
+  }, /*#__PURE__*/React.createElement(Label, {
     text: text,
     palette: labelPalette,
     size: labelSize,
@@ -116,8 +115,9 @@ const Radio = props => {
     variant: variant,
     title: toolTip ? toolTip : text,
     customClass: `${checked && active ? `${style[`${palette}checkedActive`]}` : ''}
-            ${style[`${palette}Label`]} ${accessMode} ${customLabel}`
-  }, LabelProps))), children);
+            ${style[`${palette}Label`]} ${accessMode} ${customLabel}`,
+    ...LabelProps
+  })), children);
 };
 
 export default Radio;

package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js

@@ -1,5 +1,3 @@
-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, { useCallback } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -38,9 +36,9 @@ export default function ResponsiveDropBox(props) {
       }])
     };
   }, []);
-  return /*#__PURE__*/React.createElement(DropBox, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(DropBox, { ...props,
     customClass: dropBoxClasses
-  }), /*#__PURE__*/React.createElement(ResponsiveReceiver, {
+  }, /*#__PURE__*/React.createElement(ResponsiveReceiver, {
     query: responsiveFunc,
     responsiveId: "Helmet"
   }, _ref2 => {

package/es/v1/Select/Select.js

@@ -1,5 +1,3 @@
-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); }
-
 /**** Libraries ****/
 import React, { Component } from 'react';
 import { Select_defaultProps } from './props/defaultProps';
@@ -919,7 +917,7 @@ export class SelectComponent extends Component {
         shrink: true,
         customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : '',
         eleRef: this.suggestionContainerRef
-      }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, _extends({
+      }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, {
         activeId: selectedId,
         suggestions: suggestions,
         getRef: this.suggestionItemRef,
@@ -936,8 +934,9 @@ export class SelectComponent extends Component {
         a11y: {
           ariaParentRole: 'listbox',
           role: 'option'
-        }
-      }, SuggestionsProps)) : /*#__PURE__*/React.createElement(EmptyState, {
+        },
+        ...SuggestionsProps
+      }) : /*#__PURE__*/React.createElement(EmptyState, {
         isLoading: isFetchingOptions,
         options: options,
         searchString: searchStr,

package/es/v1/Switch/Switch.js

@@ -1,5 +1,3 @@
-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 from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -45,7 +43,7 @@ const Switch = props => {
     customLabel = ''
   } = customClass;
   size !== 'small' ? size = 'switch_medium' : size = 'switch_small';
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/React.createElement(Container, {
     align: "vertical",
     isCover: false,
     alignBox: "row",
@@ -54,8 +52,9 @@ const Switch = props => {
     "data-title": disabled ? disableTitle : title,
     "aria-checked": checked,
     role: "switch",
-    dataSelectorId: dataSelectorId
-  }, SwitchProps), /*#__PURE__*/React.createElement(Box, {
+    dataSelectorId: dataSelectorId,
+    ...SwitchProps
+  }, /*#__PURE__*/React.createElement(Box, {
     className: `${style[size]} ${customSwitchSize}`
   }, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
@@ -73,15 +72,16 @@ const Switch = props => {
     "data-test-id": dataId,
     className: `${style.label} ${style[`${size}Label`]} ${customSwitch}`,
     tabIndex: isReadOnly || disabled ? '-1' : '0'
-  })), text && /*#__PURE__*/React.createElement(Label, _extends({
+  })), text && /*#__PURE__*/React.createElement(Label, {
     text: text,
     palette: labelPalette,
     id: id,
     size: labelSize,
     type: "subtitle",
     onClick: !disabled || !isReadOnly ? onChange : null,
-    customClass: customLabel
-  }, LabelProps)));
+    customClass: customLabel,
+    ...LabelProps
+  }));
 };
 
 Switch.defaultProps = defaultProps;

package/es/v1/Tab/Tab.js

@@ -1,5 +1,3 @@
-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, { useMemo, useCallback } from 'react';
 import { Tab_defaultProps } from './props/defaultProps';
 import { Tab_propTypes } from './props/propTypes';
@@ -67,7 +65,7 @@ export default function Tab(_ref) {
   let activeClasses = cs([needAppearance && activeWithAppearance, activeClass]);
   let inActiveClasses = needAppearance && cs([styles[styleContent.tab], tabTypes[type] && styles[`${`${type}Hover`}`]]);
   let tabClass = cs([styles.tab, align === 'vertical' ? styles.vertical : styles.horizontal, isDisabled && styles.disabled, needBorder && !isAnimate && needAppearance && styles.border, isActive ? activeClasses : inActiveClasses, className]);
-  return /*#__PURE__*/React.createElement(Box, _extends({
+  return /*#__PURE__*/React.createElement(Box, {
     tourId: tourId,
     tagName: isLink ? 'a' : 'div',
     className: tabClass,
@@ -85,8 +83,9 @@ export default function Tab(_ref) {
     "aria-selected": isActive ? true : false,
     tabIndex: isLink ? undefined : isActive && !isDisabled ? '0' : '0',
     "aria-label": text ? text : null,
-    dataSelectorId: dataSelectorId
-  }, customProps), /*#__PURE__*/React.createElement(Container, {
+    dataSelectorId: dataSelectorId,
+    ...customProps
+  }, /*#__PURE__*/React.createElement(Container, {
     alignBox: "row",
     align: "both",
     className: styles.textContainer

package/es/v1/Tab/TabContentWrapper.js

@@ -1,5 +1,3 @@
-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 from 'react';
 import { TabContentWrapper_defaultProps } from './props/defaultProps';
 import { TabContentWrapper_propTypes } from './props/propTypes';
@@ -18,15 +16,16 @@ const TabContentWrapper = _ref => {
     tagName,
     a11y
   } = _ref;
-  return /*#__PURE__*/React.createElement(Box, _extends({
+  return /*#__PURE__*/React.createElement(Box, {
     flexible: true,
     style: style,
     dataId: dataId,
     className: className,
     onScroll: onScroll,
     dataSelectorId: dataSelectorId,
-    tagName: tagName
-  }, a11y), React.Children.map(children, child => /*#__PURE__*/React.isValidElement(child) && child.props.id === selectedTab ? child : null));
+    tagName: tagName,
+    ...a11y
+  }, React.Children.map(children, child => /*#__PURE__*/React.isValidElement(child) && child.props.id === selectedTab ? child : null));
 };
 
 TabContentWrapper.defaultProps = TabContentWrapper_defaultProps;

package/es/v1/Tab/TabWrapper.js

@@ -1,5 +1,3 @@
-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, { useState, useCallback } from 'react';
 import { TabWrapper_defaultProps } from './props/defaultProps';
 import { TabWrapper_propTypes } from './props/propTypes';
@@ -37,7 +35,7 @@ function TabWrapper(_ref) {
     let TabsChild = child.type;
     let selectedTab = hookToDisableInternalState ? defaultTab : selectedTabInternal;
     return /*#__PURE__*/React.createElement(TabsChild // eslint-disable-next-line react/no-array-index-key
-    , _extends({}, child.props, {
+    , { ...child.props,
       selectedTab: selectedTab,
       onSelect: setSelectedTab,
       type: type,
@@ -48,7 +46,7 @@ function TabWrapper(_ref) {
       needAppearance: needAppearance,
       hookToDisableInternalState: hookToDisableInternalState,
       align: align
-    }));
+    });
   }));
 }