Custom File Name Option

README.md

@@ -377,6 +377,7 @@ const myHeader: IHeaderOverride = (state, previousDocument, nextDocument) => {
 | --------- | -------- |
 | uri       | `string` |
 | fileType? | `string` |
+| fileName? | `string` |
 | fileData? | `string  | ArrayBuffer` - **Used Internally - Ignored if passed into props** |
 
 ---

src/components/FileName.tsx

@@ -10,16 +10,22 @@ export const FileName: FC<{}> = () => {
 
   if (!currentDocument || config?.header?.disableFileName) return null;
 
-  let fileName = currentDocument.uri || "";
-  fileName = decodeURI(fileName);
+  let fileName = "";
 
-  if (!config?.header?.retainURLParams) {
-    fileName = fileName.split("?")[0];
-  }
+  if (currentDocument.fileName) {
+    fileName = currentDocument.fileName;
+  } else {
+    fileName = currentDocument.uri || "";
+    fileName = decodeURI(fileName);
+
+    if (!config?.header?.retainURLParams) {
+      fileName = fileName.split("?")[0];
+    }
 
-  const splitURL = fileName.split("/");
-  if (splitURL.length) {
-    fileName = splitURL[splitURL.length - 1];
+    const splitURL = fileName.split("/");
+    if (splitURL.length) {
+      fileName = splitURL[splitURL.length - 1];
+    }
   }
 
   return (

src/plugins/pdf/components/PDFControls.tsx

@@ -30,7 +30,7 @@ const PDFControls: FC<{}> = () => {
         <DownloadButton
           id="pdf-download"
           href={currentDocument?.fileData as string}
-          download={currentDocument?.uri}
+          download={currentDocument?.fileName || currentDocument?.uri}
         >
           <DownloadPDFIcon color="#000" size="75%" />
         </DownloadButton>

src/types/index.ts

@@ -37,6 +37,7 @@ export interface IDocument {
   uri: string;
   fileType?: string;
   fileData?: string | ArrayBuffer;
+  fileName?: string;
 }
 
 export interface DocRendererProps {