@zohodesk/components 1.0.0-temp-191 → 1.0.0-temp-193

package/es/v1/CheckBox/CheckBox.js

@@ -1,3 +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 from 'react';
 import { propTypes } from './props/propTypes';
 import { defaultProps } from './props/defaultProps';
@@ -64,7 +66,7 @@ const CheckBox = props => {
     role = 'checkbox',
     ariaChecked = checked
   } = a11y;
-  return /*#__PURE__*/React.createElement(Container, {
+  return /*#__PURE__*/React.createElement(Container, _extends({
     dataId: dataId,
     isCover: false,
     isInline: text ? false : true,
@@ -81,9 +83,8 @@ const CheckBox = props => {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
     "aria-hidden": ariaHidden,
-    "data-selector-id": dataSelectorId || id,
-    ...CheckBoxProps
-  }, /*#__PURE__*/React.createElement(Box, {
+    "data-selector-id": dataSelectorId || id
+  }, CheckBoxProps), /*#__PURE__*/React.createElement(Box, {
     className: `${style.boxContainer} ${style[size]} ${customCBoxSize} ${isFilled ? style.filled : ''}`
   }, /*#__PURE__*/React.createElement("input", {
     type: "hidden",
@@ -135,7 +136,7 @@ const CheckBox = props => {
   }) : null))), text && /*#__PURE__*/React.createElement(Box, {
     flexible: true,
     className: style.text
-  }, /*#__PURE__*/React.createElement(Label, {
+  }, /*#__PURE__*/React.createElement(Label, _extends({
     text: text,
     palette: disabled ? 'disable' : labelPalette,
     id: id,
@@ -146,9 +147,8 @@ const CheckBox = props => {
     customClass: `${active && !disabled ? `${style[`active${palette}Label`]}` : ''}
                           ${checked && active ? `${style[`checked${palette}Label`]}` : ''}
                           ${accessMode} ${customLabel}`,
-    title: toolTip ? toolTip : text,
-    ...LabelProps
-  })));
+    title: toolTip ? toolTip : text
+  }, LabelProps))));
 };
 
 export default CheckBox;

package/es/v1/DropBox/DropBox.js

@@ -1,3 +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, { useRef, useContext } from 'react';
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
 import Modal from '../Modal/Modal';
