@zohodesk/dot 1.0.0-temp-184.2 → 1.0.0-temp-185

package/es/list/SecondaryText/Email.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,19 +28,21 @@ export default class Email extends Component {
       LinkProps = {},
       TextProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
       href: href,
       title: title,
       urlData: urlData,
       urlName: urlName,
       target: target,
-      className: style.link
-    }, LinkProps), /*#__PURE__*/React.createElement("div", {
+      className: style.link,
+      ...LinkProps
+    }, /*#__PURE__*/React.createElement("div", {
       className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
+    }, text)) : /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText}  ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
-      "data-title": title
-    }, TextProps), text));
+      "data-title": title,
+      ...TextProps
+    }, text));
   }
 
 }

package/es/list/SecondaryText/PhoneNumber.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 ****/
@@ -32,7 +30,7 @@ export default class PhoneNumber extends Component {
       LinkProps = {},
       TextProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
       href: href,
       title: title,
       urlData: urlData,
@@ -40,13 +38,15 @@ export default class PhoneNumber extends Component {
       dataId: dataId,
       target: target,
       hasReload: hasReload,
-      className: style.link
-    }, LinkProps), /*#__PURE__*/React.createElement("div", {
+      className: style.link,
+      ...LinkProps
+    }, /*#__PURE__*/React.createElement("div", {
       className: `${style.phoneNumber} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
+    }, text)) : /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
-      "data-title": title
-    }, TextProps), text));
+      "data-title": title,
+      ...TextProps
+    }, text));
   }
 
 }

package/es/list/SecondaryText/SecondaryText.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 { SecondaryText_defaultProps } from './props/defaultProps';
 import { SecondaryText_propTypes } from './props/propTypes';
@@ -21,13 +19,14 @@ export default class SecondaryText extends Component {
     let {
       SecondaryTextProps
     } = customProps;
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText} ${className ? className : ''}`,
       "data-title": dataTitle,
       "data-id": dataId,
       "data-test-id": dataId,
-      onClick: onClick
-    }, SecondaryTextProps), text);
+      onClick: onClick,
+      ...SecondaryTextProps
+    }, text);
   }
 
 }

package/es/list/SecondaryText/TicketId.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 { TicketId_defaultProps } from './props/defaultProps';
 import { TicketId_propTypes } from './props/propTypes';
@@ -28,19 +26,21 @@ export default class TicketId extends Component {
       LinkProps = {},
       TicketIdProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/React.createElement("div", {
       className: `${style.ticketId} ${isLink ? style.ticketIdLink : ''} ${className ? className : ''}`,
       "data-id": dataId,
       "data-test-id": dataId,
       "data-title": dataTitle,
-      onClick: !isLink && onClick
-    }, TicketIdProps), isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+      onClick: !isLink && onClick,
+      ...TicketIdProps
+    }, isLink ? /*#__PURE__*/React.createElement(Link, {
       urlName: urlName,
       urlData: urlData,
       href: url,
       target: target,
-      onClick: onClick
-    }, LinkProps), text) : text);
+      onClick: onClick,
+      ...LinkProps
+    }, text) : text);
   }
 
 }

