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

package/es/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 from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -108,23 +106,26 @@ export default class AppContainer extends React.Component {
       TooltipProps = {},
       ExtraProps = {}
     } = customProps;
-    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: this.getContainerRef
-    }, ContainerProps, ExtraProps), /*#__PURE__*/React.createElement(Box, {
+      eleRef: this.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: this.setTooltipRef,
-      customClass: tooltipClass
-    }, TooltipProps))) : null);
+      customClass: tooltipClass,
+      ...TooltipProps
+    })) : null);
   }
 
 }

package/es/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 from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -156,15 +154,16 @@ export default class Avatar extends React.Component {
     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/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';
@@ -47,12 +45,13 @@ export default class AvatarTeam extends React.Component {
       customAvatarTeam = ''
     } = customClass;
     let 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,
@@ -66,8 +65,9 @@ export default class AvatarTeam extends React.Component {
       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/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';
@@ -41,7 +39,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,
@@ -50,10 +48,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/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';
@@ -75,7 +73,7 @@ export default class CheckBox extends React.Component {
       role = 'checkbox',
       ariaChecked = checked
     } = a11y;
-    return /*#__PURE__*/React.createElement(Container, _extends({
+    return /*#__PURE__*/React.createElement(Container, {
       dataId: dataId,
       isCover: false,
       isInline: text ? false : true,
@@ -92,8 +90,9 @@ export default class CheckBox extends React.Component {
       "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",
@@ -145,7 +144,7 @@ export default class CheckBox extends React.Component {
     }) : 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,
@@ -156,8 +155,9 @@ export default class CheckBox extends React.Component {
       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
+    })));
   }
 
 }

package/es/DateTime/DateTime.js

@@ -649,12 +649,8 @@ export default class DateTime extends React.PureComponent {
       positionsOffset,
       targetOffset,
       isRestrictScroll,
-      dropBoxPortalId,
-      customProps = {}
+      dropBoxPortalId
     } = this.props;
-    const {
-      TimeProps = {}
-    } = customProps;
     const {
       timeText = 'Time',
       submitText = 'Set',
@@ -710,9 +706,7 @@ export default class DateTime extends React.PureComponent {
       ampmSuggestions: this.ampmSuggestions,
       onAmPmSelect: this.amPmSelect,
       amPm: amPm,
-      is24Hour: is24Hour,
-      customProps: { ...TimeProps
-      }
+      is24Hour: is24Hour
     }) : null, needAction ? /*#__PURE__*/React.createElement(DateTimePopupFooter, {
       submitText: submitText,
       onSubmit: this.handleSelect,

package/es/DateTime/DateWidget.js

@@ -988,13 +988,8 @@ class DateWidgetComponent extends React.Component {
       dropBoxPortalId,
       a11y,
       boxSize,
-      onError,
-      customProps = {}
+      onError
     } = this.props;
-    const {
-      DateTimeProps = {},
-      TextBoxProps = {}
-    } = customProps;
     const {
       selected: value = '',
       isError,
@@ -1046,11 +1041,7 @@ class DateWidgetComponent extends React.Component {
       iconOnHover: iconOnHover,
       isFocus: isPopupReady,
       autoComplete: false,
-      a11y: a11y,
-      customProps: {
-        TextBoxProps: { ...TextBoxProps
-        }
-      }
+      a11y: a11y
     }, /*#__PURE__*/React.createElement(Container, {
       align: "both",
       onClick: isDisabled || isReadOnly ? null : this.handleDateIconClick
@@ -1087,9 +1078,7 @@ class DateWidgetComponent extends React.Component {
       isRestrictScroll: isRestrictScroll,
       dropBoxPortalId: dropBoxPortalId,
       boxSize: boxSize,
-      onError: onError,
-      customProps: { ...DateTimeProps
-      }
+      onError: onError
     }));
   }
 

package/es/DateTime/Time.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 */
 
 /** ** Libraries *** */
@@ -30,14 +28,8 @@ export default class Time extends PureComponent {
       ampmSuggestions,
       onAmPmSelect,
       amPm,
-      is24Hour,
-      customProps = {}
+      is24Hour
     } = this.props;
-    const {
-      HourCompProps = {},
-      MinuteCompProps = {},
-      AmPmCompProps = {}
-    } = customProps;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
       className: style.text
     }, timeText), /*#__PURE__*/React.createElement(Container, {
@@ -54,9 +46,7 @@ export default class Time extends PureComponent {
       onHourSelect: onHourSelect,
       hours: hours,
       needResponsive: needResponsive,
-      hourEmptyText: hourEmptyText,
-      customProps: { ...HourCompProps
-      }
+      hourEmptyText: hourEmptyText
     })), /*#__PURE__*/React.createElement(Box, {
       flexible: true,
       className: style.dropDownContainer
@@ -65,9 +55,7 @@ export default class Time extends PureComponent {
       onMinutesSelect: onMinutesSelect,
       mins: mins,
       minuteEmptyText: minuteEmptyText,
-      needResponsive: needResponsive,
-      customProps: { ...MinuteCompProps
-      }
+      needResponsive: needResponsive
     })), !is24Hour ? /*#__PURE__*/React.createElement(Box, {
       flexible: true,
       className: style.dropDownContainer
@@ -75,9 +63,7 @@ export default class Time extends PureComponent {
       ampmSuggestions: ampmSuggestions,
       onAmPmSelect: onAmPmSelect,
       amPm: amPm,
-      needResponsive: needResponsive,
-      customProps: { ...AmPmCompProps
-      }
+      needResponsive: needResponsive
     })) : null));
   }
 
