feat(Notification): Add timeout prop to ToastNotification, closes #846 (carbon-design-system#971)

* feat(Notification): Add `timeout` prop to ToastNotification, closes #846

* fix(Notification): set default ToastNotification timeout to 0

Author: emyarod

src/components/Notification/Notification-story.js

@@ -17,6 +17,7 @@ const notificationProps = {
     captionNode: <Link href="#">The caption can be any node.</Link>,
     iconDescription: 'describes the close button',
     style: { minWidth: '30rem', marginBottom: '.5rem' },
+    timeout: 0,
   },
   inline: {
     onCloseButtonClick: action('onCloseButtonClick'),

src/components/Notification/Notification.js

@@ -108,6 +108,7 @@ export class ToastNotification extends Component {
     iconDescription: PropTypes.string.isRequired,
     notificationType: PropTypes.string,
     hideCloseButton: PropTypes.bool,
+    timeout: PropTypes.number,
   };
 
   static defaultProps = {
@@ -120,12 +121,21 @@ export class ToastNotification extends Component {
     iconDescription: 'closes notification',
     onCloseButtonClick: () => {},
     hideCloseButton: false,
+    timeout: 0,
   };
 
   state = {
     open: true,
   };
 
+  componentDidMount() {
+    if (this.props.timeout) {
+      setTimeout(() => {
+        this.handleCloseButtonClick();
+      }, this.props.timeout);
+    }
+  }
+
   handleCloseButtonClick = evt => {
     this.setState({ open: false });
     this.props.onCloseButtonClick(evt);

yarn.lock

@@ -2761,8 +2761,9 @@ caniuse-lite@^1.0.30000791, caniuse-lite@^1.0.30000792:
   version "1.0.30000792"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000792.tgz#d0cea981f8118f3961471afbb43c9a1e5bbf0332"
 
-"carbon-components@file:../carbon-components":
-  version "7.2.1"
+carbon-components@^9.0.0:
+  version "9.0.2"
+  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-9.0.2.tgz#7e959808974cc464fad6098e791230e1972162d8"
   dependencies:
     carbon-icons "^6.0.4"
     flatpickr "2.6.3"