@irontec/ivoz-ui 1.7.18 → 1.7.19

package/components/List/DownloadFile.js

@@ -10,6 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useStoreActions } from 'store';
 import { saveAs } from 'file-saver';
+import { parseContentDispositionFilename } from '../../helpers';
 import { Tooltip } from '@mui/material';
 import DownloadIcon from '@mui/icons-material/Download';
 import { StyledPdfButton } from './DownloadFile.styles';
@@ -23,9 +24,8 @@ export default function DownloadFile(props) {
             path: `${path}/${row.id}/${fileType}`,
             params: {},
             successCallback: (data, headers) => __awaiter(this, void 0, void 0, function* () {
-                var _a, _b;
-                const fileName = (_b = (_a = headers['content-disposition']) === null || _a === void 0 ? void 0 : _a.split('filename=')) === null || _b === void 0 ? void 0 : _b.pop();
-                saveAs(data, fileName || 'download');
+                const fileName = parseContentDispositionFilename(headers['content-disposition'] || '');
+                saveAs(data, fileName);
             }),
         });
     };

package/helpers/index.d.ts

@@ -1,2 +1,3 @@
 export * from './fetchAllPages';
 export * from './fetchFilteredPage';
+export * from './parseContentDispositionFilename';

package/helpers/index.js

@@ -1,2 +1,3 @@
 export * from './fetchAllPages';
 export * from './fetchFilteredPage';
+export * from './parseContentDispositionFilename';

package/helpers/parseContentDispositionFilename.d.ts

@@ -0,0 +1 @@
+export declare function parseContentDispositionFilename(contentDisposition: string): string;

package/helpers/parseContentDispositionFilename.js

@@ -0,0 +1,12 @@
+export function parseContentDispositionFilename(contentDisposition) {
+    var _a;
+    const filenameStar = contentDisposition.match(/filename\*\s*=\s*([^']*)'([^']*)'((?:%[0-9A-Fa-f]{2}|[!#$&+\-.^_`|~\w])+)/i);
+    if (filenameStar) {
+        return decodeURIComponent(filenameStar[3]);
+    }
+    const filename = contentDisposition.match(/filename\s*=\s*(?:"([^"]*)"|([^;\s]+))/i);
+    if (filename) {
+        return (_a = filename[1]) !== null && _a !== void 0 ? _a : filename[2];
+    }
+    return 'download';
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@irontec/ivoz-ui",
-  "version": "1.7.18",
+  "version": "1.7.19",
   "description": "UI library used in ivozprovider",
   "license": "GPL-3.0",
   "main": "index.js",

package/services/form/Field/FileUploader/FileUploader.js

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { saveAs } from 'file-saver';
+import { parseContentDispositionFilename } from '../../../../helpers';
 import { useCallback, useState, } from 'react';
 import { useStoreActions } from '../../../../store';
 import { StyledFieldsetRoot } from '../CustomComponentWrapper.styles';
@@ -52,9 +53,8 @@ const FileUploader = (props) => {
                 path: downloadPath,
                 params: {},
                 successCallback: (data, headers) => __awaiter(void 0, void 0, void 0, function* () {
-                    var _a, _b;
-                    const fileName = (_b = (_a = headers['content-disposition']) === null || _a === void 0 ? void 0 : _a.split('filename=')) === null || _b === void 0 ? void 0 : _b.pop();
-                    saveAs(data, fileName || 'download');
+                    const fileName = parseContentDispositionFilename(headers['content-disposition'] || '');
+                    saveAs(data, fileName);
                 }),
             });
         }