@zohodesk/dot 1.4.13 → 1.4.14

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/Subject/Subject.module.css

@@ -1,28 +1,35 @@
 .varClass {
   --subject_text: var(--zdt_subject_text);
 }
+
 .subject {
   composes: varClass;
   /* css:theme-validation:ignore */
   color: var(--subject_text);
   display: block;
 }
+
 .dotted {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .font_regular {
   font-family: var(--zd_regular);
 }
+
 .font_semibold {
   font-family: var(--zd_semibold);
 }
+
 .font_bold {
   font-family: var(--zd_bold);
 }
+
 .font_semibold,
 .font_bold {
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .cursorPointer {
   cursor: pointer;
-}
+}

package/es/list/Thread/Thread.module.css

@@ -4,7 +4,6 @@
 .container {
   composes: varClass;
   position: relative;
-  /* css:theme-validation:ignore */
   color: var(--icon_color);
   cursor: pointer;
 }

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';
@@ -84,7 +82,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,
       isCover: false,
@@ -97,8 +95,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';
@@ -57,7 +55,8 @@ export default class Lookup extends Component {
       onClose,
       needFocusScope,
       customProps,
-      isMinHeight
+      isMinHeight,
+      lookupClass
     } = this.props;
     const {
       role = 'dialog',
@@ -77,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",
@@ -87,10 +86,11 @@ export default class Lookup extends Component {
       "aria-label": ariaLabel,
       "aria-modal": ariaModal,
       id: htmlId,
-      className: `${style.box} ${style[`${size}Size`]}`,
+      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/Lookup/Lookup.module.css

@@ -35,7 +35,10 @@
 .largeSize {
   max-width: 70% ;
 }
+.xlargeSize {
+  max-width: 80% ;
+}
 
 .fullSize {
   max-width: 90% ;
-}
+}

package/es/lookup/Lookup/props/propTypes.js

@@ -4,7 +4,7 @@ export const propTypes = {
   customClass: PropTypes.string,
   dataId: PropTypes.string,
   isActive: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'xmedium', 'medium', 'large', 'full']),
+  size: PropTypes.oneOf(['small', 'xmedium', 'medium', 'large', 'xlarge', 'full']),
   htmlId: PropTypes.string,
   a11y: PropTypes.shape({
     role: PropTypes.string,
@@ -19,5 +19,6 @@ export const propTypes = {
   forwardRef: PropTypes.object,
   onClick: PropTypes.func,
   onClose: PropTypes.func,
-  isMinHeight: PropTypes.bool
+  isMinHeight: PropTypes.bool,
+  lookupClass: PropTypes.string
 };

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/lookup/header/TicketHeader/TicketHeader.js

@@ -1,5 +1,5 @@
 /*** Libraries ***/
-import React, { Component } from 'react';
+import React, { memo, useRef } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 /*** Components ***/
@@ -9,6 +9,7 @@ import Close from '../Close/Close';
 import Search from '../Search/Search';
 import ViewDropDown from '../ViewDropDown/ViewDropDown';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
+import useDragger from '../../../Hooks/Dragger/useDragger';
 /*** CSS ***/
 
 import commonStyle from '../lookupHeaderCommon.module.css';
@@ -16,81 +17,95 @@ import commonResponsive from '../lookupHeaderCommonResponsive.module.css';
 import style from './TicketHeader.module.css';
 /* eslint-disable react/forbid-component-props */
 
-export default class TicketHeader extends Component {
-  render() {
-    let {
-      needSearch,
-      onLookupClose,
-      searchStr,
-      onSearchChange,
-      searchPlaceHolder,
-      title,
-      selectedViewId,
-      onSelectView,
-      allViews,
-      onSearch,
-      needOnTypeSearch,
-      getSearchBoxRef,
-      needViewsList,
-      i18nKeys,
-      palette
-    } = this.props;
-    let {
-      menuEmptyMessage = 'No matches found'
-    } = i18nKeys;
-    return /*#__PURE__*/React.createElement(Container, {
-      align: "vertical",
-      alignBox: "row",
-      className: `${commonStyle.container} ${commonStyle[`${palette}`]} ${commonResponsive.container} ${style.container}`,
-      isCover: false,
-      wrap: "wrap"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: commonStyle.closeContainer
-    }, /*#__PURE__*/React.createElement(Close, {
-      onClose: onLookupClose,
-      dataId: "close"
-    })), /*#__PURE__*/React.createElement(Box, {
-      flexible: true
-    }, /*#__PURE__*/React.createElement(Container, {
-      alignBox: "column",
-      className: `${style.innerContainer}`,
-      isCover: false,
-      wrap: "wrap",
-      dataId: "lookupView"
-    }, /*#__PURE__*/React.createElement(Box, {
-      className: commonStyle.title
-    }, /*#__PURE__*/React.createElement(Title, {
-      text: title
-    })), needViewsList ? /*#__PURE__*/React.createElement(Box, {
-      className: `${style.dropdown}`,
-      dataId: "filterIdselected"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.menuWrapper
-    }, /*#__PURE__*/React.createElement(ViewDropDown, {
-      dropBoxSize: "small",
-      emptyMessage: menuEmptyMessage,
-      needSearch: true,
-      onChange: onSelectView,
-      options: allViews,
-      textField: "displayLabel",
-      selectedValue: selectedViewId,
-      needCloseOnSelect: true
-    }))) : null)), needSearch ? /*#__PURE__*/React.createElement(Box, {
-      className: `${commonStyle.searchContainer} ${commonResponsive.searchContainer} ${style.searchContainer}`
-    }, /*#__PURE__*/React.createElement(Search, {
-      onSearch: onSearch,
-      searchStr: searchStr,
-      onChange: onSearchChange,
-      placeHolder: searchPlaceHolder,
-      dataId: "search",
-      needOnTypeSearch: needOnTypeSearch,
-      getRef: getSearchBoxRef
-    })) : null);
-  }
+function TicketHeader(props) {
+  let {
+    needSearch,
+    onLookupClose,
+    searchStr,
+    onSearchChange,
+    searchPlaceHolder,
+    title,
+    selectedViewId,
+    onSelectView,
+    allViews,
+    onSearch,
+    needOnTypeSearch,
+    getSearchBoxRef,
+    needViewsList,
+    i18nKeys,
+    palette,
+    dragBoundaryLimit
+  } = props;
+  let {
+    menuEmptyMessage = 'No matches found'
+  } = i18nKeys;
+  const dragRef = useRef(null); //dragRef
 
+  useDragger({
+    isActive: true,
+    ChildRef: dragRef,
+    boundaryLimit: dragBoundaryLimit
+  }); //custom Hook
+
+  return /*#__PURE__*/React.createElement(Container, {
+    align: "vertical",
+    alignBox: "row",
+    className: `${commonStyle.container} ${commonStyle[`${palette}`]} ${commonResponsive.container} ${style.container}`,
+    isCover: false,
+    wrap: "wrap",
+    eleRef: dragRef,
+    "data-drag-hook": "true"
+  }, /*#__PURE__*/React.createElement(Box, {
+    flexible: true
+  }, /*#__PURE__*/React.createElement(Container, {
+    alignBox: "column",
+    className: `${style.innerContainer}`,
+    isCover: false,
+    wrap: "wrap",
+    dataId: "lookupView"
+  }, /*#__PURE__*/React.createElement(Box, {
+    className: commonStyle.title
+  }, /*#__PURE__*/React.createElement(Title, {
+    text: title
+  })), needViewsList ? /*#__PURE__*/React.createElement(Box, {
+    className: `${style.dropdown}`,
+    dataId: "filterIdselected"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.menuWrapper
+  }, /*#__PURE__*/React.createElement(ViewDropDown, {
+    dropBoxSize: "small",
+    emptyMessage: menuEmptyMessage,
+    needSearch: true,
+    onChange: onSelectView,
+    options: allViews,
+    textField: "displayLabel",
+    selectedValue: selectedViewId,
+    needCloseOnSelect: true
+  }))) : null)), needSearch ? /*#__PURE__*/React.createElement(Box, {
+    className: `${commonStyle.searchContainer} ${commonResponsive.searchContainer} ${style.searchContainer}`
+  }, /*#__PURE__*/React.createElement(Search, {
+    onSearch: onSearch,
+    searchStr: searchStr,
+    onChange: onSearchChange,
+    placeHolder: searchPlaceHolder,
+    dataId: "search",
+    needOnTypeSearch: needOnTypeSearch,
+    getRef: getSearchBoxRef
+  })) : null, /*#__PURE__*/React.createElement("div", {
+    className: commonStyle.closeContainer
+  }, /*#__PURE__*/React.createElement(Close, {
+    onClose: onLookupClose,
+    dataId: "close"
+  })));
 }
+
 TicketHeader.propTypes = propTypes;
-TicketHeader.defaultProps = defaultProps; // if (__DOCS__) {
+TicketHeader.defaultProps = defaultProps;
+const MemoizedTicketHeader = /*#__PURE__*/memo(TicketHeader);
+MemoizedTicketHeader.propTypes = propTypes;
+MemoizedTicketHeader.defaultProps = defaultProps;
+MemoizedTicketHeader.displayName = 'TicketHeader';
+export default MemoizedTicketHeader; // if (__DOCS__) {
 //   TicketHeader.docs = {
 //     componentGroup: 'Lookup'
 //   };

package/es/lookup/header/TicketHeader/props/defaultProps.js

@@ -1,4 +1,10 @@
 export const defaultProps = {
   i18nKeys: {},
-  palette: 'default'
+  palette: 'default',
+  dragBoundaryLimit: {
+    top: 0,
+    left: 50,
+    right: 50,
+    bottom: 50
+  }
 };

package/es/lookup/header/TicketHeader/props/propTypes.js

@@ -16,5 +16,6 @@ export const propTypes = {
   i18nKeys: PropTypes.shape({
     menuEmptyMessage: PropTypes.string
   }),
-  palette: PropTypes.oneOf(['default', 'white'])
+  palette: PropTypes.oneOf(['default', 'white']),
+  dragBoundaryLimit: PropTypes.object
 };

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__) {

package/es/v1/GlobalNotification/GlobalNotification.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 } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes, UI_propTypes, new_propTypes } from './props/propTypes';
@@ -96,7 +94,7 @@ export function GlobalNotificationUI(props) {
     onClose && onClose(e);
   }
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", {
     ref: eleRef,
     className: ` ${style.message} 
         ${needShadow && shadowCount >= 2 ? shadowCount > 2 ? `${style.stackShadowTwo} ${style.stackShadowOne}` : style.stackShadowOne : ''}
@@ -105,8 +103,9 @@ export function GlobalNotificationUI(props) {
     "data-id": `show_${type}_message`,
     "data-test-id": `show_${type}_message`,
     tabIndex: 0,
-    "data-selector-id": dataSelectorId
-  }, ExtraProps), /*#__PURE__*/React.createElement(Container, {
+    "data-selector-id": dataSelectorId,
+    ...ExtraProps
+  }, /*#__PURE__*/React.createElement(Container, {
     className: `${style.container}`,
     alignBox: "row",
     isCover: false,
@@ -138,8 +137,8 @@ export function GlobalNotificationUI(props) {
 }
 GlobalNotificationUI.propTypes = UI_propTypes;
 export function GlobalNotificationNew(props) {
-  return /*#__PURE__*/React.createElement(AutoClose, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(AutoClose, { ...props,
     Element: GlobalNotificationUI
-  }));
+  });
 }
 GlobalNotificationNew.propTypes = new_propTypes;