@@ -39,28 +41,27 @@ export default function DropBox(props) {
   const {
     zIndexStyle
   } = cssJSLogic(props);
-  const dropBoxEle = needFocusScope ? /*#__PURE__*/React.createElement(FocusScope, {
+  const dropBoxEle = needFocusScope ? /*#__PURE__*/React.createElement(FocusScope, _extends({
     onClose: onClose,
     elementRef: dropBoxRef,
     needAutoFocus: needAutoFocus,
     needRestoreFocus: needRestoreFocus,
     needListNavigation: needListNavigation,
     needFocusLoop: needFocusLoop,
-    needEnterAction: needEnterAction,
-    ...focusScopeProps
-  }, /*#__PURE__*/React.createElement(DropBoxElement, {
+    needEnterAction: needEnterAction
+  }, focusScopeProps), /*#__PURE__*/React.createElement(DropBoxElement, _extends({
     isModel: isModel,
-    direction: direction,
-    ...props,
+    direction: direction
+  }, props, {
     zIndexStyle: zIndexStyle,
     subContainerRef: dropBoxRef
-  })) : /*#__PURE__*/React.createElement(DropBoxElement, {
+  }))) : /*#__PURE__*/React.createElement(DropBoxElement, _extends({
     isModel: isModel,
     subContainerRef: dropBoxRef,
-    direction: direction,
-    ...props,
+    direction: direction
+  }, props, {
     zIndexStyle: zIndexStyle
-  });
+  }));
   return isModel && isActive ? /*#__PURE__*/React.createElement(Modal, {
     portalId: portalId
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {

package/es/v1/DropDown/DropDown.js

@@ -7,8 +7,7 @@ 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,3 +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); }
+
 /**** Libraries ****/
 import React, { useCallback } from 'react';
 import { Container } from '../Layout';
@@ -71,7 +73,7 @@ const ListContainer = props => {
     options.tabindex = '0';
   }
 
-  return /*#__PURE__*/React.createElement(Container, {
+  return /*#__PURE__*/React.createElement(Container, _extends({
     role: role,
     "data-a11y-inset-focus": insetFocus,
     "aria-selected": ariaSelected,
@@ -87,11 +89,8 @@ 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,3 +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); }
+
 /**** Libraries ****/
 import React from 'react';
 import { Box } from '../Layout';
@@ -71,7 +73,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, {
+  return /*#__PURE__*/React.createElement(ListContainer, _extends({
     a11y: listA11y,
     size: size,
     palette: palette,
@@ -92,9 +94,8 @@ 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,3 +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); }
+
 /**** Libraries ****/
 import React, { memo } from 'react';
 import { Box } from '../Layout';
@@ -76,7 +78,7 @@ const ListItemWithAvatar = props => {
   } = listA11y;
   let isDarkPalette = palette === 'dark';
   let dataIdString = value ? value : dataId;
-  return /*#__PURE__*/React.createElement(ListContainer, {
+  return /*#__PURE__*/React.createElement(ListContainer, _extends({
     a11y: listA11y,
     size: size,
     palette: palette,
@@ -94,9 +96,8 @@ 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,3 +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 from 'react';
 import ListContainer from './ListContainer';
 import { ListItemWithCheckBoxDefaultProps } from './props/defaultProps';
@@ -56,7 +58,7 @@ const ListItemWithCheckBox = props => {
     customCheckBox = '',
     customLabel = ''
   } = customClass;
-  return /*#__PURE__*/React.createElement(ListContainer, {
+  return /*#__PURE__*/React.createElement(ListContainer, _extends({
     a11y: listA11y,
     size: size,
     palette: palette,
@@ -72,9 +74,8 @@ 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,3 +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); }
+
 /**** Libraries ****/
 import React from 'react';
 import { Box } from '../Layout';
@@ -66,7 +68,7 @@ const ListItemWithIcon = props => {
     ariaHidden
   } = listA11y;
   let dataIdString = dataId ? `${dataId.replace("'", '_')}` : value.toLowerCase().replace("'", '_');
-  return /*#__PURE__*/React.createElement(ListContainer, {
+  return /*#__PURE__*/React.createElement(ListContainer, _extends({
     a11y: listA11y,
     size: size,
     palette: palette,
@@ -87,9 +89,8 @@ 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,3 +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 from 'react';
 import Radio from '../Radio/Radio';
 import { Box } from '../Layout';
@@ -56,7 +58,7 @@ const ListItemWithRadio = props => {
     customRadio = '',
     customRadioWrap = ''
   } = customClass;
-  return /*#__PURE__*/React.createElement(ListContainer, {
+  return /*#__PURE__*/React.createElement(ListContainer, _extends({
     a11y: listA11y,
     size: size,
     palette: palette,
@@ -72,9 +74,8 @@ 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,3 +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, { useState, useRef, useEffect, useCallback } from 'react';
 import ReactDOM from 'react-dom';
 import useEffectCallOnlyAfterState from '@zohodesk/hooks/es/utils/useEffectCallOnlyAfterState';
@@ -110,10 +112,9 @@ export default function Modal(props) {
 
   if (isMounted) {
     if (Element) {
-      return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Element, {
-        ref: setRef,
-        ...elementProps
-      }), portalDiv.current);
+      return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Element, _extends({
+        ref: setRef
+      }, elementProps)), portalDiv.current);
     }
 
     return null;

package/es/v1/MultiSelect/AdvancedMultiSelect.js

@@ -1,3 +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); }
+
 /**** Libraries ****/
 import React from 'react';
 import { AdvancedMultiSelect_propTypes } from './props/propTypes';
@@ -486,7 +488,7 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
       let {
         tabletMode
       } = _ref2;
-      return /*#__PURE__*/React.createElement(ResponsiveDropBox, {
+      return /*#__PURE__*/React.createElement(ResponsiveDropBox, _extends({
         animationStyle: animationStyle,
         boxPosition: position || `${defaultDropBoxPosition}Center`,
         getRef: getContainerRef,
@@ -500,11 +502,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, {
@@ -521,7 +523,7 @@ export class AdvancedMultiSelectComponent extends MultiSelectComponent {
         shrink: true,
         customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : '',
         eleRef: this.suggestionContainerRef
-      }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, {
+      }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, _extends({
         suggestions: suggestions,
         selectedOptions: allselectedOptionIds,
         getRef: this.suggestionItemRef,
@@ -532,9 +534,8 @@ 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,3 +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); }
+
 /**** Libraries ****/
 import React from 'react';
 import { MultiSelectWithAvatar_propTypes } from './props/propTypes';
@@ -158,7 +160,7 @@ class MultiSelectWithAvatarComponent extends MultiSelectComponent {
       shrink: true,
       customClass: !isModel && dropBoxSize ? style[dropBoxSize] : '',
       eleRef: this.suggestionContainerRef
-    }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, {
+    }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, _extends({
       needTick: keepSelectedOptions,
       suggestions: suggestions,
       getRef: this.suggestionItemRef,
@@ -171,9 +173,8 @@ 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,3 +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); }
+
 /**** Libraries ****/
 import React from 'react';
 import { SelectedOptions_propTypes } from './props/propTypes';
@@ -50,28 +52,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, { ...commonProps,
+        }, /*#__PURE__*/React.createElement(Tag, _extends({}, 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, { ...commonProps,
+        }, /*#__PURE__*/React.createElement(Tag, _extends({}, 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, { ...commonProps,
+      }, /*#__PURE__*/React.createElement(Tag, _extends({}, commonProps, {
         active: highLightedSelectOptions.indexOf(id) >= 0
-      }));
+      })));
     }));
   }
 

package/es/v1/MultiSelect/Suggestions.js

@@ -1,3 +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); }
+
 /**** Libraries ****/
 import React from 'react';
 import { Suggestions_propTypes } from './props/propTypes';
@@ -74,7 +76,7 @@ export default class Suggestions extends React.PureComponent {
       }
 
       if (optionType === 'avatar') {
-        return /*#__PURE__*/React.createElement(ListItemWithAvatar, { ...commonProps,
+        return /*#__PURE__*/React.createElement(ListItemWithAvatar, _extends({}, commonProps, {
           autoHover: false,
           getRef: getRef,
           highlight: isHighlight,
@@ -93,9 +95,9 @@ export default class Suggestions extends React.PureComponent {
           avatarPalette: avatarPalette,
           palette: palette,
           a11y: list_a11y
-        });
+        }));
       } else if (optionType === 'icon') {
-        return /*#__PURE__*/React.createElement(ListItemWithIcon, { ...commonProps,
+        return /*#__PURE__*/React.createElement(ListItemWithIcon, _extends({}, commonProps, {
           autoHover: false,
           getRef: getRef,
           highlight: isHighlight,
@@ -113,10 +115,10 @@ export default class Suggestions extends React.PureComponent {
           size: listItemSize,
           palette: palette,
           a11y: list_a11y
-        });
+        }));
       }
 
-      return /*#__PURE__*/React.createElement(ListItem, { ...commonProps,
+      return /*#__PURE__*/React.createElement(ListItem, _extends({}, commonProps, {
         autoHover: false,
         getRef: getRef,
         highlight: isHighlight,
@@ -132,7 +134,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,3 +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); }
+
 /**** Libraries ****/
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -621,15 +623,14 @@ const Popup = function (Component) {
         isPopupOpen
       } = this.state;
       const localState = isPopupReady ? this.state : {};
-      return /*#__PURE__*/React.createElement(Component, { ...this.props,
-        ...this.state,
+      return /*#__PURE__*/React.createElement(Component, _extends({}, 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,3 +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 from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -61,7 +63,7 @@ const Radio = props => {
     getRef && getRef(ele, value);
   }
 
-  return /*#__PURE__*/React.createElement(Container, {
+  return /*#__PURE__*/React.createElement(Container, _extends({
     dataId: value ? value.toLowerCase() : 'RadioComp',
     isCover: false,
     isInline: text ? false : true,
@@ -77,9 +79,8 @@ 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", {
@@ -105,7 +106,7 @@ const Radio = props => {
   }) : null))), text && /*#__PURE__*/React.createElement(Box, {
     flexible: true,
     className: style.text
-  }, /*#__PURE__*/React.createElement(Label, {
+  }, /*#__PURE__*/React.createElement(Label, _extends({
     text: text,
     palette: labelPalette,
     size: labelSize,
@@ -115,9 +116,8 @@ 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,3 +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, { useCallback } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -36,9 +38,9 @@ export default function ResponsiveDropBox(props) {
       }])
     };
   }, []);
-  return /*#__PURE__*/React.createElement(DropBox, { ...props,
+  return /*#__PURE__*/React.createElement(DropBox, _extends({}, props, {
     customClass: dropBoxClasses
-  }, /*#__PURE__*/React.createElement(ResponsiveReceiver, {
+  }), /*#__PURE__*/React.createElement(ResponsiveReceiver, {
     query: responsiveFunc,
     responsiveId: "Helmet"
   }, _ref2 => {

package/es/v1/Select/Select.js

@@ -1,3 +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); }
+
 /**** Libraries ****/
 import React, { Component } from 'react';
 import { Select_defaultProps } from './props/defaultProps';
@@ -917,7 +919,7 @@ export class SelectComponent extends Component {
         shrink: true,
         customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : '',
         eleRef: this.suggestionContainerRef
-      }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, {
+      }, suggestions.length ? /*#__PURE__*/React.createElement(Suggestions, _extends({
         activeId: selectedId,
         suggestions: suggestions,
         getRef: this.suggestionItemRef,
@@ -934,9 +936,8 @@ 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,3 +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 from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -43,7 +45,7 @@ const Switch = props => {
     customLabel = ''
   } = customClass;
   size !== 'small' ? size = 'switch_medium' : size = 'switch_small';
-  return /*#__PURE__*/React.createElement(Container, {
+  return /*#__PURE__*/React.createElement(Container, _extends({
     align: "vertical",
     isCover: false,
     alignBox: "row",
@@ -52,9 +54,8 @@ 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",
@@ -72,16 +73,15 @@ const Switch = props => {
     "data-test-id": dataId,
     className: `${style.label} ${style[`${size}Label`]} ${customSwitch}`,
     tabIndex: isReadOnly || disabled ? '-1' : '0'
-  })), text && /*#__PURE__*/React.createElement(Label, {
+  })), text && /*#__PURE__*/React.createElement(Label, _extends({
     text: text,
     palette: labelPalette,
     id: id,
     size: labelSize,
     type: "subtitle",
     onClick: !disabled || !isReadOnly ? onChange : null,
-    customClass: customLabel,
-    ...LabelProps
-  }));
+    customClass: customLabel
+  }, LabelProps)));
 };
 
 Switch.defaultProps = defaultProps;