use semicolon as delimeter

Author: xsalonx

lib/public/components/common/dataExport/exportTriggerAndModal.js

@@ -11,7 +11,7 @@
  * or submit itself to any jurisdiction.
  */
 
-import { DATA_EXPORT_TYPES } from '../../../domain/enums/DataExportTypes.js';
+import { DATA_EXPORT_TYPES, DataExportTypes } from '../../../domain/enums/DataExportTypes.js';
 import errorAlert from '../errorAlert.js';
 import spinner from '../spinner.js';
 import { h } from '/js/src/index.js';
@@ -57,22 +57,27 @@ const exportForm = (exportModel, modalHandler) => {
         h('label.form-check-label.f6', 'Select output format'),
     ];
 
-    const exportTypeSelect = h('.flex-row.g3', DATA_EXPORT_TYPES.map((exportType) => {
-        const id = `data-export-type-${exportType}`;
-        return h('.form-check', [
-            h('input.form-check-input', {
-                id,
-                type: 'radio',
-                value: exportType,
-                checked: selectedExportType.length ? selectedExportType.includes(exportType) : false,
-                name: 'export-type',
-                onclick: () => exportModel.setSelectedExportType(exportType),
-            }),
-            h('label.form-check-label', {
-                for: id,
-            }, exportType),
-        ]);
-    }));
+    const exportTypeSelect = h('.flex-row.g3', [
+        ...DATA_EXPORT_TYPES.map((exportType) => {
+            const id = `data-export-type-${exportType}`;
+            return h('.form-check', [
+                h('input.form-check-input', {
+                    id,
+                    type: 'radio',
+                    value: exportType,
+                    checked: selectedExportType.length ? selectedExportType.includes(exportType) : false,
+                    name: 'export-type',
+                    onclick: () => exportModel.setSelectedExportType(exportType),
+                }),
+                h('label.form-check-label', {
+                    for: id,
+                }, exportType),
+
+            ]);
+        }),
+        selectedExportType === DataExportTypes.CSV ? h('.f7.italic', 'For CSV export semicolon is used as delimeter') : null,
+
+    ]);
 
     const exportBtn = h('button.shadow-level1.btn.btn-success.mt2#send', {
         disabled: !fieldsSelected,

lib/public/utilities/export.js

@@ -40,6 +40,8 @@ const createJSONExport = (content, fileName, contentType) => {
     downloadFile(json, fileName, contentType);
 };
 
+const CSV_DELIMITER = ';';
+
 /**
  * Create CSV export
  *
@@ -52,8 +54,8 @@ const createCSVExport = (content, fileName, contentType) => {
     const items = content;
     const replacer = (key, value) => value === null ? '' : value;
     const header = Object.keys(items[0]);
-    let csv = items.map((row) => header.map((fieldName) => JSON.stringify(row[fieldName], replacer)));
-    csv.unshift(header.join(','));
+    let csv = items.map((row) => header.map((fieldName) => JSON.stringify(row[fieldName], replacer)).join(CSV_DELIMITER));
+    csv.unshift(header.join(CSV_DELIMITER));
     csv = csv.join('\r\n');
     downloadFile(csv, fileName, contentType);
 };