matrix-art.meta

182.md (7160B)

---

 # PR #182 Bump react-toastify from 8.2.0 to 9.0.0
 
 - **Status:** closed
 - **Author:** @dependabot[bot]
 - **Created:** 2022-05-04T08:33:28Z
 - **Branch:** dependabot/npm_and_yarn/react-toastify-9.0.0 → main
 - **Closed:** 2022-05-06T08:34:27Z
 - **Labels:** dependencies, javascript
 - **Assignees:** @MTRNord
 - **Reviewers:** @MTRNord
 - **Diff:** [182.diff](./182.diff)
 
 ---
 
 Bumps [react-toastify](https://github.com/fkhadra/react-toastify) from 8.2.0 to 9.0.0.
 <details>
 <summary>Release notes</summary>
 <p><em>Sourced from <a href="https://github.com/fkhadra/react-toastify/releases">react-toastify's releases</a>.</em></p>
 <blockquote>
 <h2>v9.0.0</h2>
 <h1>Release note</h1>
 <h2>🚀 What is new in v9</h2>
 <p>Say hello to addons! What are addons? So, addons are like DLCs in video games but for react-toastify 😆. More seriously, you can think of it as utilities built around react-toastify. For example, custom theme, hooks, components etc...</p>
 <h3>useNotificationCenter</h3>
 <p>The first addon that I would like to introduce is the <code>useNotificationCenter</code> headless hook! As the name suggests, it let you build your notification center on top of react-toastify. See for yourself 👇</p>
 <p><a href="https://user-images.githubusercontent.com/5574267/166549174-48422a61-ff7b-4eeb-b53f-d903db3d1595.mov">https://user-images.githubusercontent.com/5574267/166549174-48422a61-ff7b-4eeb-b53f-d903db3d1595.mov</a></p>
 <p>Another example using MUI.</p>
 <p><a href="https://codesandbox.io/s/mui-notification-center-zvxod3?fontsize=14&amp;hidenavigation=1&amp;theme=dark"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="Edit mui-notification-center" /></a>
 Check the <a href="https://github.com/fkhadra/react-toastify/blob/HEAD/react-toastify/addons/use-notification-center">documentation</a> for more details.</p>
 <h3>Stacked toasts</h3>
 <p>This second addon will be released later. There are a bunch of details that I need to cover and I don't want to release something too buggy. Nevertheless, I'm really excited about it and I think it's worth showcasing anyway.</p>
 <p>I call it <code>StackedContainer</code> for now, it's an alternative to the <code>ToastContainer</code> component.</p>
 <p><img src="https://user-images.githubusercontent.com/5574267/160688000-1d01d949-d9e1-41f4-858c-f5c9a33b901d.gif" alt="stacked-container" /></p>
 <h2>💥 Breaking changes</h2>
 <p>There are 2 breaking changes. The API change for <code>toast.onChange</code> and the removal of <code>toast.configure</code>.</p>
 <h3><code>toast.onChange</code></h3>
 <p>The previous API was returning the <code>numberOfToastDisplayed</code> and the <code>containerId</code>. Honestly, this API seems to be incomplete.</p>
 <p>For example, with the old API, if I wanted to do some logging this would be very difficult because I don't have enough data to log.</p>
 <pre lang="tsx"><code>toast.onChange((numberOfToastDisplayed, containerId) =&gt; {
   logger.info(&quot;nothing useful to log, ...&quot;)
 })
 </code></pre>
 <p>The new API offers more possibilities. The callback will receive a <code>ToastItem</code>. The item provides a bunch of useful properties <code>status</code>, <code>content</code>, <code>id</code>, <code>data</code>, etc...</p>
 <pre lang="jsx"><code>interface ToastItem&lt;Data = {}&gt; {
     id: Id;
     content: React.ReactNode;
 &lt;/tr&gt;&lt;/table&gt; 
 </code></pre>
 </blockquote>
 <p>... (truncated)</p>
 </details>
 <details>
 <summary>Commits</summary>
 <ul>
 <li><a href="https://github.com/fkhadra/react-toastify/commit/c7533cf777ced244db4c8f468c6d5553166a634a"><code>c7533cf</code></a> 9.0.0</li>
 <li><a href="https://github.com/fkhadra/react-toastify/commit/843c787b080d1947a42295264797c38c5eb09ba4"><code>843c787</code></a> Merge pull request <a href="https://github-redirect.dependabot.com/fkhadra/react-toastify/issues/731">#731</a> from fkhadra/next</li>
 <li><a href="https://github.com/fkhadra/react-toastify/commit/d390b492edc12d1e4c6ba0e8d9e87a81ae26ab92"><code>d390b49</code></a> bump deps</li>
 <li><a href="https://github.com/fkhadra/react-toastify/commit/bcc743cd8a8e53fe858c47140f2468c22a64ba23"><code>bcc743c</code></a> 9.0.0-rc-2</li>
 <li><a href="https://github.com/fkhadra/react-toastify/commit/132cea13abe5ca3febd97f7b2552ef309a2a8310"><code>132cea1</code></a> move example to react18</li>
 <li><a href="https://github.com/fkhadra/react-toastify/commit/fb7687655df6806d124e1aab907f7eccbbf6c54d"><code>fb76876</code></a> bump react version</li>
 <li><a href="https://github.com/fkhadra/react-toastify/commit/22d632e91d8a458faf83ae112cc723e2821597ac"><code>22d632e</code></a> 9.0.0-rc-1</li>
 <li><a href="https://github.com/fkhadra/react-toastify/commit/6388be152b44059b60150f6eb8f83c9cf3dbcb29"><code>6388be1</code></a> bump dependencies</li>
 <li><a href="https://github.com/fkhadra/react-toastify/commit/ae9751e649b9095c7d4324ac181a0f37394054a6"><code>ae9751e</code></a> update contributing guide</li>
 <li><a href="https://github.com/fkhadra/react-toastify/commit/1979d75916d1919a0df10a55037651e904c1e3e6"><code>1979d75</code></a> bump example deps</li>
 <li>Additional commits viewable in <a href="https://github.com/fkhadra/react-toastify/compare/v8.2.0...v9.0.0">compare view</a></li>
 </ul>
 </details>
 <br />
 
 
 [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=react-toastify&package-manager=npm_and_yarn&previous-version=8.2.0&new-version=9.0.0)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores)
 
 Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`.
 
 [//]: # (dependabot-automerge-start)
 [//]: # (dependabot-automerge-end)
 
 ---
 
 <details>
 <summary>Dependabot commands and options</summary>
 <br />
 
 You can trigger Dependabot actions by commenting on this PR:
 - `@dependabot rebase` will rebase this PR
 - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it
 - `@dependabot merge` will merge this PR after your CI passes on it
 - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it
 - `@dependabot cancel merge` will cancel a previously requested merge and block automerging
 - `@dependabot reopen` will reopen this PR if it is closed
 - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
 - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
 - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
 - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
 
 
 </details>
 
 
 ## Comments
 
 ### @dependabot[bot] — 2022-05-06T08:34:26Z
 
 Superseded by #183.