fix: export vulnerabilities as xls using export-from-json

Signed-off-by: Andreea-Lupu <[email protected]>

package.json

@@ -22,8 +22,7 @@
     "react-dom": "^17.0.2",
     "react-router-dom": "^6.2.1",
     "react-sticky-el": "^2.0.9",
-    "web-vitals": "^2.1.3",
-    "xlsx": "^0.18.5"
+    "web-vitals": "^2.1.3"
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.16.7",

src/__tests__/TagPage/VulnerabilitiesDetails.test.js

@@ -6,8 +6,6 @@ import VulnerabilitiesDetails from 'components/Tag/Tabs/VulnerabilitiesDetails';
 import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 
-jest.mock('xlsx');
-
 const StateVulnerabilitiesWrapper = () => {
   return (
     <MockThemeProvider>
@@ -561,9 +559,6 @@ describe('Vulnerabilties page', () => {
   });
 
   it('should allow export of vulnerabilities list', async () => {
-    const xlsxMock = jest.createMockFromModule('xlsx');
-    xlsxMock.writeFile = jest.fn();
-
     jest
       .spyOn(api, 'get')
       .mockResolvedValueOnce({ status: 200, data: { data: mockCVEList } })
@@ -580,7 +575,7 @@ describe('Vulnerabilties page', () => {
     await fireEvent.click(exportAsCSVBtn);
     expect(await screen.findByTestId('export-csv-menuItem')).not.toBeInTheDocument();
     fireEvent.click(downloadBtn[0]);
-    const exportAsExcelBtn = screen.getByText(/MS Excel/i);
+    const exportAsExcelBtn = screen.getByText(/xls/i);
     expect(exportAsExcelBtn).toBeInTheDocument();
     await fireEvent.click(exportAsExcelBtn);
     expect(await screen.findByTestId('export-excel-menuItem')).not.toBeInTheDocument();

src/components/Tag/Tabs/VulnerabilitiesDetails.jsx

@@ -24,7 +24,6 @@ import { EXPLORE_PAGE_SIZE } from 'utilities/paginationConstants';
 import SearchIcon from '@mui/icons-material/Search';
 import DownloadIcon from '@mui/icons-material/Download';
 
-import * as XLSX from 'xlsx';
 import exportFromJSON from 'export-from-json';
 
 import VulnerabilitiyCard from '../../Shared/VulnerabilityCard';
@@ -179,12 +178,10 @@ function VulnerabilitiesDetails(props) {
   };
 
   const handleOnExportExcel = () => {
-    const wb = XLSX.utils.book_new(),
-      ws = XLSX.utils.json_to_sheet(allCveData);
-
-    XLSX.utils.book_append_sheet(wb, ws, name + '_' + tag);
+    const fileName = `${name}:${tag}-vulnerabilities`;
+    const exportType = exportFromJSON.types.xls;
 
-    XLSX.writeFile(wb, `${name}:${tag}-vulnerabilities.xlsx`);
+    exportFromJSON({ data: allCveData, fileName, exportType });
 
     handleCloseExport();
   };
@@ -325,7 +322,7 @@ function VulnerabilitiesDetails(props) {
             className={classes.popper}
             data-testid="export-excel-menuItem"
           >
-            MS Excel
+            xls
           </MenuItem>
         </Menu>
       </Stack>