feat(WD-30161): ToastNotificationProvider customizable delay

[muhammad-ali-pk]

Done

• Added autoDismissDelay prop to ToastNotificationProvider which can be used to:
  • provide custom delays to automatically dismiss notification
  • disable automatically dismissing notifications

QA

Pinging @canonical/react-library-maintainers for a review.

Storybook

To see rendered examples of all react-components, run:

yarn start

QA in your project

from react-components run:

yarn build
npm pack

Install the resulting tarball in your project with:

yarn add <path-to-tarball>

QA steps

• Check out this pull request
• Run the project using dotrun
• Visit http://localhost:8403/?path=/docs/components-notifications-toastnotification--docs
• Disable list view by clicking on Toggle list view button
• In the controls under notifications, use different values from autoDismissDelay from the dropdown, and trigger notifcations
• Make sure the notifications are persistent, when autoDismissDelay is set to 0

Percy steps

• Updated ToastNotification docs page

Fixes

Fixes: #1271, WD-30161

[webteam-app]

Demo

Jenkins

demos.haus

[github-actions]

🎉 This PR is included in version 3.5.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