Release 1.7.0

apvarun · Mar 1, 2020 · a5c7401 · a5c7401
1 parent 8505d2a
commit a5c7401
Show file tree

Hide file tree

Showing 5 changed files with 120 additions and 9 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,13 @@
 
 All the changes made to toastify-js library.
 
+## [1.7.0] - 2020-03-01
+
+* To be able to set `stopOnFocus` for toasts without close icon
+* Bugfix: `duration` can be infinite by setting as `0`
+* Bugfix: Prevent errors when parent node is removed from DOM while using frameworks
+* Bugfix: IE 9/10 compatibility fix
+
 ## [1.6.2] - 2020-01-03
 
 * Bugfix: Closing the toast when custom close icon from icon fonts are used

diff --git a/README.md b/README.md
@@ -3,7 +3,7 @@
 ![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)
 ![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)
 
-[![toastify-js](https://img.shields.io/badge/toastify--js-1.6.2-brightgreen.svg)](https://www.npmjs.com/package/toastify-js)
+[![toastify-js](https://img.shields.io/badge/toastify--js-1.7.0-brightgreen.svg)](https://www.npmjs.com/package/toastify-js)
 
 Toastify is a lightweight, vanilla JS toast notification library.
 
@@ -74,7 +74,7 @@ And the script at the bottom of the page
 ```javascript
 Toastify({
   text: "This is a toast",
-  duration: 3000,
+  duration: 3000, 
   destination: "https://github.com/apvarun/toastify-js",
   newWindow: true,
   close: true,
@@ -104,6 +104,25 @@ Toastify({
 
 Multiple classes also can be assigned as a string, with spaces between class names.
 
+## API
+
+| Option Key | type | Usage | Defaults |
+|-----------------|----------------------|----------------------------------------------------------------------------|-------------|
+| text | string | Message to be displayed in the toast | "Hi there!" |
+| duration | number | Duration for which the toast should be displayed.<br>0 for permanent toast | 3000 |
+| selector | string | CSS Selector on which the toast should be added | body |
+| destination | URL string | URL to which the browser should be navigated on click of the toast |  |
+| newWindow | boolean | Decides whether the `destination` should be opened in a new window or not | false |
+| close | boolean | To show the close icon or not | false |
+| gravity | "top" or "bottom" | To show the toast from top or bottom | "top" |
+| position | "left" or "right" | To show the toast on left or right | "right" |
+| backgroundColor | CSS background value | Sets the background color of the toast |  |
+| avatar | URL string | Image/icon to be shown before text |  |
+| className | string | Ability to provide custom class name for further customization |  |
+| stopOnFocus | boolean | To stop timer when hovered over the toast (Only if duration is set) | true |
+| callback | Function | Invoked when the toast is dismissed |  |
+| onClick | Function | Invoked when the toast is clicked |  |
+
 ## Browsers support
 
 | ![][ie]<br />IE / Edge | ![][firefox]<br />Firefox | ![][chrome]<br />Chrome | ![][safari]<br />Safari | ![][opera]<br />Opera |
@@ -115,9 +134,94 @@ Multiple classes also can be assigned as a string, with spaces between class nam
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
 
 <!-- prettier-ignore -->
-|  [![rndevfx](https://avatars2.githubusercontent.com/u/5052076?v=3&s=80)](https://github.com/rndevfx) | [![Wachiwi](https://avatars1.githubusercontent.com/u/4199845?v=3&s=80)](https://github.com/Wachiwi)  |
-| :--:|:--: |
-|  [rndevfx](https://github.com/rndevfx) | [Wachiwi](https://github.com/Wachiwi)  |
+<table>
+  <tr>
+    <td align="center">
+      <a href="https://github.com/haydster7"><img alt="haydster7"
+          src="https://avatars2.githubusercontent.com/u/4540595?v=4&s=117" width="117" />
+        <br />haydster7</a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/fiatjaf"><img alt="fiatjaf"
+          src="https://avatars1.githubusercontent.com/u/1653275?v=4&s=117" width="117" />
+        <br />fiatjaf</a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/victorfeijo"><img alt="victorfeijo"
+          src="https://avatars2.githubusercontent.com/u/8865899?v=4&s=117" width="117" />
+        <br />victorfeijo</a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/t12ung"><img alt="t12ung"
+          src="https://avatars1.githubusercontent.com/u/9781423?v=4&s=117" width="117" />
+        <br />t12ung</a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/Tadaz"><img alt="Tadaz"
+          src="https://avatars0.githubusercontent.com/u/10881931?v=4&s=117" width="117" />
+        <br />Tadaz</a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/mort3za"><img alt="mort3za"
+          src="https://avatars3.githubusercontent.com/u/510242?v=4&s=117" width="117" />
+        <br />mort3za</a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/Wachiwi"><img alt="Wachiwi"
+          src="https://avatars2.githubusercontent.com/u/4199845?v=4&s=117" width="117" />
+        <br />Wachiwi</a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://github.com/gavinhungry"><img alt="gavinhungry"
+          src="https://avatars0.githubusercontent.com/u/744538?v=4&s=117" width="117" />
+        <br />gavinhungry</a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/juliushaertl"><img alt="juliushaertl"
+          src="https://avatars0.githubusercontent.com/u/3404133?v=4&s=117" width="117" />
+        <br />juliushaertl</a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/skjnldsv"><img alt="skjnldsv"
+          src="https://avatars0.githubusercontent.com/u/14975046?v=4&s=117" width="117" />
+        <br />skjnldsv</a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/danielkaiser80"><img alt="danielkaiser80"
+          src="https://avatars2.githubusercontent.com/u/33827555?v=4&s=117" width="117" />
+        <br />danielkaiser80</a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/d4rn0k"><img alt="d4rn0k"
+          src="https://avatars2.githubusercontent.com/u/2183269?v=4&s=117" width="117" />
+        <br />d4rn0k</a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/GodzzZZZ"><img alt="GodzzZZZ"
+          src="https://avatars1.githubusercontent.com/u/36092926?v=4&s=117" width="117" />
+        <br />GodzzZZZ</a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/caiomoura1994"><img alt="caiomoura1994"
+          src="https://avatars1.githubusercontent.com/u/9389139?v=4&s=117" width="117" />
+        <br />caiomoura1994</a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://github.com/rndevfx"><img alt="rndevfx"
+          src="https://avatars3.githubusercontent.com/u/5052076?v=4&s=117" width="117" />
+        <br />rndevfx</a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/apvarun"><img alt="apvarun"
+          src="https://avatars1.githubusercontent.com/u/8411309?v=4&s=117" width="117" />
+        <br />apvarun</a>
+    </td>
+  </tr>
+</table>
 
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "toastify-js",
-  "version": "1.6.2",
+  "version": "1.7.0",
   "description":
     "Toastify is a lightweight, vanilla JS toast notification library.",
   "main": "./src/toastify.js",

diff --git a/src/toastify.css b/src/toastify.css
@@ -1,5 +1,5 @@
 /*!
- * Toastify js 1.6.2
+ * Toastify js 1.7.0
  * https://github.com/apvarun/toastify-js
  * @license MIT licensed
  *

diff --git a/src/toastify.js b/src/toastify.js
@@ -1,5 +1,5 @@
 /*!
- * Toastify js 1.6.2
+ * Toastify js 1.7.0
  * https://github.com/apvarun/toastify-js
  * @license MIT licensed
  *
@@ -18,7 +18,7 @@
       return new Toastify.lib.init(options);
     },
     // Library version
-    version = "1.6.2";
+    version = "1.7.0";
 
   // Defining the prototype of the object
   Toastify.lib = Toastify.prototype = {