@@ -92,10 +78,9 @@ class Hour extends React.PureComponent {
       onHourSelect,
       hours,
       needResponsive,
-      hourEmptyText,
-      customProps
+      hourEmptyText
     } = this.props;
-    return /*#__PURE__*/React.createElement(Select, _extends({
+    return /*#__PURE__*/React.createElement(Select, {
       options: hourSuggestions,
       onChange: onHourSelect,
       selectedValue: hours,
@@ -114,7 +99,7 @@ class Hour extends React.PureComponent {
       needListBorder: true,
       needTick: false,
       listItemSize: "small"
-    }, customProps));
+    });
   }
 
 }
@@ -126,10 +111,9 @@ class Minute extends React.PureComponent {
       onMinutesSelect,
       mins,
       minuteEmptyText,
-      needResponsive,
-      customProps
+      needResponsive
     } = this.props;
-    return /*#__PURE__*/React.createElement(Select, _extends({
+    return /*#__PURE__*/React.createElement(Select, {
       options: minSuggestions,
       onChange: onMinutesSelect,
       selectedValue: mins,
@@ -148,7 +132,7 @@ class Minute extends React.PureComponent {
       needListBorder: true,
       needTick: false,
       listItemSize: "small"
-    }, customProps));
+    });
   }
 
 }
@@ -159,10 +143,9 @@ class AmPm extends React.PureComponent {
       ampmSuggestions,
       onAmPmSelect,
       amPm,
-      needResponsive,
-      customProps
+      needResponsive
     } = this.props;
-    return /*#__PURE__*/React.createElement(Select, _extends({
+    return /*#__PURE__*/React.createElement(Select, {
       options: ampmSuggestions,
       onChange: onAmPmSelect,
       selectedValue: amPm,
@@ -177,7 +160,7 @@ class AmPm extends React.PureComponent {
       needListBorder: true,
       needTick: false,
       listItemSize: "small"
-    }, customProps));
+    });
   }
 
 }

package/es/DateTime/props/defaultProps.js

