feat: add loaderHtml support (#170)

sweetalert2 · Nov 7, 2022 · 5b8e21f · 5b8e21f
1 parent 4859142
commit 5b8e21f
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -20,6 +20,7 @@ The following options can be React elements:
  - footer
  - closeButtonHtml
  - iconHtml
+ - loaderHtml
 
 ## Installation
 

diff --git a/src/mounts.js b/src/mounts.js
@@ -31,4 +31,8 @@ export const mounts = [
     key: 'iconHtml',
     getter: swal => swal.getIcon().querySelector('.swal2-icon-content'),
   },
+  {
+    key: 'loaderHtml',
+    getter: swal => swal.getLoader(),
+  },
 ]
diff --git a/src/sweetalert2-react-content.d.ts b/src/sweetalert2-react-content.d.ts
@@ -45,6 +45,7 @@ interface ReactOptions {
   footer?: ReactElementOr<'footer'>;
   closeButtonHtml?: ReactElementOr<'closeButtonHtml'>;
   iconHtml?: ReactElementOr<'iconHtml'>;
+  loaderHtml?: ReactElementOr<'loaderHtml'>;
 }
 
 // Overwrite<T, U> will take the properties of U and add to it the properties of T that are not in U.

diff --git a/test/integration.test.js b/test/integration.test.js
@@ -42,6 +42,7 @@ describe('integration', () => {
         title: <span>title</span>,
         html: <span>html</span>,
         iconHtml: <span>@</span>,
+        loaderHtml: <span>%</span>,
         confirmButtonText: <span>confirmButtonText</span>,
         denyButtonText: <span>denyButtonText</span>,
         cancelButtonText: <span>cancelButtonText</span>,
@@ -58,6 +59,7 @@ describe('integration', () => {
       expect(MySwal.getIcon().innerHTML).toEqual('<div class="swal2-icon-content"><span>@</span></div>')
       expect(MySwal.getFooter().innerHTML).toEqual('<span>footer</span>')
       expect(MySwal.getCloseButton().innerHTML).toEqual('<span>closeButtonHtml</span>')
+      expect(MySwal.getLoader().innerHTML).toEqual('<span>%</span>')
     }
   })
   it('can mix React and non-React params', async () => {

diff --git a/test/test-build.html b/test/test-build.html
@@ -15,6 +15,7 @@
     await MySwal.fire({
       icon: 'success',
       iconHtml: React.createElement('b', {key: 'iconHtml'}, ['P']),
+      loaderHtml: React.createElement('b', {key: 'iconHtml'}, ['@']),
       title: React.createElement('i', {key: 'title'}, ['Hello World']),
       didOpen: (popup) => {
         console.log('didOpen', popup)