@zohodesk/components 1.0.0-temp-192 → 1.0.0-temp-194

package/es/Select/SelectWithIcon.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, { Component } from 'react';
 import { SelectWithIcon_defaultProps } from './props/defaultProps';
 import { SelectWithIcon_propTypes } from './props/propTypes';
@@ -347,12 +345,8 @@ class SelectWithIcon extends Component {
       i18nKeys,
       htmlId,
       isLoading,
-      dataSelectorId,
-      customProps
+      dataSelectorId
     } = this.props;
-    const {
-      listItemProps = {}
-    } = customProps;
     i18nKeys = Object.assign({}, i18nKeys, {
       emptyText: i18nKeys.emptyText || emptyMessage,
       searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -483,7 +477,7 @@ class SelectWithIcon extends Component {
           iconSize,
           iconColor
         } = options;
-        return /*#__PURE__*/React.createElement(ListItemWithIcon, _extends({
+        return /*#__PURE__*/React.createElement(ListItemWithIcon, {
           key: options[idKey],
           value: options[valueKey],
           size: "medium",
@@ -507,7 +501,7 @@ class SelectWithIcon extends Component {
             ariaSelected: selectedId === options[idKey],
             ariaLabel: options[valueKey]
           }
-        }, listItemProps));
+        });
       })) : /*#__PURE__*/React.createElement(EmptyState, {
         isLoading: isFetchingOptions,
         options: options,

package/es/Select/props/defaultProps.js

@@ -66,8 +66,7 @@ export const GroupSelect_defaultProps = {
   isSearchClearOnClose: true,
   i18nKeys: {},
   iconOnHover: false,
-  isLoading: false,
-  customProps: {}
+  isLoading: false
 };
 export const SelectWithAvatar_defaultProps = {
   animationStyle: 'bounce',
@@ -91,8 +90,7 @@ export const SelectWithAvatar_defaultProps = {
   isSearchClearOnClose: true,
   i18nKeys: {},
   needEffect: true,
-  isLoading: false,
-  customProps: {}
+  isLoading: false
 };
 export const SelectWithIcon_defaultProps = {
   isReadOnly: false,
@@ -117,6 +115,5 @@ export const SelectWithIcon_defaultProps = {
   needIcon: true,
   iconSize: '14',
   i18nKeys: {},
-  isLoading: false,
-  customProps: {}
+  isLoading: false
 };

package/es/Select/props/propTypes.js

@@ -169,8 +169,7 @@ export const GroupSelect_propTypes = {
   }),
   isLoading: PropTypes.bool,
   dataSelectorId: PropTypes.string,
-  isDefaultSelectValue: PropTypes.bool,
-  customProps: PropTypes.string
+  isDefaultSelectValue: PropTypes.bool
 };
 export const SelectWithAvatar_propTypes = { ...Select_propTypes,
   textBoxClass: PropTypes.string,
@@ -231,8 +230,7 @@ export const SelectWithAvatar_propTypes = { ...Select_propTypes,
   htmlId: PropTypes.string,
   needEffect: PropTypes.bool,
   isLoading: PropTypes.bool,
-  dataSelectorId: PropTypes.string,
-  customProps: PropTypes.string
+  dataSelectorId: PropTypes.string
 };
 export const SelectWithIcon_propTypes = {
   animationStyle: PropTypes.oneOf(['default', 'bounce']),
@@ -286,6 +284,5 @@ export const SelectWithIcon_propTypes = {
   searchBoxSize: PropTypes.string,
   needResponsive: PropTypes.bool,
   boxSize: PropTypes.string,
-  emptyMessage: PropTypes.string,
-  customProps: PropTypes.string
+  emptyMessage: PropTypes.string
 };

package/es/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';
@@ -50,7 +48,7 @@ export default class Switch extends React.Component {
       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",
@@ -59,8 +57,9 @@ export default class Switch extends React.Component {
       "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",
@@ -78,15 +77,16 @@ export default class Switch extends React.Component {
       "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 ? this.onChange : null,
-      customClass: customLabel
-    }, LabelProps)));
+      customClass: customLabel,
+      ...LabelProps
+    }));
   }
 
 }

package/es/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); }
-
 /* eslint-disable react/forbid-component-props */
 
 /* eslint css-modules/no-unused-class: [2, { markAsUsed: ['text', 'tabAlpha', 'alphaActive', 'gammaActive', 'betaActive', 'deltaActive', 'tabGamma', 'tabBeta', 'tabDelta',', 'specialActive', 'tabSpecial', 'alphaActive_border', 'gammaActive_border', 'betaActive_border', 'deltaActive_border'] }] */
