feat: add onClick event to PDFDownloadLink (#1902)

diegomura · Jul 2, 2022 · d011983 · iansummerlin · Jul 4, 2022 · diegomura
1 parent 0fcc594
commit d011983
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/.changeset/silly-rice-chew.md b/.changeset/silly-rice-chew.md
@@ -0,0 +1,5 @@
+---
+'@react-pdf/renderer': minor
+---
+
+feat: add onClick event to PDFDownloadLink
diff --git a/packages/renderer/index.d.ts b/packages/renderer/index.d.ts
@@ -448,6 +448,7 @@ declare namespace ReactPDF {
     children?:
       | React.ReactNode
       | ((params: BlobProviderParams) => React.ReactNode);
+    onClick?: function;
   }
 
   /**

diff --git a/packages/renderer/src/dom/PDFDownloadLink.js b/packages/renderer/src/dom/PDFDownloadLink.js
@@ -10,6 +10,7 @@ export const PDFDownloadLink = ({
   className,
   document: doc,
   fileName = 'document.pdf',
+  onClick,
 }) => {
   const [instance, updateInstance] = usePDF({ document: doc });
 
@@ -27,13 +28,18 @@ export const PDFDownloadLink = ({
     }
   };
 
+  const handleClick = event => {
+    handleDownloadIE();
+    if (typeof onClick === 'function') onClick(event, instance);
+  };
+
   return (
     <a
       style={style}
       href={instance.url}
       download={fileName}
       className={className}
-      onClick={handleDownloadIE}
+      onClick={handleClick}
     >
       {typeof children === 'function' ? children(instance) : children}
     </a>