183.json (7476B)
1 { 2 "number": 183, 3 "title": "Bump react-toastify from 8.2.0 to 9.0.1", 4 "state": "merged", 5 "diff_file": "183.diff", 6 "author": "dependabot[bot]", 7 "created_at": "2022-05-06T08:34:22Z", 8 "closed_at": "2022-05-23T13:54:15Z", 9 "merged_at": "2022-05-23T13:54:14Z", 10 "base_ref": "main", 11 "head_ref": "dependabot/npm_and_yarn/react-toastify-9.0.1", 12 "labels": [ 13 "dependencies", 14 "javascript" 15 ], 16 "assignees": [ 17 "MTRNord" 18 ], 19 "requested_reviewers": [ 20 "MTRNord" 21 ], 22 "body": "Bumps [react-toastify](https://github.com/fkhadra/react-toastify) from 8.2.0 to 9.0.1.\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&hidenavigation=1&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) => {\n logger.info("nothing useful to log, ...")\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<Data = {}> {\n id: Id;\n content: React.ReactNode;\n</tr></table> \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/84f6805c476a45391a427257e641a2d299e740fe\"><code>84f6805</code></a> 9.0.1</li>\n<li><a href=\"https://github.com/fkhadra/react-toastify/commit/838aa4c9e9636f7eaada98842d6a32e2c33d13a4\"><code>838aa4c</code></a> fix icons <a href=\"https://github-redirect.dependabot.com/fkhadra/react-toastify/issues/750\">#750</a></li>\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>Additional commits viewable in <a href=\"https://github.com/fkhadra/react-toastify/compare/v8.2.0...v9.0.1\">compare view</a></li>\n</ul>\n</details>\n<br />\n\n\n[](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>", 23 "comments": [], 24 "review_comments": [] 25 }