@@ -70,7 +68,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,
@@ -88,8 +86,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/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/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';
@@ -19,7 +17,8 @@ function TabWrapper(_ref) {
     align,
     dataId,
     children,
-    dataSelectorId
+    dataSelectorId,
+    alignWrapper
   } = _ref;
   let [selectedTabInternal, setSelected] = useState(!hookToDisableInternalState ? defaultTab || 0 : null);
   const setSelectedTab = useCallback(id => {
@@ -30,14 +29,14 @@ function TabWrapper(_ref) {
     onSelect && onSelect(id);
   }, [hookToDisableInternalState, onSelect]);
   return /*#__PURE__*/React.createElement(Container, {
-    alignBox: align === 'vertical' ? 'column' : 'row',
+    alignBox: alignWrapper ? alignWrapper : align === 'vertical' ? 'column' : 'row',
     dataId: dataId,
     dataSelectorId: dataSelectorId
   }, React.Children.map(children, child => {
     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 +47,7 @@ function TabWrapper(_ref) {
       needAppearance: needAppearance,
       hookToDisableInternalState: hookToDisableInternalState,
       align: align
-    }));
+    });
   }));
 }
 

package/es/Tab/Tabs.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); }
-
 /* eslint-disable react/forbid-component-props */
 
 /* eslint css-modules/no-unused-class: [2, {
@@ -459,7 +457,7 @@ class Tabs extends React.Component {
         classProps.className = itemClass;
       }
 
-      return /*#__PURE__*/React.isValidElement(child) && /*#__PURE__*/React.createElement(MainTab, _extends({}, child.props, {
+      return /*#__PURE__*/React.isValidElement(child) && /*#__PURE__*/React.createElement(MainTab, { ...child.props,
         key: child.props.id,
         getTabRef: this.getTabRef,
         onSelect: onSelect,
@@ -470,22 +468,23 @@ class Tabs extends React.Component {
         needBorder: needTabBorder,
         needAppearance: needAppearance,
         align: align,
-        isVirtual: isVirtual
-      }, classProps));
+        isVirtual: isVirtual,
+        ...classProps
+      });
     }), React.Children.count(moreTabs) ? /*#__PURE__*/React.createElement(Box, {
       className: `${tabsStyle.menu} `,
       dataSelectorId: `${dataSelectorId}_moreIcon`
-    }, /*#__PURE__*/React.createElement(Container, _extends({
+    }, /*#__PURE__*/React.createElement(Container, {
       className: `${btnstyle.buttonReset} ${moreButtonClass} ${isPopupOpen ? moreButtonActiveClass : ''}`,
       align: "both",
       onClick: this.togglePopup,
       dataId: "moreTabs",
-      eleRef: getTargetRef
-    }, MoreButtonProps, {
+      eleRef: getTargetRef,
+      ...MoreButtonProps,
       "aria-label": "MoreTabs",
       role: "link",
       tagName: "button"
-    }), /*#__PURE__*/React.createElement(Icon, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       name: iconName,
       size: iconSize
     })), isPopupOpen && /*#__PURE__*/React.createElement(ResponsiveReceiver, {
@@ -495,7 +494,7 @@ class Tabs extends React.Component {
       let {
         tabletMode
       } = _ref2;
-      return /*#__PURE__*/React.createElement(ResponsiveDropBox, _extends({
+      return /*#__PURE__*/React.createElement(ResponsiveDropBox, {
         isActive: isPopupReady,
         isAnimate: true,
         size: "medium",
@@ -505,12 +504,12 @@ class Tabs extends React.Component {
         boxPosition: position,
         getRef: getContainerRef,
         isBoxPaddingNeed: true,
-        isArrow: false
-      }, DropBoxProps, {
+        isArrow: false,
+        ...DropBoxProps,
         isResponsivePadding: true,
         needFocusScope: true,
         onClose: this.togglePopup
-      }), getCustomDropBoxHeaderPlaceHolder && getCustomDropBoxHeaderPlaceHolder(this.props), /*#__PURE__*/React.createElement(Box, {
+      }, getCustomDropBoxHeaderPlaceHolder && getCustomDropBoxHeaderPlaceHolder(this.props), /*#__PURE__*/React.createElement(Box, {
         flexible: true,
         shrink: true,
         scroll: "vertical",
@@ -531,7 +530,7 @@ class Tabs extends React.Component {
           dataId
         } = child.props;
         const value = text ? text : showTitleInMoreOptions ? title : null;
-        return /*#__PURE__*/React.isValidElement(child) && /*#__PURE__*/React.createElement(ListItem, _extends({
+        return /*#__PURE__*/React.isValidElement(child) && /*#__PURE__*/React.createElement(ListItem, {
           key: id,
           value: value,
           onClick: this.moreTabSelect,
@@ -544,8 +543,9 @@ class Tabs extends React.Component {
             customListItem: menuItemClass
           },
           target: "self",
-          dataId: `${dataId}_Tab`
-        }, ListItemProps), !showTitleInMoreOptions ? children : null);
+          dataId: `${dataId}_Tab`,
+          ...ListItemProps
+        }, !showTitleInMoreOptions ? children : null);
       })));
     })) : null);
   }

package/es/Tab/props/propTypes.js

@@ -93,6 +93,7 @@ export const Tabs_propTypes = {
 };
 export const TabWrapper_propTypes = {
   align: PropTypes.oneOf(['vertical', 'horizontal']),
+  alignWrapper: PropTypes.string,
   children: PropTypes.node,
   dataId: PropTypes.string,
   defaultTab: PropTypes.string,

package/es/TextBox/TextBox.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';
@@ -139,7 +137,7 @@ export default class TextBox extends React.PureComponent {
 
     let classList = needAppearance ? `${style.container} ${style[size]}  ${style[variant]} ${needBorder ? style.border : ''} ${isDisabled && !needEffect || isReadOnly && !needEffect ? '' : style.effect} ${isFocus ? style.focus : ''}` : `${style.basic}`;
     value = value === null || value === undefined ? '' : value;
-    return /*#__PURE__*/React.createElement("input", _extends({
+    return /*#__PURE__*/React.createElement("input", {
       "aria-label": ariaLabel,
       "aria-invalid": ariaInvalid,
       "aria-autocomplete": ariaAutocomplete,
@@ -173,8 +171,10 @@ export default class TextBox extends React.PureComponent {
       value: value,
       onScroll: isScrollPrevent ? this.handlePreventTextBoxScroll : '',
       onKeyPress: onKeyPress,
-      onMouseDown: onMouseDown
-    }, options, customProps));
+      onMouseDown: onMouseDown,
+      ...options,
+      ...customProps
+    });
   }
 
 }

package/es/TextBoxIcon/TextBoxIcon.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';
@@ -127,7 +125,7 @@ export default class TextBoxIcon extends React.Component {
       "data-title": isDisabled ? title : null
     }, /*#__PURE__*/React.createElement(Box, {
       flexible: true
-    }, /*#__PURE__*/React.createElement(TextBox, _extends({}, this.props, {
+    }, /*#__PURE__*/React.createElement(TextBox, { ...this.props,
       dataId: dataId,
       size: size,
       variant: variant,
@@ -155,7 +153,7 @@ export default class TextBoxIcon extends React.Component {
       isScrollPrevent: isScrollPrevent,
       customClass: customTextBox,
       customProps: TextBoxProps
-    }))), /*#__PURE__*/React.createElement(Box, {
+    })), /*#__PURE__*/React.createElement(Box, {
       className: `${style.iconContainer} ${customTBoxIcon}`
     }, /*#__PURE__*/React.createElement(Container, {
       alignBox: "row"

package/es/Textarea/Textarea.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';
@@ -87,12 +85,12 @@ export default class Textarea extends React.Component {
     }
 
     let classList = needAppearance ? `${style.container} ${style[size]} ${style[variant]} ${needBorder ? style.needBorder : style.noBorder} ${resize ? style[resizes[resize]] : style[resizes.none]}  ${animated ? `${style[`${size}animated`]}` : ''}   ${isDisabled && !needEffect || isReadOnly && !needEffect ? '' : style.effect}` : `${style.basic}`;
-    return /*#__PURE__*/React.createElement("textarea", _extends({
+    return /*#__PURE__*/React.createElement("textarea", {
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledby,
       className: `${customClass} ${isReadOnly && needReadOnlyStyle ? style.readonly : ''} ${classList} ${style[`borderColor_${borderColor}`]}`,
-      placeholder: placeHolder
-    }, options, {
+      placeholder: placeHolder,
+      ...options,
       "data-id": dataId,
       "data-test-id": dataId,
       maxLength: maxLength,
@@ -104,7 +102,7 @@ export default class Textarea extends React.Component {
       value: text,
       id: htmlId,
       "data-selector-id": dataSelectorId
-    }));
+    });
   }
 
 }

package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.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';
@@ -86,14 +84,15 @@ export default class VelocityAnimationGroup extends React.Component {
       delay: exitDelay ? exitDelay : 0,
       display: 'none'
     };
-    return /*#__PURE__*/React.createElement(VelocityTransitionGroup, _extends({
+    return /*#__PURE__*/React.createElement(VelocityTransitionGroup, {
       enter: enterAnimation,
       leave: exitAnimation,
       component: component && component,
       runOnMount: runOnMount,
       enterHideStyle: enterHideStyle,
-      enterShowStyle: enterShowStyle
-    }, childProps), isActive ? children : null);
+      enterShowStyle: enterShowStyle,
+      ...childProps
+    }, isActive ? children : null);
   }
 
 }

package/es/deprecated/PortalLayer/PortalLayer.js

@@ -11,12 +11,14 @@ let RefElement = /*#__PURE__*/React.forwardRef((props, ref) => {
     isChildrenRestrictionNeeded = true,
     isActive
   } = props;
-  return isChildrenRestrictionNeeded ? isActive ? renderChildren ? renderChildren(ref) : /*#__PURE__*/React.createElement(Element, Object.assign({}, elementProps, {
-    forwardRef: ref
-  })) : null : renderChildren ? renderChildren(ref, isActive) : /*#__PURE__*/React.createElement(Element, Object.assign({}, elementProps, {
-    isActive,
-    forwardRef: ref
-  }));
+  return isChildrenRestrictionNeeded ? isActive ? renderChildren ? renderChildren(ref) : /*#__PURE__*/React.createElement(Element, { ...Object.assign({}, elementProps, {
+      forwardRef: ref
+    })
+  }) : null : renderChildren ? renderChildren(ref, isActive) : /*#__PURE__*/React.createElement(Element, { ...Object.assign({}, elementProps, {
+      isActive,
+      forwardRef: ref
+    })
+  });
 });
 RefElement.propTypes = RefElement_propTypes;
 export { RefElement };

package/es/v1/AppContainer/AppContainer.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, { useEffect, useRef, useLayoutEffect } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -93,23 +91,26 @@ export default function AppContainer(props) {
       }
     };
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, {
     className: `${style.container} ${className}`,
     dataId: dataId,
     dataSelectorId: dataSelectorId,
     tagName: tagName,
-    eleRef: getContainerRef
-  }, ContainerProps, ExtraProps), /*#__PURE__*/React.createElement(Box, {
+    eleRef: getContainerRef,
+    ...ContainerProps,
+    ...ExtraProps
+  }, /*#__PURE__*/React.createElement(Box, {
     flexible: true
-  }, children)), needTooltip ? /*#__PURE__*/React.createElement("div", _extends({}, ExtraProps, {
+  }, children)), needTooltip ? /*#__PURE__*/React.createElement("div", { ...ExtraProps,
     className: `${style.container} ${style.tooltip} ${tooltipParentClass}`,
     "data-id": `${dataId}_tooltip`,
     "data-test-id": `${dataId}_tooltip`,
     "data-selector-id": `${dataSelectorId}_tooltip`
-  }), /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     ref: setTooltipRef,
-    customClass: tooltipClass
-  }, TooltipProps))) : null);
+    customClass: tooltipClass,
+    ...TooltipProps
+  })) : null);
 }
 AppContainer.propTypes = propTypes;
 AppContainer.defaultProps = defaultProps; // if (__DOCS__) {

