matrix-art.meta

182.json (7522B)

---

 {
   "number": 182,
   "title": "Bump react-toastify from 8.2.0 to 9.0.0",
   "state": "closed",
   "diff_file": "182.diff",
   "author": "dependabot[bot]",
   "created_at": "2022-05-04T08:33:28Z",
   "closed_at": "2022-05-06T08:34:27Z",
   "merged_at": null,
   "base_ref": "main",
   "head_ref": "dependabot/npm_and_yarn/react-toastify-9.0.0",
   "labels": [
     "dependencies",
     "javascript"
   ],
   "assignees": [
     "MTRNord"
   ],
   "requested_reviewers": [
     "MTRNord"
   ],
   "body": "Bumps [react-toastify](https://github.com/fkhadra/react-toastify) from 8.2.0 to 9.0.0.\n<details>\n<summary>Release notes</summary>\n<p><em>Sourced from <a href=\"https://github.com/fkhadra/react-toastify/releases\">react-toastify's releases</a>.</em></p>\n<blockquote>\n<h2>v9.0.0</h2>\n<h1>Release note</h1>\n<h2>\ud83d\ude80 What is new in v9</h2>\n<p>Say hello to addons! What are addons? So, addons are like DLCs in video games but for react-toastify \ud83d\ude06. More seriously, you can think of it as utilities built around react-toastify. For example, custom theme, hooks, components etc...</p>\n<h3>useNotificationCenter</h3>\n<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 \ud83d\udc47</p>\n<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>\n<p>Another example using MUI.</p>\n<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>\nCheck the <a href=\"https://github.com/fkhadra/react-toastify/blob/HEAD/react-toastify/addons/use-notification-center\">documentation</a> for more details.</p>\n<h3>Stacked toasts</h3>\n<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>\n<p>I call it <code>StackedContainer</code> for now, it's an alternative to the <code>ToastContainer</code> component.</p>\n<p><img src=\"https://user-images.githubusercontent.com/5574267/160688000-1d01d949-d9e1-41f4-858c-f5c9a33b901d.gif\" alt=\"stacked-container\" /></p>\n<h2>\ud83d\udca5 Breaking changes</h2>\n<p>There are 2 breaking changes. The API change for <code>toast.onChange</code> and the removal of <code>toast.configure</code>.</p>\n<h3><code>toast.onChange</code></h3>\n<p>The previous API was returning the <code>numberOfToastDisplayed</code> and the <code>containerId</code>. Honestly, this API seems to be incomplete.</p>\n<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>\n<pre lang=\"tsx\"><code>toast.onChange((numberOfToastDisplayed, containerId) =&gt; {\n  logger.info(&quot;nothing useful to log, ...&quot;)\n})\n</code></pre>\n<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>\n<pre lang=\"jsx\"><code>interface ToastItem&lt;Data = {}&gt; {\n    id: Id;\n    content: React.ReactNode;\n&lt;/tr&gt;&lt;/table&gt; \n</code></pre>\n</blockquote>\n<p>... (truncated)</p>\n</details>\n<details>\n<summary>Commits</summary>\n<ul>\n<li><a href=\"https://github.com/fkhadra/react-toastify/commit/c7533cf777ced244db4c8f468c6d5553166a634a\"><code>c7533cf</code></a> 9.0.0</li>\n<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>\n<li><a href=\"https://github.com/fkhadra/react-toastify/commit/d390b492edc12d1e4c6ba0e8d9e87a81ae26ab92\"><code>d390b49</code></a> bump deps</li>\n<li><a href=\"https://github.com/fkhadra/react-toastify/commit/bcc743cd8a8e53fe858c47140f2468c22a64ba23\"><code>bcc743c</code></a> 9.0.0-rc-2</li>\n<li><a href=\"https://github.com/fkhadra/react-toastify/commit/132cea13abe5ca3febd97f7b2552ef309a2a8310\"><code>132cea1</code></a> move example to react18</li>\n<li><a href=\"https://github.com/fkhadra/react-toastify/commit/fb7687655df6806d124e1aab907f7eccbbf6c54d\"><code>fb76876</code></a> bump react version</li>\n<li><a href=\"https://github.com/fkhadra/react-toastify/commit/22d632e91d8a458faf83ae112cc723e2821597ac\"><code>22d632e</code></a> 9.0.0-rc-1</li>\n<li><a href=\"https://github.com/fkhadra/react-toastify/commit/6388be152b44059b60150f6eb8f83c9cf3dbcb29\"><code>6388be1</code></a> bump dependencies</li>\n<li><a href=\"https://github.com/fkhadra/react-toastify/commit/ae9751e649b9095c7d4324ac181a0f37394054a6\"><code>ae9751e</code></a> update contributing guide</li>\n<li><a href=\"https://github.com/fkhadra/react-toastify/commit/1979d75916d1919a0df10a55037651e904c1e3e6\"><code>1979d75</code></a> bump example deps</li>\n<li>Additional commits viewable in <a href=\"https://github.com/fkhadra/react-toastify/compare/v8.2.0...v9.0.0\">compare view</a></li>\n</ul>\n</details>\n<br />\n\n\n[![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)\n\nDependabot 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`.\n\n[//]: # (dependabot-automerge-start)\n[//]: # (dependabot-automerge-end)\n\n---\n\n<details>\n<summary>Dependabot commands and options</summary>\n<br />\n\nYou can trigger Dependabot actions by commenting on this PR:\n- `@dependabot rebase` will rebase this PR\n- `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it\n- `@dependabot merge` will merge this PR after your CI passes on it\n- `@dependabot squash and merge` will squash and merge this PR after your CI passes on it\n- `@dependabot cancel merge` will cancel a previously requested merge and block automerging\n- `@dependabot reopen` will reopen this PR if it is closed\n- `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually\n- `@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)\n- `@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)\n- `@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)\n\n\n</details>",
   "comments": [
     {
       "author": "dependabot[bot]",
       "created_at": "2022-05-06T08:34:26Z",
       "body": "Superseded by #183."
     }
   ],
   "review_comments": []
 }