package/es/list/Subject/Subject.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 { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
@@ -30,7 +28,7 @@ export default class Subject extends Component {
       LinkProps = {},
       TextProps = {}
     } = customProps;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
       urlName: urlName,
       href: href,
       urlData: urlData,
@@ -38,13 +36,15 @@ export default class Subject extends Component {
       className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]} ${style.cursorPointer}`,
       dataId: dataId,
       title: text,
-      target: target
-    }, LinkProps), children ? children : text) : /*#__PURE__*/React.createElement("span", _extends({
+      target: target,
+      ...LinkProps
+    }, children ? children : text) : /*#__PURE__*/React.createElement("span", {
       className: `${style.subject} ${isDotted ? style.dotted : ''} ${className} ${style[`font_${fontWeight}`]}`,
       "data-title": text,
       "data-id": dataId,
-      "data-test-id": dataId
-    }, TextProps), text));
+      "data-test-id": dataId,
+      ...TextProps
+    }, text));
   }
 
 }

package/es/list/TagNew/TagNew.module.css

@@ -10,7 +10,7 @@
   visibility: hidden;
   border-radius: var(--zd_size14);
   background-color: var(--zdt_tagnew_default_bg);
-  box-shadow: var(--zd_bs_tagnew_shadow);
+  box-shadow: var(--zd_bs_contrast_outline, 0 8px 30px 0 var(--zdt_tagnew_default_box_shadow));
   padding: 0 var(--zd_size15) ;
   transform: scale(0);
   cursor: pointer;

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

@@ -7,9 +7,7 @@ import { Box, Container } from '@zohodesk/components/lib/Layout';
 import DropDownHeading from '@zohodesk/components/lib/DropDown/DropDownHeading';
 import TextBoxIcon from '@zohodesk/components/lib/TextBoxIcon/TextBoxIcon';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
-import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch'; // import { scrollTo } from '@zohodesk/components/lib/utils/Common.js';
-// import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
-
+import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
 import StatusListItem from '../StatusListItem/StatusListItem';
 import commonStyle from '@zohodesk/components/lib/common/common.module.css';
@@ -23,20 +21,13 @@ export class StatusDropdown extends React.Component {
     super(props);
     this.state = {
       searchString: '',
-      // selectedIndex: 0,
       options: props.options
     };
-    this.handleChange = this.handleChange.bind(this); // this.handleKeyDown = this.handleKeyDown.bind(this);
-
+    this.handleChange = this.handleChange.bind(this);
     this.onSelect = this.onSelect.bind(this);
     this.handleTogglePopup = this.handleTogglePopup.bind(this);
     this.onSearchClear = this.onSearchClear.bind(this);
-    this.searchList = this.searchList.bind(this); // this.scrollContentRef = this.scrollContentRef.bind(this);
-    // this.handleMouseEnter = this.handleMouseEnter.bind(this);
-    // this.searchInputRef = this.searchInputRef.bind(this);
-    // this.itemRef = this.itemRef.bind(this);
-    // this.inputRef = this.inputRef.bind(this);
-
+    this.searchList = this.searchList.bind(this);
     this.handleScroll = this.handleScroll.bind(this);
     this.emptySearchSVG = this.emptySearchSVG.bind(this);
     this.getAriaId = getUniqueId(this);
@@ -46,16 +37,7 @@ export class StatusDropdown extends React.Component {
     return /*#__PURE__*/React.createElement(EmptySearch, {
       size: "small"
     });
-  } // inputRef(el) {
-  //   this.hiddenInput = el;
-  // }
-  // itemRef(ele, index, id) {
-  //   this[`suggestion_${id}`] = ele;
-  // }
-  // searchInputRef(el) {
-  //   this.searchInput = el;
-  // }
-
+  }
 
   handleTogglePopup(e) {
     let {
@@ -68,13 +50,7 @@ export class StatusDropdown extends React.Component {
     !isPopupOpen && onSelectLabel && onSelectLabel(e);
     onTogglePopup && onTogglePopup(isPopupOpen);
     togglePopup(e, boxPosition);
-  } // scrollContentRef(el) {
-  //   let { isPopupOpen } = this.props;
-  //   if (isPopupOpen) {
-  //     this.optionsContainer = el;
-  //   }
-  // }
-
+  }
 
   componentWillReceiveProps(nextProps) {
     if (nextProps.options.length != this.props.options.length) {
@@ -97,68 +73,10 @@ export class StatusDropdown extends React.Component {
   }
 
   componentDidUpdate(prevProps) {
-    // let { isPopupOpen, isSearch, idName } = this.props;
-    // let { selectedIndex, options } = this.state;
-    // if (prevProps.isPopupOpen != isPopupOpen) {
-    //   setTimeout(() => {
-    //     isPopupOpen && isSearch
-    //       ? this.searchInput && this.searchInput.focus()
-    //       : this.hiddenInput && this.hiddenInput.focus();
-    //   }, 10);
-    // }
-    // let mergeOptions = options;
-    // let option = mergeOptions[selectedIndex];
-    // let id = (option && option[idName]) || {};
-    // let selSuggestion = this[`suggestion_${id}`];
-    // if (isPopupOpen) {
-    //   this.optionsContainer && scrollTo(this.optionsContainer, selSuggestion);
-    // }
     if (!prevProps.isPopupOpen && this.props.isPopupOpen) {
       this.onSearchClear();
     }
-  } // handleKeyDown(e) {
-  //   let { keyCode } = e;
-  //   let { selectedIndex, options } = this.state;
-  //   let totalIndex = options.length;
-  //   let { togglePopup, onClick, boxPosition, isPopupReady, isNextOptions, getNextOptions, onTogglePopup, isPopupOpen } =
-  //     this.props;
-  //   if (isPopupReady && (keyCode === 38 || keyCode === 40) && e.preventDefault) {
-  //     e.preventDefault(); //prevent body scroll
-  //   }
-  //   if (isPopupReady) {
-  //     switch (keyCode) {
-  //       case 40:
-  //         if (selectedIndex === totalIndex - 1) {
-  //           this.setState({ selectedIndex: 0 });
-  //         } else {
-  //           if (selectedIndex === totalIndex - 3) {
-  //             isNextOptions && getNextOptions && getNextOptions();
-  //           }
-  //           this.setState({ selectedIndex: selectedIndex + 1 });
-  //         }
-  //         break;
-  //       case 38:
-  //         if (selectedIndex === 0) {
-  //           this.setState({ selectedIndex: totalIndex - 1 });
-  //         } else {
-  //           this.setState({ selectedIndex: selectedIndex - 1 });
-  //         }
-  //         break;
-  //       case 13:
-  //         onClick && onClick(options[selectedIndex].name, e);
-  //         onTogglePopup && onTogglePopup(isPopupOpen);
-  //         togglePopup(e, boxPosition);
-  //         break;
-  //       default:
-  //         break;
-  //     }
-  //   } else {
-  //     if (keyCode === 13 || keyCode === 40) {
-  //       togglePopup(e, boxPosition);
-  //     }
-  //   }
-  // }
-
+  }
 
   searchList(value) {
     let {
@@ -173,7 +91,6 @@ export class StatusDropdown extends React.Component {
     let foptions = this.searchList(value);
     this.setState({
       searchString: value,
-      // selectedIndex: -1,
       options: foptions
     });
   }
@@ -184,21 +101,15 @@ export class StatusDropdown extends React.Component {
       searchString: '',
       options: foptions
     });
-  } // handleMouseEnter(id, value, index, e) {
-  //   this.setState({
-  //     selectedIndex: index
-  //   });
-  // }
-
+  }
 
   handleScroll(e) {
     const {
-      isNextOptions,
       getNextOptions
     } = this.props;
 
     if (e.target.scrollTop + e.target.offsetHeight > e.target.scrollHeight - 1) {
-      isNextOptions && getNextOptions && getNextOptions(e);
+      getNextOptions && getNextOptions(e);
     }
   }
 
@@ -259,6 +170,8 @@ export class StatusDropdown extends React.Component {
       needExternalPopupState = false,
       isPopupActive = false,
       needMultiLineText,
+      isFetchingOptions,
+      getNextOptions,
       a11y = {}
     } = this.props;
     const {
@@ -328,7 +241,14 @@ export class StatusDropdown extends React.Component {
         needResponsive: needResponsive,
         isResponsivePadding: true,
         needFocusScope: true,
-        onClose: this.handleTogglePopup
+        onClose: this.handleTogglePopup,
+        customProps: {
+          focusScopeProps: {
+            loadNextOptions: getNextOptions,
+            searchValue: searchString,
+            isFetchingOptions: isFetchingOptions
+          }
+        }
       }, /*#__PURE__*/React.createElement(React.Fragment, null, isSearch ? /*#__PURE__*/React.createElement(Box, {
         className: style.search
       }, /*#__PURE__*/React.createElement(TextBoxIcon, {
@@ -336,9 +256,7 @@ export class StatusDropdown extends React.Component {
         onChange: this.handleChange,
         value: searchString,
         onClear: this.onSearchClear,
-        size: searchBoxSize // inputRef={this.searchInputRef}
-        // onKeyDown={this.handleKeyDown}
-        ,
+        size: searchBoxSize,
         customProps: {
           TextBoxProps: {
             'data-a11y-autofocus': true
@@ -365,30 +283,24 @@ export class StatusDropdown extends React.Component {
         shrink: true,
         dataId: `${dataId}_list`,
         preventParentScroll: "vertical",
-        className: `${tabletMode ? style.responsivemaxHgt : style.maxHgt}` // eleRef={this.scrollContentRef}
-        ,
+        className: `${tabletMode ? style.responsivemaxHgt : style.maxHgt}`,
         onScroll: this.handleScroll,
         role: isSearch ? 'listbox' : 'menu',
         tabindex: "-1",
-        "data-scroll": "true"
+        isScrollAttribute: true
       }, options.length != 0 && isDataLoaded ? /*#__PURE__*/React.createElement(React.Fragment, null, options.map((item, i) => {
         const listItemText = item[keyName];
-        ;
         const isActive = value === listItemText;
-        return /*#__PURE__*/React.createElement(React.Fragment, {
-          key: i
-        }, /*#__PURE__*/React.createElement(StatusListItem, {
+        return /*#__PURE__*/React.createElement(StatusListItem, {
+          key: i,
           dataId: `dataid_${i}`,
           value: listItemText,
           id: item[idName],
           active: isActive,
           onClick: this.onSelect.bind(this, item),
-          index: i // highlight={selectedIndex === i}
-          ,
+          index: i,
           needTick: needTick,
-          needBorder: false // onMouseEnter={this.handleMouseEnter}
-          // getRef={this.itemRef}
-          ,
+          needBorder: false,
           bulletColor: item[statusColor],
           title: listItemText,
           needMultiLineText: needMultiLineText,
@@ -398,8 +310,11 @@ export class StatusDropdown extends React.Component {
             ariaSelected: isActive,
             ariaLabel: listItemText
           }
-        }));
-      })) : isDataLoaded ? /*#__PURE__*/React.createElement(CommonEmptyState, {
+        });
+      }), isFetchingOptions && /*#__PURE__*/React.createElement(Container, {
+        isCover: false,
+        align: "both"
+      }, /*#__PURE__*/React.createElement(Loader, null))) : isDataLoaded ? /*#__PURE__*/React.createElement(CommonEmptyState, {
         className: style.svgWrapper,
         title: searchErrorText || 'No results',
         description: searchEmptyHint,

package/es/list/status/StatusDropdown/StatusDropdown.module.css

@@ -80,13 +80,4 @@
   height: var(--zd_size1) ;
   border-bottom: 1px solid var(--zdt_statusdropdown_line_border);
   margin: var(--zd_size9) 0 var(--zd_size10) ;
-}
-/* .hiddenInput {
-  width: 0;
-  height: 0;
-  opacity: 0;
-}
-.hiddenInput > input {
-  width: 100%;
-  padding: 0;
-} */
+}

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

@@ -15,5 +15,6 @@ export const defaultProps = {
   boxSize: 'medium',
   needExternalPopupState: false,
   statusColor: 'statusColor',
-  needMultiLineText: false
+  needMultiLineText: false,
+  isFetchingOptions: false
 };

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

@@ -19,7 +19,7 @@ export const propTypes = {
   isDataLoaded: PropTypes.bool,
   isDisabled: PropTypes.bool,
   isEditable: PropTypes.bool,
-  isNextOptions: PropTypes.bool,
+  isFetchingOptions: PropTypes.bool,
   isPopupActive: PropTypes.bool,
   isPopupOpen: PropTypes.bool,
   isPopupReady: PropTypes.bool,

package/es/list/status/StatusListItem/StatusListItem.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 { defaultProps } from './props/defaultProps';
@@ -86,7 +84,7 @@ export default class StatusListItem extends React.Component {
       options.target = `_${target}`;
     }
 
-    return /*#__PURE__*/React.createElement(Container, _extends({
+    return /*#__PURE__*/React.createElement(Container, {
       role: role,
       "aria-selected": ariaSelected,
       "aria-label": ariaLabel,
@@ -101,8 +99,10 @@ export default class StatusListItem extends React.Component {
       eleRef: this.getRef,
       tagName: isLink ? 'a' : 'li',
       "data-title": isDisabled ? disableTitle : null,
-      tabindex: isDisabled ? '-1' : '0'
-    }, options, a11y), /*#__PURE__*/React.createElement(Box, {
+      tabindex: isDisabled ? '-1' : '0',
+      ...options,
+      ...a11y
+    }, /*#__PURE__*/React.createElement(Box, {
       className: `${style.statusType} ${style[bulletColor]}`
     }), /*#__PURE__*/React.createElement(Box, {
       flexible: true,

package/es/lookup/Lookup/Lookup.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 { defaultProps } from './props/defaultProps';
@@ -78,7 +76,7 @@ export default class Lookup extends Component {
       needFocusLoop = true,
       needEnterAction = true
     } = focusScopeProps;
-    const content = /*#__PURE__*/React.createElement("div", _extends({
+    const content = /*#__PURE__*/React.createElement("div", {
       ref: this.createRef,
       tabIndex: "-1",
       "data-a11y-need-focus-style": "false",
@@ -90,8 +88,9 @@ export default class Lookup extends Component {
       id: htmlId,
       className: `${style.box} ${style[`${size}Size`]} ${lookupClass ? lookupClass : ''}`,
       "data-id": dataId,
-      "data-test-id": dataId
-    }, a11yAttributes), /*#__PURE__*/React.createElement(Container, {
+      "data-test-id": dataId,
+      ...a11yAttributes
+    }, /*#__PURE__*/React.createElement(Container, {
       "data-drag-container": "true",
       isCover: false,
       className: isMinHeight ? `${style.wrapper}` : `${style.coverwrap}`

package/es/lookup/Section/LookupSection.module.css

@@ -5,5 +5,5 @@
   composes: flexgrow from '~@zohodesk/components/lib/common/common.module.css';
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   background-color: var(--zdt_lookupsection_bg);
-  box-shadow: var(--zd_bs_lookupsection_shadow)
+  box-shadow: var(--zd_bs_contrast_outline, 0px 4px 20px var(--zdt_lookupsection_box_shadow))
 }

package/es/lookup/header/Search/Search.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 ***/
@@ -100,7 +98,11 @@ export default class Search extends Component {
       selectedId: selectedId,
       onDropDownOpen: this.handleDropDownOpen,
       onDropDownClose: this.handleDropDownClose
-    }, /*#__PURE__*/React.createElement(SearchUI, _extends({}, this.props, searchUIExtraProps))) : /*#__PURE__*/React.createElement(SearchUI, _extends({}, this.props, searchUIExtraProps));
+    }, /*#__PURE__*/React.createElement(SearchUI, { ...this.props,
+      ...searchUIExtraProps
+    })) : /*#__PURE__*/React.createElement(SearchUI, { ...this.props,
+      ...searchUIExtraProps
+    });
   }
 
 }

package/es/v1/Drawer/Drawer.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 } from 'react';
 import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from './props/defaultProps';
 import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from './props/propTypes';
@@ -161,12 +159,13 @@ export default function Drawer(props) {
 
       return child;
     });
-    let content = /*#__PURE__*/React.createElement(Box, _extends({
+    let content = /*#__PURE__*/React.createElement(Box, {
       className: `${style.container} ${style.columns} ${style.drawerModal} ${uptoTablet ? style.mbleSize : style[size]}`,
       "data-a11y-need-focus-style": "false",
       tabindex: -1,
-      eleRef: contentRef
-    }, a11y), /*#__PURE__*/React.createElement(Card, {
+      eleRef: contentRef,
+      ...a11y
+    }, /*#__PURE__*/React.createElement(Card, {
       onClick: e => {
         e && e.stopPropagation && e.stopPropagation();
         onBodyClick(e);

package/es/v1/ExternalLink/ExternalLink.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 { defaultProps } from './props/defaultProps';
@@ -32,7 +30,7 @@ const ExternalLink = props => {
   };
 
   let urlOutput = href && typeof href !== 'boolean' ? addHttp(String(href)) : 'javascript:void(0);';
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/React.createElement("a", {
     href: urlOutput,
     target: target,
     className: `${style.link} ${className ? className : ''}`,
@@ -40,8 +38,9 @@ const ExternalLink = props => {
     rel: rel,
     "data-id": dataId,
     "data-test-id": dataId,
-    onClick: onClick
-  }, customProps), children);
+    onClick: onClick,
+    ...customProps
+  }, children);
 };
 
 ExternalLink.defaultProps = defaultProps;

package/es/v1/FlipCard/FlipCard.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';
@@ -76,16 +74,17 @@ export default function FlipCard(props) {
   }, !noNeedFlip ? /*#__PURE__*/React.createElement(Container, {
     align: "both",
     className: `${style.front} ${frontClass ? frontClass : ''}`
-  }, /*#__PURE__*/React.createElement(CheckBox, _extends({
+  }, /*#__PURE__*/React.createElement(CheckBox, {
     isFilled: isFilledCheckbox,
     checked: isChecked,
     onChange: onChange,
     id: `checkbox_${id}`,
-    dataId: `listViewCheckBox_${id}`
-  }, CheckBoxProps))) : null, /*#__PURE__*/React.createElement(Container, {
+    dataId: `listViewCheckBox_${id}`,
+    ...CheckBoxProps
+  })) : null, /*#__PURE__*/React.createElement(Container, {
     align: "both",
     className: style.back
-  }, channel && action ? /*#__PURE__*/React.createElement(ChannelIcon, _extends({
+  }, channel && action ? /*#__PURE__*/React.createElement(ChannelIcon, {
     name: channel,
     action: action,
     size: size,
@@ -98,8 +97,9 @@ export default function FlipCard(props) {
     customTextClass: customTextClass,
     iconColor: iconColor,
     title: channelTitle,
-    iconTitle: channelTitle
-  }, ChannelIconProps)) : icon ? /*#__PURE__*/React.createElement(AvatarIcon, _extends({
+    iconTitle: channelTitle,
+    ...ChannelIconProps
+  }) : icon ? /*#__PURE__*/React.createElement(AvatarIcon, {
     name: icon,
     iconSize: iconSize,
     size: size,
@@ -107,8 +107,9 @@ export default function FlipCard(props) {
     dataId: icon,
     className: className,
     iconColor: iconColor,
-    title: needTitle ? name : ''
-  }, AvatarIconProps)) : /*#__PURE__*/React.createElement(AvatarUser, _extends({
+    title: needTitle ? name : '',
+    ...AvatarIconProps
+  }) : /*#__PURE__*/React.createElement(AvatarUser, {
     name: name,
     initial: initial,
     size: size,
@@ -119,8 +120,9 @@ export default function FlipCard(props) {
     needTitle: needTitle,
     palette: palette,
     textPalette: textPalette,
-    customTextClass: customTextClass
-  }, AvatarUserProps)))));
+    customTextClass: customTextClass,
+    ...AvatarUserProps
+  }))));
 }
 FlipCard.propTypes = propTypes;
 FlipCard.defaultProps = defaultProps; // if (__DOCS__) {