package/es/v1/Avatar/Avatar.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 } from 'react';
 import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
 import { defaultProps } from './props/defaultProps';
@@ -105,15 +103,16 @@ function Avatar(props) {
   let showDefaultBorder = src && !isInvalidImageList && needDefaultBorder;
   let borderStyle = (showDefaultBorder || !src || !showAvatar || showInitial) && needBorder ? `${style.border} ${borderOnActive ? style.borderOnActive : border ? style.borderOnHover : ''} ` : '';
   borderStyle = showAlternateAvatar ? '' : borderStyle;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", {
     className: `${style.avatar} ${style[size]} ${AvatarSize(size)} ${style[shapeStyle]} ${style[palette]} ${textStyle} ${borderStyle} ${customClass ? customClass : ''}`,
     "data-title": needTitle ? title ? title : name : null,
     "data-id": dataId,
     "data-test-id": dataId,
     onClick: onClick,
     "data-selector-id": dataSelectorId,
-    tabIndex: onClick ? 0 : null
-  }, AvatarProps), showInitial && !showAlternateAvatar && /*#__PURE__*/React.createElement("span", {
+    tabIndex: onClick ? 0 : null,
+    ...AvatarProps
+  }, showInitial && !showAlternateAvatar && /*#__PURE__*/React.createElement("span", {
     className: `${style.initial}`,
     "data-id": `${dataId}_AvatarInitial`,
     "data-test-id": `${dataId}_AvatarInitial`,

package/es/v1/AvatarTeam/AvatarTeam.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';
@@ -41,12 +39,13 @@ export default function AvatarTeam(props) {
     customAvatarTeam = ''
   } = customClass;
   const border = borderOnHover || onClick;
-  return /*#__PURE__*/React.createElement("span", _extends({
+  return /*#__PURE__*/React.createElement("span", {
     className: `${style.container} ${borderOnActive ? style.borderOnActive : border ? style.borderOnHover : ''} `,
     "data-id": dataId,
     "data-test-id": dataId,
-    "data-selector-id": dataSelectorId
-  }, AvatarTeamProps), /*#__PURE__*/React.createElement(Avatar, _extends({
+    "data-selector-id": dataSelectorId,
+    ...AvatarTeamProps
+  }, /*#__PURE__*/React.createElement(Avatar, {
     name: name,
     onClick: onClick,
     palette: palette,
@@ -60,8 +59,9 @@ export default function AvatarTeam(props) {
     borderOnHover: border,
     needInnerBorder: needInnerBorder,
     needBorder: needBorder,
-    needDefaultBorder: needDefaultBorder
-  }, AvatarProps)), /*#__PURE__*/React.createElement("span", {
+    needDefaultBorder: needDefaultBorder,
+    ...AvatarProps
+  }), /*#__PURE__*/React.createElement("span", {
     className: `${style.team} ${isFilled ? `${style[`${palette}Filled`]}` : style.nofill}
           ${style[`${size}team`]} ${customAvatarTeam}`
   }));

package/es/v1/Button/Button.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';
@@ -39,7 +37,7 @@ export default function Button(props) {
     style: finalStyle
   });
   let statusLower = status.toLowerCase();
-  return /*#__PURE__*/React.createElement("button", _extends({
+  return /*#__PURE__*/React.createElement("button", {
     className: buttonClass,
     "data-id": disabled ? `${dataId}_disabled` : dataId,
     "data-test-id": disabled ? `${dataId}_disabled` : dataId,
@@ -48,10 +46,11 @@ export default function Button(props) {
     "data-title": title,
     type: "button",
     ref: getRef,
-    "data-selector-id": dataSelectorId
-  }, customProps, a11y, {
+    "data-selector-id": dataSelectorId,
+    ...customProps,
+    ...a11y,
     id: id
-  }), children ? children : text, statusLower !== 'none' && needAppearance && /*#__PURE__*/React.createElement("div", {
+  }, children ? children : text, statusLower !== 'none' && needAppearance && /*#__PURE__*/React.createElement("div", {
     className: finalStyle.overlay
   }, /*#__PURE__*/React.createElement("div", {
     className: loaderParentClass

package/es/v1/CheckBox/CheckBox.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 { propTypes } from './props/propTypes';
 import { defaultProps } from './props/defaultProps';
@@ -66,7 +64,7 @@ const CheckBox = props => {
     role = 'checkbox',
     ariaChecked = checked
   } = a11y;
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/React.createElement(Container, {
     dataId: dataId,
     isCover: false,
     isInline: text ? false : true,
@@ -83,8 +81,9 @@ 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",
@@ -136,7 +135,7 @@ const CheckBox = props => {
   }) : null))), text && /*#__PURE__*/React.createElement(Box, {
     flexible: true,
     className: style.text
-  }, /*#__PURE__*/React.createElement(Label, _extends({
+  }, /*#__PURE__*/React.createElement(Label, {
     text: text,
     palette: disabled ? 'disable' : labelPalette,
     id: id,
@@ -147,8 +146,9 @@ 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;