@zohodesk/dot 1.0.0-temp-54 → 1.0.0-temp-55

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