@@ -20,8 +20,7 @@ export const DateTime_defaultProps = {
   i18nKeys: {},
   is24Hour: false,
   isDefaultPosition: false,
-  customDateFormat: null,
-  customProps: {}
+  customDateFormat: null
 };
 export const DateWidget_defaultProps = {
   borderColor: 'default',
@@ -54,6 +53,5 @@ export const DateTimePopupFooter_defaultProps = {
   dataId: 'DateTimePopupFooter'
 };
 export const Time_defaultProps = {
-  dataId: 'Time',
-  customProps: {}
+  dataId: 'Time'
 };

package/es/DateTime/props/propTypes.js

@@ -72,8 +72,7 @@ export const DateTime_propTypes = {
   positionsOffset: PropTypes.array,
   targetOffset: PropTypes.string,
   isRestrictScroll: PropTypes.bool,
-  dropBoxPortalId: PropTypes.string,
-  customProps: PropTypes.object
+  dropBoxPortalId: PropTypes.string
 };
 export const DateWidget_propTypes = {
   borderColor: PropTypes.oneOf(['transparent', 'default']),
@@ -140,8 +139,7 @@ export const DateWidget_propTypes = {
   targetOffset: PropTypes.array,
   isRestrictScroll: PropTypes.bool,
   dropBoxPortalId: PropTypes.string,
-  a11y: PropTypes.object,
-  customProps: PropTypes.object
+  a11y: PropTypes.object
 };
 export const YearView_propTypes = {
   onSelectMonth: PropTypes.func,
@@ -185,6 +183,5 @@ export const Time_propTypes = {
   ampmSuggestions: PropTypes.array,
   onAmPmSelect: PropTypes.func,
   amPm: PropTypes.string,
-  is24Hour: PropTypes.bool,
-  customProps: PropTypes.object
+  is24Hour: PropTypes.bool
 };

package/es/DropBox/DropBox.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, { useRef, useContext } from 'react';
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
 import Modal from '../Modal/Modal'; // import { getLibraryConfig } from '../Provider/Config';
@@ -42,27 +40,28 @@ export default function DropBox(props) {
   const {
     zIndexStyle
   } = cssJSLogic(props);
-  const dropBoxEle = needFocusScope ? /*#__PURE__*/React.createElement(FocusScope, _extends({
+  const dropBoxEle = needFocusScope ? /*#__PURE__*/React.createElement(FocusScope, {
     onClose: onClose,
     elementRef: dropBoxRef,
     needAutoFocus: needAutoFocus,
     needRestoreFocus: needRestoreFocus,
     needListNavigation: needListNavigation,
     needFocusLoop: needFocusLoop,
-    needEnterAction: needEnterAction
-  }, focusScopeProps), /*#__PURE__*/React.createElement(DropBoxElement, _extends({
+    needEnterAction: needEnterAction,
+    ...focusScopeProps
+  }, /*#__PURE__*/React.createElement(DropBoxElement, {
     isModel: isModel,
-    direction: direction
-  }, props, {
+    direction: direction,
+    ...props,
     zIndexStyle: zIndexStyle,
     subContainerRef: dropBoxRef
-  }))) : /*#__PURE__*/React.createElement(DropBoxElement, _extends({
+  })) : /*#__PURE__*/React.createElement(DropBoxElement, {
     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/DropDown/DropDown.js

@@ -10,7 +10,8 @@ export default class DropDown extends React.Component {
     let {
       children
     } = this.props;
-    return /*#__PURE__*/React.createElement(PopOver, this.props, /*#__PURE__*/React.createElement(PopOverTarget, null, children[0]), /*#__PURE__*/React.createElement(PopOverContainer, null, children[1]));
+    return /*#__PURE__*/React.createElement(PopOver, { ...this.props
+    }, /*#__PURE__*/React.createElement(PopOverTarget, null, children[0]), /*#__PURE__*/React.createElement(PopOverContainer, null, children[1]));
   }
 
 }

package/es/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/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';
@@ -92,7 +90,7 @@ export default class ListItem extends React.Component {
     } = 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,
@@ -113,8 +111,9 @@ export default class ListItem extends React.Component {
       onClick: this.handleClick,
       onMouseEnter: this.handleMouseEnter,
       eleRef: this.getRef,
-      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/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 from 'react';
 import { Box } from '../Layout';
@@ -97,7 +95,7 @@ export default class ListItemWithAvatar extends React.PureComponent {
     } = 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,
@@ -115,8 +113,9 @@ export default class ListItemWithAvatar extends React.PureComponent {
       eleRef: this.getRef,
       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/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';
@@ -76,7 +74,7 @@ export default class ListItemWithCheckBox extends React.Component {
       customCheckBox = '',
       customLabel = ''
     } = customClass;
-    return /*#__PURE__*/React.createElement(ListContainer, _extends({
+    return /*#__PURE__*/React.createElement(ListContainer, {
       a11y: listA11y,
       size: size,
       palette: palette,
@@ -92,8 +90,9 @@ export default class ListItemWithCheckBox extends React.Component {
       eleRef: this.getRef,
       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/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';
@@ -87,7 +85,7 @@ export default class ListItemWithIcon extends React.Component {
       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,
@@ -108,8 +106,9 @@ export default class ListItemWithIcon extends React.Component {
       eleRef: this.getRef,
       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/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';
@@ -77,7 +75,7 @@ export default class ListItemWithRadio extends React.Component {
       customRadio = '',
       customRadioWrap = ''
     } = customClass;
-    return /*#__PURE__*/React.createElement(ListContainer, _extends({
+    return /*#__PURE__*/React.createElement(ListContainer, {
       a11y: listA11y,
       size: size,
       palette: palette,
@@ -93,8 +91,9 @@ export default class ListItemWithRadio extends React.Component {
       eleRef: this.getRef,
       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/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); }
-
 /**** Libraries ****/
 import React from 'react';
 import ReactDOM from 'react-dom';
@@ -131,9 +129,10 @@ export default class Modal extends React.Component {
 
     if (isMounted) {
       if (Element) {
-        return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Element, _extends({
-          ref: this.setRef
-        }, elementProps)), this.portalDiv);
+        return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Element, {
+          ref: this.setRef,
+          ...elementProps
+        }), this.portalDiv);
       }
 
       return null;