Fixes data export feature (#2688)

* Fixes data export feature

* Makes prettier happy

* Makes prettier happy

Author: mvilanova

src/dispatch/static/dispatch/package-lock.json

@@ -10,6 +10,8 @@
     "lint:fix": "eslint src --fix"
   },
   "dependencies": {
+    "@json2csv/plainjs": "^6.1.1",
+    "@json2csv/transforms": "^6.1.1",
     "@koumoul/vjsf": "^2.5.2",
     "@openid/appauth": "^1.3.1",
     "@sentry/browser": "^6.3.5",
@@ -19,7 +21,6 @@
     "date-fns": "^2.21.1",
     "date-fns-tz": "^1.1.6",
     "font-awesome": "^4.7.0",
-    "json2csv": "^5.0.7",
     "lodash": "^4.17.21",
     "mjml": "^4.9.3",
     "monaco-editor": "^0.33.0",

src/dispatch/static/dispatch/package.json

@@ -228,7 +228,8 @@ export default {
           this.exportLoading = false
           this.closeExport()
         })
-        .catch(() => {
+        .catch((error) => {
+          console.log(error)
           this.exportLoading = false
           this.closeExport()
         })

src/dispatch/static/dispatch/src/incident/TableExportDialog.vue

@@ -1,4 +1,5 @@
-import { Parser, flatten } from "json2csv/dist/json2csv.umd"
+import { Parser } from "@json2csv/plainjs"
+import { flatten } from "@json2csv/transforms"
 
 const toggleFullScreen = () => {
   let doc = window.document
@@ -28,9 +29,8 @@ const toggleFullScreen = () => {
 }
 
 const exportCSV = function (items, fileName) {
-  const opts = { transforms: [flatten()] }
-  const parser = new Parser(opts)
-  const csv = parser.parse(items)
+  const json2csvParser = new Parser({ transforms: [flatten()] })
+  const csv = json2csvParser.parse(items)
   const data = "data:text/csv;charset=utf-8," + encodeURIComponent(csv)
   const link = document.createElement("a")
   link.setAttribute("href", data)