Merge pull request #785 from limonte/add-timer-progressbar-to-toasts

Add timer progressbar to toasts

package.json

@@ -83,8 +83,8 @@
     "sortablejs": "^1.13.0",
     "strong-data-uri": "^1.0.5",
     "svg2png": "^4.1.1",
-    "sweetalert2": "^10.15.7",
-    "sweetalert2-react-content": "^3.3.1",
+    "sweetalert2": "^11.0.0",
+    "sweetalert2-react-content": "^4.0.0",
     "use-debounce": "^5.1.0",
     "use-trace-update": "^1.3.0",
     "uuid": "^8.3.2",

src/util.js

@@ -68,6 +68,11 @@ export const toast = Swal.mixin({
   position: 'top',
   showConfirmButton: false,
   timer: 5000,
+  timerProgressBar: true,
+  didOpen: (self) => {
+    self.addEventListener('mouseenter', Swal.stopTimer);
+    self.addEventListener('mouseleave', Swal.resumeTimer);
+  },
 });
 
 export const errorToast = (title) => toast.fire({

yarn.lock

@@ -12943,15 +12943,15 @@ svgo@^1.0.0, svgo@^1.2.2:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
-sweetalert2-react-content@^3.3.1:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/sweetalert2-react-content/-/sweetalert2-react-content-3.3.1.tgz#2e0367bca36a5c0bfcc381a1b5fa90a51b35fff7"
-  integrity sha512-wg26qMZdH9a99Rd/6CMH85CKClfYYy6zI41tsN40tsbP4gTHO4zhITbp9y2TTytboFSH2DgKsJzuuEvPikWJtA==
+sweetalert2-react-content@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/sweetalert2-react-content/-/sweetalert2-react-content-4.1.0.tgz#754627f3191f4878121d772314559e162c896f22"
+  integrity sha512-aZo1XmKDLXKDiSAMiNtg7YrVFqZ6GizbZoIct+sf5LuIPuA1fkA1t7KnFE7596aJmZHrcKi+BXhwDZVo0NJiCQ==
 
-sweetalert2@^10.15.7:
-  version "10.15.7"
-  resolved "https://registry.yarnpkg.com/sweetalert2/-/sweetalert2-10.15.7.tgz#ad4c8f08432952d3283adbaa9a309c534f5a863d"
-  integrity sha512-imY0MR03NGefPcGzSYjWYz1GMIlniusEBXilswvKrHD/GMiTxA5jnsdjtK2IoRyXfEaqV7GWt6DM4YVjAZU8gw==
+sweetalert2@^11.0.0:
+  version "11.0.19"
+  resolved "https://registry.yarnpkg.com/sweetalert2/-/sweetalert2-11.0.19.tgz#b1c50b87b4f3227dcd62b7396bca36f7bbce5041"
+  integrity sha512-fJkiIhvOjDux8Ns08uWNdWPcLql5tpMpiuc78sYLjY9zTBvkj7rvmPHHckdkAZLKVGUmOfy8ckDZ1ElS0lLpjw==
 
 symbol-tree@^3.2.4:
   version "3.2.4"