@zohodesk/dot 1.0.0-temp-52 → 1.0.0-temp-56

package/src/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js

@@ -22,27 +22,14 @@ export default class ModuleHeader__default extends Component {
   render() {
     let { searchStr } = this.state;
     return (
-      <div>
-        <ModuleHeader
-          title='Find Duplicate'
-          needSearch
-          searchStr={searchStr}
-          onSearchChange={this.handleSearch}
-          searchPlaceHolder='Search'
-          miniDescription="Select a field to search for duplicate records"
-          onLookupClose={()=>{}}
-        />
-        <ModuleHeader
-          title='Find Duplicate'
-          needSearch
-          searchStr={searchStr}
-          onSearchChange={this.handleSearch}
-          searchPlaceHolder='Search'
-          miniDescription="Select a field to search for duplicate records"
-          onLookupClose={()=>{}}
-          palette='white'
-        />
-      </div>
+      <ModuleHeader
+        title='Find Duplicate'
+        needSearch
+        searchStr={searchStr}
+        onSearchChange={this.handleSearch}
+        searchPlaceHolder='Search'
+        miniDescription="Select a field to search for duplicate records"
+      />
     );
   }
 }

package/src/lookup/header/TicketHeader/TicketHeader.js

@@ -32,15 +32,14 @@ export default class TicketHeader extends Component {
       needOnTypeSearch,
       getSearchBoxRef,
       needViewsList,
-      i18nKeys,
-      palette
+      i18nKeys
     } = this.props;
     let { menuEmptyMessage = 'No matches found' } = i18nKeys;
     return (
       <Container
         align='vertical'
         alignBox='row'
-        className={`${commonStyle.container} ${commonStyle[`${palette}`]} ${commonResponsive.container} ${style.container}`}
+        className={`${commonStyle.container} ${commonResponsive.container} ${style.container}`}
         isCover={false}
         wrap='wrap'
       >
@@ -110,13 +109,11 @@ TicketHeader.propTypes = {
   title: PropTypes.string,
   i18nKeys: PropTypes.shape({
     menuEmptyMessage: PropTypes.string
-  }),
-  palette: PropTypes.oneOf(['default', 'white'])
+  })
 };
 
 TicketHeader.defaultProps = {
-  i18nKeys: {},
-  palette: 'default'
+  i18nKeys: {}
 };
 
 if (__DOCS__) {

package/src/lookup/header/lookupHeaderCommon.module.css

@@ -5,12 +5,6 @@
   background-color: var(--zdt_lookupheader_default_bg);
   border-bottom: solid 1px var(--zdt_lookupheader_default_border);
 }
-.default {
-  background-color: var(--zdt_lookupheader_default_bg);
-}
-.white {
-  background-color: var(--zdt_lookupheader_white_bg);
-}
 .searchContainer,
 .title {
   margin: 0 var(--zd_size20);

package/src/version2/GlobalNotification/GlobalNotification.js

@@ -36,7 +36,7 @@ export default class GlobalNotification extends React.Component {
   }
 
   render() {
-    let { type, message, hideMessage, onClick,i18nKeys={} } = this.props;
+    let { type, message, hideMessage, onClick, i18nKeys={}, customProps } = this.props;
     let { closeTitle = 'Close' } = i18nKeys;
     return (
       <GlobalNotificationUI
@@ -45,6 +45,7 @@ export default class GlobalNotification extends React.Component {
         hideMessage={hideMessage}
         onClick={onClick}
         closeTitle={closeTitle}
+        customProps={customProps}
       />
     );
   }
@@ -56,8 +57,14 @@ GlobalNotification.propTypes = {
   onClick: PropTypes.func,
   showMessage: PropTypes.bool,
   type: PropTypes.oneOf(['success', 'danger', 'info', 'warning', 'error']),
-  i18nKeys: PropTypes.object
+  i18nKeys: PropTypes.object,
+  customProps:PropTypes.shape({
+    ExtraProps: PropTypes.object
+  })
 };
+GlobalNotification.defaultProps = {
+  customProps: {}
+}
 if (__DOCS__) {
   GlobalNotification.docs = {
     componentGroup: 'GlobalNotification',
@@ -71,9 +78,10 @@ export function GlobalNotificationUI(props) {
     hideMessage && hideMessage(e);
     onClose && onClose(e);
   }
-  let { type = '', message, onClick, closeTitle='' } = props;
+  let { type = '', message, onClick, closeTitle='', customProps={} } = props;
+  let { ExtraProps={} } = customProps;
   return (
-    <div className={`${style.message} ${type ? style[type] : ''}`} data-id={`show_${type}_message`}>
+    <div className={`${style.message} ${type ? style[type] : ''}`} data-id={`show_${type}_message`} {...ExtraProps} >
       <Container
         className={`${style.container}`}
         alignBox='row'

package/src/version2/notification/DesktopNotification/DesktopNotification.js

@@ -58,11 +58,13 @@ export function DesktopNotificationUI(props) {
     onClose,
     needClose,
     customClass = {},
-    i18nKeys = {}
+    i18nKeys = {},
+    customProps
   } = props;
   let { closeTitle = 'Close' } = i18nKeys;
   let { containerClass } = customClass;
   let { buttonPalette = 'dangerFilled' } = buttonPaletteObject[type] || {};
+  let { ExtraProps={} } = customProps;
 
   function onClickSubmit(e) {
     onSubmit && onSubmit();
@@ -94,6 +96,7 @@ export function DesktopNotificationUI(props) {
         isCover={false}
         dataId={dataId}
         isInline={uiVariantTwo}
+        {...ExtraProps}
       >
         <Box>
           <DesktopNotificationHeader
@@ -227,7 +230,10 @@ DesktopNotification.propTypes = {
     'info',
     'notification',
     'alarm'
-  ])
+  ]),
+  customProps:PropTypes.shape({
+    ExtraProps: PropTypes.object
+  })
 };
 DesktopNotification.defaultProps = {
   isMore: false,
@@ -240,7 +246,8 @@ DesktopNotification.defaultProps = {
   needIcon: true,
   titleVariant: 'primary',
   isShrinkView: false,
-  needClose: true
+  needClose: true,
+  customProps: {}
 };
 
 if (__DOCS__) {

package/src/version2/notification/DesktopNotification/DesktopNotification.module.css

@@ -13,7 +13,7 @@
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   pointer-events: auto;
 }
-.globalNotify { 
+.globalNotify {
   max-width: var(--zd_size490);
   min-width: var(--zd_size394);
 }
@@ -51,17 +51,17 @@
 /* Container Style */
 .message {
   padding: var(--zd_size10) var(--zd_size20) var(--zd_size10) var(--zd_size76);
-  border-top: 1px solid var(--zd_border_smoke1);
+  border-top: 1px solid var(--zd_smoke1);
   cursor: pointer;
   position: relative;
-  color: var(--zd_text_smoke18);
+  color: var(--zd_smoke18);
   font-size: var(--zd_font_size11);
   composes: dotted textCap from '~@zohodesk/components/lib/common/common.module.css';
   height: var(--zd_size33);
   transition: padding var(--zd_transition3), height var(--zd_transition3);
 }
 .message:hover {
-  background: var(--zd_bg_alabaster);
+  background: var(--zd_alabaster);
 }
 /* Section */
 .section {
@@ -88,4 +88,3 @@
   border-radius: 0 0 var(--zd_size10) var(--zd_size10);
   overflow: hidden;
 }
-